/* =========================================================================
   Pinova LOOK — pinova.com görsel override
   Amaç: pinova.com tasarım dilini (mor-mavi gradyan, temiz modern kartlar)
   mevcut Pinova temasına giydirmek. Sadece renk/gradyan/köşe/gölge/typografi
   değiştirir; layout (display/position/width) DEĞİŞTİRMEZ → düzeni bozmaz.
   Geri almak için header.php'deki <link> satırını sil.
   ========================================================================= */

/* ---------- 1. TASARIM TOKENLARI (pinova paleti) ---------- */
:root,
html[data-theme="light"]{
  --background:#f5f7fa;
  --bg-white:#ffffff;
  --bg-white-2:#f8f9fb;
  --text-color:#1f2937;
  --text-gray:#6b7280;
  --text-light:#9ca3af;
  --border:#e5e7eb;
  --border-light:#f3f4f6;

  /* pinova'in GERÇEK render rengi: MAVİ butonlar (#4A7FE0/#5B9CFF) */
  --accent:#4A7FE0;
  --accent-hover:#3b6fd4;
  --accent-light:#5B9CFF;
  --accent-rgb:74,127,224;
  --accent-gradient:linear-gradient(135deg,#5B9CFF 0%,#4A7FE0 100%);
  --bg-primary:#f5f7fa;
  --text-primary:#1f2937;
  --topbar-bg:#ffffff;

  /* pinova ile aynı isimli tokenlar */
  --primary-color:#4A7FE0;
  --primary-gradient:linear-gradient(135deg,#5B9CFF 0%,#4A7FE0 100%);
  --accent-color:#667eea;
  --success:#22c55e;
  --radius:12px;
  --radius-sm:8px;
  --shadow-card:0 2px 12px rgba(31,41,55,.08);
  --shadow-hover:0 12px 28px rgba(74,127,224,.22);
}

html[data-theme="dark"]{
  --background:#0f0f0f;
  --bg-white:#1a1a1a;
  --bg-white-2:#242424;
  --text-color:#e8e8e8;
  --text-gray:#a0a0a0;
  --text-light:#8a8a8a;
  --border:#262626;
  --border-light:#2e2e2e;

  --accent:#69A1FF;
  --accent-hover:#5B9CFF;
  --accent-light:#8bb5ff;
  --accent-rgb:105,161,255;
  --accent-gradient:linear-gradient(135deg,#69A1FF 0%,#9f7aea 100%);
  --bg-primary:#0f0f0f;
  --text-primary:#f8fafc;
  --topbar-bg:#161616;

  --primary-color:#69A1FF;
  --primary-gradient:linear-gradient(135deg,#69A1FF 0%,#9f7aea 100%);
  --success:#34d399;
  --shadow-card:0 2px 12px rgba(0,0,0,.45);
  --shadow-hover:0 12px 28px rgba(105,161,255,.28);
}

/* ---------- 2. GENEL ---------- */
html,body{ background-color:var(--background)!important; }
a{ color:var(--accent); }
a:hover{ color:var(--accent-hover); }
::selection{ background:#4A7FE0; color:#fff; }

/* ---------- 3. BİRİNCİL BUTONLAR (gradyan) ---------- */
.deals-btn-buy,
.btn-quick-checkout,
.btn-modal-primary,
.btn-steam-all,
.btn-primary,
button.buy,
.buy-now{
  background:var(--primary-gradient)!important;
  border:none!important;
  color:#fff!important;
  border-radius:10px!important;
  font-weight:600!important;
  box-shadow:0 4px 12px rgba(74,127,224,.25)!important;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease!important;
}
.deals-btn-buy:hover,
.btn-quick-checkout:hover,
.btn-modal-primary:hover,
.btn-steam-all:hover,
.btn-primary:hover,
.buy-now:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 8px 22px rgba(74,127,224,.40)!important;
  filter:brightness(1.05);
  color:#fff!important;
}

/* KAYIT OL — pinova gibi YEŞİL */
.pg-btn-register{
  background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)!important;
  border:none!important;
  color:#fff!important;
  border-radius:10px!important;
  font-weight:700!important;
  box-shadow:0 4px 12px rgba(34,197,94,.28)!important;
  transition:transform .15s ease, box-shadow .15s ease!important;
}
.pg-btn-register:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 8px 22px rgba(34,197,94,.42)!important;
  color:#fff!important;
}

/* ---------- 4. İKİNCİL / SEPET BUTONLARI (outline) ---------- */
.deals-btn-cart,
.pg-btn-cart,
.btn-modal-secondary,
.btn-login-secondary{
  background:transparent!important;
  border:1.5px solid var(--accent)!important;
  color:var(--accent)!important;
  border-radius:10px!important;
  font-weight:600!important;
  transition:all .15s ease!important;
}
.deals-btn-cart:hover,
.pg-btn-cart:hover,
.btn-modal-secondary:hover{
  background:var(--accent)!important;
  color:#fff!important;
}

/* ---------- 5. HEADER BUTONLARI ---------- */
.pg-header-btn{ border-radius:10px!important; font-weight:600!important; transition:all .15s ease!important; }
.pg-btn-login{ color:var(--accent)!important; }
.pg-btn-balance{ background:rgba(var(--accent-rgb),.10)!important; color:var(--accent)!important; border-radius:10px!important; }

/* ---------- 6. FİYATLAR ---------- */
.deals-price-current,
.price-badge,
.product-price,
.price-current{
  color:var(--accent)!important;
  font-weight:700!important;
}
.deals-price-old,
.price-old{ color:var(--text-gray)!important; text-decoration:line-through; opacity:.8; }

/* ---------- 7. İNDİRİM / ROZET ---------- */
.deals-badge-discount,
.badge-discount,
.discount-badge{
  background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;
  color:#fff!important;
  border-radius:8px!important;
  font-weight:700!important;
  box-shadow:0 2px 8px rgba(239,68,68,.30)!important;
}

/* ---------- 8. KARTLAR (SADECE kart kabı — alt elementlere DEĞİL!) ---------- */
.deals-card,
.product-card,
.pf-product-item{
  border-radius:14px!important;
  background:var(--bg-white)!important;
  border:1px solid var(--border)!important;
  box-shadow:var(--shadow-card)!important;
  transition:transform .18s ease, box-shadow .18s ease!important;
}
.deals-card:hover,
.product-card:hover,
.pf-product-item:hover{
  transform:translateY(-4px)!important;
  box-shadow:var(--shadow-hover)!important;
  border-color:rgba(var(--accent-rgb),.45)!important;
}
/* kart iç elementleri: yanlışlıkla kutu olmasın + isim her temada okunur */
.deals-card-name,.deals-card-content,.deals-card-bottom,.deals-card-visual{
  background:transparent!important; border:none!important; box-shadow:none!important;
}
.deals-card-name{ color:var(--text-color)!important; }

/* ---------- 9. BÖLÜM BAŞLIKLARI ---------- */
.section-title,
.deals-section h2,
.pf-section h2,
.top-brands-section h2,
.hero-title{
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
.section-title strong,
.section-title .accent,
.title-accent{
  background:var(--primary-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* ---------- 10. KAYDIRMA OKLARI ---------- */
.scroll-nav-btn{
  border-radius:50%!important;
  border:1px solid var(--border)!important;
  background:var(--bg-white)!important;
  color:var(--accent)!important;
  box-shadow:0 2px 8px rgba(31,41,55,.10)!important;
  transition:all .15s ease!important;
}
.scroll-nav-btn:not(.disabled):hover{
  background:var(--primary-gradient)!important;
  color:#fff!important;
  border-color:transparent!important;
}

/* ---------- 11. HERO ---------- */
.hero-section{ border-radius:0 0 24px 24px; }

/* ---------- 12. İSTATİSTİK ŞERİDİ — modern gradient (v39) ---------- */
.pg-stats{
  background:linear-gradient(135deg,#4A8FF7 0%,#6BA5FF 55%,#5B9CFF 100%)!important;
  border:none!important; border-radius:24px;
  box-shadow:0 18px 50px rgba(75,143,247,.28);
}
.pg-stats .pg-stat{ color:#fff!important; }
.pg-stats .pg-stat-number{ color:#fff!important; font-weight:800!important; text-shadow:0 2px 10px rgba(0,0,0,.12); }
.pg-stats .pg-stat-label{ color:#fff!important; opacity:.92; }
.pg-stats .pg-stat-icon i{ color:#fff!important; }
html[data-theme="dark"] .pg-stats{
  background:linear-gradient(135deg,#3f7fe0 0%,#5b95f0 55%,#4d89e6 100%)!important;
}
/* Her istatistiğe kendi canlı rengi — beyaz daire + renkli ikon (r48) */
.pg-stats .pg-stat-icon{ background:#fff!important; box-shadow:0 6px 16px rgba(0,0,0,.15)!important; }
.pg-stats-grid .pg-stat:nth-child(1) .pg-stat-icon i{ color:#2f7cf6!important; } /* Üye — mavi */
.pg-stats-grid .pg-stat:nth-child(2) .pg-stat-icon i{ color:#16a34a!important; } /* Sipariş — yeşil */
.pg-stats-grid .pg-stat:nth-child(3) .pg-stat-icon i{ color:#9333ea!important; } /* Ürün — mor */
.pg-stats-grid .pg-stat:nth-child(4) .pg-stat-icon i{ color:#f59e0b!important; } /* Puan — altın */
/* kartlar biraz daha okunur */
.pg-stats .pg-stat{ background:rgba(255,255,255,.16)!important; border-color:rgba(255,255,255,.28)!important; }

/* ===== NÖTR / TEMAYA UYUMLU — mavi band kalktı (r49) =====
   Açık tema: açık zemin + koyu yazı; Koyu tema: koyu zemin + beyaz yazı.
   Renkli ikonlar korunur (tint daireler içinde). */
.pg-stats{ background:transparent!important; border:none!important; border-radius:0!important;
    box-shadow:none!important; padding:34px 0!important; }
.pg-stats::before, .pg-stats::after{ display:none!important; }
/* Kartlar — açık tema */
.pg-stats .pg-stat{
    background:var(--bg-white,#fff)!important;
    border:1px solid var(--border,rgba(0,0,0,.08))!important;
    border-radius:18px;
    box-shadow:0 6px 22px rgba(0,0,0,.06)!important;
    transition:transform .3s ease, box-shadow .3s ease;
}
.pg-stats .pg-stat:hover{ transform:translateY(-6px); box-shadow:0 12px 30px rgba(0,0,0,.10)!important; }
.pg-stats .pg-stat-number{ color:var(--text-color,#111827)!important; text-shadow:none!important; }
.pg-stats .pg-stat-label{ color:var(--text-gray,#6b7280)!important; opacity:1; }
/* İkon daireleri — renk tintli zemin (beyaz yerine) */
.pg-stats .pg-stat-icon{ box-shadow:none!important; }
.pg-stats-grid .pg-stat:nth-child(1) .pg-stat-icon{ background:rgba(47,124,246,.12)!important; }
.pg-stats-grid .pg-stat:nth-child(2) .pg-stat-icon{ background:rgba(22,163,74,.12)!important; }
.pg-stats-grid .pg-stat:nth-child(3) .pg-stat-icon{ background:rgba(147,51,234,.12)!important; }
.pg-stats-grid .pg-stat:nth-child(4) .pg-stat-icon{ background:rgba(245,158,11,.14)!important; }
/* Koyu tema */
html[data-theme="dark"] .pg-stats{ background:transparent!important; }
html[data-theme="dark"] .pg-stats .pg-stat{
    background:rgba(255,255,255,.04)!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:0 6px 22px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .pg-stats .pg-stat-number{ color:#f1f5f9!important; }
html[data-theme="dark"] .pg-stats .pg-stat-label{ color:#94a3b8!important; }
html[data-theme="dark"] .pg-stats-grid .pg-stat:nth-child(1) .pg-stat-icon{ background:rgba(47,124,246,.20)!important; }
html[data-theme="dark"] .pg-stats-grid .pg-stat:nth-child(2) .pg-stat-icon{ background:rgba(34,197,94,.20)!important; }
html[data-theme="dark"] .pg-stats-grid .pg-stat:nth-child(3) .pg-stat-icon{ background:rgba(168,85,247,.20)!important; }
html[data-theme="dark"] .pg-stats-grid .pg-stat:nth-child(4) .pg-stat-icon{ background:rgba(245,158,11,.22)!important; }
/* Mobil */
@media (max-width:768px){
    /* Testimonials head-area ile BİREBİR aynı yaklaşım (o mobilde sığıyor):
       bölüm + container 100vw'ye cap'lenir, grid normal 2 sütun. */
    .pg-stats{ padding:20px 0!important; max-width:100vw!important; overflow-x:hidden!important; }
    .pg-stats > .container{ max-width:100vw!important; box-sizing:border-box!important; }
    /* Tek sütun: her kart tam genişlik blok (testimonials kartı gibi sığar). 2 sütun grid ekrana sığmıyordu. */
    .pg-stats > .container > .pg-stats-grid{ grid-template-columns:1fr!important; gap:12px!important; }
    .pg-stats .pg-stat{ box-sizing:border-box!important; min-width:0!important; padding:20px 14px!important; }
    .pg-stats .pg-stat{ padding:22px 12px 20px!important; border-radius:16px; }
    .pg-stats .pg-stat-icon{ width:52px!important; height:52px!important; font-size:24px!important; margin-bottom:12px!important; }
    .pg-stats .pg-stat-number{ font-size:26px!important; }
    .pg-stats .pg-stat-label{ font-size:12px!important; }
}

/* ---------- 13. BÖLÜM BAŞLIKLARI — pinova temiz stil (renkli bar kaldır) ---------- */
.valorant-header,
.steam-header{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  border-bottom:1px solid var(--border)!important;
  padding:2px 2px 14px!important;
  margin-bottom:22px!important;
}
.valorant-main-title,
.steam-main-title{ color:var(--text-color)!important; font-weight:800!important; }
.valorant-subtitle,
.steam-subtitle{ color:var(--text-gray)!important; }
.valorant-logo-wrapper,
.steam-logo-wrapper{ background:rgba(var(--accent-rgb),.10)!important; box-shadow:none!important; }
.btn-valorant-all,
.btn-steam-all{
  background:rgba(var(--accent-rgb),.10)!important;
  color:var(--accent)!important;
  border:1px solid rgba(var(--accent-rgb),.30)!important;
}
.btn-valorant-all:hover,
.btn-steam-all:hover{
  background:var(--primary-gradient)!important;
  color:#fff!important;
  border-color:transparent!important;
}

/* ---------- 14. GÜNÜN FIRSATLARI başlığı — pinova temiz stil (tema-duyarlı) ---------- */
.deals-header{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  border-bottom:1px solid var(--border)!important;
  padding:2px 2px 14px!important;
  margin-bottom:22px!important;
  overflow:visible!important;
}
.deals-header::before{ display:none!important; }
.deals-icon-wrap{ background:rgba(255,122,0,.12)!important; animation:none!important; }
.deals-icon-wrap i{ color:#ff7a00!important; }
.deals-title{ color:var(--text-color)!important; text-shadow:none!important; }
.deals-subtitle{ color:var(--text-gray)!important; }
.deals-see-all{
  background:rgba(var(--accent-rgb),.10)!important;
  color:var(--accent)!important;
  border:1px solid rgba(var(--accent-rgb),.30)!important;
  border-radius:10px!important;
}
.deals-see-all:hover{
  background:var(--primary-gradient)!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(var(--accent-rgb),.35)!important;
}
.deals-countdown{ background:var(--primary-gradient)!important; border:none!important; }

/* ---------- 15. UI/UX Pro Max — profesyonel kalite/erişilebilirlik checklist ---------- */
/* Klavye focus halkaları (WCAG — görünür focus) */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible,
.deals-btn:focus-visible, .pg-header-btn:focus-visible, .btn:focus-visible,
.btn-valorant-all:focus-visible, .btn-steam-all:focus-visible, .deals-see-all:focus-visible{
  outline:3px solid rgba(var(--accent-rgb),.60)!important;
  outline-offset:2px!important;
}
/* Tıklanabilir öğelerde imleç */
button, .btn, [role="button"], .deals-btn, .pg-header-btn,
.valorant-tab, .steam-tab, .deals-see-all, .btn-valorant-all, .btn-steam-all{ cursor:pointer!important; }
/* Hareket azaltma tercihi (prefers-reduced-motion) — erişilebilirlik */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
  .deals-btn-buy:hover, .pg-btn-register:hover, .product-card:hover,
  .deals-card:hover, .pf-product-item:hover, .scroll-nav-btn:hover{ transform:none!important; }
}
/* Mobilde dokunma hedefi min 44x44 */
@media (max-width:576px){
  .deals-btn, .pg-header-btn, .btn-valorant-all, .btn-steam-all,
  .deals-see-all, .valorant-tab, .steam-tab{ min-height:44px!important; }
}

/* ---------- 16. Ajan düzeltmeleri geri (yüksek özgüllük — geç yüklenen tema kurallarını ez) ---------- */
/* ürün adı kontrastı — light + dark, alt elementler dahil */
html[data-theme="light"] .deals-card-name,
html[data-theme="light"] .deals-card-name a,
html[data-theme="light"] .deals-card-name span,
html[data-theme="light"] .pf-product-item .product-name{ color:#1f2937!important; }
html[data-theme="dark"] .deals-card-name,
html[data-theme="dark"] .deals-card-name a,
html[data-theme="dark"] .deals-card-name span,
html[data-theme="dark"] .pf-product-item .product-name{ color:#f1f5f9!important; }
/* fiyat kutusu — dark'ta koyu pill + okunur fiyat */
html[data-theme="dark"] .deals-price{ background:rgba(255,255,255,.05)!important; }
html[data-theme="dark"] .deals-price-current{ color:#f1f5f9!important; }
html[data-theme="dark"] .deals-price-old{ color:#9aa4b2!important; }
/* geri sayım — pinova gibi TURUNCU */
.deals-countdown{ background:linear-gradient(135deg,#ff8a3d 0%,#ff7a00 100%)!important; border:none!important; }

/* ---------- 17. UI/UX Pro Max — premium mikro-etkileşimler (güvenli) ---------- */
/* pürüzsüz kaydırma */
html{ scroll-behavior:smooth; }
/* ürün görseli hover zoom (kart kabında overflow gizli) */
.deals-card-visual,.pf-product-item .img{ overflow:hidden; }
.deals-card-visual img,.pf-product-item .img img{ transition:transform .4s cubic-bezier(.2,.7,.2,1)!important; will-change:transform; }
.deals-card:hover .deals-card-visual img,.pf-product-item:hover .img img{ transform:scale(1.06)!important; }
/* buton basma (active) geri bildirimi */
.deals-btn:active,.pg-header-btn:active,.btn-valorant-all:active,.btn-steam-all:active,
.deals-see-all:active,.btn-primary:active,.pg-btn-register:active{ transform:translateY(0) scale(.97)!important; }
/* scroll-reveal (SADECE hareket tercihi varsa; class'lar JS ile eklenir → JS yoksa içerik tam görünür) */
@media (prefers-reduced-motion: no-preference){
  .ux-reveal{ opacity:0; transform:translateY(16px); transition:opacity .55s ease-out, transform .55s cubic-bezier(.2,.7,.2,1); }
  .ux-reveal.ux-in{ opacity:1; transform:none; }
}

/* ---------- 18. DARK — deals kart kabı beyaz kalma bug'ı (yüksek özgüllük) ---------- */
/* .deals-item temada #ffffff!important ve dark'ta override yok → beyaz alan */
html[data-theme="dark"] .deals-item{
  background:#1a1a1a!important;
  border-color:#262626!important;
}
html[data-theme="dark"] .deals-card-visual{
  background:#242424!important;
  border-bottom-color:#262626!important;
}
/* diğer olası beyaz kart kapları (güvenlik) */
html[data-theme="dark"] .product-scroll-item,
html[data-theme="dark"] .deals-card,
html[data-theme="dark"] .deals-card-content,
html[data-theme="dark"] .deals-card-bottom{ background:transparent!important; }

/* ---------- 19. "Sepete Ekle" butonu — temiz outline (her iki tema, yüksek özgüllük) ---------- */
html[data-theme] .deals-btn-cart{
  background:transparent!important;
  color:var(--accent)!important;
  border:1px solid rgba(var(--accent-rgb),.40)!important;
}
html[data-theme] .deals-btn-cart:hover{
  background:var(--accent)!important;
  color:#fff!important;
  border-color:transparent!important;
}

/* ---------- 20. ÜRÜN DETAY (PDP) — UX Pro Max cilası ---------- */
/* ürün görseli hover zoom */
.pg-product-image{ overflow:hidden; }
.pg-product-image img{ transition:transform .5s cubic-bezier(.2,.7,.2,1)!important; will-change:transform; }
.pg-product-image:hover img{ transform:scale(1.05)!important; }
/* fiyat vurgusu (aksan) */
.pg-price-current{ color:var(--accent)!important; }
/* Hemen Al butonu — mavi gradyan (deals ile tutarlı) */
.pg-btn-buy{ background:var(--primary-gradient)!important; border:none!important; color:#fff!important; box-shadow:0 4px 12px rgba(var(--accent-rgb),.28)!important; transition:transform .15s ease, box-shadow .15s ease!important; }
.pg-btn-buy:hover{ transform:translateY(-2px)!important; box-shadow:0 8px 22px rgba(var(--accent-rgb),.42)!important; color:#fff!important; }
.pg-btn-buy:active{ transform:scale(.98)!important; }
/* benzer ürün item hover + görsel zoom */
.pg-similar-item{ border-radius:12px!important; transition:background .18s ease, transform .18s ease!important; }
.pg-similar-item:hover{ background:rgba(var(--accent-rgb),.08)!important; transform:translateX(4px)!important; }
.pg-similar-img{ overflow:hidden; border-radius:8px; }
.pg-similar-img img{ transition:transform .35s ease; }
.pg-similar-item:hover .pg-similar-img img{ transform:scale(1.08); }
.pg-similar-price{ color:var(--accent)!important; font-weight:700!important; }
/* adet (+/-) butonları */
.pg-quantity-btn{ transition:all .15s ease!important; cursor:pointer!important; }
.pg-quantity-btn:hover{ background:rgba(var(--accent-rgb),.12)!important; color:var(--accent)!important; border-color:rgba(var(--accent-rgb),.40)!important; }
/* sidebar kart yumuşak hover */
.pg-sidebar-card{ transition:box-shadow .2s ease!important; }
.pg-sidebar-card:hover{ box-shadow:var(--shadow-hover)!important; }
/* aktif sekme aksan alt çizgi + hover */
.pg-tab-btn{ transition:color .15s ease!important; cursor:pointer!important; }
.pg-tab-btn:hover{ color:var(--accent)!important; }
/* mobil dokunma hedefleri >=44px */
@media(max-width:576px){
  .pg-quantity-btn{ min-width:44px!important; min-height:44px!important; }
  .pg-btn-buy,.pg-btn-cart,.pg-tab-btn{ min-height:44px!important; }
}

/* ============================================================ */
/* == ÇOK-SAYFA İYİLEŞTİRMELERİ (4 uzman ajan denetimi) ======== */
/* ============================================================ */
/* ===== KATEGORI / LISTELEME / GUNUN FIRSATLARI ===== */

/* 1) KATEGORI KARTLARI — DARK BEYAZ BAR BUG (Tailwind .bg-white hardcoded) */
html[data-theme="dark"] .bg-white.border-gray-200 {
    background-color: var(--bg-card, #1f2733) !important;
    border-color: var(--border-color, rgba(255,255,255,.10)) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.35) !important;
}
html[data-theme="dark"] .bg-white.border-gray-200 .text-gray-800,
html[data-theme="dark"] .bg-white.border-gray-200 p,
html[data-theme="dark"] .bg-white.border-gray-200 .category-name {
    color: var(--text-primary, #e8edf3) !important;
}
.category-item .bg-white.border-gray-200,
a.group .bg-white.border-gray-200 { border-radius: 10px; box-shadow: 0 2px 6px rgba(15,23,42,.08); }

/* 2) PLACEHOLDER KARTLAR — accent gradyan */
.bg-gradient-to-br.from-blue-600.to-blue-400 {
    background-image: linear-gradient(135deg, var(--accent, #4A7FE0), var(--accent-light, #6f9bec)) !important;
}

/* 3) KART HOVER + FOCUS */
a.group.block.rounded-lg { transition: transform .18s ease, box-shadow .18s ease; }
a.group.block.rounded-lg:hover { transform: translateY(-3px); }
a.group.block.rounded-lg:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(var(--accent-rgb, 74,127,224), .55); }
.category-list a { min-height: 40px; transition: background-color .15s ease, color .15s ease; }
.category-list a:focus-visible { outline: none; box-shadow: inset 0 0 0 2px rgba(var(--accent-rgb, 74,127,224), .65); }
html[data-theme="dark"] .category-list a:hover { background-color: rgba(var(--accent-rgb, 74,127,224), .16) !important; }

/* 4) URUN KARTLARI fiyat vurgusu */
.card-product strong { color: var(--accent, #4A7FE0) !important; }

/* 5) MOBIL dokunma hedefleri */
@media (max-width: 576px) {
    .category-list a { min-height: 44px; padding-top: 10px; padding-bottom: 10px; }
    .bg-white.border-gray-200 { min-height: 40px; display: flex; align-items: center; justify-content: center; }
}

/* ===== GUNUN FIRSATLARI (todaysDeals.php) — BOZUK, TAM YENIDEN STIL ===== */
/* 6a) sayfa kabugu + eksik utility shim'ler */
.pf-products-page .container { max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 16px; }
.pf-products-page .d-flex { display: flex; }
.pf-products-page .align-items-center { align-items: center; }
.pf-products-page .gap-3 { gap: 1rem; }
.pf-products-page .mb-4 { margin-bottom: 1.5rem; }
/* 6b) baslik/breadcrumb */
.pf-products-page .pf-breadcrumb .list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 0; margin: 0 0 14px; list-style: none; font-size: 13px; }
.pf-products-page .pf-breadcrumb li { display: flex; align-items: center; }
.pf-products-page .pf-breadcrumb li + li::before { content: "/"; margin: 0 8px; color: var(--text-secondary, #94a3b8); }
.pf-products-page .pf-breadcrumb .link { color: var(--text-secondary, #94a3b8); text-decoration: none; }
.pf-products-page .pf-breadcrumb .link.active { color: var(--accent, #4A7FE0); font-weight: 600; }
.pf-products-page .pf-section-page-head { background: var(--bg-secondary, #f8fafc); border: 1px solid var(--border-color, #e5e7eb); border-radius: 14px; padding: 18px 20px; }
.pf-products-page .pf-section-page-head .icon-area { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 56px; height: 56px; padding: 0 !important; }
.pf-products-page .pf-section-page-head .title { font-size: 22px; font-weight: 700; color: var(--text-primary, #0f172a); margin: 0; }
.pf-products-page .pf-section-page-head .text-muted { color: var(--text-secondary, #64748b) !important; font-size: 14px; }
/* 6c) grid */
.pf-products-page .row-products { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.pf-product-card-modern { box-sizing: border-box; width: 50%; padding: 0 8px; margin-bottom: 16px; display: flex; }
@media (min-width: 768px)  { .pf-product-card-modern { width: 33.333%; } }
@media (min-width: 992px)  { .pf-product-card-modern { width: 25%; } }
@media (min-width: 1200px) { .pf-product-card-modern { width: 20%; } }
.pf-products-page .row-products > .col-12 { width: 100%; padding: 0 8px; }
.pf-products-page .alert-info { background: rgba(var(--accent-rgb, 74,127,224), .10); border: 1px solid rgba(var(--accent-rgb, 74,127,224), .30); color: var(--text-primary, #0f172a); border-radius: 12px; padding: 14px 16px; }
/* 6d) kart kabugu */
.pf-product-card-wrapper { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; background: var(--bg-secondary, #ffffff); border: 1px solid var(--border-color, #e5e7eb); border-radius: 14px; overflow: hidden; box-shadow: 0 2px 8px rgba(15,23,42,.06); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.pf-product-card-wrapper:hover { transform: translateY(-4px); border-color: var(--accent, #4A7FE0); box-shadow: 0 10px 24px rgba(15,23,42,.14); }
.pf-product-card-image { position: relative; width: 100%; padding-bottom: 125%; overflow: hidden; background: var(--bg-card, #eef2f7); }
.pf-product-card-image img, .pf-product-card-image .img-product { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform .35s ease; }
.pf-product-card-wrapper:hover .pf-product-card-image img { transform: scale(1.06); }
.pf-product-badge-deals { position: absolute; z-index: 3; top: 10px; left: 10px; display: inline-flex; align-items: center; gap: 4px; padding: 5px 10px; font-size: 11px; font-weight: 700; color: #fff; border-radius: 999px; background: linear-gradient(135deg, #f97316, #ef4444); box-shadow: 0 2px 8px rgba(239,68,68,.35); }
.pf-product-card-content { display: flex; flex-direction: column; flex: 1; padding: 14px; background: var(--bg-secondary, #ffffff); }
.pf-product-card-category { font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--accent, #4A7FE0); margin-bottom: 6px; }
.pf-product-card-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 40px; font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--text-primary, #0f172a); text-decoration: none; transition: color .15s ease; }
.pf-product-card-name:hover { color: var(--accent, #4A7FE0); }
.pf-product-card-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin: 10px 0 12px; }
.pf-product-card-price .price-new { font-size: 20px; font-weight: 800; line-height: 1; color: var(--text-primary, #0f172a); }
.pf-product-card-price .price-old { font-size: 13px; color: var(--text-secondary, #94a3b8); text-decoration: line-through; }
.pf-product-card-price .price-discount { font-size: 12px; font-weight: 700; color: #16a34a; background: rgba(22,163,74,.12); padding: 2px 7px; border-radius: 6px; }
.pf-product-card-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; margin-top: auto; padding: 11px 16px; font-size: 14px; font-weight: 600; color: #fff; border: none; border-radius: 10px; cursor: pointer; text-decoration: none; background: linear-gradient(135deg, var(--accent, #4A7FE0), var(--accent-light, #6f9bec)); transition: transform .15s ease, box-shadow .15s ease, filter .15s ease; }
.pf-product-card-btn:hover { filter: brightness(1.05); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(var(--accent-rgb, 74,127,224), .40); color: #fff; }
.pf-product-card-btn:active { transform: translateY(0); }
.pf-product-card-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(var(--accent-rgb, 74,127,224), .55); }
/* 6e) dark ince ayar */
html[data-theme="dark"] .pf-product-card-wrapper { box-shadow: 0 2px 10px rgba(0,0,0,.35); }
html[data-theme="dark"] .pf-product-card-wrapper:hover { box-shadow: 0 12px 28px rgba(0,0,0,.5); }
html[data-theme="dark"] .pf-products-page .pf-section-page-head { background: var(--bg-secondary, #1f2733); }
/* 6f) mobil */
@media (max-width: 576px) {
    .pf-product-card-content { padding: 12px; }
    .pf-product-card-name { font-size: 13px; }
    .pf-product-card-price .price-new { font-size: 18px; }
    .pf-product-card-btn { min-height: 46px; }
    .pf-products-page .pf-section-page-head .title { font-size: 19px; }
}
/* ===== SEPET & ARAMA ===== */
/* Gerçek class/token hedefli; layout'a dokunmaz. Dark kuralları html[data-theme="dark"] yüksek özgüllük. */

/* 1) SEPET — BOŞ DURUM */
.pg-cart-table-card:has(.pg-cart-empty-inline) .pg-card-body{ padding: 56px 24px !important; }
.pg-cart-empty-inline{
    flex-direction: column; justify-content: center; align-items: center; gap: 14px;
    padding: 0; text-align: center; color: var(--text-primary); font-size: 18px; font-weight: 600;
}
.pg-cart-empty-inline i{
    width: 84px; height: 84px; display: flex; align-items: center; justify-content: center;
    border-radius: 50%; background: rgba(var(--accent-rgb), .12); color: var(--accent); font-size: 36px; opacity: 1;
}
.pg-cart-empty-inline::after{
    content: "Beğendiğiniz ürünleri sepete ekleyin, ödemeyi buradan tamamlayın.";
    max-width: 340px; font-size: 13px; font-weight: 400; line-height: 1.5; color: var(--text-secondary);
}
html[data-theme="dark"] .pg-cart-empty-inline i{ background: rgba(var(--accent-rgb), .18) !important; color: var(--accent) !important; }

/* 2) SEPET — CTA belirginliği */
.pg-btn-checkout{ background: var(--primary-gradient); box-shadow: 0 6px 18px rgba(var(--accent-rgb), .28); letter-spacing: .3px; }
.pg-btn-checkout:hover{ background: var(--primary-gradient); transform: translateY(-2px); filter: brightness(1.03); box-shadow: 0 10px 26px rgba(var(--accent-rgb), .38); }
.pg-btn-checkout:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(var(--accent-rgb), .30); }
.pg-coupon-apply-btn{ border-radius: 0; }
.pg-coupon-apply-btn:hover{ background: var(--accent); color: #fff; }

/* 3) SEPET — Dokunma hedefleri */
.pg-qty-btn{ min-width: 40px; height: 40px; }
.pg-btn-delete{ width: 40px; height: 40px; }
.pg-qty-btn:active:not(:disabled){ transform: scale(.94); }
@media (max-width: 768px){
    .pg-qty-btn{ min-width: 44px; height: 44px; }
    .pg-qty-value{ min-width: 44px; }
    .pg-btn-delete{ width: 44px !important; height: 44px !important; }
    .pg-coupon-apply-btn{ min-height: 44px; }
    .pg-coupon-cancel-btn{ min-width: 44px; min-height: 44px; }
    .pg-coupon-input-row input{ min-height: 44px; }
}

/* 4) SEPET — Focus halkaları */
.pg-input-group input:focus, .pg-form-control:focus{ border-color: var(--accent); box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .28); }
.pg-coupon-input-row:focus-within{ border-color: var(--accent); box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .22); }
.pg-btn-checkout:focus-visible, .pg-coupon-apply-btn:focus-visible, .pg-qty-btn:focus-visible,
.pg-btn-delete:focus-visible, .pg-payment-option:focus-visible, .pg-popup-close:focus-visible{
    outline: none; box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .45);
}
.pg-payment-card:hover{ border-color: var(--accent); box-shadow: 0 6px 18px rgba(var(--accent-rgb), .16); }

/* 5) SEPET — Dark güvence */
html[data-theme="dark"] .pg-card, html[data-theme="dark"] .pg-cart-summary, html[data-theme="dark"] .pg-popup-box{
    background: var(--bg-secondary) !important; border-color: var(--border-color) !important;
}
html[data-theme="dark"] .pg-input-group input, html[data-theme="dark"] .pg-coupon-input-row, html[data-theme="dark"] .pg-qty-control{
    background: var(--bg-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important;
}

/* ARAMA (çift header PHP ile düzeltilecek) */
/* 6) fiyat tutarlılığı */
.search-product-price{ color: var(--accent); }
html[data-theme="dark"] .search-product-price{ color: var(--accent) !important; }
/* 7) kart hover */
.search-product{ border-radius: 14px; }
.search-product:hover{ border-color: var(--accent); box-shadow: 0 12px 30px rgba(var(--accent-rgb), .18); }
html[data-theme="dark"] .search-product:hover{ box-shadow: 0 14px 34px rgba(0, 0, 0, .5) !important; border-color: var(--accent) !important; }
/* 8) CTA gücü */
.search-btn-buy, .search-form-inline button, .search-no-results a{ background: var(--primary-gradient); box-shadow: 0 4px 14px rgba(var(--accent-rgb), .22); }
.search-btn-buy:hover, .search-form-inline button:hover, .search-no-results a:hover{ background: var(--primary-gradient); transform: translateY(-1px); filter: brightness(1.03); box-shadow: 0 8px 20px rgba(var(--accent-rgb), .32); }
.search-btn-buy:active, .search-form-inline button:active{ transform: translateY(0); box-shadow: 0 3px 10px rgba(var(--accent-rgb), .26); }
/* 9) focus */
.search-form-inline input:focus{ border-color: var(--accent); box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .28); }
.search-btn-buy:focus-visible, .search-form-inline button:focus-visible, .search-product-link:focus-visible, .search-no-results a:focus-visible{ outline: none; box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .45); }
/* 10) mobil */
@media (max-width: 768px){
    .search-btn-buy{ padding: 14px; min-height: 44px; }
    .search-form-inline input{ min-height: 44px; }
    .search-form-inline button{ min-height: 44px; }
}
/* 11) dark güvence */
html[data-theme="dark"] .search-product, html[data-theme="dark"] .search-no-results{ background: var(--bg-secondary) !important; border-color: var(--border-color) !important; }
html[data-theme="dark"] .search-form-inline input{ background: var(--bg-secondary) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; }
/* ===== GİRİŞ/KAYIT & FORMLAR ===== */
/* Bölüm A — ŞİFREMİ UNUTTUM / YENİ ŞİFRE (pf-auth-card) — sayfa çıplaktı, yeniden kuruldu */
.pf-section-page {
    min-height: 60vh;
    display: flex;
    align-items: center;
    padding: 48px 16px !important;
}
.pf-auth-card {
    width: 100%;
    max-width: 460px;
    margin: 0 auto !important;
    background: var(--bg-white, #fff) !important;
    border: 1px solid var(--border, #EFEFEF) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .12) !important;
    overflow: hidden;
}
.pf-auth-card .pf-card-body { padding: 40px 34px !important; }
.pf-auth-card .title {
    font-size: 26px !important;
    font-weight: 700;
    color: var(--text-color, #222) !important;
    margin: 0 0 8px 0;
}
.pf-auth-card .text {
    font-size: 14px;
    color: var(--text-gray, #626262) !important;
    margin-bottom: 26px !important;
}
.pf-auth-card .pf-input { position: relative; height: 54px; margin-bottom: 16px !important; }
.pf-auth-card .pf-input .icon {
    position: absolute; top: 50%; left: 16px; transform: translateY(-50%);
    display: flex; align-items: center; color: var(--text-gray, #828282);
    font-size: 18px; padding-right: 12px; border-right: 1px solid var(--border, #EFEFEF);
    z-index: 2; transition: color .2s ease; pointer-events: none;
}
.pf-auth-card .pf-input .form-control,
.pf-auth-card input[type="email"],
.pf-auth-card input[type="password"],
.pf-auth-card input[type="text"] {
    width: 100%; height: 54px !important; padding: 0 16px 0 62px !important;
    background: var(--bg-white, #fff) !important; border: 2px solid var(--border, #EFEFEF) !important;
    border-radius: 12px !important; color: var(--text-color, #222) !important;
    font-size: 15px; transition: border-color .2s ease, box-shadow .2s ease; box-shadow: none;
}
.pf-auth-card .form-control::placeholder { color: var(--text-gray, #828282) !important; opacity: 1; }
.pf-auth-card .form-control:focus {
    outline: none; border-color: var(--accent, #0089FF) !important;
    box-shadow: 0 0 0 4px rgba(var(--accent-rgb, 0, 137, 255), .2) !important;
}
.pf-auth-card .pf-input:focus-within .icon { color: var(--accent, #0089FF); }
.pf-auth-card .btn-primary {
    height: 52px !important; background: var(--primary-gradient, var(--accent, #0089FF)) !important;
    border: none !important; border-radius: 12px !important; color: #fff !important;
    font-size: 16px; font-weight: 600; margin-top: 4px;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.pf-auth-card .btn-primary:hover {
    transform: translateY(-2px); filter: brightness(1.05);
    box-shadow: 0 10px 26px rgba(var(--accent-rgb, 0, 137, 255), .35) !important;
}
.pf-auth-card .btn-primary:active {
    transform: translateY(0); box-shadow: 0 4px 12px rgba(var(--accent-rgb, 0, 137, 255), .3) !important;
}
.pf-auth-card .btn-primary:focus-visible {
    outline: none; box-shadow: 0 0 0 4px rgba(var(--accent-rgb, 0, 137, 255), .35) !important;
}
html[data-theme="dark"] .pf-auth-card {
    background: var(--bg-white, #181818) !important; border-color: var(--border, #221f1f) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .5) !important;
}
html[data-theme="dark"] .pf-auth-card .pf-input .form-control,
html[data-theme="dark"] .pf-auth-card input[type="email"],
html[data-theme="dark"] .pf-auth-card input[type="password"],
html[data-theme="dark"] .pf-auth-card input[type="text"] {
    background: var(--bg-white, #181818) !important; color: var(--text-color, #f2f2f2) !important;
    border-color: var(--border, #221f1f) !important;
}
html[data-theme="dark"] .pf-auth-card .title { color: var(--text-color, #f2f2f2) !important; }

/* Bölüm B — GİRİŞ / KAYIT (auth.php) — focus halkası + a11y + defansif dark */
.auth-form-control:focus {
    outline: none; border-color: var(--accent, #0089FF) !important;
    box-shadow: 0 0 0 4px rgba(var(--accent-rgb, 0, 137, 255), .2) !important;
}
.auth-tab:focus-visible, .auth-submit-btn:focus-visible,
.auth-switch-link:focus-visible, .auth-link:focus-visible {
    outline: none; box-shadow: 0 0 0 3px rgba(var(--accent-rgb, 0, 137, 255), .4) !important; border-radius: 8px;
}
.auth-checkbox input[type="checkbox"]:focus-visible { outline: 2px solid var(--accent, #0089FF); outline-offset: 2px; }
html[data-theme="dark"] .auth-form-control,
html[data-theme="dark"] .auth-input-wrapper input,
html[data-theme="dark"] .auth-modal-left input,
html[data-theme="dark"] .auth-modal-left textarea,
html[data-theme="dark"] .auth-modal-left select {
    background: var(--bg-card, #1e1e1f) !important; color: var(--text-primary, #f2f2f2) !important;
    border-color: var(--border-color, #2a2a2c) !important; -webkit-text-fill-color: var(--text-primary, #f2f2f2);
}
html[data-theme="dark"] .auth-form-control:focus {
    background: var(--bg-secondary, #181818) !important; border-color: var(--accent, #0089FF) !important;
}
html[data-theme="dark"] .auth-form-control::placeholder {
    color: var(--text-secondary, #828282) !important; -webkit-text-fill-color: var(--text-secondary, #828282);
}
html[data-theme="dark"] .auth-form-control:-webkit-autofill,
html[data-theme="dark"] .pf-auth-card .form-control:-webkit-autofill {
    -webkit-text-fill-color: var(--text-color, #f2f2f2) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--bg-card, #1e1e1f) inset !important;
    caret-color: var(--text-color, #f2f2f2);
}
.auth-submit-btn:active { transform: translateY(0); box-shadow: 0 4px 12px rgba(var(--accent-rgb, 0, 137, 255), .3); }
@media (max-width: 576px) {
    .auth-form-control, .pf-auth-card .form-control { min-height: 48px !important; font-size: 16px !important; }
    .auth-submit-btn, .pf-auth-card .btn-primary { min-height: 48px !important; }
    .auth-tab { min-height: 44px; }
}
/* ===== BLOG & İLAN PAZARI & YAYINCILAR ===== */
/* Pinova temasında bu 3 sayfanın legacy pf-* class'ları stilsiz kalıyor. Token sistemiyle light+dark+mobil kuruldu. */

/* A. SAYFA BAŞLIĞI HİYERARŞİSİ */
.pf-section-page .pf-section-page-head{
  text-align:left!important; margin-top:8px!important; margin-bottom:22px!important;
}
.pf-section-page .pf-section-page-head .title,
.pf-section-page > .container > .d-flex .title{
  font-size:28px!important; line-height:1.2!important; font-weight:800!important;
  letter-spacing:-.02em!important; color:var(--text-color)!important; text-transform:none!important;
  padding-bottom:14px!important; border-bottom:1px solid var(--border)!important; width:100%!important;
}
@media (max-width:576px){
  .pf-section-page .pf-section-page-head .title,
  .pf-section-page > .container > .d-flex .title{ font-size:22px!important; }
}

/* B. BLOG KARTLARI */
.pf-blog-card{
  background:var(--bg-white)!important; border:1px solid var(--border)!important; border-radius:14px!important;
  overflow:hidden!important; box-shadow:var(--shadow-card)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.pf-blog-card:hover{
  transform:translateY(-4px)!important; box-shadow:var(--shadow-hover)!important; border-color:rgba(var(--accent-rgb),.45)!important;
}
.pf-blog-card .img{ display:block; position:relative; padding-bottom:56.25%; height:0; overflow:hidden; background:var(--bg-white-2); }
.pf-blog-card .img img, .pf-blog-card .img .img-aspect{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition:transform .4s cubic-bezier(.2,.7,.2,1)!important; will-change:transform;
}
.pf-blog-card:hover .img img{ transform:scale(1.05)!important; }
.pf-blog-card .content{ padding:18px 20px 20px!important; }
.pf-blog-card .content .title{
  display:block; font-size:17px!important; line-height:1.35!important; font-weight:700!important;
  color:var(--text-color)!important; margin-bottom:8px!important; transition:color .15s ease!important;
}
.pf-blog-card .content .title:hover{ color:var(--accent)!important; }
.pf-blog-card .content p{ font-size:14px!important; line-height:1.55!important; color:var(--text-gray)!important; margin-bottom:14px!important; }
.pf-blog-card .content .flex{ display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--border); padding-top:12px; }
.pf-blog-card .content .flex .date{ color:var(--text-gray)!important; font-size:13px!important; }
.pf-blog-card .content .flex .date i{ margin-right:4px; color:var(--accent)!important; }
.pf-blog-card .content .flex .link{
  color:var(--accent)!important; font-weight:600!important; font-size:14px!important;
  display:inline-flex; align-items:center; min-height:32px; transition:color .15s ease!important;
}
.pf-blog-card .content .flex .link:hover{ color:var(--accent-hover)!important; }

/* C. YAYINCI KARTLARI */
.pf-streamer-item{
  background:var(--bg-white)!important; border:1px solid var(--border)!important; border-radius:14px!important;
  padding:22px 20px!important; box-shadow:var(--shadow-card)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.pf-streamer-item:hover{ transform:translateY(-4px)!important; box-shadow:var(--shadow-hover)!important; border-color:rgba(var(--accent-rgb),.45)!important; }
.pf-streamer-item .img{ position:relative; width:112px; height:112px; margin:0 auto 16px!important; }
.pf-streamer-item .img .img-profile{ width:112px; height:112px; border-radius:50%; object-fit:cover; border:3px solid var(--border); }
.pf-streamer-item .img .icon{
  position:absolute; right:2px; bottom:2px; top:auto; width:34px; height:34px; border-radius:50%;
  background:#9147ff!important; color:#fff!important; display:flex; align-items:center; justify-content:center; border:2px solid var(--bg-white);
}
.pf-streamer-item .content{ text-align:center; }
.pf-streamer-item .content .streamer-name{ font-size:16px!important; font-weight:700!important; color:var(--text-color)!important; margin-bottom:8px!important; }
.pf-streamer-item .content .link{
  display:inline-block; max-width:100%; background:rgba(145,71,255,.12)!important; color:#9147ff!important;
  padding:4px 12px!important; border-radius:30px!important; font-size:12px!important; font-weight:600!important;
  margin-bottom:14px!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
html[data-theme="dark"] .pf-streamer-item .content .link{ background:rgba(145,71,255,.22)!important; color:#c9a9ff!important; }
.pf-streamer-item .btn-twitch, .btn.btn-twitch{
  background:#9147ff!important; border:none!important; color:#fff!important; border-radius:10px!important; font-weight:700!important;
  min-height:44px!important; padding:0 22px!important; transition:transform .15s ease, box-shadow .15s ease, filter .15s ease!important;
}
.pf-streamer-item .btn-twitch:hover, .btn.btn-twitch:hover{ filter:brightness(1.08); transform:translateY(-2px)!important; box-shadow:0 8px 20px rgba(145,71,255,.40)!important; color:#fff!important; }
.pf-streamer-item .btn-twitch:active, .btn.btn-twitch:active{ transform:scale(.97)!important; }

/* D. İLAN PAZARI: fiyat pill + satıcı + sayfalama */
.pf-product-item .price{ display:flex; align-items:center; justify-content:center; gap:8px; background:var(--primary-gradient)!important; padding:7px 10px!important; border-radius:8px!important; margin:8px 0!important; }
.pf-product-item .price .price-new{ color:#fff!important; font-weight:700!important; }
.pf-product-item .price .price-old{ color:rgba(255,255,255,.7)!important; text-decoration:line-through; font-size:13px!important; font-weight:400!important; }
.pf-product-item .seller{ display:flex; align-items:center; background:var(--bg-white-2)!important; color:var(--text-color)!important; border:1px solid var(--border)!important; padding:5px 10px!important; border-radius:8px!important; margin-top:10px!important; transition:background .15s ease!important; }
.pf-product-item .seller:hover{ background:rgba(var(--accent-rgb),.08)!important; }
.pf-product-item .seller .img-seller{ width:28px; height:28px; min-width:28px; border-radius:50%; object-fit:cover; margin-right:8px; }
.pf-product-item .seller .seller-content .key{ color:var(--text-gray)!important; font-size:11px!important; }
.pf-product-item .seller .seller-content .value{ color:var(--text-color)!important; font-size:13px!important; font-weight:600!important; }
.pf-product-item .seller .icon{ color:var(--text-gray)!important; margin-left:auto; }
.pagination{ display:flex; gap:6px; flex-wrap:wrap; justify-content:center; margin-top:24px; width:100%; }
.pagination .page-link, .pagination a, .pagination span{
  min-width:44px!important; min-height:44px!important; display:flex; align-items:center; justify-content:center;
  border-radius:50%!important; background:var(--bg-white)!important; border:1px solid var(--border)!important;
  color:var(--text-color)!important; font-weight:600!important; transition:all .15s ease!important;
}
.pagination .page-item.active .page-link, .pagination .active a, .pagination .active span,
.pagination .page-link:hover, .pagination a:hover{ background:var(--primary-gradient)!important; border-color:transparent!important; color:#fff!important; }

/* E. BOŞ-DURUM (empty-state) — PHP snippet gerektirir */
.pf-empty-state{ grid-column:1/-1; width:100%; text-align:center; padding:64px 20px; background:var(--bg-white-2)!important; border:1px dashed var(--border)!important; border-radius:16px; margin:8px 0 24px; }
.pf-empty-state i{ font-size:52px; color:var(--accent)!important; display:inline-block; margin-bottom:14px; opacity:.85; }
.pf-empty-state h3{ font-size:20px!important; font-weight:700!important; color:var(--text-color)!important; margin-bottom:6px!important; }
.pf-empty-state p{ font-size:14px!important; color:var(--text-gray)!important; margin:0!important; }

/* F. FOCUS & ERİŞİLEBİLİRLİK */
.pf-blog-card .content .flex .link:focus-visible, .pf-streamer-item .btn-twitch:focus-visible,
.pf-product-item .product-name:focus-visible, .pf-product-item .seller:focus-visible,
.pagination a:focus-visible, .pagination .page-link:focus-visible{
  outline:3px solid rgba(var(--accent-rgb),.60)!important; outline-offset:2px!important; border-radius:8px;
}

/* G. MOBİL */
@media (max-width:576px){
  .pf-blog-card .content{ padding:16px!important; }
  .pf-blog-card .content .title{ font-size:16px!important; }
  .pf-streamer-item .btn-twitch, .pf-blog-card .content .flex .link{ min-height:44px!important; }
  .pf-empty-state{ padding:48px 16px; }
}

/* ============================================================ */
/* == 21. Pinova MOBİL VIBE: alt menü çubuğu + yeşil fiyat == */
/* ============================================================ */
/* Alt mobil sekme çubuğu (pinova gibi, sadece mobil) */
.pg-mobile-tabbar{ display:none; }
@media (max-width:768px){
  .pg-mobile-tabbar{
    display:flex; position:fixed; left:0; right:0; bottom:0; z-index:1000;
    background:var(--bg-white)!important; border-top:1px solid var(--border);
    box-shadow:0 -3px 16px rgba(0,0,0,.10);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));
  }
  html[data-theme="dark"] .pg-mobile-tabbar{ background:#161616!important; border-top-color:#262626; }
  .pg-mobile-tabbar .pg-tab{
    flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
    min-height:50px; color:var(--text-gray)!important; font-size:11px; font-weight:600;
    text-decoration:none!important; transition:color .15s ease; position:relative;
  }
  .pg-mobile-tabbar .pg-tab i{ font-size:22px; line-height:1; }
  .pg-mobile-tabbar .pg-tab.active{ color:var(--accent)!important; }
  .pg-mobile-tabbar .pg-tab .pg-tab-badge{
    position:absolute; top:2px; left:50%; margin-left:6px;
    background:#ef4444; color:#fff; font-size:9px; font-weight:700;
    min-width:16px; height:16px; border-radius:9px; display:flex; align-items:center; justify-content:center; padding:0 4px;
  }
  /* içerik alt çubuğun arkasında kalmasın */
  body{ padding-bottom:66px!important; }
}

/* Günün Fırsatları — pinova gibi YEŞİL indirimli fiyat */
.deals-price-current{ color:#16a34a!important; }
html[data-theme="dark"] .deals-price-current{ color:#22c55e!important; }
.pf-product-card-price .price-new{ color:#16a34a!important; }
html[data-theme="dark"] .pf-product-card-price .price-new{ color:#22c55e!important; }

/* ---------- 22. MOBİL: Günün Fırsatları başlığı KOMPAKT (yan yana) ---------- */
/* Tema mobilde her şeyi alt alta/ortalı yapıp sayacı gizliyordu → uzun+boşluklu.
   Burada: ikon + başlık + SAAT tek satırda, kompakt. Sadece anasayfa deals-section. */
@media (max-width:576px){
  .deals-section .deals-header{
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:left!important;
    gap:8px 10px!important;
    padding:2px 2px 12px!important;
    margin-bottom:16px!important;
  }
  .deals-section .deals-header-left{
    flex-direction:row!important;
    align-items:center!important;
    text-align:left!important;
    gap:10px!important;
    flex:0 1 auto!important;
    min-width:0!important;
  }
  .deals-section .deals-icon-wrap{ width:38px!important; height:38px!important; flex:0 0 auto!important; }
  .deals-section .deals-icon-wrap i{ font-size:20px!important; }
  .deals-section .deals-title{ font-size:16px!important; line-height:1.15!important; }
  .deals-section .deals-subtitle{ display:none!important; }         /* yer kazan */
  .deals-section .deals-countdown{                                   /* SAATİ GÖSTER, kompakt */
    display:flex!important; margin:0!important; padding:4px 8px!important;
    order:2; flex:0 0 auto!important;
  }
  .deals-section .countdown-block{ min-width:26px!important; }
  .deals-section .countdown-num{ font-size:15px!important; }
  .deals-section .countdown-lbl{ font-size:10px!important; }
  /* CRO: mobil dokunma hedefi >=44px */
  .deals-btn{ min-height:44px!important; }
  .deals-section .countdown-sep{ font-size:14px!important; margin-bottom:8px!important; }
  .deals-section .deals-see-all{ order:3; margin-left:auto!important; padding:7px 12px!important; font-size:12px!important; }
}

/* ---------- 23. MOBİL HEADER — temiz (ikon-only butonlar, arama alt satır) ---------- */
@media (max-width:768px){
  .pg-header{
    flex-wrap:wrap!important;
    row-gap:8px!important; column-gap:6px!important;
    padding:8px 12px!important;
    align-items:center!important;
  }
  .pg-logo{ flex:0 0 auto!important; margin-right:auto!important; }
  .pg-header-actions{ flex:0 0 auto!important; gap:5px!important; align-items:center!important; flex-wrap:nowrap!important; }
  .pg-header-btn{
    padding:0!important; width:38px!important; height:38px!important;
    min-width:38px!important; justify-content:center!important; border-radius:10px!important;
  }
  .pg-header-btn span{ display:none!important; }
  .pg-header-btn i{ margin:0!important; font-size:19px!important; }
  .pg-btn-balance{ display:none!important; }
  .pg-btn-register{ width:38px!important; min-width:38px!important; }
}


/* ---------- 23b. MOBİL HEADER düzeltme: aramayı göster + taşma çözümü ---------- */
@media (max-width:768px){
  /* arama çubuğu (tema gizliyordu) — tam genişlik göster */
  /* Sepet ve Giriş header'dan kalksın (bottom nav'da var) → taşma biter */
  .pg-btn-cart, .pg-btn-login{ display:none!important; }
}

/* ---------- 25. Deals fiyat YEŞİL (yüksek özgüllük — tema #0f172a'yı ez) ---------- */
html[data-theme] .deals-price-current{ color:#16a34a!important; }

/* ---------- 27. MOBİL: temiz tam-genişlik arama BARI (alt satır) ---------- */
@media (max-width:768px){
  /* doğru flex parent: .pg-header .container */
  .pg-header .container{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; row-gap:8px!important; }
  .pg-header .container > .pg-search,
  .pg-header .pg-search{
    display:block!important; order:10!important; flex:1 1 100%!important;
    width:100%!important; max-width:100%!important; margin:0!important; position:static!important;
    visibility:visible!important;
  }
  .pg-header .pg-search-box{
    display:flex!important; align-items:center!important; width:100%!important;
    background:var(--bg-white-2)!important; border:1px solid var(--border)!important;
    border-radius:12px!important; height:44px!important; padding:0 12px!important; gap:8px;
  }
  .pg-header .pg-search-box input,
  .pg-header .pg-search-box .form-control{
    display:block!important; flex:1 1 auto!important; min-width:0!important;
    border:none!important; background:transparent!important; height:42px!important;
    color:var(--text-color)!important; font-size:14px!important; box-shadow:none!important; padding:0!important;
  }
  .pg-header .pg-search-icon{ color:var(--text-gray)!important; font-size:18px!important; }
  .pg-search-results{ left:0!important; right:0!important; width:100%!important; }
}

/* ---------- 28. MOBİL HEADER — pinova tarzı (3 satır: logo / Giriş+Kayıt / pill arama) ---------- */
@media (max-width:768px){
  .pg-header .container{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; row-gap:9px!important; column-gap:8px!important; padding:9px 12px!important; }
  /* SATIR 1: logo */
  .pg-logo{ order:1!important; flex:1 1 auto!important; margin:0!important; }
  /* SATIR 2: aksiyonlar tam genişlik (tema/bildirim ikon + Giriş mavi + Kayıt yeşil) */
  .pg-header-actions{ order:5!important; flex:1 1 100%!important; width:100%!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:6px!important; flex-wrap:nowrap!important; }
  .pg-btn-balance, .pg-btn-cart{ display:none!important; }
  .pg-btn-icon{ width:40px!important; height:40px!important; min-width:40px!important; padding:0!important; flex:0 0 auto!important; }
  .pg-btn-icon span{ display:none!important; }
  .pg-btn-login{ display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:1 1 auto!important; width:auto!important; min-width:0!important; height:40px!important; padding:0 14px!important; background:var(--accent)!important; color:#fff!important; border:none!important; border-radius:10px!important; font-weight:600!important; }
  .pg-btn-login span{ display:inline!important; }
  .pg-btn-register{ display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:1 1 auto!important; width:auto!important; min-width:0!important; height:40px!important; padding:0 14px!important; border-radius:10px!important; font-weight:700!important; }
  .pg-btn-register span{ display:inline!important; }
  .pg-btn-login i, .pg-btn-register i{ margin-right:5px!important; }
  /* SATIR 3: yuvarlak-pill arama barı */
  .pg-header .pg-search{ order:10!important; flex:1 1 100%!important; width:100%!important; max-width:100%!important; margin:0!important; }
  .pg-header .pg-search-box{ display:flex!important; align-items:center!important; width:100%!important; border-radius:999px!important; height:46px!important; background:var(--bg-white-2)!important; border:1px solid var(--border)!important; padding:0 18px!important; gap:8px; }
  .pg-header .pg-search-box input{ display:block!important; flex:1 1 auto!important; min-width:0!important; border:none!important; background:transparent!important; height:44px!important; color:var(--text-color)!important; font-size:16px!important; box-shadow:none!important; padding:0!important; }
  .pg-header .pg-search-icon{ color:var(--text-gray)!important; font-size:18px!important; }
}


/* ============================================================
   TARAFINI SEÇ (Xbox vs Minecraft) — choose-side-section  v1
   ============================================================ */
.choose-side-section{ padding:32px 0; }
.choose-wrapper{
    background:var(--card-bg,#fff);
    border:1px solid rgba(0,0,0,.06);
    border-radius:20px;
    padding:22px;
    box-shadow:0 10px 30px rgba(17,24,39,.06);
    overflow:hidden;
}
.choose-header{
    display:flex; align-items:center; gap:18px; flex-wrap:wrap;
    padding-bottom:18px; margin-bottom:18px;
    border-bottom:1px solid rgba(0,0,0,.06);
}
.choose-logo-area{ position:relative; width:56px; height:56px; flex:0 0 auto; }
.choose-logo{
    position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    opacity:0; transform:scale(.8); transition:opacity .35s ease, transform .35s ease;
    pointer-events:none;
}
.choose-logo.active{ opacity:1; transform:scale(1); }
.choose-logo-xbox i{ font-size:48px; color:#107C10; line-height:1; }
.choose-logo-minecraft img{ width:56px; height:56px; object-fit:contain; }
.choose-title-area{ display:flex; flex-direction:column; margin-right:auto; }
.choose-eyebrow{
    font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
    color:var(--accent,#667eea);
}
.choose-title{ font-size:1.5rem; font-weight:800; margin:2px 0 0; color:var(--text,#111827); line-height:1.1; }

/* Pills */
.choose-pills{ display:flex; align-items:center; gap:10px; }
.pill-btn{
    display:inline-flex; align-items:center; gap:6px;
    border:2px solid rgba(0,0,0,.1); background:transparent;
    color:var(--text,#374151); font-weight:700; font-size:.95rem;
    padding:9px 20px; border-radius:999px; cursor:pointer;
    transition:all .2s ease; line-height:1;
}
.pill-btn i{ font-size:1.05rem; }
.pill-btn:hover{ border-color:rgba(0,0,0,.22); transform:translateY(-1px); }
.pill-xbox.active{ background:#107C10; border-color:#107C10; color:#fff; box-shadow:0 6px 16px rgba(16,124,16,.35); }
.pill-minecraft.active{ background:#6aa84f; border-color:#6aa84f; color:#fff; box-shadow:0 6px 16px rgba(106,168,79,.35); }
.pill-divider{ font-size:.85rem; color:#9ca3af; font-weight:600; }

/* Content / sides */
.choose-content{ position:relative; }
.choose-side{ display:none; animation:chooseFade .4s ease; }
.choose-side.active{ display:block; }
@keyframes chooseFade{ from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);} }

/* View-all card */
.choose-view-card{
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
    height:100%; min-height:180px; border-radius:14px; text-decoration:none; text-align:center;
    padding:16px; transition:transform .2s ease, box-shadow .2s ease;
}
.choose-view-card:hover{ transform:translateY(-4px); }
.choose-view-card .view-all-icon{ font-size:2rem; line-height:1; }
.choose-view-card .view-all-text{ font-weight:800; font-size:1rem; }
.choose-view-card .view-all-link{ font-size:.82rem; font-weight:600; opacity:.9; display:inline-flex; align-items:center; gap:2px; }
.xbox-view-card{ background:linear-gradient(135deg,#0e6b0e,#12841280); color:#fff; box-shadow:0 8px 20px rgba(16,124,16,.28); }
.minecraft-view-card{ background:linear-gradient(135deg,#5d8a3a,#7cb342); color:#fff; box-shadow:0 8px 20px rgba(106,168,79,.28); }
.xbox-view-card:hover{ box-shadow:0 12px 26px rgba(16,124,16,.4); }
.minecraft-view-card:hover{ box-shadow:0 12px 26px rgba(106,168,79,.4); }

/* Product card inside choose grid (pf-product-item baseline) */
.choose-products-grid .pf-product-item{
    background:var(--card-bg,#fff); border:1px solid rgba(0,0,0,.06); border-radius:14px;
    overflow:hidden; height:100%; display:flex; flex-direction:column;
    transition:transform .2s ease, box-shadow .2s ease;
}
.choose-products-grid .pf-product-item:hover{ transform:translateY(-4px); box-shadow:0 12px 24px rgba(17,24,39,.1); }
.choose-products-grid .pf-product-item .img{ display:block; overflow:hidden; }
.choose-products-grid .pf-product-item .img-product{ width:100%; aspect-ratio:1/1; object-fit:cover; transition:transform .35s ease; }
.choose-products-grid .pf-product-item:hover .img-product{ transform:scale(1.05); }
.choose-products-grid .pf-product-item .content{ padding:10px 12px 4px; flex:1 1 auto; }
.choose-products-grid .product-name{
    display:block; font-size:.9rem; font-weight:700; color:var(--text,#1f2937); text-decoration:none;
    line-height:1.3; min-height:2.6em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.choose-products-grid .product-name:hover{ color:var(--accent,#667eea); }
.choose-products-grid .price{ display:flex; align-items:baseline; gap:8px; margin-top:6px; }
.choose-products-grid .price-new{ font-size:1.05rem; font-weight:800; color:#16a34a; }
.choose-products-grid .price-old{ font-size:.85rem; color:#9ca3af; text-decoration:line-through; }
.choose-products-grid .buttons{ padding:0 12px 12px; }
.choose-products-grid .buttons .btn-primary{
    display:flex; align-items:center; justify-content:center; gap:6px; width:100%;
    padding:9px; border-radius:10px; font-weight:700; font-size:.9rem; min-height:44px;
}

@media (max-width:575px){
    .choose-wrapper{ padding:16px; border-radius:16px; }
    .choose-header{ gap:12px; }
    .choose-title{ font-size:1.25rem; }
    .choose-pills{ width:100%; justify-content:space-between; }
    .pill-btn{ flex:1; justify-content:center; padding:9px 8px; }
    .choose-view-card{ min-height:140px; }
}

/* ---------- DARK ---------- */
html[data-theme="dark"] .choose-wrapper{ background:#1e293b !important; border-color:rgba(255,255,255,.08) !important; box-shadow:0 10px 30px rgba(0,0,0,.35) !important; }
html[data-theme="dark"] .choose-header{ border-bottom-color:rgba(255,255,255,.08) !important; }
html[data-theme="dark"] .choose-title{ color:#f1f5f9 !important; }
html[data-theme="dark"] .pill-btn{ border-color:rgba(255,255,255,.16) !important; color:#e2e8f0 !important; }
html[data-theme="dark"] .pill-btn:hover{ border-color:rgba(255,255,255,.32) !important; }
html[data-theme="dark"] .pill-divider{ color:#64748b !important; }
html[data-theme="dark"] .choose-products-grid .pf-product-item{ background:#0f172a !important; border-color:rgba(255,255,255,.08) !important; }
html[data-theme="dark"] .choose-products-grid .product-name{ color:#e2e8f0 !important; }
html[data-theme="dark"] .choose-products-grid .price-new{ color:#4ade80 !important; }
html[data-theme="dark"] .choose-products-grid .price-old{ color:#64748b !important; }
html[data-theme="dark"] .choose-logo-xbox i{ color:#3fbf3f !important; }

/* choose grid — Bootstrap row-cols yok, kendi grid override */
.choose-products-grid.row{ display:grid !important; grid-template-columns:repeat(var(--choose-cols,6),1fr); gap:10px; margin:0; }
.choose-products-grid.row > .col,
.choose-products-grid.row > .choose-product-col{ width:auto !important; max-width:none !important; flex:none !important; padding:0; }
@media (max-width:991px){ .choose-products-grid.row{ grid-template-columns:repeat(3,1fr) !important; } }
@media (max-width:575px){ .choose-products-grid.row{ grid-template-columns:repeat(2,1fr) !important; } }


/* choose view-all card renk düzeltme (tema base override) */
.choose-view-card{ background-image:none !important; }
.xbox-view-card{ background:linear-gradient(135deg,#0e6b0e,#12a012) !important; color:#fff !important; border:1px solid rgba(16,124,16,.4) !important; }
.minecraft-view-card{ background:linear-gradient(135deg,#5d8a3a,#7cb342) !important; color:#fff !important; border:1px solid rgba(106,168,79,.4) !important; }
.xbox-view-card .view-all-icon, .xbox-view-card .view-all-text, .xbox-view-card .view-all-link,
.minecraft-view-card .view-all-icon, .minecraft-view-card .view-all-text, .minecraft-view-card .view-all-link{ color:#fff !important; background:transparent !important; }
.choose-view-card .view-all-icon i{ color:#fff !important; }


/* ============================================================
   TARAFINI SEÇ — pinova birebir yerleşim (dark + centered) v2
   ============================================================ */
/* Koyu kart konteyner */
.choose-side-section .choose-wrapper{
    background:radial-gradient(130% 100% at 50% 0%, #16271c 0%, #0b120e 62%) !important;
    border:1px solid rgba(120,200,120,.16) !important;
    border-radius:20px !important;
    box-shadow:0 22px 55px rgba(0,0,0,.4) !important;
    padding:26px 22px !important;
}
/* Başlık: ortalanmış dikey yığın (ikon → KARAR VER → Tarafını Seç → pills) */
.choose-side-section .choose-header{
    flex-direction:column !important;
    align-items:center !important;
    text-align:center;
    gap:8px !important;
    border-bottom:none !important;
    padding-bottom:4px !important;
    margin-bottom:16px !important;
}
.choose-side-section .choose-logo-area{ width:54px; height:54px; margin:0 auto; }
.choose-side-section .choose-logo-xbox i{ font-size:44px; color:#2ecc40 !important; }
.choose-side-section .choose-title-area{ margin:0 !important; align-items:center; }
.choose-side-section .choose-eyebrow{ color:#39d353 !important; letter-spacing:.2em; font-size:.7rem; }
.choose-side-section .choose-title{ color:#ffffff !important; font-size:1.7rem; margin-top:2px; }
.choose-side-section .choose-pills{ justify-content:center !important; margin-top:6px; }
/* Pills koyu tema */
.choose-side-section .pill-btn{
    border-color:rgba(255,255,255,.16) !important;
    color:#e6efe9 !important;
    background:rgba(255,255,255,.04) !important;
}
.choose-side-section .pill-btn:hover{ border-color:rgba(255,255,255,.3) !important; }
.choose-side-section .pill-divider{ color:#7c8a82 !important; }
.choose-side-section .pill-xbox.active{ background:#107C10 !important; border-color:#107C10 !important; color:#fff !important; box-shadow:0 6px 16px rgba(16,124,16,.4) !important; }
.choose-side-section .pill-minecraft.active{ background:#5b8f39 !important; border-color:#5b8f39 !important; color:#fff !important; box-shadow:0 6px 16px rgba(91,143,57,.4) !important; }
/* Ürün kartları koyu + tam dikey görsel (pinova gibi) */
.choose-side-section .choose-products-grid .pf-product-item{
    background:#0f1a14 !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:12px !important;
    overflow:hidden;
}
.choose-side-section .choose-products-grid .pf-product-item .img{ display:block; }
.choose-side-section .choose-products-grid .img-product,
.choose-side-section .choose-products-grid .img-aspect{
    width:100% !important;
    height:auto !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    display:block;
}
.choose-side-section .choose-products-grid .product-name{ color:#eaf2ee !important; }
.choose-side-section .choose-products-grid .product-name:hover{ color:#39d353 !important; }
.choose-side-section .choose-products-grid .price-new{ color:#39d353 !important; }
.choose-side-section .choose-products-grid .price-old{ color:#6b7d73 !important; }
/* "Daha Fazla" — ince kenarlıklı şeffaf kutu (dolu yeşil DEĞİL) */
.choose-side-section .choose-view-card,
.choose-side-section .xbox-view-card,
.choose-side-section .minecraft-view-card{
    background:transparent !important;
    background-image:none !important;
    border:1px dashed rgba(255,255,255,.22) !important;
    color:#dfeae4 !important;
    box-shadow:none !important;
    border-radius:12px !important;
}
.choose-side-section .choose-view-card:hover{
    border-color:rgba(57,211,83,.6) !important;
    background:rgba(57,211,83,.06) !important;
    transform:none !important;
}
.choose-side-section .choose-view-card .view-all-icon,
.choose-side-section .choose-view-card .view-all-icon i,
.choose-side-section .choose-view-card .view-all-text,
.choose-side-section .choose-view-card .view-all-link{ color:#dfeae4 !important; background:transparent !important; }
.choose-side-section .choose-view-card .view-all-icon{ border:1px solid rgba(255,255,255,.25); border-radius:50%; width:44px; height:44px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; }

/* ürün adı/fiyat koyu kartta okunur — yüksek özgüllük */
.choose-side-section .choose-products-grid .pf-product-item .content a.product-name{ color:#eef5f0 !important; font-weight:700 !important; }
.choose-side-section .choose-products-grid .pf-product-item .content{ background:transparent !important; }
.choose-side-section .choose-products-grid .pf-product-item .price,
.choose-side-section .choose-products-grid .pf-product-item .price .price-new,
.choose-side-section .choose-products-grid .pf-product-item .price .price-old{ background:transparent !important; box-shadow:none !important; }
.choose-side-section .choose-products-grid .pf-product-item .price .price-new{ color:#3ee06a !important; font-weight:800 !important; }
.choose-side-section .choose-products-grid .pf-product-item .price .price-old{ color:#7c8a82 !important; }


/* ============================================================
   TARAFINI SEÇ — pinova BIREBIR (always dark) v4
   ============================================================ */
.choose-side-section .choose-wrapper{
    background:linear-gradient(180deg,#0d0d0d 0%,#151515 100%) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:16px !important;
    padding:24px !important;
    box-shadow:0 4px 20px rgba(0,0,0,.2) !important;
    position:relative !important; overflow:hidden !important;
}
.choose-side-section .choose-wrapper::before{
    content:'' !important; position:absolute !important; inset:0 !important; pointer-events:none !important; z-index:0 !important;
    background:radial-gradient(ellipse at 30% 0%, rgba(16,124,16,.10) 0%, transparent 50%),radial-gradient(ellipse at 70% 0%, rgba(93,64,55,.10) 0%, transparent 50%) !important;
}
.choose-side-section .choose-header,
.choose-side-section .choose-content{ position:relative !important; z-index:1 !important; }
/* Başlık — ortalanmış dikey */
.choose-side-section .choose-header{
    flex-direction:column !important; align-items:center !important; text-align:center !important;
    gap:10px !important; margin-bottom:20px !important; border-bottom:none !important; padding-bottom:0 !important;
}
.choose-side-section .choose-logo-area{ width:56px !important; height:56px !important; margin:0 auto 4px !important; }
.choose-side-section .choose-logo{ border-radius:14px !important; }
.choose-side-section .choose-logo-xbox{ background:linear-gradient(135deg,#107c10 0%,#0e6b0e 100%) !important; box-shadow:0 4px 20px rgba(16,124,16,.4) !important; }
.choose-side-section .choose-logo-xbox i{ font-size:32px !important; color:#fff !important; }
.choose-side-section .choose-logo-minecraft{ background:linear-gradient(135deg,#3e2723 0%,#5d4037 100%) !important; box-shadow:0 4px 20px rgba(93,64,55,.4) !important; padding:6px !important; }
.choose-side-section .choose-title-area{ margin:0 !important; align-items:center !important; gap:2px !important; }
.choose-side-section .choose-eyebrow{ font-size:11px !important; font-weight:600 !important; text-transform:uppercase !important; letter-spacing:2px !important; color:#10b981 !important; }
.choose-side-section .choose-title{ font-size:22px !important; font-weight:800 !important; color:#fff !important; margin:0 !important; text-shadow:0 0 20px rgba(16,185,129,.2) !important; }
.choose-side-section .choose-pills{ justify-content:center !important; gap:12px !important; margin-top:4px !important; }
/* Pills */
.choose-side-section .pill-btn{ border:2px solid rgba(255,255,255,.15) !important; color:#e6efe9 !important; background:rgba(255,255,255,.04) !important; }
.choose-side-section .pill-btn:hover{ border-color:rgba(255,255,255,.3) !important; }
.choose-side-section .pill-xbox.active{ background:#107C10 !important; border-color:#107C10 !important; color:#fff !important; box-shadow:0 6px 16px rgba(16,124,16,.4) !important; }
.choose-side-section .pill-minecraft.active{ background:#5b8f39 !important; border-color:#5b8f39 !important; color:#fff !important; box-shadow:0 6px 16px rgba(91,143,57,.4) !important; }
.choose-side-section .pill-divider{ color:#7c8a82 !important; }
/* Ürün kartları — koyu translucent */
.choose-side-section .choose-wrapper .pf-product-item{ background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:10px !important; overflow:hidden !important; }
.choose-side-section .choose-wrapper .pf-product-item:hover{ background:rgba(255,255,255,.06) !important; border-color:rgba(255,255,255,.15) !important; }
/* Görsel — pinova 133% dikey kutu, cover */
.choose-side-section .choose-wrapper .pf-product-item .img{ display:block !important; position:relative !important; padding-bottom:133% !important; height:0 !important; overflow:hidden !important; border-radius:10px 10px 0 0 !important; }
.choose-side-section .choose-wrapper .pf-product-item .img .img-product,
.choose-side-section .choose-wrapper .pf-product-item .img .img-aspect{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; aspect-ratio:auto !important; }
/* Yazılar */
.choose-side-section .choose-wrapper .pf-product-item .content{ background:transparent !important; padding:12px 12px 0 !important; }
.choose-side-section .choose-wrapper .pf-product-item .content a.product-name{ color:#fff !important; font-size:14px !important; font-weight:600 !important; }
.choose-side-section .choose-wrapper .pf-product-item .content a.product-name:hover{ color:#69A1FF !important; }
.choose-side-section .choose-wrapper .pf-product-item .price{ background:rgba(255,255,255,.04) !important; border:none !important; border-radius:8px !important; margin:12px 0 !important; padding:10px 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; }
.choose-side-section .choose-wrapper .pf-product-item .price .price-new{ color:#4ade80 !important; font-size:17px !important; font-weight:700 !important; background:transparent !important; }
.choose-side-section .choose-wrapper .pf-product-item .price .price-old{ color:#888 !important; font-size:13px !important; background:transparent !important; }
.choose-side-section .choose-wrapper .pf-product-item .buttons{ padding:0 12px 12px !important; }
/* "Daha Fazla" — 2px dashed subtle */
.choose-side-section .choose-view-card{ min-height:200px !important; background:rgba(255,255,255,.02) !important; background-image:none !important; border:2px dashed rgba(255,255,255,.15) !important; box-shadow:none !important; color:#aaa !important; border-radius:10px !important; }
.choose-side-section .choose-view-card:hover{ border-color:rgba(255,255,255,.3) !important; background:rgba(255,255,255,.04) !important; transform:none !important; }
.choose-side-section .choose-view-card .view-all-icon{ border:none !important; width:auto !important; height:auto !important; color:#bbb !important; font-size:2rem !important; }
.choose-side-section .choose-view-card .view-all-icon i{ color:#bbb !important; }
.choose-side-section .choose-view-card .view-all-text{ color:#ccc !important; }
.choose-side-section .choose-view-card .view-all-link{ color:#aaa !important; }

/* ============================================================
   TARAFINI SEÇ — AÇIK TEMA (light) override, pinova gibi
   (dark aynen kalır; sadece data-theme!=dark iken beyaz)
   ============================================================ */
html:not([data-theme="dark"]) .choose-side-section .choose-wrapper{
    background:linear-gradient(180deg,#f8f9fa 0%,#ffffff 100%) !important;
    border:1px solid rgba(0,0,0,.08) !important;
    box-shadow:0 4px 20px rgba(0,0,0,.06) !important;
}
html:not([data-theme="dark"]) .choose-side-section .choose-wrapper::before{
    background:radial-gradient(ellipse at 30% 0%, rgba(16,124,16,.06) 0%, transparent 50%),radial-gradient(ellipse at 70% 0%, rgba(93,64,55,.05) 0%, transparent 50%) !important;
}
html:not([data-theme="dark"]) .choose-side-section .choose-title{ color:#1f2937 !important; text-shadow:none !important; }
/* Logo kutuları — açık temada yumuşak */
html:not([data-theme="dark"]) .choose-side-section .choose-logo-xbox{ background:linear-gradient(135deg,rgba(16,124,16,.12),rgba(14,107,14,.08)) !important; box-shadow:0 2px 8px rgba(16,124,16,.15) !important; }
html:not([data-theme="dark"]) .choose-side-section .choose-logo-xbox i{ color:#107c10 !important; }
html:not([data-theme="dark"]) .choose-side-section .choose-logo-minecraft{ background:linear-gradient(135deg,rgba(62,39,35,.12),rgba(93,64,55,.08)) !important; box-shadow:0 2px 8px rgba(93,64,55,.15) !important; }
/* Pills — açık tema */
html:not([data-theme="dark"]) .choose-side-section .pill-btn{ border-color:rgba(0,0,0,.12) !important; color:#374151 !important; background:transparent !important; }
html:not([data-theme="dark"]) .choose-side-section .pill-btn:hover{ border-color:rgba(0,0,0,.25) !important; }
html:not([data-theme="dark"]) .choose-side-section .pill-divider{ color:#9ca3af !important; }
/* Ürün kartları — açık tema beyaz */
html:not([data-theme="dark"]) .choose-side-section .choose-wrapper .pf-product-item{ background:#ffffff !important; border:1px solid rgba(0,0,0,.08) !important; }
html:not([data-theme="dark"]) .choose-side-section .choose-wrapper .pf-product-item:hover{ background:#ffffff !important; border-color:rgba(0,0,0,.15) !important; box-shadow:0 8px 20px rgba(0,0,0,.08) !important; }
html:not([data-theme="dark"]) .choose-side-section .choose-wrapper .pf-product-item .content a.product-name{ color:#1f2937 !important; }
html:not([data-theme="dark"]) .choose-side-section .choose-wrapper .pf-product-item .price{ background:#f3f4f6 !important; }
html:not([data-theme="dark"]) .choose-side-section .choose-wrapper .pf-product-item .price .price-new{ color:#16a34a !important; }
html:not([data-theme="dark"]) .choose-side-section .choose-wrapper .pf-product-item .price .price-old{ color:#9ca3af !important; }
/* "Daha Fazla" — açık tema */
html:not([data-theme="dark"]) .choose-side-section .choose-view-card{ background:rgba(0,0,0,.02) !important; border:2px dashed rgba(0,0,0,.15) !important; }
html:not([data-theme="dark"]) .choose-side-section .choose-view-card:hover{ border-color:rgba(0,0,0,.28) !important; background:rgba(0,0,0,.03) !important; }
html:not([data-theme="dark"]) .choose-side-section .choose-view-card .view-all-icon,
html:not([data-theme="dark"]) .choose-side-section .choose-view-card .view-all-icon i,
html:not([data-theme="dark"]) .choose-side-section .choose-view-card .view-all-text,
html:not([data-theme="dark"]) .choose-side-section .choose-view-card .view-all-link{ color:#6b7280 !important; }

/* açık temada aktif pill rengi korunsun (yüksek özgüllük) */
html:not([data-theme="dark"]) .choose-side-section .pill-xbox.active{ background:#107C10 !important; border-color:#107C10 !important; color:#fff !important; box-shadow:0 6px 16px rgba(16,124,16,.35) !important; }
html:not([data-theme="dark"]) .choose-side-section .pill-minecraft.active{ background:#5b8f39 !important; border-color:#5b8f39 !important; color:#fff !important; box-shadow:0 6px 16px rgba(91,143,57,.35) !important; }


/* testimonials logo boyut + head-area düzen */
.pf-testimonials .head-area .logo{ height:60px !important; width:auto !important; max-width:240px !important; object-fit:contain !important; margin:0 auto 4px !important; }
.pf-testimonials .head-area{ text-align:center; }
.pf-testimonials .head-area .content{ margin-top:6px; }


/* ============================================================
   TESTIMONIALS — pinova gelişmiş (.pf-testimonials-area) birebir
   ============================================================ */
.pf-testimonials-area{ padding:50px 0; background:transparent; }
.pf-testimonials-area .head-area{
    margin:20px 0 40px; text-align:center;
    background:var(--bg-white,#fff); padding:50px 30px; padding-top:54px;
    border-radius:20px; border:1px solid var(--border,rgba(0,0,0,.08));
    box-shadow:0 10px 40px rgba(0,0,0,.08); position:relative; overflow:hidden;
}
.pf-testimonials-area .head-area::before{
    content:''; position:absolute; top:0; left:0; right:0; height:4px;
    background:linear-gradient(90deg,#5B9CFF,#75AEFF,#5B9CFF); z-index:1;
}
.pf-testimonials-area .head-area .flex{
    display:grid; grid-template-columns:240px 1fr; grid-gap:40px;
    align-items:center; position:relative; z-index:2;
}
.pf-testimonials-area .head-area .left a{ display:inline-block; transition:transform .3s ease; }
.pf-testimonials-area .head-area .left a:hover{ transform:scale(1.05); }
.pf-testimonials-area .head-area .left img{ max-width:220px; height:auto; filter:drop-shadow(0 4px 12px rgba(117,174,255,.2)); }
html[data-theme="dark"] .pf-testimonials-area .head-area .left img{ filter:invert(1) drop-shadow(0 4px 12px rgba(117,174,255,.2)); }
.pf-testimonials-area .head-area .stars{
    color:#ffde00; display:flex; align-items:center; justify-content:center; gap:5px;
    font-size:28px; filter:drop-shadow(0 2px 6px rgba(255,222,0,.3));
}
.pf-testimonials-area .head-area .desc{ margin:25px 0 20px; font-size:17px; line-height:1.6; color:var(--text-color,#374151); }
.pf-testimonials-area .head-area .head-text{
    background:linear-gradient(135deg,#5B9CFF 0%,#75AEFF 100%); color:#fff;
    padding:12px 24px; border-radius:25px; display:inline-flex; gap:6px;
    font-size:18px; font-weight:600; box-shadow:0 4px 15px rgba(117,174,255,.3); margin-top:20px;
}
/* kartlar */
.pf-testimonials-item{
    background:var(--bg-white,#fff); border:1px solid var(--border,rgba(0,0,0,.08));
    padding:28px; border-radius:16px; height:100%; display:flex; flex-direction:column;
    box-shadow:0 4px 20px rgba(0,0,0,.08); transition:all .3s ease; position:relative; overflow:hidden;
}
.pf-testimonials-item::before{
    content:''; position:absolute; top:0; left:0; right:0; height:3px;
    background:linear-gradient(90deg,#5B9CFF,#75AEFF); transform:scaleX(0); transition:transform .3s ease;
}
.pf-testimonials-item:hover::before{ transform:scaleX(1); }
.pf-testimonials-item:hover{ transform:translateY(-5px); box-shadow:0 8px 30px rgba(117,174,255,.15); border-color:rgba(117,174,255,.3); }
.pf-testimonials-item .desc{
    border-top:1px solid var(--border,rgba(0,0,0,.08)); border-bottom:1px solid var(--border,rgba(0,0,0,.08));
    padding:20px 0; margin:16px 0; line-break:anywhere; flex:auto; font-size:15px; line-height:1.6; color:var(--text-color,#374151);
}
.pf-testimonials-item .product{ display:flex; align-items:center; justify-content:flex-start; }
.pf-testimonials-item .product .product-link{ color:#75AEFF; font-weight:600; transition:color .3s ease; }
.pf-testimonials-item .product .product-link:hover{ color:#5B9CFF; }
.pf-testimonials-item .product .img-profile{ height:60px; width:60px; border-radius:10px; margin-right:12px; box-shadow:0 2px 8px rgba(0,0,0,.1); object-fit:cover; }
.pf-testimonials-item .product .stars{ color:#ffde00; display:flex; align-items:center; justify-content:flex-start; gap:4px; filter:drop-shadow(0 1px 3px rgba(255,222,0,.3)); }
.pf-testimonials-item .product .stars i{ font-size:16px; }
.pf-testimonials-item .product .info{ line-height:1.35; }
.pf-testimonials-item .date{ font-size:13px; color:var(--text-gray,#9ca3af); }
html[data-theme="dark"] .pf-testimonials-item{ background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.08) !important; }
html[data-theme="dark"] .pf-testimonials-area .head-area{ background:rgba(255,255,255,.03) !important; border-color:rgba(255,255,255,.08) !important; }
/* swiper okları */
.pf-testimonials-area .pf-swiper-prev, .pf-testimonials-area .pf-swiper-next{ color:#75AEFF; cursor:pointer; }
/* responsive */
@media (max-width:768px){
    .pf-testimonials-area{ padding:24px 0; }
    .pf-testimonials-area .head-area{ padding:32px 18px; margin:12px 0 20px; }
    .pf-testimonials-area .head-area .flex{ grid-template-columns:1fr; grid-gap:16px; text-align:center; }
    .pf-testimonials-area .head-area .left img{ max-width:150px; margin:0 auto; }
    .pf-testimonials-area .head-area .desc{ font-size:14px; margin:14px 0; }
    .pf-testimonials-area .head-area .stars{ font-size:24px; }
    .pf-testimonials-area .head-area .head-text{ font-size:14px; }
    .pf-testimonials-item{ padding:18px; }
}

/* ===== UX ajanı iyileştirmeleri (testimonials) ===== */
.pf-testimonials-item .desc{ line-break:auto !important; word-break:normal !important; overflow-wrap:break-word !important; hyphens:none !important; min-height:64px; }
.pf-testimonials-area .head-area .flex{ align-items:center; }
@media (min-width:769px){ .pf-testimonials-area .head-area .right{ border-left:1px solid var(--border,rgba(0,0,0,.08)); padding-left:40px; text-align:center; } }
html[data-theme="dark"] .pf-testimonials-item .product .product-link{ color:#8cc0ff !important; }
html[data-theme="dark"] .pf-testimonials-area .head-area .head-text{ box-shadow:0 4px 12px rgba(117,174,255,.22) !important; }
html[data-theme="dark"] .pf-testimonials-item .date{ color:#8a93a6 !important; }
.pf-testimonials-area .testi-title{ text-align:center; font-size:28px; font-weight:800; color:var(--text-color,#111827); margin:0 0 4px; }
.pf-testimonials-area .testi-sub{ text-align:center; color:var(--text-gray,#9ca3af); margin:0; font-size:15px; }
html[data-theme="dark"] .pf-testimonials-area .testi-title{ color:#f1f5f9; }
.pf-testimonials-area .swiper-pagination-bullet-active{ background:#5B9CFF !important; }
@media (max-width:768px){ .pf-testimonials-area .testi-title{ font-size:22px; } .pf-testimonials-area .head-area .right{ border-left:none; padding-left:0; } }

/* ===== Head-area modern iyileştirme — light/dark/mobil (v40) ===== */
/* Sayfada global yatay taşma var; mobilde bordürlü kartı bozuyordu. Kökten kes.
   Kritik: bölümü 100vw'ye SABİTLE → container ve kart doğru hizalanır (yoksa geniş
   container içinde ortalanan kart sağa taşıyordu). */
@media (max-width:768px){
    html, body{ overflow-x:hidden !important; max-width:100vw; }
    .pf-testimonials-area{ max-width:100vw !important; overflow-x:hidden !important; }
    .pf-testimonials-area > .container{ max-width:100vw !important; }
}
.pf-testimonials-area .head-area{
    background:linear-gradient(135deg,#ffffff 0%,#f1f6ff 100%) !important;
    border:1px solid rgba(91,156,255,.16) !important;
    box-shadow:0 16px 46px rgba(75,143,247,.13) !important;
    border-radius:22px;
    box-sizing:border-box; /* padding taşmasını önle (content-box'ta sağa taşıyordu) */
}
.pf-testimonials-area .head-area *{ box-sizing:border-box; }
/* köşe ışık dekoru (kart içinde clip'lenir) */
.pf-testimonials-area .head-area::after{
    content:''; position:absolute; top:-90px; right:-70px;
    width:280px; height:280px; border-radius:50%; z-index:0;
    background:radial-gradient(circle,rgba(117,174,255,.18) 0%,transparent 70%);
    pointer-events:none;
}
.pf-testimonials-area .head-area .flex{ position:relative; z-index:2; }
/* sağ metni makul genişlikte ortala (aşırı uzun tek satırı önle) */
.pf-testimonials-area .head-area .right .desc{ max-width:620px; margin-left:auto; margin-right:auto; }
.pf-testimonials-area .head-area .left img{ max-width:210px; }

/* DARK */
html[data-theme="dark"] .pf-testimonials-area .head-area{
    background:linear-gradient(135deg,rgba(91,156,255,.09) 0%,rgba(255,255,255,.03) 100%) !important;
    border-color:rgba(117,174,255,.18) !important;
    box-shadow:0 16px 46px rgba(0,0,0,.38) !important;
}
html[data-theme="dark"] .pf-testimonials-area .head-area::after{ background:radial-gradient(circle,rgba(117,174,255,.14) 0%,transparent 70%); }
html[data-theme="dark"] .pf-testimonials-area .head-area .desc{ color:#cbd5e1 !important; }
@media (min-width:769px){ html[data-theme="dark"] .pf-testimonials-area .head-area .right{ border-left-color:rgba(255,255,255,.14) !important; } }

/* MOBİL */
@media (max-width:768px){
    .pf-testimonials-area .head-area{ padding:30px 16px !important; border-radius:18px;
        box-sizing:border-box !important; width:100% !important; max-width:100% !important;
        margin-left:auto !important; margin-right:auto !important; }
    .pf-testimonials-area > .container{ max-width:100% !important; overflow:hidden; box-sizing:border-box !important; }
    .pf-testimonials-area .head-area::after{ width:180px; height:180px; top:-60px; right:-50px; }
    .pf-testimonials-area .head-area .left img{ max-width:150px; }
    .pf-testimonials-area .head-area .head-text{ padding:11px 22px; }
    .pf-testimonials-area .head-area .right .desc{ max-width:none; }
    /* grid yerine düz block — track-sizing taşmasını tamamen kaldır */
    .pf-testimonials-area .head-area .flex{ display:block !important; }
    .pf-testimonials-area .head-area .left,
    .pf-testimonials-area .head-area .right{ display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; }
    .pf-testimonials-area .head-area .left{ margin-bottom:14px; }
    .pf-testimonials-area .head-area .desc{ overflow-wrap:break-word; word-break:normal; max-width:100% !important; }
    .pf-testimonials-area .testi-sub{ padding:0 14px; }
}


/* ============================================================
   SEO İÇERİK BÖLÜMÜ (footer üstü) — light/dark/mobil (r56)
   ============================================================ */
.pf-seo-content-section{ padding:44px 0 12px; }
.pf-seo-content-section .seo-content-wrapper{ max-width:1040px; margin:0 auto; }
.pf-seo-content-section .seo-title{ font-size:24px; font-weight:800; line-height:1.35;
    color:var(--text-color,#111827); margin:0 0 18px; }
.pf-seo-content-section .seo-text-container{ position:relative; max-height:148px; overflow:hidden;
    transition:max-height .55s ease; }
.pf-seo-content-section .seo-text-container.expanded{ max-height:2200px; }
.pf-seo-content-section .seo-text-content p{ font-size:15px; line-height:1.85;
    color:var(--text-gray,#4b5563); margin:0 0 14px; }
.pf-seo-content-section .seo-text-content strong{ color:var(--text-color,#1f2937); font-weight:700; }
.pf-seo-content-section .seo-text-fade{ position:absolute; left:0; right:0; bottom:0; height:90px;
    pointer-events:none; opacity:1; transition:opacity .35s ease;
    background:linear-gradient(to bottom, transparent, var(--bg-secondary,#fff)); }
.pf-seo-content-section .seo-text-container.expanded .seo-text-fade{ opacity:0; }
.pf-seo-content-section .seo-show-more-btn{ display:inline-flex; align-items:center; gap:6px;
    margin-top:16px; cursor:pointer; background:transparent;
    border:1px solid var(--border,rgba(0,0,0,.12)); color:#5B9CFF;
    padding:9px 20px; border-radius:24px; font-size:14px; font-weight:600; transition:all .25s ease; }
.pf-seo-content-section .seo-show-more-btn:hover{ background:#5B9CFF; color:#fff; border-color:#5B9CFF; }
.pf-seo-content-section .seo-show-more-btn i{ font-size:18px; transition:transform .3s ease; }
.pf-seo-content-section .seo-show-more-btn.expanded i{ transform:rotate(180deg); }
/* DARK */
html[data-theme="dark"] .pf-seo-content-section .seo-title{ color:#f1f5f9; }
html[data-theme="dark"] .pf-seo-content-section .seo-text-content p{ color:#9aa4b2; }
html[data-theme="dark"] .pf-seo-content-section .seo-text-content strong{ color:#e2e8f0; }
html[data-theme="dark"] .pf-seo-content-section .seo-text-fade{
    background:linear-gradient(to bottom, transparent, var(--bg-secondary,#1e293b)); }
html[data-theme="dark"] .pf-seo-content-section .seo-show-more-btn{
    border-color:rgba(255,255,255,.15); color:#8cc0ff; }
html[data-theme="dark"] .pf-seo-content-section .seo-show-more-btn:hover{ background:#5B9CFF; color:#fff; border-color:#5B9CFF; }
/* MOBİL */
@media (max-width:768px){
    .pf-seo-content-section{ padding:26px 0 6px; max-width:100vw; overflow-x:hidden; }
    .pf-seo-content-section .seo-title{ font-size:19px; margin-bottom:14px; }
    .pf-seo-content-section .seo-text-content p{ font-size:14px; line-height:1.8; }
    .pf-seo-content-section .seo-text-container{ max-height:126px; }
}

/* ===== Koyu mod dekoratif arka plan (mavi/siyah çizgiler + glow) — 2026-07-12 ===== */
html[data-theme="dark"] body{
  background-color:#070b14 !important;
  background-image:
    radial-gradient(1100px 620px at 12% -8%, rgba(37,99,235,.26), transparent 60%),
    radial-gradient(1000px 700px at 108% 4%, rgba(56,120,220,.18), transparent 55%),
    repeating-linear-gradient(118deg, rgba(96,165,250,.12) 0, rgba(96,165,250,.12) 1px, transparent 1px, transparent 30px),
    repeating-linear-gradient(62deg, rgba(59,130,246,.09) 0, rgba(59,130,246,.09) 1px, transparent 1px, transparent 30px) !important;
  background-attachment:fixed,fixed,fixed,fixed !important;
  background-repeat:no-repeat,no-repeat,repeat,repeat !important;
}

/* ===== Aydinlik mod dekoratif arka plan (ayni cizgiler, acik zemine uygun mavi) — 2026-07-12 ===== */
html:not([data-theme="dark"]) body{
  background-color:#eef2f9 !important;
  background-image:
    radial-gradient(1100px 620px at 12% -8%, rgba(37,99,235,.10), transparent 60%),
    radial-gradient(1000px 700px at 108% 4%, rgba(56,120,220,.07), transparent 55%),
    repeating-linear-gradient(118deg, rgba(37,99,235,.055) 0, rgba(37,99,235,.055) 1px, transparent 1px, transparent 30px),
    repeating-linear-gradient(62deg, rgba(37,99,235,.045) 0, rgba(37,99,235,.045) 1px, transparent 1px, transparent 30px) !important;
  background-attachment:fixed,fixed,fixed,fixed !important;
  background-repeat:no-repeat,no-repeat,repeat,repeat !important;
}

/* ===== Bütünleşik çizgili yüzey: header/topbar/navbar/footer cam efekti (epic-design glassmorphism) — 2026-07-12 ===== */
/* DARK */
html[data-theme="dark"] .pg-topbar{ background:rgba(7,11,20,.50)!important; border-bottom-color:rgba(96,165,250,.12)!important; }
html[data-theme="dark"] .pg-header{ background:rgba(9,13,23,.70)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; border-bottom:1px solid rgba(96,165,250,.14)!important; box-shadow:0 2px 26px rgba(0,0,0,.38)!important; }
html[data-theme="dark"] .pf-navbar{ background:rgba(9,13,23,.58)!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important; border-bottom:1px solid rgba(96,165,250,.10)!important; }
html[data-theme="dark"] .pg-footer{ background:transparent!important; border-top:1px solid rgba(96,165,250,.13)!important; }
html[data-theme="dark"] .pg-mobile-tabbar{ background:rgba(9,13,23,.85)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; border-top:1px solid rgba(96,165,250,.14)!important; }
html[data-theme="dark"] .pg-search input{ background:rgba(255,255,255,.055)!important; }

/* LIGHT */
html:not([data-theme="dark"]) .pg-topbar{ background:rgba(238,242,249,.60)!important; border-bottom-color:rgba(37,99,235,.12)!important; }
html:not([data-theme="dark"]) .pg-header{ background:rgba(244,247,252,.78)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; border-bottom:1px solid rgba(37,99,235,.12)!important; box-shadow:0 2px 20px rgba(37,99,235,.06)!important; }
html:not([data-theme="dark"]) .pf-navbar{ background:rgba(244,247,252,.68)!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important; border-bottom:1px solid rgba(37,99,235,.10)!important; }
html:not([data-theme="dark"]) .pg-footer{ background:transparent!important; border-top:1px solid rgba(37,99,235,.12)!important; }
html:not([data-theme="dark"]) .pg-mobile-tabbar{ background:rgba(244,247,252,.88)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; border-top:1px solid rgba(37,99,235,.12)!important; }

/* ===== SEO içerik "balon" kart (ana sayfa, footer üstü) — 2026-07-12 ===== */
.pf-seo-content-section{ padding-top:10px; }
.pf-seo-content-section .seo-content-wrapper{
  background:var(--bg-secondary);
  border:1px solid var(--border-color);
  border-radius:18px;
  padding:30px 34px;
  box-shadow:0 14px 40px rgba(0,0,0,.12);
}
html[data-theme="dark"] .pf-seo-content-section .seo-content-wrapper{
  border-color:rgba(96,165,250,.18);
  box-shadow:0 18px 48px rgba(0,0,0,.36);
}
@media (max-width:768px){
  .pf-seo-content-section .seo-content-wrapper{ padding:20px 18px; border-radius:14px; }
}

/* === Gunun Firsatlari / deals kartlari KOYU TEMA uyumu (varsayilan #fff hardcode idi, koyu modda beyaz kaliyordu) === */
html[data-theme="dark"] .deals-item{ background:var(--bg-card,#12161f) !important; border-color:var(--border-color,#232a38) !important; }
html[data-theme="dark"] .deals-item:hover{ border-color:var(--accent,#3b82f6) !important; box-shadow:0 10px 24px rgba(0,0,0,.45) !important; }
html[data-theme="dark"] .deals-card-visual{ background:#0d1119 !important; border-bottom-color:rgba(255,255,255,.06) !important; }
html[data-theme="dark"] .deals-card-name{ color:var(--text-primary,#e8edf5) !important; }
html[data-theme="dark"] .deals-card:hover .deals-card-name{ color:var(--accent,#5b9cff) !important; }
html[data-theme="dark"] .deals-price-current{ color:var(--text-primary,#f1f5f9) !important; }
html[data-theme="dark"] .deals-btn-cart{ background:rgba(255,255,255,.06) !important; color:var(--text-primary,#e8edf5) !important; border-color:var(--border-color,#2a3342) !important; }
html[data-theme="dark"] .deals-btn-cart:hover{ background:rgba(255,255,255,.12) !important; color:#fff !important; }

/* === Mobil tabbar sepet rozeti === */
.pg-tab-cart .pg-tab-ico{ position:relative; display:inline-flex; }
.pg-tab-badge{ position:absolute; top:-6px; right:-9px; min-width:16px; height:16px; padding:0 4px; background:#ef4444; color:#fff; font-size:10px; font-weight:800; line-height:16px; text-align:center; border-radius:999px; box-shadow:0 0 0 2px var(--bg-secondary,#0f1420); }

/* === Sepet sayac rozeti: gizli durum + ekleme pop animasyonu === */
.js-cart-count.is-hidden{ display:none !important; }
@keyframes cartPop{ 0%{transform:scale(.4);} 60%{transform:scale(1.35);} 100%{transform:scale(1);} }
.cart-pop{ animation:cartPop .35s ease; }

/* ---------- 29v2. MOBİL HEADER (giriş yapmış): logo altında TAM-GENİŞLİK Bakiye Yükle ---------- */
/* Düzen: SATIR1 logo + [avatar/bildirim/tema]  |  SATIR2 tam-genişlik yeşil "Bakiye Yükle + bakiye"  |  SATIR3 arama */
.pg-mobile-balance{ display:none; }  /* masaüstünde gizli */
@media (max-width:768px){
  /* SATIR 1: logo solda büyür, aksiyon ikonları sağda aynı satırda */
  .pg-header.pg-auth .pg-logo{ order:1!important; flex:1 1 auto!important; margin:0!important; }
  .pg-header.pg-auth .pg-header-actions{
    order:2!important; flex:0 0 auto!important; width:auto!important;
    justify-content:flex-end!important; gap:6px!important; flex-wrap:nowrap!important;
  }
  /* aksiyonlarda sadece avatar + bildirim + tema (bakiye/sepet zaten gizli) */
  .pg-header.pg-auth .pg-header-actions .pg-user-btn{
    padding:0!important; border:none!important; background:transparent!important; margin:0!important; flex:0 0 auto!important;
  }
  .pg-header.pg-auth .pg-header-actions .pg-user-btn .pg-user-info{ display:none!important; }
  .pg-header.pg-auth .pg-header-actions .pg-user-avatar{ width:38px!important; height:38px!important; font-size:15px!important; }
  .pg-header.pg-auth .pg-header-actions .pg-btn-icon{ width:38px!important; height:38px!important; min-width:38px!important; }
  .pg-header.pg-auth .pg-header-actions .pg-theme-toggle{ width:38px!important; height:38px!important; flex:0 0 auto!important; }

  /* SATIR 2: logonun altında tam-genişlik yeşil Bakiye Yükle butonu */
  .pg-header.pg-auth .pg-mobile-balance{
    display:flex!important; order:5!important; flex:1 1 100%!important; width:100%!important;
    align-items:center!important; justify-content:space-between!important;
    height:48px!important; padding:0 16px!important; margin:0!important;
    background:linear-gradient(135deg,#22c55e,#16a34a)!important; color:#fff!important;
    border-radius:12px!important; text-decoration:none!important;
    box-shadow:0 3px 12px rgba(34,197,94,.28)!important;
  }
  .pg-header.pg-auth .pg-mobile-balance:active{ transform:translateY(1px)!important; }
  .pg-header.pg-auth .pg-mobile-balance .pg-mb-left{
    display:inline-flex!important; align-items:center!important; gap:7px!important;
    font-weight:700!important; font-size:15px!important; color:#fff!important;
  }
  .pg-header.pg-auth .pg-mobile-balance .pg-mb-left i{ font-size:20px!important; }
  .pg-header.pg-auth .pg-mobile-balance .pg-mb-bal{
    font-weight:700!important; font-size:13.5px!important; color:#fff!important;
    background:rgba(255,255,255,.22)!important; padding:4px 10px!important; border-radius:8px!important; white-space:nowrap!important;
  }

  /* SATIR 3: arama en altta */
  .pg-header.pg-auth .pg-search{ order:10!important; flex:1 1 100%!important; width:100%!important; }
}

/* ---------- 30. MOBİL ÜST ŞERİT — mevcut .pg-topbar'ı mobilde göster, 3 rozet de (pinova tarzı) ---------- */
@media (max-width:992px){
  .pg-topbar{ display:block !important; padding:7px 0 !important; }
  .pg-topbar .container{ display:flex !important; justify-content:center !important; align-items:center !important; padding-left:8px !important; padding-right:8px !important; }
  .pg-topbar .pg-topbar-right{ display:none !important; }        /* Yardım/İletişim → alt tabbar & footer'da mevcut */
  .pg-topbar .pg-topbar-left{
    display:flex !important; flex-wrap:nowrap !important; justify-content:center !important; align-items:center !important;
    gap:13px !important; font-size:11px !important; white-space:nowrap !important; overflow:hidden !important; width:100% !important;
  }
  .pg-topbar .pg-topbar-left span{ display:inline-flex !important; align-items:center !important; }
  .pg-topbar .pg-topbar-left i{ margin-right:4px !important; font-size:13px !important; }
}
/* Dar ekranda 3 rozet de sığsın → gap/font küçült (gizleme yok) */
@media (max-width:430px){
  .pg-topbar .pg-topbar-left{ gap:9px !important; font-size:10px !important; }
  .pg-topbar .pg-topbar-left i{ margin-right:3px !important; font-size:12px !important; }
}
@media (max-width:345px){
  .pg-topbar .pg-topbar-left{ gap:6px !important; font-size:9px !important; }
  .pg-topbar .pg-topbar-left i{ font-size:11px !important; }
}

/* ---------- 31. MOBİL ARAMA "çift kutu" düzeltmesi ---------- */
/* Sorun: pill (.pg-search-box) içindeki input'un KENDİ arka planı+radius'u vardı → kutu içinde kutu.
   Yüksek özgüllükle input'u tamamen şeffaf/köşesiz yapıp tek pill görünümü sağlar. Her iki tema. */
@media (max-width:992px){
  html .pg-header .pg-search .pg-search-box input,
  html[data-theme="dark"]  .pg-header .pg-search .pg-search-box input,
  html[data-theme="light"] .pg-header .pg-search .pg-search-box input,
  html:not([data-theme="dark"]) .pg-header .pg-search .pg-search-box input{
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    outline:none !important;
    padding:0 !important;
  }
}

/* ---------- 32. MOBİL ARAMA — büyüteç ikonu metinle çakışıyordu ---------- */
/* Sorun: .pg-search-icon absolute sol 15px + input metni ~18px'den başlıyor → ikon "O" harfine biniyor
   (2 daire yan yana = sanki 2 büyüteç). Çözüm: ikonu flex akışına al, metinden önce, gap ile ayır. */
@media (max-width:992px){
  .pg-header .pg-search .pg-search-box{ position:relative !important; }
  .pg-header .pg-search .pg-search-box .pg-search-icon{
    position:static !important;
    order:-1 !important;
    left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;
    transform:none !important;
    flex:0 0 auto !important;
    margin:0 !important;
    pointer-events:none !important;
  }
  .pg-header .pg-search .pg-search-box input{ padding-left:0 !important; }
}

/* ---------- 33. TEMA-DUYARLI LOGO — koyu temada koyu-logo (sepet beyaz) ---------- */
/* Sorun: tek (açık) logo kullanılıyordu; koyu "sepet" yazısı koyu temada kayboluyordu.
   img_dark (blue oyun + white sepet) koyu temada gösterilir. data-theme her zaman set (varsayılan dark). */
.pg-logo .pg-logo-dark{ display:none; }
html[data-theme="dark"] .pg-logo .pg-logo-light{ display:none !important; }
html[data-theme="dark"] .pg-logo .pg-logo-dark{ display:inline-block !important; }

/* ---------- 34. AŞAĞI KAYDIRINCA RENDER (content-visibility) — fold-altı ana sayfa bölümleri ---------- */
/* Tarayıcı ekran-dışı bölümleri render etmez → daha hızlı ilk boyama, daha az ana-iş-parçacığı yükü.
   İçerik DOM'da kalır (SEO güvenli). Eski tarayıcıda otomatik yok sayılır (graceful). */
.pf-section,
.pf-testimonials-area,
.pg-stats,
.pg-section{
  content-visibility: auto;
  contain-intrinsic-size: auto 800px;
}