/* vietnamese */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_Big Shoulders Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v24/fC1MPZJEZG-e9gHhdI4-NBbfd2ys3SjJCx12wPgf9g-_3F0YdSY8FFYwSDH92ZWI0g5D.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_Big Shoulders Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v24/fC1MPZJEZG-e9gHhdI4-NBbfd2ys3SjJCx12wPgf9g-_3F0YdSY8FFcwSDH92ZWI0g5D.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_Big Shoulders Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v24/fC1MPZJEZG-e9gHhdI4-NBbfd2ys3SjJCx12wPgf9g-_3F0YdSY8FFkwSDH92ZWI0g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwgknk-4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwgknk-4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C_k3HqUtEw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C_k3HqUtEw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C_k3HqUtEw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C_k3HqUtEw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ─── Drip House footer ──────────────────────────────────────
 * Built from the approved design canvas (Drip House Storefront.dc.html,
 * FOOTER block), not from an approximation of it. The store is paper; the
 * footer inverts to ink so the page ends on a deliberate edge rather than
 * fading out.
 *
 * The one departure from the canvas is leading. The canvas sets 22px/1 on the
 * links and 14px/1 on the labels; in Big Shoulders the Turkish capitals span
 * ~1.14em of ink (İ rises 0.94em, Ş drops to −0.16em), so İade, İletişim and
 * Sıkıcı Şeyler clip at 1. Everything Turkish is set at 1.16. The wordmark
 * keeps the canvas's 0.9 — it reads DRIP HOUSE and carries no Turkish glyph.
 */
/* No top margin. The canvas gives the footer a 40px gap on inner pages and 0 on
   home ("hero'dan sonra doğrudan footer"), but footer values are theme-wide —
   one set read from the Home placement — so it cannot differ per page. 0 wins:
   on home the seam against a full-bleed hero is visible and wrong, while the
   inner pages already carry their own bottom padding (--space-xl / --space-3xl
   on the product list), so they lose nothing. */
.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer {
  background: var(--dh-ink, #0d0d0c);
  color: var(--dh-paper, #f0efeb);
  /* Clearance for the floating pill, phone only — both desktop blocks below
     override this with their own fixed 130px.

     The pill is `bottom: calc(24px + env(safe-area-inset-bottom, 21px))` and
     52px tall, so it occupies `76px + inset` of the bottom edge. Tracking the
     SAME inset here makes the gap above it a constant 20px on every device,
     instead of a flat number that is either too loose where there is no inset
     or tucked under the pill where there is. Measured at 390x844 with no
     inset: credit line ended 84px above the pill, which is the dead space
     this replaces.

     An earlier comment here claimed the pill sat 68px off the bottom. It does
     not — measured 24px plus the inset. */
  padding: 40px 20px calc(96px + env(safe-area-inset-bottom, 21px));
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px 24px;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-col-label {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_Big Shoulders Display', Impact, 'Arial Narrow', sans-serif;
  font-weight: 900;
  font-size: 14px;
  line-height: 1.16;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.5;
  margin: 0 0 14px;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-col-links {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-col-links a {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_Big Shoulders Display', Impact, 'Arial Narrow', sans-serif;
  font-weight: 900;
  font-size: 22px;
  line-height: 1.16;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-col-links a:hover, .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-col-links a:focus-visible {
  color: var(--dh-accent, #2453ff);
}

/* The vector wordmark, not type. It replaced a two-line DRIP / HOUSE lockup
   set in Big Shoulders — the mark is the brand's own drawing and the store
   uses it everywhere else, so the footer had been the last place still
   spelling the name out in a typeface.
 *
 * The mark is 6.79:1, where the old lockup was nearly square, so it takes the
 * full column width and sits on the baseline of the row rather than filling
 * it. currentColor inherits the footer's paper on its ink ground. */
/* Auto-placed, as it was before the mark replaced the type lockup — the cell
   to the right of the DESTEK column. No grid-column: spanning was only ever
   needed while the mark ran as one 6.79:1 strip. */
/* Centred in its row rather than sitting on its baseline: at two lines the
   mark is shorter than the link columns beside it, and centring reads as
   deliberate where bottom-aligning read as short. */
.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-mark {
  /* Mobile keeps the mark beside DESTEK, auto-placed in the cell it has always
     had. That caps its height: the cell is 163px, each line is 4.12:1, so the
     block can only be 85px against link columns of 118.8. Matching their height
     would need 227.5px of width, which the cell does not have — so being next
     to DESTEK and being level with the columns are mutually exclusive here, and
     the placement is the part that matters.
   *
     Centred in its cell; desktop overrides the width below. */
  align-self: center;
  opacity: 0.95;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

/* One element now the mark is drawn stacked, so width is the only thing to set
   and the two lines share a scale by construction. The block is 1000 x 825.6
   ink units — 1.21:1 — where the two cropped lines plus their gap came to about
   1.05:1, so the same width renders about 14% shorter. */
.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-mark-line {
  display: block;
  width: 100%;
  height: auto;
  color: currentColor;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-news {
  grid-column: 1 / -1;
  min-width: 0;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-news-text {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_Space Grotesk', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  opacity: 0.75;
  margin: 0 0 12px;
  max-width: 34ch;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-field {
  display: flex;
  border: 1px solid rgba(240, 239, 235, 0.3);
  border-radius: 999px;
  overflow: hidden;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-field input {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 500;
  font-size: 13px;
  flex: 1;
  min-width: 0;
  background: transparent;
  border: 0;
  outline: 0;
  color: var(--dh-paper, #f0efeb);
  padding: 0 16px;
  height: 46px;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-field input::placeholder {
  color: rgba(240, 239, 235, 0.45);
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-field input:focus-visible {
  outline: 2px solid var(--dh-accent, #2453ff);
  outline-offset: -2px;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-field button {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 600;
  font-size: 10px;
  line-height: 1.16;
  border: 0;
  background: var(--dh-paper, #f0efeb);
  color: var(--dh-ink, #0d0d0c);
  padding: 0 16px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-field button:disabled {
  cursor: default;
  opacity: 0.6;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-news-note {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_Space Grotesk', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 8px;
  margin-bottom: 0;
  opacity: 0.45;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-legal {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.16;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(240, 239, 235, 0.15);
  letter-spacing: 0.06em;
  opacity: 0.55;
}

/* The store switches to desktop at 768px, not at the theme's 1024. */
@media (min-width: 768px) {
  .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer {
    /* Bottom value is PILL CLEARANCE, not a design size — see the 130px note on
       the rule below, which wins. */
    padding: 56px 51.8px 130px;
  }

  /* Three equal link columns — Takip Et, Sıkıcı Şeyler, Yardım — and the mark
     on the right in a track of its own. The three share the space the mark
     leaves, equally, which is what keeps the left side reading as one system
     rather than three columns of convenience. */
  /* Wider gaps between the three link columns, and the mark's track sized to
     the mark itself rather than left with slack in it. Together those pull the
     link group rightwards — Yardım now ends one gap from the mark instead of
     a gap plus ~77px of empty track — without the mark changing size. */
  .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-grid {
    /* The row is as tall as the mark, which stands 24px past the columns' last
       link, so a 32px row gap read as ~56px under the links. 16px closes it
       without crowding the mark. */
    row-gap: 20.7px;
    column-gap: 51.8px;
    grid-template-columns: repeat(3, minmax(0, 1fr)) 1.2fr;
  }

  /* Bülten keeps the full-width rule from the base styles, taking its own row
     under the four tracks. As a single column beside them it read like an
     orphan rather than a signup. */

  /* The links carry the footer on desktop, so they take the extra room the
     wider columns give them rather than just sitting in it. */
  .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-col-links a {
    font-size: 33.7px;
  }

  .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-col-label {
    font-size: 20.7px;
  }

  .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-mark {
    /* Its own track on the right, filled and flush right. The mark is the one
       thing in the footer that is not a list, so it gets the width rather than
       sharing a column rhythm with the links. */
    align-self: center;
    justify-self: end;
    align-items: flex-end;
    /* A wider track than the mark needs, with the mark flush to its right end —
       the difference is the air on the mark's left. Size and gap are set
       together here: the track's fr governs how much room there is, this
       percentage governs how much of it the mark takes, and what is left
       becomes the margin against Yardım.

       60%, up from 52%: the stacked mark is 1.21:1 against the 1.05:1 the two
       cropped lines made together, so it needed the extra width to hold the
       height the footer was balanced around. */
    width: 60%;
  }

}

/* Payment marks — a quiet row, not a badge wall.
   Monochrome-ish by default so five different brand palettes do not fight the
   footer; opacity lifts on hover so they still read as real marks rather than
   decoration. Wraps on a phone instead of shrinking below legibility. */
.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-pay {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 14px;
  margin-top: 28px;
}
.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-pay-label {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono', ui-monospace, monospace;
  font-size: 9px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  opacity: 0.5;
}
.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-pay-marks { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-pay-mark {
  height: 22px;
  width: auto;
  /* Wide enough that height governs every mark. At 64px the ikas lockup (4:1)
     and Visa (3:1) both hit the cap and shrank below the others' 22px. */
  max-width: 92px;
  object-fit: contain;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}
.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-pay-mark:hover { opacity: 1; }

/* The build credit. Centred on its own line under the legal row: as a third
   item inside a space-between row it landed hard right and read as a third
   piece of store information. Quiet on purpose — a signature, not a claim. */
.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-credit {
  font-family: 'cc_pfQKlERh3P_LDCVhFz5eW_JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.16;
  margin: 14px 0 0;
  text-align: center;
  letter-spacing: 0.06em;
  opacity: 0.4;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-credit a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(240, 239, 235, 0.25);
  padding-bottom: 1px;
}

.cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-credit a:hover, .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-credit a:focus-visible {
  border-bottom-color: rgba(240, 239, 235, 0.7);
}



/* ─── Desktop: sized at 1280, grown with the width ────────────
 * Same rule as the pill and the hero: every value is its size at a 1280
 * viewport and scales in proportion, so 1440 never reads smaller than 1280.
 * The newsletter row, legal line and credit were still phone sizes (10–13px).
 */
@media (min-width: 768px) {
  /* 130px of bottom clearance, and it must NOT be scaled.
     The pill sits at bottom: 24px and is 52px tall, so its top edge is ~76px up.
     The desktop pass scaled the phone's 160px down to 34px as though it were a
     design value, and the credit line ended up underneath the pill — "developed
     by kaan ses" was sitting behind MENÜ. The pill's offset is fixed in px and
     does not scale with the breakpoint, so neither can its clearance. */
  .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer { padding: 47.6px 44px 130px; }
  .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-col-links a { font-size: 28.6px; }
  .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-col-label { font-size: 17.6px; }
  .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-news-text { font-size: 15.4px; }
  .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-field input {
    font-size: 14.2px;
    height: 50.6px;
    padding: 0 17.6px;
  }
  .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-field button {
    font-size: 11px;
    padding: 0 17.6px;
  }
  .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-news-note { font-size: 13.2px; }
  .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-legal { font-size: 12px; }
  .cc_pfQKlERh3P_LDCVhFz5eW .dh-footer-credit { font-size: 11px; }
}