/* Dark footer: deep brand red with white type. Muted text and hairlines
   are white at reduced strength so they sit on any red the merchant picks.
   The bottom band (payments, copyright, agency signature) stays light, so
   card marks and the agency logo keep their own colours. */
.cc_cokq11h1_footer .kombos-footer {
  --footer-ink: var(--kombos-white);
  --footer-muted: color-mix(in srgb, var(--kombos-white) 76%, transparent);
  --footer-rule: color-mix(in srgb, var(--kombos-white) 18%, transparent);
  --footer-rule-strong: color-mix(in srgb, var(--kombos-white) 40%, transparent);
  /* Action pill outlines: solid white so they hold on the dark red ground */
  --footer-action-rule: var(--kombos-white);

  width: 100%;
  color: var(--footer-ink);
}

/* ===== Head: logo, quick links, highlights ===== */
/* Highlights strip on a light ground, so it reads as its own band above
   the dark footer instead of merging into it. */
.cc_cokq11h1_footer .gurme-footer-head {
  border-top: 1px solid var(--gurme-cizgi);
  background: var(--gurme-zemin);
}

.cc_cokq11h1_footer .gurme-footer-head__inner {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.cc_cokq11h1_footer .gurme-footer-head__features {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cc_cokq11h1_footer .gurme-footer-head__feature {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.cc_cokq11h1_footer .gurme-footer-head__feature-icon {
  display: inline-flex;
  flex-shrink: 0;
  margin-top: 0.25rem;
  color: var(--gurme-kirmizi);
  font-size: 1.75rem;
}

.cc_cokq11h1_footer .gurme-footer-head__feature-copy {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.cc_cokq11h1_footer .gurme-footer-head__feature-title {
  margin: 0;
  color: var(--gurme-metin);
}

.cc_cokq11h1_footer .gurme-footer-head__feature-text {
  margin: 0;
  color: var(--gurme-ikincil-metin);
}

/* ===== Main: brand + link columns ===== */
.cc_cokq11h1_footer .kombos-footer__main {
  background: var(--gurme-koyu-kirmizi);
}

.cc_cokq11h1_footer .kombos-footer__wrapper {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.cc_cokq11h1_footer .kombos-footer__top {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.cc_cokq11h1_footer .kombos-footer__brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}

.cc_cokq11h1_footer .kombos-footer__logo {
  display: block;
  width: 10rem;
}

.cc_cokq11h1_footer .kombos-footer__logo img {
  display: block;
  width: 100%;
  height: auto;
}

/* Two-line slogan: the second line carries the weight */
.cc_cokq11h1_footer .kombos-footer__slogan {
  display: flex;
  flex-direction: column;
  margin: -0.75rem 0 0;
  color: var(--footer-ink);
}

/* Phones: logo and slogan centred above the buttons */
@media (max-width: 767px) {
  .cc_cokq11h1_footer .kombos-footer__logo {
    align-self: center;
  }

  .cc_cokq11h1_footer .kombos-footer__slogan {
    align-self: stretch;
    text-align: center;
  }

  .cc_cokq11h1_footer .kombos-footer__follow {
    align-self: stretch;
    align-items: center;
  }

  .cc_cokq11h1_footer .kombos-footer__socials {
    justify-content: center;
  }
}

/* Support and tracking: outlined pill buttons, side by side */
.cc_cokq11h1_footer .kombos-footer__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  width: 100%;
}

@media (min-width: 640px) {
  .cc_cokq11h1_footer .kombos-footer__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    width: auto;
  }
}

.cc_cokq11h1_footer .kombos-footer__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  min-height: 3rem;
  padding: 0.5rem 0.75rem;
  border: 1.2px solid var(--footer-action-rule);
  border-radius: 999px;
  color: var(--footer-ink);
  text-decoration: none;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

/* Hover: the pill fills white and the label turns brand red */
.cc_cokq11h1_footer .kombos-footer__action:hover {
  border-color: var(--kombos-white);
  background: var(--kombos-white);
  color: var(--gurme-kirmizi);
}

.cc_cokq11h1_footer .kombos-footer__action:focus-visible {
  outline: 2px solid var(--footer-ink);
  outline-offset: 2px;
}

.cc_cokq11h1_footer .kombos-footer__action {
  white-space: nowrap;
}

.cc_cokq11h1_footer .kombos-footer__action-icon {
  flex-shrink: 0;
  font-size: 1.25rem;
}

@media (min-width: 640px) {
  .cc_cokq11h1_footer .kombos-footer__action {
    padding-right: 1.125rem;
    padding-left: 1.125rem;
  }
}

.cc_cokq11h1_footer .kombos-footer__follow {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.cc_cokq11h1_footer .kombos-footer__follow-title {
  margin: 0;
  color: var(--footer-ink);
}

/* Social accounts: round outlined buttons */
.cc_cokq11h1_footer .kombos-footer__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  font-size: 1.25rem;
}

/* Same outline and hover as the support buttons above, so the brand
   column reads as one set of actions */
.cc_cokq11h1_footer .kombos-footer__socials a {
  width: 3rem;
  height: 3rem;
  border: 1.2px solid var(--footer-action-rule);
  border-radius: 999px;
  color: var(--footer-ink);
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.cc_cokq11h1_footer .kombos-footer__socials a:hover {
  border-color: var(--kombos-white);
  background: var(--kombos-white);
  color: var(--gurme-kirmizi);
  opacity: 1;
}

.cc_cokq11h1_footer .kombos-footer__socials a:focus-visible {
  outline: 2px solid var(--footer-ink);
  outline-offset: 2px;
}

.cc_cokq11h1_footer .kombos-footer__columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.cc_cokq11h1_footer .kombos-footer__col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

.cc_cokq11h1_footer .kombos-footer__col-title {
  margin: 0;
  color: var(--footer-ink);
}

/* Column toggles (phones) on the dark ground */
.cc_cokq11h1_footer .kombos-footer .kombos-footer__col-toggle {
  border-bottom-color: var(--footer-rule);
  color: var(--footer-ink);
}

.cc_cokq11h1_footer .kombos-footer__col-links {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.cc_cokq11h1_footer .kombos-footer__col-link {
  color: var(--footer-link-color, var(--footer-ink));
  opacity: 0.8;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: opacity 0.18s ease, text-decoration-color 0.18s ease;
  width: fit-content;
}

/* Hover: full white with a thin underline easing in */
.cc_cokq11h1_footer .kombos-footer__col-link:hover {
  color: var(--footer-link-hover-color, var(--footer-ink));
  opacity: 1;
  text-decoration-color: currentColor;
}

@media (prefers-reduced-motion: reduce) {
  .cc_cokq11h1_footer .kombos-footer__action, .cc_cokq11h1_footer .kombos-footer__socials a, .cc_cokq11h1_footer .kombos-footer__col-link {
    transition: none;
  }
}

/* Same color the main area's gradient ends on; read by script to paint the
   page canvas below the footer. Never shown. */
.cc_cokq11h1_footer .kombos-footer__canvas-probe {
  display: none;
  background-color: var(--gurme-zemin);
}

/* ===== Bottom bar ===== */
.cc_cokq11h1_footer .kombos-footer__bottom {
  background: var(--gurme-zemin);
  color: var(--gurme-metin);
}

.cc_cokq11h1_footer .kombos-footer__bottom-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1.75rem;
  text-align: center;
}

/* Order below 1024px: payment marks (trust) → copyright → agency
   signature last, the quietest line. From 1024px: copyright left, payment
   marks centred, signature right, where site credits are usually looked for. */
.cc_cokq11h1_footer .kombos-footer__credit {
  order: 1;
}

.cc_cokq11h1_footer .kombos-footer__credit:empty {
  display: none;
}

.cc_cokq11h1_footer .kombos-footer__copyright {
  margin: 0;
  color: var(--gurme-ikincil-metin);
}

.cc_cokq11h1_footer .kombos-footer__copyright p {
  margin: 0;
}

.cc_cokq11h1_footer .kombos-footer__payments {
  order: -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

.cc_cokq11h1_footer .kombos-footer__payments-label {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--gurme-cizgi);
  border-radius: 6px;
  background: var(--kombos-white);
  color: var(--gurme-metin);
}

.cc_cokq11h1_footer .kombos-footer__payments-icon {
  font-size: 1rem;
  color: var(--gurme-basari);
}

.cc_cokq11h1_footer .kombos-footer__payment-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Card marks share one 48:30 artboard, so every tile comes out the same size */
.cc_cokq11h1_footer .kombos-footer__payment-icon {
  display: flex;
  align-items: center;
  height: 2.5rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--gurme-cizgi);
  border-radius: 6px;
  background: var(--kombos-white);
}

.cc_cokq11h1_footer .kombos-footer__payment-icon svg {
  height: 100%;
  width: auto;
}

/* ===== Small tablet (640px+) ===== */
@media (min-width: 640px) {
  /* Titled columns from here on need more air than the phone toggles */
  .cc_cokq11h1_footer .kombos-footer__top {
    gap: 2rem;
  }

  .cc_cokq11h1_footer .kombos-footer__columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem 1.5rem;
  }
}

/* ===== Tablet (768px+) ===== */
@media (min-width: 768px) {
  .cc_cokq11h1_footer .gurme-footer-head__features {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
  }

  .cc_cokq11h1_footer .gurme-footer-head__feature {
    padding: 0 1.25rem;
  }

  .cc_cokq11h1_footer .gurme-footer-head__feature + .gurme-footer-head__feature {
    border-left: 1px solid var(--gurme-cizgi);
  }
}

/* ===== Desktop (1024px+) ===== */
@media (min-width: 1024px) {
  .cc_cokq11h1_footer .gurme-footer-head__inner {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .cc_cokq11h1_footer .gurme-footer-head__feature {
    padding: 0 2.5rem;
  }

  .cc_cokq11h1_footer .kombos-footer__wrapper {
    padding-top: 3.5rem;
    padding-bottom: 0;
  }

  /* One grid for the brand block and every link column, so the columns
     start on the same tracks and share one gutter. A thin rule closes it. */
  .cc_cokq11h1_footer .kombos-footer__top {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) repeat(3, minmax(0, 1fr));
    column-gap: 2.5rem;
    padding-bottom: 3.5rem;
    border-bottom: 1px solid var(--footer-rule-strong);
    margin-bottom: 2rem;
  }

  .cc_cokq11h1_footer .kombos-footer__columns {
    display: contents;
  }

  .cc_cokq11h1_footer .kombos-footer__logo {
    width: 12rem;
  }

  /* Column title → first link: about 38px centre to centre */
  .cc_cokq11h1_footer .kombos-footer__col {
    gap: 0;
  }

  .cc_cokq11h1_footer .kombos-footer__col .kombos-footer__col-body {
    padding-top: 0.5rem;
  }

  .cc_cokq11h1_footer .kombos-footer__col-links {
    gap: 0.5rem;
  }

  /* Equal side columns keep the payment marks truly centred */
  .cc_cokq11h1_footer .kombos-footer__bottom-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 1.5rem;
    padding-bottom: 1.25rem;
  }

  .cc_cokq11h1_footer .kombos-footer__copyright {
    order: 0;
    justify-self: start;
    text-align: left;
  }

  .cc_cokq11h1_footer .kombos-footer__payments {
    order: 1;
    justify-self: center;
  }

  .cc_cokq11h1_footer .kombos-footer__credit, .cc_cokq11h1_footer .kombos-footer__credit:empty {
    display: flex;
    order: 2;
    justify-self: end;
  }
}

/* ===== Scrolling strip above the footer (Gurme) ===== */
.cc_cokq11h1_footer .gurme-footer-marquee {
  width: 100%;
  overflow: hidden;
  background: var(--gurme-koyu-kirmizi);
  color: var(--gurme-zemin);
}

.cc_cokq11h1_footer .gurme-footer-marquee__track {
  display: flex;
  width: max-content;
  animation: cc_cokq11h1_footer_gurme-footer-marquee 40s linear infinite;
}

.cc_cokq11h1_footer .gurme-footer-marquee:hover .gurme-footer-marquee__track {
  animation-play-state: paused;
}

.cc_cokq11h1_footer .gurme-footer-marquee__group {
  display: flex;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cc_cokq11h1_footer .gurme-footer-marquee__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.875rem 1rem;
  white-space: nowrap;
}

.cc_cokq11h1_footer .gurme-footer-marquee__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--gurme-altin);
}

@keyframes cc_cokq11h1_footer_gurme-footer-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_cokq11h1_footer .gurme-footer-marquee__track {
    animation: none;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }

  .cc_cokq11h1_footer .gurme-footer-marquee__group[aria-hidden="true"] {
    display: none;
  }

  .cc_cokq11h1_footer .gurme-footer-marquee__group {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.cc_cokq11h1_footer .kombos-footer__col-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.75rem 0;
  border: none;
  border-bottom: 1px solid var(--kombos-gray-200);
  background: none;
  color: var(--kombos-gray-900);
  cursor: pointer;
  text-align: left;
}

.cc_cokq11h1_footer .kombos-footer__col-toggle:focus-visible {
  outline: 2px solid var(--gurme-metin);
  outline-offset: 2px;
}

.cc_cokq11h1_footer .kombos-footer__col-caret {
  font-size: 1rem;
  transition: transform 0.2s ease;
}

.cc_cokq11h1_footer .kombos-footer__col--open .kombos-footer__col-caret {
  transform: rotate(180deg);
}

/* Mobile: collapsed until opened. */
.cc_cokq11h1_footer .kombos-footer__col-body {
  display: none;
  padding: 0.75rem 0 0.25rem;
}

.cc_cokq11h1_footer .kombos-footer__col--open .kombos-footer__col-body, .cc_cokq11h1_footer .kombos-footer__col-body--always {
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .cc_cokq11h1_footer .kombos-footer__col-caret {
    transition: none;
  }
}

@media (min-width: 640px) {
  .cc_cokq11h1_footer .kombos-footer__col-toggle {
    padding: 0;
    border-bottom: none;
    cursor: default;
    pointer-events: none;
  }

  .cc_cokq11h1_footer .kombos-footer__col-caret {
    display: none;
  }

  .cc_cokq11h1_footer .kombos-footer__col-body {
    display: block;
    padding: 1.25rem 0 0;
  }
}

/* ===== DevCredit — agency signature =====
   The developer's own brand colours (Montre navy / blue) are third-party marks,
   kept fixed on every client site like card-network logos, so they live here
   instead of in the store's theme tokens. */
.cc_cokq11h1_footer .dev-credit {
  --dev-credit-navy: #0a1a33;
  --dev-credit-blue: #0023ff;

  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem 0.5rem;
  margin: 0;
}

/* Phones and tablets: the logo sits under the lead-in, both centred */
@media (max-width: 1023px) {
  .cc_cokq11h1_footer .dev-credit {
    flex-direction: column;
    gap: 0.125rem;
  }
}

.cc_cokq11h1_footer .dev-credit__text {
  color: var(--gurme-ikincil-metin);
  white-space: nowrap;
}

/* One link: blue mark + name. Padded to a 44px touch target without
   changing the line's look. */
.cc_cokq11h1_footer .dev-credit__link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.75rem;
  margin: -0.625rem -0.375rem;
  padding: 0.625rem 0.375rem;
  border-radius: 6px;
  color: var(--dev-credit-navy);
  text-decoration: none;
}

.cc_cokq11h1_footer .dev-credit__link:hover .dev-credit__name {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cc_cokq11h1_footer .dev-credit__logo {
  transition: opacity 0.2s ease;
}

.cc_cokq11h1_footer .dev-credit__link:focus-visible {
  outline: 2px solid var(--dev-credit-blue);
  outline-offset: 2px;
}

/* Wordmark in Montre navy, the mark (first shape) in Montre blue */
.cc_cokq11h1_footer .dev-credit__logo {
  display: inline-flex;
  color: var(--dev-credit-navy);
}

/* Width from the viewBox ratio: Safari would otherwise stretch an SVG
   without a width attribute to the full line width. */
.cc_cokq11h1_footer .dev-credit__logo svg {
  display: block;
  overflow: visible;
  height: 0.9375rem;
  width: calc(0.9375rem * var(--dev-credit-logo-ratio, 5.8));
  max-width: none;
  fill: currentColor;
}

/* Only the logo's own first shape: the wordmark later moves into a nested
   group for the animation and must stay navy. */
.cc_cokq11h1_footer .dev-credit__logo svg > path:first-of-type, .cc_cokq11h1_footer .dev-credit__logo svg > g > path:first-of-type {
  fill: var(--dev-credit-blue);
  color: var(--dev-credit-blue);
}

.cc_cokq11h1_footer .dev-credit__link:hover .dev-credit__logo {
  opacity: 0.85;
}

.cc_cokq11h1_footer .dev-credit__name {
  letter-spacing: 0.01em;
}

@media (prefers-reduced-motion: reduce) {
  .cc_cokq11h1_footer .dev-credit__logo {
    transition: none;
  }
}