/* LifestyleCollection — "Şehirde Amed" premium lifestyle bölümü.
   Merchant knob'ları (yükseklik, odak, konum, ölçek...) TSX'ten section
   köküne --lc-* inline değişkenleriyle basılır; mobil (-m) / masaüstü (-d)
   setleri aşağıdaki breakpoint bloğunda tek tüketim değişkenine bağlanır. */

.cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection {
  /* NOT: --lc-hero-h zinciri (mobil 52vh / masaüstü 760px + panel
     dHeroHeight/mHeroHeight) KALDIRILDI. Sahne yüksekliği artık içerikten
     doğar (kart normal akışta); vh-tabanlı yapay yükseklik yok. İlgili
     panel knob'ları "Gelişmiş" grubunda pasif olarak işaretlidir. */
  --lc-bg-x: var(--lc-bg-x-m, 68%);
  --lc-bg-y: var(--lc-bg-y-m, 50%);
  --lc-bg-zoom: var(--lc-bg-zoom-m, 1);
  --lc-title-size: var(--lc-title-size-m, clamp(2.5rem, 11.5vw, 3.25rem));

  /* ═══ MASAÜSTÜ DİKEY RİTİM — TEK KAYNAK ════════════════════════════
     Referans: FanJerseyShowcase ("TARAFTAR FORMALARI") auto yerleşimi.
     Orada tüm ritmi `.fan-auto-content` üretir:
       padding-top : clamp(2.25rem, 5vw, 4.5rem)   → bölüm üstü → kart üstü
       gap         : var(--section-rail-gap)        → kart altı → ürün rayı
     Lifestyle artık AYNI iki değeri kullanır; sayı kopyalanmaz, Fan'ın
     kendi tokeni/clamp'i referans alınır.

     Ölçüm sözleşmesi (değişmedi):
       · --lc-zone-pad  sahnenin kart çevresindeki simetrik nefesi
       · ray padding'i  = gap − zone-pad  (aşağıda hesaplanır)
       → GÖRÜNEN kart→ray boşluğu tam olarak --lc-card-rail-gap kadardır.
     Her iki token da YALNIZ ≥768px bloklarında tüketilir; mobil ritim
     (--m-editorial-rail-gap) bu değişiklikten etkilenmez. */
  --lc-zone-pad: clamp(2.25rem, 5vw, 4.5rem); /* 36–72px, Fan ile aynı */
  --lc-card-rail-gap: var(--section-rail-gap, clamp(2rem, 6vw, 6.5rem));
  position: relative;
  background: var(--lc-bg, #FFFFFF);
  overflow: clip;
  isolation: isolate;
}

/* Arka plan görseli varken section zemini beyaz DEĞİL — sticky katmanın
   altında koyu nötr zemin kalır (alt kenarda beyaz bant oluşmaz). */
.cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection.lc--has-bg {
  background: var(--lc-bg, #101a14);
}

@media (min-width: 768px) {
  .cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection {
    --lc-bg-x: var(--lc-bg-x-d, 50%);
    --lc-bg-y: var(--lc-bg-y-d, 45%);
    --lc-bg-zoom: var(--lc-bg-zoom-d, 1);
    --lc-title-size: var(--lc-title-size-d, 72px);
  }
}

/* ---------- Section reveal — yalnız ilk görünümde (CLS yok) ---------- */

/* Reveal BAŞLANGIÇ durumu YALNIZ .lc-reveal-waiting altında geçerlidir.
   (Daha önce bir yorum bloğu selector listesinin ortasına kaydığı için
   `.lc-rail { opacity: 0 }` koşulsuz kalıyordu → ürün rayı, reveal hiç
   tetiklenmediğinde — section ilk boyamada görünürse, reduced-motion'da
   veya IntersectionObserver yoksa — kalıcı olarak görünmez oluyordu.) */
.cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection.lc-reveal-waiting .lc-hero {
  opacity: 0;
  transform: translateY(8px);
}

.cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection.lc-reveal-waiting .lc-rail {
  opacity: 0;
  transform: translateY(6px);
}

/* FAZ 22 KAPANIŞ — §10 A/B: içerik kartı 8px, ray 14px'ten yükselir; ray
   kısa bir gecikmeyle gelir (ürün sayısıyla uzayan zincir YOK, tek adım). */
.cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection.lc-reveal-shown .lc-rail {
  animation-delay: 90ms;
}

.cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection.lc-reveal-shown .lc-hero, .cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection.lc-reveal-shown .lc-rail {
  animation: cc_nugnohn9_RGj2dIXTA6_lc-reveal var(--motion-slow, 320ms) var(--ease-emphasis, cubic-bezier(0.22, 1, 0.36, 1)) both;
}

@keyframes cc_nugnohn9_RGj2dIXTA6_lc-reveal {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection.lc-reveal-waiting .lc-hero, .cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection.lc-reveal-waiting .lc-rail {
    opacity: 1;
    transform: none;
  }
  .cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection.lc-reveal-shown .lc-hero, .cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection.lc-reveal-shown .lc-rail {
    animation: none;
  }
}

/* ---------- Hero ----------
   MOBİL (taban): görsel üstte kendi yüksekliğinde in-flow bir blok; editorial
   kart görselin ALTINDA akar ve negatif margin ile görsele yalnız ~36px biner
   → fotoğraftaki insanlar ve ürünler kapanmaz.
   MASAÜSTÜ (≥768): eski absolute zone sistemi aynen (panel konum knob'ları). */

.cc_nugnohn9_RGj2dIXTA6 .lc-hero {
  position: relative;
  display: block;
  overflow: visible;
  background: transparent; /* görsel SECTION katmanında — hero örtmez */
}

/* Mobil: kart aşağıdan başlar, üstte saf görsel nefes alanı kalır */
@media (max-width: 767px) {
  .cc_nugnohn9_RGj2dIXTA6 .lc-hero {
    padding-top: clamp(170px, 32svh, 300px);
  }
}




/* FAZ 13: sticky frame üzerindeki vignette/karartma gradyanı KALDIRILDI.
   Arka plan görseli kendi doğal parlaklığı ve renkleriyle görünür; gökyüzü,
   duvar ve yeşillik tonları filtrelenmez. Okunabilirlik yalnız editorial
   kartın kendi opak krem yüzeyinden gelir. */

/* Tüm içerik katmanları arka planın üzerinde */
/* Arka plan katmanı artık ayrı bir DOM elemanı değil (ortak wrapper'ın CSS
   background'ı). Bu yüzden eski `:not(.lc-bg-layer)` istisnası kaldırıldı. */
.cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection > * {
  position: relative;
  z-index: 1;
}

/* FAZ 13: .lc-hero-overlay karartma katmanı hem DOM'dan hem CSS'ten
   kaldırıldı (panel "Karartma Yoğunluğu" değeri kayıtlı olsa bile artık
   uygulanmaz — insanların/duvarın üzerinde siyah filtre kalmaz). */

.cc_nugnohn9_RGj2dIXTA6 .lc-hero-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  /* Kart görsel bloğunun altına akar; yalnız ~30px görsele biner */
  margin-top: -30px;
  padding: 0 16px 8px;
}

/* ---------- Editorial kart — OPAK sıcak krem; blur YOK ---------- */

/* Mobilde zone kutu üretmez (akış bozulmaz); masaüstünde kartın dikey
   hareket alanını sınırlayan mutlak katmana dönüşür (aşağıda). */
.cc_nugnohn9_RGj2dIXTA6 .lc-glass-zone {
  display: contents;
}

/* ORTAK EDITORIAL KART SİSTEMİ (global.css) — CollectionShowcase ve
   FanJerseyShowcase kartlarıyla aynı yüzey/çizgi/gölge/radius/padding.
   NOT: panelden gelen --lc-glass-bg artık yüzeyi EZMEZ; kart saydamlığı
   üç bölümde tek elden yönetilir (panelde 0.75 kayıtlıydı ve bu kartı
   diğer ikisinden belirgin farklı gösteriyordu). */
.cc_nugnohn9_RGj2dIXTA6 .lc-glass {
  background: var(--editorial-card-bg);
  border: var(--editorial-card-border);
  border-radius: var(--editorial-card-radius);
  box-shadow: var(--editorial-card-shadow);
  padding: var(--editorial-card-padding);
  width: min(100%, 92vw);
  margin-inline: auto;
}

@media (max-width: 767px) {
  .cc_nugnohn9_RGj2dIXTA6 .lc-lead {
    margin-top: 12px;
  }
  .cc_nugnohn9_RGj2dIXTA6 .lc-support {
    margin-top: 6px;
  }
  /* CTA kesin TEK satır: kompakt yatay dolgu + nowrap (taşma yaratmaz —
     en dar 360px'te bile metin kart içinde kalır) */
  .cc_nugnohn9_RGj2dIXTA6 .lc-cta {
    padding-inline: 20px;
    white-space: nowrap;
  }
}

/* Eyebrow tipografisi: global .amed-promo-eyebrow (tek kaynak) */
.cc_nugnohn9_RGj2dIXTA6 .lc-eyebrow { margin: 0; }

/* Vurgu çizgileri: PromoAccentLines + global .amed-promo-lines (tek kaynak) */

/* Başlık ailesi/ağırlık/satır: global .amed-promo-title; burada yalnız MOBİL punto */
.cc_nugnohn9_RGj2dIXTA6 .lc-title {
  margin: 0;
  /* 16vw tavanı: izin verilen en büyük punto dar ekranda karttan taşmasın */
  font-size: min(var(--lc-title-size), 16vw);
}

.cc_nugnohn9_RGj2dIXTA6 .lc-title-main, .cc_nugnohn9_RGj2dIXTA6 .lc-title-accent {
  display: block;
}

.cc_nugnohn9_RGj2dIXTA6 .lc-title-main {
  color: var(--editorial-title-color);
}

.cc_nugnohn9_RGj2dIXTA6 .lc-title-accent {
  color: var(--lc-accent, #0a6845);
}

/* Açıklama ölçü/satır/renk: global .amed-promo-desc; LC lead yalnız ağırlık */
.cc_nugnohn9_RGj2dIXTA6 .lc-lead {
  font-weight: 600;
}

.cc_nugnohn9_RGj2dIXTA6 .lc-support {
  margin: 6px 0 0;
  font-family: var(--font-body, "cc_nugnohn9_DM Sans", system-ui, sans-serif);
  font-size: clamp(13px, 1vw, 15px);
  font-weight: 400;
  line-height: 1.55;
  color: rgba(17, 48, 35, 0.64);
}

/* Mobil: açıklama en fazla 3 satır */
@media (max-width: 767px) {
  .cc_nugnohn9_RGj2dIXTA6 .lc-support {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

/* CTA: MASAÜSTÜ görünümü global .amed-promo-cta (tek kanonik pill); MOBİL
   görünümü aşağıdaki ≤767 bloğu (--m-cta-* sistemi). Burada yalnız yerleşim. */
.cc_nugnohn9_RGj2dIXTA6 .lc-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
  width: 100%;
}

/* ---------- Masaüstü yerleşimi ---------- */

@media (min-width: 768px) {
  /* Görsel yeniden hero'nun tam-alan arka planı olur.
     `min-height: var(--lc-hero-h)` KALDIRILDI: kart akışa alındığından beri
     bu kural zaten daha yüksek özgüllükteki taban kurallarınca eziliyordu
     (ölü ağırlık). Yükseklik karttan doğar; taban değerler aşağıdaki
     `.lifestyle-parallax-background > .lc-hero` bloklarındadır. */
  .cc_nugnohn9_RGj2dIXTA6 .lc-hero {
    display: flex;
    overflow: hidden;
  }


  .cc_nugnohn9_RGj2dIXTA6 .lc-hero-inner {
    display: block;
    margin-top: 0;
    padding: 0;
  }

  /* ═══ YAPISAL DÜZELTME — kart NORMAL AKIŞA alındı ═══════════════════
     ESKİ MODEL: zone `position: absolute; inset: 24px 0`, kart da mutlak
     (`top: Y%` + `translateY(-Y%)`). Mutlak konumlu kart AKIŞTAN ÇIKTIĞI
     için hero'ya SIFIR yükseklik katıyordu → sahnenin yüksekliği yalnız
     yazdığımız `min-height` kadardı ve kartla hiçbir ilişkisi yoktu.
     Fazlalık, kartın altında ölü kırmızı banda dönüşüyordu; eksiklik ise
     `overflow: hidden` ile CTA'yı kırpıyordu. Bu yüzden bölüm her seferinde
     "sihirli bir min-height" ayarına muhtaç kalıyordu.

     YENİ MODEL — referans bölüm (CollectionShowcase) ile aynı ilke:
     orada da beyaz kampanya kartı MUTLAK DEĞİL, grid item'dır ve satır
     yüksekliğine katılır. Burada da kart statik akışta; sahne yüksekliği
     KARTTAN doğar (kart + zone'un simetrik dikey padding'i). Böylece:
       · ölü bant yapısal olarak imkânsız (fazlalık diye bir şey yok),
       · kırpılma imkânsız (hero karttan kısa olamaz),
       · `min-height` artık sürücü değil, yalnız fotoğrafın varlığını
         koruyan bir TABAN.
     Yatay konum/genişlik knob'ları (dCardPosX, dCardWidth) aynen korunur.
     NOT: dikey konum knob'u (dCardPosY) masaüstünde artık etkisizdir —
     içerikten doğan yükseklikte konumlanacak serbest alan yoktur; kart,
     referans bölümdeki gibi dikeyde ortalanır. */
  .cc_nugnohn9_RGj2dIXTA6 .lc-glass-zone {
    display: block;
    position: static;
    /* Kartın üstündeki/altındaki nefes — sahne yüksekliğinin İÇİNDE ve
       simetrik. Değer artık section kökündeki tek kaynaktan gelir. */
    padding-block: var(--lc-zone-pad);
  }

  .cc_nugnohn9_RGj2dIXTA6 .lc-glass {
    position: static;
    /* Genişlik: panel değeri girilmişse o; girilmemişse spec varsayılanı
       clamp(400px, 33vw, 460px) — dar editorial kart oranı. Sol ofset
       hesaba katılır — sağ kenar hero dışına taşamaz. */
    width: min(
      var(--lc-card-w-d, var(--promo-card-w)),
      calc(100% - var(--lc-card-x-d, 6%) - 32px)
    );
    /* Yatay konum artık margin ile (mutlak `left` yerine) */
    margin-inline: var(--lc-card-x-d, 6%) auto;
    border-radius: var(--editorial-card-radius-lg);
    box-shadow: var(--editorial-card-shadow-lg);
    padding: var(--editorial-card-padding-lg);
  }

  .cc_nugnohn9_RGj2dIXTA6 .lc-title {
    /* Kanonik başlık bandı (global --promo-title-size); panel puntosu tavan */
    font-size: min(var(--lc-title-size), var(--promo-title-size));
  }

  .cc_nugnohn9_RGj2dIXTA6 .lc-lead {
    /* KOMPAKTLAŞTIRMA: 20px → 16px. Kartın kimliği (yüzey, radius, gölge,
       padding token'ı, tipografi ölçeği) DEĞİŞMEZ; yalnız kopya blokları
       arasındaki dikey nefes kısalır. Kart ne kadar kısalırsa sahne de o
       kadar kısalabilir — sahne karta göre boyutlanıyor. */
    margin-top: 16px;
  }

  .cc_nugnohn9_RGj2dIXTA6 .lc-cta {
    width: auto;
  }

}

/* ---------- Ürün rayı ---------- */

.cc_nugnohn9_RGj2dIXTA6 .lc-rail {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  /* Editorial kart ile ürün alanı arasında güçlü dikey nefes (§5.4):
     mobil 40-64px · tablet 56-96px · masaüstü 80-144px — tek clamp bandı.
     Alt padding: son kartın altında güvenli alan, section doğal biter. */
  padding: clamp(2.5rem, 9vw, 9rem) 16px clamp(3rem, 6vw, 5rem);
  /* Sticky arka planın YAPIŞMA MENZİLİ = section yüksekliği − frame yüksekliği.
     Ray bloğu bir ekrandan kısa kalırsa menzil ray başlamadan biter ve arka
     plan tam ürün kartları girerken kaymaya başlar (ölçüldü: 390px'te 103px
     kayma). Ray'e bir ekranlık taban vermek, kartların TAMAMI sabit arka plan
     üzerinde akmasını garanti ederdi. FAZ 22 MİMARİ DÜZELTME'de bu yapay
     taban KALDIRILDI: sabit arka plan artık background-attachment ile
     sağlanıyor, ray'in scroll menzili üretmesine gerek yok. Yükseklik
     tamamen içerikten doğar. */
}

/* MOBILE EDITORIAL → RAIL NEFESİ: editorial kart ile ürün rayı arasında
   belirgin dikey ayrım. Yalnız ≤767px; masaüstü clamp bandı korunur
   (aşağıdaki 768+ kuralı yalnız yatay/alt padding'i yönetir). */
@media (max-width: 767px) {
  /* Ortak "editorial → ray" nefesi. Bu bölümde rayın İÇİNDE bir başlık
     satırı ("Şehrin Ritmi") var; ölçümde net mesafe 148px'e çıkıyordu.
     Başlık payı (~2.75rem) düşülerek dört bölüm görsel olarak eşitlenir —
     token değişirse fark orantılı korunur. */
  .cc_nugnohn9_RGj2dIXTA6 .lc-rail {
    padding-top: calc(
      var(--m-editorial-rail-gap, clamp(100px, 28vw, 130px)) - 2.75rem
    );
  }
}

@media (min-width: 768px) {
  .cc_nugnohn9_RGj2dIXTA6 .lc-rail {
    padding-inline: 32px;
    padding-bottom: 72px;
    /* Kart → ray nefesi. Sahnenin kart altındaki payı (--lc-zone-pad) bu
       mesafenin İÇİNDEDİR; ray yalnız KALANI ekler. Böylece görünen boşluk
       tam olarak --lc-card-rail-gap kadardır — iki ayrı sihirli sayının
       toplamı değil. `max(0px, …)` yalnız güvenlik sınırıdır. */
    padding-top: max(
      0px,
      calc(var(--lc-card-rail-gap) - var(--lc-zone-pad))
    );
  }
}

@media (min-width: 1024px) {
  .cc_nugnohn9_RGj2dIXTA6 .lc-rail {
    padding-inline: 40px;
    /* Bölüm alt nefesi 88px → 72px: üstteki sıkı editorial bantla aynı
       aileye çekilir, bölüm alt kenarında ölü bant bırakmaz. */
    padding-bottom: 72px;
  }
}

.cc_nugnohn9_RGj2dIXTA6 .lc-empty {
  margin: 0;
  padding: 32px 0;
  text-align: center;
  font-family: var(--font-body, "cc_nugnohn9_DM Sans", system-ui, sans-serif);
  font-size: 15px;
  color: rgba(20, 38, 28, 0.55);
}

/* ---------- EDİTÖR-ONLY boş ürün kartları ----------
   Yalnız IkasStorefrontConfig.isEditor true iken render edilir; canlı
   storefront'a hiçbir koşulda çıkmaz. Gerçek ray ile AYNI wrapper/track/kart
   sınıflarını kullanır → aynı genişlik, gap, radius, yüzey ve 4/3/2 kolon
   sistemi. Kartların içi tamamen boş ve nötrdür: kesikli çerçeve, skeleton,
   yazı, rozet, link ve hover YOK. Ürün seçilince blok tamamen kaybolur. */

.cc_nugnohn9_RGj2dIXTA6 .lc-rail--editor {
  /* Sticky menzil tabanı yalnız gerçek ürün rayı için gerekli; boş editör
     önizlemesinde bir ekranlık boşluk üretmez. */
  min-height: auto;
}

/* Boş kart: gerçek .lsc-card yüzeyi/border/radius/gölgesi aynen korunur,
   yalnız etkileşim ve içerik kaldırılır. */
.cc_nugnohn9_RGj2dIXTA6 .lsc-card--empty {
  cursor: default;
  transition: none;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card--empty:hover {
  transform: none;
  box-shadow: var(--card-shadow, 0 12px 30px rgba(48, 42, 30, 0.1));
}

/* FAZ 22: boş kartta artık gövde rezervi YOK — placeholder yalnız 4:5 medya
   yüzeyi kadar yer kaplar, fotoğrafın ana öznesini kapatmaz. */
/* Editör bildirimi: küçük beyaz pill, tek satır, section altında ortalı. */
.cc_nugnohn9_RGj2dIXTA6 .lc-rail-editor-pill {
  display: block;
  width: fit-content;
  max-width: min(100%, 30rem);
  margin: 0 auto;
  padding: 0.5rem 1rem;
  background: var(--color-surface, #FFFFFF);
  border: 1px solid var(--card-border, rgba(10, 72, 48, 0.1));
  border-radius: 999px;
  box-shadow: var(--card-shadow, 0 12px 30px rgba(48, 42, 30, 0.1));
  font-family: var(--font-label);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--color-text-secondary);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (prefers-reduced-motion: reduce) {
  .cc_nugnohn9_RGj2dIXTA6 .lc-cta, .cc_nugnohn9_RGj2dIXTA6 .lc-cta:hover {
    transform: none;
  }
}

/* ==============================================================
   ALT BİLEŞEN STİLLERİ — build yalnızca bu dosyayı paketlediği için
   src/sub-components/LifestyleCarousel/styles.css,
   src/sub-components/LifestyleProductCard/styles.css ve
   src/sub-components/LifestylePlaceholderCard/styles.css içerikleri buraya
   KOPYALANIR (repo konvansiyonu: PopularProducts vb. aynı şekilde yapar).
   Alt bileşen dosyaları kanonik kaynaktır — orada değişiklik yaparsan
   bu bloğu da güncelle.
   ============================================================== */

/* LifestyleCollection carousel — native scroll-snap + kenar durumlu oklar.
   Kart genişliği merdiveni PopularProducts kalıbını izler; sütun sayısı
   --lc-per-view (TSX'ten inline) ile kontrol edilir. */

.cc_nugnohn9_RGj2dIXTA6 .lsc-wrapper {
  --lc-card-gap: 20px;
  position: relative;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-head-title {
  margin: 0;
  font-family: var(--font-label, "cc_nugnohn9_DM Sans", system-ui, sans-serif);
  font-size: clamp(12px, 1vw, 14px);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--lc-ink, #1c2620);
}

/* FINAL HOMEPAGE PASS: oklar artık ray katmanında overlay — diğer üç rayla
   AYNI aile. `display: contents` ile konteyner kutu üretmez; butonlar
   `.lsc-rail`e göre konumlanır. */
.cc_nugnohn9_RGj2dIXTA6 .lsc-rail {
  position: relative;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-arrows {
  display: contents;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-arrow {
  position: absolute;
  /* Ortak kart sözleşmesi (medya 4/5) — ok metin bloğuna binmez */
  top: 38%;
  transform: translateY(-50%);
  z-index: 2;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-arrow:first-of-type {
  left: 2px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-arrow:last-of-type {
  right: 2px;
}

@media (min-width: 768px) {
  .cc_nugnohn9_RGj2dIXTA6 .lsc-arrow:first-of-type {
    left: -0.5rem;
  }
  .cc_nugnohn9_RGj2dIXTA6 .lsc-arrow:last-of-type {
    right: -0.5rem;
  }
}

/* ORTAK CAROUSEL KONTROL STANDARDI: krem daire + koyu Amed yeşili ikon;
   hover'da dolgu değişimi YOK */
.cc_nugnohn9_RGj2dIXTA6 .lsc-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 999px;
  background: #FFFFFF;
  border: 1px solid rgba(10, 72, 48, 0.16);
  color: #0A4A32;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(48, 42, 30, 0.12);
  transition: background-color 200ms ease, border-color 200ms ease,
    box-shadow 200ms ease, transform 200ms ease, opacity 200ms ease;
}

@media (min-width: 768px) {
  .cc_nugnohn9_RGj2dIXTA6 .lsc-arrow {
    width: 46px;
    height: 46px;
  }
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-arrow:hover, .cc_nugnohn9_RGj2dIXTA6 .lsc-arrow:focus-visible {
  background: #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);
  /* ORTAK hover kaldırması (-1px) — diğer üç rayın okuyla aynı geri bildirim.
     Konum transformu (translateY(-50%)) korunarak uygulanır. */
  transform: translateY(calc(-50% - 1px));
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-arrow:active {
  transform: scale(0.97);
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-arrow:focus-visible {
  outline: 2px solid var(--lc-accent, #0a6845);
  outline-offset: 3px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-arrow.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-track {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--lc-card-gap);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* Kart hover gölgeleri (0 16px 36px + lift) scroll kutusunda kırpılmasın diye
     iç boşluk + eşitleyen negatif margin; scroll-padding yatay padding'e eşit
     olmalı, yoksa snap 20px kayar ve prev oku başlangıçta hiç kapanmaz. */
  padding: 12px 20px 44px;
  margin: -12px -20px -32px;
  scroll-padding-inline: 20px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-track::-webkit-scrollbar {
  display: none;
}

/* Sütun düzeni: mobil TEK TAM KART / tablet ~2.3 / masaüstü --lc-per-view.
   Mobil peek kaldırıldı (2026-08-30 mobil tutarlılık paketi): kart, track
   içerik genişliğinin tamamı; gap 20px = scrollport'un negatif-margin
   uzantısıyla birebir → dinlenimde komşu karttan sıfır sızıntı. */
.cc_nugnohn9_RGj2dIXTA6 .lsc-track > .lsc-card {
  scroll-snap-align: start;
  flex: 0 0 100%;
}

@media (min-width: 768px) {

  .cc_nugnohn9_RGj2dIXTA6 .lsc-track > .lsc-card {
    flex: 0 0 calc((100% - (var(--lc-card-gap) * 1.2)) / 2.2);
  }
}

@media (min-width: 1024px) {
  .cc_nugnohn9_RGj2dIXTA6 .lsc-track > .lsc-card {
    flex: 0 0
      calc(
        (100% - (var(--lc-card-gap) * (var(--lc-per-view, 6) - 1))) /
          var(--lc-per-view, 6)
      );
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_nugnohn9_RGj2dIXTA6 .lsc-track {
    scroll-behavior: auto;
  }
}

/* LifestyleCollection ürün kartı — premium fashion mağaza görünümü.
   Renk/ölçü knob'ları LifestyleCollection kökünden --lc-* değişkenleriyle gelir. */

.cc_nugnohn9_RGj2dIXTA6 .lsc-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--card-surface, #FFFFFF);
  border: 1px solid var(--card-border, rgba(10, 72, 48, 0.1));
  border-radius: var(--lc-card-radius, 24px);
  overflow: hidden;
  text-decoration: none;
  box-shadow: var(--card-shadow, 0 12px 30px rgba(48, 42, 30, 0.1));
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card:focus-visible {
  outline: 2px solid var(--lc-accent, #0a6845);
  outline-offset: 3px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-media {
  position: relative;
  display: block;
  aspect-ratio: 4 / 5; /* ortak kart sözleşmesi (görsel cover istisnası) */
  background: #f4f0e8;
  overflow: hidden;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% var(--lc-img-y, 50%);
  transform: scale(var(--lc-img-scale, 1));
  /* Ortak motion sistemi: kart hover 220-280ms, görsel scale ≤1.025 */
  transition: transform var(--product-card-hover-duration, 240ms) var(--product-card-hover-easing, ease);
}

/* ── Motion: ürün kartı hover sözleşmesi (Fix Pack C) — yalnız hover
   destekleyen cihazlarda; reduced-motion'da kapalı ── */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .cc_nugnohn9_RGj2dIXTA6 .lsc-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_RGj2dIXTA6 .lsc-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_RGj2dIXTA6 .lsc-card:hover .lsc-card-img {
    transform: scale(calc(var(--lc-img-scale, 1) * var(--product-card-hover-scale, 1.025)));
  }
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-img--empty {
  background: linear-gradient(160deg, #f4f0e8 0%, #eae4d6 100%);
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card.is-sold-out .lsc-card-img {
  filter: grayscale(0.55);
  opacity: 0.82;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-badge {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  display: inline-flex;
  align-items: center;
  padding: 0.3125rem 0.75rem;
  border-radius: 999px;
  font-family: var(--font-label, "cc_nugnohn9_DM Sans", system-ui, sans-serif);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: var(--lc-badge-bg, #063d28);
  color: var(--lc-badge-text, #ffffff);
  box-shadow: 0 4px 12px rgba(16, 34, 24, 0.18);
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-badge--sale {
  background: var(--lc-sale-bg, var(--badge-sale-bg, #C22E31));
  color: #ffffff;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-badge--soldout {
  background: var(--badge-soldout-bg, #2F3A34);
  color: #ffffff;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px 18px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-name {
  font-family: var(--font-body, "cc_nugnohn9_DM Sans", system-ui, sans-serif);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--lc-ink, var(--card-ink, #1D2721));
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.7em;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-price-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-price {
  font-family: var(--font-body, "cc_nugnohn9_DM Sans", system-ui, sans-serif);
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--lc-cta-bg, var(--card-price-ink, #063D28));
  font-variant-numeric: tabular-nums;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-price--original {
  font-family: var(--font-body, "cc_nugnohn9_DM Sans", system-ui, sans-serif);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--card-old-ink, #8B8377);
  text-decoration: line-through;
  font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
  .cc_nugnohn9_RGj2dIXTA6 .lsc-card, .cc_nugnohn9_RGj2dIXTA6 .lsc-card-img {
    transition: none;
  }

  .cc_nugnohn9_RGj2dIXTA6 .lsc-card:hover {
    transform: none;
  }

  .cc_nugnohn9_RGj2dIXTA6 .lsc-card:hover .lsc-card-img {
    transform: scale(var(--lc-img-scale, 1));
  }
}

/* LifestylePlaceholderCard — geçici iskelet ürün kartı.
   Kart gövdesi/radius/gölge .lsc-card'dan miras alınır; burada yalnız
   placeholder'a özgü kurallar var. */

.cc_nugnohn9_RGj2dIXTA6 .lsc-card--placeholder {
  cursor: default;
}

/* Placeholder tıklanabilir değil — hover lift/zoom nötrlenir */
.cc_nugnohn9_RGj2dIXTA6 .lsc-card--placeholder:hover {
  transform: none;
  box-shadow: 0 6px 22px rgba(28, 38, 32, 0.07);
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-media {
  background: #f5f1e8;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-heart {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(28, 38, 32, 0.08);
  box-shadow: 0 2px 8px rgba(28, 38, 32, 0.08);
  color: rgba(28, 38, 32, 0.55);
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-heart svg {
  width: 16px;
  height: 16px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-body {
  gap: 8px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-line {
  display: block;
  border-radius: 999px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-line--name {
  width: 72%;
  height: 10px;
  background: #ece5d8;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-line--name-short {
  width: 46%;
  height: 10px;
  background: #f0eae0;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-line--price {
  width: 36%;
  height: 12px;
  margin-top: 2px;
  background: #e5dccb;
}


/* ── Kart iskeleti: ana link + KARDEŞ beden şeridi (nested interactive yok) ── */
.cc_nugnohn9_RGj2dIXTA6 .lsc-card-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  text-decoration: none;
  color: inherit;
}

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

/* Beden şeridi — FanJersey/canonical kartla AYNI ölçü ve görsel dil */
.cc_nugnohn9_RGj2dIXTA6 .lsc-card-sizes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.25rem;
  padding: 0 1rem 0.875rem;
  box-sizing: border-box;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-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;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-size::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 44px;
}

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

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

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-size:disabled, .cc_nugnohn9_RGj2dIXTA6 .lsc-card-size.is-oos {
  opacity: 0.4;
  text-decoration: line-through;
  cursor: default;
  pointer-events: none;
}


/* Alt beyaz fade kaldırıldığı için ray başlığı doğrudan arka plan görselinin
   üzerinde kalır — arka planı olan bölümde açık renk + hafif gölge ile
   okunabilirlik korunur (FanJerseyShowcase ile aynı çözüm). */
.cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection.lc--has-bg .lsc-head-title {
  color: #F6F4EC;
  text-shadow: 0 1px 8px rgba(8, 20, 14, 0.45);
}

/* ══════════════════════════════════════════════════════════════
   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_RGj2dIXTA6 .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_RGj2dIXTA6 .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_RGj2dIXTA6 *:hover > .product-size-reveal > .product-size-strip, .cc_nugnohn9_RGj2dIXTA6 *:focus-within > .product-size-reveal > .product-size-strip, .cc_nugnohn9_RGj2dIXTA6 .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_RGj2dIXTA6 .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_RGj2dIXTA6 .product-size-toggle:focus-visible {
  outline: 2px solid var(--color-amed-green, #0a6845);
  outline-offset: 2px;
}

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

  /* Açıkken şerit kontrolün ÜZERİNİ kaplar → kart yüksekliği değişmez */
  .cc_nugnohn9_RGj2dIXTA6 .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_RGj2dIXTA6 .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_RGj2dIXTA6 .product-size::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 44px;
}

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

.cc_nugnohn9_RGj2dIXTA6 .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_RGj2dIXTA6 .product-size:disabled, .cc_nugnohn9_RGj2dIXTA6 .product-size.is-oos {
  opacity: 0.4;
  text-decoration: line-through;
  cursor: default;
  pointer-events: none;
}

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

/* ═══════════════════════════════════════════════════════════════════════════
   FAZ 22 MİMARİ DÜZELTME — ORTAK SABİT ARKA PLAN (sabit-fon premium vitrin modeli)
   Referans `.parallax-background` ile aynı teknik: TEK kapsayıcı, CSS
   background, masaüstünde `background-attachment: fixed`. Üst içerik bloğu
   (.lc-hero) ve alt ürün rail'i (.lc-rail) bu kapsayıcının İÇİNDE normal
   document flow'da akar → arka plan sabit kalırken foreground kayar.
   position: sticky YOK · yapay svh sahne YOK · JS scroll listener YOK ·
   transform tabanlı sahte parallax YOK · ikinci görsel isteği YOK.
   ═══════════════════════════════════════════════════════════════════════════ */
.cc_nugnohn9_RGj2dIXTA6 .lifestyle-parallax-background {
  position: relative;
  background-image: var(--lc-bg-url-m);
  background-position: var(--lc-bg-x, 50%) var(--lc-bg-y, 50%);
  background-size: cover;
  background-repeat: no-repeat;
  /* Mobil/tablet: iOS Safari `fixed` attachment'ı güvenilir desteklemez ve
     performansı düşürür → normal scroll. */
  background-attachment: scroll;
}

@media (min-width: 1024px) {
  .cc_nugnohn9_RGj2dIXTA6 .lifestyle-parallax-background {
    background-image: var(--lc-bg-url);
  }

  /* "Sabit Arka Plan Efekti" (panel) açıkken — varsayılan — arka plan
     viewport'a sabitlenir; içerik bloğu ve ürün rail'i normal akışta
     üzerinden kayar. Panelden kapatılırsa normal scroll'a döner.
     Mobil/tablette iOS `fixed` desteklemediği için her zaman `scroll`. */
  .cc_nugnohn9_RGj2dIXTA6 .lc--fixed-bg .lifestyle-parallax-background {
    background-attachment: fixed;
  }
}

/* Sabit arka planı BOZAN özellikler kapsayıcıda ve section kökünde olmamalı:
   transform / filter / perspective / backdrop-filter / will-change:transform
   bir ancestor'da varsa `fixed` viewport yerine o ancestor'a göre çözülür.
   Foreground bloklarının kendi reveal transform'ları serbesttir — onlar
   kapsayıcının İÇİNDEDİR, ancestor değildir. */
.cc_nugnohn9_RGj2dIXTA6 .lifestyle-parallax-background {
  transform: none;
  filter: none;
  perspective: none;
  will-change: auto;
}

/* Üst sahne — ARTIK İÇERİKTEN DOĞAR.
   Tarihçe: sahne önce 78vh (1440x900'de 702px, uzun pencerede ~1300px), sonra
   clamp(...vh...), sonra clamp(...vw...) idi. Hepsinin ortak kusuru aynıydı:
   kart MUTLAK konumlu olduğu için sahneye yükseklik KATMIYORDU, dolayısıyla
   sahne yüksekliği elle yazılan bir sayıydı ve kartla ilişkisi yoktu. Sayı
   karttan büyükse fark kartın altında ölü banda, küçükse `overflow: hidden`
   ile kırpılmaya dönüşüyordu.
   Şimdi kart normal akışta (bkz. `.lc-glass-zone` / `.lc-glass`, ≥768):
   sahne = kart + zone'un simetrik dikey padding'i. Aşağıdaki `min-height`
   yalnız TABAN'dır. Sabit arka plan efekti yükseklikten BAĞIMSIZDIR
   (background-attachment: fixed) — sahnenin kısalması parallax'ı bozmaz. */
@media (min-width: 1024px) {
  .cc_nugnohn9_RGj2dIXTA6 .lifestyle-parallax-background > .lc-hero {
    /* SÜRÜCÜ DEĞİL, TABAN. Sahne yüksekliği artık karttan doğuyor (kart
       akışta). Bu değer yalnız fotoğrafın varlığını korur: merchant kopyayı
       kısaltırsa (ör. açıklama/destek metni silinirse) sahne fotoğrafı
       ezecek kadar daralmaz. Normal içerikte HİÇ devreye girmez — yani
       bölümün yüksekliğini bu sayı belirlemiyor. */
    min-height: 380px;
    display: flex;
    /* Kart akışta olduğu için `.lc-hero-inner` gerçek yükseklik taşır;
       `center` yalnız TABAN devreye girdiğinde (kısa kopya) artan payı
       üste/alta EŞİT böler. Referans bölüm CollectionShowcase de kampanya
       kartını grid satırında `align-items: center` ile ortalar.
       (Eski mutlak modelde `center` yasaktı: hero-inner 0'a çöküyordu.) */
    align-items: center;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cc_nugnohn9_RGj2dIXTA6 .lifestyle-parallax-background > .lc-hero {
    /* Aynı gerekçe: sürücü değil taban (yükseklik karttan doğar). */
    min-height: 340px;
  }
}


/* ═══════════════════════════════════════════════════════════════════════════
   MOBİL KANONİK SİSTEM (≤767px) — global.css --m-* tokenları
   Masaüstündeki fixed-background sahne AYNEN korunur; burada yalnız mobil
   kart/CTA/ray ölçüleri diğer iki bölümle eşitlenir.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .cc_nugnohn9_RGj2dIXTA6 .lc-hero-inner {
    padding-inline: var(--m-gutter);
    /* Taban kuraldaki `margin-top: -30px` kartı hero'nun üst kenarına
       yapıştırıyordu; mobilde kart en üstte ama fotoğraftan ince bir şerit
       görünecek kadar aşağıda durur. */
    margin-top: 0;
  }
  .cc_nugnohn9_RGj2dIXTA6 .lc-glass {
    width: auto;
    max-width: none;
    margin-inline: 0;
    /* CollectionShowcase kartıyla aynı kompakt iç boşluk */
    padding: 14px 14px 12px;
    border-radius: var(--m-editorial-radius);
    background: var(--m-editorial-bg);
    border: var(--m-editorial-border);
    box-shadow: var(--m-editorial-shadow);
  }
  .cc_nugnohn9_RGj2dIXTA6 .lc-eyebrow {
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: 0.13em;
    margin-bottom: 6px;
  }
  .cc_nugnohn9_RGj2dIXTA6 .lc-title {
    font-size: clamp(26px, 8vw, 32px);
    line-height: 0.98;
    margin: 0 0 6px;
  }
  .cc_nugnohn9_RGj2dIXTA6 .lc-lead {
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 10px;
    color: rgba(17, 48, 35, 0.88);
  }
  /* Destek metni mobilde gizlenir — kartı bir satır daha kısaltır; içerik
     panelde kalır ve masaüstünde aynen görünür. */
  .cc_nugnohn9_RGj2dIXTA6 .lc-support {
    display: none;
  }

  .cc_nugnohn9_RGj2dIXTA6 .lc-cta {
    gap: var(--m-cta-gap);
    height: var(--m-cta-height);
    min-height: var(--m-cta-height);
    width: 100%;
    padding-inline: var(--m-cta-padding-inline);
    border-radius: var(--m-cta-radius);
    background: var(--m-cta-bg);
    color: var(--m-cta-text);
    border: none;
    box-shadow: none;
    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;
  }

  .cc_nugnohn9_RGj2dIXTA6 .lsc-track {
    gap: 20px; /* literal — bayat tema-global token riski */
    padding-inline: 20px;
  }
  .cc_nugnohn9_RGj2dIXTA6 .lsc-track > .lsc-card {
    /* LİTERAL 100% — bayat tema-global token'ı 280px kart + LC'nin ±20px
       scrollport uzantısıyla "2 kart" görünümü üretiyordu (gerçek Preview QA,
       2026-08-30). Component CSS kanalı kesin. */
    flex: 0 0 100%;
    width: 100%;
    border-radius: var(--m-card-radius);
    background: var(--card-surface, #FFFFFF);
  }
  .cc_nugnohn9_RGj2dIXTA6 .lsc-card-foot {
    padding: var(--m-card-padding) var(--m-card-padding)
      calc(var(--m-card-padding) + 2px);
  }
  /* Görsel yüzeyi de ortak kart sözleşmesine döner: sabit krem #f4f0e8
     diğer iki bölümün nötr beyaz yüzeyinden ayrışıyordu. Kanonik mobil
     medya oranı/tavanı + isim/fiyat ölçüsü (global --m-card-*): kart
     yüksekliği dört rayda aynı bantta kalır. */
  .cc_nugnohn9_RGj2dIXTA6 .lsc-card-media {
    background: var(--card-media-bg, linear-gradient(180deg, #FFFFFF 0%, #F5F6F5 100%));
    aspect-ratio: var(--m-card-media-ratio, 4 / 4.7);
    max-height: var(--m-card-media-max, 320px);
  }
  .cc_nugnohn9_RGj2dIXTA6 .lsc-card-name {
    font-size: var(--m-card-name-size, 16px);
    line-height: 1.3;
    min-height: 2.6em;
  }
  .cc_nugnohn9_RGj2dIXTA6 .lsc-card-price {
    font-size: var(--m-card-price-size, 17px);
  }
  /* Mobilde kart EN ÜSTE alınır: üstte yalnız ince bir görsel şeridi kalır.
     Önceki clamp(110px, 22svh, 180px) kartı ekranın ortasına itiyordu.
     FINAL INTEGRATION: alt padding SIFIR — editorial→ray nefesi tek
     kaynaktan (.lc-rail'deki ortak token) gelir; svh-bazlı bu pay üstüne
     binince LC diğer bölümlerden ~30px açık kalıyordu (390'da ölçüldü:
     138px vs kanon 109px). */
  .cc_nugnohn9_RGj2dIXTA6 .lifestyle-parallax-background > .lc-hero {
    min-height: 0;
    height: auto;
    padding-top: clamp(20px, 4svh, 36px);
    padding-bottom: 0;
  }

  /* ── 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_RGj2dIXTA6 .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_RGj2dIXTA6 .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_RGj2dIXTA6 .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_RGj2dIXTA6 .amed-mobile-primary-cta:active .amed-cta-arrow {
    transform: translateX(1px);
  }
  .cc_nugnohn9_RGj2dIXTA6 .amed-mobile-primary-cta:focus-visible {
    outline: 3px solid rgba(10, 104, 69, 0.28);
    outline-offset: 3px;
  }
  .cc_nugnohn9_RGj2dIXTA6 .amed-mobile-primary-cta:disabled, .cc_nugnohn9_RGj2dIXTA6 .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_RGj2dIXTA6 .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_RGj2dIXTA6 .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 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_RGj2dIXTA6 .amed-rail-pagination--dark .amed-rail-pagination-dot {
  background: rgba(255, 255, 255, 0.42);
}
.cc_nugnohn9_RGj2dIXTA6 .amed-rail-pagination--dark .amed-rail-pagination-dot.is-active, .cc_nugnohn9_RGj2dIXTA6 .amed-rail-pagination--dark .amed-rail-pagination-dot:hover {
  background: var(--color-amed-green, #0A6845);
}

/* LifestyleCollection carousel — native scroll-snap + kenar durumlu oklar.
   Kart genişliği merdiveni PopularProducts kalıbını izler; sütun sayısı
   --lc-per-view (TSX'ten inline) ile kontrol edilir. */

.cc_nugnohn9_RGj2dIXTA6 .lsc-wrapper {
  --lc-card-gap: 20px;
  position: relative;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-head-title {
  margin: 0;
  font-family: var(--font-label, "cc_nugnohn9_DM Sans", system-ui, sans-serif);
  font-size: clamp(12px, 1vw, 14px);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--lc-ink, #1c2620);
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-arrows {
  display: none;
  gap: 10px;
}

/* ORTAK CAROUSEL KONTROL STANDARDI: krem daire + koyu Amed yeşili ikon;
   hover'da dolgu değişimi YOK */
.cc_nugnohn9_RGj2dIXTA6 .lsc-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 999px;
  background: #FFFFFF;
  border: 1px solid rgba(10, 72, 48, 0.16);
  color: #0A4A32;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(48, 42, 30, 0.12);
  transition: background-color 200ms ease, border-color 200ms ease,
    box-shadow 200ms ease, transform 200ms ease, opacity 200ms ease;
}

@media (min-width: 768px) {
  .cc_nugnohn9_RGj2dIXTA6 .lsc-arrow {
    width: 46px;
    height: 46px;
  }
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-arrow:hover {
  background: #ffffff;
  border-color: rgba(10, 72, 48, 0.32);
  box-shadow: 0 8px 20px rgba(48, 42, 30, 0.16);
  transform: translateY(-1px);
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-arrow:active {
  transform: scale(0.97);
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-arrow:focus-visible {
  outline: 2px solid var(--lc-accent, #0a6845);
  outline-offset: 3px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-arrow.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-track {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--lc-card-gap);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* Kart hover gölgeleri (0 16px 36px + lift) scroll kutusunda kırpılmasın diye
     iç boşluk + eşitleyen negatif margin; scroll-padding yatay padding'e eşit
     olmalı, yoksa snap 20px kayar ve prev oku başlangıçta hiç kapanmaz. */
  padding: 12px 20px 44px;
  margin: -12px -20px -32px;
  scroll-padding-inline: 20px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-track::-webkit-scrollbar {
  display: none;
}

/* Sütun düzeni: mobil 2 / tablet 3 / masaüstü --lc-per-view (varsayılan 6) */
.cc_nugnohn9_RGj2dIXTA6 .lsc-track > .lsc-card {
  scroll-snap-align: start;
  flex: 0 0 calc((100% - var(--lc-card-gap)) / 2);
}

@media (min-width: 768px) {
  .cc_nugnohn9_RGj2dIXTA6 .lsc-arrows {
    display: flex;
  }

  .cc_nugnohn9_RGj2dIXTA6 .lsc-track > .lsc-card {
    flex: 0 0 calc((100% - (var(--lc-card-gap) * 2)) / 3);
  }
}

@media (min-width: 1024px) {
  .cc_nugnohn9_RGj2dIXTA6 .lsc-track > .lsc-card {
    flex: 0 0
      calc(
        (100% - (var(--lc-card-gap) * (var(--lc-per-view, 6) - 1))) /
          var(--lc-per-view, 6)
      );
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_nugnohn9_RGj2dIXTA6 .lsc-track {
    scroll-behavior: auto;
  }
}


/* Alt beyaz fade kaldırıldığı için ray başlığı doğrudan arka plan görselinin
   üzerinde kalır — arka planı olan bölümde açık renk + hafif gölge ile
   okunabilirlik korunur (FanJerseyShowcase ile aynı çözüm). */
.cc_nugnohn9_RGj2dIXTA6 .lifestyle-collection.lc--has-bg .lsc-head-title {
  color: #F6F4EC;
  text-shadow: 0 1px 8px rgba(8, 20, 14, 0.45);
}

/* LifestyleCollection ürün kartı — premium fashion mağaza görünümü.
   Renk/ölçü knob'ları LifestyleCollection kökünden --lc-* değişkenleriyle gelir. */

.cc_nugnohn9_RGj2dIXTA6 .lsc-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--card-surface, #FFFFFF);
  border: 1px solid var(--card-border, rgba(10, 72, 48, 0.1));
  border-radius: var(--lc-card-radius, 24px);
  overflow: hidden;
  text-decoration: none;
  box-shadow: var(--card-shadow, 0 12px 30px rgba(48, 42, 30, 0.1));
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card:focus-visible {
  outline: 2px solid var(--lc-accent, #0a6845);
  outline-offset: 3px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-media {
  position: relative;
  display: block;
  aspect-ratio: 4 / 5; /* ortak kart sözleşmesi (görsel cover istisnası) */
  background: #f4f0e8;
  overflow: hidden;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% var(--lc-img-y, 50%);
  transform: scale(var(--lc-img-scale, 1));
  /* Ortak motion sistemi: kart hover 220-280ms, görsel scale ≤1.025 */
  transition: transform var(--product-card-hover-duration, 240ms) var(--product-card-hover-easing, ease);
}

/* ── Motion: ürün kartı hover sözleşmesi (Fix Pack C) — yalnız hover
   destekleyen cihazlarda; reduced-motion'da kapalı ── */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .cc_nugnohn9_RGj2dIXTA6 .lsc-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_RGj2dIXTA6 .lsc-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_RGj2dIXTA6 .lsc-card:hover .lsc-card-img {
    transform: scale(calc(var(--lc-img-scale, 1) * var(--product-card-hover-scale, 1.025)));
  }
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-img--empty {
  background: linear-gradient(160deg, #f4f0e8 0%, #eae4d6 100%);
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card.is-sold-out .lsc-card-img {
  filter: grayscale(0.55);
  opacity: 0.82;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-badge {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  display: inline-flex;
  align-items: center;
  padding: 0.3125rem 0.75rem;
  border-radius: 999px;
  font-family: var(--font-label, "cc_nugnohn9_DM Sans", system-ui, sans-serif);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: var(--lc-badge-bg, #063d28);
  color: var(--lc-badge-text, #ffffff);
  box-shadow: 0 4px 12px rgba(16, 34, 24, 0.18);
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-badge--sale {
  background: var(--lc-sale-bg, var(--badge-sale-bg, #C22E31));
  color: #ffffff;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-badge--soldout {
  background: var(--badge-soldout-bg, #2F3A34);
  color: #ffffff;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px 18px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-name {
  font-family: var(--font-body, "cc_nugnohn9_DM Sans", system-ui, sans-serif);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--lc-ink, var(--card-ink, #1D2721));
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.7em;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-price-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-price {
  font-family: var(--font-body, "cc_nugnohn9_DM Sans", system-ui, sans-serif);
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--lc-cta-bg, var(--card-price-ink, #063D28));
  font-variant-numeric: tabular-nums;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-price--original {
  font-family: var(--font-body, "cc_nugnohn9_DM Sans", system-ui, sans-serif);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--card-old-ink, #8B8377);
  text-decoration: line-through;
  font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
  .cc_nugnohn9_RGj2dIXTA6 .lsc-card, .cc_nugnohn9_RGj2dIXTA6 .lsc-card-img {
    transition: none;
  }

  .cc_nugnohn9_RGj2dIXTA6 .lsc-card:hover {
    transform: none;
  }

  .cc_nugnohn9_RGj2dIXTA6 .lsc-card:hover .lsc-card-img {
    transform: scale(var(--lc-img-scale, 1));
  }
}


/* ── Kart iskeleti: ana link + KARDEŞ beden şeridi (nested interactive yok) ── */
.cc_nugnohn9_RGj2dIXTA6 .lsc-card-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  text-decoration: none;
  color: inherit;
}

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

/* Beden şeridi — FanJersey/canonical kartla AYNI ölçü ve görsel dil */
.cc_nugnohn9_RGj2dIXTA6 .lsc-card-sizes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.25rem;
  padding: 0 1rem 0.875rem;
  box-sizing: border-box;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-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;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-size::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 44px;
}

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

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

.cc_nugnohn9_RGj2dIXTA6 .lsc-card-size:disabled, .cc_nugnohn9_RGj2dIXTA6 .lsc-card-size.is-oos {
  opacity: 0.4;
  text-decoration: line-through;
  cursor: default;
  pointer-events: none;
}

/* LifestylePlaceholderCard — geçici iskelet ürün kartı.
   Kart gövdesi/radius/gölge .lsc-card'dan miras alınır; burada yalnız
   placeholder'a özgü kurallar var. */

.cc_nugnohn9_RGj2dIXTA6 .lsc-card--placeholder {
  cursor: default;
}

/* Placeholder tıklanabilir değil — hover lift/zoom nötrlenir */
.cc_nugnohn9_RGj2dIXTA6 .lsc-card--placeholder:hover {
  transform: none;
  box-shadow: 0 6px 22px rgba(28, 38, 32, 0.07);
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-media {
  background: #f5f1e8;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-heart {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(28, 38, 32, 0.08);
  box-shadow: 0 2px 8px rgba(28, 38, 32, 0.08);
  color: rgba(28, 38, 32, 0.55);
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-heart svg {
  width: 16px;
  height: 16px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-body {
  gap: 8px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-line {
  display: block;
  border-radius: 999px;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-line--name {
  width: 72%;
  height: 10px;
  background: #ece5d8;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-line--name-short {
  width: 46%;
  height: 10px;
  background: #f0eae0;
}

.cc_nugnohn9_RGj2dIXTA6 .lsc-ph-line--price {
  width: 36%;
  height: 12px;
  margin-top: 2px;
  background: #e5dccb;
}