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

/* End import: ../../styles/primo-motion.css */

/* ═══ PRIMO+ PICKS — F7 şeridi · GÖRSEL DİL v2 · LIGHT ═══════════════════════
   Spec: design/mockup/GORSEL_DIL_V2/anasayfa_hibrit.html `.picks` / `.pick`
         + v2_ortak.css `.sec h2` / `.seehead` çekirdeği.
   Palet: mor #542CB6 · lime #B9D900 (yalnız kanonik artı + pm-sweep parıltısı) ·
          ink #17151C · paper #F6F5F8 · line var(--primo-line, rgba(23, 21, 28, 0.12)). Pastel YOK, lime zeminde YOK.

   ⚠ TOKEN GÜVENLİĞİ: global.css canlı bundle'a gitmiyor (ikas CSS scoping tuzağı),
   bu yüzden her --primo-* token'ı KANONİK fallback ile yazıldı. Token varsa o kazanır,
   yoksa renk yine doğru çıkar. `:root` TEK BAŞINA kullanılmaz (scope'lanınca ölür).

   ⚠ GERİ ALMA: bu dosya + index.tsx CLI şablonundan (boş .primo-picks iskeleti)
   sıfırdan yazıldı; dönmek için ikisini de şablon hâline almak yeterli, paylaşılan
   hiçbir dosyaya dokunulmadı.
   ───────────────────────────────────────────────────────────────────────────── */

.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks {
  background: #fff;
  padding: 40px 0 8px;
}
@media (min-width: 768px) {
  .cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks { padding: 56px 0 8px; }
}

/* mockup `.wrap` karşılığı — canlı sayfa gridiyle hizalı (CatStrip/ProductSlider ile aynı) */
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__wrap {
  max-width: var(--primo-maxw, 1320px);
  margin: 0 auto;
  padding: 0 22px;
}

/* ── seehead (v2_ortak `.seehead` + `.sec h2`) ── */
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__sec-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__sec-lhs { min-width: 0; }
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__title {
  margin: 0;
  font-size: clamp(23px, 2.6vw, 29px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--primo-ink, #17151C);
}
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__title-pl { color: var(--primo-purple, #542CB6); }

/* KANONİK "+" — metin değil VEKTÖR (PrimoMarkSVG, konturlu: beyaz zemin).
   Renkler SVG içinde KİLİTLİ, CSS'ten boyanmaz. Boy başlıkla birlikte ölçeklenir. */
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__mark {
  display: inline-block;
  width: 0.86em;
  height: 0.86em;
  vertical-align: baseline;
  margin-left: 0.09em;
  transform: translateY(0.06em);
}

/* see-all — mockup'ta düz metin link; CANLI kardeş bölümlerle (PrimoCatStrip .seeAll,
   ProductSlider __see-all) hizalamak ve pm-cta hover ödülüne gövde vermek için hap. */
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__see-all {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 15px;
  font-size: 13px;
  font-weight: 800;
  color: var(--primo-purple, #542CB6);
  border: 1.5px solid rgba(84, 44, 182, 0.28);
  border-radius: 999px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__see-all:hover {
  background: var(--primo-purple, #542CB6);
  color: #fff;
  /* 16 Ağu glow-iptal — ESKİ: box-shadow: none; */
}

/* ── şerit ── mockup 4 kolon; mobil 1, tablet 2 ── */
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 24px;
}
@media (min-width: 640px) {
  .cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__grid { grid-template-columns: repeat(4, 1fr); }
}

/* ── yatay mini-kart (mockup `.pick`) ──
   ⚠ Bu kartta ::after KULLANILAMAZ — eleman pm-sweep taşıyor, o pseudo dolu.
   ⚠ transition pm-lift ile uyumlu yazıldı (transform + box-shadow), onu ezmez. */
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px;
  background: #fff;
  border: 1px solid var(--primo-line, rgba(23, 21, 28, 0.12));
  border-radius: var(--primo-r-card, 18px);
  text-decoration: none;
  color: inherit;
  transition: transform 0.22s var(--pm-geri, cubic-bezier(0.34, 1.56, 0.64, 1)),
    box-shadow 0.22s ease, border-color 0.2s ease;
}
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__card:hover {
  border-color: rgba(84, 44, 182, 0.35);
  /* 16 Ağu glow-iptal — ESKİ: box-shadow: 0 12px 34px -14px rgba(23, 19, 33, 0.16) */
  box-shadow: none;
}

/* mini ürün natürmortu — gri kuyu + contain packshot (kırpma YOK) */
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__shot {
  flex: none;
  width: 86px;
  height: 104px;
  border-radius: 12px;
  background: var(--primo-paper, #F6F5F8);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__img {
  max-width: 76%;
  max-height: 86%;
  object-fit: contain;
  transition: transform 0.35s var(--pm-out, cubic-bezier(0.16, 1, 0.3, 1));
}
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__card:hover .kombos-primo-picks__img { /* 16 Ağu animasyon iptali — ESKİ: transform: scale(1.06); */ }
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__img-empty {
  font-size: 26px;
  color: var(--primo-muted, #6B6574);
  opacity: 0.45;
  display: flex;
}

/* ── gövde ── */
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__name {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--primo-ink, #17151C);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* gri tek satır açıklama — SLOT HAZIR, kaynak alan yok (bkz. index.tsx pickDesc()).
   İçerik content_ssot'tan bağlanınca bu kural olduğu gibi devreye girer. */
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__desc {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--primo-muted, #6B6574);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__cta {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 800;
  color: var(--primo-purple, #542CB6);
  letter-spacing: 0.01em;
  transition: letter-spacing 0.2s ease;
}
.cc_rM0meyW0WV_buiED4f0y9 .kombos-primo-picks__card:hover .kombos-primo-picks__cta { letter-spacing: 0.045em; }