/* ═══════════════════════════════════════════════════════════
YAPIMCI : OFISIMO 
Versiyon: E-TICARET v10.0.0
    CSS INDEX OFISIMO SOFTWARE
   ═══════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Mulish:wght@400;500;600;700;800&display=swap');

:root{
  --sv-slate:#3E4650; --sv-slate-d:#2C333B; --sv-slate-l:#525C67;
  --sv-clay:#5E6C78; --sv-clay-d:#4A5762; --sv-clay-soft:#E5E9EC;
  --sv-bg:#FFFFFF; --sv-paper:#FFFFFF; --sv-ink:#2C2B29; --sv-muted:#8B857C;
  --sv-line:#E7E0D5; --sv-line2:#EFEAE1; --sv-gold:#C69A4B; --sv-soft:#F4F2ED; --sv-footer:#5E6C78;
  --sv-sans:"Mulish",system-ui,sans-serif; --sv-head:"Marcellus",Georgia,serif;
  --sv-radius:12px; --sv-radius-sm:8px;
  --sv-shadow:0 20px 46px rgba(46,51,59,.14); --sv-shadow-sm:0 8px 22px rgba(46,51,59,.08);
}

/* ═══ TABAN ═══ */
body.fg-sv{ background:var(--sv-bg); color:var(--sv-ink); font-family:var(--sv-sans); }
body.fg-sv .fg-home,body.fg-sv{ background:var(--sv-bg); }
.fg-home .fg-home-section{ padding:46px 0; }
.fg-home .container{ max-width:1240px; }

/* Bölüm başlıkları — ortalı, koyu, sporty */
.fg-home .fg-sec-head{ text-align:center; margin-bottom:30px; display:block; }
.fg-home .fg-sec-kicker{ display:inline-block; font-family:var(--sv-sans); font-weight:700; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--sv-clay); margin-bottom:10px; }
.fg-home .fg-sec-title{ font-family:var(--sv-head); font-weight:400; font-size:clamp(26px,3vw,36px); letter-spacing:.01em; color:var(--sv-slate); margin:0; position:relative; padding-bottom:16px; }
.fg-home .fg-sec-title::after{ content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:40px; height:2px; background:var(--sv-clay); }
.fg-home .fg-sec-link{ display:none; }

/* ═══════════════ KAMPANYA BANDI (panelden: config_promo_link) ═══════════════ */
.fg-promo-banner{ background:var(--sv-slate); color:#E7E3DB; font-family:var(--sv-sans); font-size:13px; font-weight:500; padding:9px 0; letter-spacing:.02em; }
.fg-promo-banner .container{ display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; }
.fg-promo-banner strong{ color:#fff; font-weight:700; }
.fg-promo-sep{ opacity:.45; margin:0 4px; }
.fg-promo-btn{ display:inline-flex; align-items:center; gap:6px; margin-left:8px; padding:3px 14px; background:var(--sv-clay); color:#fff!important; border-radius:20px; font-size:12px; font-weight:600; text-decoration:none; transition:background .2s,transform .2s; }
.fg-promo-btn:hover{ background:var(--sv-clay-d); transform:translateY(-1px); }
.fg-promo-btn i{ font-size:10px; }
@media(max-width:600px){ .fg-promo-btn{ display:none; } .fg-promo-banner{ font-size:11.5px; padding:8px 12px; } }

/* ═══════════════ HEADER (hamburger sol + ortalı logo + etiketli ikonlar) ═══════════════ */
.fg-svh{ background:var(--sv-paper); position:sticky; top:0; z-index:1000; box-shadow:0 1px 0 var(--sv-line); }
/* Satır 1: hamburger | logo (orta) | ikonlar */
.fg-svh-top{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; min-height:78px; }
.fg-svh-burger{ justify-self:start; width:46px; height:46px; border:0; background:transparent; color:var(--sv-slate); font-size:21px; cursor:pointer; border-radius:8px; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.fg-svh-burger:hover{ background:var(--sv-soft); }
.fg-svh-logo{ justify-self:center; display:inline-flex; align-items:center; text-decoration:none; }
.fg-svh-logo img{ max-height:44px; }
.fg-svh-mark{ font-family:var(--sv-head); font-weight:400; font-size:clamp(26px,3.2vw,36px); letter-spacing:.34em; color:var(--sv-slate); padding-left:.34em; }
/* İkonlar (ikon + etiket) */
.fg-svh-icons{ justify-self:end; display:flex; align-items:center; gap:22px; }
.fg-svh-icon{ position:relative; display:flex; flex-direction:column; align-items:center; gap:4px; background:transparent; border:0; color:var(--sv-slate); font-size:18px; cursor:pointer; text-decoration:none; transition:color .2s; }
.fg-svh-icon em{ font-style:normal; font-size:11px; font-weight:600; letter-spacing:.01em; color:var(--sv-muted); }
.fg-svh-icon:hover,.fg-svh-icon:hover em{ color:var(--sv-clay); }
.fg-svh .fg-badge{ position:absolute; top:-5px; right:8px; min-width:16px; height:16px; padding:0 4px; border-radius:8px; background:var(--sv-clay); color:#fff; font-size:10px; font-weight:700; display:flex; align-items:center; justify-content:center; }
/* Sepet (OC {{ cart }}) — ikon+etiket hizası */
.fg-svh-cart{ display:flex; align-items:center; }
.fg-svh-searchtoggle{ }
/* Hesap dropdown */
.fg-account-wrap{ position:relative; }
.fg-account-menu{ position:absolute; top:calc(100% + 12px); right:0; min-width:210px; background:#fff; border:1px solid var(--sv-line); border-radius:12px; box-shadow:var(--sv-shadow); padding:8px; opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s; z-index:1200; }
.fg-account-wrap:hover .fg-account-menu{ opacity:1; visibility:visible; transform:translateY(0); }
.fg-account-menu a{ display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:8px; color:var(--sv-ink); text-decoration:none; font-size:14px; font-weight:500; }
.fg-account-menu a:hover{ background:var(--sv-soft); color:var(--sv-clay); }
.fg-account-menu a i{ color:var(--sv-clay); width:16px; }
.fg-account-divider{ height:1px; background:var(--sv-line2); margin:6px 4px; }
/* Satır 2: nav (sol) + arama (sağ) */
.fg-svh-navrow{ border-top:1px solid var(--sv-line2); }
.fg-svh-navrow .container{ display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:50px; }
.fg-svh-nav{ display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
.fg-svh-nav-link{ position:relative; display:inline-flex; align-items:center; gap:6px; padding:8px 16px; font-family:var(--sv-sans); font-weight:600; font-size:14.5px; letter-spacing:.02em; color:var(--sv-slate); text-decoration:none; transition:color .2s; }
.fg-svh-nav-link i{ font-size:9px; opacity:.6; }
.fg-svh-nav-link::after{ content:""; position:absolute; left:16px; right:16px; bottom:4px; height:1.5px; background:var(--sv-clay); transform:scaleX(0); transform-origin:left; transition:transform .25s; }
.fg-svh-nav-link:hover{ color:var(--sv-clay); } .fg-svh-nav-link:hover::after{ transform:scaleX(1); }
.fg-svh-drop{ position:relative; }
.fg-svh-drop-panel{ position:absolute; top:calc(100% + 6px); left:0; min-width:200px; background:#fff; border:1px solid var(--sv-line); border-radius:12px; box-shadow:var(--sv-shadow); padding:8px; opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s; z-index:1100; }
.fg-svh-drop:hover .fg-svh-drop-panel{ opacity:1; visibility:visible; transform:translateY(0); }
.fg-svh-drop-panel ul{ list-style:none; margin:0; padding:0; }
.fg-svh-drop-panel li a{ display:block; padding:9px 14px; border-radius:8px; color:var(--sv-ink); text-decoration:none; font-size:14px; font-weight:500; }
.fg-svh-drop-panel li a:hover{ background:var(--sv-clay-soft); color:var(--sv-clay-d); }
/* Arama kutusu (sağ, kompakt) */
.fg-svh-search{ width:300px; max-width:34%; flex-shrink:0; display:flex; align-items:center; }
.fg-svh-search .fg-search-wrap{ position:relative; width:100%; }
.fg-svh-search .fg-search-box{ display:flex; align-items:center; height:42px; max-width:none; background:var(--sv-soft); border:1px solid var(--sv-line); border-radius:6px; padding:0 6px 0 16px; overflow:visible; }
.fg-svh-search .fg-search-box:focus-within{ border-color:var(--sv-slate); background:#fff; }
.fg-svh-search .fg-search-box input[name="search"]{ flex:1; border:0; background:transparent; outline:none; font-family:var(--sv-sans); font-size:13.5px; color:var(--sv-ink); }
.fg-svh-search .fg-search-box select{ display:none; }
.fg-svh-search .fg-search-box button{ width:30px; height:30px; border:0; border-radius:5px; background:transparent; color:var(--sv-slate); display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:14px; flex-shrink:0; }
.fg-svh-search .fg-search-box > .fa-search{ color:var(--sv-muted); order:9; margin:0 10px; }
/* ── HAMBURGER DRAWER (OC kategorileri — masaüstü + mobil) ── */
.fg-mob-only{ display:none; }
.fg-mobile-search{ display:none; background:#fff; border-bottom:1px solid var(--sv-line); padding:10px 0; }
.fg-mobile-search.is-open{ display:block; }
.fg-mobile-search-inner{ display:flex; align-items:center; gap:8px; background:var(--sv-soft); border:1px solid var(--sv-line); border-radius:6px; padding:6px 6px 6px 16px; }
.fg-mobile-search-inner input{ flex:1; border:0; background:transparent; outline:none; font-size:14px; color:var(--sv-ink); }
.fg-mobile-search-inner button{ border:0; background:var(--sv-slate); color:#fff; border-radius:5px; padding:9px 18px; font-weight:600; cursor:pointer; }
.fg-mobile-search-icon{ color:var(--sv-muted); }
.fg-pt-mobilemenu .fg-navbar{ position:static; background:transparent; border:0; }
.fg-pt-mobilemenu .fg-navbar .container{ padding:0; }
.fg-pt-mobilemenu .fg-promo-tag{ display:none; }
.fg-pt-mobilemenu .fg-nav-menu{ position:fixed; top:0; left:0; width:min(330px,86vw); height:100vh; max-height:100vh; background:#fff; box-shadow:0 0 60px rgba(44,51,59,.3); transform:translateX(-100%); transition:transform .34s cubic-bezier(.32,.72,0,1); display:flex; flex-direction:column; flex-wrap:nowrap; align-items:stretch; overflow-y:auto; z-index:2000; padding:26px 16px; gap:0; }
.fg-pt-mobilemenu .fg-nav-menu.fg-open{ transform:translateX(0); }
/* Kapatma (X) butonu — drawer'ın sağ üst köşesi (açıkken görünür) */
.fg-drawer-close{ display:none; position:fixed; top:20px; left:calc(min(330px,86vw) - 50px); z-index:2001; width:38px; height:38px; border-radius:50%; border:0; background:var(--sv-soft); color:var(--sv-slate); font-size:17px; cursor:pointer; align-items:center; justify-content:center; transition:background .2s,color .2s; }
.fg-drawer-close:hover{ background:var(--sv-clay); color:#fff; }
.fg-pt-mobilemenu:has(.fg-nav-menu.fg-open) .fg-drawer-close{ display:flex; }
.fg-pt-mobilemenu .fg-nav-menu::before{ content:"KATEGORİLER"; font-family:var(--sv-sans); font-weight:700; font-size:12px; letter-spacing:.18em; color:var(--sv-clay); padding:0 12px 14px; border-bottom:1px solid var(--sv-line2); margin-bottom:8px; }
.fg-pt-mobilemenu .fg-nav-menu > li{ width:100%; position:relative; border-bottom:1px solid var(--sv-line2); }
.fg-pt-mobilemenu .fg-nav-menu > li > a,.fg-pt-mobilemenu .fg-nav-row > a{ display:block; padding:13px 12px; font-family:var(--sv-sans); font-weight:600; font-size:15px; color:var(--sv-slate); text-decoration:none; }
.fg-pt-mobilemenu .fg-nav-menu > li > a:hover,.fg-pt-mobilemenu .fg-nav-row > a:hover{ color:var(--sv-clay); }
.fg-pt-mobilemenu .fg-nav-row{ display:flex; align-items:center; justify-content:space-between; }
.fg-pt-mobilemenu .fg-nav-toggle{ background:transparent; border:0; color:var(--sv-muted); padding:12px; cursor:pointer; }
.fg-pt-mobilemenu .fg-dropdown-menu{ list-style:none; margin:0; padding:0 0 8px 12px; display:none; }
.fg-pt-mobilemenu .fg-nav-menu > li.fg-mob-open .fg-dropdown-menu{ display:block; }
.fg-pt-mobilemenu .fg-dropdown-menu li a{ display:block; padding:8px 12px; font-size:14px; color:var(--sv-muted); text-decoration:none; }
.fg-pt-mobilemenu .fg-dropdown-menu li a:hover{ color:var(--sv-clay); }

/* ═══════════════ HERO SLIDER ═══════════════ */
/* base .fg-hero3 koyu zemin + 88vh yüksekliği sıfırla */
.fg-home .fg-hero3.fg-pt-hero{ position:relative; min-height:0; background:transparent; display:block; overflow:hidden; padding:0; }
/* TAM EKRAN (kenar boşluksuz) */
.fg-pt-hero .fg-pt-hero-slides{ position:relative; width:100%; max-width:none; margin:0; height:clamp(360px,42vw,640px); border-radius:0; overflow:hidden; box-shadow:none; }
.fg-pt-hero .fg-pt-hslide{ position:absolute; inset:0; opacity:0; transition:opacity .8s cubic-bezier(.32,.72,0,1); display:flex; align-items:center; }
.fg-pt-hero .fg-pt-hslide .container{ padding-left:clamp(26px,4.5vw,56px); padding-right:clamp(26px,4.5vw,56px); }
.fg-pt-hero .fg-pt-hslide.is-active{ opacity:1; z-index:1; }
.fg-pt-hero .fg-pt-hslide-bg{ position:absolute; inset:0; background-size:cover; background-position:center 18%; }
/* açık veil (sol) — #36 gibi koyu metin okunur */
.fg-pt-hero .fg-pt-hslide-veil{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(249,248,246,.9) 0%, rgba(249,248,246,.78) 30%, rgba(249,248,246,.32) 50%, rgba(249,248,246,.04) 66%, transparent 78%); }
.fg-pt-hero .container{ position:relative; z-index:2; }
.fg-pt-hero .fg-pt-hslide-inner{ max-width:520px; color:var(--sv-ink); }
.fg-pt-hero .fg-pt-heyebrow{ display:inline-block; font-family:var(--sv-sans); font-weight:700; font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:var(--sv-clay); background:transparent; padding:0 0 5px; border-bottom:1px solid rgba(94,108,120,.4); margin-bottom:20px; }
.fg-pt-hero .fg-pt-htitle{ color:var(--sv-slate); font-family:var(--sv-head); font-weight:400; font-size:clamp(30px,4vw,52px); line-height:1.1; letter-spacing:.02em; text-transform:uppercase; margin:0 0 14px; }
.fg-pt-hero .fg-pt-hsub{ font-size:16px; line-height:1.6; color:var(--sv-slate-l); max-width:400px; margin:0 0 28px; }
.fg-pt-hero .fg-pt-hbtn{ display:inline-flex; align-items:center; gap:10px; background:var(--sv-slate); color:#fff; border:0; font-family:var(--sv-sans); font-weight:600; font-size:13px; letter-spacing:.14em; text-transform:uppercase; padding:15px 32px; border-radius:4px; text-decoration:none; transition:transform .25s,background .25s,color .25s; }
.fg-pt-hero .fg-pt-hbtn:hover{ background:var(--sv-clay); color:#fff; transform:translateY(-2px); }
.fg-pt-hero .fg-pt-hbtn i{ transition:transform .25s; } .fg-pt-hero .fg-pt-hbtn:hover i{ transform:translateX(4px); }
/* Oklar + noktalar */
.fg-pt-hero .fg-pt-harrow{ position:absolute; bottom:20px; z-index:5; width:42px; height:40px; border-radius:12px; border:0; background:rgba(255,255,255,.92); color:var(--sv-slate); display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 4px 12px rgba(0,0,0,.15); transition:background .2s,color .2s; }
.fg-pt-hero .fg-pt-harrow:hover{ background:var(--sv-clay); color:#fff; }
.fg-pt-hero .fg-pt-harrow.prev{ right:70px; } .fg-pt-hero .fg-pt-harrow.next{ right:20px; }
.fg-pt-hero .fg-pt-hdots{ display:none; }

/* ═══════════════ KATEGORİ VİTRİNİ (dairesel CAROUSEL) ═══════════════ */
.fg-home .fg-catnav-slider{ position:relative; }
.fg-home .fg-catnav .fg-catnav-grid{ display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:clamp(22px,3.4vw,46px); overflow-x:auto; scroll-snap-type:x proximity; scroll-behavior:smooth; padding:8px 6px 4px; scrollbar-width:none; }
.fg-home .fg-catnav .fg-catnav-grid::-webkit-scrollbar{ display:none; }
.fg-home .fg-catnav-card{ flex:0 0 auto; scroll-snap-align:start; display:flex; flex-direction:column; align-items:center; gap:16px; width:130px; padding:0; background:transparent; border:0; box-shadow:none; text-decoration:none; }
.fg-home .fg-catnav-arrow{ position:absolute; top:46px; z-index:5; width:44px; height:44px; border-radius:50%; border:1px solid var(--sv-line); background:#fff; color:var(--sv-slate); display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:var(--sv-shadow-sm); transition:background .2s,color .2s,opacity .2s; }
.fg-home .fg-catnav-arrow:hover{ background:var(--sv-slate); color:#fff; }
.fg-home .fg-catnav-arrow.prev{ left:-6px; } .fg-home .fg-catnav-arrow.next{ right:-6px; }
.fg-home .fg-catnav-arrow.is-disabled{ opacity:0; pointer-events:none; }
.fg-home .fg-catnav-card::after{ display:none; }
.fg-home .fg-catnav-ic,.fg-home .fg-catnav-ic--img{ width:120px; height:120px; border-radius:50%; overflow:hidden; background:var(--sv-soft); border:1.5px solid var(--sv-line); display:flex; align-items:center; justify-content:center; padding:0; transition:transform .3s cubic-bezier(.32,.72,0,1),border-color .3s,box-shadow .3s; }
.fg-home .fg-catnav-ic--img img{ width:100%; height:100%; object-fit:cover; }
.fg-home .fg-catnav-card:hover .fg-catnav-ic--img{ transform:translateY(-5px); border-color:var(--sv-slate); box-shadow:var(--sv-shadow-sm); }
.fg-home .fg-catnav-card:hover .fg-catnav-ic{ background:var(--sv-paper); color:inherit; }
.fg-home .fg-catnav-name{ font-family:var(--sv-head); font-weight:400; font-size:16px; letter-spacing:.03em; color:var(--sv-slate); text-align:center; background:transparent; padding:0; }
.fg-home .fg-catnav-arr{ display:none; }

/* ═══════════════ ÜRÜN KARTLARI ═══════════════ */
.fg-home .fg-prod-grid{ display:grid; gap:22px; }
.fg-home .fg-prod-grid--4{ grid-template-columns:repeat(4,1fr); }
.fg-home .fg-prod-grid--5{ grid-template-columns:repeat(4,1fr); }
.fg-home .fg-pcard{ background:var(--sv-paper); border:1px solid var(--sv-line); border-radius:var(--sv-radius); overflow:hidden; transition:transform .3s cubic-bezier(.32,.72,0,1),box-shadow .3s,border-color .3s; display:flex; flex-direction:column; }
.fg-home .fg-pcard:hover{ transform:translateY(-6px); box-shadow:var(--sv-shadow); border-color:transparent; }
.fg-home .fg-pcard-img{ position:relative; background:var(--sv-line2); aspect-ratio:4/5; overflow:hidden; }
.fg-home .fg-pcard-img>a{ display:block; width:100%; height:100%; }
.fg-home .fg-pcard-img img{ width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.fg-home .fg-pcard:hover .fg-pcard-img img{ transform:scale(1.05); }
.fg-home .fg-pcard-dbadge{ position:absolute; top:12px; right:12px; width:52px; height:52px; border-radius:50%; background:var(--sv-clay); color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; font-family:var(--sv-sans); font-weight:700; font-size:10.5px; letter-spacing:.02em; line-height:1.1; padding:0; z-index:2; box-shadow:0 4px 12px rgba(94,108,120,.35); }
.fg-home .fg-pcard-wish{ position:absolute; top:10px; left:10px; width:38px; height:38px; border-radius:50%; border:0; background:rgba(255,255,255,.9); color:var(--sv-ink); font-size:15px; cursor:pointer; opacity:0; transform:translateY(-6px); transition:.25s; z-index:2; }
.fg-home .fg-pcard:hover .fg-pcard-wish{ opacity:1; transform:translateY(0); }
.fg-home .fg-pcard-wish:hover{ background:var(--sv-clay); color:#fff; }
.fg-home .fg-pcard-quick{ display:none; }
.fg-home .fg-pcard-body{ padding:16px 16px 18px; display:flex; flex-direction:column; gap:9px; flex:1; }
.fg-home .fg-pcard-name{ font-family:var(--sv-sans); font-weight:600; font-size:15px; color:var(--sv-ink); margin:0; line-height:1.35; }
.fg-home .fg-pcard-stars-sm{ display:flex; gap:2px; color:var(--sv-gold); font-size:12px; }
.fg-home .fg-pcard-stars-sm .fg-empty{ color:#D9D8D1; }
.fg-home .fg-pcard-prices{ display:flex; align-items:baseline; gap:8px; }
.fg-home .fg-pcard-p{ font-family:var(--sv-sans); font-weight:700; font-size:17px; color:var(--sv-slate); }
.fg-home .fg-pcard-op{ font-size:13px; color:var(--sv-muted); text-decoration:line-through; }
.fg-home .fg-pcard-foot{ display:flex; align-items:center; justify-content:space-between; margin-top:auto; }
.fg-home .fg-pcard-add{ margin-top:6px; width:100%; display:inline-flex; align-items:center; justify-content:center; gap:9px; background:var(--sv-slate); color:#fff; border:0; border-radius:6px; padding:12px 16px; font-family:var(--sv-sans); font-weight:600; font-size:13px; letter-spacing:.06em; cursor:pointer; transition:background .2s,transform .2s; }
.fg-home .fg-pcard-add:hover{ background:var(--sv-clay); transform:translateY(-1px); }
.fg-home .fg-pcard-add i{ font-size:13px; }

/* ═══ KOMBİN ÖNERİLERİ BANNER (deal_spotlight — 3 model, koyu) ═══ */
.fg-home .fg-deal-wrap{ padding:20px 0 46px; }
.fg-home .fg-deal{ position:relative; border-radius:14px; overflow:hidden; min-height:clamp(210px,23vw,300px); display:flex; align-items:center; box-shadow:var(--sv-shadow-sm); }
.fg-home .fg-deal-media{ position:absolute; inset:0; z-index:0; }
.fg-home .fg-deal-media img{ width:100%; height:100%; object-fit:cover; }
.fg-home .fg-deal-media--icon{ display:none; }
.fg-home .fg-deal-glow{ position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(40,46,53,.94) 0%, rgba(40,46,53,.8) 38%, rgba(40,46,53,.35) 62%, rgba(40,46,53,0) 86%); }
.fg-home .fg-deal-body{ position:relative; z-index:2; padding:0 0 0 clamp(28px,5vw,64px); max-width:520px; color:#fff; }
.fg-home .fg-deal-badge{ display:inline-flex; align-items:center; font-family:var(--sv-sans); font-weight:700; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:#E4D8C9; margin-bottom:14px; }
.fg-home .fg-deal-badge i{ display:none; }
.fg-home .fg-deal-title{ font-family:var(--sv-head); font-weight:400; font-size:clamp(28px,3.6vw,46px); color:#fff; margin:0 0 14px; letter-spacing:.01em; }
.fg-home .fg-deal-sub{ color:rgba(255,255,255,.85); font-size:15px; line-height:1.6; margin:0 0 24px; max-width:390px; }
.fg-home .fg-deal-price,.fg-home .fg-deal-note{ display:none; }
.fg-home .fg-deal-foot{ display:flex; }
.fg-home .fg-deal-btn{ display:inline-flex; align-items:center; gap:10px; background:var(--sv-clay); color:#fff; border:0; font-family:var(--sv-sans); font-weight:600; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; padding:14px 30px; border-radius:4px; text-decoration:none; transition:background .2s,transform .2s; }
.fg-home .fg-deal-btn:hover{ background:var(--sv-clay-d); transform:translateY(-2px); }

/* ═══ ÜRÜN SLIDER (İndirimli — AÇIK, ortalı) ═══ */
.fg-home .fg-prod-hasslider .container{ background:transparent; padding:0; position:relative; }
.fg-home .fg-prod-hasslider .fg-sec-head{ text-align:center; margin-bottom:30px; }
.fg-home .fg-prod-hasslider .fg-sec-kicker{ color:var(--sv-clay); }
.fg-home .fg-prod-hasslider .fg-sec-title{ color:var(--sv-slate); }
.fg-home .fg-prod-sliderwrap{ position:relative; }
.fg-home .fg-prod-track{ display:flex; gap:22px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px; scrollbar-width:none; grid-template-columns:none; }
.fg-home .fg-prod-track::-webkit-scrollbar{ display:none; }
.fg-home .fg-prod-track .fg-pcard{ flex:0 0 clamp(210px,23%,264px); scroll-snap-align:start; }
.fg-home .fg-prod-arrow{ position:absolute; top:40%; transform:translateY(-50%); z-index:5; width:44px; height:44px; border-radius:50%; border:1px solid var(--sv-line); background:#fff; color:var(--sv-slate); display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:var(--sv-shadow-sm); transition:background .2s,color .2s; }
.fg-home .fg-prod-arrow:hover{ background:var(--sv-clay); color:#fff; border-color:var(--sv-clay); }
.fg-home .fg-prod-arrow.prev{ left:-16px; } .fg-home .fg-prod-arrow.next{ right:-16px; }

/* ═══════════════ STİL REHBERİ (eğik polaroid) ═══════════════ */
.fg-home .fg-pt-ozel .fg-promo-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; padding:10px 0; }
.fg-home .fg-pt-ozel .fg-promo-card{ position:relative; display:block; aspect-ratio:3/4; border-radius:var(--sv-radius); overflow:hidden; background:var(--sv-paper); box-shadow:var(--sv-shadow-sm); text-decoration:none; transition:transform .35s cubic-bezier(.32,.72,0,1),box-shadow .35s; border:6px solid #fff; }
.fg-home .fg-pt-ozel .fg-promo-card:nth-child(odd){ transform:rotate(-2deg); }
.fg-home .fg-pt-ozel .fg-promo-card:nth-child(even){ transform:rotate(2deg); }
.fg-home .fg-pt-ozel .fg-promo-card:hover{ transform:rotate(0) translateY(-6px); box-shadow:var(--sv-shadow); z-index:2; }
.fg-home .fg-pt-ozel .fg-promo-card img{ width:100%; height:100%; object-fit:cover; }
.fg-home .fg-pt-ozel .fg-promo-overlay{ position:absolute; inset:auto 0 0 0; background:none; padding:0; }
.fg-home .fg-pt-ozel .fg-promo-kicker,.fg-home .fg-pt-ozel .fg-promo-name,.fg-home .fg-pt-ozel .fg-promo-link{ display:none; }

/* ═══════════════ HABERLER / BLOG ═══════════════ */
.fg-home .fg-news-grid{ gap:26px; }
.fg-home .fg-blog-card{ background:var(--sv-paper); border:1px solid var(--sv-line); border-radius:var(--sv-radius); overflow:hidden; display:flex; flex-direction:column; transition:transform .3s cubic-bezier(.32,.72,0,1),box-shadow .3s,border-color .3s; }
.fg-home .fg-blog-card:hover{ transform:translateY(-6px); box-shadow:var(--sv-shadow); border-color:transparent; }
.fg-home .fg-blog-card-img{ aspect-ratio:16/10; overflow:hidden; }
.fg-home .fg-blog-card-img img{ width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.fg-home .fg-blog-card:hover .fg-blog-card-img img{ transform:scale(1.06); }
.fg-home .fg-blog-card-body{ padding:20px; display:flex; flex-direction:column; gap:10px; flex:1; }
.fg-home .fg-blog-card-cat{ align-self:flex-start; background:var(--sv-clay-soft); color:var(--sv-clay-d); font-family:var(--sv-head); font-weight:700; font-size:11px; letter-spacing:.06em; text-transform:uppercase; padding:5px 11px; border-radius:20px; }
.fg-home .fg-blog-card-title{ font-family:var(--sv-head); font-weight:700; font-size:18px; line-height:1.3; margin:0; }
.fg-home .fg-blog-card-title a{ color:var(--sv-ink); text-decoration:none; }
.fg-home .fg-blog-card-title a:hover{ color:var(--sv-clay); }
.fg-home .fg-blog-card-excerpt{ color:var(--sv-muted); font-size:14px; line-height:1.6; margin:0; }
.fg-home .fg-blog-card-meta{ display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:14px; border-top:1px solid var(--sv-line2); }
.fg-home .fg-blog-card-author{ display:flex; align-items:center; gap:8px; }
.fg-home .fg-blog-card-author img{ width:28px; height:28px; border-radius:50%; object-fit:cover; }
.fg-home .fg-blog-card-author-name{ font-size:13px; font-weight:600; color:var(--sv-ink); }
.fg-home .fg-blog-card-stats{ display:flex; gap:14px; }
.fg-home .fg-blog-card-stat{ font-size:12.5px; color:var(--sv-muted); }
.fg-home .fg-blog-card-stat i{ color:var(--sv-slate); margin-right:4px; }

/* ═══════════════ MÜŞTERİ YORUMLARI (açık, zarif) ═══════════════ */
.fg-home .fg-tst{ background:transparent; }
.fg-home .fg-tst .fg-sec-title{ color:var(--sv-slate); }
.fg-home .fg-tst .fg-sec-title::after{ background:var(--sv-clay); }
.fg-home .fg-tst .fg-sec-kicker{ color:var(--sv-clay); }
.fg-home .fg-tst-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.fg-home .fg-tst-card{ position:relative; background:var(--sv-paper); border:1px solid var(--sv-line); border-radius:var(--sv-radius); padding:34px 28px 26px; display:flex; flex-direction:column; gap:14px; box-shadow:var(--sv-shadow-sm); transition:transform .3s cubic-bezier(.32,.72,0,1),box-shadow .3s; }
.fg-home .fg-tst-card:hover{ transform:translateY(-5px); box-shadow:var(--sv-shadow); }
.fg-home .fg-tst-card::before{ content:"\201C"; position:absolute; top:12px; left:26px; font-family:var(--sv-head); font-size:70px; line-height:1; color:var(--sv-clay-soft); z-index:0; }
.fg-home .fg-tst-ava{ width:54px; height:54px; border-radius:50%; object-fit:cover; position:relative; z-index:1; }
.fg-home .fg-tst-ava--init{ display:flex; align-items:center; justify-content:center; background:var(--sv-clay); color:#fff; font-family:var(--sv-head); font-weight:400; font-size:22px; }
.fg-home .fg-tst-stars{ display:flex; gap:3px; color:var(--sv-gold); font-size:14px; position:relative; z-index:1; }
.fg-home .fg-tst-text{ color:var(--sv-ink); font-size:15px; line-height:1.7; margin:0; flex:1; position:relative; z-index:1; }
.fg-home .fg-tst-name{ font-family:var(--sv-head); font-weight:400; font-size:17px; color:var(--sv-slate); }
.fg-home .fg-tst-role{ font-size:13px; color:var(--sv-clay); letter-spacing:.02em; }

/* ═══════════════ MARKALAR ═══════════════ */
.fg-home .fg-brands-row{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; }
.fg-home .fg-brands-card{ display:flex; align-items:center; justify-content:center; min-width:158px; height:74px; padding:0 30px; background:var(--sv-paper); border:1px solid var(--sv-line); border-radius:14px; text-decoration:none; transition:border-color .2s,transform .25s,box-shadow .25s; }
.fg-home .fg-brands-card:hover{ border-color:var(--sv-slate); transform:translateY(-3px); box-shadow:var(--sv-shadow-sm); }
.fg-home .fg-brands-card img{ max-height:38px; max-width:120px; object-fit:contain; filter:grayscale(1); opacity:.7; transition:.25s; }
.fg-home .fg-brands-card:hover img{ filter:grayscale(0); opacity:1; }
.fg-home .fg-brands-name{ font-family:var(--sv-head); font-weight:800; font-size:20px; letter-spacing:.05em; text-transform:uppercase; color:var(--sv-ink); transition:color .2s; }
.fg-home .fg-brands-card:hover .fg-brands-name{ color:var(--sv-slate); }

/* ═══════════════ FOOTER (KOYU SLATE) ═══════════════ */
.fg-hd-footer{ background:var(--sv-footer); color:#D5DADE; border-top:0; margin-top:40px; }
.fg-hd-footer .fg-footer-main{ background:transparent!important; padding:60px 0 42px; }
.fg-hd-footer .fg-footer-grid{ display:grid; grid-template-columns:1.3fr 1fr 1.1fr 1fr; gap:36px; }
.fg-hd-footer .fg-footer-heading{ font-family:var(--sv-sans); font-weight:700; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:#fff; margin:0 0 18px; }
.fg-hd-footer .fg-footer-links,.fg-hd-footer .fg-footer-contact{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
.fg-hd-footer .fg-footer-links a{ color:#D5DADE; text-decoration:none; font-size:14.5px; transition:color .2s; }
.fg-hd-footer .fg-footer-links a:hover{ color:#E4D8C9; }
.fg-hd-footer .fg-footer-contact li{ display:flex; gap:10px; color:#D5DADE; font-size:14.5px; line-height:1.5; }
.fg-hd-footer .fg-footer-contact i{ color:var(--sv-clay); margin-top:3px; }
.fg-hd-footer .fg-footer-contact a{ color:#D5DADE; text-decoration:none; }
.fg-hd-footer .fg-footer-contact a:hover{ color:#E4D8C9; }
.fg-hd-footer .fg-social-links{ display:flex; gap:10px; margin-top:18px; }
.fg-hd-footer .fg-social-btn{ width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.08); color:#E4D8C9; display:flex; align-items:center; justify-content:center; text-decoration:none; transition:background .2s,color .2s; }
.fg-hd-footer .fg-social-btn:hover{ background:var(--sv-clay); color:#fff; }
.fg-hd-footer .fg-hd-pay{ display:flex; flex-wrap:wrap; gap:8px; }
.fg-hd-footer .fg-card{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); color:#E4D8C9; font-family:var(--sv-sans); font-weight:600; font-size:12px; letter-spacing:.05em; padding:8px 12px; border-radius:6px; }
.fg-hd-footer .fg-footer-col p{ color:#C2C8CD!important; }
.fg-hd-footer .fg-footer-bottom{ background:transparent!important; border-top:1px solid rgba(255,255,255,.14); }
.fg-hd-footer .fg-pt-copy{ padding:20px 0; text-align:center; color:#B7BEC4; font-size:13.5px; }

/* ═══════════════ BOTNAV (mobil) ═══════════════ */
.fg-botnav{ display:none; }
@media(max-width:991px){
  .fg-botnav{ display:grid; grid-template-columns:repeat(5,1fr); position:fixed; left:0; right:0; bottom:0; z-index:1200; background:var(--sv-paper); border-top:1px solid var(--sv-line); box-shadow:0 -4px 18px rgba(31,45,40,.1); padding:8px 0 calc(8px + env(safe-area-inset-bottom)); }
  .fg-botnav-item{ display:flex; flex-direction:column; align-items:center; gap:4px; text-decoration:none; color:var(--sv-muted); font-size:.62rem; font-weight:600; }
  .fg-botnav-item i{ font-size:1.16rem; line-height:1; }
  .fg-botnav-item:hover,.fg-botnav-item.is-active{ color:var(--sv-clay); }
}

/* ═══════════════ ALT SAYFALAR (zemin = ana sayfa zemini + accent = teal) ═══════════════ */
body.fg-sv:not(:has(.fg-home)){ background:var(--sv-bg); }
body.fg-sv:not(:has(.fg-home)) :is(
  .fg-cat-hero-icon,.fg-price-apply,.fg-price-fill,.fg-vt-btn.fg-active,.fg-sub-cat-btn.fg-active,
  .fg-szb.fg-active,.fg-btn-add,.fg-btn-now,.fg-wish-add-btn,.fg-checkout-btn,.fg-place-btn,.fg-step-next,
  .fg-auth-btn,.fg-contact-send-btn,.fg-cart-checkout,.btn-primary,.fg-pagination .active,.fg-pg-btn.fg-active,
  .fg-flt-chip.fg-active,.fg-pcard-quick
){ background:var(--sv-slate)!important; border-color:var(--sv-slate)!important; color:#fff!important; }
body.fg-sv:not(:has(.fg-home)) .fg-pcard-dbadge{ background:var(--sv-clay)!important; border-color:var(--sv-clay)!important; color:#fff!important; }
body.fg-sv:not(:has(.fg-home)) .fg-page,
body.fg-sv:not(:has(.fg-home)) .fg-cat-page,
body.fg-sv:not(:has(.fg-home)) .fg-acc-page,
body.fg-sv:not(:has(.fg-home)) .fg-crt-page,
body.fg-sv:not(:has(.fg-home)) .fg-chk-page,
body.fg-sv:not(:has(.fg-home)) .fg-auth-page,
body.fg-sv:not(:has(.fg-home)) .fg-auth-bg,
body.fg-sv:not(:has(.fg-home)) .fg-srch-page{ background:var(--sv-bg)!important; }
.btn-primary{ background:var(--sv-slate)!important; border-color:var(--sv-slate)!important; color:#fff!important; }
.btn-primary:hover{ background:var(--sv-slate-d)!important; border-color:var(--sv-slate-d)!important; }

/* ═══════════════ RESPONSIVE ═══════════════ */
@media(max-width:1024px){
  .fg-home .fg-prod-grid--4,.fg-home .fg-prod-grid--5{ grid-template-columns:repeat(3,1fr); }
  .fg-home .fg-pt-ozel .fg-promo-grid{ grid-template-columns:repeat(2,1fr); }
  .fg-home .fg-tst-grid{ grid-template-columns:1fr; max-width:520px; margin:0 auto; }
}
@media(max-width:991px){
  .fg-svh-top{ gap:12px; min-height:60px; }
  .fg-svh-navrow{ display:none; }
  .fg-svh-icons{ gap:14px; }
  .fg-svh-icon em{ display:none; }
  .fg-svh .fg-badge{ top:-4px; right:-4px; }
  .fg-mob-only{ display:flex; }
  .fg-pt-hero .fg-pt-hslide-veil{ background:linear-gradient(90deg, rgba(249,248,246,.95) 0%, rgba(249,248,246,.82) 58%, rgba(249,248,246,.4) 100%); }
  .fg-home .fg-prod-hasslider .container{ padding:28px 20px; }
}
@media(max-width:680px){
  .fg-home .fg-prod-grid--4,.fg-home .fg-prod-grid--5{ grid-template-columns:repeat(2,1fr); gap:14px; }
  .fg-home .fg-catnav .fg-catnav-grid{ gap:20px; }
  .fg-home .fg-catnav-arrow{ display:none; }
  .fg-home .fg-catnav-card{ width:96px; }
  .fg-home .fg-catnav-ic,.fg-home .fg-catnav-ic--img{ width:84px; height:84px; }
  .fg-home .fg-sec-title{ font-size:23px; }
  .fg-home .fg-pt-ozel .fg-promo-grid{ grid-template-columns:1fr 1fr; gap:14px; }
  .fg-hd-footer .fg-footer-grid{ grid-template-columns:1fr 1fr; gap:26px; }
}
@media(max-width:420px){
  .fg-hd-footer .fg-footer-grid{ grid-template-columns:1fr; }
}