/* Imported from: ../../styles/primo-motion.css */
/* ═══════════════════════════════════════════════════════════════════════════
   PRIMO+ HAREKET KİMLİĞİ — İPTAL EDİLDİ (16 Ağu 2026 Patron emri)
   "Kartların ve rozetlerin ekrana girme animasyonlarını DİREKT İPTAL ET.
    Korunacak tek sayfa-içi animasyon: ürün kartı hover'ında packshotın
    hafif büyümesi."

   Bu dosya 61 bileşenin styles.css'inden import ediliyor — dosya KALDI,
   içeriği nötrlendi; hiçbir bileşende import/markup değişikliği gerekmedi:
   · data-pm="up|deck|pop|fade" öznitelikleri markup'ta duruyor → hiçbir
     giriş kuralına bağlanmadıkları için elemanlar ANINDA tam görünür.
   · pm-cta/pm-lift/pm-sweep/pm-line/pm-underline/pm-plus dekoratif giriş +
     hover hareket efektleri (süpürme, kalkma, flare, imza çizimi) ÖLÜ.
   · usePrimoMotion() kancası bileşenlerde duruyor → yalnız sınıf/--pm-i
     yazar, görsel etkisi SIFIR (bilinçli: 30+ dosyaya dokunmadan tek-dosya
     geri alma).
   · Bileşen CSS'lerindeki var(--pm-*, fallback) kullanımları fallback'e
     düşer — kırılma yok.

   KORUNANLAR (bu dosyanın dışında, işlev/istisna):
   · Packshot hover büyümesi: ProductCard styles.css (media--primary .85→.9)
   · İçerik rotasyonu: LED bant kanat slaytları + video, duyuru ticker'ı
   · UI geçişleri: sepet çekmecesi/menü aç-kapa

   ⚠ ESKİ HAL (geri alma): 203 satırlık tam hareket katmanı (token'lar,
   pmUpIn/pmFadeIn/pmDeckIn/pmPopIn + kademe, pmSweep, pmWordUp, pmFlare,
   pm-lift/pm-underline, §7 pmDrawFill/pmLock imzası) — OneDrive sürüm
   geçmişi + logs/PRIMO_WORKLOG 15-16 Ağu kayıtları. Geri dönüş = bu dosyayı
   eski içeriğiyle doldurmak.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ══════════ AMBIENT ÖLDÜRME LİSTESİ — BU BLOK YAŞIYOR, SİLİNMEZ ══════════
   locked.css / eski bileşen CSS'lerindeki SONSUZ dekor animasyonlarını
   (bob/orb/morph/twinkle/neonPulse, dönen halkalar) durduran katman. Hareket
   kimliği iptal edilirken bu blok bilinçli KORUNDU: silinirse eski sonsuz
   döngüler GERİ GELİR (Club + PromoBand halkaları dönmeye başlar).
   ⚠ ÖLÜ-AD TUZAĞI dersi geçerli: liste CANLI sınıf adlarıyla tutulur; yeni
   bir bileşen ambient animasyon getirirse adı buraya eklenir. */
.cc_rM0meyW0WV_primo_cat_strip .hero::before, .cc_rM0meyW0WV_primo_cat_strip .hero::after, .cc_rM0meyW0WV_primo_cat_strip .blobRing, .cc_rM0meyW0WV_primo_cat_strip .nsRing, .cc_rM0meyW0WV_primo_cat_strip .clubRing, .cc_rM0meyW0WV_primo_cat_strip .blob, .cc_rM0meyW0WV_primo_cat_strip .sprk, .cc_rM0meyW0WV_primo_cat_strip .floatSticker, .cc_rM0meyW0WV_primo_cat_strip .badge, .cc_rM0meyW0WV_primo_cat_strip .shipChip, .cc_rM0meyW0WV_primo_cat_strip .kombos-club__ring, .cc_rM0meyW0WV_primo_cat_strip .kombos-promo-band__ring {
  animation:none !important;
}

/* ══════════ EMNİYET — hiçbir data-pm elemanı gizli/kaymış kalamaz ══════════
   (JS kancası sınıf eklemeye devam ediyor; sınıfların kuralı kalmadı ama
   olası miras/inline kalıntıya karşı görünürlük garanti edilir.) */
.cc_rM0meyW0WV_primo_cat_strip [data-pm] {opacity:1 !important;transform:none;animation:none !important}
.cc_rM0meyW0WV_primo_cat_strip .pm-line > span {transform:none !important;animation:none !important}
.cc_rM0meyW0WV_primo_cat_strip .pm-sweep::after {display:none}
.cc_rM0meyW0WV_primo_cat_strip .pm-plus .pm-mark {stroke-dashoffset:0 !important;fill-opacity:1 !important;animation:none !important}

/* End import: ../../styles/primo-motion.css */
/* ═══ PRIMO+ GOLD CATSTRIP — locked.css §catStrip/secHead/rail/catTile birebir port ═══ */

/* overflow-x:clip — .rail'in -22px bleed margin'i dar ekranda belgeyi taşırıyordu.
   clip (hidden DEĞİL): overflow-y visible kalır, tile glow'ları dikeyde kırpılmaz. */
.cc_rM0meyW0WV_primo_cat_strip .catStrip { background: #fff; padding: 50px 0 12px; overflow-x: clip; }

/* gold .wrap karşılığı (max-width + yatay padding) */
.cc_rM0meyW0WV_primo_cat_strip .csWrap { max-width: var(--primo-maxw, 1320px); margin: 0 auto; padding: 0 22px; }
.cc_rM0meyW0WV_primo_cat_strip .csWrap--rail { padding-right: 0; }

/* ── secHead (gold 26-35) ── */
.cc_rM0meyW0WV_primo_cat_strip .secHead { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 0 22px; }
.cc_rM0meyW0WV_primo_cat_strip .secHead .lhs { display: flex; flex-direction: column; gap: 6px; }
.cc_rM0meyW0WV_primo_cat_strip .eyebrowTag { display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; font-weight: 800;
  font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--primo-purple, #542CB6); }
.cc_rM0meyW0WV_primo_cat_strip .eyebrowTag .sp { color: var(--primo-lime, #B9D900); /* 16 Ağu glow-iptal — ESKİ: lime kıvılcım drop-shadow */ }
.cc_rM0meyW0WV_primo_cat_strip .secTitle { font-size: clamp(24px, 3vw, 34px); font-weight: 800; letter-spacing: -0.02em; margin: 0; line-height: 1.05; }
.cc_rM0meyW0WV_primo_cat_strip .secTitle .em { color: var(--primo-purple, #542CB6); position: relative; }
.cc_rM0meyW0WV_primo_cat_strip .secTitle .em::after { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 9px;
  background: var(--primo-lime, #B9D900); opacity: 0.45; z-index: -1; border-radius: 6px; box-shadow: none; }
.cc_rM0meyW0WV_primo_cat_strip .seeAll { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; font-weight: 800; font-size: 13px;
  color: var(--primo-purple, #542CB6); padding: 8px 15px; border: 1.5px solid rgba(84, 44, 182, 0.28); border-radius: 999px;
  transition: 0.2s; white-space: nowrap; text-decoration: none; }
.cc_rM0meyW0WV_primo_cat_strip .seeAll:hover { background: var(--primo-purple, #542CB6); color: #fff; box-shadow: none; }
.cc_rM0meyW0WV_primo_cat_strip .seeAll svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; }

/* ── rail (gold 221-222) ── NATIVE SCROLLBAR TAMAMEN GİZLİ (Patron GLOBAL 25 Haz: track/şerit YASAK) */
.cc_rM0meyW0WV_primo_cat_strip .rail { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 22px 22px;
  margin: 0 -22px; scrollbar-width: none; -ms-overflow-style: none; }
.cc_rM0meyW0WV_primo_cat_strip .rail::-webkit-scrollbar { width: 0; height: 0; display: none; }

/* ── catTile · GÖRSEL DİL v2 · LIGHT KART · İÇ DÜZEN "C" ────────────────────
   Spec: design/mockup/GORSEL_DIL_V2 `.cat` + Patron varyant seçimi (15 Ağu 2026).
   Doktrin (FEEDBACK.md F7): gövde LIGHT — beyaz kart + ince çizgi + mor/lime aksan.
   Kimlik anları (hero, kampanya bandı, 4-FAZ, Club) koyu-neon KALIR; bu şerit gövdedir.

   DÜZEN C: doku bandı %62 · ürün sayısı fotoğrafın sağ-üstünde ROZET (ürün kartındaki
   yeni rozet diliyle birebir: beyaz hap + tek lime nokta + küçük-caps) · gövde en sade
   hâlinde (ad + kanonik A2 artı, altında tek satır açıklama) · sağ-altta ok dairesi.

   ⚠ ÖNCEKİ HÂL — GERİ ALMA REÇETESİ (gold locked.css 223-242, koyu neon ada).
   Bu sürümde MARKUP DA DEĞİŞTİ (Patron: "kartların içini komple yeniden üret"),
   dönmek için hem aşağıdaki CSS hem index.tsx eski hâline alınmalı:
     .catTile   background: var(--primo-black, #17151C); box-shadow: 0 18px 40px -22px rgba(84,44,182,.6);
     .photo     inset: 0; height: 100%;
     .scrim     linear-gradient(180deg, rgba(23, 21, 28,.18) 0%, rgba(23, 21, 28,.05) 38%,
                                        rgba(23, 21, 28,.62) 78%, rgba(23, 21, 28,.86) 100%);
     .glow      görünür (cgl1-6 mor/lime/pembe blob, blur 40px, screen blend)
     .ov        inset: 0; justify-content: space-between; padding: 16px;
     markup     .brand ("PRIMO+") · .idx ("01") · .glow div'leri · .cnt gövdede
     .brand #fff · .idx lime+glow · .name #fff 20px · .cnt rgba(255,255,255,.7)
   ───────────────────────────────────────────────────────────────────────── */
.cc_rM0meyW0WV_primo_cat_strip .catTile { flex: 0 0 200px; scroll-snap-align: start; position: relative; aspect-ratio: 4 / 5; border-radius: var(--primo-r-card, 18px);
  overflow: hidden; background: #fff; border: 1px solid var(--primo-line, rgba(23, 21, 28, 0.12));
  cursor: pointer; transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s; text-decoration: none; }
.cc_rM0meyW0WV_primo_cat_strip .catTile:hover { /* ⚠ transform BURADA YAZILMAZ (16 Ağu denetimi): eşit özgüllükte
    pm-lift:hover'ı eziyor ve scale(1.03) + yay easing'i düşüyordu. Kalkışı pm-lift verir. */
  border-color: rgba(84, 44, 182, 0.45);
  /* 16 Ağu glow-iptal — ESKİ: box-shadow: 0 10px 32px -12px rgba(84, 44, 182, 0.26) */
  box-shadow: none; }

/* ── doku bandı (%62 — düzen C) ── */
.cc_rM0meyW0WV_primo_cat_strip .catTile .photo { position: absolute; top: 0; left: 0; right: 0; height: 62%; width: 100%;
  object-fit: cover; z-index: 0; transition: transform 0.35s; }
.cc_rM0meyW0WV_primo_cat_strip .catTile:hover .photo { /* 16 Ağu animasyon iptali — ESKİ: transform: scale(1.07); */ }

/* scrim ters çevrildi: koyu perde → alttan yumuşak BEYAZ perde.
   Görev: doku bandını beyaz gövdeye dikişsiz bağlamak (mockup `.cat .tex::after`). */
.cc_rM0meyW0WV_primo_cat_strip .catTile .scrim { position: absolute; top: 0; left: 0; right: 0; height: 62%; z-index: 1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.92) 100%); }

/* ── ürün sayısı rozeti — ürün kartındaki F3 rozet diliyle BİREBİR aynı ── */
.cc_rM0meyW0WV_primo_cat_strip .catTile .cntBadge { position: absolute; top: 10px; right: 10px; z-index: 3;
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
  padding: 4px 9px 4px 7px; border-radius: 6px;
  background: rgba(255, 255, 255, 0.94); color: var(--primo-ink, #17151C);
  border: 1px solid rgba(23, 19, 33, 0.1); box-shadow: 0 2px 10px -3px rgba(23, 19, 33, 0.22); }
.cc_rM0meyW0WV_primo_cat_strip .catTile .cntBadge::before { content: ""; flex: none; width: 4.5px; height: 4.5px;
  border-radius: 50%; background: var(--primo-lime, #B9D900); }

/* ── gövde: ad + kanonik artı, altında tek satır açıklama ── */
.cc_rM0meyW0WV_primo_cat_strip .catTile .ov { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  display: flex; flex-direction: column;
  padding: 12px 15px 14px; padding-right: 44px; /* ok dairesine yer */ }
.cc_rM0meyW0WV_primo_cat_strip .catTile .name { font-weight: 800; font-size: 17px; color: var(--primo-ink, #17151C);
  letter-spacing: -0.01em; line-height: 1.2; }
/* kanonik A2 artı — metin değil vektör; boy başlıkla ölçekleniyor.
   Silüet viewBox'ın ~%75'i, bu yüzden .86em görsel olarak 17px bold "+" ağırlığında okunur.
   Beyaz gövde → KONTURLU sürüm (PrimoMarkSVG). Renkler currentColor DEĞİL, marka kilidi. */
.cc_rM0meyW0WV_primo_cat_strip .catTile .name .pl { display: inline-block; width: 0.86em; height: 0.86em;
  vertical-align: -0.09em; margin-left: 0.13em; }
.cc_rM0meyW0WV_primo_cat_strip .catTile .desc { font-size: 12px; font-weight: 500; color: var(--primo-muted, #6B6574);
  margin-top: 3px; line-height: 1.35; }

/* ── sağ-alt ok dairesi ──
   NOT: .catTile::after KULLANILAMAZ — element pm-sweep taşıyor, o pseudo dolu.
   Bu yüzden ok kendi <span class="go"> elementinde. */
.cc_rM0meyW0WV_primo_cat_strip .catTile .go { position: absolute; right: 13px; bottom: 13px; z-index: 3;
  width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--primo-line, rgba(23, 21, 28, 0.12));
  background: #fff; color: var(--primo-purple, #542CB6); display: flex; align-items: center; justify-content: center;
  font-size: 12px; line-height: 1; transition: background 0.2s, color 0.2s, border-color 0.2s; }
.cc_rM0meyW0WV_primo_cat_strip .catTile:hover .go { background: var(--primo-purple, #542CB6); border-color: var(--primo-purple, #542CB6); color: #fff; }