/* Fonts are declared here, not inherited. Component CSS is scoped and ships as
   its own bundle; a family USED but not DECLARED keeps its unscoped name into
   the build, resolves to nothing, and the text silently falls back to the
   merchant's font. The old stylesheet avoided this by using only global tokens
   — this one names families, so it must declare them. */
/* vietnamese */
@font-face {
  font-family: 'cc_pfQKlERh3P_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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_6LzxTLFuZA_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;
}

/* ── Hesabım ───────────────────────────────────────────────────────
 * One screen. The card at the top is the membership card the auth screens use
 * — Giriş shows it at the door, this is the same card from the inside — and
 * everything else is a block beneath it rather than a page elsewhere.
 *
 * Own the box model: global.css sets border-box universally, but component CSS
 * ships as its own scoped bundle and the theme's reset is not ours.
 */
.cc_pfQKlERh3P_6LzxTLFuZA .dh-acc, .cc_pfQKlERh3P_6LzxTLFuZA .dh-acc * { box-sizing: border-box; }
/* ── İletişim ───────────────────────────────────────────────────────
   Rebuilt in the store's own language. What was here was the template's:
   boxed fields on white cards, a coloured submit, centred headings. The
   store writes a form one way — underline fields, an ink slab, the title
   in Big Shoulders — and that is what the auth screens do. */
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section {
  box-sizing: border-box;
  display: block;
  width: 100%;
  /* No page tail here, deliberately. This section is the FOOT of Hakkımızda,
     not a page of its own — a 107vh floor would drop a viewport of empty paper
     into the middle of that page. The tail belongs to sections that stand
     alone, which this one stopped doing when İletişim moved onto About. */
  color: #0d0d0c;
  /* Landing from the footer link should not put the heading hard against the
     top edge. There is no top header to clear, so this is breathing room
     rather than an offset. */
  scroll-margin-top: 24px;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section *, .cc_pfQKlERh3P_6LzxTLFuZA .contact-section *::before, .cc_pfQKlERh3P_6LzxTLFuZA .contact-section *::after {
  box-sizing: border-box;
}

/* The About page's own measure, to the value: 1400 border-box with the side
   padding inside it, 20 on mobile and 40 from 900 up. This section sits at the
   foot of that page, so its left and right edges have to line up with the rows
   above — anything else reads as a panel dropped onto the page rather than part
   of it. No pill clearance here: the footer follows this, not the fold. */
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__inner {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  /* No top padding: the row above owns the gap between the two sections, and
     both paying for it is what made this read as a page that had restarted. */
  padding: 0 20px 40px;
}

/* The header was three blocks stacked down the page: label, a heading, then a
   long line of prose under it — which is the shape of a page opening, not of a
   section inside one. On desktop it takes the About page's own row rhythm
   instead: the naming on the left, the sentence set against it on the right,
   sharing a baseline. */
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__header {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-bottom: 28px;
}

@media (min-width: 768px) {
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__header {
    grid-template-columns: 1.2fr 1fr;
    column-gap: 93.2px;
    align-items: end;
    margin-bottom: 46.5px;
  }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__eyebrow { grid-column: 1; grid-row: 1; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__title { grid-column: 1; grid-row: 2; }
  /* Set against the title rather than under it, and bottom-aligned so the two
     sit on one line rather than two stacked blocks. */
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__subtitle {
    grid-column: 2;
    grid-row: 2;
    margin-top: 0;
    padding-bottom: 7.8px;
  }
}

/* The About page's own section label, to the value: mono 600 at 11/0.14em and
   55% ink. Two different section labels on one page is one too many. */
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__eyebrow {
  margin: 0 0 12px;
  font-family: 'cc_pfQKlERh3P_6LzxTLFuZA_JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0d0d0c;
  opacity: 0.55;
  padding-left: 0.14em;
}

/* Section scale, not page scale. This is the foot of Hakkımızda, which already
   carries one title at clamp(44px, 7vw, 110px); a second of that size beside it
   makes the page argue with itself about which heading is the heading. Here it
   announces a section, the way MAĞAZA does above it.

   1.16 floor regardless: "BİZE ULAŞIN" carries İ and Ş. */
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__title {
  margin: 0;
  font-family: 'cc_pfQKlERh3P_6LzxTLFuZA_Big Shoulders Display', Impact, 'Arial Narrow', sans-serif;
  font-weight: 900;
  font-size: clamp(32px, 7vw, 44px);
  line-height: var(--dh-lh-tight, 1.16);
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__subtitle {
  margin: 12px 0 0;
  max-width: 44ch;
  font-family: 'cc_pfQKlERh3P_6LzxTLFuZA_Space Grotesk', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-size: 15px;
  line-height: var(--dh-lh-body, 1.5);
  color: #5a5a58;
}

/* ── form, then details ────────────────────────────────────────────
   The class is __grid because that is what the markup renders. An earlier
   pass styled __form-wrap, which exists nowhere, so the two-column split
   written then never applied to anything — the tell was a layout that
   refused to change however the rule was edited.

   One column on purpose. The card is the section's object and it takes the
   page's full measure so its edges line up with the rows above; the details
   follow underneath rather than sitting in a narrow column beside it. */
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__grid {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* Ordered rather than moved: the markup renders the details before the form,
   which is the right reading order for a screen reader — you hear the address
   and the phone before being asked to type. Only the painting order changes. */
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__info { order: 2; }

@media (min-width: 768px) {
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__inner { padding: 8px 51.8px 60px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__subtitle { font-size: 20.7px; }
}

/* ── the details, a strip under the card ────────────────────────────
   They were a column beside the form. Under it they become a row of plain
   facts — the same shape the footer's columns take, and it lets the card
   have the page's full measure above them. */
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__info {
  display: flex;
  flex-direction: column;
  padding-top: 4px;
  border-top: 1px solid rgba(13, 13, 12, 0.12);
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__info-row { padding: 16px 0 0; }

@media (min-width: 700px) {
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__info {
    flex-direction: row;
    flex-wrap: wrap;
    /* A generous column gap rather than space-between: with two details the
       latter throws them to opposite ends of a 1360px measure, which reads as
       two unrelated things rather than one set. */
    gap: 0 72px;
  }
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__info-label {
  display: block;
  margin-bottom: 6px;
  font-family: 'cc_pfQKlERh3P_6LzxTLFuZA_JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #85847f;
  padding-left: 0.14em;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__info-value, .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__info-link {
  display: block;
  font-family: 'cc_pfQKlERh3P_6LzxTLFuZA_Space Grotesk', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.45;
  color: #0d0d0c;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__info-link {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__info-link:hover { text-decoration-thickness: 2px; }

/* ── the form, as a card ────────────────────────────────────────────
   The same object as Giriş and Sipariş Takibi, because it is the same
   errand: a form a stranger fills in. Ink on the page's paper, 14px
   radius, underline fields, a paper slab to submit.

   The card is the form itself rather than a wrapper around it — there is
   no spare element, and one was not worth adding for a background. */
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 26px 22px 30px;
  background: #0d0d0c;
  color: #ffffff;
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(13, 13, 12, 0.22);
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form .contact-section__label {
  font-size: 9.5px;
  letter-spacing: 0.18em;
  color: rgba(255, 255, 255, 0.45);
  padding-left: 0.18em;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form .contact-section__input {
  border-bottom-color: rgba(255, 255, 255, 0.28);
  color: #ffffff;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form .contact-section__input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form .contact-section__input:focus {
  border-bottom-color: #ffffff;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form .contact-section__input:focus-visible {
  outline-color: #ffffff;
}

/* Autofill paints its own ground; on an ink card that lands as a white slab. */
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form .contact-section__input:-webkit-autofill, .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form .contact-section__input:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0 1000px #0d0d0c inset;
  caret-color: #ffffff;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form .contact-section__input[aria-invalid="true"] {
  border-bottom-color: #ff8f8f;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form .contact-section__field-error, .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form .contact-section__error {
  color: #ff8f8f;
}

/* Inverted against the card, the way the auth submit is. */
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form .contact-section__submit {
  background: #ffffff;
  color: #0d0d0c;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form .contact-section__note {
  color: rgba(255, 255, 255, 0.5);
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
}

@media (min-width: 600px) {
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__row { grid-template-columns: 1fr 1fr; }
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__label {
  margin-bottom: 4px;
  font-family: 'cc_pfQKlERh3P_6LzxTLFuZA_JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #85847f;
  padding-left: 0.14em;
}

/* Underline, not a box — the store's field, inverted to paper from the auth
   card's ink. 16px because iOS zooms the page on focus below it. */
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__input {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(13, 13, 12, 0.22);
  border-radius: 0;
  padding: 10px 0 14px;
  font-family: 'cc_pfQKlERh3P_6LzxTLFuZA_Space Grotesk', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #0d0d0c;
  transition: border-color 160ms ease;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__input::placeholder { color: rgba(13, 13, 12, 0.32); }
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__input:focus { outline: none; border-bottom-color: #0d0d0c; }
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__input:focus-visible { outline: 2px solid #0d0d0c; outline-offset: 4px; }
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__input:disabled { opacity: 0.55; }
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__input[aria-invalid="true"] { border-bottom-color: #b23b3b; }

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__textarea {
  min-height: 132px;
  resize: vertical;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__field-error, .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__error {
  margin: 6px 0 0;
  font-family: 'cc_pfQKlERh3P_6LzxTLFuZA_Space Grotesk', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-size: 13px;
  color: #b23b3b;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__submit {
  width: 100%;
  margin-top: 6px;
  height: 56px;
  border: 0;
  border-radius: 8px;
  background: #0d0d0c;
  color: #f0efeb;
  font-family: 'cc_pfQKlERh3P_6LzxTLFuZA_JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  cursor: pointer;
  /* Centred with flex and zero padding rather than trusting the button
     default, and padded by one letter-space to cancel the trailing one. */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 0.2em;
  transition: opacity 160ms ease;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__submit:hover:not(:disabled) { opacity: 0.86; }
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__submit:disabled { opacity: 0.55; cursor: not-allowed; }

@media (min-width: 768px) {
  /* Full width inside the card. An auto-width button floating in a 416px ink
     panel reads as a loose chip rather than the card's action. */
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form .contact-section__submit {
    width: 100%;
    min-width: 0;
    align-self: stretch;
  }
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__note {
  margin: 0;
  font-family: 'cc_pfQKlERh3P_6LzxTLFuZA_Space Grotesk', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #85847f;
}

/* ── sent ── */
.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__success {
  padding: 40px 0;
  border-top: 1px solid rgba(13, 13, 12, 0.12);
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__success-title {
  margin: 0 0 12px;
  font-family: 'cc_pfQKlERh3P_6LzxTLFuZA_Big Shoulders Display', Impact, 'Arial Narrow', sans-serif;
  font-weight: 900;
  font-size: 40px;
  line-height: var(--dh-lh-tight, 1.16);
  text-transform: uppercase;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__success-message {
  margin: 0;
  max-width: 40ch;
  font-family: 'cc_pfQKlERh3P_6LzxTLFuZA_Space Grotesk', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  font-size: 15px;
  line-height: var(--dh-lh-body, 1.5);
  color: #5a5a58;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__reset {
  margin-top: 22px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-family: 'cc_pfQKlERh3P_6LzxTLFuZA_JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #5a5a58;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cc_pfQKlERh3P_6LzxTLFuZA .contact-section__reset:hover { color: #0d0d0c; }

/* ─── Desktop scale (generated) ───────────────────────────────
 * Every px size is its phone value (or the desktop value above where one
 * exists), fixed — not grown with the width. Uniform growth read as a zoomed
 * phone rather than a desktop layout. Hairlines (<=2px) and
 * safe-area padding do not scale. Regenerate (scripts/desktop-scale*.py) rather than hand-edit.
 */
@media (min-width: 768px) {
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__header { column-gap: 79.2px; margin-bottom: 39.6px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__subtitle { padding-bottom: 6.6px; font-size: 17.6px; margin: 13.2px 0 0; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__inner { padding: 6.8px 44px 51px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__eyebrow { margin: 0 0 13.2px; font-size: 12px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__title { font-size: clamp(32px, 7vw, 48.4px); }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__grid { gap: 35.2px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__info { padding-top: 4.4px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__info-row { padding: 17.6px 0 0; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__info-label { margin-bottom: 6.6px; font-size: 11px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__info-value { font-size: 16.6px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__info-link { font-size: 16.6px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form { gap: 24.2px; padding: 22.1px 24.2px 25.5px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__form .contact-section__label { font-size: 10.6px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__row { gap: 28.6px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__label { margin-bottom: 4.4px; font-size: 11px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__input { padding: 8.5px 0 15.4px; font-size: 17.6px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__textarea { min-height: 145.2px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__field-error { margin: 6.6px 0 0; font-size: 14.2px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__error { margin: 6.6px 0 0; font-size: 14.2px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__submit { margin-top: 6.6px; height: 61.6px; font-size: 12px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__note { font-size: 14.2px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__success { padding: 44px 0; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__success-title { margin: 0 0 13.2px; font-size: 44px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__success-message { font-size: 16.6px; }
  .cc_pfQKlERh3P_6LzxTLFuZA .contact-section__reset { margin-top: 24.2px; font-size: 11px; }
}