/* ============ DropShip — Temalı Tasarım Sistemi ============ */
/* Varsayılan tema: AK Lime (sportif). Diğer şablonlar [data-theme] ile uygulanır. */
:root {
  --primary: #a4d037;
  --primary-dark: #8cbf22;
  --primary-light: #f1f8de;
  --on-primary: #14161c;     /* --primary üzerine gelen metin rengi */
  --ink: #14161c;
  --ink-soft: #2a2d36;
  --bg: #ffffff;
  --bg-soft: #f4f5ef;
  --surface: #ffffff;
  --muted: #6b7280;
  --line: #ebedf0;
  --success: #2f9e1f;
  --danger: #e11d48;
  --radius: 14px;
  --radius-sm: 10px;
  --shadow-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.05);
  --shadow: 0 8px 26px rgba(16,24,40,.10);
  --shadow-lg: 0 16px 40px rgba(20,22,28,.18);

  --bs-primary: #a4d037;
  --bs-primary-rgb: 164,208,55;
  --bs-link-color: #14161c;
  --bs-link-hover-color: #8cbf22;
  --bs-body-color: #14161c;
  --bs-body-bg: #ffffff;
  --bs-border-color: #ebedf0;
}

/* Buton köşelerini her temanın --radius-sm değişkenine bağla (tema bazında değişsin) */
.btn { border-radius: var(--radius-sm); }
.btn-lg { border-radius: var(--radius-sm); }

/* ============================================================= */
/* ===  TEMAYA ÖZEL HEADER / LAYOUT İSKELETLERİ  ============== */
/* (her tema farklı header yapısı + içerik genişliği + sidebar)  */
/* ============================================================= */
.container-narrow { max-width:1080px; }
.container-wide { max-width:1480px; margin-left:auto; margin-right:auto; padding-left:1.2rem; padding-right:1.2rem; }


/* ============================================================= */
/* ===  ÜST DUYURU BARI (temaya göre farklı)  ================= */
/* ============================================================= */
.topbar { background:var(--ink); color:var(--bg); font-size:.82rem; font-weight:600; text-align:center; padding:.45rem 0; letter-spacing:.02em; }
.topbar .container { display:flex; justify-content:center; align-items:center; }
[data-theme="ak"] .topbar { background:var(--primary); color:var(--on-primary); }

/* ============================================================= */
/* ===  TEMAYA ÖZEL HERO DÜZENLERİ (farklı HTML markup)  ====== */
/* ============================================================= */
.hero-eyebrow { display:inline-block; font-size:.8rem; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--primary); margin-bottom:.5rem; }
.hero-cta { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; margin-top:1.4rem; }
.hero-textlink { font-weight:600; text-transform:uppercase; letter-spacing:.08em; font-size:.85rem; color:var(--ink); border-bottom:1px solid currentColor; padding-bottom:2px; }

* { scroll-behavior: smooth; }

body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: var(--bg); color: var(--ink); margin-bottom: 0 !important; -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6, .navbar-brand { font-family: 'Archivo','Inter',sans-serif; font-weight: 800; color: var(--ink); letter-spacing: -0.01em; }
h1, h2, .section-head h2, .hero-title { text-transform: uppercase; letter-spacing: .02em; }
a { text-decoration: none; }

/* ---------- Navbar ---------- */
.navbar { background: rgba(255,255,255,.92) !important; backdrop-filter: saturate(180%) blur(12px); border-bottom: 1px solid var(--line); box-shadow: var(--shadow-sm); padding-top: .6rem; padding-bottom: .6rem; }
.navbar-brand { font-size: 1.45rem; color: var(--ink) !important; display: inline-flex; align-items: center; gap: .4rem; text-transform: uppercase; }
.navbar-brand i { color: var(--primary); font-size: 1.5rem; }
/* Yüklenen firma logosu (üst menü + footer) */
.brand-logo { height: 42px; max-width: 200px; width: auto; object-fit: contain; display: block; }
.brand-logo-footer { height: 48px; max-width: 220px; }
.navbar .nav-link { color: var(--ink-soft) !important; font-weight: 600; border-radius: 8px; padding: .4rem .8rem !important; text-transform: uppercase; font-size: .9rem; letter-spacing: .02em; transition: all .15s ease; }
.navbar .nav-link:hover { color: var(--ink) !important; background: var(--primary-light); }
.dropdown-menu { border:1px solid var(--line); border-radius: var(--radius-sm); box-shadow: var(--shadow); }
.dropdown-item { font-weight:500; padding:.45rem 1rem; }
.dropdown-item:hover { background: var(--primary-light); }

.cart-pill { position: relative; display: inline-flex; align-items: center; gap: .4rem; background: var(--primary); color: var(--on-primary) !important; padding: .45rem .9rem; border-radius: 999px; font-weight: 700; text-transform: uppercase; font-size: .85rem; transition: all .15s ease; }
.cart-pill:hover { transform: translateY(-1px); box-shadow: var(--shadow); color: var(--on-primary) !important; }
.cart-pill .badge-count { background: var(--ink); color: var(--bg); border-radius: 999px; font-size: .72rem; min-width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; padding: 0 5px; font-weight: 700; }

/* Üst sağ ikon butonları (giriş / kayıt / sepet / hesap) */
.hdr-icon { position: relative; width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--ink); font-size: 1.3rem; text-decoration: none; border: none; background: transparent; transition: background .15s ease; }
.hdr-icon:hover { background: var(--primary-light); color: var(--ink); }
.hdr-icon::after { display: none !important; } /* dropdown caret gizle */
.hdr-icon .badge-count { position: absolute; top: 0; right: -1px; background: var(--ink); color: var(--bg); border: 2px solid var(--surface); border-radius: 999px; font-size: .64rem; min-width: 19px; height: 19px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; padding: 0 4px; font-weight: 700; }

.nav-search { position: relative; min-width: 220px; }
.nav-search input { border-radius: 999px; border: 1px solid var(--line); background: #fff; padding: .5rem 1rem .5rem 2.4rem; width: 100%; }
.nav-search input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-light); outline: none; }
.nav-search i { position: absolute; left: .9rem; top: 50%; transform: translateY(-50%); color: var(--muted); }

/* Sayfa genişliği: büyük ekranlarda sağ/sol boşluğu azalt (daha geniş içerik) */
@media (min-width: 1200px) { .container { max-width: 1540px; } }

/* Çoklu seçmeli filtre pill'leri (cinsiyet / numara / renk / stok durumu) */
.filter-checks { display: flex; flex-wrap: wrap; gap: .35rem; }
.filter-checks.scroll { max-height: 172px; overflow: auto; padding: 2px; }
.fchk { position: relative; display: inline-flex; align-items: center; padding: .32rem .72rem; border: 1px solid var(--line); border-radius: 999px; cursor: pointer; font-size: .84rem; user-select: none; margin: 0; background: #fff; transition: all .12s ease; }
.fchk input { position: absolute; opacity: 0; width: 0; height: 0; }
.fchk:hover { border-color: var(--primary); }
.fchk:has(input:checked) { background: var(--primary); border-color: var(--primary); color: var(--on-primary); font-weight: 600; }

/* Modern arama paneli (üstten animasyonla iner) */
.search-backdrop { position: fixed; inset: 0; background: rgba(15,18,22,.45); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s; z-index: 1090; }
.search-backdrop.open { opacity: 1; visibility: visible; }
.search-panel { position: fixed; left: 0; right: 0; top: 0; background: var(--surface); box-shadow: var(--shadow); border-bottom: 1px solid var(--line); transform: translateY(-105%); opacity: 0; visibility: hidden; transition: transform .4s cubic-bezier(.16,1,.3,1), opacity .3s ease, visibility .4s; z-index: 1100; padding: 1.4rem 0; }
.search-panel.open { transform: translateY(0); opacity: 1; visibility: visible; }
.search-panel-form { display: flex; align-items: center; gap: .7rem; position: relative; max-width: 820px; margin: 0 auto; }
.search-panel-form > .bi-search { position: absolute; left: 1.2rem; font-size: 1.25rem; color: var(--muted); pointer-events: none; }
.search-panel-form input { flex: 1; font-size: 1.15rem; padding: .95rem 1.1rem .95rem 3.1rem; border: 2px solid var(--line); border-radius: 999px; transition: border-color .15s, box-shadow .15s; }
.search-panel-form input:focus { border-color: var(--primary); outline: none; box-shadow: 0 0 0 4px var(--primary-light); }
.search-close { background: transparent; border: none; font-size: 1.25rem; color: var(--muted); width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0; transition: all .15s; }
.search-close:hover { background: var(--bg-soft); color: var(--ink); }
.search-hint { max-width: 820px; margin-left: auto; margin-right: auto; }

/* Yükleniyor (loading) overlay — filtre/sayfa geçişlerinde */
.loading-overlay { position: fixed; inset: 0; background: rgba(255,255,255,.6); backdrop-filter: blur(2px); display: none; align-items: center; justify-content: center; z-index: 2000; }
.loading-overlay.show { display: flex; }
.loading-spinner { width: 52px; height: 52px; border: 4px solid var(--line); border-top-color: var(--primary); border-radius: 50%; animation: ldspin .8s linear infinite; }
@keyframes ldspin { to { transform: rotate(360deg); } }

/* Ürün sayfası kategori banner'ı */
.cat-page-banner { min-height: 150px; }
.cat-page-banner .content h3 { font-size: 1.7rem; text-shadow: 0 1px 8px rgba(0,0,0,.5); }

/* ---------- Buttons ---------- */
.btn { border-radius: 10px; font-weight: 700; padding: .55rem 1.2rem; transition: all .15s ease; }
.btn-lg { padding: .8rem 1.7rem; border-radius: 12px; text-transform: uppercase; letter-spacing: .03em; }
.btn-primary { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
.btn-primary:hover { background: var(--primary-dark); border-color: var(--primary-dark); color: var(--on-primary); transform: translateY(-1px); box-shadow: var(--shadow); }
.btn-outline-primary { color: var(--ink); border-color: var(--ink); }
.btn-outline-primary:hover { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
.btn-dark { background: var(--ink); border-color: var(--ink); color: var(--bg); }
.btn-success { background: var(--success); border-color: var(--success); color:#fff; }
.btn-light { background:#fff; border:1px solid var(--line); color: var(--ink); }
.btn-link { color: var(--ink); font-weight:700; }

/* ---------- Cards ---------- */
.card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.product-card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); overflow: hidden; height: 100%; display: flex; flex-direction: column; box-shadow: var(--shadow-sm); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; position: relative; }
.product-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-color: var(--primary); }
.product-card .thumb { position: relative; aspect-ratio: 4/3; overflow: hidden; background: var(--bg-soft); }
.product-card .thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.product-card:hover .thumb img { transform: scale(1.06); }
.product-card .body { padding: 1rem 1.1rem 1.2rem; display: flex; flex-direction: column; flex: 1; }
.product-card .cat { color: var(--muted); font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.product-card .title { font-weight: 600; font-size: 1rem; margin: .25rem 0 .15rem; color: var(--ink); font-family:'Inter',sans-serif; }
.product-card .desc { color: var(--muted); font-size: .85rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.product-card .price { font-size: 1.2rem; font-weight: 800; color: var(--ink); font-family:'Archivo',sans-serif; }
.product-card .old-price { color: var(--muted); text-decoration: line-through; font-size: .9rem; margin-left: .4rem; font-weight:500; }
.product-card .foot { margin-top: auto; padding-top: .8rem; display: flex; align-items: center; justify-content: space-between; gap:.5rem; }

.pc-badge { position: absolute; top: .7rem; left: .7rem; z-index: 2; padding: .3rem .6rem; border-radius: 999px; font-size: .72rem; font-weight: 800; text-transform: uppercase; box-shadow: var(--shadow-sm); }
.pc-badge.sale { background: var(--ink); color: var(--primary); }
.pc-badge.new  { background: var(--primary); color: var(--on-primary); }
.pc-fav { position: absolute; top: .6rem; right: .6rem; z-index: 2; width: 34px; height: 34px; border-radius: 999px; background: rgba(255,255,255,.92); border:none; color:#9aa0ad; display: inline-flex; align-items: center; justify-content: center; transition: all .15s ease; }
.pc-fav:hover { color: var(--danger); transform: scale(1.1); }
.pc-fav.active, .pc-fav.active:hover { color: var(--danger); }

/* Modern kart: kare/tutarlı görsel + hover'da 2. görsele geçiş (kırpmasız) */
.product-card .thumb { aspect-ratio: 1 / 1; }
.product-card .thumb img { object-fit: contain; padding: .55rem; background: var(--bg-soft); }
.product-card .thumb .thumb-main { position: absolute; inset: 0; }
.product-card .thumb .thumb-hover { position: absolute; inset: 0; opacity: 0; transition: opacity .4s ease; }
.product-card:hover .thumb .thumb-hover { opacity: 1; }
.product-card:hover .thumb img { transform: none; }

/* Yıldız puanı */
.pc-rating { display: flex; align-items: center; gap: 1px; color: #f5b50a; font-size: .82rem; margin: .15rem 0; }
.pc-rating .bi-star { color: #d7dbe0; }
.pc-rating .cnt { color: var(--muted); font-size: .72rem; margin-left: .35rem; }

/* Hızlı Bakış (hover'da görsel üstünde belirir) */
.pc-quick { position: absolute; left: 50%; bottom: .8rem; transform: translate(-50%, 14px); z-index: 2; opacity: 0; transition: all .25s ease; background: rgba(20,22,28,.85); color: #fff; border: none; border-radius: 999px; padding: .42rem .95rem; font-size: .8rem; font-weight: 600; white-space: nowrap; pointer-events: none; }
.product-card:hover .pc-quick { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.pc-quick:hover { background: var(--primary); color: var(--on-primary); }

/* Skeleton (yüklenirken) kartlar */
.skeleton-card { pointer-events: none; box-shadow: var(--shadow-sm); }
.skeleton-card .sk-thumb { aspect-ratio: 1 / 1; }
.skeleton-card .sk-body { padding: 1rem 1.1rem 1.2rem; }
.skeleton-card .sk-thumb, .skeleton-card .sk-line { background: linear-gradient(90deg, #ececec 25%, #f6f6f6 50%, #ececec 75%); background-size: 200% 100%; animation: sksh 1.2s infinite; }
.skeleton-card .sk-line { height: 12px; border-radius: 6px; margin-bottom: .55rem; }
.skeleton-card .sk-line.w40 { width: 40%; }
.skeleton-card .sk-line.w50 { width: 50%; }
.skeleton-card .sk-line.w80 { width: 80%; }
@keyframes sksh { to { background-position: -200% 0; } }

.stock-dot { display:inline-flex; align-items:center; gap:.35rem; font-size:.85rem; font-weight:600; }
.stock-dot.in  { color: var(--success); }
.stock-dot.out { color: var(--danger); }
.stock-dot .dot { width:8px; height:8px; border-radius:999px; background: currentColor; }

/* ---------- Hero ---------- */
.hero { background: var(--bg-soft); border-radius: 22px; padding: clamp(1.8rem,4vw,3.4rem); overflow: hidden; border: 1px solid var(--line); }
.hero-pill { display:inline-flex; align-items:center; gap:.4rem; background:var(--primary); color:var(--on-primary); padding:.35rem .85rem; border-radius:999px; font-size:.8rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.hero-title { font-family:'Archivo',sans-serif; font-weight:900; font-size: clamp(2rem,5vw,3.6rem); line-height: .98; color: var(--ink); margin:.9rem 0; }
.hero-sub { color: var(--ink-soft); font-size: 1.1rem; max-width: 460px; }
.hero-img { width:100%; border-radius:18px; object-fit:cover; box-shadow: var(--shadow); }
.hero-collage { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
.hero-collage a { display:block; border-radius:16px; overflow:hidden; aspect-ratio:1; box-shadow:var(--shadow-sm); background:var(--bg-soft); }
.hero-collage img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.hero-collage a:hover img { transform:scale(1.07); }

/* ---------- Promo band ---------- */
.promo-band { background: var(--primary); border-radius: 18px; padding: 2rem 2.4rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; margin: 2rem 0; }
.promo-band h2 { margin:0; font-size: clamp(1.4rem,3vw,2.2rem); color: var(--on-primary); }
.promo-band h2 .hl { background: var(--ink); color: var(--primary); padding: 0 .35rem; border-radius: 4px; }
.promo-band .promo-link { color: var(--on-primary); font-weight:800; text-transform:uppercase; border-bottom:3px solid var(--on-primary); padding-bottom:2px; }

/* ---------- Category banners ---------- */
.cat-banner { position: relative; display:block; border-radius: var(--radius); overflow:hidden; min-height: 220px; box-shadow: var(--shadow-sm); }
.cat-banner img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; transition: transform .4s ease; }
.cat-banner:hover img { transform: scale(1.06); }
.cat-banner .overlay { position:absolute; inset:0; background: linear-gradient(90deg, rgba(20,22,28,.72) 0%, rgba(20,22,28,.25) 60%, transparent 100%); }
.cat-banner .content { position:absolute; left:0; bottom:0; padding:1.4rem 1.6rem; z-index:2; }
.cat-banner .content h3 { color:#fff; font-size:1.6rem; margin-bottom:.6rem; }

/* ---------- Category tiles ---------- */
.cat-tile { display:flex; flex-direction:column; align-items:center; gap:.5rem; padding:1.3rem 1rem; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-sm); transition: all .18s ease; color:var(--ink); height:100%; }
.cat-tile:hover { transform:translateY(-4px); box-shadow:var(--shadow); border-color:var(--primary); }
.cat-tile .ico { width:54px; height:54px; border-radius:14px; background:var(--primary-light); color:var(--ink); display:inline-flex; align-items:center; justify-content:center; font-size:1.6rem; }
.cat-tile span { font-weight:700; text-transform:uppercase; font-size:.85rem; }
.cat-card-ico { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:2.6rem; color:var(--ink); opacity:.5; }
.cat-card .content h3 { text-shadow:0 1px 6px rgba(0,0,0,.55); }
.cat-card .content { padding-right:.6rem; }

/* Üst menü: ana kategori öğeleri + üzerine gelince alt kategori dropdown'ı */
.has-dd { position: relative; }
.has-dd > .nav-link { display:inline-flex; align-items:center; gap:.3rem; cursor:pointer; }
.nav-dd { display:none; position:absolute; left:0; top:100%; min-width:215px; background:#fff; border:1px solid var(--line); border-top:3px solid var(--primary); border-radius:0 0 12px 12px; box-shadow:var(--shadow); padding:.45rem; z-index:1050; }
.has-dd:hover > .nav-dd, .nav-dd:hover { display:block; }
.nav-dd a { display:block; padding:.45rem .65rem; border-radius:8px; color:var(--muted); text-decoration:none; font-size:.9rem; line-height:1.3; }
.nav-dd a:hover { background:var(--primary-light); color:var(--ink); }
@media (max-width: 991.98px) { .nav-dd { display:none !important; } }

/* ---------- Section headings ---------- */
.section-head { display:flex; align-items:center; justify-content:space-between; margin: 2.2rem 0 1.1rem; }
.section-head h2 { font-size: 1.5rem; margin:0; }
.section-head a { color:var(--ink); font-weight:700; font-size:.85rem; text-transform:uppercase; }
.section-head a:hover { color:var(--primary-dark); }

/* feature strip */
.feature-strip { display:flex; gap:1rem; flex-wrap:wrap; }
.feature-strip .item { flex:1 1 200px; display:flex; gap:.8rem; align-items:center; background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--radius); padding:1rem 1.2rem; }
.feature-strip .item i { font-size:1.6rem; color:var(--ink); }
.feature-strip .item .t { font-weight:700; font-size:.95rem; }
.feature-strip .item .s { color:var(--muted); font-size:.82rem; }

/* ---------- Filter / forms ---------- */
.filter-bar { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:1rem; box-shadow:var(--shadow-sm); }
.form-control, .form-select { border-radius:10px; border:1px solid #e2e5ef; padding:.6rem .9rem; }
.form-control:focus, .form-select:focus { border-color:var(--primary); box-shadow:0 0 0 3px var(--primary-light); }
.list-group-item.active { background:var(--ink); border-color:var(--ink); }

.chip { display:inline-flex; align-items:center; gap:.35rem; background:var(--primary-light); color:var(--ink); padding:.3rem .7rem; border-radius:999px; font-size:.8rem; font-weight:700; }

.table { --bs-table-bg: transparent; }
.panel { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-sm); padding:1.25rem 1.4rem; }

.breadcrumb { background:transparent; padding:0; }
.breadcrumb a { color:var(--muted); }
.breadcrumb .active { color:var(--ink); }

/* theme picker (admin) */
.theme-card { cursor:pointer; border:2px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:all .15s ease; background:var(--surface); }
.theme-card:hover { border-color:var(--primary); transform:translateY(-3px); box-shadow:var(--shadow); }
.theme-card.selected { border-color:var(--primary); box-shadow:0 0 0 3px var(--primary-light); }
.theme-card .meta { padding:.8rem 1rem; }

/* Tema kartı canlı mini önizlemesi: data-theme ile her tema kendi gerçek
   paletinde (zemin/yüzey/çizgi/aksan/köşe-yuvarlaklığı) render olur. */
.theme-preview { background:var(--bg); padding:9px; height:150px; display:flex; flex-direction:column; gap:7px; overflow:hidden; }
.theme-preview * { box-sizing:border-box; }
.theme-preview .tp-bar { display:flex; align-items:center; gap:5px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-sm); padding:5px 7px; }
.theme-preview .tp-logo { width:20px; height:7px; border-radius:3px; background:var(--primary); }
.theme-preview .tp-nav { width:14px; height:4px; border-radius:2px; background:var(--ink); opacity:.45; }
.theme-preview .tp-nav.s { width:9px; }
.theme-preview .tp-dot { width:7px; height:7px; border-radius:50%; background:var(--primary); margin-left:auto; }
.theme-preview .tp-hero { flex:1; background:var(--bg-soft); border-radius:var(--radius-sm); padding:9px 10px; display:flex; flex-direction:column; gap:5px; justify-content:center; }
.theme-preview .tp-h { height:6px; width:72%; border-radius:3px; background:var(--ink); opacity:.85; }
.theme-preview .tp-h.s { width:46%; opacity:.45; }
.theme-preview .tp-btn { margin-top:2px; height:10px; width:38px; border-radius:999px; background:var(--primary); }
.theme-preview .tp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.theme-preview .tp-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-sm); padding:4px; display:flex; flex-direction:column; gap:3px; box-shadow:var(--shadow-sm); }
.theme-preview .tp-thumb { height:18px; border-radius:calc(var(--radius-sm) * .6); background:var(--bg-soft); }
.theme-preview .tp-line { height:3px; width:80%; border-radius:2px; background:var(--ink); opacity:.35; }
.theme-preview .tp-price { height:4px; width:44%; border-radius:2px; background:var(--primary); }

/* ---------- Footer ---------- */
.site-footer { background:#0f1115; color:#c7cad6; margin-top:4rem; padding:3rem 0 1.5rem; }
.site-footer h6 { color:#fff; margin-bottom:1rem; text-transform:uppercase; }
.site-footer a { color:#9aa0b4; display:block; padding:.18rem 0; }
.site-footer a:hover { color:var(--primary); }
.site-footer .brand { font-family:'Archivo',sans-serif; font-weight:800; font-size:1.3rem; color:#fff; text-transform:uppercase; }
.site-footer .brand i { color:var(--primary); }
.site-footer .copy { border-top:1px solid rgba(255,255,255,.08); margin-top:2rem; padding-top:1.2rem; color:#7d8295; font-size:.85rem; }

.toast-host { position: fixed; top: 84px; right: 20px; z-index: 1100; }

/* WhatsApp yüzen buton */
.wa-float { position: fixed; right: 20px; bottom: 20px; z-index: 1090; width: 54px; height: 54px; border-radius: 999px; background: #25D366; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.7rem; box-shadow: 0 6px 20px rgba(37,211,102,.5); transition: transform .15s ease; }
.wa-float:hover { transform: scale(1.08); color: #fff; }

/* Yasal sayfa metni */
.legal h5 { color: var(--ink); }
.legal p, .legal li { line-height: 1.7; }

.qty { display:inline-flex; align-items:center; border:1px solid #e2e5ef; border-radius:10px; overflow:hidden; }
.qty button { border:none; background:#f6f7fb; width:38px; height:42px; font-size:1.1rem; color:var(--ink); }
.qty input { width:54px; height:42px; border:none; text-align:center; background:transparent; color:var(--ink); }

.empty-state { text-align:center; padding:3.5rem 1rem; color:var(--muted); }
.empty-state i { font-size:3.2rem; color:#c9cdda; }

/* ============ ADMIN TEMPLATE ============ */
.admin-shell { display:flex; min-height:100vh; background:#f3f4f7; }
.admin-sidebar { width:248px; flex-shrink:0; background:#0f1115; color:#c7cad6; padding:1.1rem .8rem; position:sticky; top:0; height:100vh; overflow:auto; }
.admin-sidebar .brand { color:#fff; font-family:'Archivo',sans-serif; font-weight:800; text-transform:uppercase; font-size:1.15rem; display:flex; gap:.45rem; align-items:center; padding:.2rem .6rem 1rem; }
.admin-sidebar .brand i { color:var(--primary); font-size:1.35rem; }
.admin-nav a { display:flex; align-items:center; gap:.7rem; color:#a6acba; padding:.62rem .8rem; border-radius:10px; font-weight:600; font-size:.92rem; margin-bottom:.12rem; transition:all .12s ease; }
.admin-nav a:hover { background:#1a1d25; color:#fff; }
.admin-nav a.active { background:var(--primary); color:var(--on-primary); }
.admin-nav a i { font-size:1.12rem; width:20px; text-align:center; }
.admin-nav .label { color:#6b7280; font-size:.7rem; text-transform:uppercase; letter-spacing:.06em; padding:.9rem .8rem .3rem; font-weight:700; }
.admin-content { flex:1; min-width:0; display:flex; flex-direction:column; }
.admin-topbar { background:#fff; border-bottom:1px solid var(--line); padding:.7rem 1.4rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; position:sticky; top:0; z-index:10; }
.admin-topbar .ttl { font-family:'Archivo',sans-serif; font-weight:800; text-transform:uppercase; font-size:1.05rem; color:var(--ink); }
.admin-body { padding:1.6rem 1.4rem; }
.admin-badge { background:var(--danger); color:#fff; border-radius:999px; font-size:.68rem; font-weight:700; padding:0 6px; min-width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; margin-left:auto; }

.stat-card { background:#fff; border:1px solid var(--line); border-radius:14px; padding:1.1rem 1.2rem; box-shadow:var(--shadow-sm); display:flex; align-items:center; gap:1rem; height:100%; }
.stat-card .ico { width:48px; height:48px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; font-size:1.4rem; flex-shrink:0; }
.stat-card .val { font-family:'Archivo',sans-serif; font-weight:800; font-size:1.7rem; line-height:1; color:var(--ink); }
.stat-card .lbl { color:var(--muted); font-size:.85rem; margin-top:.2rem; }
.ic-green { background:#eaf7d3; color:#5f8a0c; }
.ic-blue  { background:#e0f2fe; color:#0284c7; }
.ic-amber { background:#fef3c7; color:#b45309; }
.ic-rose  { background:#ffe4e6; color:#be123c; }
.ic-indigo{ background:#eef2ff; color:#4f46e5; }
.ic-dark  { background:#e5e7eb; color:#111827; }

@media (max-width: 991px) {
  .admin-shell { flex-direction:column; }
  .admin-sidebar { width:100%; height:auto; position:static; }
  .admin-nav { display:flex; flex-wrap:wrap; gap:.25rem; }
  .admin-nav .label { width:100%; }
}

html { font-size: 15px; position: relative; min-height: 100%; }
@media (min-width: 768px) { html { font-size: 16px; } }

/* ═══════════════════════════════════════════════════════════════════════════
   LAYOUT MOTORLARI (arşetipler) — sınıf & [data-archetype] bazlı, tema-agnostik.
   Palet 31 [data-theme] token bloğundan; koyu mod [data-mode="dark"] cilasından.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Ortak: yatay kaydırmalı ürün rayı */
.rail-track { display:flex; gap:1rem; overflow-x:auto; scroll-snap-type:x mandatory; padding:.25rem .1rem 1rem; -webkit-overflow-scrolling:touch; scrollbar-width:thin; }
.rail-track > .col { flex:0 0 auto; width:min(74vw,232px); scroll-snap-align:start; }
.rail-track::-webkit-scrollbar { height:8px; }
.rail-track::-webkit-scrollbar-thumb { background:var(--line); border-radius:99px; }

/* ───────────── MOTOR: Marketplace Mega ───────────── */
.mega-shell{ display:flex; align-items:flex-start; gap:0; }
.hdr-mega{ flex:0 0 264px; align-self:stretch; position:sticky; top:0; height:100vh; background:var(--surface); border-right:1px solid var(--line); padding:1.2rem 1rem; display:flex; flex-direction:column; gap:1rem; overflow-y:auto; z-index:1030; }
.hdr-mega .hm-brand{ font-weight:800; font-size:1.3rem; color:var(--ink)!important; display:flex; align-items:center; gap:.4rem; }
.hdr-mega .hm-brand i{ color:var(--primary); }
.hdr-mega .hm-actions{ display:flex; align-items:center; gap:.25rem; padding:.15rem 0 .5rem; border-bottom:1px solid var(--line); }
.hdr-mega .hm-cat-head{ font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); display:flex; align-items:center; gap:.4rem; }
.hdr-mega .hm-nav{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:1px; }
.hdr-mega .hm-nav .nav-item{ position:relative; }
.hdr-mega .hm-nav .nav-link{ display:flex; align-items:center; justify-content:space-between; color:var(--ink-soft)!important; font-weight:600; font-size:.92rem; padding:.55rem .7rem!important; border-radius:8px; }
.hdr-mega .hm-nav .nav-link:hover{ background:var(--primary-light); color:var(--primary-dark)!important; }
.hdr-mega .hm-nav .nav-dd{ position:static; display:block; border:none; box-shadow:none; padding:.1rem 0 .3rem .8rem; min-width:0; background:transparent; }
.hdr-mega .hm-nav .nav-dd a{ font-size:.85rem; padding:.28rem .5rem; }
.hdr-mega .hm-foot{ margin-top:auto; border-top:1px solid var(--line); padding-top:.8rem; display:flex; flex-direction:column; gap:.35rem; font-size:.82rem; }
.hdr-mega .hm-foot a{ color:var(--accent,var(--primary)); font-weight:700; }
.hdr-mega .hm-foot-note{ color:var(--muted); font-size:.76rem; }
.mega-main{ flex:1 1 auto; min-width:0; padding:1.4rem clamp(1rem,2.6vw,2rem); }
.mega-searchbar{ display:flex; gap:.6rem; background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:.5rem; box-shadow:var(--shadow-sm); margin-bottom:1.2rem; }
.mega-searchbar input{ flex:1; border:none; outline:none; background:transparent; font-size:1rem; padding:.4rem .6rem; color:var(--ink); }
.mega-hero{ background:linear-gradient(100deg,var(--primary-dark),var(--primary)); color:var(--on-primary); border-radius:var(--radius); padding:clamp(1.4rem,3vw,2.4rem); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.4rem; }
.mega-hero h1{ color:var(--on-primary); font-size:clamp(1.6rem,3.4vw,2.6rem); margin:0 0 .3rem; }
.mega-hero p{ color:var(--on-primary); opacity:.85; margin:0; max-width:52ch; }
.mega-quick{ display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:.7rem; margin-bottom:1.6rem; }
.mega-quick a{ background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:.9rem .7rem; text-align:center; color:var(--ink); font-weight:700; font-size:.86rem; box-shadow:var(--shadow-sm); transition:transform .15s, border-color .15s; }
.mega-quick a:hover{ transform:translateY(-3px); border-color:var(--primary); color:var(--primary-dark); }
.mega-quick a i{ display:block; font-size:1.5rem; color:var(--primary); margin-bottom:.35rem; }
.prod-rail{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:1rem 1.1rem .4rem; margin-bottom:1.3rem; box-shadow:var(--shadow-sm); }
.prod-rail-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:.3rem; }
.prod-rail-head h2{ font-size:1.18rem; margin:0; display:flex; align-items:center; gap:.45rem; }
.prod-rail-head .tag{ font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--primary); }
[data-archetype="mega"] .filter-bar{ border-top:3px solid var(--primary); }
@media(max-width:991px){
  .mega-shell{ flex-direction:column; }
  .hdr-mega{ flex:1 1 auto; width:100%; height:auto; position:static; flex-direction:column; border-right:none; border-bottom:1px solid var(--line); }
  .hdr-mega .hm-nav{ flex-direction:row; flex-wrap:wrap; gap:.3rem; }
  .hdr-mega .hm-nav .nav-dd{ display:none; }
  .mega-main{ width:100%; padding:1.1rem; }
}

/* ───────────── MOTOR: Bento Concept Store ───────────── */
.hdr-bento{ background:color-mix(in srgb, var(--bg) 85%, transparent); backdrop-filter:saturate(160%) blur(12px); border-bottom:1px solid var(--line); z-index:1030; }
.hdr-bento .hb-top{ display:flex; align-items:center; gap:1rem; padding:.7rem clamp(1rem,3vw,2rem); }
.hdr-bento .hb-brand{ font-weight:700; font-size:1.35rem; color:var(--ink)!important; display:flex; align-items:center; gap:.5rem; }
.hdr-bento .hb-mark{ width:20px; height:20px; border-radius:6px; background:conic-gradient(from 45deg,var(--primary),var(--accent,var(--primary-dark)),var(--primary)); display:inline-block; }
.hdr-bento .hb-burger{ display:none; background:transparent; border:none; color:var(--ink); font-size:1.4rem; }
.hdr-bento .hb-actions{ display:flex; align-items:center; gap:.25rem; margin-left:auto; }
.hdr-bento .hb-chips ul{ display:flex; flex-wrap:wrap; gap:.5rem; list-style:none; margin:0; padding:0 clamp(1rem,3vw,2rem) .8rem; }
.hdr-bento .hb-chips .nav-item{ position:relative; }
.hdr-bento .hb-chips .nav-link{ color:var(--ink-soft)!important; font-weight:600; font-size:.84rem; padding:.35rem .85rem!important; border:1px solid var(--line); border-radius:999px; }
.hdr-bento .hb-chips .nav-link:hover{ border-color:var(--primary); color:var(--ink)!important; background:var(--primary-light); }
.bento-main{ padding:1.4rem clamp(1rem,3vw,2rem); max-width:1560px; }
.bento-grid{ display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:184px; gap:14px; }
.bento-tile{ position:relative; overflow:hidden; border-radius:var(--radius); border:1px solid var(--line); background:var(--surface); display:flex; flex-direction:column; }
.bento-tile.col2{ grid-column:span 2; }
.bento-tile.row2{ grid-row:span 2; }
.bento-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.bento-tile:hover .bento-img{ transform:scale(1.05); }
.bento-tile .bt-overlay{ position:absolute; inset:0; background:linear-gradient(180deg,transparent 30%,rgba(8,8,14,.85)); }
.bento-tile .bt-body{ position:relative; margin-top:auto; padding:1.1rem 1.2rem; z-index:2; }
.bento-tile .bt-kicker{ font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--accent,var(--primary)); }
.bento-tile .bt-title{ color:#fff; font-weight:700; font-size:1.1rem; margin:.15rem 0 0; }
.bento-tile .bt-count{ color:#d4d4e0; font-size:.8rem; }
.bento-feature{ grid-column:span 2; grid-row:span 2; background:linear-gradient(140deg,var(--primary),var(--primary-dark)); border:none; padding:1.6rem 1.7rem; justify-content:flex-end; }
.bento-feature .bf-tag{ position:absolute; top:1.3rem; left:1.7rem; font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--on-primary); opacity:.85; }
.bento-feature h1{ position:relative; color:var(--on-primary); font-size:clamp(1.7rem,3vw,2.7rem); line-height:1.02; margin:0 0 .7rem; text-wrap:balance; }
.bento-feature p{ position:relative; color:var(--on-primary); opacity:.9; max-width:34ch; margin:0 0 1.1rem; }
.bento-feature .btn-primary{ background:var(--on-primary); color:var(--primary-dark); border-color:var(--on-primary); }
.bento-tile.promo{ background:linear-gradient(135deg,var(--accent,var(--primary)),var(--primary-dark)); align-items:flex-start; justify-content:center; padding:1.2rem 1.3rem; }
.bento-tile.promo .bt-body{ margin:0; }
.bento-tile.promo .bt-title,.bento-tile.promo .bt-count,.bento-tile.promo .bt-kicker{ color:#04201a; position:relative; }
.bento-prodtile{ padding:0; display:block; }
.bento-prodtile > .col{ width:100%; height:100%; padding:0; }
.bento-prodtile .product-card{ border:none; border-radius:var(--radius); height:100%; background:var(--surface); }
.bento-prodtile .product-card .thumb{ aspect-ratio:auto; flex:1; min-height:150px; }
[data-archetype="bento"] .product-card:hover{ border-color:var(--primary); box-shadow:0 0 0 1px var(--primary),var(--shadow); }
@media(max-width:991px){ .bento-grid{ grid-template-columns:repeat(2,1fr); } .bento-feature,.bento-tile.col2{ grid-column:span 2; } }
@media(max-width:575px){
  .hdr-bento .hb-burger{ display:inline-flex; order:-1; }
  .hdr-bento .hb-chips.collapse:not(.show){ display:none; }
  .bento-grid{ grid-template-columns:repeat(2,1fr); grid-auto-rows:150px; gap:10px; }
}

/* ───────────── MOTOR: Immersive Vitrin (hep koyu) ───────────── */
.hdr-vitrin{ position:sticky; top:0; z-index:1030; display:flex; align-items:center; gap:1.2rem; padding:.8rem clamp(1rem,4vw,2.6rem); background:transparent; transition:background .3s ease, border-color .3s ease; border-bottom:1px solid transparent; }
.hdr-vitrin.solid{ background:color-mix(in srgb, var(--bg) 82%, transparent); backdrop-filter:saturate(160%) blur(14px); border-bottom-color:var(--line); }
.hdr-vitrin .hv-brand{ font-weight:800; font-size:1.3rem; color:var(--ink)!important; letter-spacing:.02em; }
.hdr-vitrin .hv-burger{ display:none; background:transparent; border:none; color:var(--ink); font-size:1.5rem; margin-left:auto; }
.hdr-vitrin .hv-center{ margin:0 auto; }
.hdr-vitrin .hv-nav{ display:flex; align-items:center; gap:1.6rem; list-style:none; margin:0; padding:0; }
.hdr-vitrin .hv-nav .nav-item{ position:relative; }
.hdr-vitrin .hv-nav .nav-link{ color:var(--ink-soft)!important; font-weight:600; font-size:.82rem; text-transform:uppercase; letter-spacing:.08em; padding:.3rem 0!important; }
.hdr-vitrin .hv-nav .nav-link:hover{ color:var(--primary)!important; }
.hdr-vitrin .hv-actions{ display:flex; align-items:center; gap:.2rem; }
.hdr-vitrin .hdr-icon{ color:var(--ink); }
.hdr-vitrin .hdr-icon:hover{ background:rgba(255,255,255,.08); color:var(--primary); }
.vitrin-main{ padding:0; }
.vitrin-wrap{ max-width:1280px; margin:0 auto; padding-inline:clamp(1rem,4vw,2.6rem); }
.vitrin-hero{ position:relative; min-height:86vh; display:flex; align-items:flex-end; overflow:hidden; margin-top:-64px; padding:0 clamp(1rem,4vw,2.6rem) clamp(2rem,6vh,4rem); }
.vitrin-hero .vh-media{ position:absolute; inset:0; z-index:0; }
.vitrin-hero .vh-media img{ width:100%; height:100%; object-fit:cover; opacity:.55; }
.vitrin-hero .vh-media::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,10,12,.5) 0%,rgba(10,10,12,.2) 40%,var(--bg) 100%); }
.vitrin-hero .vh-inner{ position:relative; z-index:2; max-width:900px; }
.vitrin-hero .vh-eyebrow{ font-size:.8rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color:var(--primary); }
.vitrin-hero h1{ font-size:clamp(2.6rem,8vw,6rem); line-height:.96; margin:.6rem 0 1rem; color:#fff; text-wrap:balance; }
.vitrin-hero p{ color:var(--ink-soft); font-size:1.15rem; max-width:48ch; }
.vh-scrollcue{ position:absolute; left:50%; bottom:1.1rem; transform:translateX(-50%); z-index:2; color:var(--ink-soft); font-size:1.4rem; animation:vhbob 1.8s ease-in-out infinite; }
@keyframes vhbob{ 0%,100%{ transform:translate(-50%,0); } 50%{ transform:translate(-50%,8px); } }
.vitrin-feature{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(1.5rem,4vw,3.5rem); align-items:center; padding:clamp(2.5rem,7vh,5rem) 0; }
.vitrin-feature .vf-media{ aspect-ratio:4/5; border-radius:var(--radius); overflow:hidden; background:var(--surface); }
.vitrin-feature .vf-media img{ width:100%; height:100%; object-fit:cover; }
.vitrin-feature .vf-eyebrow{ font-size:.78rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--primary); }
.vitrin-feature h2{ font-size:clamp(1.9rem,4vw,3.2rem); line-height:1.02; margin:.5rem 0 .8rem; }
.vitrin-feature p{ color:var(--ink-soft); font-size:1.05rem; max-width:46ch; }
.vitrin-feature .vf-price{ font-weight:800; font-size:1.8rem; margin:1rem 0; }
.vitrin-manifesto{ padding:clamp(2.5rem,8vh,6rem) 0; text-align:center; }
.vitrin-manifesto p{ font-weight:700; font-size:clamp(1.6rem,4.5vw,3rem); line-height:1.12; max-width:20ch; margin:0 auto; color:var(--ink); text-wrap:balance; }
.vitrin-manifesto p .hl{ color:var(--primary); }
.vitrin-section-head{ display:flex; align-items:baseline; justify-content:space-between; margin:0 0 1.2rem; }
.vitrin-section-head h2{ font-size:clamp(1.4rem,3vw,2rem); margin:0; }
.vitrin-section-head a{ color:var(--primary); font-weight:700; font-size:.85rem; text-transform:uppercase; letter-spacing:.04em; }
@media(max-width:767px){
  .hdr-vitrin .hv-burger{ display:inline-flex; }
  .hdr-vitrin .hv-center{ flex-basis:100%; }
  .hdr-vitrin .hv-center.collapse:not(.show){ display:none; }
  .hdr-vitrin .hv-nav{ flex-direction:column; gap:.4rem; padding:.6rem 0; }
  .vitrin-feature{ grid-template-columns:1fr; }
  .vitrin-hero{ min-height:76vh; }
}

/* ───────────── MOTOR: Editorial Lookbook ───────────── */
.hdr-lookbook{ background:var(--bg); border-bottom:1px solid var(--line); }
.hdr-lookbook .hl-util{ display:flex; align-items:center; justify-content:space-between; padding:.5rem clamp(1rem,4vw,2.4rem); }
.hdr-lookbook .hl-issue{ font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); font-weight:600; }
.hdr-lookbook .hl-actions{ display:flex; align-items:center; gap:.2rem; }
.hdr-lookbook .hl-word{ display:block; text-align:center; padding:.4rem 1rem 1rem; font-weight:700; font-size:clamp(2rem,6vw,3.6rem); letter-spacing:.02em; color:var(--ink)!important; line-height:1; }
.hdr-lookbook .hl-word .brand-logo{ height:52px; margin:0 auto; }
.hdr-lookbook .hl-nav{ border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.hdr-lookbook .hl-nav ul{ display:flex; flex-wrap:wrap; justify-content:center; gap:0 2rem; list-style:none; margin:0; padding:.6rem 1rem; }
.hdr-lookbook .hl-nav .nav-item{ position:relative; }
.hdr-lookbook .hl-nav .nav-link{ color:var(--ink)!important; text-transform:uppercase; letter-spacing:.12em; font-weight:600; font-size:.76rem; padding:.2rem 0!important; }
.hdr-lookbook .hl-nav .nav-link:hover{ color:var(--primary)!important; }
@media(max-width:767px){ .hdr-lookbook .hl-nav ul{ gap:0 1.1rem; overflow-x:auto; flex-wrap:nowrap; white-space:nowrap; justify-content:flex-start; } }
.lb-cover{ position:relative; min-height:clamp(360px,64vh,620px); display:flex; align-items:flex-end; overflow:hidden; margin-bottom:2.4rem; background:var(--ink); }
.lb-cover img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.82; }
.lb-cover::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(10,8,6,.75)); }
.lb-cover .lbc-inner{ position:relative; z-index:3; padding:clamp(1.6rem,4vw,3rem); max-width:760px; color:#fff; }
.lb-cover .lbc-tag{ font-size:.78rem; letter-spacing:.2em; text-transform:uppercase; font-weight:600; }
.lb-cover h1{ color:#fff; font-size:clamp(2.2rem,6vw,4.4rem); line-height:1.02; margin:.5rem 0 .8rem; text-wrap:balance; }
.lb-cover p{ color:#ece7e0; max-width:52ch; font-size:1.08rem; }
.lb-editorial{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.4rem,4vw,3rem); align-items:center; margin:2.6rem 0; }
.lb-editorial.flip .lbe-media{ order:2; }
.lb-editorial .lbe-media{ aspect-ratio:4/5; overflow:hidden; background:var(--bg-soft); }
.lb-editorial .lbe-media img{ width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.lb-editorial:hover .lbe-media img{ transform:scale(1.04); }
.lb-editorial .lbe-num{ font-style:italic; color:var(--primary); font-size:1.1rem; }
.lb-editorial h2{ font-size:clamp(1.7rem,3.6vw,2.8rem); line-height:1.05; margin:.3rem 0 .7rem; }
.lb-editorial p{ color:var(--ink-soft); font-size:1.05rem; max-width:44ch; line-height:1.7; }
.lb-editorial .hero-textlink{ color:var(--primary); margin-top:.8rem; display:inline-block; }
.lb-rule{ display:flex; align-items:center; gap:1rem; margin:3rem 0 1.4rem; }
.lb-rule::before,.lb-rule::after{ content:""; flex:1; height:1px; background:var(--ink); }
.lb-rule h2{ font-size:clamp(1.5rem,3vw,2.2rem); margin:0; white-space:nowrap; }
.lb-gallery{ display:flex; gap:1rem; overflow-x:auto; padding-bottom:1rem; scroll-snap-type:x mandatory; }
.lb-gallery a{ flex:0 0 auto; width:min(72vw,300px); aspect-ratio:3/4; overflow:hidden; scroll-snap-align:start; background:var(--bg-soft); }
.lb-gallery img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.lb-gallery a:hover img{ transform:scale(1.05); }
@media(max-width:767px){ .lb-editorial{ grid-template-columns:1fr; } .lb-editorial.flip .lbe-media{ order:0; } }

/* ───────────── MOTOR: Boutique (ortalanmış serif masthead) ───────────── */
.hdr-boutique{ background:color-mix(in srgb, var(--bg) 94%, transparent); backdrop-filter:saturate(160%) blur(10px); border-bottom:1px solid var(--line); }
.hdr-boutique .hbq-top{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:1rem 0 .8rem; }
.hdr-boutique .hbq-side{ display:flex; align-items:center; gap:.3rem; }
.hdr-boutique .hbq-right{ justify-content:flex-end; }
.hdr-boutique .hbq-brand{ font-weight:700; font-size:1.9rem; letter-spacing:.04em; text-align:center; color:var(--ink)!important; }
.hdr-boutique .hbq-brand .brand-logo{ height:46px; margin:0 auto; }
.hdr-boutique .hbq-navrow{ border-top:1px solid var(--line); }
.hdr-boutique .hbq-nav{ display:flex; flex-wrap:wrap; justify-content:center; gap:.3rem 1.6rem; list-style:none; margin:0 auto; padding:.6rem 0; }
.hdr-boutique .hbq-nav .nav-item{ position:relative; }
.hdr-boutique .hbq-nav .nav-link{ color:var(--ink-soft)!important; text-transform:uppercase; letter-spacing:.14em; font-weight:500; font-size:.76rem; padding:.25rem .2rem!important; }
.hdr-boutique .hbq-nav .nav-link:hover{ color:var(--primary-dark)!important; }
.bq-hero{ text-align:center; padding:clamp(2.4rem,5vw,4rem) 1rem 2.4rem; }
.bq-hero .bq-title{ font-size:clamp(2.2rem,5.4vw,4rem); line-height:1.04; margin:.5rem auto .8rem; max-width:16ch; }
.bq-hero .bq-title::after{ content:""; display:block; width:64px; height:1px; background:var(--primary); margin:1.2rem auto 0; }
.bq-hero .bq-sub{ color:var(--ink-soft); max-width:52ch; margin:0 auto; font-size:1.08rem; }
.bq-hero .bq-cta{ justify-content:center; }
.bq-strip{ display:grid; grid-template-columns:repeat(4,1fr); gap:.9rem; margin-top:2.4rem; }
.bq-strip a{ display:block; aspect-ratio:3/4; overflow:hidden; border-radius:var(--radius-sm); background:var(--bg-soft); }
.bq-strip img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.bq-strip a:hover img{ transform:scale(1.05); }
@media(max-width:575px){ .bq-strip{ grid-template-columns:repeat(2,1fr); } .hdr-boutique .hbq-brand{ font-size:1.4rem; } }

/* ───────────── MOTOR: Minimal (bol boşluk) ───────────── */
.hdr-minimal{ background:var(--bg); border-bottom:1px solid var(--line); }
.hdr-minimal .hmn-bar{ display:flex; align-items:center; gap:1rem; min-height:76px; }
.hdr-minimal .hmn-brand{ font-weight:700; font-size:1.35rem; color:var(--ink)!important; letter-spacing:.02em; }
.hdr-minimal .hmn-brand .brand-logo{ height:40px; }
.hdr-minimal .hmn-burger{ display:none; background:transparent; border:none; color:var(--ink); font-size:1.4rem; margin-left:auto; }
.hdr-minimal .hmn-nav{ display:flex; align-items:center; gap:1.5rem; list-style:none; margin:0 0 0 auto; padding:0; }
.hdr-minimal .hmn-nav .nav-item{ position:relative; }
.hdr-minimal .hmn-nav .nav-link{ color:var(--ink-soft)!important; text-transform:uppercase; letter-spacing:.1em; font-weight:500; font-size:.76rem; padding:.3rem 0!important; }
.hdr-minimal .hmn-nav .nav-link:hover{ color:var(--primary)!important; }
.hdr-minimal .hmn-actions{ display:flex; align-items:center; gap:.2rem; margin-left:1rem; }
.mn-hero{ text-align:center; padding:clamp(3rem,9vh,7rem) 1rem clamp(2rem,5vh,3.5rem); }
.mn-hero .mn-title{ font-size:clamp(2.2rem,6vw,4.4rem); line-height:1.05; margin:.6rem auto .9rem; max-width:16ch; text-transform:none; letter-spacing:-.01em; }
.mn-hero .mn-sub{ color:var(--ink-soft); max-width:54ch; margin:0 auto; font-size:1.12rem; }
.mn-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:1rem; }
.mn-gallery a{ display:block; aspect-ratio:1; overflow:hidden; border-radius:var(--radius-sm); background:var(--bg-soft); }
.mn-gallery img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.mn-gallery a:hover img{ transform:scale(1.04); }
@media(max-width:767px){ .hdr-minimal .hmn-burger{ display:inline-flex; } .hdr-minimal .hmn-nav.collapse:not(.show){ display:none; } .hdr-minimal .hmn-nav{ flex-basis:100%; flex-direction:column; align-items:flex-start; gap:.3rem; margin:.4rem 0 .6rem; } .mn-gallery{ grid-template-columns:repeat(2,1fr); } }

/* ───────────── MOTOR: Tech (pill nav + split hero) ───────────── */
.hdr-tech{ background:var(--surface); border-bottom:1px solid var(--line); box-shadow:var(--shadow-sm); }
.hdr-tech .htc-bar{ display:flex; align-items:center; gap:1rem; min-height:72px; }
.hdr-tech .htc-brand{ font-weight:700; font-size:1.4rem; color:var(--ink)!important; display:flex; align-items:center; gap:.45rem; }
.hdr-tech .htc-brand .brand-logo{ height:40px; }
.hdr-tech .htc-dot{ width:14px; height:14px; border-radius:50%; background:linear-gradient(135deg,var(--primary),var(--accent,var(--primary-dark))); display:inline-block; }
.hdr-tech .htc-burger{ display:none; background:transparent; border:none; color:var(--ink); font-size:1.4rem; margin-left:auto; }
.hdr-tech .htc-nav{ display:flex; align-items:center; gap:.3rem; list-style:none; margin:0 auto; padding:.3rem; background:var(--bg-soft); border-radius:999px; }
.hdr-tech .htc-nav .nav-item{ position:relative; }
.hdr-tech .htc-nav .nav-link{ color:var(--ink-soft)!important; font-weight:600; font-size:.82rem; padding:.4rem .9rem!important; border-radius:999px; }
.hdr-tech .htc-nav .nav-link:hover{ background:var(--surface); color:var(--primary)!important; }
.hdr-tech .htc-actions{ display:flex; align-items:center; gap:.2rem; }
.tc-hero{ display:grid; grid-template-columns:1.1fr 1fr; gap:clamp(1.5rem,4vw,3rem); align-items:center; padding:clamp(1.6rem,4vw,3rem) 0; }
.tc-hero .tc-title{ font-size:clamp(2rem,5vw,3.6rem); line-height:1.02; margin:.4rem 0 .8rem; text-transform:none; letter-spacing:-.02em; }
.tc-hero .tc-sub{ color:var(--ink-soft); font-size:1.1rem; max-width:46ch; }
.tc-media .tc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
.tc-media .tc-grid a{ display:block; aspect-ratio:1; overflow:hidden; border-radius:var(--radius); background:var(--bg-soft); box-shadow:var(--shadow-sm); }
.tc-media .tc-grid img,.tc-media .tc-single{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.tc-media .tc-grid a:hover img{ transform:scale(1.06); }
.tc-media .tc-single{ width:100%; border-radius:var(--radius); box-shadow:var(--shadow); }
@media(max-width:767px){ .hdr-tech .htc-burger{ display:inline-flex; } .hdr-tech .htc-nav.collapse:not(.show){ display:none; } .hdr-tech .htc-nav{ flex-basis:100%; order:3; justify-content:flex-start; overflow-x:auto; border-radius:14px; } .tc-hero{ grid-template-columns:1fr; } }

/* ───────────── MOTOR: Split (asimetrik büyük tipografi) ───────────── */
.hdr-split{ background:color-mix(in srgb, var(--bg) 92%, transparent); backdrop-filter:saturate(160%) blur(10px); border-bottom:1px solid var(--line); }
.hdr-split .hsp-bar{ display:flex; align-items:center; gap:1rem; min-height:72px; }
.hdr-split .hsp-brand{ font-weight:700; font-size:1.4rem; color:var(--ink)!important; text-transform:uppercase; letter-spacing:.04em; }
.hdr-split .hsp-brand .brand-logo{ height:40px; }
.hdr-split .hsp-burger{ display:none; background:transparent; border:none; color:var(--ink); font-size:1.4rem; margin-left:auto; }
.hdr-split .hsp-nav{ display:flex; align-items:center; gap:1.4rem; list-style:none; margin:0 auto; padding:0; }
.hdr-split .hsp-nav .nav-item{ position:relative; }
.hdr-split .hsp-nav .nav-link{ color:var(--ink-soft)!important; text-transform:uppercase; letter-spacing:.08em; font-weight:600; font-size:.78rem; padding:.3rem 0!important; }
.hdr-split .hsp-nav .nav-link:hover{ color:var(--primary)!important; }
.hdr-split .hsp-actions{ display:flex; align-items:center; gap:.2rem; }
.sp-hero{ display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:stretch; margin-bottom:2rem; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; min-height:clamp(340px,52vh,520px); }
.sp-hero .sp-text{ padding:clamp(1.6rem,4vw,3rem); display:flex; flex-direction:column; justify-content:center; background:var(--surface); }
.sp-hero .sp-title{ font-size:clamp(2.4rem,6vw,5rem); line-height:.94; margin:.4rem 0 .8rem; }
.sp-hero .sp-sub{ color:var(--ink-soft); font-size:1.08rem; max-width:42ch; }
.sp-hero .sp-meta{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.4rem; color:var(--muted); font-size:.82rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; }
.sp-hero .sp-media{ position:relative; overflow:hidden; background:var(--bg-soft); min-height:280px; }
.sp-hero .sp-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
@media(max-width:767px){ .hdr-split .hsp-burger{ display:inline-flex; } .hdr-split .hsp-nav.collapse:not(.show){ display:none; } .hdr-split .hsp-nav{ flex-basis:100%; flex-direction:column; align-items:flex-start; gap:.3rem; margin:.4rem 0; } .sp-hero{ grid-template-columns:1fr; } .sp-hero .sp-media{ min-height:240px; order:-1; } }

/* ───────────── KOYU MOD cilası (tüm koyu temalar) ───────────── */
[data-mode="dark"] .fchk{ background:var(--bg-soft); border-color:var(--line); color:var(--ink); }
[data-mode="dark"] .filter-bar,[data-mode="dark"] .panel,[data-mode="dark"] .card{ background:var(--surface); }
[data-mode="dark"] .form-control,[data-mode="dark"] .form-select,[data-mode="dark"] .nav-search input,[data-mode="dark"] .search-panel-form input,[data-mode="dark"] .mega-searchbar input{ background:var(--surface); border-color:var(--line); color:var(--ink); }
[data-mode="dark"] .form-control::placeholder{ color:var(--muted); }
[data-mode="dark"] .form-select option{ background:var(--surface); color:var(--ink); }
[data-mode="dark"] .qty{ border-color:var(--line); }
[data-mode="dark"] .qty button{ background:var(--bg-soft); color:var(--ink); }
[data-mode="dark"] .qty input{ color:var(--ink); }
[data-mode="dark"] .table{ color:var(--ink); --bs-table-color:var(--ink); }
[data-mode="dark"] .btn-light{ background:var(--surface); border-color:var(--line); color:var(--ink); }
[data-mode="dark"] .nav-search input{ background:var(--surface); }
[data-mode="dark"] .nav-dd,[data-mode="dark"] .dropdown-menu{ background:var(--surface); border-color:var(--line); }
[data-mode="dark"] .nav-dd a,[data-mode="dark"] .dropdown-item{ color:var(--ink-soft); }
[data-mode="dark"] .nav-dd a:hover,[data-mode="dark"] .dropdown-item:hover{ background:var(--primary-light); color:var(--ink); }
[data-mode="dark"] .toast.text-bg-light{ background:var(--surface)!important; color:var(--ink)!important; }
[data-mode="dark"] .breadcrumb a{ color:var(--muted); }
[data-mode="dark"] .cat-card-ico{ color:var(--ink); }

@media (prefers-reduced-motion: reduce){
  .vh-scrollcue{ animation:none; }
  .bento-tile:hover .bento-img,.lb-gallery a:hover img,.bq-strip a:hover img,.mn-gallery a:hover img,.tc-media .tc-grid a:hover img,.lb-editorial:hover .lbe-media img{ transform:none; }
}

/* ═══════════════════════════════ TİPOGRAFİ HARİTASI ═══════════════════════════════ */
:is([data-theme="bagatelier"],[data-theme="jewel"],[data-theme="luxfashion"],[data-theme="boutique"],[data-theme="festival"],[data-theme="newseason"]) :is(h1,h2,h3,.hero-title,.navbar-brand,.hbq-brand,.hl-word,.bq-title,.product-card .title){ font-family:'Playfair Display',Georgia,serif; font-weight:700; text-transform:none; letter-spacing:0; }
:is([data-theme="perfumenoir"],[data-theme="noir"],[data-theme="minlux"]) :is(h1,h2,h3,.hero-title,.navbar-brand,.hv-brand,.mn-title,.product-card .title){ font-family:'Cormorant Garamond',serif; font-weight:600; text-transform:none; letter-spacing:0; }
[data-theme="luxeshoe"] :is(h1,h2,h3,.hero-title,.sp-title,.product-card .title){ font-family:'Bodoni Moda',serif; font-weight:700; text-transform:none; letter-spacing:0; }
:is([data-theme="organic"],[data-theme="giftguide"]) :is(h1,h2,h3,.hero-title,.navbar-brand,.hl-word,.mn-title,.product-card .title){ font-family:'Fraunces',serif; font-weight:600; text-transform:none; letter-spacing:0; }
[data-theme="organic"] body{ font-family:'Work Sans','Inter',sans-serif; }
:is([data-theme="sneaker"],[data-theme="drop"]) :is(h1,h2,h3,.hero-title,.hv-brand){ font-family:'Syne',sans-serif; font-weight:800; text-transform:none; letter-spacing:-.02em; }
:is([data-theme="street"],[data-theme="brutal"],[data-theme="techstart"]) :is(h1,h2,h3,.hero-title,.navbar-brand,.hb-brand,.htc-brand,.tc-title){ font-family:'Space Grotesk',sans-serif; font-weight:700; text-transform:none; letter-spacing:-.01em; }
[data-theme="watch"] :is(h1,h2,h3,.hero-title,.sp-title,.hsp-brand){ font-family:'Saira','Inter',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
:is([data-theme="beautyglow"],[data-theme="glass"]) :is(h1,h2,h3,.hero-title,.navbar-brand,.htc-brand,.tc-title){ font-family:'Outfit','Inter',sans-serif; font-weight:700; text-transform:none; letter-spacing:0; }
:is([data-theme="eyewear"],[data-theme="scandi"]) :is(h1,h2,h3,.hero-title,.navbar-brand,.hmn-brand,.mn-title){ font-family:'Hanken Grotesk','Inter',sans-serif; font-weight:600; text-transform:none; letter-spacing:0; }
[data-theme="sportout"] :is(h1,h2,h3,.hero-title,.htc-brand,.tc-title){ font-family:'Manrope','Inter',sans-serif; font-weight:800; text-transform:none; letter-spacing:-.01em; }
[data-theme="kids"] :is(h1,h2,h3,.hero-title,.hb-brand){ font-family:'Poppins',sans-serif; font-weight:700; text-transform:none; }
[data-theme="kids"] body{ font-family:'Poppins',sans-serif; }
[data-theme="genz"] :is(h1,h2,h3,.hero-title,.navbar-brand){ font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:.01em; }
[data-theme="genz"] body{ font-family:'Poppins',sans-serif; }
[data-theme="terminal"] :is(h1,h2,h3,.hero-title,.sp-title,.hsp-brand){ font-family:'Space Grotesk',ui-monospace,monospace; font-weight:700; text-transform:uppercase; letter-spacing:.02em; }
[data-theme="terminal"] body{ font-family:'IBM Plex Mono',ui-monospace,monospace; }
[data-theme="editorial"] :is(h1,h2,h3,.hero-title){ font-weight:900; }

/* ═══════════════════════════════ 30 PALET (token) ═══════════════════════════════ */
/* — A) Kategori/niş — */
[data-theme="sneaker"]{ --primary:#c6ff00; --primary-dark:#a8db00; --primary-light:#1e2408; --on-primary:#14160a; --ink:#f4f4f2; --ink-soft:#b7b7b0; --muted:#86867f; --bg:#15161a; --bg-soft:#1d1e24; --surface:#1a1c22; --line:#2a2c34; --accent:#c6ff00; --radius:12px; --radius-sm:8px; --shadow:0 16px 40px rgba(0,0,0,.5); --bs-primary:#c6ff00; --bs-primary-rgb:198,255,0; --bs-body-bg:#15161a; --bs-body-color:#f4f4f2; --bs-border-color:#2a2c34; }
[data-theme="luxeshoe"]{ --primary:#c8a86b; --primary-dark:#b0925a; --primary-light:#2a241a; --on-primary:#1a150c; --ink:#f0ece4; --ink-soft:#c3bdb0; --muted:#8f887a; --bg:#171512; --bg-soft:#1f1c17; --surface:#201d18; --line:#322d25; --accent:#c8a86b; --radius:4px; --radius-sm:2px; --shadow:0 16px 40px rgba(0,0,0,.5); --bs-primary:#c8a86b; --bs-primary-rgb:200,168,107; --bs-body-bg:#171512; --bs-body-color:#f0ece4; --bs-border-color:#322d25; }
[data-theme="bagatelier"]{ --primary:#8a6a45; --primary-dark:#6f5436; --primary-light:#efe6d8; --on-primary:#ffffff; --ink:#2a2018; --ink-soft:#4d4235; --muted:#8a7d6b; --bg:#f6f1e8; --bg-soft:#ece3d4; --surface:#fffdf9; --line:#e3d8c6; --accent:#b08d5b; --radius:3px; --radius-sm:2px; --bs-primary:#8a6a45; --bs-primary-rgb:138,106,69; --bs-body-bg:#f6f1e8; --bs-body-color:#2a2018; --bs-border-color:#e3d8c6; }
[data-theme="perfumenoir"]{ --primary:#c9a227; --primary-dark:#a8861c; --primary-light:#2a2411; --on-primary:#14110a; --ink:#f2ece0; --ink-soft:#cdc4b2; --muted:#9a8f7a; --bg:#0c0a08; --bg-soft:#15120d; --surface:#17130d; --line:#2e2820; --accent:#c9a227; --radius:4px; --radius-sm:3px; --shadow:0 18px 44px rgba(0,0,0,.6); --bs-primary:#c9a227; --bs-primary-rgb:201,162,39; --bs-body-bg:#0c0a08; --bs-body-color:#f2ece0; --bs-border-color:#2e2820; }
[data-theme="beautyglow"]{ --primary:#e8688f; --primary-dark:#d24d76; --primary-light:#fce7ee; --on-primary:#ffffff; --ink:#3a2830; --ink-soft:#5e4550; --muted:#97808a; --bg:#fff8fa; --bg-soft:#fbeef2; --surface:#ffffff; --line:#f3dfe6; --accent:#f3a7bf; --radius:18px; --radius-sm:14px; --bs-primary:#e8688f; --bs-primary-rgb:232,104,143; --bs-body-bg:#fff8fa; --bs-body-color:#3a2830; --bs-border-color:#f3dfe6; }
[data-theme="jewel"]{ --primary:#d7d2c4; --primary-dark:#b8b2a2; --primary-light:#23231d; --on-primary:#14120e; --ink:#ece9e1; --ink-soft:#c3bfb4; --muted:#8b8578; --bg:#111114; --bg-soft:#191920; --surface:#1a1a22; --line:#2b2b34; --accent:#c9a227; --radius:4px; --radius-sm:3px; --shadow:0 16px 40px rgba(0,0,0,.55); --bs-primary:#d7d2c4; --bs-primary-rgb:215,210,196; --bs-body-bg:#111114; --bs-body-color:#ece9e1; --bs-border-color:#2b2b34; }
[data-theme="watch"]{ --primary:#5b7fa6; --primary-dark:#4a6a8c; --primary-light:#14202c; --on-primary:#ffffff; --ink:#eef1f5; --ink-soft:#c2c7d0; --muted:#8a909c; --bg:#14171d; --bg-soft:#1a1e26; --surface:#1c2028; --line:#2c313b; --accent:#d64533; --radius:3px; --radius-sm:2px; --shadow:0 16px 40px rgba(0,0,0,.5); --bs-primary:#5b7fa6; --bs-primary-rgb:91,127,166; --bs-body-bg:#14171d; --bs-body-color:#eef1f5; --bs-border-color:#2c313b; }
[data-theme="eyewear"]{ --primary:#1a1a1a; --primary-dark:#000000; --primary-light:#ececec; --on-primary:#ffffff; --ink:#1a1a1a; --ink-soft:#45443f; --muted:#7a756c; --bg:#f7f7f4; --bg-soft:#eeeeea; --surface:#ffffff; --line:#e6e5df; --accent:#1a1a1a; --radius:2px; --radius-sm:2px; --bs-primary:#1a1a1a; --bs-primary-rgb:26,26,26; --bs-body-bg:#f7f7f4; --bs-body-color:#1a1a1a; --bs-border-color:#e6e5df; }
[data-theme="kids"]{ --primary:#ff8fab; --primary-dark:#f06d90; --primary-light:#ffe6ee; --on-primary:#3a1420; --ink:#3a2e33; --ink-soft:#574850; --muted:#8a7d84; --bg:#fffaf2; --bg-soft:#fff2d9; --surface:#ffffff; --line:#f2e6d5; --accent:#37bcc0; --radius:20px; --radius-sm:16px; --bs-primary:#ff8fab; --bs-primary-rgb:255,143,171; --bs-body-bg:#fffaf2; --bs-body-color:#3a2e33; --bs-border-color:#f2e6d5; }
[data-theme="street"]{ --primary:#7c5cff; --primary-dark:#6644ff; --primary-light:#241f3d; --on-primary:#ffffff; --ink:#f3f3f7; --ink-soft:#c7c7d4; --muted:#9a9aad; --bg:#0e0e14; --bg-soft:#16161f; --surface:#181822; --line:#28283a; --accent:#22e0b0; --radius:16px; --radius-sm:12px; --shadow:0 16px 40px rgba(0,0,0,.5); --bs-primary:#7c5cff; --bs-primary-rgb:124,92,255; --bs-body-bg:#0e0e14; --bs-body-color:#f3f3f7; --bs-border-color:#28283a; }
[data-theme="luxfashion"]{ --primary:#6b2737; --primary-dark:#511d2a; --primary-light:#f3e7ea; --on-primary:#ffffff; --ink:#17120f; --ink-soft:#3d332c; --muted:#8a7f78; --bg:#f3efe8; --bg-soft:#eae4d9; --surface:#ffffff; --line:#e4ddd0; --accent:#c2b280; --radius:0px; --radius-sm:0px; --bs-primary:#6b2737; --bs-primary-rgb:107,39,55; --bs-body-bg:#f3efe8; --bs-body-color:#17120f; --bs-border-color:#e4ddd0; }
[data-theme="sportout"]{ --primary:#ff5c00; --primary-dark:#e35200; --primary-light:#2a1608; --on-primary:#ffffff; --ink:#eef0f3; --ink-soft:#c2c6cd; --muted:#8a909a; --bg:#1a1d22; --bg-soft:#22262d; --surface:#23272f; --line:#333842; --accent:#ffd500; --radius:12px; --radius-sm:10px; --shadow:0 16px 40px rgba(0,0,0,.5); --bs-primary:#ff5c00; --bs-primary-rgb:255,92,0; --bs-body-bg:#1a1d22; --bs-body-color:#eef0f3; --bs-border-color:#333842; }
/* — B) Premium stil aileleri — */
[data-theme="minlux"]{ --primary:#1a1a1a; --primary-dark:#000000; --primary-light:#efece3; --on-primary:#ffffff; --ink:#1a1a1a; --ink-soft:#4a4640; --muted:#7a756c; --bg:#faf9f6; --bg-soft:#f0eee8; --surface:#ffffff; --line:#e7e3da; --accent:#9a8b73; --radius:2px; --radius-sm:2px; --bs-primary:#1a1a1a; --bs-primary-rgb:26,26,26; --bs-body-bg:#faf9f6; --bs-body-color:#1a1a1a; --bs-border-color:#e7e3da; }
[data-theme="editorial"]{ --primary:#e5121f; --primary-dark:#bb0e18; --primary-light:#ffe6e8; --on-primary:#ffffff; --ink:#0a0a0a; --ink-soft:#1f1f1f; --muted:#767676; --bg:#ffffff; --bg-soft:#f3f3f3; --surface:#ffffff; --line:#e3e3e3; --accent:#0a0a0a; --radius:0px; --radius-sm:0px; --bs-primary:#e5121f; --bs-primary-rgb:229,18,31; --bs-body-bg:#ffffff; --bs-body-color:#0a0a0a; --bs-border-color:#e3e3e3; }
[data-theme="brutal"]{ --primary:#ffd400; --primary-dark:#e6bf00; --primary-light:#fff7cc; --on-primary:#111111; --ink:#111111; --ink-soft:#1a1a1a; --muted:#555555; --bg:#fdfbf3; --bg-soft:#f6f1df; --surface:#ffffff; --line:#111111; --accent:#ff5ca8; --radius:0px; --radius-sm:0px; --shadow-sm:3px 3px 0 #111; --shadow:5px 5px 0 #111; --bs-primary:#ffd400; --bs-primary-rgb:255,212,0; --bs-body-bg:#fdfbf3; --bs-body-color:#111111; --bs-border-color:#111111; }
[data-theme="glass"]{ --primary:#6d5df6; --primary-dark:#5a49e0; --primary-light:#241f4d; --on-primary:#ffffff; --ink:#ffffff; --ink-soft:#d8d7ec; --muted:#b9b8d6; --bg:#1b1f3b; --bg-soft:#232750; --surface:#262a54; --line:#3a3f6e; --accent:#00c2ff; --radius:18px; --radius-sm:14px; --shadow:0 16px 40px rgba(0,0,0,.4); --bs-primary:#6d5df6; --bs-primary-rgb:109,93,246; --bs-body-bg:#1b1f3b; --bs-body-color:#ffffff; --bs-border-color:#3a3f6e; }
[data-theme="boutique"]{ --primary:#9c7b43; --primary-dark:#7e6234; --primary-light:#f1e8d6; --on-primary:#ffffff; --ink:#221d17; --ink-soft:#4a4035; --muted:#8a7f6d; --bg:#f7f3ec; --bg-soft:#efe7d9; --surface:#fffefb; --line:#e3d9c7; --accent:#9c7b43; --radius:2px; --radius-sm:2px; --bs-primary:#9c7b43; --bs-primary-rgb:156,123,67; --bs-body-bg:#f7f3ec; --bs-body-color:#221d17; --bs-border-color:#e3d9c7; }
[data-theme="noir"]{ --primary:#c9a227; --primary-dark:#a8861c; --primary-light:#2a2414; --on-primary:#14110d; --ink:#f2ece0; --ink-soft:#cdc4b2; --muted:#9a8f7a; --bg:#0c0c0e; --bg-soft:#151517; --surface:#17171a; --line:#2c2c30; --accent:#c9a227; --radius:3px; --radius-sm:3px; --shadow:0 18px 44px rgba(0,0,0,.6); --bs-primary:#c9a227; --bs-primary-rgb:201,162,39; --bs-body-bg:#0c0c0e; --bs-body-color:#f2ece0; --bs-border-color:#2c2c30; }
[data-theme="scandi"]{ --primary:#6f7f57; --primary-dark:#5a6845; --primary-light:#eaede3; --on-primary:#ffffff; --ink:#2e2e2e; --ink-soft:#55534e; --muted:#7c7a75; --bg:#fbfaf8; --bg-soft:#f1efea; --surface:#ffffff; --line:#e8e5de; --accent:#d9c5a0; --radius:10px; --radius-sm:8px; --bs-primary:#6f7f57; --bs-primary-rgb:111,127,87; --bs-body-bg:#fbfaf8; --bs-body-color:#2e2e2e; --bs-border-color:#e8e5de; }
[data-theme="techstart"]{ --primary:#6366f1; --primary-dark:#4f52e0; --primary-light:#ecedfe; --on-primary:#ffffff; --ink:#0f172a; --ink-soft:#334155; --muted:#64748b; --bg:#ffffff; --bg-soft:#f6f8fc; --surface:#ffffff; --line:#e6eaf2; --accent:#22d3ee; --radius:16px; --radius-sm:12px; --bs-primary:#6366f1; --bs-primary-rgb:99,102,241; --bs-body-bg:#ffffff; --bs-body-color:#0f172a; --bs-border-color:#e6eaf2; }
[data-theme="gallery"]{ --primary:#1c1c1c; --primary-dark:#000000; --primary-light:#e5e4e0; --on-primary:#ffffff; --ink:#1c1c1c; --ink-soft:#45443f; --muted:#83817b; --bg:#e9e7e2; --bg-soft:#e0ded8; --surface:#f7f6f3; --line:#d5d3cc; --accent:#a24d3a; --radius:6px; --radius-sm:4px; --bs-primary:#1c1c1c; --bs-primary-rgb:28,28,28; --bs-body-bg:#e9e7e2; --bs-body-color:#1c1c1c; --bs-border-color:#d5d3cc; }
[data-theme="genz"]{ --primary:#c6ff3d; --primary-dark:#a8e024; --primary-light:#f2ffd0; --on-primary:#111111; --ink:#111111; --ink-soft:#222222; --muted:#555555; --bg:#fffbf2; --bg-soft:#fff3d6; --surface:#ffffff; --line:#111111; --accent:#ff4fd8; --radius:14px; --radius-sm:12px; --shadow-sm:3px 3px 0 #111; --shadow:5px 5px 0 #111; --bs-primary:#c6ff3d; --bs-primary-rgb:198,255,61; --bs-body-bg:#fffbf2; --bs-body-color:#111111; --bs-border-color:#111111; }
[data-theme="terminal"]{ --primary:#3fb950; --primary-dark:#2ea043; --primary-light:#0d2018; --on-primary:#06120a; --ink:#c9d1d9; --ink-soft:#9aa4b2; --muted:#6e7681; --bg:#0d1117; --bg-soft:#12171f; --surface:#161b22; --line:#262d38; --accent:#58a6ff; --radius:2px; --radius-sm:2px; --shadow:0 16px 40px rgba(0,0,0,.5); --bs-primary:#3fb950; --bs-primary-rgb:63,185,80; --bs-body-bg:#0d1117; --bs-body-color:#c9d1d9; --bs-border-color:#262d38; }
[data-theme="organic"]{ --primary:#6b7f5b; --primary-dark:#566747; --primary-light:#e7ecdf; --on-primary:#ffffff; --ink:#3a322a; --ink-soft:#574d42; --muted:#857b6c; --bg:#f5f0e6; --bg-soft:#ebe4d5; --surface:#fbf7ee; --line:#e2d9c8; --accent:#c98a5e; --radius:14px; --radius-sm:12px; --bs-primary:#6b7f5b; --bs-primary-rgb:107,127,91; --bs-body-bg:#f5f0e6; --bs-body-color:#3a322a; --bs-border-color:#e2d9c8; }
/* — C) Sezon/kampanya — */
[data-theme="blackfriday"]{ --primary:#ff2d2d; --primary-dark:#e01414; --primary-light:#2a0a0a; --on-primary:#ffffff; --ink:#f2f2f2; --ink-soft:#c2c2c2; --muted:#8a8a8a; --bg:#0a0a0a; --bg-soft:#141414; --surface:#161616; --line:#2a2a2a; --accent:#ffd400; --radius:8px; --radius-sm:6px; --shadow:0 16px 40px rgba(0,0,0,.6); --bs-primary:#ff2d2d; --bs-primary-rgb:255,45,45; --bs-body-bg:#0a0a0a; --bs-body-color:#f2f2f2; --bs-border-color:#2a2a2a; }
[data-theme="newseason"]{ --primary:#b5482f; --primary-dark:#973821; --primary-light:#f5e6df; --on-primary:#ffffff; --ink:#1a1712; --ink-soft:#40382f; --muted:#7c7367; --bg:#efe9df; --bg-soft:#e6dfd2; --surface:#ffffff; --line:#ddd7ca; --accent:#2f4a3d; --radius:0px; --radius-sm:0px; --bs-primary:#b5482f; --bs-primary-rgb:181,72,47; --bs-body-bg:#efe9df; --bs-body-color:#1a1712; --bs-border-color:#ddd7ca; }
[data-theme="drop"]{ --primary:#d8ff3e; --primary-dark:#c2ec1f; --primary-light:#1c2208; --on-primary:#0b0b0d; --ink:#f5f5f2; --ink-soft:#b7b7b0; --muted:#8a8a83; --bg:#0b0b0d; --bg-soft:#131317; --surface:#15151b; --line:#26262e; --accent:#ff3ea5; --radius:14px; --radius-sm:10px; --shadow:0 16px 40px rgba(0,0,0,.55); --bs-primary:#d8ff3e; --bs-primary-rgb:216,255,62; --bs-body-bg:#0b0b0d; --bs-body-color:#f5f5f2; --bs-border-color:#26262e; }
[data-theme="outlet"]{ --primary:#e5121f; --primary-dark:#bb0e18; --primary-light:#ffe6e8; --on-primary:#ffffff; --ink:#1a1a1a; --ink-soft:#3a3a3a; --muted:#6b7280; --bg:#f7f7f8; --bg-soft:#eeeef0; --surface:#ffffff; --line:#e2e3e6; --accent:#ff6a2b; --radius:8px; --radius-sm:6px; --bs-primary:#e5121f; --bs-primary-rgb:229,18,31; --bs-body-bg:#f7f7f8; --bs-body-color:#1a1a1a; --bs-border-color:#e2e3e6; }
[data-theme="festival"]{ --primary:#d4af37; --primary-dark:#b8952a; --primary-light:#2e0d14; --on-primary:#1a0a0e; --ink:#f4e9d8; --ink-soft:#d3c3a8; --muted:#a3907a; --bg:#3a0d16; --bg-soft:#46121c; --surface:#4a1620; --line:#5e2530; --accent:#d4af37; --radius:4px; --radius-sm:2px; --shadow:0 16px 40px rgba(0,0,0,.5); --bs-primary:#d4af37; --bs-primary-rgb:212,175,55; --bs-body-bg:#3a0d16; --bs-body-color:#f4e9d8; --bs-border-color:#5e2530; }
[data-theme="giftguide"]{ --primary:#2f6b4f; --primary-dark:#245640; --primary-light:#e2efe8; --on-primary:#ffffff; --ink:#1a1712; --ink-soft:#40382f; --muted:#7c7367; --bg:#f3efe8; --bg-soft:#eae4d9; --surface:#ffffff; --line:#e2ddd0; --accent:#c25b3a; --radius:4px; --radius-sm:2px; --bs-primary:#2f6b4f; --bs-primary-rgb:47,107,79; --bs-body-bg:#f3efe8; --bs-body-color:#1a1712; --bs-border-color:#e2ddd0; }

/* ═══════════════════════════════ AKSAN CİLALARI ═══════════════════════════════ */
/* Brutal + Gen-Z: kalın siyah kenar + sert gölge */
:is([data-theme="brutal"],[data-theme="genz"]) :is(.product-card,.panel,.btn,.bento-tile,.cat-banner,.feature-strip .item,.filter-bar){ border:2px solid #111; box-shadow:4px 4px 0 #111; }
:is([data-theme="brutal"],[data-theme="genz"]) .product-card:hover{ transform:translate(-2px,-2px); box-shadow:6px 6px 0 #111; border-color:#111; }
:is([data-theme="brutal"],[data-theme="genz"]) .btn:hover{ transform:translate(-1px,-1px); box-shadow:5px 5px 0 #111; }
[data-theme="brutal"] .btn-primary,[data-theme="genz"] .btn-primary{ color:#111; }
/* Glass: buzlu cam katmanlar */
[data-theme="glass"] body{ background:linear-gradient(135deg,#161a33 0%,#2e1848 55%,#0f2f4a 100%) fixed; }
[data-theme="glass"] :is(.product-card,.panel,.hdr-tech,.tc-media .tc-grid a,.prod-rail){ background:rgba(12,14,40,.42); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,.14); }
[data-theme="glass"] .product-card .thumb img{ background:rgba(255,255,255,.9); }
[data-theme="glass"] .htc-nav{ background:rgba(255,255,255,.1); }
/* Serif temalarda çerçevesiz zarif ürün kartı */
:is([data-theme="minlux"],[data-theme="bagatelier"],[data-theme="jewel"],[data-theme="boutique"],[data-theme="scandi"],[data-theme="organic"]) .product-card{ border:none; border-bottom:1px solid var(--line); box-shadow:none; background:transparent; }
:is([data-theme="minlux"],[data-theme="bagatelier"],[data-theme="jewel"],[data-theme="boutique"]) .product-card:hover{ transform:none; box-shadow:none; border-color:var(--primary); }
/* Editorial: keskin siyah-beyaz kart */
[data-theme="editorial"] .product-card{ border:2px solid #111; box-shadow:none; }
[data-theme="editorial"] .product-card:hover{ transform:none; border-color:var(--primary); }

/* ═══════════════════════════ MOBİL: BİRLEŞİK ÇEKMECE MENÜ ═══════════════════════════
   ≤991px'de tema header'ı gizlenir; sol üstte hamburger + soldan açılan off-canvas menü. */
.mobile-topbar { display:none; }
.mobile-menu-btn { background:transparent; border:none; color:var(--ink); font-size:1.65rem; width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; flex-shrink:0; }
.mobile-menu-btn:hover { background:var(--primary-light); }
.mobile-topbar .mtb-brand { font-family:'Archivo',sans-serif; font-weight:800; font-size:1.2rem; color:var(--ink) !important; text-transform:uppercase; margin-right:auto; display:inline-flex; align-items:center; gap:.4rem; }
.mobile-topbar .mtb-brand .brand-logo { height:34px; }
.mobile-topbar-cart { position:relative; color:var(--ink); font-size:1.4rem; width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
.mobile-topbar-cart .badge-count { position:absolute; top:3px; right:0; background:var(--ink); color:var(--bg); border:2px solid var(--surface); border-radius:999px; font-size:.6rem; min-width:18px; height:18px; line-height:1; display:inline-flex; align-items:center; justify-content:center; padding:0 4px; font-weight:700; }

.mobile-drawer-backdrop { position:fixed; inset:0; background:rgba(10,12,16,.5); opacity:0; visibility:hidden; transition:opacity .3s ease, visibility .3s; z-index:1190; }
.mobile-drawer-backdrop.open { opacity:1; visibility:visible; }
.mobile-drawer { position:fixed; top:0; left:0; bottom:0; width:min(86vw,340px); background:var(--surface); color:var(--ink); box-shadow:var(--shadow-lg); transform:translateX(-100%); transition:transform .32s cubic-bezier(.16,1,.3,1); z-index:1200; display:flex; flex-direction:column; overflow-y:auto; }
.mobile-drawer.open { transform:translateX(0); }
.mobile-drawer .md-head { display:flex; align-items:center; justify-content:space-between; padding:.9rem 1rem; border-bottom:1px solid var(--line); }
.mobile-drawer .md-brand { font-family:'Archivo',sans-serif; font-weight:800; text-transform:uppercase; font-size:1.15rem; color:var(--ink) !important; }
.mobile-drawer .md-brand .brand-logo { height:36px; }
.mobile-drawer .md-close { background:transparent; border:none; font-size:1.2rem; color:var(--ink); width:40px; height:40px; border-radius:10px; }
.mobile-drawer .md-close:hover { background:var(--primary-light); }
.mobile-drawer .md-search { display:flex; align-items:center; gap:.5rem; margin:.9rem 1rem .4rem; padding:.55rem .85rem; border:1px solid var(--line); border-radius:999px; background:var(--bg); }
.mobile-drawer .md-search i { color:var(--muted); }
.mobile-drawer .md-search input { border:none; outline:none; background:transparent; flex:1; color:var(--ink); font-size:.95rem; }
.mobile-drawer .md-nav { padding:.3rem 0; }
.mobile-drawer .md-nav ul { list-style:none; margin:0; padding:0; }
.mobile-drawer .md-nav .nav-item { border-bottom:1px solid var(--line); }
.mobile-drawer .md-nav .nav-link { display:block; padding:.85rem 1.1rem !important; color:var(--ink) !important; font-weight:600; font-size:.98rem; text-transform:none; letter-spacing:0; }
.mobile-drawer .md-nav .nav-link:hover { background:var(--primary-light); }
.mobile-drawer .md-nav .nav-dd { display:none !important; }
.mobile-drawer .md-account { padding:.7rem 1.1rem; border-top:1px solid var(--line); margin-top:auto; display:flex; flex-direction:column; }
.mobile-drawer .md-account a, .mobile-drawer .md-account button { display:flex; align-items:center; gap:.65rem; padding:.62rem 0; color:var(--ink); background:transparent; border:none; font-size:.95rem; font-weight:500; text-align:left; width:100%; }
.mobile-drawer .md-account a i, .mobile-drawer .md-account button i { color:var(--muted); width:20px; }
.mobile-drawer .md-account a:hover, .mobile-drawer .md-account button:hover { color:var(--primary-dark); }
.mobile-drawer .md-support { margin:.3rem 1.1rem 1.3rem; display:inline-flex; align-items:center; gap:.5rem; color:#25D366 !important; font-weight:700; font-size:.92rem; }

@media (max-width: 991.98px) {
  header, .hdr-mega { display:none !important; }
  .mega-shell { display:block; }
  .vitrin-hero { margin-top:0 !important; }
  .mobile-topbar { display:flex; align-items:center; gap:.5rem; padding:.5rem .7rem; background:var(--surface); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:1035; }
}