/* Imported from: ../../styles/text.css */
/* ===== Tema geneli metin rolleri =====
 * Ürün sayfasının küçük blokları (kampanya, set, opsiyon, mobilya), filtre
 * paneli ve sepet kenar çubuğu düzinelerce küçük satırdan oluşuyor. Her satıra
 * ayrı prop vermek yerine beş rol tanımlıyoruz; bir bloğun tipografisi tek
 * ölçekten yönetiliyor ve satırlar birbirinden ayrışamıyor.
 *
 *   label  → sessiz yardımcı metin (adet, sayaç, sınır, açıklama satırı)
 *   value  → küçük vurgulu metin (ad, fiyat, seçili değer)
 *   strong → bloğun kendi toplamı/vurgusu
 *   title  → blok başlığı
 *   body   → paragraf gövdesi
 *
 * Her değer editörden ezilebilir; var() ikinci argümanı tasarım varsayılanıdır.
 * Bu dosyayı kullanan komponentin CSS'i onu kendisi import etmek ZORUNDA.
 */

.cc_c1wmfzom_footer .mays-txt__label {
  font-size: var(--txt-label-fs, 0.75rem);
  line-height: var(--txt-label-lh, 1.125rem);
  font-weight: var(--txt-label-fw, 400);
  letter-spacing: var(--txt-label-ls, 0.01em);
  color: var(--txt-label-color, var(--kombos-gray-500));
}

.cc_c1wmfzom_footer .mays-txt__value {
  font-size: var(--txt-value-fs, 0.8125rem);
  line-height: var(--txt-value-lh, 1.25rem);
  font-weight: var(--txt-value-fw, 500);
  letter-spacing: var(--txt-value-ls, 0.01em);
  color: var(--txt-value-color, var(--kombos-gray-900));
}

.cc_c1wmfzom_footer .mays-txt__strong {
  font-size: var(--txt-strong-fs, 0.875rem);
  line-height: var(--txt-strong-lh, 1.375rem);
  font-weight: var(--txt-strong-fw, 600);
  letter-spacing: var(--txt-strong-ls, 0.01em);
  color: var(--txt-strong-color, var(--kombos-gray-900));
}

.cc_c1wmfzom_footer .mays-txt__title {
  margin: 0;
  font-size: var(--txt-title-fs, 0.8125rem);
  line-height: var(--txt-title-lh, 1.25rem);
  font-weight: var(--txt-title-fw, 500);
  letter-spacing: var(--txt-title-ls, 0.08em);
  text-transform: var(--txt-title-tt, uppercase);
  color: var(--txt-title-color, var(--kombos-gray-900));
}

.cc_c1wmfzom_footer .mays-txt__body {
  font-size: var(--txt-body-fs, 0.8125rem);
  line-height: var(--txt-body-lh, 1.5rem);
  font-weight: var(--txt-body-fw, 400);
  letter-spacing: var(--txt-body-ls, 0.01em);
  color: var(--txt-body-color, var(--kombos-gray-500));
}

.cc_c1wmfzom_footer .mays-txt__strike {
  text-decoration: line-through;
}

/* End import: ../../styles/text.css */
/* ===== Footer — Chanel reference =====
 * Tek parça siyah bir kapanış: logo, link sütunları ve alt şerit. Chanel'in
 * beyaz servis şeridi (moda danışmanı / mağaza bulucu) kaldırıldı — ikisi de
 * MAYS'ta karşılığı olmayan Chanel servisleriydi; şeritten geriye kalan haber
 * bülteni iletişim sütununun altına taşındı.
 */

.cc_c1wmfzom_footer .mays-footer {
  width: 100%;
}

/* ----- Newsletter (iletişim sütununun altında, siyah zeminde) ----- */

/* Mobilde akordeon listesinin altında kendi satırı; masaüstünde ızgaranın son
   sütununa, ikinci satıra oturur (aşağıdaki 1024px bloğu). */
.cc_c1wmfzom_footer .mays-footer__newsletter-block {
  margin-top: var(--kombos-space-32);
}

/* Sütun başlığıyla aynı sicil: ızgarada aynı görünen iki başlık için editörde
   ikinci bir düğme yok. */
.cc_c1wmfzom_footer .mays-footer__newsletter-title {
  margin: 0 0 var(--kombos-space-12);
  font-size: var(--ft-col-title-fs, 0.75rem);
  line-height: var(--ft-col-title-lh, 1.5);
  font-weight: var(--ft-col-title-fw, 500);
  letter-spacing: var(--ft-col-title-ls, 0.017em);
  text-transform: var(--ft-col-title-tt, uppercase);
  color: var(--ft-col-title-color, var(--kombos-white));
}

.cc_c1wmfzom_footer .mays-footer__newsletter-text {
  margin: 0 0 var(--kombos-space-12);
  font-size: var(--ft-col-link-fs, 0.875rem);
  line-height: var(--ft-col-link-lh, 1.5);
  font-weight: var(--ft-col-link-fw, 400);
  letter-spacing: var(--ft-col-link-ls, normal);
  color: var(--footer-link-color, var(--kombos-on-dark-muted));
}

.cc_c1wmfzom_footer .mays-footer__newsletter-row {
  display: flex;
  align-items: center;
  gap: var(--kombos-space-16);
  max-width: var(--ft-news-max-w, 20rem);
  border-bottom: 1px solid var(--ft-news-border, rgba(255, 255, 255, 0.28));
}

.cc_c1wmfzom_footer .mays-footer__newsletter-input {
  flex: 1;
  min-width: 0;
  padding: var(--kombos-space-8) 0;
  border: none;
  background: none;
  font-size: var(--ft-news-fs, 0.875rem);
  line-height: var(--ft-news-lh, 1.5);
  color: var(--ft-news-color, var(--kombos-white));
  outline: none;
}

.cc_c1wmfzom_footer .mays-footer__newsletter-input::placeholder {
  color: var(--footer-link-color, var(--kombos-on-dark-muted));
}

.cc_c1wmfzom_footer .mays-footer__newsletter-btn {
  flex-shrink: 0;
  min-height: var(--ft-news-btn-min-h, auto);
  padding: var(--kombos-space-8) 0;
  background: var(--ft-news-btn-bg, none);
  border: none;
  cursor: pointer;
  font-size: var(--ft-news-btn-fs, 0.875rem);
  line-height: var(--ft-news-btn-lh, 1.5);
  color: var(--ft-news-btn-color, var(--kombos-white));
  white-space: nowrap;
  transition: opacity var(--kombos-duration-base) var(--kombos-ease-standard);
}

.cc_c1wmfzom_footer .mays-footer__newsletter-btn:hover:not(:disabled) {
  opacity: 0.6;
}

.cc_c1wmfzom_footer .mays-footer__newsletter-btn:disabled {
  color: var(--footer-link-color, var(--kombos-on-dark-muted));
  cursor: default;
}

.cc_c1wmfzom_footer .mays-footer__newsletter-error {
  margin: var(--kombos-space-8) 0 0;
}

.cc_c1wmfzom_footer .mays-footer__newsletter-success {
  margin: 0;
  color: var(--footer-link-color, var(--kombos-on-dark-muted));
}

/* ===== Dark section ===== */

.cc_c1wmfzom_footer .mays-footer__dark {
  background: var(--ft-dark-bg, var(--kombos-black));
  color: var(--ft-dark-color, var(--kombos-white));
}

.cc_c1wmfzom_footer .mays-footer__dark-inner {
  padding-top: var(--ft-dark-pt, 2.5rem);
  padding-bottom: var(--ft-dark-pb, 2rem);
}

/* Siyah alanın dört bloğu aynı iç kenar boşluğunu paylaşır: biri kayarsa
   logo · sütunlar · alt şerit hizası bozulur, o yüzden tek kural. */
.cc_c1wmfzom_footer .mays-footer__logo, .cc_c1wmfzom_footer .mays-footer__desc, .cc_c1wmfzom_footer .mays-footer__columns, .cc_c1wmfzom_footer .mays-footer__bottom {
  padding-left: var(--ft-inset, 0);
  padding-right: var(--ft-inset, 0);
}

.cc_c1wmfzom_footer .mays-footer__logo {
  display: flex;
  justify-content: var(--ft-logo-x, center);
  margin-bottom: var(--kombos-space-32);
}

.cc_c1wmfzom_footer .mays-footer__logo-img {
  height: auto;
  width: var(--ft-logo-w, 8rem);
  max-width: 100%;
  object-fit: contain;
  /* The logo art is dark; invert it onto the black ground. */
  filter: invert(1) brightness(2);
}

.cc_c1wmfzom_footer .mays-footer__desc {
  margin: 0 0 var(--kombos-space-32);
  font-size: var(--ft-desc-fs, 0.875rem);
  line-height: var(--ft-desc-lh, 1.25rem);
  color: var(
    --ft-desc-color,
    var(--footer-link-color, var(--kombos-on-dark-muted))
  );
  text-align: center;
}

/* ----- Link columns (accordion on mobile) ----- */

.cc_c1wmfzom_footer .mays-footer__columns {
  display: grid;
  grid-template-columns: 1fr;
}

.cc_c1wmfzom_footer .mays-footer__col {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.cc_c1wmfzom_footer .mays-footer__col-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--kombos-space-16);
  width: 100%;
  padding: var(--kombos-space-16) 0;
  background: none;
  border: none;
  cursor: pointer;
  font-size: var(--ft-col-title-fs, 0.75rem);
  line-height: var(--ft-col-title-lh, 1.125rem);
  font-weight: var(--ft-col-title-fw, 500);
  letter-spacing: var(--ft-col-title-ls, 0.017em);
  text-transform: var(--ft-col-title-tt, uppercase);
  color: var(--ft-col-title-color, var(--kombos-white));
  text-align: left;
}

.cc_c1wmfzom_footer .mays-footer__col-caret {
  flex-shrink: 0;
  font-size: var(--kombos-icon-sm);
  transition: transform var(--kombos-duration-base) var(--kombos-ease-standard);
}

.cc_c1wmfzom_footer .mays-footer__col--open .mays-footer__col-caret {
  transform: rotate(90deg);
}

.cc_c1wmfzom_footer .mays-footer__col-links {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--kombos-duration-slow)
    var(--kombos-ease-standard);
}

.cc_c1wmfzom_footer .mays-footer__col--open .mays-footer__col-links {
  grid-template-rows: 1fr;
  padding-bottom: var(--kombos-space-16);
}

/* The inner wrapper is what actually clips — a grid row of 0fr cannot hide
   overflow on its own. */
.cc_c1wmfzom_footer .mays-footer__col-links-inner {
  overflow: hidden;
  min-height: 0;
}

.cc_c1wmfzom_footer .mays-footer__col-link {
  display: block;
  padding: var(--ft-col-link-gap, 0.3125rem) 0;
  font-size: var(--ft-col-link-fs, 0.875rem);
  line-height: var(--ft-col-link-lh, 1.125rem);
  font-weight: var(--ft-col-link-fw, 400);
  letter-spacing: var(--ft-col-link-ls, normal);
  text-transform: var(--ft-col-link-tt, none);
  color: var(--footer-link-color, var(--kombos-on-dark-muted));
  text-decoration: none;
  transition: color var(--kombos-duration-base) var(--kombos-ease-standard);
}

.cc_c1wmfzom_footer .mays-footer__col-link:hover {
  color: var(--footer-link-hover-color, var(--kombos-white));
}

/* ----- Bottom bar ----- */

.cc_c1wmfzom_footer .mays-footer__bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--kombos-space-20);
  padding-top: var(--ft-bottom-pt, 1.5rem);
}

.cc_c1wmfzom_footer .mays-footer__locale {
  font-size: var(--footer-locale-fs, 0.75rem);
  line-height: var(--footer-locale-lh, 1.125rem);
  font-weight: var(--footer-locale-fw, 400);
  letter-spacing: var(--footer-locale-ls, 0.017em);
  text-transform: var(--footer-locale-tt, uppercase);
  display: inline-flex;
  align-items: center;
  gap: var(--kombos-space-8);
  color: var(--kombos-white);
  text-decoration: none;
  transition: opacity var(--kombos-duration-base) var(--kombos-ease-standard);
}

.cc_c1wmfzom_footer .mays-footer__locale:hover {
  opacity: 0.7;
}

.cc_c1wmfzom_footer .mays-footer__locale-caret {
  font-size: var(--kombos-icon-xs);
}

.cc_c1wmfzom_footer .mays-footer__socials {
  display: flex;
  align-items: center;
  gap: var(--ft-social-gap, 1rem);
  font-size: var(--ft-social-size, 1.25rem);
  color: var(--kombos-white);
}

.cc_c1wmfzom_footer .mays-footer__copyright {
  margin-top: var(--kombos-space-24);
  font-size: var(--ft-copy-fs, 0.75rem);
  line-height: var(--ft-copy-lh, 1.125rem);
  color: var(
    --ft-copy-color,
    var(--footer-link-color, var(--kombos-on-dark-muted))
  );
}

/* ===== Tablet ===== */

@media (min-width: 768px) {
  .cc_c1wmfzom_footer .mays-footer__dark-inner {
    padding-top: var(--ft-dark-pt, 4rem);
  }

  .cc_c1wmfzom_footer .mays-footer__columns {
    grid-template-columns: repeat(2, 1fr);
    gap: 0 var(--ft-col-gap, 3rem);
  }
}

/* ===== Desktop ===== */

@media (min-width: 1024px) {
  .cc_c1wmfzom_footer .mays-footer__logo {
    justify-content: var(--ft-logo-x, flex-start);
    margin-bottom: var(--kombos-space-48);
  }

  .cc_c1wmfzom_footer .mays-footer__desc {
    text-align: left;
    max-width: var(--ft-desc-max-w, 26rem);
  }

  /* Varsayılan `space-between`: son sütun kabın sağ kenarına oturur, böylece
     soldaki ve sağdaki kenar boşluğu eşitlenir. `--ft-col-gap` burada EN AZ
     boşluktur; artan yer izlerin arasına eşit dağılır. */
  .cc_c1wmfzom_footer .mays-footer__columns {
    grid-template-columns: var(--ft-col-tracks, repeat(var(--ft-cols, 4), auto));
    justify-content: var(--ft-col-justify, space-between);
    gap: 0 var(--ft-col-gap, 3rem);
  }

  /* Desktop shows every column open, with no accordion affordance. */
  .cc_c1wmfzom_footer .mays-footer__col {
    border-bottom: none;
  }

  /* -2 = son ızgara çizgisi, yani kaç sütun olursa olsun son sütun. */
  .cc_c1wmfzom_footer .mays-footer__newsletter-block {
    grid-column: -2;
    grid-row: 2;
    margin-top: var(--kombos-space-24);
  }

  .cc_c1wmfzom_footer .mays-footer__col-title {
    padding: 0 0 var(--kombos-space-16);
    cursor: default;
    pointer-events: none;
  }

  .cc_c1wmfzom_footer .mays-footer__col-caret {
    display: none;
  }

  .cc_c1wmfzom_footer .mays-footer__col-links, .cc_c1wmfzom_footer .mays-footer__col--open .mays-footer__col-links {
    grid-template-rows: 1fr;
    padding-bottom: 0;
  }

  .cc_c1wmfzom_footer .mays-footer__bottom {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--kombos-space-48);
    padding-top: var(--ft-bottom-pt, 1.5rem);
    border-top: 1px solid var(--ft-bottom-border, rgba(255, 255, 255, 0.14));
  }

  .cc_c1wmfzom_footer .mays-footer__copyright {
    margin-top: var(--kombos-space-16);
  }
}

/* Mobil akordeon başlığı tıklanabilir; fare geri bildirimi. */
.cc_c1wmfzom_footer .mays-footer__col-title:hover {
  color: var(--kombos-ui-hover-color);
}