.cc_loq3bro3_rODHLLhmxG .sumone-footer {
  width: 100%;
  max-width: none;
  container-type: inline-size;
  /* See Header/styles.css: WebKit measures `cqw` against the ZOOMED size
     under the fixed canvas, Chromium against the layout size. The canvas
     publishes an absolute px length, so prefer it when it exists. */
  --sumone-footer-canvas-vw: var(--sumone-design-vw, 1vw);
  color: var(--sumone-footer-text, var(--kombos-white));
}

/* Safari 15 has no container queries. A `var(--x, 1vw)` fallback CANNOT save
   this: custom properties accept any token, so `--x: 1cqw` parses fine there
   and shadows the fallback, leaving every downstream calc() invalid — the
   section then collapses. The value must therefore be SWITCHED by @supports.
   1vw is the right stand-in: under the fixed canvas the body is `base`px wide
   and visually scaled by viewport/base, so 1vw lands on the same painted size. */
@supports (container-type: inline-size) {
  .cc_loq3bro3_rODHLLhmxG .sumone-footer {
    --sumone-footer-canvas-vw: var(--sumone-design-vw, 1cqw);
  }
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__inner {
  width: 100%;
  max-width: var(--sumone-footer-max-width) !important;
  padding: var(--sumone-footer-pad-top) var(--sumone-footer-pad-x)
    var(--sumone-footer-pad-bottom);
  box-sizing: border-box;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__main {
  display: grid;
  /* 1920px Figma canvas: brand 220px + 140px breathing room.  Container
     units preserve the same geometry in 1280/1440 Studio previews without
     allowing the real contact copy to squeeze the navigation tracks. */
  grid-template-columns:
    calc(var(--sumone-footer-canvas-vw) * 11.458333)
    minmax(0, 1fr);
  gap: calc(var(--sumone-footer-canvas-vw) * 7.291667);
  align-items: start;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__brand {
  min-width: 0;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__logo {
  display: block;
  width: min(100%, var(--sumone-footer-logo-width));
  height: auto;
  object-fit: contain;
  object-position: left center;
  /* The editor asset is the black master logo.  Footer artwork is always the
     white lock-up in the Figma file, so normalise the uploaded master instead
     of depending on a second, visually identical merchant asset. */
  filter: brightness(0) invert(1);
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__description {
  margin-top: 28px;
  color: var(--sumone-footer-text, var(--kombos-white));
  opacity: 0.72;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__description p, .cc_loq3bro3_rODHLLhmxG .sumone-footer__copyright p {
  margin: 0;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__description p + p {
  margin-top: 14px;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__socials {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 28px;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__navigation {
  display: grid;
  /* Contact / SUMONE / Help / Legal widths from the compact agency footer.
     The remaining room becomes equal inter-column breathing space. */
  grid-template-columns:
    calc(var(--sumone-footer-canvas-vw) * 15.625)
    calc(var(--sumone-footer-canvas-vw) * 9.895833)
    calc(var(--sumone-footer-canvas-vw) * 12.5)
    calc(var(--sumone-footer-canvas-vw) * 14.583333);
  justify-content: space-between;
  gap: 0;
  min-width: 0;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__column {
  min-width: 0;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__column-title {
  margin: 0 0 26px;
  color: var(--sumone-footer-text, var(--kombos-white));
  letter-spacing: 0.12em;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__column-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__link {
  width: fit-content;
  max-width: 100%;
  color: var(--sumone-footer-link, var(--kombos-white));
  text-decoration: none;
  opacity: 0.72;
  transition: color 160ms ease, opacity 160ms ease;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__text {
  display: block;
  width: fit-content;
  max-width: 100%;
  color: var(--sumone-footer-link, var(--kombos-white));
  opacity: 0.72;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__contact-lines {
  gap: 8px;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__contact-lines .sumone-footer__link, .cc_loq3bro3_rODHLLhmxG .sumone-footer__contact-lines .sumone-footer__text {
  white-space: nowrap;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__link:hover, .cc_loq3bro3_rODHLLhmxG .sumone-footer__link:focus-visible {
  color: var(--sumone-footer-link-hover, var(--kombos-white));
  opacity: 1;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin-top: 96px;
  padding-top: 30px;
  border-top: 1px solid var(--sumone-footer-divider, var(--kombos-gray-800));
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__copyright {
  color: var(--sumone-footer-text, var(--kombos-white));
  opacity: 0.58;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__payments {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 11px;
}

.cc_loq3bro3_rODHLLhmxG .sumone-footer__payment-logo {
  display: block;
  width: auto;
  max-width: 48px;
  /* Figma alt barında kart rozetleri 37 x 23.  Yükseklik sabitlenip genişlik
     serbest bırakılınca 175 x 111 kaynaklar tam 37px'e oturuyor. */
  height: 24px;
  object-fit: contain;
}

@media (max-width: 1200px) {
  .cc_loq3bro3_rODHLLhmxG .sumone-footer__main {
    grid-template-columns: minmax(190px, 250px) minmax(0, 1fr);
    gap: 48px;
  }

  .cc_loq3bro3_rODHLLhmxG .sumone-footer__navigation {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    justify-content: stretch;
    gap: var(--sumone-footer-column-gap);
  }

  .cc_loq3bro3_rODHLLhmxG .sumone-footer__contact-lines .sumone-footer__link, .cc_loq3bro3_rODHLLhmxG .sumone-footer__contact-lines .sumone-footer__text {
    white-space: normal;
  }
}

@media (max-width: 767px) {
  .cc_loq3bro3_rODHLLhmxG .sumone-footer__inner {
    padding-left: max(24px, env(safe-area-inset-left));
    padding-right: max(24px, env(safe-area-inset-right));
  }

  .cc_loq3bro3_rODHLLhmxG .sumone-footer__main {
    grid-template-columns: 1fr;
    gap: 56px;
  }

  .cc_loq3bro3_rODHLLhmxG .sumone-footer__logo {
    width: min(150px, var(--sumone-footer-logo-width));
  }

  .cc_loq3bro3_rODHLLhmxG .sumone-footer__navigation {
    grid-template-columns: 1fr 1fr;
    gap: 42px 24px;
  }

  .cc_loq3bro3_rODHLLhmxG .sumone-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 64px;
  }

  .cc_loq3bro3_rODHLLhmxG .sumone-footer__payments {
    justify-content: flex-start;
  }
}

@media (max-width: 420px) {
  .cc_loq3bro3_rODHLLhmxG .sumone-footer__navigation {
    grid-template-columns: 1fr;
  }
}

/* Yayın damgası: bilinçli olarak silik ve minicik — yalnızca "hangi build
   canlıda?" sorusuna bakan göz fark etsin. 10px, ölçek dışı boyut istisnası. */
.cc_loq3bro3_rODHLLhmxG .sumone-footer__version {
  font-size: 10px;
  line-height: 1;
  opacity: 0.35;
  color: var(--sumone-footer-text, inherit);
  align-self: center;
  white-space: nowrap;
  user-select: none;
}