/**
 * Supplify Teması — Global Tasarım Sistemi
 * Sporcu takviye / supplement mağazası. Temiz beyaz + lime/tangerine.
 * OpenCart 3.0.3.x default markup'ını supplify konseptine çevirir.
 * PHP/render bağımsız, saf CSS. Son yüklenen stylesheet olmalı (default'u ezer).
 */

:root {
  /* WORLD HEAD COACH — siyah + altın kurumsal palet (logodan). --lime* isimleri korundu, değerler ALTIN. */
  --paper: #FBFAF8;
  --paper-2: #F4F2ED;
  --paper-3: #ECE9E1;
  --ink: #0E100E;
  --ink-soft: #3A3D39;
  --muted: #6E7069;
  --line: #E6E3DC;
  --lime: #C9971F;
  --lime-deep: #8A5A0A;
  --lime-wash: #F6ECD4;
  --gold-bright: #E8C766;
  --gold-grad: linear-gradient(135deg,#E8C766,#C9971F 55%,#9A6B10);
  --tang: #B45309;
  --tang-deep: #92400E;
  --star: #D89018;
  /* base.css legacy 'primary/brand' mavi varsayılanlarını altına sabitle (mavi sızmasın) */
  --primary-400: #E8C766;
  --primary-500: #C9971F;
  --primary-600: #9A6B10;
  --wg-brand: #8A5A0A;
  --wg-brand-d: #6E4708;
  --radius: 14px;
  --radius-lg: 22px;
  --shadow: 0 1px 2px rgb(14 21 18 / .06), 0 10px 30px -12px rgb(14 21 18 / .18);
  --shadow-lg: 0 24px 60px -20px rgb(14 21 18 / .28);
  --maxw: 1240px;
  --ease: cubic-bezier(.4,0,.2,1);
  --sans: 'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --display: 'Plus Jakarta Sans','Segoe UI',Roboto,Arial,sans-serif;
}

/* ============ TEMEL ============ */
body {
  font-family: var(--sans);
  color: var(--ink);
  background: var(--paper);
  font-size: 15px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--lime-deep); transition: color .2s var(--ease); }
a:hover, a:focus { color: var(--ink); text-decoration: none; }
h1,h2,h3,h4,h5 { font-family: var(--display); font-weight: 800; color: var(--ink); letter-spacing: -.01em; }
.container { max-width: var(--maxw); }
img { max-width: 100%; }
:focus-visible { outline: 3px solid var(--lime); outline-offset: 2px; }
hr { border-top-color: var(--line); }

/* ============ BUTONLAR ============ */
.btn {
  font-family: var(--sans); font-weight: 700; border-radius: 999px; border: 0;
  padding: 10px 22px; transition: transform .15s var(--ease), background .2s, box-shadow .2s;
  text-shadow: none; box-shadow: none;
}
.btn:hover { transform: translateY(-2px); }
.btn-primary, .btn-primary:focus { background: var(--tang); color: #fff; }
.btn-primary:hover { background: var(--tang-deep); color: #fff; box-shadow: 0 10px 22px -8px var(--tang); }
.btn-default { background: var(--paper); color: var(--ink); border: 1.5px solid var(--line); }
.btn-default:hover { border-color: var(--ink); background: var(--paper); color: var(--ink); }
.btn-lg { padding: 14px 28px; font-size: 16px; }
.btn-sm, .btn-xs { border-radius: 999px; }
.btn-block { border-radius: 12px; }
/* sepete ekle vurgusu */
#button-cart, .btn-primary.btn-block { background: var(--ink); color: var(--paper); }
#button-cart:hover { background: var(--lime); color: #201700; }

/* ============ ÜST BAR (#top) — açık/ince utility şerit ============ */
/* Not: default stylesheet.css #top'u ağır skinliyor; burada tüm görünüm ezilir. */
#top {
  background: var(--paper); color: var(--muted); padding: 0; min-height: 38px;
  border: 0; border-bottom: 1px solid var(--line); margin: 0;
}
#top .container { display: flex; align-items: center; min-height: 38px; padding-top: 0; padding-bottom: 0; }
#top .btn-link, #top a, #top #top-links a { color: var(--muted); font-size: 12.5px; font-weight: 600; text-shadow: none; }
#top .btn-link:hover, #top a:hover, #top #top-links a:hover { color: var(--ink); background: none; }
#top #form-currency, #top #form-language { margin: 0; }
#top #form-currency .btn-link, #top #form-language .btn-link { padding: 8px 6px; }
#top-links { margin: 0; }
#top-links .list-inline { margin-bottom: 0; }
#top-links > ul > li > a { padding: 8px 10px; border-radius: 8px; }
#top-links a .fa { color: var(--lime-deep); }
/* default'tan gelebilecek yeşil "Kasaya Git" / buton skinini nötrle */
#top-links a[href*="checkout"], #top .btn { background: none !important; color: var(--muted); border: 0; box-shadow: none; }
#top-links a[href*="checkout"]:hover { color: var(--ink); }

/* --- Para Birimi / Dil açılır menüleri (temiz, bozukluk giderildi) --- */
#top #form-currency, #top #form-language { display: inline-flex; align-items: center; margin: 0; }
#top #form-currency .btn-group, #top #form-language .btn-group { display: inline-flex; vertical-align: middle; }
#top .btn-group > .btn-link.dropdown-toggle {
  border: 0; background: none; box-shadow: none; padding: 9px 8px; color: var(--muted);
  font-size: 12.5px; font-weight: 600; display: inline-flex; align-items: center; gap: 5px; line-height: 1;
}
#top .btn-group > .btn-link.dropdown-toggle:hover { color: var(--ink); }
#top .btn-group > .btn-link.dropdown-toggle strong { color: var(--ink); font-weight: 800; }
/* bayrak görselini sabit boyutla (dağılmayı önler) */
#top #form-language img, #top .dropdown-menu img { width: 20px; height: 14px; object-fit: cover; border-radius: 2px; vertical-align: middle; }
#top .dropdown-menu img { margin-right: 7px; }
#top .dropdown-menu {
  border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow-lg);
  padding: 8px; min-width: 180px; margin-top: 6px;
}
#top .dropdown-menu > li > .btn-link {
  color: var(--ink-soft); text-align: left; padding: 8px 12px; border-radius: 8px; font-weight: 600; width: 100%;
  display: flex; align-items: center;
}
#top .dropdown-menu > li > .btn-link:hover { background: var(--paper-2); color: var(--ink); }

/* ============ HEADER ============ */
header {
  background: var(--paper); border-bottom: 1px solid var(--line); margin-bottom: 0; padding: 14px 0;
  position: relative; z-index: 1;
  /* NOT: sticky KALDIRILDI — aşağı kaydırınca yalnızca kompakt .sf-sticky belirir (çift header önlenir). */
}
#logo a, #logo h1 { font-family: var(--display); font-weight: 900; font-size: 26px; letter-spacing: -.02em; color: var(--ink); margin: 6px 0; }
#logo img { max-height: 46px; width: auto; }

/* arama — tam override (bootstrap table-layout + mavi focus glow çakışması giderildi) */
/* arama — tek bütünleşik pill (çerçeve/mavi zemin yok, input+buton birleşik) */
#search { margin: 0; }
#search, #search.input-group {
  display: flex !important; align-items: stretch; height: 48px; overflow: hidden;
  background: var(--paper) !important; border: 1.5px solid var(--line); border-radius: 999px;
}
#search .form-control, #search .input-lg {
  height: 46px; line-height: 46px; border: 0 !important; border-radius: 0; padding: 0 20px;
  box-shadow: none !important; font-size: 14px; background: transparent !important; float: none;
  flex: 1 1 auto; width: auto; min-width: 0;
}
#search .form-control:focus, #search .input-lg:focus { border: 0; box-shadow: none !important; background: transparent !important; outline: none; }
#search .input-group-btn { display: flex; width: auto; font-size: 0; flex: 0 0 auto; }
#search .btn, #search .btn-lg {
  height: 46px; width: 54px; background: var(--ink); color: var(--paper); border: 0;
  border-radius: 0; padding: 0; box-shadow: none; text-shadow: none;
  display: grid; place-items: center; transition: background .2s;
}
#search .btn:hover, #search .btn-lg:hover { background: var(--lime); color: #201700; transform: none; }
#search .btn .fa { font-size: 16px; }
#search:focus-within { border-color: var(--lime); }

/* sepet butonu */
#cart { margin-top: 4px; }
#cart > .btn {
  background: var(--lime); color: #201700; border-radius: 999px; font-weight: 800;
  padding: 12px 20px; border: 0;
}
#cart > .btn:hover, #cart.open > .btn { background: var(--ink); color: var(--paper); }
#cart .dropdown-menu {
  border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow-lg);
  padding: 16px; min-width: 340px; margin-top: 10px;
}
#cart .dropdown-menu td { color: var(--ink-soft); }

/* ============ ANA MENÜ (#menu / navbar) ============ */
#menu, .navbar {
  background: var(--paper); border: 0; border-bottom: 1px solid var(--line);
  border-radius: 0; min-height: 52px; margin-bottom: 0;
}
#menu .navbar-header .navbar-toggle { background: var(--ink); border: 0; border-radius: 10px; margin: 9px 0; }
#menu .navbar-toggle .icon-bar { background: var(--paper); }
#menu .nav > li > a {
  color: var(--ink-soft); font-weight: 700; font-size: 14.5px; text-transform: none;
  padding: 16px 16px; background: none; position: relative;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a { color: var(--ink); background: none; }
/* modern-menu.css'in li.dropdown>a::before {content:'\f107'} sızan chevron'unu öldür */
#menu .nav > li.dropdown > a::before { content: none !important; }
.sf-acc { display: none; }  /* akordiyon chevron — sadece mobil drawer'da görünür */
.sf-drawer-foot { display: none; }  /* iletişim bölümü — sadece mobil drawer'da */
#menu .nav > li.dropdown:hover > .dropdown-menu { display: block; }
#menu .dropdown-menu {
  border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-lg);
  padding: 14px; margin-top: 0; min-width: 260px;
}
#menu .dropdown-inner { display: flex; gap: 8px; }
#menu .dropdown-inner ul { min-width: 150px; }
#menu .dropdown-inner ul li a { color: var(--ink-soft); font-weight: 600; padding: 7px 12px; border-radius: 8px; }
#menu .dropdown-inner ul li a:hover { background: var(--paper-2); color: var(--ink); }
/* Tümünü Göster — minimal slim chip (ağır siyah blok kaldırıldı) */
#menu a.see-all {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  margin: 10px 4px 2px; padding: 9px 14px; border-radius: 10px; border: 0;
  background: var(--paper-2); color: var(--ink); font-weight: 700; font-size: 12.5px; white-space: nowrap;
}
#menu a.see-all:hover { background: var(--ink); color: var(--paper); }

/* ============ MASAÜSTÜ STICKY HEADER (scroll'da belirir) ============ */
.sf-sticky {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1030;
  background: rgba(255,255,255,.92); backdrop-filter: saturate(1.4) blur(10px);
  border-bottom: 1px solid var(--line); box-shadow: 0 6px 24px rgba(14,21,18,.06);
  transform: translateY(-100%); opacity: 0; transition: transform .28s var(--ease), opacity .28s var(--ease);
  pointer-events: none;
}
.sf-sticky.on { transform: translateY(0); opacity: 1; pointer-events: auto; }
.sf-sticky-inner { display: flex; align-items: center; gap: 16px; height: 64px; }
.sf-sticky-logo { flex: none; display: flex; align-items: center; }
.sf-sticky-logo img { height: 34px; width: auto; display: block; }
/* logo görseli yoksa marka adı metin olarak basılır (mobar + sticky ortak) */
.sf-logo-text { font-family: var(--display); font-weight: 900; font-size: 20px; letter-spacing: -.02em; color: var(--ink); white-space: nowrap; }
.sf-sticky-cats-wrap { position: relative; flex: none; }
.sf-sticky-cats {
  display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px;
  background: var(--ink); color: #fff; border: 0; border-radius: 999px; font-weight: 800; font-size: 14px; cursor: pointer;
}
.sf-sticky-cats:hover { background: #000; }
.sf-sticky-catpanel {
  position: absolute; top: calc(100% + 10px); left: 0; min-width: 300px; max-width: 640px;
  background: var(--paper); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow-lg);
  padding: 12px; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: all .2s var(--ease); z-index: 5;
}
.sf-sticky.cats-open .sf-sticky-catpanel { opacity: 1; visibility: visible; transform: translateY(0); }
.sf-sticky-catpanel > ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.sf-sticky-catpanel > ul > li { position: relative; }
.sf-sticky-catpanel > ul > li > a {
  display: block; padding: 10px 14px; border-radius: 10px; color: var(--ink-soft); font-weight: 700; font-size: 14px; white-space: nowrap;
}
.sf-sticky-catpanel > ul > li > a:hover { background: var(--paper-2); color: var(--ink); }
.sf-sticky-catpanel .dropdown-menu, .sf-sticky-catpanel .caret { display: none !important; }
.sf-sticky-search {
  flex: 1 1 auto; display: flex; align-items: center; height: 46px; overflow: hidden;
  background: var(--paper); border: 1.5px solid var(--line); border-radius: 999px;
}
.sf-sticky-search:focus-within { border-color: var(--lime); }
.sf-sticky-search input { flex: 1 1 auto; height: 100%; border: 0; background: transparent; padding: 0 20px; font-size: 15px; outline: 0; color: var(--ink); }
.sf-sticky-search button { flex: none; width: 52px; height: 100%; background: var(--ink); color: #fff; border: 0; display: grid; place-items: center; cursor: pointer; }
.sf-sticky-search button:hover { background: #000; }
.sf-sticky-cart {
  flex: none; width: 46px; height: 46px; border-radius: 50%; background: var(--paper-2); color: var(--ink);
  display: grid; place-items: center; font-size: 17px;
}
.sf-sticky-cart:hover { background: var(--lime); color: var(--ink); }
@media (max-width: 900px){ .sf-sticky { display: none !important; } }

/* ============ BAŞLIK / BREADCRUMB ============ */
.breadcrumb {
  background: none; padding: 20px 0 8px; margin-bottom: 18px; font-size: 13px;
}
.breadcrumb > li a { color: var(--muted); font-weight: 600; }
.breadcrumb > li a:hover { color: var(--lime-deep); }
.breadcrumb > li + li::before { content: "›"; color: var(--muted); }
h1, h2 { letter-spacing: -.02em; }
#content h1, #content h2 { font-weight: 900; }

/* ============ SAYFA DÜZENİ ============ */
#common-home, #content { padding-bottom: 30px; }

/* panel / well (sol-sağ kolon modülleri) */
.panel, .well {
  border: 1px solid var(--line); border-radius: var(--radius); box-shadow: none; background: var(--paper);
}
.panel-heading, .panel-title { color: var(--ink); font-weight: 800; }
.list-group-item { border-color: var(--line); }
.list-group-item.active, .list-group-item.active:hover { background: var(--lime-wash); color: var(--lime-deep); border-color: var(--lime-wash); font-weight: 700; }

/* ============ ÜRÜN KARTI (.product-thumb) ============ */
/* ürün grid'i: eşit yükseklik (float taşması + boşluk sorununu çözer) */
.sf-products, .product-grid-row { display: flex; flex-wrap: wrap; }
.sf-products > .product-layout, .product-grid-row > .product-layout { display: flex; }
.product-thumb {
  border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden;
  background: var(--paper); transition: transform .2s var(--ease), box-shadow .2s, border-color .2s;
  margin-bottom: 24px; display: flex; flex-direction: column; width: 100%;
  box-shadow: 0 1px 3px rgb(14 21 18 / .05);
}
.product-thumb:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: transparent; }
.product-thumb .image { position: relative; background: var(--paper-2); padding: 14px; text-align: center; }
.product-thumb .image a { display: block; }
.product-thumb .image img { border-radius: 10px; margin: 0 auto; transition: transform .3s var(--ease); mix-blend-mode: multiply; }
.product-thumb:hover .image img { transform: scale(1.04); }
.product-thumb .caption { padding: 14px 16px 4px; min-height: auto; }
.product-thumb .caption h4 { font-size: 15px; font-weight: 700; line-height: 1.3; margin: 0 0 8px; }
.product-thumb .caption h4 a { color: var(--ink); }
.product-thumb .caption h4 a:hover { color: var(--lime-deep); }
.product-thumb .description { display: none; }
.product-thumb .caption h4 + p { display: none; } /* Featured modülü açıklama metnini gizle (mockup ile uyum) */
.product-thumb .rating { padding: 2px 0 6px; }
.product-thumb .rating .fa-star, .rating .fa-star { color: var(--star); }
.product-thumb .rating .fa-star-o { color: var(--line); }
.product-thumb .price {
  font-family: var(--display); font-weight: 900; font-size: 20px; color: var(--ink);
  padding: 0 16px 4px;
}
.product-thumb .price-old { color: var(--muted); text-decoration: line-through; font-size: 14px; font-weight: 600; }
.product-thumb .price-new { color: var(--ink); }
.product-thumb .price-tax { display: none; }
/* buton grubu */
.product-thumb .button-group {
  border: 0; background: none; display: flex; gap: 6px; padding: 10px 14px 16px; margin-top: auto;
  overflow: visible;
}
.product-thumb .button-group button {
  background: var(--paper); border: 1.5px solid color-mix(in srgb, var(--ink) 14%, transparent);
  color: var(--ink); border-radius: 12px; padding: 0 8px;
  height: 44px; transition: background .2s, color .2s, transform .15s, border-color .2s;
  font-weight: 800; font-size: 12.5px; letter-spacing: -.01em;
  float: none; line-height: normal;
}
.product-thumb .button-group button:first-child {
  flex: 1 1 auto; width: auto; min-width: 0; background: var(--ink); color: var(--paper); border-color: var(--ink);
  white-space: nowrap;
}
.product-thumb .button-group button:first-child i { margin-right: 5px; }
.product-thumb .button-group button:first-child:hover { background: var(--lime); color: #201700; border-color: var(--lime); }
.product-thumb .button-group button:not(:first-child) { width: 42px; min-width: 42px; flex: 0 0 42px; padding: 0; }
.product-thumb .button-group button:not(:first-child):hover { color: var(--tang); border-color: var(--tang); }

/* rozet/etiket (sale) */
.product-thumb .image .label, .product-label {
  position: absolute; top: 12px; left: 12px; background: var(--tang); color: #fff;
  font-size: 11px; font-weight: 800; padding: 5px 10px; border-radius: 999px; text-transform: uppercase;
}

/* refine (kategori alt kategori kutucukları) */
.refine-search ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.refine-search ul li { border: 1px solid var(--line); border-radius: 999px; }
.refine-search ul li a { display: block; padding: 8px 16px; font-weight: 600; color: var(--ink-soft); }
.refine-search ul li:hover { border-color: var(--lime); }

/* ============ KATEGORİ ÜST FİLTRE BARI ============ */
.product-filter {
  background: var(--paper-2); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 12px 16px; margin-bottom: 22px;
}
.product-filter .btn-group .btn { background: var(--paper); border: 1px solid var(--line); color: var(--ink-soft); }
.product-filter .btn-group .btn.active, .product-filter .btn-group .btn:hover { background: var(--ink); color: var(--paper); }
.product-filter select.form-control { border-radius: 10px; border-color: var(--line); height: 40px; }

/* ============ ÜRÜN DETAY ============ */
#product .form-group label.control-label, #product h1 { font-weight: 800; }
.thumbnails { margin-top: 14px; }
.thumbnails > li img, .image-additional img { border: 1px solid var(--line); border-radius: 12px; }
.thumbnails .thumbnail { border-radius: 16px; border-color: var(--line); }
#product-product h1 { font-size: 30px; font-weight: 900; }
#product-product .list-unstyled .price, #product-product h2 {
  font-family: var(--display); font-weight: 900; color: var(--ink);
}
.rating .fa-stack .fa-star-o { color: var(--line); }
.nav-tabs { border-bottom: 2px solid var(--line); }
.nav-tabs > li > a { color: var(--muted); font-weight: 700; border: 0; border-radius: 0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: var(--ink); border: 0; border-bottom: 2px solid var(--lime); background: none; margin-bottom: -2px;
}
.nav-tabs > li > a:hover { border: 0; background: none; color: var(--ink); }

/* form kontrol */
.form-control { border-radius: 10px; border-color: var(--line); box-shadow: none; }
.form-control:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgb(180 238 43 / .18); }
.input-group-btn .btn { border-radius: 10px; }

/* ============ TOOLTIP (bootstrap-inner max-width eksikliği → sola kayma düzeltmesi) ============ */
.tooltip { position: absolute; z-index: 1070; display: block; font-size: 12px; }
.tooltip.in { opacity: 1; }
.tooltip-inner {
  max-width: 220px; width: auto; padding: 7px 11px; background: var(--ink); color: #fff;
  border-radius: 8px; font-weight: 600; text-align: center; white-space: normal; box-shadow: var(--shadow);
}
.tooltip.top .tooltip-arrow { border-top-color: var(--ink); }
.tooltip.bottom .tooltip-arrow { border-bottom-color: var(--ink); }
.tooltip.left .tooltip-arrow { border-left-color: var(--ink); }
.tooltip.right .tooltip-arrow { border-right-color: var(--ink); }

/* uyarı kutuları */
.alert { border-radius: 12px; border: 0; }
.alert-success { background: var(--lime-wash); color: var(--lime-deep); }
.alert-danger { background: #fde8e2; color: var(--tang-deep); }

/* ============ FOOTER ============ */
footer {
  background: var(--paper); border-top: 1px solid var(--line); color: var(--muted);
  margin-top: 40px; padding: 56px 0 28px;
}
footer h5 {
  color: var(--ink); font-size: 13px; text-transform: uppercase; letter-spacing: .08em;
  font-weight: 800; margin-bottom: 16px;
}
footer a { color: var(--muted); font-size: 14px; }
footer a:hover { color: var(--ink); }
footer ul li { padding: 5px 0; }
footer hr { border-top-color: var(--line); margin: 32px 0 18px; }
footer p { font-size: 13px; color: var(--muted); }

/* ============ SUPPLIFY EK BİLEŞENLER (header/footer override) ============ */
/* duyuru barı */
.sf-anno { background: var(--ink); color: var(--paper); font-size: 13px; font-weight: 600; }
.sf-anno .container { display: flex; align-items: center; justify-content: center; gap: 24px; height: 40px; }
.sf-anno b { color: var(--lime); }
.sf-anno .sep { opacity: .3; }
@media (max-width: 767px){ .sf-anno .hidem { display: none; } .sf-anno .container { gap: 12px; font-size: 11.5px; } }

/* güven şeridi (footer üstü) */
/* ============ WG FREE SHIPPING BAR (global) ============ */
.wg-fs { position: fixed; left: 0; right: 0; z-index: 1035; background: var(--lime-wash); padding: 9px 0; }
.wg-fs-bottom { bottom: 0; border-top: 1px solid var(--lime); }
.wg-fs-top { top: 0; border-bottom: 1px solid var(--lime); }
.wg-fs-in { max-width: 1000px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 16px; justify-content: center; flex-wrap: wrap; }
.wg-fs-msg { font-size: 13.5px; font-weight: 700; color: var(--ink); }
.wg-fs-msg i { color: var(--lime-deep); margin-right: 4px; }
.wg-fs-bar { flex: 1 1 180px; max-width: 300px; height: 8px; background: rgba(14,21,18,.1); border-radius: 999px; overflow: hidden; }
.wg-fs-fill { display: block; height: 100%; background: var(--lime-deep); border-radius: 999px; transition: width .5s var(--ease); }
@media (max-width: 900px){ .wg-fs-bottom { bottom: calc(66px + env(safe-area-inset-bottom, 0px)); } body.sf-menu-open .wg-fs, body.sf-search-open .wg-fs { display: none; } }
/* kibar kapatma butonu (fs bar) */
.wg-fs-close { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 999px; background: rgba(14,16,14,.08); border: 0; color: var(--ink-soft); cursor: pointer; display: grid; place-items: center; font-size: 13px; padding: 0; line-height: 1; }
.wg-fs-close:hover { background: var(--ink); color: #fff; }
.wg-fs-in { padding-right: 46px; }

/* ============ WG TRUST BADGES (global güven rozetleri) ============ */
.wg-trust { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper); padding: 22px 0; }
.wg-trust .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 18px; }
.wg-trust-item { display: flex; align-items: center; gap: 12px; }
.wg-trust-item .wg-tb-ic { width: 44px; height: 44px; flex: none; border-radius: 12px; background: var(--lime-wash); color: var(--lime-deep); display: grid; place-items: center; font-size: 20px; }
.wg-trust-item b { display: block; font-size: 14px; color: var(--ink); }
.wg-trust-item span { font-size: 12px; color: var(--muted); }

/* ============ WG COOKIE/KVKK (global çerez bandı) ============ */
.wg-ck { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2500; background: var(--ink); color: #fff; padding: 13px 0; box-shadow: 0 -6px 24px rgba(14,21,18,.25); }
.wg-ck-in { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 16px; justify-content: space-between; flex-wrap: wrap; }
.wg-ck-tx { font-size: 13px; color: rgba(255,255,255,.82); line-height: 1.5; }
.wg-ck-tx a { color: var(--lime); text-decoration: underline; }
.wg-ck-ok { flex: none; background: var(--lime); color: #201700; border: 0; border-radius: 999px; padding: 9px 24px; font-weight: 800; font-size: 13.5px; cursor: pointer; }
.wg-ck-ok:hover { background: var(--lime-deep); }
@media (max-width: 900px){ .wg-ck { bottom: 64px; } .wg-ck-in { justify-content: center; text-align: center; } }
/* KVKK bandi ve kargo bari ayni fixed bottom yuvasinda cakismasin: KVKK gorunurken kargo barini onun ustune otele. KVKK kapaninca (:has eslesmez) geri iner. */
body:has(.wg-ck:not([hidden])) .wg-fs-bottom { bottom: 58px; }
@media (max-width: 900px){ body:has(.wg-ck:not([hidden])) .wg-fs-bottom { bottom: calc(124px + env(safe-area-inset-bottom, 0px)); } }

/* ============ WG QUICKVIEW (global hızlı bakış modülü) ============ */
.product-thumb .image { position: relative; }
.wg-qv-btn {
  position: absolute; left: 50%; bottom: 12px; transform: translate(-50%, 8px);
  display: inline-flex; align-items: center; gap: 7px; z-index: 4;
  background: rgba(14,21,18,.92); color: #fff; border: 0; border-radius: 999px;
  padding: 9px 16px; font-size: 12.5px; font-weight: 700; cursor: pointer;
  opacity: 0; transition: opacity .22s var(--ease), transform .22s var(--ease); white-space: nowrap;
}
.product-thumb:hover .wg-qv-btn { opacity: 1; transform: translate(-50%, 0); }
.wg-qv-btn:hover { background: var(--lime); color: #201700; }
@media (max-width: 900px){ .wg-qv-btn { opacity: 1; transform: translate(-50%, 0); padding: 7px 13px; font-size: 11.5px; bottom: 8px; } }

.wg-qv-modal { position: fixed; inset: 0; z-index: 3000; display: none; }
.wg-qv-modal.open { display: block; }
.wg-qv-backdrop { position: absolute; inset: 0; background: rgba(14,21,18,.55); backdrop-filter: blur(3px); }
.wg-qv-dialog { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: min(860px, 94vw); max-height: 92vh; overflow: auto; background: var(--paper); border-radius: 20px; box-shadow: var(--shadow-lg); }
.wg-qv-x { position: absolute; top: 12px; right: 14px; z-index: 3; width: 38px; height: 38px; border-radius: 50%; border: 0; background: var(--paper-2); color: var(--ink); font-size: 22px; line-height: 1; cursor: pointer; }
.wg-qv-x:hover { background: var(--ink); color: #fff; }
.wg-qv-spinner { padding: 60px; text-align: center; color: var(--muted); }
.wg-qv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 24px; }
.wg-qv-img { background: var(--paper-2); border-radius: 14px; display: grid; place-items: center; padding: 16px; }
.wg-qv-img img { max-width: 100%; height: auto; border-radius: 8px; }
.wg-qv-info h3 { font-size: 22px; font-weight: 900; letter-spacing: -.01em; margin: 6px 0 8px; }
.wg-qv-stars { color: var(--star); font-size: 13px; margin-bottom: 10px; }
.wg-qv-stars .fa-star { color: var(--line); } .wg-qv-stars .fa-star.on { color: var(--star); }
.wg-qv-price { margin: 8px 0; }
.wg-qv-new { font-size: 26px; font-weight: 900; color: var(--ink); }
.wg-qv-old { text-decoration: line-through; color: var(--muted); font-size: 16px; margin-right: 8px; }
.wg-qv-stock { font-size: 13px; color: var(--lime-deep); font-weight: 700; margin-bottom: 12px; }
.wg-qv-desc { font-size: 13.5px; color: var(--ink-soft); line-height: 1.6; margin: 0 0 18px; }
.wg-qv-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.wg-qv-cart { flex: 1 1 auto; height: 50px; border: 0; border-radius: 14px; background: var(--ink); color: #fff; font-weight: 800; font-size: 15px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.wg-qv-cart:hover { background: #000; }
.wg-qv-detail { flex: 1 1 auto; height: 50px; border-radius: 14px; background: var(--paper-2); color: var(--ink); font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; }
.wg-qv-detail:hover { background: var(--lime); color: var(--ink); }
@media (max-width: 640px){ .wg-qv-grid { grid-template-columns: 1fr; gap: 16px; padding: 18px; } .wg-qv-img { max-height: 280px; } }

/* ============ WG NEWSLETTER (global bülten modülü) ============ */
.wg-newsletter { background: var(--ink); color: #fff; padding: 44px 0; }
.wg-nl-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; }
.wg-nl-text { flex: 1 1 320px; }
.wg-newsletter h3 { font-family: var(--display); font-weight: 900; font-size: 26px; margin: 0 0 6px; color: #fff; letter-spacing: -.01em; }
.wg-newsletter .wg-nl-text p { margin: 0; color: rgba(255,255,255,.7); font-size: 14.5px; }
.wg-nl-form { flex: 1 1 380px; display: flex; gap: 10px; max-width: 520px; }
.wg-nl-form input { flex: 1 1 auto; height: 52px; border: 0; border-radius: 999px; padding: 0 22px; font-size: 15px; background: rgba(255,255,255,.1); color: #fff; outline: 0; }
.wg-nl-form input::placeholder { color: rgba(255,255,255,.55); }
.wg-nl-form input:focus { background: rgba(255,255,255,.16); box-shadow: 0 0 0 2px var(--lime); }
.wg-nl-form button { flex: none; height: 52px; padding: 0 28px; border: 0; border-radius: 999px; background: var(--lime); color: #201700; font-weight: 800; font-size: 15px; cursor: pointer; transition: background .2s var(--ease); }
.wg-nl-form button:hover { background: var(--lime-deep); }
.wg-nl-form button:disabled { opacity: .6; cursor: default; }
.wg-nl-msg { flex-basis: 100%; margin-top: 12px; font-size: 14px; font-weight: 700; }
.wg-nl-msg.ok { color: var(--lime); }
.wg-nl-msg.err { color: #ff8a6b; }
@media (max-width: 700px){ .wg-nl-inner { flex-direction: column; text-align: center; } .wg-nl-text { flex-basis: auto; } .wg-nl-form { width: 100%; max-width: none; flex-direction: column; } .wg-nl-form button { width: 100%; } }

.sf-trust { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper-2); }
.sf-trust .container { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; padding: 18px 15px; }
.sf-trust .container::before, .sf-trust .container::after { display: none; } /* bootstrap clearfix grid item olmasin */
.sf-trust .t { display: flex; align-items: center; gap: 12px; justify-content: center; }
.sf-trust .t i { color: var(--lime-deep); font-size: 22px; }
.sf-trust .t b { display: block; font-size: 14px; color: var(--ink); }
.sf-trust .t span { font-size: 12.5px; color: var(--muted); }
@media (max-width: 767px){ .sf-trust .container { grid-template-columns: 1fr 1fr; gap: 16px 8px; } .sf-trust .t { justify-content: flex-start; } }

/* WhatsApp yüzen buton */
.sf-wa {
  position: fixed; right: 22px; bottom: 22px; z-index: 600; width: 56px; height: 56px;
  border-radius: 50%; background: #25d366; display: grid; place-items: center; color: #fff;
  box-shadow: 0 12px 28px -8px rgb(37 211 102 / .6); transition: transform .15s var(--ease);
}
.sf-wa:hover { transform: scale(1.07); color: #fff; }
.sf-wa i { font-size: 28px; }

/* ============ ÜRÜN DETAY (ek) ============ */
/* fiyat vurgusu */
#product-product h2 { font-family: var(--display); font-weight: 900; font-size: 34px; color: var(--ink); margin: 4px 0; }
#product-product .list-unstyled li span[style*="line-through"] { color: var(--muted); font-size: 16px; }
#product-product .list-unstyled { font-size: 14px; color: var(--ink-soft); }
#product-product #tab-description { padding: 20px 2px; color: var(--ink-soft); line-height: 1.7; }
/* galeri */
#product-product .thumbnails > li > .thumbnail img { border-radius: 16px; }
#product-product .thumbnails .image-additional { display: inline-block; width: 84px; margin: 8px 6px 0 0; }
/* miktar + sepet */
#product-product #input-quantity { width: 90px; height: 48px; text-align: center; font-weight: 800; border-radius: 12px; display: inline-block; }
#product-product #button-cart { margin-top: 10px; border-radius: 14px; font-size: 16px; }
/* satın alma güven şeridi */
.sf-buy-trust { margin-top: 16px; display: flex; flex-direction: column; gap: 8px; padding: 16px; background: var(--paper-2); border: 1px solid var(--line); border-radius: 14px; }
.sf-buy-trust div { font-size: 13.5px; font-weight: 600; color: var(--ink-soft); display: flex; align-items: center; gap: 10px; }
.sf-buy-trust i { color: var(--lime-deep); width: 18px; text-align: center; }
/* ilgili ürünler başlığı */
#product-product > .row h3 { font-size: 22px; font-weight: 900; margin: 30px 0 18px; }

/* ============ KATEGORİ SAYFASI ============ */
.sf-cat-head { margin: 6px 0 18px; }
.sf-cat-head h1 { font-size: 32px; font-weight: 900; margin: 0; }
.sf-cat-intro {
  display: flex; gap: 20px; align-items: center; background: var(--paper-2);
  border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 20px; margin-bottom: 24px;
}
.sf-cat-thumb { width: 110px; height: 110px; object-fit: cover; border-radius: 14px; flex: none; }
.sf-cat-desc { color: var(--ink-soft); font-size: 14px; }
.sf-cat-desc p:last-child { margin-bottom: 0; }
.refine-search { margin-bottom: 24px; }
.refine-search h3 { font-size: 15px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); font-weight: 800; margin-bottom: 12px; }
.sf-products { margin-top: 4px; }
.sf-pagination { margin-top: 18px; align-items: center; }
.sf-pagination .pagination > li > a, .sf-pagination .pagination > li > span { color: var(--ink-soft); border-color: var(--line); border-radius: 10px !important; margin: 0 3px; }
.pagination > li > a, .pagination > li > span { color: var(--ink-soft); border-color: var(--line); border-radius: 10px !important; margin: 0 3px; }
.pagination > .active > span, .pagination > .active > a { background: var(--ink); border-color: var(--ink); }
.pagination > li > a:hover { background: var(--lime-wash); border-color: var(--lime); color: var(--lime-deep); }
.sf-empty { text-align: center; padding: 50px 0; }
.sf-empty i { font-size: 46px; color: var(--line); }
.sf-empty p { font-size: 16px; color: var(--muted); margin: 16px 0 20px; }

/* ============ ANASAYFA ============ */
.sf-home { padding: 0; }
.sf-home .container { max-width: var(--maxw); }
.sf-section { padding: 60px 0; }
.sf-section.tight { padding: 40px 0; }
.sf-sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.sf-sec-head .eyebrow { display: block; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--lime-deep); margin-bottom: 6px; }
.sf-sec-head h2 { font-size: clamp(26px,3.2vw,36px); font-weight: 900; text-transform: uppercase; margin: 0; }
.sf-sec-head p { color: var(--muted); margin: 6px 0 0; font-size: 14px; }
.sf-sec-head .more { font-weight: 800; font-size: 14px; color: var(--lime-deep); white-space: nowrap; }
.sf-sec-head .more:hover { color: var(--ink); }

/* hero slider */
.sf-hero { position: relative; overflow: hidden; background: radial-gradient(120% 120% at 88% 0%, var(--lime-wash) 0%, transparent 46%), var(--paper); border-bottom: 1px solid var(--line); }
.sf-slides { display: flex; transition: transform .55s var(--ease); }
.sf-slide { min-width: 100%; }
.sf-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 40px; align-items: center; padding: 50px 0 60px; }
.sf-hero-copy .eyebrow { font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--lime-deep); }
.sf-hero-copy h1 { font-size: clamp(36px,5vw,64px); font-weight: 900; letter-spacing: -.03em; text-transform: uppercase; line-height: 1.12; margin: 14px 0; }
.sf-hero-copy h1 .mark { position: relative; white-space: nowrap; }
.sf-hero-copy h1 .mark::after { content:""; position:absolute; left:-2px; right:-2px; bottom:.04em; height:.24em; background: var(--lime); z-index:-1; border-radius: 3px; }
.sf-hero-copy .lead { font-size: 17px; color: var(--ink-soft); max-width: 44ch; margin: 18px 0 26px; }
.sf-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; }
.sf-hero-assure { display: flex; gap: 18px; margin-top: 24px; flex-wrap: wrap; }
.sf-hero-assure span { font-size: 13px; font-weight: 600; color: var(--muted); }
.sf-hero-assure i { color: var(--lime-deep); margin-right: 6px; }
.sf-stage { position: relative; width: 100%; max-width: 380px; margin: 0 auto; aspect-ratio: 1/1.08; border-radius: 30px; background: linear-gradient(160deg, var(--ink), #1a2a1e); display: grid; place-items: center; box-shadow: var(--shadow-lg); }
.sf-stage.royal { background: linear-gradient(160deg, #0e1512, #16303e); }
.sf-stage.tang { background: linear-gradient(160deg, #b5330a, #ff5a1f); }
.sf-stage .ring { position: absolute; width: 78%; aspect-ratio: 1; border-radius: 50%; border: 1.5px dashed rgb(180 238 43 / .35); }
.sf-tub { width: 52%; z-index: 2; filter: drop-shadow(0 22px 30px rgb(0 0 0 / .45)); }
/* NOT: eski '.sf-hero-img' img kuralı kaldırıldı — full-bleed slider section'ı ile
   class çakışıp max-width:82% sızdırıyordu (slider sağında boşluk). Eski 2-kolon hero
   görseli artık kullanılmıyor. */
.sf-stage img.tub-img { position: relative; z-index: 2; max-width: 82%; max-height: 88%; object-fit: contain; filter: drop-shadow(0 24px 34px rgb(0 0 0 / .42)); }
.sf-chip { position: absolute; background: var(--paper); border: 1px solid var(--line); border-radius: 14px; padding: 10px 13px; display: flex; align-items: center; gap: 10px; z-index: 4; box-shadow: var(--shadow); }
.sf-chip .ic { width: 30px; height: 30px; border-radius: 8px; background: var(--lime-wash); color: var(--lime-deep); display: grid; place-items: center; }
.sf-chip .k { font-family: var(--display); font-weight: 900; font-size: 18px; line-height: 1; }
.sf-chip .l { font-size: 10.5px; color: var(--muted); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.sf-chip.c1 { top: 26px; left: -12px; } .sf-chip.c2 { bottom: 40px; right: -14px; } .sf-chip.c3 { bottom: -12px; left: 20%; }
.sf-arrow { position: absolute; top: 46%; z-index: 8; width: 44px; height: 44px; border-radius: 50%; background: var(--paper); border: 1px solid var(--line); display: grid; place-items: center; cursor: pointer; color: var(--ink); box-shadow: var(--shadow); }
.sf-arrow:hover { border-color: var(--ink); }
.sf-arrow.prev { left: 12px; } .sf-arrow.next { right: 12px; }
.sf-dots { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); z-index: 8; display: flex; gap: 8px; }
.sf-dots button { width: 9px; height: 9px; border-radius: 999px; border: 0; background: color-mix(in srgb, var(--ink) 22%, transparent); cursor: pointer; padding: 0; transition: width .25s var(--ease), background .2s; }
.sf-dots button.on { width: 26px; background: var(--ink); }

/* ===== tam-ekran görsel hero slider (wg_slider) ===== */
.sf-hero-img { position: relative; overflow: hidden; background: var(--ink); border-bottom: 0; max-width: none; max-height: none; width: 100%; }
.sf-hero-img .sf-slider { position: relative; overflow: hidden; }
.sf-hero-img .sf-slides { display: flex; transition: transform .55s var(--ease); }
@media (prefers-reduced-motion: reduce){ .sf-hero-img .sf-slides { transition: none; } }
.sf-hero-img .sf-slide { position: relative; min-width: 100%; min-height: 520px; display: flex; align-items: center; overflow: hidden; }
.sf-slide-bg { position: absolute; inset: 0; background-size: cover; background-position: center right; z-index: 0; }
.sf-bg-m { display: none; }  /* mobil görsel katmanı — masaüstünde gizli */
/* ortalı, tam-genişlik zemin üzeri koyu overlay */
.sf-slide-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(14,21,18,.58) 0%, rgba(14,21,18,.5) 50%, rgba(14,21,18,.74) 100%); }
.sf-slide-content h1, .sf-slide-content .lead, .sf-slide-content .eyebrow { text-shadow: 0 2px 16px rgba(14,21,18,.45); }
.sf-slide-content h1 .mark { text-shadow: none; }
.sf-hero-img .container { position: relative; z-index: 2; }
.sf-slide-content { max-width: 780px; margin: 0 auto; padding: 56px 0; color: #fff; text-align: center; }
.sf-slide-content .eyebrow { color: var(--lime); letter-spacing: .16em; }
.sf-slide-content h1 { font-size: clamp(38px,5.2vw,68px); font-weight: 900; letter-spacing: -.02em; text-transform: uppercase; line-height: 1.1; color: #fff; margin: 14px 0 0; text-wrap: balance; }
/* Bootstrap .mark{background:#fcf8e3} krem sızıntısını ez → temiz lime highlight (koyu metin) */
.sf-slide-content h1 .mark { position: relative; white-space: nowrap; color: #201700; background: var(--lime); padding: 0 .14em; border-radius: 6px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.sf-slide-content h1 .mark::after { display: none; }
.sf-slide-content .lead { font-size: 18px; color: rgba(255,255,255,.92); max-width: 52ch; margin: 20px auto 28px; }
.sf-slide-content .sf-hero-cta { justify-content: center; }
.sf-hero-img .sf-arrow { color: #fff; background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.3); backdrop-filter: blur(4px); }
.sf-hero-img .sf-arrow:hover { background: rgba(255,255,255,.28); border-color: #fff; }
.sf-hero-img .sf-dots button { background: rgba(255,255,255,.45); }
.sf-hero-img .sf-dots button.on { background: #fff; }
@media (max-width: 900px){
  .sf-hero-img .sf-slide { min-height: calc(100vh - 100px); min-height: calc(100dvh - 100px); align-items: flex-end; }
  /* yatay banner'da ürün sağda (~%72) → mobilde ürünü çerçeveye ortala (mobil görsel yoksa) */
  .sf-hero-img .sf-slide-bg { background-position: 72% 30%; }
  /* ayrı mobil (dikey) görsel yüklendiyse onu göster, ortala; masaüstü katmanı gizle */
  .sf-hero-img .sf-bg-m { display: block; background-position: center center; }
  .sf-hero-img .sf-slide:has(.sf-bg-m) .sf-bg-d { display: none; }
  .sf-hero-img .sf-slide-shade { background: linear-gradient(0deg, rgba(14,21,18,.92) 0%, rgba(14,21,18,.55) 42%, rgba(14,21,18,.12) 72%, rgba(14,21,18,.28) 100%); }
  .sf-hero-img .sf-slide-content { max-width: 100%; padding: 0 0 70px; text-align: center; }
  .sf-hero-img .sf-slide-content h1 { font-size: clamp(34px,9vw,48px); }
  .sf-hero-img .sf-slide-content .lead { font-size: 15px; margin: 14px auto 22px; }
  .sf-hero-img .sf-slide-content .sf-hero-cta { justify-content: center; }
  .sf-hero-img .sf-arrow { display: none; }
  .sf-hero-img .sf-dots { bottom: 22px; }
}

/* hedef kartları */
.sf-goals { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.sf-goal { position: relative; border: 1px solid var(--line); background: var(--paper-2); border-radius: var(--radius-lg); padding: 24px 20px; min-height: 170px; display: flex; flex-direction: column; justify-content: space-between; transition: transform .2s var(--ease), box-shadow .2s; }
.sf-goal:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.sf-goal .gi { width: 46px; height: 46px; border-radius: 12px; background: var(--ink); color: var(--lime); display: grid; place-items: center; font-size: 20px; }
.sf-goal h3 { font-size: 19px; font-weight: 900; text-transform: uppercase; margin: 16px 0 4px; }
.sf-goal p { font-size: 13px; color: var(--muted); margin: 0; }
.sf-goal .fa-arrow-up-right-dots, .sf-goal .arw { position: absolute; top: 22px; right: 20px; color: var(--muted); }
.sf-goal:hover .arw { color: var(--lime-deep); }

/* kategori kısayol */
.sf-cats { display: grid; grid-template-columns: repeat(6,1fr); gap: 14px; }
.sf-catx { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 22px 10px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); transition: transform .18s var(--ease), border-color .2s; }
.sf-catx:hover { transform: translateY(-4px); border-color: var(--lime); }
.sf-catx .ci { width: 56px; height: 56px; border-radius: 50%; background: var(--lime-wash); color: var(--lime-deep); display: grid; place-items: center; font-size: 24px; }
.sf-catx b { font-size: 13.5px; color: var(--ink); }

/* promo ikili */
.sf-promo { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.sf-promo-card { border-radius: var(--radius-lg); padding: 40px; position: relative; overflow: hidden; min-height: 220px; display: flex; flex-direction: column; justify-content: center; }
.sf-promo-a { background: linear-gradient(150deg, var(--ink), #1b2c1f); color: var(--paper); }
.sf-promo-b { background: var(--lime); color: #201700; }
.sf-promo-card .tag { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; opacity: .8; }
.sf-promo-card h3 { font-size: 28px; font-weight: 900; text-transform: uppercase; margin: 10px 0 8px; }
.sf-promo-a h3 { color: var(--paper); }
.sf-promo-a h3 .hl { color: var(--lime); }
.sf-promo-b h3 { color: #201700; }
.sf-promo-card p { font-size: 14px; opacity: .85; margin: 0 0 20px; max-width: 34ch; }
.sf-promo-card .btn { align-self: flex-start; }

/* istatistik bandı */
.sf-stats { background: var(--ink); color: var(--paper); }
.sf-stats .container { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; padding: 50px 15px; }
.sf-stats .container::before, .sf-stats .container::after { display: none; }
.sf-stat { text-align: center; }
.sf-stat .k { font-family: var(--display); font-weight: 900; font-size: clamp(34px,4.6vw,52px); color: var(--lime); line-height: 1; }
.sf-stat .l { font-size: 13px; color: #b9c4b6; margin-top: 8px; font-weight: 600; }

/* blog */
.sf-blog { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.sf-post { display: flex; flex-direction: column; text-decoration: none; border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; background: var(--paper); transition: transform .2s var(--ease), box-shadow .2s; }
.sf-post:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.sf-post .ph { aspect-ratio: 16/10; display: grid; place-items: center; font-family: var(--display); font-weight: 900; font-size: 40px; color: #201700; }
.sf-post .pb { padding: 20px; }
.sf-post .meta { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--lime-deep); }
.sf-post h3 { font-size: 17px; font-weight: 800; margin: 10px 0 8px; }
.sf-post p { font-size: 13.5px; color: var(--muted); margin: 0; }

/* bülten */
.sf-news { background: var(--ink); color: var(--paper); border-radius: 28px; padding: 48px; display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: center; position: relative; overflow: hidden; }
.sf-news h2 { font-size: clamp(24px,2.8vw,34px); font-weight: 900; text-transform: uppercase; margin: 0; color: #f4f8ef; }
.sf-news h2 .hl { color: var(--lime); }
.sf-news p { color: #b9c4b6; margin: 8px 0 0; font-size: 14px; }
.sf-news form { display: flex; gap: 10px; }
.sf-news input { border: 0; border-radius: 999px; padding: 14px 18px; min-width: 230px; font-size: 15px; }
.sf-news input:focus { outline: 3px solid var(--lime); }

/* kategori kısayol sayısı */
.sf-catx span { font-size: 11.5px; color: var(--muted); }

/* marka şeridi */
.sf-brands { padding: 30px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow: hidden; }
.sf-brands .lab { text-align: center; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-bottom: 20px; }
.sf-marquee { display: flex; gap: 52px; align-items: center; width: max-content; animation: sfslide 28s linear infinite; }
@media (prefers-reduced-motion: reduce){ .sf-marquee { animation: none; flex-wrap: wrap; justify-content: center; width: auto; } }
.sf-marquee span { font-family: var(--display); font-weight: 900; font-size: 24px; color: var(--ink-soft); opacity: .5; white-space: nowrap; }
@keyframes sfslide { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* testimonial */
.sf-quote .container { display: grid; grid-template-columns: auto 1fr; gap: 36px; align-items: center; }
.sf-quote .container::before, .sf-quote .container::after { display: none; }
.sf-quote .ava { width: 120px; height: 120px; border-radius: 24px; background: linear-gradient(150deg,var(--lime),var(--lime-deep)); display: grid; place-items: center; color: #201700; font-family: var(--display); font-weight: 900; font-size: 40px; }
.sf-quote blockquote { margin: 0; border: 0; padding: 0; font-family: var(--display); font-weight: 800; font-size: clamp(20px,2.4vw,28px); line-height: 1.3; color: var(--ink); }
.sf-quote .who { margin-top: 14px; font-size: 14px; color: var(--muted); }
.sf-quote .who b { color: var(--ink); }
.sf-quote .who .s { color: var(--star); }
@media (max-width: 700px){ .sf-quote .container { grid-template-columns: 1fr; gap: 18px; } }

@media (max-width: 900px){
  .sf-hero-grid { grid-template-columns: 1fr; gap: 24px; padding: 32px 0 48px; }
  .sf-goals { grid-template-columns: 1fr 1fr; }
  .sf-cats { grid-template-columns: repeat(3,1fr); }
  .sf-promo { grid-template-columns: 1fr; }
  .sf-stats .container { grid-template-columns: 1fr 1fr; gap: 32px 20px; }
  .sf-blog { grid-template-columns: 1fr; }
  .sf-news { grid-template-columns: 1fr; padding: 32px 24px; }
  .sf-arrow { display: none; }
}
@media (max-width: 520px){ .sf-cats { grid-template-columns: 1fr 1fr; } .sf-stats .container { grid-template-columns: 1fr 1fr; } }

/* ============ TABLO / SEPET / HESAP / FORM ============ */
.table { color: var(--ink-soft); }
.table > thead > tr > td, .table > thead > tr > th {
  background: var(--paper-2); color: var(--ink); font-weight: 800; border-bottom: 0;
  text-transform: uppercase; font-size: 12px; letter-spacing: .04em;
}
.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th { border-color: var(--line); }
.table-hover > tbody > tr:hover { background: var(--paper-2); }
.table > tbody > tr > td { vertical-align: middle; }
.table.table-bordered { border-radius: var(--radius); overflow: hidden; }

/* sepet & sipariş sayfa başlıkları */
#checkout-cart h1, #account-account h1, #account-order h1, #information-information h1,
#account-login h1, #account-register h1, #product-search h1, #product-manufacturer h1,
#information-contact h1, #information-sitemap h1, #product-special h1 {
  font-size: 30px; font-weight: 900; margin: 6px 0 20px;
}

/* hesap panel/list */
.list-group a.list-group-item { color: var(--ink-soft); font-weight: 600; border-color: var(--line); }
.list-group a.list-group-item:hover { background: var(--paper-2); color: var(--ink); }

/* form-horizontal */
.form-horizontal .control-label { font-weight: 700; color: var(--ink); }
legend { font-family: var(--display); font-weight: 800; color: var(--ink); border-bottom-color: var(--line); padding-bottom: 10px; }
.buttons { margin-top: 18px; }

/* checkout adım panelleri */
.panel-default > .panel-heading { background: var(--paper-2); border-color: var(--line); color: var(--ink); }
#accordion .panel-title a { font-weight: 800; color: var(--ink); }

/* toplam satırı */
.table tfoot td, .table tr td strong { color: var(--ink); }

/* RESPONSIVE tekli */
@media (max-width: 991px){
  #menu .nav > li > a { padding: 12px; }
}

/* ============ CHECKOUT (tek sayfa, sade) ============ */
#checkout-checkout h1, #checkout-cart h1 { font-size: 30px; font-weight: 900; margin: 6px 0 18px; }
#checkout-checkout .panel-group { margin-bottom: 0; }
#checkout-checkout .panel {
  border: 1px solid var(--line); border-radius: var(--radius); box-shadow: none;
  margin-bottom: 14px; overflow: hidden; background: var(--paper);
}
#checkout-checkout .panel-heading { background: var(--paper); padding: 0; border-bottom: 0; }
#checkout-checkout .panel-title { padding: 0; font-family: var(--display); font-weight: 800; font-size: 16px; }
#checkout-checkout .panel-title > a, #checkout-checkout .panel-title { color: var(--ink); text-decoration: none; display: block; padding: 18px 20px; }
#checkout-checkout .panel-title > a:hover { color: var(--lime-deep); }
#checkout-checkout .panel-collapse.in + .panel-heading, #checkout-checkout .panel-heading + .panel-collapse .panel-body { border-top: 1px solid var(--line); }
#checkout-checkout .panel-body { padding: 22px 20px; }
#checkout-checkout .buttons { margin-top: 18px; padding-top: 4px; }
#checkout-checkout .radio, #checkout-checkout .checkbox { padding: 10px 14px; border: 1px solid var(--line); border-radius: 10px; margin: 8px 0; }
#checkout-checkout .radio label, #checkout-checkout .checkbox label { font-weight: 600; color: var(--ink); }
#checkout-checkout .table { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
#button-confirm, #button-payment-method, #button-shipping-method, #button-payment-address, #button-shipping-address, #button-account, #button-guest, #button-login, #button-register {
  height: 50px; border-radius: 12px; font-size: 15px; font-weight: 800; padding: 0 28px;
}
#button-confirm { background: var(--ink); color: var(--paper); }
#button-confirm:hover { background: var(--lime); color: #201700; }

/* sepet sayfası */
#checkout-cart .table-responsive { border: 1px solid var(--line); border-radius: var(--radius); overflow-x: auto; margin-bottom: 20px; }
#checkout-cart .table { margin: 0; }
#checkout-cart .buttons .btn, #checkout-cart .btn { border-radius: 999px; font-weight: 700; }
#checkout-cart .buttons { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
#checkout-cart .buttons .btn-primary { background: var(--ink); color: var(--paper); padding: 14px 30px; }
#checkout-cart .buttons .btn-primary:hover { background: var(--lime); color: #201700; }
#checkout-cart .img-thumbnail { border: 1px solid var(--line); border-radius: 10px; background: var(--paper-2); }
@media (max-width: 767px){
  #checkout-cart .buttons { flex-direction: column; }
  #checkout-cart .buttons .btn { width: 100%; text-align: center; }
}

/* ============ CHECKOUT / SEPET GÜVEN ŞERİDİ ============ */
.sf-checkout-trust { display: flex; flex-wrap: wrap; gap: 10px 26px; justify-content: center; padding: 14px 18px; background: var(--paper-2); border: 1px solid var(--line); border-radius: 14px; margin-bottom: 22px; }
.sf-checkout-trust div { font-size: 13px; font-weight: 600; color: var(--ink-soft); display: flex; align-items: center; gap: 8px; }
.sf-checkout-trust i { color: var(--lime-deep); }

/* ============ SPORCU YORUMLARI (ana sayfa sosyal kanıt) ============ */
.sf-trust-rate { font-size: 14px; color: var(--ink-soft); display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.sf-trust-rate b { color: var(--ink); font-weight: 800; }
.sf-testi-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.sf-testi { border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 24px; background: var(--paper); box-shadow: 0 1px 3px rgb(14 21 18 / .04); }
.sf-testi > .sf-stars { margin-bottom: 12px; }
.sf-testi p { font-size: 15px; color: var(--ink); line-height: 1.6; margin: 0 0 18px; font-weight: 500; }
.sf-testi .who { display: flex; align-items: center; gap: 12px; }
.sf-testi .who .ava { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(150deg,var(--lime),var(--lime-deep)); color: #201700; display: grid; place-items: center; font-weight: 900; font-size: 15px; flex: none; }
.sf-testi .who > div { display: flex; flex-direction: column; }
.sf-testi .who b { font-size: 14px; }
.sf-testi .who > div span { font-size: 12px; color: var(--muted); }
.sf-testi .who > i { margin-left: auto; color: var(--lime-deep); font-size: 16px; }
@media (max-width: 900px){ .sf-testi-grid { grid-template-columns: 1fr; } .sf-sec-head .sf-trust-rate { display: none; } }

/* ============ ÜRÜN DETAY — YENİDEN TASARIM (güven odaklı) ============ */
.sf-product { padding-bottom: 20px; }
.sf-pd { display: grid; grid-template-columns: 1.35fr 1fr; gap: 44px; align-items: start; margin: 8px 0 40px; }

/* galeri — ana görsel + küçük resim şeridi + video */
.sf-gallery-main { position: relative; border: 1px solid var(--line); border-radius: 22px; background: var(--paper-2); min-height: 520px; display: flex; align-items: center; justify-content: center; padding: 24px; overflow: hidden; }
.sf-gallery-main img { max-height: 470px; max-width: 100%; width: auto; mix-blend-mode: multiply; cursor: zoom-in; }
.sf-gvideo-play { position: absolute; left: 16px; bottom: 16px; z-index: 3; display: inline-flex; align-items: center; gap: 8px; background: var(--ink); padding: 10px 16px; border-radius: 999px; font-weight: 700; font-size: 13px; -webkit-tap-highlight-color: transparent; }
.sf-gvideo-play, .sf-gvideo-play:link, .sf-gvideo-play:visited, .sf-gvideo-play:hover, .sf-gvideo-play:focus, .sf-gvideo-play:active { color: #fff !important; text-decoration: none; }
.sf-gvideo-play:hover, .sf-gvideo-play:focus { background: var(--tang); }
.sf-gvideo-play i { color: #fff; }
.sf-gallery-thumbs { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.sf-gthumb { width: 78px; height: 78px; border: 1.5px solid var(--line); border-radius: 12px; background: var(--paper-2); padding: 6px; cursor: pointer; display: grid; place-items: center; overflow: hidden; position: relative; }
.sf-gthumb img { max-width: 100%; max-height: 100%; mix-blend-mode: multiply; }
.sf-gthumb:hover { border-color: var(--lime); }
.sf-gthumb.is-active { border-color: var(--ink); border-width: 2px; }
.sf-gthumb-video .pl { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; background: rgba(14,21,18,.45); color: #fff; font-size: 17px; }
.sf-gthumb-video:hover .pl { background: rgba(255,90,31,.6); }

/* sepete ekle + hemen al */
.sf-cart-actions { display: flex; gap: 10px; margin-top: 10px; align-items: stretch; }
.sf-cart-actions #button-cart, .sf-cart-actions .sf-buynow {
  flex: 1 1 0; height: 54px; margin: 0; border-radius: 14px; font-size: 15px; font-weight: 800;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1; padding: 0 16px;
}
.sf-buynow { background: var(--tang) !important; color: #fff !important; border: 0; }
.sf-buynow:hover { background: var(--tang-deep) !important; color: #fff !important; }
@media (max-width: 480px){ .sf-cart-actions { flex-direction: column; } }

/* aciliyet (satış psikolojisi) */
.sf-pd-urgency { margin: 12px 0 18px; display: flex; flex-direction: column; gap: 9px; padding: 14px 16px; background: var(--paper-2); border: 1px solid var(--line); border-radius: 14px; }
.sf-pd-urgency .u { font-size: 13.5px; color: var(--ink-soft); display: flex; align-items: center; gap: 10px; }
.sf-pd-urgency .u i { width: 18px; text-align: center; flex: none; }
.sf-pd-urgency .u b { color: var(--ink); }
.sf-pd-urgency .u-stock { color: var(--tang-deep); font-weight: 600; }
.sf-pd-urgency .u-stock i, .sf-pd-urgency .u-stock b { color: var(--tang-deep); }
.sf-pd-urgency .u-view i, .sf-pd-urgency .u-ship i { color: var(--lime-deep); }

/* miktar stepper (+/−) */
.sf-buy-row .sf-qty-wrap > label { display: block; font-size: 13px; font-weight: 700; color: var(--ink-soft); margin-bottom: 8px; }
.sf-qty { display: inline-flex; align-items: stretch; border: 1.5px solid var(--line); border-radius: 12px; overflow: hidden; height: 52px; margin-bottom: 12px; }
.sf-qty-btn { width: 48px; border: 0; background: var(--paper); color: var(--ink); font-size: 13px; cursor: pointer; display: grid; place-items: center; transition: background .2s, color .2s; }
.sf-qty-btn:hover { background: var(--ink); color: var(--paper); }
.sf-qty #input-quantity { width: 58px; height: auto; border: 0; border-left: 1.5px solid var(--line); border-right: 1.5px solid var(--line); border-radius: 0; text-align: center; font-weight: 800; font-size: 16px; box-shadow: none !important; padding: 0; background: var(--paper); }
.sf-qty #input-quantity:focus { border-color: var(--line); outline: none; }

/* satın alma kutusu */
.sf-pd-buy { position: sticky; top: 90px; }
.sf-pd-brand { display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--lime-deep); margin-bottom: 8px; }
.sf-pd-title { font-size: clamp(24px,3vw,34px); font-weight: 900; letter-spacing: -.02em; margin: 0 0 12px; line-height: 1.1; }
.sf-pd-rating { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; color: var(--ink-soft); font-size: 14px; }
.sf-pd-rating b { color: var(--ink); font-weight: 800; }
.sf-pd-rating .sf-rev-count { color: var(--muted); }
.sf-pd-rating:hover { color: var(--lime-deep); }

/* yıldız (gri zemin + altın örtü, width ile) */
.sf-stars { position: relative; display: inline-block; color: var(--line); font-size: 15px; letter-spacing: 2px; white-space: nowrap; line-height: 1; }
.sf-stars .on { position: absolute; left: 0; top: 0; overflow: hidden; color: var(--star); white-space: nowrap; }
.sf-stars.lg { font-size: 22px; } .sf-stars.sm { font-size: 12px; letter-spacing: 1px; }

/* fiyat */
.sf-pd-price { display: flex; align-items: baseline; gap: 12px; margin: 6px 0 4px; }
.sf-price-now { font-family: var(--display); font-weight: 900; font-size: 36px; color: var(--ink); letter-spacing: -.02em; }
.sf-price-old { font-size: 20px; color: var(--muted); text-decoration: line-through; font-weight: 600; }
.sf-pd-tax { font-size: 13px; color: var(--muted); margin-bottom: 14px; }
.sf-pd-stock { font-size: 14px; color: var(--ink-soft); margin: 6px 0 18px; }
.sf-pd-stock i { color: var(--lime-deep); } .sf-pd-stock b { color: var(--tang-deep); }

/* opsiyon + adet + sepet (buy box içinde #product) */
.sf-pd-buy #product { margin: 0; }
.sf-pd-buy #product h3 { font-size: 14px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); margin: 16px 0 8px; }
.sf-pd-buy #product hr { display: none; }
.sf-pd-buy #product .form-group { margin-bottom: 14px; }
.sf-pd-buy #input-quantity { width: 84px; height: 52px; text-align: center; font-weight: 800; font-size: 16px; border-radius: 12px; display: inline-block; }
.sf-pd-buy #product label[for="input-quantity"] { display: block; font-size: 13px; font-weight: 700; color: var(--ink-soft); margin-bottom: 6px; }
.sf-pd-buy #button-cart { height: 54px; border-radius: 14px; font-size: 16px; font-weight: 800; margin-top: 8px; }
.sf-pd-actions { display: flex; gap: 10px; margin-top: 6px; }
.sf-icon-btn { flex: 1; height: 44px; border: 1.5px solid var(--line); background: var(--paper); border-radius: 12px; color: var(--ink-soft); font-weight: 700; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; cursor: pointer; transition: border-color .2s, color .2s; }
.sf-icon-btn:hover { border-color: var(--ink); color: var(--ink); }

/* ÖNE ÇIKAN YORUMLAR */
.sf-reviews { border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 28px; margin: 0 0 34px; background: var(--paper); }
.sf-reviews .sf-sec-head { margin-bottom: 20px; }
.sf-rev-summary { display: grid; grid-template-columns: 200px 1fr; gap: 30px; align-items: center; padding-bottom: 22px; border-bottom: 1px solid var(--line); margin-bottom: 20px; }
.sf-rev-big { text-align: center; }
.sf-rev-avg { font-family: var(--display); font-weight: 900; font-size: 52px; line-height: 1; color: var(--ink); }
.sf-rev-big .sf-stars { margin: 8px 0 6px; }
.sf-rev-total { font-size: 13px; color: var(--muted); }
.sf-rev-dist { display: flex; flex-direction: column; gap: 7px; }
.sf-dist-row { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.sf-dist-row .s { width: 34px; color: var(--ink-soft); font-weight: 700; }
.sf-dist-row .bar { flex: 1; height: 8px; background: var(--paper-3); border-radius: 999px; overflow: hidden; }
.sf-dist-row .bar span { display: block; height: 100%; background: var(--star); border-radius: 999px; }
.sf-dist-row .p { width: 42px; text-align: right; color: var(--muted); font-variant-numeric: tabular-nums; }
/* yorum carousel (yatay kaydırma + oklar) */
.sf-rev-carousel { position: relative; }
.sf-rev-list {
  display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory;
  padding: 4px 2px 12px; scrollbar-width: none; -ms-overflow-style: none;
}
.sf-rev-list::-webkit-scrollbar { display: none; }
.sf-rev-card {
  flex: 0 0 clamp(260px, 32%, 340px); scroll-snap-align: start;
  border: 1px solid var(--line); border-radius: 14px; padding: 16px; background: var(--paper-2);
}
.sf-rev-arrow {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
  width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--line);
  background: var(--paper); color: var(--ink); display: grid; place-items: center; cursor: pointer;
  box-shadow: var(--shadow-lg); transition: opacity .2s var(--ease), background .2s var(--ease);
}
.sf-rev-arrow:hover { background: var(--ink); color: #fff; }
.sf-rev-arrow.prev { left: -14px; }
.sf-rev-arrow.next { right: -14px; }
.sf-rev-arrow.is-off { opacity: 0; pointer-events: none; }
@media (max-width: 900px){ .sf-rev-arrow { display: none; } }
.sf-rev-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.sf-rev-ava { width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(150deg,var(--lime),var(--lime-deep)); color: #201700; display: grid; place-items: center; font-weight: 900; font-size: 16px; flex: none; }
.sf-rev-who { display: flex; flex-direction: column; gap: 2px; }
.sf-rev-who b { font-size: 13.5px; }
.sf-rev-verified { font-size: 11px; color: var(--lime-deep); font-weight: 700; width: 100%; display: flex; align-items: center; gap: 5px; }
.sf-rev-date { font-size: 11.5px; color: var(--muted); margin-left: auto; }
.sf-rev-card p { font-size: 13.5px; color: var(--ink-soft); line-height: 1.55; margin: 0; }
.sf-rev-cta { margin-top: 20px; text-align: center; }
.sf-rev-cta .btn { border-radius: 999px; font-weight: 700; padding: 12px 26px; }

/* sekmeler */
.sf-pd-tabs { margin-bottom: 40px; }
/* modern-product.css'in .tab-content{display:none} çakışmasını ez (tam override) */
.sf-pd-tabs .tab-content { display: block; padding: 24px 2px; color: var(--ink-soft); line-height: 1.75; }
.sf-pd-tabs .tab-content > .tab-pane { display: none; }
.sf-pd-tabs .tab-content > .tab-pane.active { display: block; }
.sf-pd-tabs #tab-review .rating { padding: 0; }

@media (max-width: 900px){
  .sf-pd { grid-template-columns: 1fr; gap: 24px; }
  .sf-pd-buy { position: static; }
  .sf-rev-summary { grid-template-columns: 1fr; gap: 18px; }
  .sf-rev-card { flex-basis: 84%; }
}

/* ============================================================
   MOBİL YAPI (app tarzı) — header bar + drawer + alt navigasyon
   ============================================================ */
/* taşmayı kes — clip (sticky'yi bozmaz, scroll container oluşturmaz) */
html, body { overflow-x: clip; max-width: 100%; }

/* mobil üst bar (varsayılan gizli, mobilde görünür) */
.sf-mobar { display: none; }
.sf-drawer-backdrop { display: none; }
.sf-botnav { display: none; }
.sf-search-panel { display: none; }

@media (max-width: 900px) {
  /* --- taşma güvencesi --- */
  .sf-anno .container { flex-wrap: wrap; gap: 4px 14px; height: auto; min-height: 40px; padding: 8px 14px; font-size: 12px; }
  /* --- mobil arama: minimal pill, buton absolute sağda (bulletproof) --- */
  #search, #search.input-group {
    position: relative; display: block !important; width: 100%; max-width: 100%; height: 48px;
    background: var(--paper) !important; border: 1.5px solid var(--line); border-radius: 999px;
    overflow: hidden; margin: 12px 0 2px;
  }
  #search .form-control, #search .input-lg {
    width: 100% !important; height: 46px; border: 0 !important; border-radius: 0;
    background: transparent !important; box-shadow: none; padding: 0 54px 0 18px !important; font-size: 14px; float: none;
  }
  #search .input-group-btn {
    position: absolute !important; right: 5px; top: 50%; transform: translateY(-50%); z-index: 3;
    width: auto !important; display: block; font-size: 0;
  }
  #search .btn, #search .btn-lg {
    height: 38px !important; width: 38px !important; padding: 0; margin: 0; border: 0 !important;
    border-radius: 50% !important; background: var(--ink) !important; color: #fff !important; display: grid; place-items: center;
  }
  #search .btn .fa { font-size: 14px; color: #fff; }
  .sf-brands, .sf-hero, .sf-slider, .slider { overflow: hidden; max-width: 100%; }
  .container, .wrap { max-width: 100%; }

  /* --- masaüstü header parçalarını mobile göre sadeleştir --- */
  #top { display: none; }
  header.site, header { display: none; }   /* masaüstü header tamamen gizli (arama artık panelde) */

  /* --- mobil üst bar (☰ · logo · 🔍 · 🛒) --- */
  .sf-mobar {
    display: flex; align-items: center; gap: 10px; padding: 9px 14px;
    background: var(--paper); border-bottom: 1px solid var(--line);
    position: sticky; top: 0; z-index: 620;
  }
  .sf-mobar > .sf-mobar-btn:first-child { margin-right: auto; }
  .sf-mobar-logo { position: absolute; left: 50%; transform: translateX(-50%); flex: none; display: block; height: 34px; }
  .sf-mobar-logo img { height: 34px; width: auto; display: block; }

  /* --- arama akordion paneli --- */
  .sf-search-panel {
    display: block; max-height: 0; overflow: hidden; background: var(--paper);
    transition: max-height .3s var(--ease); position: sticky; top: 60px; z-index: 615;
    border-bottom: 0;
  }
  body.sf-search-open .sf-search-panel { max-height: 84px; border-bottom: 1px solid var(--line); box-shadow: var(--shadow); }
  .sf-search-panel form { display: flex; gap: 8px; padding: 12px 16px; }
  .sf-search-panel input {
    flex: 1 1 auto; min-width: 0; height: 48px; border: 1.5px solid var(--line); border-radius: 999px;
    padding: 0 20px; background: var(--paper-2); font-size: 15px; color: var(--ink);
  }
  .sf-search-panel input:focus { border-color: var(--lime); outline: none; background: var(--paper); box-shadow: none; }
  .sf-search-panel button {
    flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; background: var(--ink); color: #fff;
    border: 0; display: grid; place-items: center; font-size: 16px;
  }
  .sf-mobar-btn, .sf-mobar-cart {
    width: 42px; height: 42px; border-radius: 12px; border: 1px solid var(--line);
    background: var(--paper); color: var(--ink); display: grid; place-items: center; font-size: 18px;
    position: relative; flex: none;
  }
  .sf-mobar-logo { flex: 1; text-align: center; font-family: var(--display); font-weight: 900; font-size: 22px; letter-spacing: -.02em; color: var(--ink); }
  .sf-mobar-logo span { color: var(--lime-deep); }
  .sf-mobar-cart .sf-cart-count { position: absolute; top: -6px; right: -6px; background: var(--tang); color: #fff; font-size: 10px; font-weight: 800; min-width: 17px; height: 17px; border-radius: 999px; display: grid; place-items: center; }

  /* --- #menu → off-canvas drawer --- */
  .sf-drawer-backdrop { display: block; position: fixed; inset: 0; background: rgb(14 21 18 / .45); z-index: 690; opacity: 0; visibility: hidden; transition: opacity .3s; }
  body.sf-menu-open .sf-drawer-backdrop { opacity: 1; visibility: visible; }
  body.sf-menu-open { overflow: hidden; }
  #menu, .navbar {
    position: fixed; top: 0; left: 0; bottom: 0; width: 84%; max-width: 330px;
    background: var(--paper); z-index: 700; transform: translateX(-101%);
    transition: transform .3s var(--ease); overflow-y: auto; border: 0; box-shadow: var(--shadow-lg);
    margin: 0; border-radius: 0;
  }
  #menu .container { padding: 0; width: 100%; }
  body.sf-menu-open #menu { transform: none; }
  #menu .navbar-header { display: block; padding: 18px 20px; border-bottom: 1px solid var(--line); }
  #menu .navbar-header::before { content: "Kategoriler"; font-family: var(--display); font-weight: 900; font-size: 18px; }
  #menu .navbar-header .navbar-toggle { display: none; }
  #menu .navbar-collapse { display: block !important; padding: 8px 0; overflow: visible; float: none; width: 100%; }
  #menu .navbar-nav, #menu ul.nav { display: block !important; margin: 0; float: none !important; width: 100%; }
  #menu .nav > li, #menu .navbar-nav > li { display: block !important; float: none !important; width: 100% !important; border-bottom: 1px solid var(--line); position: static; }
  #menu .nav > li > a { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; font-size: 15px; font-weight: 700; }
  #menu .nav > li > a::after, #menu .nav > li:hover > a::after { display: none; }
  #menu .nav > li .caret { display: none; }
  #menu .nav > li.open > a, #menu .nav > li:hover > a { background: var(--paper-2); color: var(--ink); }

  /* --- akordiyon chevron (alt kategorisi olanlarda) --- */
  .sf-acc { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin: -6px -6px -6px 0; border-radius: 8px; color: var(--muted); background: var(--paper-2); flex: none; transition: transform .25s var(--ease), background .2s, color .2s; }
  .sf-acc i { font-size: 12px; }
  #menu .nav > li.sf-open > a { background: var(--lime-wash); color: var(--ink); }
  #menu .nav > li.sf-open .sf-acc { transform: rotate(180deg); background: var(--lime); color: #201700; }

  /* --- akordiyon: alt kategoriler (drawer içinde inline açılır) --- */
  #menu .dropdown-menu {
    display: block !important; position: static !important; float: none; width: auto;
    border: 0; border-radius: 0; box-shadow: none; margin: 0; padding: 0;
    background: var(--paper-2); overflow: hidden; max-height: 0; opacity: 0;
    transition: max-height .3s var(--ease), opacity .25s var(--ease); min-width: 0;
  }
  #menu .nav > li.sf-open > .dropdown-menu { max-height: 600px; opacity: 1; padding: 6px 0 10px; }
  #menu .dropdown-inner { display: block; padding: 0; }
  #menu .dropdown-inner ul { min-width: 0; margin: 0; }
  #menu .dropdown-inner ul li a { padding: 10px 20px 10px 40px; font-size: 14px; font-weight: 600; color: var(--ink-soft); border-radius: 0; }
  #menu .dropdown-inner ul li a:hover { background: var(--paper); }
  #menu a.see-all { display: flex; margin: 6px 16px 2px; justify-content: center; background: var(--ink); color: var(--paper); font-size: 12.5px; padding: 10px; border-radius: 10px; }

  /* --- mobil drawer alt iletişim bölümü --- */
  .sf-drawer-foot { display: block; padding: 14px 16px calc(20px + env(safe-area-inset-bottom, 0px)); margin-top: 8px; border-top: 1px solid var(--line); }
  .sf-df-item { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 12px; margin-bottom: 8px; border: 1px solid var(--line); }
  .sf-df-ic { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; font-size: 17px; flex: none; }
  .sf-df-tx { display: flex; flex-direction: column; line-height: 1.25; }
  .sf-df-tx b { font-size: 14px; color: var(--ink); }
  .sf-df-tx { font-size: 12.5px; color: var(--muted); }
  .sf-df-tel .sf-df-ic { background: var(--ink); color: #fff; }
  .sf-df-tel { background: var(--paper); }
  .sf-df-wa { background: #e9f9ee; border-color: #bfe9cd; }
  .sf-df-wa .sf-df-ic { background: #25d366; color: #fff; }
  .sf-df-wa .sf-df-tx b { color: #128c3e; }
  .sf-df-note { margin-top: 6px; font-size: 11.5px; color: var(--muted); text-align: center; }
  .sf-df-note i { color: var(--lime-deep); }

  /* --- alt navigasyon (app tarzı, sabit) --- */
  .sf-botnav {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 640;
    background: var(--paper); border-top: 1px solid var(--line); box-shadow: 0 -4px 20px -8px rgb(14 21 18 / .12);
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px));
  }
  .sf-botnav a {
    flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px;
    padding: 6px 2px; color: var(--muted); font-size: 10.5px; font-weight: 700; position: relative;
  }
  .sf-botnav a i { font-size: 19px; }
  .sf-botnav a.active, .sf-botnav a:hover { color: var(--ink); }
  .sf-botnav a .sf-cart-count { position: absolute; top: 2px; right: 50%; margin-right: -20px; background: var(--tang); color: #fff; font-size: 9px; font-weight: 800; min-width: 15px; height: 15px; border-radius: 999px; display: grid; place-items: center; }
  body { padding-bottom: 64px; }              /* botnav için boşluk */
  .sf-wa { bottom: 76px; }                     /* whatsapp'ı botnav üstüne al */

  /* --- hero mobil: tam viewport (announcement+mobar çıkarılmış), aşağı taşmaz --- */
  .sf-hero, .hero { min-height: calc(100vh - 100px); min-height: calc(100dvh - 100px); display: flex; align-items: stretch; }
  .sf-slider, .slider { width: 100%; }
  .sf-slides, .slides { align-items: stretch; }
  .sf-slide, .slide { display: flex; }
  .sf-slide > .container, .slide > .wrap { display: flex; align-items: center; width: 100%; }
  .hero .grid, .sf-hero-grid { grid-template-columns: 1fr; min-height: calc(100vh - 100px); min-height: calc(100dvh - 100px); align-content: center; text-align: left; gap: 10px; padding: 16px 0 48px; width: 100%; }
  .hero-visual, .sf-hero-visual { max-width: 100%; overflow: visible; }
  .tub-stage, .sf-stage { max-width: 220px; width: 100%; margin: 4px auto 0; }
  .sf-chip.c2, .chip.c2 { right: 0; } .sf-chip.c1, .chip.c1 { left: 0; }
  .sf-hero-copy h1, .hero-copy h1, .banner h1 { font-size: clamp(32px,9vw,46px); }
  .sf-hero-copy .lead, .hero-copy .lead { font-size: 15px; }
  /* slider okları+noktaları mobilde ferah/görünür */
  .sf-arrow, .s-arrow { display: grid !important; width: 40px; height: 40px; top: auto; bottom: 16px; transform: none; }
  .sf-arrow.prev, .s-arrow.prev { left: 16px; } .sf-arrow.next, .s-arrow.next { right: 16px; }
  .sf-arrow:hover, .s-arrow:hover { transform: none; }
  .sf-dots, .s-dots { bottom: 24px; }

  /* --- bölümler tek kolon / sığdır --- */
  .sf-goals { grid-template-columns: 1fr 1fr; }
  .sf-cats { grid-template-columns: repeat(3,1fr); }
  .sf-promo { grid-template-columns: 1fr; }
  .sf-blog, .sf-testi-grid { grid-template-columns: 1fr; }
  .sf-news { grid-template-columns: 1fr; }
  .sf-stats .container { grid-template-columns: 1fr 1fr; }
  .sf-section { padding: 40px 0; }
  .product-layout.product-grid { width: 50%; }   /* 2 sütun */
}

@media (max-width: 520px) {
  .sf-cats { grid-template-columns: 1fr 1fr; }
  .product-layout.product-grid { width: 100%; }  /* tek sütun */
  .sf-stats .container { grid-template-columns: 1fr 1fr; }
  .sf-pd-price .sf-price-now { font-size: 30px; }
}

/* ============ RESPONSIVE İNCE AYAR ============ */
@media (max-width: 767px){
  header { position: static; }
  #logo a, #logo h1 { font-size: 22px; }
  #search { margin: 12px 0; }
  #cart { margin: 8px 0; }
}

/* ============ WG SOCIAL (global sosyal medya ikonları) ============ */
.wg-social { display: flex; justify-content: center; gap: 10px; padding: 20px 0; background: var(--paper); }
.wg-social a { width: 42px; height: 42px; border-radius: 50%; background: var(--paper-2); color: var(--ink-soft); display: grid; place-items: center; font-size: 17px; transition: background .2s var(--ease), color .2s, transform .2s; }
.wg-social a:hover { background: var(--ink); color: #fff; transform: translateY(-3px); }

/* ============ WG WHATSAPP (global float buton) ============ */
.wg-wa { position: fixed; right: 22px; bottom: 22px; z-index: 700; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; display: grid; place-items: center; font-size: 27px; box-shadow: 0 8px 24px rgba(37,211,102,.45); transition: transform .2s var(--ease); }
.wg-wa:hover { transform: scale(1.08); color: #fff; }
.wg-wa-bubble { position: absolute; right: 68px; bottom: 8px; background: var(--paper); color: var(--ink); font-size: 13px; font-weight: 600; padding: 9px 14px; border-radius: 12px; box-shadow: var(--shadow); white-space: nowrap; opacity: 0; transform: translateX(8px); pointer-events: none; transition: opacity .25s var(--ease), transform .25s var(--ease); }
.wg-wa:hover .wg-wa-bubble { opacity: 1; transform: translateX(0); }
@media (max-width: 900px){ .wg-wa { bottom: 78px; width: 52px; height: 52px; font-size: 25px; } .wg-wa-bubble { display: none; } }

/* ============ WG REVIEWS (global site yorumları) ============ */
.wg-rev .wg-rev-avg { color: var(--star); font-weight: 900; font-size: 20px; }
.wg-rev-list { display: flex; gap: 16px; overflow-x: auto; padding: 6px 2px 14px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.wg-rev-list::-webkit-scrollbar { display: none; }
.wg-rev-card { flex: 0 0 clamp(260px, 33%, 360px); scroll-snap-align: start; border: 1px solid var(--line); border-radius: 16px; padding: 20px; background: var(--paper-2); }
.wg-rev-card .wg-rev-stars { position: relative; display: inline-block; color: var(--line); font-size: 15px; letter-spacing: 2px; margin-bottom: 10px; }
.wg-rev-card .wg-rev-stars .on { position: absolute; left: 0; top: 0; overflow: hidden; color: var(--star); white-space: nowrap; }
.wg-rev-card p { font-size: 14px; color: var(--ink-soft); line-height: 1.6; margin: 0 0 14px; }
.wg-rev-card .wg-rev-who b { font-size: 14px; } .wg-rev-card .wg-rev-who span { font-size: 12px; color: var(--muted); margin-left: 8px; }
.wg-rev-open { border: 0; border-radius: 999px; padding: 12px 24px; font-weight: 800; }
.wg-rev-form { max-width: 560px; margin: 20px auto 0; background: var(--paper); border: 1px solid var(--line); border-radius: 18px; padding: 22px; }
.wg-rev-form .wg-rev-row { display: flex; gap: 10px; margin-bottom: 10px; }
.wg-rev-form input, .wg-rev-form textarea { width: 100%; border: 1.5px solid var(--line); border-radius: 12px; padding: 11px 14px; font-size: 14px; outline: 0; }
.wg-rev-form input:focus, .wg-rev-form textarea:focus { border-color: var(--lime); }
.wg-rev-rate { font-size: 28px; color: var(--line); margin: 4px 0 12px; cursor: pointer; letter-spacing: 3px; }
.wg-rev-rate span { transition: color .15s; }
.wg-rev-rate span.on { color: var(--star); }
.wg-rev-form button { width: 100%; border: 0; border-radius: 12px; padding: 12px; font-weight: 800; margin-top: 6px; cursor: pointer; }
.wg-rev-msg { font-size: 13.5px; font-weight: 700; margin: 4px 0; } .wg-rev-msg.ok { color: var(--lime-deep); } .wg-rev-msg.err { color: #c0392b; }

/* ============ WG BADGE (global ürün rozeti) ============ */
.wg-badges { position: absolute; top: 10px; left: 10px; z-index: 3; display: flex; flex-direction: column; gap: 6px; }
.wg-badge { display: inline-block; padding: 4px 10px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #fff; letter-spacing: .02em; }
.wg-badge-sale { background: var(--tang); }
.wg-badge-out { background: var(--ink); opacity: .85; }
.wg-badge-new { background: var(--lime-deep); color: #201700; }

/* ============ WG AICHAT (global AI satış asistanı) ============ */
.wg-ai-fab { position: fixed; left: 22px; bottom: 22px; z-index: 700; width: 56px; height: 56px; border-radius: 50%; border: 0; background: linear-gradient(150deg, var(--ink), #1b3a2a); color: var(--lime); font-size: 24px; cursor: pointer; box-shadow: 0 8px 24px rgba(14,21,18,.35); transition: transform .2s var(--ease); }
.wg-ai-fab:hover { transform: scale(1.08); }
.wg-ai { position: fixed; left: 22px; bottom: 88px; z-index: 701; width: min(370px, calc(100vw - 32px)); height: min(540px, calc(100vh - 130px)); background: var(--paper); border-radius: 20px; box-shadow: var(--shadow-lg); display: flex; flex-direction: column; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity .25s var(--ease), transform .25s var(--ease), visibility .25s; }
.wg-ai.open { opacity: 1; visibility: visible; transform: translateY(0); }
.wg-ai-hd { background: var(--ink); color: #fff; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; }
.wg-ai-hd-l { display: flex; align-items: center; gap: 10px; }
.wg-ai-avt { width: 38px; height: 38px; border-radius: 50%; background: var(--lime); color: #201700; display: grid; place-items: center; font-size: 18px; }
.wg-ai-hd b { font-size: 14px; } .wg-ai-hd small { font-size: 11px; color: rgba(255,255,255,.7); display: flex; align-items: center; gap: 5px; }
.wg-ai-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); }
.wg-ai-x { background: 0; border: 0; color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
.wg-ai-body { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; background: var(--paper-2); }
.wg-ai-msg { display: flex; } .wg-ai-msg.user { justify-content: flex-end; }
.wg-ai-bbl { max-width: 82%; padding: 10px 14px; border-radius: 14px; font-size: 13.5px; line-height: 1.5; }
.wg-ai-msg.bot .wg-ai-bbl { background: var(--paper); color: var(--ink-soft); border-bottom-left-radius: 4px; box-shadow: 0 1px 4px rgba(14,21,18,.06); }
.wg-ai-msg.user .wg-ai-bbl { background: var(--ink); color: #fff; border-bottom-right-radius: 4px; }
.wg-ai-msg.typing .wg-ai-bbl { color: var(--muted); }
.wg-ai-ft { display: flex; gap: 8px; padding: 12px; border-top: 1px solid var(--line); background: var(--paper); }
.wg-ai-ft input { flex: 1; border: 1.5px solid var(--line); border-radius: 999px; padding: 10px 16px; font-size: 14px; outline: 0; }
.wg-ai-ft input:focus { border-color: var(--lime); }
.wg-ai-ft button { flex: none; width: 42px; height: 42px; border-radius: 50%; border: 0; background: var(--ink); color: #fff; cursor: pointer; }
.wg-ai-ft button:disabled { opacity: .5; }
@media (max-width: 900px){ .wg-ai-fab { bottom: 78px; } .wg-ai { bottom: 140px; } }
/* wg_product_video — ürün detay video galerisi */
.wg-pv{margin-top:16px}
.wg-pv-head{font-weight:800;font-size:14px;color:var(--ink);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.wg-pv-head i{color:var(--lime-deep)}
.wg-pv-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.wg-pv-item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;background:#000;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}
.wg-pv-item img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .3s}
.wg-pv-item:hover img{opacity:1}
.wg-pv-ph{color:#fff;font-size:28px;opacity:.7}
.wg-pv-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:background .3s}
.wg-pv-item:hover .wg-pv-play{background:var(--lime-deep)}
.wg-pv-cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font-size:11.5px;padding:14px 8px 6px;font-weight:600}
.wg-pv-frame{position:absolute;inset:0}
.wg-pv-frame iframe{width:100%;height:100%;border:0}
.wg-pv-item[data-on] .wg-pv-play,.wg-pv-item[data-on] .wg-pv-cap{display:none}
/* wg_loyalty — sadakat hesap sayfası */
.wg-loy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:18px 0}
.wg-loy-card{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:4px}
.wg-loy-primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.wg-loy-label{font-size:12.5px;opacity:.75;font-weight:600}
.wg-loy-big{font-size:30px;font-weight:900;line-height:1.1}
.wg-loy-tier{font-size:22px;font-weight:800;color:var(--lime-deep)}
.wg-loy-ref{background:var(--lime-wash);border:1px solid var(--lime);border-radius:14px;padding:18px;margin:18px 0}
.wg-loy-ref h3{margin:0 0 6px;font-size:17px}
.wg-loy-ref p{margin:0 0 10px;font-size:13.5px;color:var(--ink-soft)}
.wg-loy-refbox{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wg-loy-reflabel{font-weight:700;font-size:13px}
.wg-loy-refbox code{background:#fff;border:1px dashed var(--lime-deep);border-radius:8px;padding:8px 14px;font-size:16px;font-weight:800;letter-spacing:1px;color:var(--ink)}
.wg-loy-hh{margin-top:22px;font-size:18px}
.wg-loy-table td.wg-loy-plus{color:#16a34a;font-weight:800}
.wg-loy-table td.wg-loy-minus{color:#dc2626;font-weight:800}
/* wg_charity_cart — askıda alışveriş */
.wg-ch-hero{background:linear-gradient(135deg,var(--lime-wash),#fff);border:1px solid var(--lime);border-radius:16px;padding:24px;margin:18px 0}
.wg-ch-hero h1{margin:0 0 8px;font-size:26px;display:flex;align-items:center;gap:10px}
.wg-ch-hero h1 i{color:#e11d48}
.wg-ch-hero p{margin:0;font-size:15px;color:var(--ink-soft)}
.wg-ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:18px 0}
.wg-ch-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.wg-ch-card img{width:100%;aspect-ratio:1;object-fit:cover}
.wg-ch-info{padding:10px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.wg-ch-name{font-weight:700;font-size:13.5px;color:var(--ink);text-decoration:none;line-height:1.3}
.wg-ch-badge{align-self:flex-start;background:var(--lime);color:#201700;font-size:11.5px;font-weight:800;padding:2px 9px;border-radius:999px}
.wg-ch-btn{border:0;background:var(--ink);color:#fff;padding:11px;font-weight:800;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s}
.wg-ch-btn:hover{background:#e11d48}
.wg-ch-btn:disabled{opacity:.6;cursor:default}
.wg-ch-empty{text-align:center;padding:50px 20px;color:var(--ink-soft)}
.wg-ch-empty i{font-size:44px;opacity:.4;display:block;margin-bottom:12px}

/* ===== index2 menü ikonları (mockup 6-madde) ===== */
#menu .navbar-nav > li > a i.fa-solid,#menu .navbar-nav > li > a i.fa-brands{color:var(--lime-deep);margin-right:7px;font-size:.95em}
#menu .navbar-nav > li.hot > a{color:var(--lime-deep)}
#menu .navbar-nav > li.hot > a i.fa-solid{color:var(--lime-deep)}

/* ===== Sepet dropdown'u ana menünün ÜSTÜNDE tut (z-index çakışması) ===== */
@media (min-width: 901px){ #menu, .navbar { z-index: 40 !important; } }
#cart { position: relative; z-index: 1200; }
#cart .dropdown-menu { z-index: 1200 !important; }