/* 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_0p2dJCVN2H .hero::before, .cc_rM0meyW0WV_0p2dJCVN2H .hero::after, .cc_rM0meyW0WV_0p2dJCVN2H .blobRing, .cc_rM0meyW0WV_0p2dJCVN2H .nsRing, .cc_rM0meyW0WV_0p2dJCVN2H .clubRing, .cc_rM0meyW0WV_0p2dJCVN2H .blob, .cc_rM0meyW0WV_0p2dJCVN2H .sprk, .cc_rM0meyW0WV_0p2dJCVN2H .floatSticker, .cc_rM0meyW0WV_0p2dJCVN2H .badge, .cc_rM0meyW0WV_0p2dJCVN2H .shipChip, .cc_rM0meyW0WV_0p2dJCVN2H .kombos-club__ring, .cc_rM0meyW0WV_0p2dJCVN2H .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_0p2dJCVN2H [data-pm] {opacity:1 !important;transform:none;animation:none !important}
.cc_rM0meyW0WV_0p2dJCVN2H .pm-line > span {transform:none !important;animation:none !important}
.cc_rM0meyW0WV_0p2dJCVN2H .pm-sweep::after {display:none}
.cc_rM0meyW0WV_0p2dJCVN2H .pm-plus .pm-mark {stroke-dashoffset:0 !important;fill-opacity:1 !important;animation:none !important}

/* End import: ../../styles/primo-motion.css */
/* ═══ PRIMO+ EDİTÖR KOLEKSİYONLARI — GÖRSEL DİL v2 · LIGHT KART ═══
   Kaynak (birebir): design/mockup/GORSEL_DIL_V2/anasayfa_hibrit.html
     · `.sec` (56px 0 8px) + `.seehead` + `.seeall`   → v2_ortak.css çekirdeği
     · `.cols` / `.col` / `.col .ic` / `.col h3/p/a`  → anasayfa <style> bloğu
   Doktrin: gövde LIGHT — beyaz kart + ince çizgi (var(--primo-line, rgba(23, 21, 28, 0.12))) + mor aksan. Pastel YOK,
   lime YOK (bu blokta lime'ın hakkı olan yer yok: rozet noktası/artı/aktif-çip değil).

   ⚠ TOKEN FALLBACK ZORUNLU (kanıt: dist/rM0meyW0WV_primo_cat_strip/styles.css içinde
   `--primo-purple:` TANIMI YOK — primo-tokens.css `:root` ile yazıldığı için
   `.cc_<id> :root` olup ölüyor). Bu yüzden her var() ikinci argümanla yazıldı;
   global token gelirse o kazanır, gelmezse mockup değeri basar.

   ⚠ GERİ ALMA — mockup'tan bilinçli üç sapma (gerekçeler raporda):
     1) `.wrap` 1280/40px yerine kardeş bölümlerle hizalı var(--primo-maxw,1320px)/22px.
        Dönmek için: max-width:1280px; padding:0 40px;
     2) 4 sütun sabit yerine 1 / 2 (640+) / 4 (1024+) — görev emri.
        Dönmek için: grid-template-columns:repeat(4,1fr) ve media bloklarını sil.
     3) `.col p` rengi var(--primo-muted, #6B6574) idi; var(--primo-muted, #6B6574) yazıldı (tema tokenı
        varsa #6B6574 basar — algısal fark yok). Dönmek için: color:var(--primo-muted, #6B6574);
   ═══════════════════════════════════════════════════════════════════════════ */

.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections {
  background: #fff;
  padding: 56px 0 8px;
}

/* gold/kardeş bölüm `.wrap` karşılığı — dikey hizayı bozmamak için CatStrip ile aynı */
.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__wrap {
  max-width: var(--primo-maxw, 1320px);
  margin: 0 auto;
  padding: 0 22px;
}

/* ── seehead (v2_ortak `.seehead` + `.sec h2` + `.seeall`) ── */
.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin: 0; /* mockup: aradaki boşluğu `.cols{margin-top:24px}` verir */
}
.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__title {
  margin: 0;
  font-size: clamp(22px, 2.6vw, 29px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.12;
  color: var(--primo-ink, #17151C);
}
.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__see-all {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 700;
  color: var(--primo-purple, #542CB6);
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  padding-bottom: 3px;
}
/* mor alt çizgi hover'da soldan açılır (lime DEĞİL — lime'ın yeri rozet/artı/çip) */
.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__see-all::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--primo-purple, #542CB6);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.26s var(--pm-out, cubic-bezier(0.16, 1, 0.3, 1));
}
.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__see-all:hover::after {
  /* 16 Ağu animasyon iptali — ESKİ: transform: scaleX(1); */
}

/* ok — hem seehead'de hem kart linkinde aynı davranış */
.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__arrow {
  font-style: normal;
  line-height: 1;
  transition: transform 0.22s var(--pm-out, cubic-bezier(0.16, 1, 0.3, 1));
}
.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__see-all:hover .kombos-primo-editor-collections__arrow, .cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__card:hover .kombos-primo-editor-collections__arrow {
  /* 16 Ağu animasyon iptali — ESKİ: transform: translateX(4px); */
}

/* ── ızgara (mockup `.cols`: repeat(4,1fr) · gap 16 · margin-top 24) ── */
.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 24px;
}
@media (min-width: 640px) {
  .cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* ── kart (mockup `.col`) ── */
.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__card {
  display: flex;
  flex-direction: column;
  background: var(--primo-white, #FFFFFF);
  border: 1px solid var(--primo-line, rgba(23, 21, 28, 0.12));
  border-radius: var(--primo-r-card, 18px);
  padding: 20px;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.2s, box-shadow 0.2s;
}
@media (min-width: 640px) {
  .cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__card {
    padding: 24px;
  }
}
/* hover ödülü = mockup `.col:hover` birebir: mor kenar + yumuşak mor gölge */
.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__card:hover {
  border-color: rgba(84, 44, 182, 0.4);
  /* 16 Ağu glow-iptal — ESKİ: box-shadow: 0 10px 30px -12px rgba(84, 44, 182, 0.2) */
  box-shadow: none;
}

/* ikon rozeti (mockup `.col .ic`) — gri disk, mor glif */
.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__icon {
  flex: none;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--primo-gray, #F6F5F8);
  color: var(--primo-purple, #542CB6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
}

.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__name {
  margin: 14px 0 0;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.25;
  color: var(--primo-ink, #17151C);
}

/* 2 satır: min-height ile dört kartın "Ürünleri keşfet" satırı aynı hizada durur */
.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__desc {
  margin: 6px 0 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--primo-muted, #6B6574);
  min-height: calc(12.5px * 1.5 * 2);
  flex: 1 1 auto;
}

.cc_rM0meyW0WV_0p2dJCVN2H .kombos-primo-editor-collections__go {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 12px;
  font-size: 13px;
  font-weight: 700;
  color: var(--primo-purple, #542CB6);
}