/* ==========================================================================
 * FANOTA — Tasarım Temaları (public) — 10 bağımsız tasarım
 * --------------------------------------------------------------------------
 * Her tema gövde sınıfı (body.fanota-theme-N) altında TÜM --fan-* token'larını
 * (yüzey/çizgi/gölge dahil) + tipografi + bileşen biçimini baştan tanımlar.
 *
 * KAPSAM: Değişkenler .fanota-enhanced ŞARTI OLMADAN body.fanota-theme-N'e
 * bağlıdır. CSS değişkenleri kalıtımla tüm alt öğelere indiğinden, var(--fan-*)
 * kullanan HER sayfa (ana sayfa/home-layout, karşılaştırma, ui.css sayfaları)
 * yeniden temalanır. themes.css head'in en sonunda yüklenir → eşitlikte kazanır.
 *
 * 1 Editoryal(açık·serif) · 2 Brütalist(mono) · 3 Lüks Serif · 4 Yumuşak Yuvarlak
 * 5 Kurumsal SaaS(açık) · 6 Organik · 7 Enerjik Poster · 8 Minimal Galeri(açık)
 * 9 Neon Teknoloji · 10 Klasik Kurumsal
 * ========================================================================== */

/* ---- ortak: bileşen geçişleri yumuşak ---- */
body[class*="fanota-theme-"] .card,
body[class*="fanota-theme-"] .btn,
body[class*="fanota-theme-"] button{ transition:background .2s,border-color .2s,box-shadow .2s,transform .15s; }

/* =================== 1 · EDİTORYAL (AÇIK, SERİF) =================== */
body.fanota-theme-1{
  --fan-bg:#f6f3ec;--fan-bg-2:#efe9dd;--fan-text:#1c1a16;--fan-muted:#6b6459;--fan-dim:#8b8478;
  --fan-gold:#9a6b3f;--fan-gold-2:#7c5530;--fan-gold-soft:rgba(154,107,63,.10);
  --fan-surface:#ffffff;--fan-surface-2:#fbf8f2;--fan-surface-soft:rgba(0,0,0,.025);
  --fan-line:rgba(28,26,22,.14);--fan-line-strong:rgba(28,26,22,.30);
  --fan-shadow:0 18px 50px rgba(60,50,35,.10);--fan-shadow-soft:0 10px 28px rgba(60,50,35,.07);
  --fan-radius-xl:6px;--fan-radius-lg:4px;--fan-radius-md:3px;--brand-logo-filter:none;
  background:var(--fan-bg)!important;color:var(--fan-text);
  font-family:Georgia,'Iowan Old Style','Times New Roman',serif;
}
body.fanota-theme-1 h1,body.fanota-theme-1 h2,body.fanota-theme-1 h3{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.012em;color:var(--fan-text)}
body.fanota-theme-1 .card{background:var(--fan-surface);border:1px solid var(--fan-line);box-shadow:none;border-radius:4px}
body.fanota-theme-1 .card:hover{box-shadow:var(--fan-shadow-soft);transform:none}
body.fanota-theme-1 .btn,body.fanota-theme-1 button{border-radius:2px}
body.fanota-theme-1 .btn.primary{background:var(--fan-text);color:#f6f3ec;border:1px solid var(--fan-text);text-transform:uppercase;letter-spacing:.04em;font-size:.84em;font-family:Georgia,serif}
body.fanota-theme-1 .btn.primary:hover{background:var(--fan-gold-2);border-color:var(--fan-gold-2)}

/* =================== 2 · BRÜTALİST (MONO) =================== */
body.fanota-theme-2{
  --fan-bg:#0a0a0a;--fan-bg-2:#000;--fan-text:#f2f2f0;--fan-muted:#9a9a92;--fan-dim:#6f6f68;
  --fan-gold:#e8ff5a;--fan-gold-2:#c6e02f;--fan-gold-soft:rgba(232,255,90,.12);
  --fan-surface:#111;--fan-surface-2:#0c0c0c;--fan-surface-soft:rgba(255,255,255,.03);
  --fan-line:#2b2b2b;--fan-line-strong:#4a4a4a;
  --fan-shadow:6px 6px 0 var(--fan-gold);--fan-shadow-soft:4px 4px 0 #4a4a4a;
  --fan-radius-xl:0;--fan-radius-lg:0;--fan-radius-md:0;--brand-logo-filter:invert(1);
  background:var(--fan-bg)!important;color:var(--fan-text);
  font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,'Liberation Mono',monospace;
}
body.fanota-theme-2 h1,body.fanota-theme-2 h2,body.fanota-theme-2 h3{font-family:inherit;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
body.fanota-theme-2 .card{background:var(--fan-surface);border:2px solid var(--fan-text);border-radius:0;box-shadow:6px 6px 0 var(--fan-gold)}
body.fanota-theme-2 .card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--fan-gold)}
body.fanota-theme-2 .btn,body.fanota-theme-2 button{border-radius:0;text-transform:uppercase;letter-spacing:.07em;font-family:inherit;font-weight:800}
body.fanota-theme-2 .btn.primary{background:var(--fan-gold);color:#0a0a0a;border:2px solid #0a0a0a;box-shadow:4px 4px 0 #000}
body.fanota-theme-2 .btn.primary:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}

/* =================== 3 · LÜKS SERİF (KOYU, YUVARLAK) =================== */
body.fanota-theme-3{
  --fan-bg:#0a0907;--fan-bg-2:#13110b;--fan-text:#f3ece0;--fan-muted:#b3a892;--fan-dim:#8a7f6c;
  --fan-gold:#cba25e;--fan-gold-2:#a07c3f;--fan-gold-soft:rgba(203,162,94,.13);
  --fan-surface:rgba(26,22,15,.92);--fan-surface-2:rgba(18,15,10,.96);--fan-surface-soft:rgba(255,255,255,.03);
  --fan-line:rgba(203,162,94,.22);--fan-line-strong:rgba(203,162,94,.46);
  --fan-shadow:0 34px 90px rgba(0,0,0,.5);--fan-shadow-soft:0 20px 50px rgba(0,0,0,.4);
  --fan-radius-xl:30px;--fan-radius-lg:24px;--fan-radius-md:16px;--brand-logo-filter:invert(1);
  background:radial-gradient(120% 80% at 50% -10%,#15120c 0%,var(--fan-bg) 60%)!important;color:var(--fan-text);
  font-family:Inter,system-ui,Arial,sans-serif;
}
body.fanota-theme-3 h1,body.fanota-theme-3 h2,body.fanota-theme-3 h3{font-family:'Playfair Display',Georgia,serif;font-weight:700;color:var(--fan-text)}
body.fanota-theme-3 .card{background:linear-gradient(160deg,var(--fan-surface),var(--fan-surface-2));border:1px solid var(--fan-line);border-radius:24px;box-shadow:var(--fan-shadow-soft)}
body.fanota-theme-3 .card:hover{border-color:var(--fan-line-strong);box-shadow:var(--fan-shadow);transform:translateY(-3px)}
body.fanota-theme-3 .btn,body.fanota-theme-3 button{border-radius:999px}
body.fanota-theme-3 .btn.primary{background:linear-gradient(180deg,var(--fan-gold),var(--fan-gold-2));color:#1a130a;border:0;box-shadow:0 12px 30px rgba(203,162,94,.28)}
body.fanota-theme-3 .btn.primary:hover{filter:brightness(1.06)}

/* =================== 4 · YUMUŞAK YUVARLAK (KOYU, PASTEL) =================== */
body.fanota-theme-4{
  --fan-bg:#14121c;--fan-bg-2:#1b1827;--fan-text:#efecf6;--fan-muted:#aaa3c0;--fan-dim:#7f7a96;
  --fan-gold:#b9a3f5;--fan-gold-2:#8f78d6;--fan-gold-soft:rgba(185,163,245,.14);
  --fan-surface:#1f1b2e;--fan-surface-2:#191525;--fan-surface-soft:rgba(255,255,255,.04);
  --fan-line:rgba(185,163,245,.18);--fan-line-strong:rgba(185,163,245,.4);
  --fan-shadow:0 30px 70px rgba(30,20,60,.5);--fan-shadow-soft:0 18px 44px rgba(30,20,60,.35);
  --fan-radius-xl:34px;--fan-radius-lg:26px;--fan-radius-md:18px;--brand-logo-filter:invert(1);
  background:var(--fan-bg)!important;color:var(--fan-text);
  font-family:Inter,system-ui,Arial,sans-serif;
}
body.fanota-theme-4 h1,body.fanota-theme-4 h2,body.fanota-theme-4 h3{font-weight:700;letter-spacing:-.01em}
body.fanota-theme-4 .card{background:var(--fan-surface);border:1px solid var(--fan-line);border-radius:26px;box-shadow:var(--fan-shadow-soft)}
body.fanota-theme-4 .card:hover{transform:translateY(-4px);box-shadow:var(--fan-shadow)}
body.fanota-theme-4 .btn,body.fanota-theme-4 button{border-radius:999px}
body.fanota-theme-4 .btn.primary{background:var(--fan-gold);color:#171327;border:0;box-shadow:0 10px 26px rgba(185,163,245,.32)}

/* =================== 5 · KURUMSAL SAAS (AÇIK, MAVİ) =================== */
body.fanota-theme-5{
  --fan-bg:#f4f6fb;--fan-bg-2:#e9eef7;--fan-text:#172033;--fan-muted:#5a6577;--fan-dim:#8a93a3;
  --fan-gold:#2f6bff;--fan-gold-2:#1f4fd0;--fan-gold-soft:rgba(47,107,255,.10);
  --fan-surface:#ffffff;--fan-surface-2:#f7f9fd;--fan-surface-soft:rgba(0,0,0,.02);
  --fan-line:rgba(23,32,51,.12);--fan-line-strong:rgba(23,32,51,.24);
  --fan-shadow:0 16px 44px rgba(31,60,120,.12);--fan-shadow-soft:0 8px 24px rgba(31,60,120,.08);
  --fan-radius-xl:14px;--fan-radius-lg:10px;--fan-radius-md:8px;--brand-logo-filter:none;
  background:var(--fan-bg)!important;color:var(--fan-text);
  font-family:Inter,'Segoe UI',system-ui,Arial,sans-serif;
}
body.fanota-theme-5 h1,body.fanota-theme-5 h2,body.fanota-theme-5 h3{font-weight:700;letter-spacing:-.015em;color:var(--fan-text)}
body.fanota-theme-5 .card{background:var(--fan-surface);border:1px solid var(--fan-line);border-radius:10px;box-shadow:var(--fan-shadow-soft)}
body.fanota-theme-5 .card:hover{box-shadow:var(--fan-shadow);transform:translateY(-2px)}
body.fanota-theme-5 .btn,body.fanota-theme-5 button{border-radius:8px}
body.fanota-theme-5 .btn.primary{background:var(--fan-gold);color:#fff;border:0;box-shadow:0 8px 20px rgba(47,107,255,.28)}
body.fanota-theme-5 input,body.fanota-theme-5 select,body.fanota-theme-5 textarea{background:#fff;color:var(--fan-text);border:1px solid var(--fan-line);border-radius:8px}

/* =================== 6 · ORGANİK (KOYU SICAK, YEŞİL) =================== */
body.fanota-theme-6{
  --fan-bg:#0f120c;--fan-bg-2:#161a10;--fan-text:#eef2e4;--fan-muted:#aab59a;--fan-dim:#7f8a6e;
  --fan-gold:#9fcf6a;--fan-gold-2:#6f9e3f;--fan-gold-soft:rgba(159,207,106,.13);
  --fan-surface:#171c11;--fan-surface-2:#11150c;--fan-surface-soft:rgba(255,255,255,.03);
  --fan-line:rgba(159,207,106,.18);--fan-line-strong:rgba(159,207,106,.4);
  --fan-shadow:0 26px 64px rgba(0,0,0,.45);--fan-shadow-soft:0 16px 40px rgba(0,0,0,.32);
  --fan-radius-xl:22px;--fan-radius-lg:18px;--fan-radius-md:12px;--brand-logo-filter:invert(1);
  background:var(--fan-bg)!important;color:var(--fan-text);
  font-family:'Iowan Old Style',Georgia,Inter,system-ui,serif;
}
body.fanota-theme-6 h1,body.fanota-theme-6 h2,body.fanota-theme-6 h3{font-family:'Iowan Old Style',Georgia,serif;font-weight:700}
body.fanota-theme-6 .card{background:var(--fan-surface);border:1px solid var(--fan-line);border-radius:18px;box-shadow:var(--fan-shadow-soft)}
body.fanota-theme-6 .card:hover{transform:translateY(-3px);box-shadow:var(--fan-shadow)}
body.fanota-theme-6 .btn,body.fanota-theme-6 button{border-radius:14px}
body.fanota-theme-6 .btn.primary{background:var(--fan-gold);color:#141a0c;border:0}

/* =================== 7 · ENERJİK POSTER (KOYU, CANLI) =================== */
body.fanota-theme-7{
  --fan-bg:#120a0a;--fan-bg-2:#1c0f0d;--fan-text:#fff4ee;--fan-muted:#d6a99c;--fan-dim:#a87b6f;
  --fan-gold:#ff5a3c;--fan-gold-2:#e23c1f;--fan-gold-soft:rgba(255,90,60,.14);
  --fan-surface:#1d100e;--fan-surface-2:#160b0a;--fan-surface-soft:rgba(255,255,255,.04);
  --fan-line:rgba(255,90,60,.22);--fan-line-strong:rgba(255,90,60,.5);
  --fan-shadow:0 24px 60px rgba(0,0,0,.5);--fan-shadow-soft:0 14px 36px rgba(0,0,0,.35);
  --fan-radius-xl:10px;--fan-radius-lg:8px;--fan-radius-md:6px;--brand-logo-filter:invert(1);
  background:var(--fan-bg)!important;color:var(--fan-text);
  font-family:Inter,'Arial Black',system-ui,sans-serif;
}
body.fanota-theme-7 h1,body.fanota-theme-7 h2,body.fanota-theme-7 h3{font-weight:900;letter-spacing:-.02em;text-transform:uppercase}
body.fanota-theme-7 .card{background:var(--fan-surface);border:1px solid var(--fan-line);border-radius:8px;box-shadow:var(--fan-shadow-soft)}
body.fanota-theme-7 .card:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--fan-shadow)}
body.fanota-theme-7 .btn,body.fanota-theme-7 button{border-radius:6px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
body.fanota-theme-7 .btn.primary{background:var(--fan-gold);color:#1a0a08;border:0;box-shadow:0 8px 22px rgba(255,90,60,.34)}

/* =================== 8 · MİNİMAL GALERİ (AÇIK, FERAH) =================== */
body.fanota-theme-8{
  --fan-bg:#fbfbfa;--fan-bg-2:#f3f3f1;--fan-text:#17170f;--fan-muted:#6f6f68;--fan-dim:#8a8a82;
  --fan-gold:#17170f;--fan-gold-2:#000;--fan-gold-soft:rgba(0,0,0,.05);
  --fan-surface:#ffffff;--fan-surface-2:#fafafa;--fan-surface-soft:rgba(0,0,0,.015);
  --fan-line:rgba(0,0,0,.08);--fan-line-strong:rgba(0,0,0,.16);
  --fan-shadow:0 12px 40px rgba(0,0,0,.06);--fan-shadow-soft:0 6px 20px rgba(0,0,0,.04);
  --fan-radius-xl:2px;--fan-radius-lg:1px;--fan-radius-md:0px;--brand-logo-filter:none;
  background:var(--fan-bg)!important;color:var(--fan-text);
  font-family:Inter,'Helvetica Neue',system-ui,Arial,sans-serif;
}
body.fanota-theme-8 h1,body.fanota-theme-8 h2,body.fanota-theme-8 h3{font-weight:300;letter-spacing:.01em;color:var(--fan-text)}
body.fanota-theme-8 .card{background:var(--fan-surface);border:0;box-shadow:none;border-radius:0}
body.fanota-theme-8 .card:hover{box-shadow:var(--fan-shadow-soft);transform:none}
body.fanota-theme-8 .btn,body.fanota-theme-8 button{border-radius:0}
body.fanota-theme-8 .btn.primary{background:var(--fan-text);color:#fff;border:0;letter-spacing:.08em;text-transform:uppercase;font-size:.8em;font-weight:500}
body.fanota-theme-8 .badge,body.fanota-theme-8 .chips>*{border:0;background:var(--fan-bg-2);border-radius:0;letter-spacing:.06em;font-size:.78em}

/* =================== 9 · NEON TEKNOLOJİ (KOYU, NEON) =================== */
body.fanota-theme-9{
  --fan-bg:#06080f;--fan-bg-2:#0a0e1a;--fan-text:#e8f6ff;--fan-muted:#8fa6c4;--fan-dim:#5f7493;
  --fan-gold:#22e7ff;--fan-gold-2:#13a9c4;--fan-gold-soft:rgba(34,231,255,.12);
  --fan-surface:rgba(16,22,38,.86);--fan-surface-2:rgba(10,14,26,.94);--fan-surface-soft:rgba(255,255,255,.04);
  --fan-line:rgba(34,231,255,.22);--fan-line-strong:rgba(34,231,255,.5);
  --fan-shadow:0 0 40px rgba(34,231,255,.18),0 24px 60px rgba(0,0,0,.55);--fan-shadow-soft:0 0 22px rgba(34,231,255,.12);
  --fan-radius-xl:14px;--fan-radius-lg:10px;--fan-radius-md:8px;--brand-logo-filter:invert(1);
  background:radial-gradient(100% 70% at 50% 0,#0b1426 0,var(--fan-bg) 65%)!important;color:var(--fan-text);
  font-family:Inter,system-ui,Arial,sans-serif;
}
body.fanota-theme-9 h1,body.fanota-theme-9 h2,body.fanota-theme-9 h3{font-weight:700;letter-spacing:.01em;color:var(--fan-text)}
body.fanota-theme-9 .card{background:var(--fan-surface);border:1px solid var(--fan-line);border-radius:10px;box-shadow:var(--fan-shadow-soft)}
body.fanota-theme-9 .card:hover{border-color:var(--fan-line-strong);box-shadow:var(--fan-shadow);transform:translateY(-2px)}
body.fanota-theme-9 .btn,body.fanota-theme-9 button{border-radius:8px}
body.fanota-theme-9 .btn.primary{background:var(--fan-gold);color:#04222a;border:0;box-shadow:0 0 24px rgba(34,231,255,.4)}

/* =================== 10 · KLASİK KURUMSAL (KOYU LACİVERT) =================== */
body.fanota-theme-10{
  --fan-bg:#0c1320;--fan-bg-2:#111b2e;--fan-text:#eaeefb;--fan-muted:#9fabc4;--fan-dim:#74819c;
  --fan-gold:#c7a96b;--fan-gold-2:#9c8146;--fan-gold-soft:rgba(199,169,107,.12);
  --fan-surface:#13203a;--fan-surface-2:#0f1a30;--fan-surface-soft:rgba(255,255,255,.03);
  --fan-line:rgba(199,169,107,.2);--fan-line-strong:rgba(199,169,107,.42);
  --fan-shadow:0 26px 64px rgba(0,0,0,.5);--fan-shadow-soft:0 14px 38px rgba(0,0,0,.34);
  --fan-radius-xl:8px;--fan-radius-lg:6px;--fan-radius-md:4px;--brand-logo-filter:invert(1);
  background:var(--fan-bg)!important;color:var(--fan-text);
  font-family:Georgia,'Times New Roman',Inter,serif;
}
body.fanota-theme-10 h1,body.fanota-theme-10 h2,body.fanota-theme-10 h3{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:.005em;color:var(--fan-text)}
body.fanota-theme-10 .top nav a{font-family:Georgia,serif;letter-spacing:.03em}
body.fanota-theme-10 .card{background:var(--fan-surface);border:1px solid var(--fan-line);border-radius:6px;box-shadow:var(--fan-shadow-soft)}
body.fanota-theme-10 .card:hover{border-color:var(--fan-line-strong);box-shadow:var(--fan-shadow)}
body.fanota-theme-10 .btn,body.fanota-theme-10 button{border-radius:4px}
body.fanota-theme-10 .btn.primary{background:var(--fan-gold);color:#14110a;border:0}

/* ==========================================================================
 * KAPSAMA KATMANI — sabit-renkli alt sistemleri tema değişkenlerine bağlar
 * Yalnız bir tema aktifken (body[class*="fanota-theme-"]) devreye girer;
 * tema yokken varsayılan görünüm AYNEN korunur. Çekirdek CSS değişmez.
 * ========================================================================== */

/* --- Global header (her sayfada) --- */
body[class*="fanota-theme-"] .fgl-sticky-header{ background:var(--fan-bg-2); border-bottom:1px solid var(--fan-line); color:var(--fan-text); }
body[class*="fanota-theme-"] .fgl-sticky-header a{ color:var(--fan-text); }
body[class*="fanota-theme-"] .fgl-sticky-header a:hover{ color:var(--fan-gold); }

/* --- Duyuru şeridi --- */
body[class*="fanota-theme-"] .fgl-announcement,
body[class*="fanota-theme-"] .fgl-announcement.theme-gold,
body[class*="fanota-theme-"] .fgl-announcement.theme-dark,
body[class*="fanota-theme-"] .fgl-announcement.theme-light{ background:var(--fan-gold-soft); color:var(--fan-text); border-bottom:1px solid var(--fan-line); }
body[class*="fanota-theme-"] .fgl-announcement a{ color:var(--fan-gold); }

/* --- Global footer (her sayfada) --- */
body[class*="fanota-theme-"] .fgl-footer-shell,
body[class*="fanota-theme-"] .fgl-footer-bottom{ background:var(--fan-bg-2); border-top:1px solid var(--fan-line); color:var(--fan-muted); }
body[class*="fanota-theme-"] .fgl-footer-brand,
body[class*="fanota-theme-"] .fgl-footer-column h4,
body[class*="fanota-theme-"] .fgl-footer-column strong{ color:var(--fan-text); }
body[class*="fanota-theme-"] .fgl-footer-shell a,
body[class*="fanota-theme-"] .fgl-footer-bottom a,
body[class*="fanota-theme-"] .fgl-footer-contact a{ color:var(--fan-muted); }
body[class*="fanota-theme-"] .fgl-footer-shell a:hover,
body[class*="fanota-theme-"] .fgl-footer-bottom a:hover{ color:var(--fan-gold); }
body[class*="fanota-theme-"] .fgl-footer-socials a{ border:1px solid var(--fan-line); color:var(--fan-text); }

/* --- Ana sayfa (home-layout) --- */
body[class*="fanota-theme-"] .fhl-hero,
body[class*="fanota-theme-"] .fhl-hero.fhl-theme-light{ background:linear-gradient(160deg,var(--fan-bg-2),var(--fan-bg)); color:var(--fan-text); border:1px solid var(--fan-line); }
body[class*="fanota-theme-"] .fhl-button{ background:var(--fan-gold); color:var(--fan-bg); border:0; }
body[class*="fanota-theme-"] .fhl-slider-dots button.active{ background:var(--fan-gold); }
body[class*="fanota-theme-"] .fhl-hero-stock.in{ color:var(--fan-gold); }
body[class*="fanota-theme-"] [class^="fhl-"] h1,
body[class*="fanota-theme-"] [class^="fhl-"] h2,
body[class*="fanota-theme-"] [class^="fhl-"] h3{ color:var(--fan-text); }

/* --- Sepet / arama / karşılaştırma / güven / mobil bar (commerce-plus) --- */
body[class*="fanota-theme-"] .fanota-search-suggestions,
body[class*="fanota-theme-"] .fanota-mobile-product-bar,
body[class*="fanota-theme-"] .fanota-compare-bar,
body[class*="fanota-theme-"] .fanota-compare-hero,
body[class*="fanota-theme-"] .fanota-recent-grid,
body[class*="fanota-theme-"] .fanota-trust-grid{ background:var(--fan-surface); color:var(--fan-text); border:1px solid var(--fan-line); }
body[class*="fanota-theme-"] .fanota-compare-table{ color:var(--fan-text); border-color:var(--fan-line); }
body[class*="fanota-theme-"] .fanota-compare-table th,
body[class*="fanota-theme-"] .fanota-compare-table td{ border-color:var(--fan-line); }
body[class*="fanota-theme-"] .fanota-recent-heading,
body[class*="fanota-theme-"] .fanota-trust-grid strong{ color:var(--fan-text); }
body[class*="fanota-theme-"] .fanota-trust-grid span,
body[class*="fanota-theme-"] .fanota-recent-placeholder{ color:var(--fan-muted); }
body[class*="fanota-theme-"] .fanota-global-cart-badge{ background:var(--fan-gold); color:var(--fan-bg); }
body[class*="fanota-theme-"] .fanota-search-suggestions a,
body[class*="fanota-theme-"] .fanota-compare-bar a{ color:var(--fan-text); }
body[class*="fanota-theme-"] .fanota-mobile-product-bar .btn.primary{ background:var(--fan-gold); color:var(--fan-bg); }

/* --- Rehber (guides) --- */
body[class*="fanota-theme-"] .guide-live-card,
body[class*="fanota-theme-"] .guide-detail-content,
body[class*="fanota-theme-"] .guide-detail-hero,
body[class*="fanota-theme-"] .guide-products,
body[class*="fanota-theme-"] .guide-related,
body[class*="fanota-theme-"] .guide-empty{ background:var(--fan-surface); color:var(--fan-text); border:1px solid var(--fan-line); }
body[class*="fanota-theme-"] .guide-page-head,
body[class*="fanota-theme-"] .guide-detail-content h1,
body[class*="fanota-theme-"] .guide-detail-content h2,
body[class*="fanota-theme-"] .guide-detail-content h3{ color:var(--fan-text); }
body[class*="fanota-theme-"] .guide-detail-content,
body[class*="fanota-theme-"] .guide-detail-content p,
body[class*="fanota-theme-"] .guide-meta,
body[class*="fanota-theme-"] .meta{ color:var(--fan-muted); }
body[class*="fanota-theme-"] .guide-detail-content a,
body[class*="fanota-theme-"] .guide-live-card a{ color:var(--fan-gold); }
body[class*="fanota-theme-"] .guide-detail-content strong{ color:var(--fan-text); }

/* --- Hukuki sayfalar (legal) --- */
body[class*="fanota-theme-"] .legal-section,
body[class*="fanota-theme-"] .toc,
body[class*="fanota-theme-"] .legal-grid,
body[class*="fanota-theme-"] .legal-note,
body[class*="fanota-theme-"] .legal-table{ background:var(--fan-surface); color:var(--fan-text); border:1px solid var(--fan-line); }
body[class*="fanota-theme-"] .legal-table th,
body[class*="fanota-theme-"] .legal-table td{ border-color:var(--fan-line); }
body[class*="fanota-theme-"] .legal-section,
body[class*="fanota-theme-"] .legal-section p,
body[class*="fanota-theme-"] .lead,
body[class*="fanota-theme-"] .legal-meta{ color:var(--fan-muted); }
body[class*="fanota-theme-"] .legal-section h1,
body[class*="fanota-theme-"] .legal-section h2,
body[class*="fanota-theme-"] .legal-section h3,
body[class*="fanota-theme-"] .toc strong{ color:var(--fan-text); }
body[class*="fanota-theme-"] .toc a,
body[class*="fanota-theme-"] .legal-links a,
body[class*="fanota-theme-"] .legal-section a{ color:var(--fan-gold); }

/* --- Genel emniyet: tema altındaki ana içerik kapsayıcıları --- */
body[class*="fanota-theme-"] .wrap,
body[class*="fanota-theme-"] .content,
body[class*="fanota-theme-"] main{ color:var(--fan-text); }

/* --- Ana sayfa derlenmiş paketi (assets/index-*.css) token remap --- */
/* Bundle kendi --bg/--fg/--accent token'larını kullanır; bunları tema
 * token'larına bağlayarak o bileşenleri de temalandırırız. */
body[class*="fanota-theme-"]{
  --bg:var(--fan-bg); --bg-2:var(--fan-bg-2);
  --fg:var(--fan-text); --fg-2:var(--fan-muted); --muted:var(--fan-muted);
  --card:var(--fan-surface); --line:var(--fan-line); --accent:var(--fan-gold);
  --accent-soft:var(--fan-gold-soft); --accent-line:var(--fan-line-strong);
}

/* Logo kontrastı: eski sayfalardaki sabit invert(1) kurallarını temaya bağlar. */
body[class*="fanota-theme-"] .brand img,
body[class*="fanota-theme-"] .logo img,
body[class*="fanota-theme-"] img[data-fanota-logo]{filter:var(--brand-logo-filter)!important}

/* Açık temalarda eski koyu-form arka planlarını güvenli biçimde düzeltir. */
body.fanota-theme-1 input,body.fanota-theme-1 select,body.fanota-theme-1 textarea,
body.fanota-theme-5 input,body.fanota-theme-5 select,body.fanota-theme-5 textarea,
body.fanota-theme-8 input,body.fanota-theme-8 select,body.fanota-theme-8 textarea{
  background:var(--fan-surface)!important;color:var(--fan-text)!important;border-color:var(--fan-line)!important
}
body.fanota-theme-8 .btn:not(.secondary):not(.danger):not(.outline){color:#fff!important}

/* ==========================================================================
 * FAZ 3 — Sayfa-türüne özel tema yerleşimleri
 * Ürün detay, katalog, arama ve marka sayfalarında temaya göre strüktür.
 * ========================================================================== */

/* Ortak ürün detay güvenliği */
body[class*="fanota-theme-"][data-catalog-page="product-detail"] main.grid{display:grid;align-items:start}
body[class*="fanota-theme-"][data-catalog-page="product-detail"] main.grid>section{min-width:0}
body[class*="fanota-theme-"][data-catalog-page="product-detail"] .cards{display:grid}

/* T2 · Brütalist */
body.fanota-theme-2[data-catalog-page="product-detail"] main.grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:26px!important}
body.fanota-theme-2[data-catalog-page="product-detail"] .gallery{position:sticky;top:84px}
body.fanota-theme-2[data-catalog-page="product-detail"] .live-gallery-thumbs{display:flex;flex-wrap:wrap;gap:6px}
body.fanota-theme-2[data-catalog-page="product-detail"] .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

/* T3 · Lüks — bilgi solda, galeri sağda */
body.fanota-theme-3[data-catalog-page="product-detail"] main.grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;gap:40px!important}
body.fanota-theme-3[data-catalog-page="product-detail"] .gallery{order:2;position:sticky;top:90px}
body.fanota-theme-3[data-catalog-page="product-detail"] main.grid>section:not(.gallery){order:1}
body.fanota-theme-3[data-catalog-page="product-detail"] .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}

/* T4 · Yumuşak — dikey yığın */
body.fanota-theme-4[data-catalog-page="product-detail"] main.grid{grid-template-columns:1fr!important;gap:28px!important;max-width:980px;margin-inline:auto}
body.fanota-theme-4[data-catalog-page="product-detail"] .gallery{max-width:760px;margin-inline:auto;width:100%}
body.fanota-theme-4[data-catalog-page="product-detail"] main.grid>section:not(.gallery){text-align:center}
body.fanota-theme-4[data-catalog-page="product-detail"] .actions{justify-content:center}
body.fanota-theme-4[data-catalog-page="product-detail"] .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:left}

/* T5 · Kurumsal SaaS */
body.fanota-theme-5[data-catalog-page="product-detail"] main.grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:30px!important}
body.fanota-theme-5[data-catalog-page="product-detail"] .gallery{position:sticky;top:84px}
body.fanota-theme-5[data-catalog-page="product-detail"] .actions{position:sticky;bottom:0;z-index:4;background:var(--fan-bg);padding:10px 0;border-top:1px solid var(--fan-line)}
body.fanota-theme-5[data-catalog-page="product-detail"] .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}

/* T6 · Organik */
body.fanota-theme-6[data-catalog-page="product-detail"] main.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px!important}
body.fanota-theme-6[data-catalog-page="product-detail"] .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

/* T7 · Enerjik Poster */
body.fanota-theme-7[data-catalog-page="product-detail"] main.grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)!important;gap:30px!important}
body.fanota-theme-7[data-catalog-page="product-detail"] .price strong{font-size:1.6em}
body.fanota-theme-7[data-catalog-page="product-detail"] .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

/* T8 · Minimal Galeri */
body.fanota-theme-8[data-catalog-page="product-detail"] main.grid{grid-template-columns:1fr!important;gap:40px!important;max-width:900px;margin-inline:auto}
body.fanota-theme-8[data-catalog-page="product-detail"] .gallery{max-width:820px;margin-inline:auto;width:100%}
body.fanota-theme-8[data-catalog-page="product-detail"] main.grid>section:not(.gallery){text-align:center}
body.fanota-theme-8[data-catalog-page="product-detail"] .actions{justify-content:center}
body.fanota-theme-8[data-catalog-page="product-detail"] .panel{text-align:left}
body.fanota-theme-8[data-catalog-page="product-detail"] .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

/* T9 · Neon Teknoloji */
body.fanota-theme-9[data-catalog-page="product-detail"] main.grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:28px!important}
body.fanota-theme-9[data-catalog-page="product-detail"] .gallery{position:sticky;top:84px}
body.fanota-theme-9[data-catalog-page="product-detail"] .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}

/* T10 · Klasik Kurumsal */
body.fanota-theme-10[data-catalog-page="product-detail"] main.grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:30px!important}
body.fanota-theme-10[data-catalog-page="product-detail"] .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}

/* Katalog ve arama ürün ızgaraları */
body.fanota-theme-2:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid,
body.fanota-theme-7:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.fanota-theme-5:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid,
body.fanota-theme-9:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.fanota-theme-8:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

/* Marka sayfası */
body.fanota-theme-2[data-catalog-page="brands"] .brandgrid,
body.fanota-theme-7[data-catalog-page="brands"] .brandgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.fanota-theme-5[data-catalog-page="brands"] .brandgrid,
body.fanota-theme-9[data-catalog-page="brands"] .brandgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.fanota-theme-8[data-catalog-page="brands"] .brandgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

/* Ara genişlik: aşırı sıkışmayı engelle */
@media(max-width:1180px){
  body[class*="fanota-theme-"][data-catalog-page="product-detail"] .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.fanota-theme-5:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid,
  body.fanota-theme-9:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Tablet */
@media(max-width:860px){
  body[class*="fanota-theme-"][data-catalog-page="product-detail"] main.grid{grid-template-columns:1fr!important}
  body[class*="fanota-theme-"][data-catalog-page="product-detail"] .gallery{position:static!important;order:0!important}
  body[class*="fanota-theme-"][data-catalog-page="product-detail"] main.grid>section:not(.gallery){order:1!important}
  body[class*="fanota-theme-"]:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid,
  body[class*="fanota-theme-"][data-catalog-page="brands"] .brandgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Telefon */
@media(max-width:620px){
  body[class*="fanota-theme-"][data-catalog-page="product-detail"] .cards,
  body[class*="fanota-theme-"]:is([data-catalog-page="category"],[data-catalog-page="products"],[data-catalog-page="search"]) #grid,
  body[class*="fanota-theme-"][data-catalog-page="brands"] .brandgrid{grid-template-columns:1fr!important}
  body.fanota-theme-5[data-catalog-page="product-detail"] .actions{position:static}
}