/* ═══════════════════════════════════════════════════════════════
   WomenHandmadeShowcase — Kadınlardan El Emeği
   Üst: sinematik atölye hero'su · Alt: kırık beyaz ürün vitrini
   Ürünler: paylaşılan ProductSliderTrack (native scroll + snap) —
   ikinci bir slider motoru YOK; yalnız parent-scoped stiller.
   ═══════════════════════════════════════════════════════════════ */

.cc_nugnohn9_LxZmuA6EGr .women-handmade {
  position: relative;
  width: 100%;
  background: var(--wh-bg, #FFFFFF);
  overflow-x: clip;
}

.cc_nugnohn9_LxZmuA6EGr .women-handmade-container {
  max-width: 90rem; /* 1440px — proje container sistemi */
  margin: 0 auto;
  padding-inline: clamp(1.125rem, 4vw, 4.5rem);
}

/* ═══════════════════════════════════════════════════════════════
   ORTAK SABİT ZEMİN — LifestyleCollection'daki onaylı
   `.lifestyle-parallax-background` modelinin aynısı: TEK kapsayıcı, CSS
   background, masaüstünde `background-attachment: fixed`. Sahne ve ürün
   rayı bu kapsayıcının İÇİNDE normal akışta kayar → dokuma zemin sabit
   kalır. position: sticky YOK · JS scroll listener YOK · sahte parallax YOK.
   ═══════════════════════════════════════════════════════════════ */
.cc_nugnohn9_LxZmuA6EGr .women-handmade-backdrop {
  position: relative;
  /* Doku kendi doğal parlaklığıyla görünür — üzerinde beyazlatma/karartma
     katmanı YOK. Okunabilirlik kartların kendi opak yüzeyinden gelir. */
  background-image: var(--wh-backdrop-url);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  /* Mobil/tablet: iOS Safari `fixed` attachment'ı güvenilir desteklemez ve
     performansı düşürür → normal scroll (LifestyleCollection ile aynı karar). */
  background-attachment: scroll;
  padding-block: clamp(3rem, 7vw, 5.5rem) clamp(2.75rem, 5vw, 4.5rem);
  /* `fixed` attachment'ı BOZAN özellikler bu kapsayıcıda olmamalı: transform /
     filter / perspective / will-change bir ancestor'da varsa zemin viewport
     yerine o ancestor'a göre çözülür. */
  transform: none;
  filter: none;
  perspective: none;
  will-change: auto;
}

/* Masaüstü (≥768) bölüm boşluğu kompakt: 1440'ta 88/72px → ~64/50px; mobil
   (≤767) yukarıdaki taban değerle aynen kalır. */
@media (min-width: 768px) {
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-backdrop {
    padding-block: clamp(2.25rem, 4.5vw, 4rem) clamp(2rem, 3.5vw, 3.5rem);
  }
}

@media (min-width: 1024px) {
  /* Panelden "Sabit Arka Plan Efekti" açıkken (varsayılan) zemin viewport'a
     sabitlenir; sahne ve ray üzerinden kayar. */
  .cc_nugnohn9_LxZmuA6EGr .wh--fixed-bg .women-handmade-backdrop {
    background-attachment: fixed;
  }
}

/* ═══ SAHNE: medya kartı + üzerine binen editorial kart (referans modeli) ═══ */
.cc_nugnohn9_LxZmuA6EGr .women-handmade-stage {
  position: relative;
}

.cc_nugnohn9_LxZmuA6EGr .women-handmade-scene {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

/* Medya kartı: kadın üreticiler fotoğrafı — sağda, yuvarlatılmış, yumuşak
   yükseklik gölgesi. Kırpma odağı merchant proplarından gelir. */
.cc_nugnohn9_LxZmuA6EGr .women-handmade-media {
  grid-column: 4 / -1;
  grid-row: 1;
  position: relative; /* alt geçiş gradyanının (::after) referansı */
  margin: 0;
  overflow: hidden;
  border-radius: 28px;
  /* YATAY EDITORIAL ÇERÇEVE (≥1024): 16/10 → 2/1 — 1440'ta ~607px → ~486px;
     kart görselin üstüne kontrollü biner, görsel ana ağırlık kalır (cover + odak).
     Tablet 3/2 ve mobil 4/3 aşağıdaki bloklarda AYNEN. */
  aspect-ratio: 2 / 1;
  background: #EFEDE8;
  box-shadow: 0 34px 70px -44px rgba(7, 23, 13, 0.55);
}

.cc_nugnohn9_LxZmuA6EGr .women-handmade-media picture {
  display: block;
  width: 100%;
  height: 100%;
}

.cc_nugnohn9_LxZmuA6EGr .women-handmade-media-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--women-desktop-position-x, 50%)
    var(--women-desktop-position-y, 50%);
}

/* ── EDITORIAL KART — medya kartına binen beyaz yüzey (referans modeli).
   Homepage'in diğer üç bölümüyle aynı kart dili; masaüstünde sahnenin sol
   sütununda, medya kartının üzerine biner. ── */
.cc_nugnohn9_LxZmuA6EGr .women-handmade-editorial {
  grid-column: 1 / 6;
  grid-row: 1;
  align-self: center;
  position: relative;
  z-index: 2;
  /* ≥768 yerleşim: global .amed-promo-content ızgarası; mobil flex sütunu
     aşağıdaki ≤767 bloğunda korunur. */
  /* Kanonik promo kart yüzeyi/ölçüsü (global editorial + --promo-card-w) */
  width: min(var(--promo-card-w), 100%);
  padding: var(--promo-card-padding-compact); /* kompakt editorial dolgu (mobil ≤767 kendi token'ı) */
  background: var(--wh-bg, var(--editorial-card-bg));
  border: var(--editorial-card-border);
  border-radius: var(--editorial-card-radius-lg);
  box-shadow: var(--editorial-card-shadow-lg);
}

/* Ortak editorial vurgu çizgileri (kırmızı → yeşil) — diğer üç bölümle
   aynı token ailesi. */
/* Vurgu çizgileri: PromoAccentLines + global .amed-promo-lines (tek kaynak) */

/* Eyebrow: masaüstünde kanonik slot (global .amed-promo-eyebrow); mobil
   onaylı görünüm değişmesin diye ≤767'de gizli. */
.cc_nugnohn9_LxZmuA6EGr .women-handmade-eyebrow { margin: 0; }

/* Başlık: kanonik promo headline (global .amed-promo-title — Playfair, 700,
   aynı optik bant); rengi panelden "Bölüm Metin Rengi". Mobilde ölçü ≤767 bloğunda. */
.cc_nugnohn9_LxZmuA6EGr .women-handmade-panel-title {
  margin: 0;
  text-transform: uppercase;
  color: var(--wh-ink, var(--editorial-title-color));
}

/* Açıklama ölçü/satır/renk/boşluk: global .amed-promo-desc (tek kaynak) */
.cc_nugnohn9_LxZmuA6EGr .women-handmade-panel-description {
  font-size: 0.9375rem; /* mobil */
}

/* CTA artık kartın içinde dolu buton — ortak `--m-cta-*` ailesinden beslenir
   (LifestyleCollection kartıyla aynı dil). Eski altın alt-çizgili metin
   bağlantısı beyaz zeminde zayıf kalıyordu. */
/* CTA: MASAÜSTÜ görünümü global .amed-promo-cta (tek kanonik pill — eski
   --m-cta-* masaüstü kullanımı KALDIRILDI: "Aksesuarları Keşfet" bu yüzden
   daha açık yeşil/46px görünüyordu). MOBİL görünümü ≤767 bloğu. */
.cc_nugnohn9_LxZmuA6EGr .women-handmade-panel-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
}

/* Ürün rayı — dokuma zeminin üzerinde, sahnenin altında akar. */
.cc_nugnohn9_LxZmuA6EGr .women-handmade-products {
  position: relative;
  margin-top: clamp(2.5rem, 5vw, 4rem);
}

.cc_nugnohn9_LxZmuA6EGr .women-handmade-rail, .cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholders {
  min-width: 0;
}

/* ── Slider okları: FINAL POLISH — bu bölüme özgü bej/altın ok stili
   KALDIRILDI. Dört ray da artık ORTAK CAROUSEL KONTROL STANDARDI'nı
   (dosya sonundaki ProductSliderTrack kopyası: 46px beyaz daire, yeşil
   ikon, hover'da yeşil dolgu, -0.5rem kenar payı) hiçbir override
   olmadan kullanır. ── */

/* Smooth scroll yalnız motion uygunsa (track base'i smooth; burada kapatılır) */
@media (prefers-reduced-motion: reduce) {
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-slider-track {
    scroll-behavior: auto;
  }
}

/* ── Scoped ProductCard görünümü (global kaynak DEĞİŞMEDİ) ── */
.cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card {
  gap: 0;
  background: #ffffff;
  border: 1px solid #e7e0d4;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(7, 23, 13, 0.06);
  transition: transform 300ms cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 300ms ease;
}



.cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card-media {
  border-radius: 0;
  padding: clamp(0.625rem, 1.5vw, 1.375rem); /* 10–22px */
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: #ffffff;
  border-bottom: 1px solid #efe9de;
}
.cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card.is-portrait .product-card-media, .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card.is-square .product-card-media {
  aspect-ratio: 4 / 4.6;
}

/* Ürün görseli: TAMAMI görünür — contain + ortalı; kesilme yok */
.cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card-image {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  box-sizing: border-box;
}
/* Hover görseli (absolute): kutuyu tam kaplar, contain + opak zemin.
   Hover'lı kartta primary de AYNI padding'i kullanır — crossfade'de
   görsel boyutu değişmez. */
.cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card.has-hover-image .product-card-image--primary, .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card-image--hover {
  inset: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: clamp(0.625rem, 1.5vw, 1.375rem);
}

.cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card-image--hover {
  background: #ffffff;
}
/* Fix Pack C: bölüm-özel zoom override'ı KALDIRILDI — kanonik ürün kartı
   hover ölçeği (--product-card-hover-scale) tek kaynaktır. */

.cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card-body {
  gap: 0.25rem;
  padding: 1rem 1.125rem 1.25rem;
  background: #ffffff;
}
.cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card-name {
  color: var(--wh-dark, #07170d);
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
}
.cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card-price {
  color: var(--wh-dark, #07170d);
  font-weight: 700;
}

/* ── Kolon genişlikleri: mobil 1 kart + peek; tablet ~3; desktop 4 ── */
.cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-slider-track {
  gap: 1rem; /* 16px (16–22 aralığı) */
}
.cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-slider-track > .product-card {
  /* KANONİK MOBİL: HER ZAMAN TEK TAM KART — genişlik TEK kaynaktan
     (global --m-card-width, dört rayda aynı). */
  flex: 0 0 100%; /* literal — bayat tema-global token riski (bkz. CS notu) */
  scroll-snap-align: start;
}
@media (min-width: 640px) {
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-slider-track > .product-card {
    flex: 0 0 min(46vw, 18.5rem);
  }
}
@media (min-width: 768px) {
  /* Tablet: ~3 kart görünür */
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-slider-track > .product-card {
    flex: 0 0 calc((100% - 2rem) / 3);
  }
}
@media (min-width: 1024px) {
  /* Orta desktop: 3 kart — kartlar okunur genişlikte kalır */
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-slider-track > .product-card {
    flex: 0 0 calc((100% - 2rem) / 3);
  }
}
@media (min-width: 1280px) {
  /* Geniş desktop: 4 kart (track productsPerView=4 hesabıyla uyumlu) */
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-slider-track > .product-card {
    flex: 0 0 calc((100% - 3rem) / 4);
  }
}

/* ── Boş ürün durumu: placeholder'lar da SLIDER düzeninde (grid DEĞİL) ──
   aria-hidden; sahte veri yok; gerçek ürün gelince hiç render edilmez.
   Sahte index/scroll mantığı yok — salt görsel tek sıra. ── */
.cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholders {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholders::-webkit-scrollbar {
  display: none;
}
.cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder {
  flex: 0 0 100%; /* kanonik mobil tek-kart (literal) */
  background: #ffffff;
  border: 1px solid #e7e0d4;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 640px) {
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder {
    flex: 0 0 min(46vw, 18.5rem);
  }
}
@media (min-width: 768px) {
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder {
    flex: 0 0 calc((100% - 2rem) / 3);
  }
}
@media (min-width: 1280px) {
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder {
    flex: 0 0 calc((100% - 3rem) / 4);
  }
}
.cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder-media {
  aspect-ratio: 4 / 4.6;
  background: linear-gradient(90deg, #f2ede4 25%, #e9e2d6 37%, #f2ede4 63%);
  background-size: 400% 100%;
  animation: cc_nugnohn9_LxZmuA6EGr_women-handmade-skel 1.4s ease infinite;
}
.cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 1.125rem 1.25rem;
}
.cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder-name, .cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder-price {
  height: 0.75rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #f2ede4 25%, #e9e2d6 37%, #f2ede4 63%);
  background-size: 400% 100%;
  animation: cc_nugnohn9_LxZmuA6EGr_women-handmade-skel 1.4s ease infinite;
}
.cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder-name--short {
  width: 55%;
}
.cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder-price {
  width: 38%;
  margin-top: 0.25rem;
}
@keyframes cc_nugnohn9_LxZmuA6EGr_women-handmade-skel {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder-media, .cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder-name, .cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder-price {
    animation: none;
  }
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card:hover .product-card-image {
    transform: none;
  }
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-panel-cta, .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-slider-arrow {
    transition: none;
  }
}

/* ── Tablet ve altı (≤1023): sahne YIĞILIR ──
   İki sütunluk referans düzeni yalnız masaüstünde anlamlı; dar ekranda medya
   kartı tam genişliğe geçer, editorial kart onun ALT kenarına biner. */
@media (max-width: 1023px) {
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-scene {
    display: block;
  }
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-media {
    aspect-ratio: 3 / 2;
    border-radius: 24px;
  }

  /* ALT GEÇİŞ GRADYANI — CollectionShowcase mobil sahnesiyle AYNI aile
     (`.cs-jersey-card::after`). Sahne yığıldığında beyaz kart fotoğrafın
     alt kenarına biniyor; gradyan olmadan sert bir kesik oluşuyordu.
     Yalnız alt bölüm koyulaşır, üst yarı ve figürler etkilenmez. */
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(
      to bottom,
      rgba(3, 24, 17, 0) 48%,
      rgba(3, 24, 17, 0.35) 68%,
      rgba(3, 24, 17, 0.82) 100%
    );
  }

  .cc_nugnohn9_LxZmuA6EGr .women-handmade-editorial {
    /* Kart fotoğrafın alt kenarına biner; iki yandan içeride durur ki
       altındaki medya kartı ince bir şerit hâlinde görünsün. */
    margin: -3.25rem clamp(0.75rem, 3vw, 2.5rem) 0;
    max-width: 34rem;
  }
}

/* ── Mobil (<768) ── */
@media (max-width: 767px) {
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-container {
    padding-inline: 1.125rem; /* 18px */
  }

  /* Mobil görsel odağı (mobil kaynak veya masaüstü fallback'i için) */
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-media-img {
    object-position: var(--women-mobile-position-x, 50%)
      var(--women-mobile-position-y, 50%);
  }
  /* Medya kartı mobilde YATAY kalır. Atölye fotoğrafı geniş kadrajlı (16:9);
     dikey bir kutuda `cover` genişliğin ~yarısını kırpıyor ve yalnız tek
     figür kalıyordu. 3/2 oranında kaynağın ~%85'i görünür, kart da mobil
     kompaktlığını korur. Merchant dikey bir mobil kart görseli yüklerse
     kırpma yine odak proplarıyla yönetilir.
     4/3: sahne aşağı doğru bir miktar daha uzatıldı — kaynağın hâlâ ~%75'i
     görünür (dikey 4/5'te bu oran %45'ti). */
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-media {
    aspect-ratio: 4 / 3;
    border-radius: 20px;
  }

  /* ORTAK EDITORIAL KART (global.css --m-editorial-* tokenları):
     CollectionShowcase / FanJerseyShowcase / LifestyleCollection
     kartlarıyla birebir aynı yüzey, kenar, radius, gölge ve iç boşluk.
     Kart medya kartının alt kenarına biner; iki yandan içeride durur. */
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-editorial {
    /* Kart yatı kadrajda daha az bindirir — fotoğraftan geriye kalan bant
       ince kalmasın (72px bindirme 4/5 kart içindi). */
    margin: -3rem 0.625rem 0;
    /* Base kuralın `width: min(--promo-card-w, 100%)` değeri mobilde %100'e
       çözülür; %100 + 10px sol margin kartı sahnenin SAĞINDAN 10px taşırıp
       olukları 28/8'e kırıyordu (altındaki ürün kartı 18/18 simetrikken).
       `auto` blok akışında marginleri genişlikten düşer → 10px içerlek kart
       iki yanda da simetrik oturur, taşma ve yamukluk biter. */
    width: auto;
    max-width: none;
    background: var(--m-editorial-bg);
    border: var(--m-editorial-border);
    border-radius: var(--m-editorial-radius);
    box-shadow: var(--m-editorial-shadow);
    padding: var(--m-editorial-padding);
  }

  /* MOBILE EDITORIAL → RAIL NEFESİ: kart ile ürün rayı arasında diğer üç
     bölümle AYNI ritim (ortak token). */
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-products {
    margin-top: var(--m-editorial-rail-gap, clamp(100px, 28vw, 130px));
  }

  /* CTA kartın İÇİNDE, tam genişlik — diğer editorial kartlardaki gibi.
     Ölçü/renk ortak `--m-cta-*` sisteminden (amed-mobile-primary-cta). */
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-editorial {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-eyebrow { display: none; }
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-panel-cta {
    align-self: stretch;
    margin-top: var(--editorial-cta-gap, 1rem);
    gap: var(--m-cta-gap);
    height: var(--m-cta-height);
    min-height: var(--m-cta-height);
    padding: 0 var(--m-cta-padding-inline);
    border-radius: var(--m-cta-radius);
    background: var(--m-cta-bg);
    color: var(--m-cta-text);
    font-family: var(--font-label);
    font-size: var(--m-cta-font-size);
    font-weight: var(--m-cta-font-weight);
    letter-spacing: var(--m-cta-letter-spacing);
    text-transform: uppercase;
    box-shadow: var(--m-cta-shadow);
  }
  /* Mobil başlık ölçüsü (kanonik mobil editorial token) */
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-panel-title {
    font-size: var(--m-editorial-title, clamp(26px, 7.8vw, 32px));
    line-height: var(--m-editorial-title-lh, 0.96);
  }

  /* FINAL HOMEPAGE PASS: oklar artık rayın ALTINDA değil, diğer üç rayla
     AYNI yerde — kartın YANINDA, medya bandının ortasında (`--arrow-top`
     JS ile ölçülen medya yarı yüksekliğidir, metne binmez). Kenardan
     içeride durur ki 375'te sayfa taşmasın. */
  /* Kart arası boşluk dört rayda ORTAK token'dan (PST varsayılanı 18-24px
     bandındaydı ve diğer üç raydan ayrışıyordu). */
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-slider-track {
    column-gap: 20px; /* literal — bayat tema-global token riski */
  }

  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-slider-arrow {
    display: flex;
    width: 2.75rem; /* 44px dokunma alanı (diğer rail'lerle tutarlı) */
    height: 2.75rem;
  }
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-slider-arrow--prev {
    left: 2px;
  }
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-slider-arrow--next {
    right: 2px;
  }
}

/* Kısa mobil landscape: medya kartı yatay kadraja döner, sahne uzamaz */
@media (max-width: 767px) and (max-height: 600px) {
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-media {
    aspect-ratio: 16 / 9;
  }
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-editorial {
    margin-top: -3rem;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   === KOPYA: ProductSliderTrack / ProductCard / ProductRating taban CSS ===
   Kanonik kaynak: src/sub-components/ProductSliderTrack/styles.css,
   src/sub-components/ProductCard/styles.css ve
   src/sub-components/ProductRating/styles.css.
   Build sub-component CSS paketlemediği için buraya kopyalandı;
   değişiklikte senkron tut. Yukarıdaki .women-handmade-rail override'ları
   daha yüksek özgüllükte olduğu için bu taban kuralları ezer.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── src/sub-components/ProductSliderTrack/styles.css — TAM KOPYA ── */

.cc_nugnohn9_LxZmuA6EGr .product-slider-track-wrapper {
  position: relative;
  width: 100%;
}

.cc_nugnohn9_LxZmuA6EGr .product-slider-track {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--card-rail-gap, clamp(1.125rem, 1.6vw, 1.5rem)); /* kanonik ray boşluğu */
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 4px;
}

.cc_nugnohn9_LxZmuA6EGr .product-slider-track::-webkit-scrollbar {
  display: none;
}

.cc_nugnohn9_LxZmuA6EGr .product-slider-track > .product-card {
  scroll-snap-align: start;
  /* KANONİK MOBİL: tam kart + kontrollü peek (tüm raylarda aynı) */
  flex: 0 0 80%;
}

@media (min-width: 768px) {
  .cc_nugnohn9_LxZmuA6EGr .product-slider-track > .product-card {
    /* KANONİK TABLET: 3 eşit kart */
    flex: 0 0 calc((100% - (var(--card-rail-gap, clamp(1.125rem, 1.6vw, 1.5rem)) * 2)) / 3);
  }
}

@media (min-width: 1024px) {
  .cc_nugnohn9_LxZmuA6EGr .product-slider-track > .product-card {
    /* KANONİK MASAÜSTÜ: en çok 4 eşit kart */
    flex: 0 0 calc(
      (100% - (var(--card-rail-gap, clamp(1.125rem, 1.6vw, 1.5rem)) * (min(var(--products-per-view, 4), 4) - 1))) /
        min(var(--products-per-view, 4), 4)
    );
  }
}

/* ORTAK CAROUSEL KONTROL STANDARDI: 46px krem daire (yalnız masaüstünde
   görünür), koyu Amed yeşili ikon; hover'da dolgu değişimi YOK. */
.cc_nugnohn9_LxZmuA6EGr .product-slider-arrow {
  position: absolute;
  top: var(--arrow-top, 50%);
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border: 1px solid rgba(10, 72, 48, 0.16);
  border-radius: 999px;
  color: #0A4A32;
  box-shadow: 0 6px 16px rgba(48, 42, 30, 0.12);
  cursor: pointer;
  z-index: 2;
  padding: 0;
}

/* Kenarda tamamen kaybolmak yerine soluk kal (ortak disabled dili) */
.cc_nugnohn9_LxZmuA6EGr .product-slider-arrow[aria-hidden="true"] {
  opacity: 0.35;
  pointer-events: none;
}

/* Kenar payı ORTAK overlay ok sistemiyle aynı: -0.5rem (CollectionShowcase
   ve FanJerseyShowcase rayları da bu değeri kullanır; eski -20px ayrışıyordu). */
.cc_nugnohn9_LxZmuA6EGr .product-slider-arrow--prev {
  left: -0.5rem;
}

.cc_nugnohn9_LxZmuA6EGr .product-slider-arrow--next {
  right: -0.5rem;
}

@media (min-width: 768px) {
  .cc_nugnohn9_LxZmuA6EGr .product-slider-arrow {
    display: flex;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .cc_nugnohn9_LxZmuA6EGr .product-slider-arrow {
    transition: background-color 200ms ease, border-color 200ms ease,
      box-shadow 200ms ease, transform 200ms ease, opacity 200ms ease;
  }
}

.cc_nugnohn9_LxZmuA6EGr .product-slider-arrow:hover, .cc_nugnohn9_LxZmuA6EGr .product-slider-arrow:focus-visible {
  background-color: #0A6845; /* ORTAK: hover'da yeşil dolgu, beyaz ok */
  border-color: #0A6845;
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(6, 61, 40, 0.28);
}

/* Kaldırma/pres dönüşümleri overlay (masaüstü) moduna scoped: mobilde oklar
   static konumlandığı için translateY(-50%) kalıntısı dokunuşta oku yarı
   yüksekliği kadar yukarı sıçratıyordu. */
@media (min-width: 768px) {
  .cc_nugnohn9_LxZmuA6EGr .product-slider-arrow:hover, .cc_nugnohn9_LxZmuA6EGr .product-slider-arrow:focus-visible {
    transform: translateY(calc(-50% - 1px));
  }

  .cc_nugnohn9_LxZmuA6EGr .product-slider-arrow:active {
    transform: translateY(-50%) scale(0.97);
  }
}

@media (max-width: 767px) {
  .cc_nugnohn9_LxZmuA6EGr .product-slider-arrow:active {
    transform: scale(0.97);
  }
}

.cc_nugnohn9_LxZmuA6EGr .product-slider-arrow:focus-visible {
  outline: 2px solid #0A6845;
  outline-offset: 3px;
}

/* ── src/sub-components/ProductCard/styles.css — TAM KOPYA ── */

.cc_nugnohn9_LxZmuA6EGr .product-card {
  display: flex;
  flex-direction: column;
  gap: 0;
  text-decoration: none;
  color: inherit;
  flex: 0 0 auto;
  background: var(--card-surface, #FFFFFF);
  border: 1px solid var(--card-border, rgba(10, 72, 48, 0.1));
  border-radius: var(--card-radius, 24px);
  overflow: hidden;
  box-shadow: var(--card-shadow, 0 12px 30px rgba(48, 42, 30, 0.1));
}

.cc_nugnohn9_LxZmuA6EGr .product-card:focus-visible {
  outline: 2px solid var(--color-amed-green, #0A6845);
  outline-offset: 3px;
}

/* Görsel alanı: sabit oran + iç padding — ürün optik olarak ortalanır */
.cc_nugnohn9_LxZmuA6EGr .product-card-media {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: clamp(0.75rem, 1.2vw, 1.125rem);
  box-sizing: border-box;
  background: var(--card-media-bg, linear-gradient(180deg, #FFFFFF 0%, #F5F6F5 100%));
}

.cc_nugnohn9_LxZmuA6EGr .product-card.is-portrait .product-card-media {
  aspect-ratio: 4 / 5; /* ortak kart sözleşmesi */
}

.cc_nugnohn9_LxZmuA6EGr .product-card.is-square .product-card-media {
  aspect-ratio: 4 / 5; /* ortak kart sözleşmesi — ürün oranı kart ölçüsünü değiştirmez */
}

/* Ürün görseli: TAMAMI görünür — contain; kesilme yok */
.cc_nugnohn9_LxZmuA6EGr .product-card-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

.cc_nugnohn9_LxZmuA6EGr .product-card-image--empty {
  background: var(--card-media-empty, #F3F5F3);
  border-radius: 12px;
}

/* Hover görseli (ve varsa altındaki primary) media kutusunu tam kaplar;
   aynı iç padding + opak zemin — alttaki kare kenardan görünmez. */
.cc_nugnohn9_LxZmuA6EGr .product-card.has-hover-image .product-card-image--primary, .cc_nugnohn9_LxZmuA6EGr .product-card-image--hover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: clamp(0.75rem, 1.2vw, 1.125rem);
  box-sizing: border-box;
}

.cc_nugnohn9_LxZmuA6EGr .product-card-image--hover {
  opacity: 0;
  background: var(--card-media-bg, linear-gradient(180deg, #FFFFFF 0%, #F5F6F5 100%));
  transition: opacity 700ms cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

@media (hover: hover) {
  .cc_nugnohn9_LxZmuA6EGr .product-card.has-hover-image:hover .product-card-image--hover {
    opacity: 1;
  }
}

.cc_nugnohn9_LxZmuA6EGr .product-card-body {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.375rem 1rem 1.25rem;
}

/* İsim SABİT 2 satır alanı kaplar → kart yükseklikleri eşit */
.cc_nugnohn9_LxZmuA6EGr .product-card-name {
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--card-ink, #1D2721);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.7em;
}

/* Fiyat ürün adından belirgin biçimde güçlü */
.cc_nugnohn9_LxZmuA6EGr .product-card-price {
  font-family: var(--font-body);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--card-price-ink, #063D28);
  font-variant-numeric: tabular-nums;
}

/* ── Motion: hover lift -4px + görsel scale ≤1.025, 240ms —
   yalnız hover destekleyen cihazlarda; reduced-motion'da kapalı ── */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .cc_nugnohn9_LxZmuA6EGr .product-card {
    transition:
      transform var(--product-card-hover-duration, 240ms) var(--product-card-hover-easing, ease),
      box-shadow var(--product-card-hover-duration, 240ms) var(--product-card-hover-easing, ease);
  }

  .cc_nugnohn9_LxZmuA6EGr .product-card-image {
    transition:
      transform var(--product-card-hover-duration, 240ms) var(--product-card-hover-easing, ease),
      opacity 200ms ease;
  }

  .cc_nugnohn9_LxZmuA6EGr .product-card:hover {
    transform: translateY(var(--product-card-hover-lift, -4px));
    box-shadow: var(--card-shadow-hover, 0 18px 40px rgba(48, 42, 30, 0.14));
  }

  .cc_nugnohn9_LxZmuA6EGr .product-card:hover .product-card-image {
    transform: scale(var(--product-card-hover-scale, 1.025));
  }

  .cc_nugnohn9_LxZmuA6EGr .product-card:has(.product-card-badge--sold-out):hover .product-card-image {
    transform: none;
  }
}

/* ── src/sub-components/ProductRating/styles.css — TAM KOPYA ── */

.cc_nugnohn9_LxZmuA6EGr .rating {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
  color: inherit;
}

.cc_nugnohn9_LxZmuA6EGr .rating-stars {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.cc_nugnohn9_LxZmuA6EGr .rating-star {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  color: #d8d8d8;
}

.cc_nugnohn9_LxZmuA6EGr .rating-star-bg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.cc_nugnohn9_LxZmuA6EGr .rating-star-fill {
  position: absolute;
  inset: 0 auto 0 0;
  overflow: hidden;
  color: #f5b301;
  pointer-events: none;
}

.cc_nugnohn9_LxZmuA6EGr .rating-star-fg {
  display: block;
  height: 100%;
  width: 1em;
  fill: currentColor;
}

.cc_nugnohn9_LxZmuA6EGr .rating-count {
  font-size: 0.875em;
  color: #555;
  white-space: nowrap;
}

.cc_nugnohn9_LxZmuA6EGr .rating--sm {
  font-size: 14px;
}

.cc_nugnohn9_LxZmuA6EGr .rating--sm .rating-count {
  font-size: 12px;
}

.cc_nugnohn9_LxZmuA6EGr .rating--md {
  font-size: 18px;
}

.cc_nugnohn9_LxZmuA6EGr .rating--md .rating-count {
  font-size: 14px;
}

/* ── Rozet / fiyat satırı / tükendi taban kuralları ──
   Kanonik kaynak: src/sub-components/ProductCard/styles.css (tam kaynak).
   ProductCard TSX bu sınıfları üretir. --slider-... değişkenleri aile
   fallback'lidir; MTPS'e özgü --mtps-... değişkeni içermez. ── */

.cc_nugnohn9_LxZmuA6EGr .product-card-price-row {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--space-xs);
}

.cc_nugnohn9_LxZmuA6EGr .product-card-price--original {
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--card-old-ink, #8B8377);
  text-decoration: line-through;
  font-variant-numeric: tabular-nums;
}

/* ── Rozetler: ortak geometri — pill, sol üst, 11px/700/uppercase ── */

.cc_nugnohn9_LxZmuA6EGr .product-card-badge {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.3125rem 0.75rem;
  font-family: var(--font-label);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;
  z-index: 1;
  border-radius: 999px;
  pointer-events: none;
}

.cc_nugnohn9_LxZmuA6EGr .product-card-badge--sale {
  background: var(--slider-sale-bg, var(--badge-sale-bg, #C22E31));
  color: var(--slider-sale-fg, #ffffff);
}

.cc_nugnohn9_LxZmuA6EGr .product-card-badge--sold-out {
  background: var(--slider-soldout-bg, var(--badge-soldout-bg, #2F3A34));
  color: var(--slider-soldout-fg, var(--badge-soldout-fg, #FFFFFF));
}

.cc_nugnohn9_LxZmuA6EGr .product-card-savings {
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  padding: 0.3125rem 0.75rem;
  background: var(--slider-savings-bg, var(--color-amed-gold, #D4AF37));
  color: var(--slider-savings-fg, var(--color-amed-dark, #07170D));
  font-family: var(--font-label);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1;
  border-radius: 999px;
  z-index: 1;
  pointer-events: none;
}

/* Tükendi kartları: görsel soluklaşır, hover görseli gizlenir */
.cc_nugnohn9_LxZmuA6EGr .product-card:has(.product-card-badge--sold-out) .product-card-image--primary, .cc_nugnohn9_LxZmuA6EGr .product-card:has(.product-card-badge--sold-out) .product-card-image--empty {
  opacity: 0.55;
  filter: grayscale(0.2);
}

.cc_nugnohn9_LxZmuA6EGr .product-card:has(.product-card-badge--sold-out) .product-card-image--hover {
  display: none;
}

/* ORTAK KART SÖZLEŞMESİ: bilgi alanı esner, fiyat kartın altına hizalanır */
.cc_nugnohn9_LxZmuA6EGr .product-card-body { flex: 1 1 auto; }
.cc_nugnohn9_LxZmuA6EGr .product-card-price-row { margin-top: auto; }

/* ── Beden/stok şeridi (FAZ 5.3) — bilgi amaçlı, etkileşimsiz ──
   Slot HER kartta sabit min-height ile render edilir (bedensiz üründe boş) →
   kart yükseklikleri eşit, hover'da layout shift yok. Mobil: her zaman
   görünür. Masaüstü (hover destekli): kart hover/focus-within'de belirir. */
.cc_nugnohn9_LxZmuA6EGr .product-card-sizes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  min-height: 1.625rem;
  padding: 0.25rem 1rem 0;
  box-sizing: border-box;
}

.cc_nugnohn9_LxZmuA6EGr .product-card-size {
  font-family: var(--font-label);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  padding: 0.3125rem 0.5rem;
  border: 1px solid rgba(7, 23, 13, 0.18);
  border-radius: 6px;
  color: var(--card-ink, #1D2721);
  background: var(--card-surface, #FFFFFF);
  white-space: nowrap;
}

/* Stokta olmayan beden: soluk + üstü çizili (sr-only metin TSX'te) */
.cc_nugnohn9_LxZmuA6EGr .product-card-size.is-oos {
  opacity: 0.4;
  text-decoration: line-through;
}

/* Ekran okuyucuya özel metin */
.cc_nugnohn9_LxZmuA6EGr .product-card-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Eski hover-gizli bilgi şeridi kaldırıldı: beden şeridi artık tıklanabilir
   (ProductSizeStrip) ve her zaman görünür olmalıdır. */

@media (prefers-reduced-motion: reduce) {
  .cc_nugnohn9_LxZmuA6EGr .product-card-sizes {
    transition: none;
    transform: none;
  }
}

/* ══════════════════════════════════════════════════════════════
   ORTAK BEDEN ŞERİDİ (ProductSizeStrip) — ana sayfadaki TÜM ürün
   kartlarında aynı görünüm ve davranış. KANONİK KOPYA:
   src/sub-components/ProductSizeStrip/styles.css
   Build sub-component CSS paketlemediği için kullanan her section
   styles.css dosyasına kopyalanır; değişiklikte hepsini senkron tut.

   FAZ 13: bedenler BAŞLANGIÇTA GİZLİ.
   - Yer .product-size-reveal ile rezerve edilir → kart yüksekliği ve
     ad/fiyat konumu hover'da DEĞİŞMEZ (sıçrama yok).
   - Hover'lı cihaz: kart :hover / :focus-within olduğunda açılır.
     `*:hover > .product-size-reveal` — doğrudan EBEVEYN kart seçicisi;
     kart sınıfı componentten componente değiştiği için tek kural
     dört kart tipinde de çalışır.
   - Dokunmatik cihaz: "Beden Seç" kontrolü ile açılır.
   ══════════════════════════════════════════════════════════════ */

.cc_nugnohn9_LxZmuA6EGr .product-size-reveal {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.25rem;
  padding: 0.25rem 1rem 0.875rem;
  box-sizing: border-box;
}

.cc_nugnohn9_LxZmuA6EGr .product-size-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  /* Gizli fakat DOM'da: display:none değil → :focus-within açıldığında
     klavye kullanıcısı Tab ile beden butonlarına ulaşabilir. */
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  transition: opacity 180ms ease, transform 180ms ease,
    visibility 0s linear 180ms;
}

/* Hover'lı cihazlar: kartın üzerine gelince / kart içinde odak varken aç */
@media (hover: hover) and (pointer: fine) {
  .cc_nugnohn9_LxZmuA6EGr *:hover > .product-size-reveal > .product-size-strip, .cc_nugnohn9_LxZmuA6EGr *:focus-within > .product-size-reveal > .product-size-strip, .cc_nugnohn9_LxZmuA6EGr .product-size-reveal:focus-within > .product-size-strip {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: opacity 180ms ease, transform 180ms ease,
      visibility 0s linear 0s;
  }
}

/* "Beden Seç" kontrolü — YALNIZ hover'sız (dokunmatik) cihazlarda */
.cc_nugnohn9_LxZmuA6EGr .product-size-toggle {
  display: none;
  align-items: center;
  gap: 0.375rem;
  min-height: 44px;
  padding: 0.3125rem 0.625rem;
  border: 1px solid rgba(7, 23, 13, 0.18);
  border-radius: 6px;
  background: var(--card-surface, #ffffff);
  color: var(--card-ink, #1d2721);
  font-family: var(--font-label);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  cursor: pointer;
}

.cc_nugnohn9_LxZmuA6EGr .product-size-toggle:focus-visible {
  outline: 2px solid var(--color-amed-green, #0a6845);
  outline-offset: 2px;
}

@media (hover: none) {
  .cc_nugnohn9_LxZmuA6EGr .product-size-toggle {
    display: inline-flex;
  }

  /* Açıkken şerit kontrolün ÜZERİNİ kaplar → kart yüksekliği değişmez */
  .cc_nugnohn9_LxZmuA6EGr .product-size-reveal.is-open > .product-size-strip {
    position: absolute;
    inset: 0.25rem 1rem 0.875rem;
    align-content: center;
    background: var(--card-surface, #ffffff);
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: opacity 180ms ease, visibility 0s linear 0s;
  }
}

.cc_nugnohn9_LxZmuA6EGr .product-size {
  position: relative;
  font-family: var(--font-label);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  padding: 0.3125rem 0.5rem;
  border: 1px solid rgba(7, 23, 13, 0.18);
  border-radius: 6px;
  color: var(--card-ink, #1D2721);
  background: var(--card-surface, #FFFFFF);
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 160ms ease, color 160ms ease;
}

/* Görünmez dokunma alanı — minimum 44px hedef */
.cc_nugnohn9_LxZmuA6EGr .product-size::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 44px;
}

.cc_nugnohn9_LxZmuA6EGr .product-size:hover:not(:disabled), .cc_nugnohn9_LxZmuA6EGr .product-size:focus-visible {
  border-color: var(--color-amed-green, #0A6845);
  color: var(--color-amed-green, #0A6845);
}

.cc_nugnohn9_LxZmuA6EGr .product-size:focus-visible {
  outline: 2px solid var(--color-amed-green, #0A6845);
  outline-offset: 2px;
}

/* Stokta olmayan beden: gerçek disabled + üstü çizili + tıklanamaz */
.cc_nugnohn9_LxZmuA6EGr .product-size:disabled, .cc_nugnohn9_LxZmuA6EGr .product-size.is-oos {
  opacity: 0.4;
  text-decoration: line-through;
  cursor: default;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .cc_nugnohn9_LxZmuA6EGr .product-size-strip {
    transition: none;
  }
}


/* Kart iskeleti: dış sarmalayıcı + ana link + KARDEŞ beden şeridi.
   (Eski tek-<a> yapısı, beden butonları eklenince geçersiz HTML olurdu.) */
.cc_nugnohn9_LxZmuA6EGr .product-card-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  text-decoration: none;
  color: inherit;
}

.cc_nugnohn9_LxZmuA6EGr .product-card-main:focus-visible {
  outline: 2px solid var(--color-amed-green, #0A6845);
  outline-offset: 3px;
  border-radius: 14px;
}

/* ═══ MOBİL KANONİK CTA (global.css --m-cta-*) ═══ */
@media (max-width: 767px) {
  /* ── TEK KANONİK CTA (global.css --m-cta-*) ──
     Beş ana buton (Sepete Ekle · Koleksiyonu Keşfet · Tüm Formaları Gör ·
     Giyimi Keşfet · Tüm Koleksiyonu Gör) birebir aynı computed style üretir.
     Bileşenin kendi CTA selectorüyle AYNI specificity'de ama cascade'de SONRA
     geldiği için kazanır; değerler burada değil global.css'te tanımlıdır. */
  .cc_nugnohn9_LxZmuA6EGr .amed-mobile-primary-cta {
    box-sizing: border-box;
    height: var(--m-cta-height);
    min-height: var(--m-cta-height);
    max-height: var(--m-cta-height);
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--m-cta-gap);
    padding: 0 var(--m-cta-padding-inline);
    background: var(--m-cta-bg);
    color: var(--m-cta-text);
    border: 1px solid var(--m-cta-bg);
    border-radius: var(--m-cta-radius);
    font-family: var(--font-label, inherit);
    font-size: var(--m-cta-font-size);
    font-weight: var(--m-cta-font-weight);
    line-height: 1;
    letter-spacing: var(--m-cta-letter-spacing);
    text-decoration: none;
    text-transform: none;
    box-shadow: var(--m-cta-shadow);
    transition: background-color 180ms ease, border-color 180ms ease,
      transform 160ms ease, box-shadow 180ms ease;
  }
  .cc_nugnohn9_LxZmuA6EGr .amed-mobile-primary-cta .amed-cta-arrow {
    width: var(--m-cta-arrow-size);
    height: var(--m-cta-arrow-size);
    flex-shrink: 0;
    transition: transform 160ms ease;
  }
  .cc_nugnohn9_LxZmuA6EGr .amed-mobile-primary-cta:active {
    background: var(--m-cta-hover);
    border-color: var(--m-cta-hover);
    transform: scale(0.985);
    box-shadow: var(--m-cta-shadow-active);
  }
  .cc_nugnohn9_LxZmuA6EGr .amed-mobile-primary-cta:active .amed-cta-arrow {
    transform: translateX(1px);
  }
  .cc_nugnohn9_LxZmuA6EGr .amed-mobile-primary-cta:focus-visible {
    outline: 3px solid rgba(10, 104, 69, 0.28);
    outline-offset: 3px;
  }
  .cc_nugnohn9_LxZmuA6EGr .amed-mobile-primary-cta:disabled, .cc_nugnohn9_LxZmuA6EGr .amed-mobile-primary-cta[aria-disabled="true"] {
    background: var(--m-cta-disabled-bg);
    border-color: var(--m-cta-disabled-bg);
    color: var(--m-cta-disabled-text);
    box-shadow: none;
    cursor: not-allowed;
  }
}

@media (max-width: 767px) and (hover: hover) {
  .cc_nugnohn9_LxZmuA6EGr .amed-mobile-primary-cta:hover {
    background: var(--m-cta-hover);
    border-color: var(--m-cta-hover);
    box-shadow: var(--m-cta-shadow-hover);
  }
  .cc_nugnohn9_LxZmuA6EGr .amed-mobile-primary-cta:hover .amed-cta-arrow {
    transform: translateX(3px);
  }
}

/* Ray konum göstergesi: TEK paylaşımlı MobileCarouselPagination (stil global.css) — yerel kural YOK. */

/* KANONİK MOBİL KART DERİSİ — CS/FJS/LC'nin FINAL PASS bloğuyla aynı
   global --m-card-* tokenları: radius, medya oranı/tavanı, gövde padding'i,
   isim/fiyat ölçüsü. Dört rayın kartı mobilde birebir aynı geometriyi taşır;
   masaüstü ProductCard görünümü DEĞİŞMEZ. */
@media (max-width: 639px) {
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card, .cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder {
    border-radius: var(--m-card-radius, 20px);
  }
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card-media, .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card.is-portrait .product-card-media, .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card.is-square .product-card-media, .cc_nugnohn9_LxZmuA6EGr .women-handmade-placeholder-media {
    aspect-ratio: var(--m-card-media-ratio, 4 / 4.7);
    max-height: var(--m-card-media-max, 320px);
  }
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card-body {
    padding: var(--m-card-padding, 12px);
  }
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card-name {
    font-size: var(--m-card-name-size, 16px);
    line-height: 1.3;
    min-height: 2.6em;
  }
  .cc_nugnohn9_LxZmuA6EGr .women-handmade-rail .product-card-price {
    font-size: var(--m-card-price-size, 17px);
  }
}

/* ═══ KANONİK MOBİL PAGINATION RENGİ — SENKRON KOPYA ═══
   Tek mantıksal kaynak: global.css `.amed-rail-pagination--dark` (aktif
   Amed yeşili 24×6 pill · pasif beyaz 0.42 · 6×6 · gap 12). Tema
   global.css'i bileşen importlarıyla güncellenmeyebildiği için (2026-08-30
   Preview kanıtı) RENK sözleşmesi her import'ta kesin taşınan component
   CSS kanalından da garanti edilir; geometri global'den gelir. Dört hedef
   rayda (CS · FJS · LC · WHS) birebir aynı blok — değişiklikte senkron tut. */
.cc_nugnohn9_LxZmuA6EGr .amed-rail-pagination--dark .amed-rail-pagination-dot {
  background: rgba(255, 255, 255, 0.42);
}
.cc_nugnohn9_LxZmuA6EGr .amed-rail-pagination--dark .amed-rail-pagination-dot.is-active, .cc_nugnohn9_LxZmuA6EGr .amed-rail-pagination--dark .amed-rail-pagination-dot:hover {
  background: var(--color-amed-green, #0A6845);
}