/* ==========================================================================
   Footer — Figma nodes 73:593 "footter" (1440×350) + 73:603 "bottttom-bar"
   Dark footer: black background, white/muted-white text, Manrope.
   Sub-component CSS (FooterSitemapColumn / FooterContactBlock /
   FooterBottomBar) is INLINED here — those folders' own styles.css never load.
   ========================================================================== */

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section {
  width: 100%;
  background-color: var(--color-black);
  color: var(--footer-text, var(--kombos-white));
  font-family: var(--font-body);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding-inline: clamp(20px, 5.14vw, 74px);
}

/* ========== Main footer ========== */

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__main {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

/* ========== Brand column ========== */

/* Figma stacks the brand block with UNEQUAL gaps: logo bottom 185 == tagline
   top 185 (0), tagline bottom 245 → socials top 266 (21). */
.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__brand {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__logo-img {
  display: block;
  /* The uploaded lock-up includes both the Σ1 mark and the SUMONE wordmark.
     Keeping the desktop 221×159 box on a phone makes the whole brand column
     read oversized, so mobile gets its own optical size. */
  width: min(34vw, 140px);
  max-width: 140px;
  max-height: 101px;
  height: auto;
  object-fit: contain;
  object-position: left center;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__logo-text {
  font-family: var(--font-display);
  font-size: var(--text-h3);
  font-weight: 600;
  line-height: 1;
  color: var(--footer-text, var(--kombos-white));
  letter-spacing: 0.02em;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__tagline {
  margin: 0;
  max-width: 12.375rem; /* 198px @1440 */
  font-size: 0.9375rem; /* 15px */
  font-weight: 400;
  line-height: 1.8; /* 27px */
  letter-spacing: 0.1333em; /* 2px @15px */
  color: var(--footer-text, var(--kombos-white));
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__socials {
  list-style: none;
  margin: 1.75rem 0 0; /* 28px: tagline bottom 239 -> socials 267 @1920 */
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.9375rem; /* 15px → 39px icon pitch */
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--footer-text, var(--kombos-white));
  transition: color 200ms ease, opacity 200ms ease;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__social-link svg {
  width: 24px;
  height: 24px;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__social-link:hover {
  color: rgba(255, 255, 255, 0.6);
}

/* ========== Sitemap columns wrapper ========== */

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__columns {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

/* ========== Sitemap column (inlined: FooterSitemapColumn) ========== */

/* Figma puts an EMPTY 27px line between the heading and the first link:
   `<span class="span">İLETİŞİM<br/></span><span class="text-wrapper-2"><br/>adres…`
   — the two consecutive <br/> render one blank 27px-leaded line. Proof: the
   YASAL node is exactly 189px tall = 7 × 27 (heading + blank + 5 links). */
.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__heading {
  margin: 0 0 1.6875rem; /* 27px = one blank 27px line */
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
  width: 100%;
  padding: 0;
  background: none;
  border: 0;
  text-align: left;
  color: inherit;
  font-family: inherit; /* buttons don't inherit the Manrope body font */
  cursor: default;
}

/* Figma: heading is the same 15px/27px as its links — only the weight differs
   (SUMONE + YARDIM 600, YASAL 700 — see the :nth-child(3) rule below).
   TRACKING: the exported <p> carries `letter-spacing: 2px`, but EVERY span
   inside it (.span / .text-wrapper-2 / .text-wrapper-3 / .text-wrapper-4)
   overrides to `letter-spacing: 0.3px` — so the effective tracking of every
   heading AND link is 0.3px = 0.02em @15px, not 2px. */
.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__title {
  font-size: 0.9375rem; /* 15px */
  line-height: 1.8; /* 27px */
  font-weight: 600;
  letter-spacing: 0.02em; /* 0.3px @15px */
  text-transform: uppercase;
  color: var(--footer-text, var(--kombos-white));
}

/* 3rd sitemap column = YASAL, drawn at weight 700 in Figma. */
.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__columns .footer-column:nth-child(3) .footer-column__title {
  font-weight: 700;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__chevron {
  display: none;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__panel {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__item {
  margin: 0;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__link {
  display: inline-block;
  font-size: 0.9375rem; /* 15px */
  font-weight: 400;
  line-height: 1.8; /* 27px */
  letter-spacing: 0.02em; /* .text-wrapper-2 → 0.3px @15px */
  color: var(--footer-text, var(--kombos-white)); /* Figma: links white; editor-overridable via textColor */
  text-decoration: none;
  transition: color 200ms ease;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__link:hover {
  color: rgba(255, 255, 255, 0.6);
}

/* ========== Contact column (inlined: FooterContactBlock) ========== */

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__contact {
  min-width: 0;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__title {
  margin: 0 0 1.6875rem; /* 27px blank line, same as the sitemap columns */
  font-size: 0.9375rem; /* 15px */
  line-height: 1.8; /* 27px */
  font-weight: 700; /* Figma .span: İLETİŞİM is 700 */
  letter-spacing: 0.02em; /* .span → 0.3px @15px */
  text-transform: uppercase;
  color: var(--footer-text, var(--kombos-white));
}

/* Same continuous 27px-leaded block as the sitemap columns. */
.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__row {
  display: block;
}

/* Figma contact column is a plain text list — no leading icons. */
.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__icon {
  display: none;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__text, .cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__link {
  display: inline-block;
  font-size: 0.9375rem; /* 15px */
  font-weight: 400;
  line-height: 1.8; /* 27px */
  letter-spacing: 0.02em; /* .text-wrapper-2 → 0.3px @15px */
  color: var(--footer-text, var(--kombos-white)); /* Figma: contact text white; editor-overridable */
  text-decoration: none;
  transition: color 200ms ease;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__text {
  white-space: pre-line;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__link:hover {
  color: rgba(255, 255, 255, 0.6);
}

/* ========== Bottom bar (inlined: FooterBottomBar) ========== */

/* Figma 73:603 — the bar is a slightly LIGHTER-than-black strip (#080808 vs
   the #000000 body) separated by a hairline. No token exists for #080808. */
.cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__bottom {
  background-color: #080808;
  border-top: 0.5px solid rgba(255, 255, 255, 0.6);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
  min-height: 94px; /* Figma .bottttom-bar height @1920: 94px */
  padding-block: var(--space-sm); /* .element-SUMONE-t-m / .ekran-resmi margin-top: 16px */
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__copyright {
  margin: 0;
  font-size: 0.875rem; /* 14px */
  line-height: 1.357; /* 19px @14px */
  font-weight: 500;
  letter-spacing: 0.1429em; /* 2px @14px */
  color: var(--footer-text, var(--kombos-white));
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__legal-link {
  font-size: 0.875rem; /* 14px */
  line-height: 1.6;
  letter-spacing: 0.0714em; /* 1px @14px — em so it tracks bottomTextSize */
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  transition: color 200ms ease;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__legal-link:hover {
  color: var(--footer-text, var(--kombos-white));
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__legal-sep {
  color: rgba(255, 255, 255, 0.4);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__payments {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__pay {
  display: inline-flex;
  align-items: center;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__pay svg, .cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__pay-svg {
  height: 28px;
  width: auto;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__social-link, .cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__link, .cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__link, .cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__legal-link {
    transition: none;
  }
}

/* ========== Tablet (≥ 768px) ========== */

@media (min-width: 768px) {
  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__logo-img {
    width: auto;
    max-width: 184px;
    max-height: 132px;
  }

  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-xl) var(--space-lg);
  }

  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__brand {
    grid-column: 1 / -1;
  }

  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__columns {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-lg);
  }
}

/* ========== Desktop (≥ 1024px) — exact Figma 5-column layout ========== */

@media (min-width: 1024px) {
  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__logo-img {
    max-width: 221px; /* 221×159 @1920 */
    max-height: 159px;
  }

  /* 350px-tall band: logo top 66, socials bottom 290 → 60px bottom padding. */
  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__main {
    padding-top: 123px; /* logo y123 @1920 */
    padding-bottom: 124px; /* socials end 422 in the 546 band */
  }

  /* Track widths reproduce Figma column start positions exactly:
     brand 74, İletişim 376, SUMONE 607, Yardım 880, Yasal 1139 (frame 1440).
     The Yasal text node is 238 wide and ends at 1377, i.e. the Figma body has
     an ASYMMETRIC right margin of 63 (not 74). Encoding that here lets the fr
     sum (1303) equal the content box (1440 − 74 − 63) so every start lands on
     spec AND the widest legal link ("Mesafeli Satış Sözleşmesi", 238px) still
     fits on one line. */
  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__grid {
    padding-inline: clamp(20px, 4.688vw, 90px) clamp(20px, 4.74vw, 91px);
    grid-template-columns: 403fr 308fr 364fr 346fr 318fr; /* 90|493|801|1166|1511|1829 @1920 */
    gap: 0;
    align-items: start;
  }

  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__brand {
    grid-column: 1;
  }

  /* Figma shows the logo box at x=74 and the tagline/socials at x=96, but that
     22px is the transparent padding baked into the design's logo PNG — the
     visible mark still lines up with the text. Hard-coding the offset only works
     for a logo with exactly that padding; with the asset actually uploaded here
     it read as a misalignment. Sharing one left edge instead lets whatever
     margin the logo file carries do the optical correction by itself. */
  /* 1920 export draws the tagline/socials 29px right of the logo box (90 vs
     119) — the indent is back in the redesign, so it is honoured again. */
  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__tagline, .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__socials {
    margin-left: 29px;
  }

  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__contact {
    grid-column: 2;
  }

  /* Column text starts at y=85 while the logo box starts at y=66 → 19px. */
  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__contact, .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__columns .footer-column {
    padding-top: 25px; /* columns y148 vs logo y123 */
  }

  /* Let the 3 sitemap columns flow into tracks 3–5. */
  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__columns {
    display: contents;
  }

  /* Bottom bar is inset SYMMETRICALLY at 78px, slightly wider than the body's
     74/63. Chain: .bottttom-bar(w 1441) > .element-SUMONE-t-m(margin-left 54,
     w 391, text-align:center → the ~342px-wide copyright starts at 54+24 ≈ 78)
     … gap 855 … .ekran-resmi(w 63) ends at 1363 → right inset 1441−1363 = 78. */
  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-section__bottom .footer-section__container {
    padding-inline: clamp(20px, 4.375vw, 84px) clamp(20px, 5.625vw, 108px);
  }
}

/* v-fig-links: column/contact links brightened to Figma white */

/* v-footer-textcolor: --footer-text control (default white) */

/* v-footer-white-rebroadcast: force fresh push of white footer text */

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--color-border);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__heading {
  margin: 0;
  font: inherit;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-xs);
  padding: var(--space-sm) 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: var(--color-text-primary);
  text-align: left;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__title {
  font-family: var(--font-label);
  font-size: var(--text-label);
  font-weight: 500;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__chevron {
  flex-shrink: 0;
  color: var(--color-text-secondary);
  transition: transform 240ms ease;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column[data-open="true"] .footer-column__chevron {
  transform: rotate(180deg);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__panel {
  list-style: none;
  margin: 0;
  padding: 0 0 var(--space-sm) 0;
  display: none;
  flex-direction: column;
  gap: var(--space-xs);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column[data-open="true"] .footer-column__panel {
  display: flex;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__link {
  font-family: var(--font-body);
  font-size: var(--text-small);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color 200ms ease;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__link:hover {
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__chevron, .cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__link {
    transition: none;
  }
}

@media (min-width: 768px) {
  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-column {
    border-bottom: 0;
  }

  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__toggle {
    padding: 0 0 var(--space-sm) 0;
    cursor: default;
    pointer-events: none;
  }

  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__chevron {
    display: none;
  }

  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-column__panel {
    display: flex !important;
    padding: 0;
  }
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__title {
  margin: 0;
  font-family: var(--font-label);
  font-size: var(--text-label);
  font-weight: 500;
  color: var(--color-text-primary);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__row {
  display: flex;
  align-items: flex-start;
  gap: var(--space-xs);
  font-family: var(--font-body);
  font-size: var(--text-small);
  line-height: 1.55;
  color: var(--color-text-secondary);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__icon {
  flex-shrink: 0;
  margin-top: 3px;
  color: var(--color-accent);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__text {
  flex: 1;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__link {
  flex: 1;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color 200ms ease;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__link:hover {
  color: var(--color-accent);
}

@media (prefers-reduced-motion: reduce) {
  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-contact__link {
    transition: none;
  }
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  align-items: center;
  text-align: center;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__copyright {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-small);
  color: var(--color-text-muted);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__legal {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
  justify-content: center;
  align-items: center;
  font-size: var(--text-small);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__legal-link {
  font-family: var(--font-body);
  color: var(--color-text-muted);
  text-decoration: none;
  transition: color 200ms ease;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__legal-link:hover {
  color: var(--color-accent);
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__legal-sep {
  color: var(--color-text-muted);
  user-select: none;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__payments {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
  align-items: center;
  justify-content: center;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__pay {
  display: inline-flex;
  align-items: center;
  opacity: 0.65;
  transition: opacity 200ms ease;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__pay:hover {
  opacity: 1;
}

.cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__pay-svg {
  height: 24px;
  width: auto;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__legal-link, .cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__pay {
    transition: none;
  }
}

@media (min-width: 768px) {
  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__inner {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    gap: var(--space-md);
  }

  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__copyright {
    flex: 1 1 auto;
  }

  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__legal {
    flex: 0 0 auto;
    justify-content: center;
  }

  .cc_LmUd6PvvAN_LDCVhFz5eW .footer-bottom__payments {
    flex: 0 0 auto;
    justify-content: flex-end;
  }
}