/* The public site's footer. */

  /* ——— Footer ——— */

  /* A light base on the page gradient under a garnet hairline: the wordmark and two columns of links, spread across the
     page grid (the landing mockup). */
  .kl__footer { border-top: 1px solid color-mix(in srgb, var(--accent) 10%, transparent); line-height: normal; }
  .kl__footer-in {
    max-width: var(--page-max);
    margin: 0 auto;
    padding: 36px var(--gutter) 44px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
    font-size: .875rem;
    color: var(--ink-soft);
  }
  .kl__footer-brand {
    font-family: var(--font-display);
    font-size: 1.125rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ink);
  }
  .kl__footer-col { display: flex; flex-direction: column; gap: 6px; }
  .kl__footer-h {
    margin: 0;
    font-family: var(--font-sans);
    font-size: .6875rem;
    font-weight: 400;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--muted);
  }
  .kl__footer-link { color: var(--ink); transition: color .15s ease; }
  .kl__footer-link:hover { color: var(--accent); }
  /* „Ustawienia cookies” is a button (it opens the consent dialog) dressed as the column's links. */
  .kl__footer-action { padding: 0; border: 0; background: none; font: inherit; line-height: inherit; text-align: left; cursor: pointer; }
  /* The PayU mark required by the PayU System terms: the official logo at its own proportions (303 × 152), never
     recoloured, above one line saying that payments go through PayU. */
  .kl__footer-payments { max-width: 15rem; }
  .kl__footer-payu { display: inline-flex; align-self: flex-start; border-radius: 4px; }
  .kl__footer-payu-logo { display: block; width: auto; height: 30px; }
  .kl__footer-note { margin: 0; line-height: 1.45; }