/* Aktuelde web — renkler theme.js skalalarıyla BİREBİR (Yesil=watercourse, Mercan=flamingo, Notr).
   Ölçüler altın orana dayanır: boşluk Fibonacci (8·13·21·34·55), yazı √φ adımları (12.6·16·20.4·25.9·33). */
:root{
  --yesil-50:#EEFBF5;--yesil-100:#D5F6E6;--yesil-200:#AEECD1;--yesil-300:#79DCB8;--yesil-400:#43C499;
  --yesil-500:#20A980;--yesil-600:#138867;--yesil-700:#0F6E56;--yesil-800:#0E5745;--yesil-900:#0D473A;--yesil-950:#062821;
  --mercan-50:#FFF4ED;--mercan-100:#FEE6D6;--mercan-200:#FCC9AC;--mercan-300:#FAA377;--mercan-400:#F77340;
  --mercan-500:#F4511E;--mercan-600:#E53511;--mercan-700:#BE2510;--mercan-800:#971F15;--mercan-900:#7A1D14;--mercan-950:#420B08;
  --notr-50:#F5F8F6;--notr-100:#E8F0EB;--notr-200:#DCE4DF;--notr-300:#C3CEC8;--notr-400:#97A59E;
  --notr-500:#76857E;--notr-600:#5B6963;--notr-700:#48544F;--notr-800:#3A4440;--notr-900:#2A322F;--notr-950:#161D1A;

  --b1:8px;--b2:13px;--b3:21px;--b4:34px;--b5:55px;
  --y-kucuk:12.6px;--y-govde:16px;--y-h3:20.4px;--y-h2:25.9px;--y-h1:33px;
  --phi:1.618;
  --yaricap:13px;
  --golge:0 2px 8px rgba(6,40,33,.06);
  --golge-yuksek:0 13px 34px -13px rgba(6,40,33,.25);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:var(--y-govde);line-height:1.618;color:var(--notr-950);background:var(--notr-50);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.kap{width:100%;max-width:1280px;margin:0 auto;padding:0 16px}
h1{font-size:clamp(var(--y-h2),5vw,var(--y-h1));line-height:1.2;font-weight:900;letter-spacing:-.01em}
h2{font-size:var(--y-h3);line-height:1.3;font-weight:800}
.silik{color:var(--notr-600)}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Üst bant */
.ust{background:var(--yesil-700);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 13px rgba(6,40,33,.18)}
.ust-ic{display:flex;align-items:center;gap:var(--b2);padding-top:var(--b2);padding-bottom:var(--b2)}
/* Marka: altın oran — yazı 26 px (16·φ), logo 42 px (26·φ); büyük harf, harf aralıklı */
.marka{display:flex;align-items:center;gap:var(--b2);font-weight:900;font-size:var(--y-h2);line-height:1;letter-spacing:.06em;text-transform:uppercase;flex:none}
.marka img{width:42px;height:42px;filter:drop-shadow(0 3px 6px rgba(6,40,33,.35))}
.marka span{text-shadow:0 2px 8px rgba(6,40,33,.25)}
.ara{flex:1;min-width:0;display:flex}
.ara input{width:100%;font:inherit;font-size:15px;border:0;border-radius:99px;padding:9px 16px;background:#fff;color:var(--notr-950);outline:none}
.ara input:focus{box-shadow:0 0 0 3px var(--yesil-300)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--b1);font-weight:800;border-radius:99px;padding:10px 18px;white-space:nowrap;transition:transform .15s,background .15s}
.btn:active{transform:scale(.97)}
.btn-mercan{background:var(--mercan-600);color:#fff}
.btn-mercan:hover{background:var(--mercan-700)}
.btn-yesil{background:var(--yesil-700);color:#fff}
.btn-yesil:hover{background:var(--yesil-800)}
.btn-acik{background:#fff;color:var(--yesil-800);border:1.5px solid var(--notr-200)}
.ust .btn-mercan{flex:none}
.ust-nav-bant{background:var(--yesil-700);color:#fff}
.ust-nav{display:flex;gap:var(--b3);padding-top:2px;padding-bottom:var(--b1);overflow-x:auto;scrollbar-width:none;font-weight:700;font-size:15px}
.ust-nav::-webkit-scrollbar{display:none}
.ust-nav a{opacity:.85;padding:4px 0;border-bottom:2px solid transparent;white-space:nowrap}
.ust-nav a:hover,.ust-nav a.aktif{opacity:1;border-bottom-color:var(--mercan-400)}
.ust .kisa{display:none}
@media (max-width:640px){.ust .uzun{display:none}.ust .kisa{display:inline}.marka span{display:none}.marka img{width:34px;height:34px}}

/* Kahraman — altın oran: içerik : uygulama kartı = 1.618 : 1 */
.kahraman{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--b4);align-items:center;padding:var(--b5) 0 var(--b4)}
.kahraman p.alt{font-size:var(--y-h3);color:var(--notr-600);margin-top:var(--b2);max-width:34em;font-weight:600;line-height:1.5}
.sayilar{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:var(--b3);margin-top:var(--b3)}
.sayi b{display:block;font-size:var(--y-h2);font-weight:900;color:var(--yesil-700);line-height:1.1}
.sayi span{font-size:var(--y-kucuk);color:var(--notr-600);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ara-buyuk{display:flex;gap:var(--b1);margin-top:var(--b3);max-width:560px}
.ara-buyuk input{flex:1;min-width:0;font:inherit;border:1.5px solid var(--notr-200);border-radius:99px;padding:12px 20px;background:#fff;outline:none}
.ara-buyuk input:focus{border-color:var(--yesil-500)}
.uygulama-kart{background:linear-gradient(160deg,var(--yesil-600),var(--yesil-900));color:#fff;border-radius:21px;padding:var(--b4) var(--b3);text-align:center;box-shadow:var(--golge-yuksek)}
.uygulama-kart img.ikon{width:89px;height:89px;margin:0 auto;border-radius:21px;box-shadow:0 8px 21px rgba(0,0,0,.25)}
.uygulama-kart h2{margin-top:var(--b2)}
.uygulama-kart p{opacity:.9;margin-top:var(--b1);font-weight:600}
.magaza{display:flex;flex-direction:column;gap:var(--b1);margin-top:var(--b3)}
.magaza a{background:#fff;color:var(--yesil-900);border-radius:13px;padding:10px;font-weight:800}
.magaza a:hover{background:var(--yesil-50)}
@media (max-width:820px){.kahraman{grid-template-columns:1fr;padding:var(--b3) 0 var(--b2)}.uygulama-kart{display:none}.kahraman p.alt{font-size:var(--y-govde)}.sayilar{gap:var(--b2)}.sayi b{font-size:var(--y-h3)}}

/* Bölümler */
.bolum{margin-top:var(--b5)}
.bolum-bas{display:flex;align-items:center;justify-content:space-between;gap:var(--b2);margin-bottom:var(--b3)}
.bolum-bas a{color:var(--yesil-700);font-weight:800;font-size:15px;white-space:nowrap}
.sayfa-bas{padding:var(--b4) 0 var(--b3)}
.sayfa-bas p{color:var(--notr-600);margin-top:var(--b1);font-weight:600;max-width:46em}
.yol{font-size:var(--y-kucuk);color:var(--notr-500);font-weight:700;margin-bottom:var(--b1)}
.yol a:hover{color:var(--yesil-700)}

/* Market logoları */
.marketler{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:var(--b2)}
.market{background:#fff;border-radius:var(--yaricap);padding:var(--b2);display:flex;flex-direction:column;align-items:center;gap:var(--b1);box-shadow:var(--golge);border:1.5px solid transparent;transition:border-color .15s,transform .15s}
.market:hover{border-color:var(--yesil-300);transform:translateY(-2px)}
.market img{height:42px;width:auto;max-width:110px;object-fit:contain}
.market b{font-size:15px}
.market small{color:var(--notr-500);font-weight:700;font-size:var(--y-kucuk)}
.logo-yazi{height:42px;display:grid;place-items:center;font-weight:900;color:#fff;border-radius:8px;padding:0 13px;font-size:15px}

/* Çipler */
.cipler{display:flex;gap:var(--b1);flex-wrap:wrap}
.cip{background:#fff;border:1.5px solid var(--notr-200);border-radius:99px;padding:6px 14px;font-weight:700;font-size:15px;white-space:nowrap}
.cip:hover{border-color:var(--yesil-400)}
.cip.aktif{background:var(--yesil-700);border-color:var(--yesil-700);color:#fff}
.cip small{color:var(--notr-500);font-weight:700;margin-left:4px}
.cip.aktif small{color:var(--yesil-100)}

/* İndirim kartları */
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:var(--b2)}
@media (max-width:420px){.izgara{grid-template-columns:repeat(2,1fr);gap:var(--b1)}}
.kart{background:#fff;border-radius:var(--yaricap);overflow:hidden;box-shadow:var(--golge);display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.kart:hover{transform:translateY(-2px);box-shadow:var(--golge-yuksek)}
/* Resimler mutlak konumlu: iOS Safari aspect-ratio kutusunda img height:100%'ü çözemiyor, resim taşıyordu (14 Eki). */
.kart-resim{position:relative;background:#fff;overflow:hidden}
.kart-resim::before,.detay-resim::before{content:"";display:block;padding-top:100%}
.kart-resim img{position:absolute;top:var(--b2);left:var(--b2);width:calc(100% - 2 * var(--b2));height:calc(100% - 2 * var(--b2));object-fit:contain}
.kart-resim .bos{position:absolute;inset:0;display:grid;place-items:center;font-size:42px}
.rozet{z-index:1;position:absolute;top:var(--b1);left:var(--b1);background:var(--mercan-500);color:#fff;font-weight:900;font-size:14px;padding:3px 9px;border-radius:99px}
.kart-govde{padding:var(--b1) var(--b2) var(--b2);display:flex;flex-direction:column;gap:4px;flex:1;border-top:1px solid var(--notr-100)}
.kart-market{display:flex;align-items:center;gap:6px;font-size:var(--y-kucuk);font-weight:800;color:var(--notr-600)}
.kart-market{min-height:18px}
.kart-market img{height:18px;width:auto;max-width:72px;object-fit:contain}
.kart-ad{font-size:15px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.fiyatlar{display:flex;align-items:baseline;gap:var(--b1);flex-wrap:wrap;margin-top:auto}
.fiyatlar b{font-size:var(--y-h3);font-weight:900;color:var(--yesil-700)}
.fiyatlar s{color:var(--notr-400);font-weight:700;font-size:14px}
.kart-alt{font-size:var(--y-kucuk);color:var(--notr-500);font-weight:700}
.kart-alt.acil{color:var(--mercan-700)}
.kosul{font-size:var(--y-kucuk);color:var(--yesil-800);background:var(--yesil-50);border-radius:6px;padding:2px 6px;font-weight:700;align-self:flex-start}

/* Sayfalama */
.sayfalama{display:flex;justify-content:center;gap:var(--b1);margin:var(--b4) 0 0;flex-wrap:wrap}
.sayfalama a,.sayfalama span{min-width:42px;text-align:center;padding:8px 13px;border-radius:99px;background:#fff;border:1.5px solid var(--notr-200);font-weight:800}
.sayfalama span{background:var(--yesil-700);border-color:var(--yesil-700);color:#fff}

/* Uygulama bandı (sayfa içi çağrı) */
.bant{margin-top:var(--b4);background:var(--mercan-50);border:1.5px solid var(--mercan-100);border-radius:21px;padding:var(--b3);display:grid;grid-template-columns:1.618fr 1fr;gap:var(--b3);align-items:center}
.bant h2{color:var(--mercan-800)}
.bant p{color:var(--notr-700);font-weight:600;margin-top:4px}
.bant .btnlar{display:flex;gap:var(--b1);flex-wrap:wrap;justify-content:flex-end}
@media (max-width:720px){.bant{grid-template-columns:1fr}.bant .btnlar{justify-content:flex-start}}

/* Ürün detay — resim : bilgi = 1 : 1.618 */
.detay{display:grid;grid-template-columns:1fr 1.618fr;gap:var(--b4);background:#fff;border-radius:21px;padding:var(--b3);box-shadow:var(--golge);margin-top:var(--b3)}
.detay-resim{position:relative;overflow:hidden}
.detay-resim img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}
.detay-resim>span:not(.rozet){position:absolute;inset:0;display:grid;place-items:center}
.detay h1{font-size:clamp(22px,4vw,var(--y-h2));margin-top:var(--b1)}
.detay .fiyatlar b{font-size:var(--y-h1)}
.detay .fiyatlar s{font-size:var(--y-h3)}
.bilgi-satir{display:flex;gap:var(--b1);flex-wrap:wrap;margin-top:var(--b2)}
.etiket{background:var(--notr-100);border-radius:8px;padding:4px 10px;font-weight:700;font-size:14px;color:var(--notr-800)}
.etiket.mercan{background:var(--mercan-50);color:var(--mercan-700)}
.detay .btnlar{display:flex;gap:var(--b1);flex-wrap:wrap;margin-top:var(--b3)}
.renkler{display:flex;gap:6px;flex-wrap:wrap;margin-top:var(--b2)}
.renk{width:21px;height:21px;border-radius:50%;border:1.5px solid var(--notr-200)}
@media (max-width:720px){.detay{grid-template-columns:1fr;gap:var(--b3)}.detay-resim{max-width:320px;margin:0 auto;width:100%}}

/* Broşürler */
.brosurler{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--b2)}
.brosur{background:#fff;border-radius:var(--yaricap);overflow:hidden;box-shadow:var(--golge);display:flex;flex-direction:column;transition:transform .15s}
.brosur:hover{transform:translateY(-2px)}
.brosur-kapak{position:relative;background:var(--notr-100);overflow:hidden}
.brosur-kapak::before{content:"";display:block;padding-top:141.4%}
.brosur-kapak img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top}
.brosur-govde{padding:var(--b1) var(--b2) var(--b2)}
.brosur-govde b{display:block;font-size:14px;line-height:1.35}
.brosur-govde small{color:var(--notr-500);font-weight:700;font-size:var(--y-kucuk)}
/* Broşür okuyucu (Flipp kalıbı): yatay kaydırmalı tam genişlik sayfalar */
.okuyucu{position:relative;background:var(--notr-900);border-radius:21px;overflow:hidden;margin-top:var(--b2);box-shadow:var(--golge-yuksek)}
.okuyucu-sayfalar{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;outline:none}
.okuyucu-sayfalar::-webkit-scrollbar{display:none}
.okuyucu-sayfalar figure{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;height:calc(100vh - var(--ust-h,58px) - 150px);height:calc(100svh - var(--ust-h,58px) - 150px);min-height:340px;padding:var(--b1)}
.okuyucu{scroll-margin-top:calc(var(--ust-h,58px) + 8px)}
.okuyucu-sayfalar figure{scroll-margin-top:calc(var(--ust-h,58px) + 8px)}
.okuyucu-sayfalar figure a{display:contents}
.okuyucu-sayfalar img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;background:#fff}
.ok{position:absolute;top:calc(50% - 30px);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:var(--yesil-900);font:900 28px/1 Nunito,sans-serif;cursor:pointer;box-shadow:0 4px 13px rgba(0,0,0,.25);display:grid;place-items:center}
.ok:hover{background:#fff}.ok.sol{left:var(--b2)}.ok.sag{right:var(--b2)}
@media (hover:none){.ok{display:none}}
.okuyucu-alt{display:flex;align-items:center;gap:var(--b2);padding:10px var(--b2);background:var(--yesil-950);color:#fff;font-weight:800}
.okuyucu-alt .sayac{white-space:nowrap;font-size:15px}
.okuyucu-alt input[type=range]{flex:1;min-width:0;accent-color:var(--mercan-500)}
.okuyucu-alt .btn{padding:8px 16px}

/* SSS */
.sss details{background:#fff;border-radius:var(--yaricap);padding:var(--b2) var(--b3);box-shadow:var(--golge);margin-bottom:var(--b1)}
.sss summary{font-weight:800;cursor:pointer}
.sss p{margin-top:var(--b1);color:var(--notr-700)}

.bos-durum{text-align:center;padding:var(--b5) var(--b3);color:var(--notr-600)}
.bos-durum b{display:block;font-size:var(--y-h3);color:var(--notr-900);margin-bottom:var(--b1)}

/* Alt bilgi */
.alt-bilgi{margin-top:var(--b5);background:var(--yesil-950);color:var(--yesil-100);padding:var(--b4) 0 var(--b3);font-size:15px}
.alt-izgara{display:grid;grid-template-columns:1.618fr 1fr 1fr;gap:var(--b4)}
.alt-bilgi h3{color:#fff;font-size:15px;margin-bottom:var(--b1)}
.alt-bilgi ul{list-style:none;display:flex;flex-direction:column;gap:4px}
.alt-bilgi a:hover{color:#fff}
.alt-bilgi .not{margin-top:var(--b3);padding-top:var(--b2);border-top:1px solid var(--yesil-900);font-size:var(--y-kucuk);color:var(--yesil-200);opacity:.85}
@media (max-width:720px){.alt-izgara{grid-template-columns:1fr 1fr}.alt-izgara>div:first-child{grid-column:1/-1}}

/* Yapışkan araç çubuğu (Flipp/marktguru filtre çipleri + Next.js Commerce sırala) */
.arac{position:sticky;top:var(--ust-h,58px);z-index:6;display:flex;align-items:center;gap:var(--b1);background:var(--notr-50);margin:0 -16px;padding:var(--b1) 16px;border-bottom:1px solid var(--notr-100)}
.cipler.kaydir{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.cipler.kaydir::-webkit-scrollbar{display:none}
.sirala{flex:none}
.sirala select{font:inherit;font-size:14px;font-weight:800;color:var(--yesil-900);background:#fff;border:1.5px solid var(--notr-200);border-radius:99px;padding:7px 30px 7px 13px;appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--yesil-700) 50%),linear-gradient(135deg,var(--yesil-700) 50%,transparent 50%);background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-size:5px 5px;background-repeat:no-repeat;max-width:38vw}
.ust-az{margin-top:var(--b2)}
.vurgu-link{color:var(--yesil-700);font-weight:800}

/* Yatay şeritler (Flipp "mağazalarım" satırı): telefonda kaydırılır, masaüstünde ızgara */
@media (max-width:640px){
  .marketler.serit,.brosurler.serit{grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 8px;scroll-snap-type:x proximity}
  .marketler.serit{grid-auto-columns:116px}
  .brosurler.serit{grid-auto-columns:144px}
  .marketler.serit>*,.brosurler.serit>*{scroll-snap-align:start}
  .marketler.serit::-webkit-scrollbar,.brosurler.serit::-webkit-scrollbar{display:none}
}

/* Ürün sayfası alt çubuğu: telefonda fiyat + ana çağrı hep elin altında */
.alt-cta{display:none}
@media (max-width:720px){
  .alt-cta{position:fixed;left:0;right:0;bottom:0;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:var(--b2);background:#fff;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 21px rgba(6,40,33,.14)}
  .alt-cta b{display:block;font-size:var(--y-h3);font-weight:900;color:var(--yesil-700);line-height:1.1}
  .alt-cta s{font-size:13px;color:var(--notr-400);font-weight:700}
  body.cta-var{padding-bottom:78px}
}

/* ===== Vitrin v3 (Akakçe/Cimri/Getir/marktguru kalıpları) ===== */
/* Bölüm başlıkları: güçlü, sol vurgu çizgili, adet rozeti; "Tümü ›" hap düğme */
.bolum-bas h2{display:flex;align-items:center;flex-wrap:wrap;gap:var(--b1);font-size:clamp(var(--y-h3),3.2vw,var(--y-h2));font-weight:900;letter-spacing:-.01em;line-height:1.2;padding-left:var(--b2);border-left:5px solid var(--mercan-500)}
.bolum-bas .adet{font-size:13px;font-weight:800;color:var(--yesil-800);background:var(--yesil-50);border:1px solid var(--yesil-100);border-radius:99px;padding:2px 10px;letter-spacing:0;white-space:nowrap}
.bolum-bas a.tumu{flex:none;background:var(--yesil-700);color:#fff;border-radius:99px;padding:7px 16px;font-size:14px;transition:background .15s}
.bolum-bas a.tumu:hover{background:var(--yesil-800)}
.ust-yazi{font-size:var(--y-kucuk);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--yesil-200)}

/* Başlık: tek ve geniş arama (Akakçe/Cimri), küçük uygulama düğmesi */
.ara{max-width:720px;margin:0 auto;position:relative}
.ara input{padding-right:46px}
.ara button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:var(--mercan-500);cursor:pointer;display:grid;place-items:center}
.btn-cerceve{border:1.5px solid rgba(255,255,255,.55);color:#fff;padding:8px 14px;font-size:14px}
.btn-cerceve:hover{background:rgba(255,255,255,.12)}

/* Kategori şeridi (Getir): ikonlu kutular, en üstte */
.kat-serit{display:flex;gap:var(--b1);overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:var(--b2) 16px var(--b1)}
.kat-serit::-webkit-scrollbar{display:none}
.kat{flex:1 0 84px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:6px 4px;border-radius:var(--yaricap)}
.kat-ikon{width:56px;height:56px;display:grid;place-items:center;font-size:27px;background:#fff;border-radius:16px;box-shadow:var(--golge);border:1.5px solid transparent;transition:transform .15s,border-color .15s}
.kat:hover .kat-ikon,.kat.aktif .kat-ikon{border-color:var(--yesil-400);transform:translateY(-2px)}
.kat-ad{font-size:13px;font-weight:800;color:var(--notr-800);line-height:1.2}
.kat.aktif .kat-ad{color:var(--yesil-800)}

/* Akıllı kısayollar (Akakçe renkli kutuları) */
.kisayollar{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--b1);margin-top:var(--b1)}
.kisayol{display:flex;align-items:center;justify-content:center;text-align:center;gap:var(--b1);padding:12px 14px;border-radius:var(--yaricap);font-weight:900;font-size:15px;color:#fff;line-height:1.2;box-shadow:var(--golge);transition:transform .15s,box-shadow .15s}
.kisayol span{font-size:22px}
.kisayol:hover,.kisayol.aktif{transform:translateY(-2px);box-shadow:var(--golge-yuksek)}
.kisayol.aktif{outline:3px solid var(--notr-950);outline-offset:2px}
.k-mercan{background:linear-gradient(135deg,var(--mercan-500),var(--mercan-700))}
.k-altin{background:linear-gradient(135deg,#E3A82B,#B7791F)}
.k-yesil{background:linear-gradient(135deg,var(--yesil-500),var(--yesil-700))}
.k-koyu{background:linear-gradient(135deg,var(--yesil-800),var(--yesil-950))}
.k-mavi{background:linear-gradient(135deg,#3B82C4,#1F4E8C)}
@media (max-width:820px){.kisayollar{display:flex;overflow-x:auto;scrollbar-width:none;margin:var(--b1) -16px 0;padding:4px 16px 8px}.kisayollar::-webkit-scrollbar{display:none}.kisayol{flex:none;font-size:14px;padding:10px 13px}}

/* Kenardan kenara bantlar: bölümleri ayırır, geniş ekranda yanları doldurur */
.bant-tam{width:100vw;margin-left:calc(50% - 50vw);margin-top:var(--b5);padding:var(--b4) 0}
.bant-ic{max-width:1280px;margin:0 auto;padding:0 16px}
.bant-beyaz{background:#fff;border-top:1px solid var(--notr-100);border-bottom:1px solid var(--notr-100)}

/* Vitrin bandı — altın oran 1,618 : 1 (fırsat şeridi | broşür yelpazesi) */
.vitrin{margin-top:var(--b3);background:radial-gradient(120% 140% at 85% 0%,var(--yesil-500) 0%,var(--yesil-700) 45%,var(--yesil-950) 100%);color:#fff;overflow:hidden}
.vitrin-ic{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--b4);align-items:center}
.vitrin-sol{min-width:0}
.vitrin h1{margin-top:6px;font-size:clamp(26px,3.6vw,42px);line-height:1.1;max-width:18ch}
.vitrin .sayilar{margin-top:var(--b2)}
.vitrin .sayi b{color:#fff;font-size:var(--y-h2)}
.vitrin .sayi span{color:var(--yesil-200)}
.vitrin-serit{display:grid;grid-auto-flow:column;grid-auto-columns:168px;gap:var(--b2);overflow-x:auto;scrollbar-width:none;margin-top:var(--b3);padding:4px 2px var(--b1);scroll-snap-type:x proximity}
.vitrin-serit::-webkit-scrollbar{display:none}
.vitrin-serit .kart{scroll-snap-align:start;color:var(--notr-950)}
/* Yelpaze: boyut sabit, geniş ekranda sağdaki yeşil boşluğun ortasına oturur */
.yelpaze{position:relative;display:block;height:380px;width:100%;max-width:380px;justify-self:center}
.yelpaze img{position:absolute;top:8px;left:50%;width:60%;border-radius:12px;box-shadow:0 21px 34px -8px rgba(0,0,0,.45);background:#fff;transform-origin:50% 100%;transition:transform .35s ease}
.yelpaze .y0{z-index:3;transform:translateX(-50%)}
.yelpaze .y1{z-index:2;transform:translateX(-50%) rotate(-11deg) translateX(-34px)}
.yelpaze .y2{z-index:1;transform:translateX(-50%) rotate(11deg) translateX(34px)}
.yelpaze:hover .y1{transform:translateX(-50%) rotate(-17deg) translateX(-62px)}
.yelpaze:hover .y2{transform:translateX(-50%) rotate(17deg) translateX(62px)}
.yelpaze:hover .y0{transform:translateX(-50%) translateY(-8px)}
.yelpaze-etiket{position:absolute;z-index:4;bottom:0;left:50%;transform:translateX(-50%);background:var(--mercan-500);color:#fff;font-weight:900;padding:10px 18px;border-radius:99px;white-space:nowrap;box-shadow:0 8px 21px rgba(0,0,0,.3)}
@media (max-width:820px){.vitrin-ic{grid-template-columns:1fr}.yelpaze{display:none}.vitrin-serit{grid-auto-columns:150px;margin-right:-16px}}

/* Market kartları vitrinde: logo yeterli, ad tekrarlanmaz */
.bant-beyaz .market{box-shadow:none;border:1.5px solid var(--notr-100);background:var(--notr-50)}
.bant-beyaz .market:hover{border-color:var(--yesil-300);background:#fff}

/* İndirim ligi */
.lig{list-style:none;display:flex;flex-direction:column;gap:var(--b1)}
.lig-satir{display:grid;grid-template-columns:34px 120px 1fr 92px;grid-template-areas:"sira market cubuk deger" ". . bilgi bilgi";align-items:center;column-gap:var(--b2);background:#fff;border-radius:var(--yaricap);padding:10px 16px;box-shadow:var(--golge);border:2px solid transparent}
.lig.kompakt .lig-satir{grid-template-areas:"sira market cubuk deger"}
.lig-satir.lider{border-color:#E3A82B;background:linear-gradient(90deg,#FFF8E6,#fff 40%)}
.lig-sira{grid-area:sira;font-weight:900;font-size:var(--y-h3);color:var(--notr-500);text-align:center}
.lig-market{grid-area:market;display:flex;align-items:center}
.lig-market img{height:30px;width:auto;max-width:110px;object-fit:contain}
.lig-market .logo-yazi{height:30px;font-size:13px}
.lig-cubuk{grid-area:cubuk;height:12px;background:var(--notr-100);border-radius:99px;overflow:hidden}
.lig-cubuk span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--yesil-400),var(--yesil-700))}
.lider .lig-cubuk span{background:linear-gradient(90deg,#F2C14E,var(--mercan-500))}
.lig-deger{grid-area:deger;text-align:right;line-height:1.1}
.lig-deger b{display:block;font-size:var(--y-h3);font-weight:900;color:var(--yesil-800)}
.lig-deger small{font-size:11px;color:var(--notr-500);font-weight:700}
.lig-bilgi{grid-area:bilgi;font-size:13px;color:var(--notr-600);font-weight:700;margin-top:2px}
.lig-izgara{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--b3);align-items:start}
.lig-yildiz .ust-yazi{color:var(--yesil-800);margin-bottom:var(--b1)}
.lig-yildiz .kart{max-width:260px}
@media (max-width:720px){.lig-izgara{grid-template-columns:1fr}.lig-satir{grid-template-columns:26px 84px 1fr 64px;column-gap:var(--b1);padding:10px 12px}.lig-market img{max-width:80px;height:24px}}
.not-kutu{background:#fff;border-radius:var(--yaricap);padding:var(--b3);box-shadow:var(--golge)}
.not-kutu h2{font-size:var(--y-h3);margin-bottom:var(--b1)}
.not-kutu p{color:var(--notr-700)}
.ust .btn-cerceve{flex:none}

/* "Gerçek indirim" rozeti (fiyat geçmişi) */
.dogru{font-size:var(--y-kucuk);color:#fff;background:var(--yesil-600);border-radius:6px;padding:2px 7px;font-weight:800;align-self:flex-start}
.etiket.dogru-etiket{background:var(--yesil-50);color:var(--yesil-800);border:1px solid var(--yesil-200)}

/* Broşür içi arama sonuçları */
.brosur-bulgu{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--b2)}
.bulgu{display:flex;gap:var(--b2);background:#fff;border-radius:var(--yaricap);padding:var(--b2);box-shadow:var(--golge)}
.bulgu-kapak{flex:0 0 72px;align-self:flex-start;position:relative;border-radius:8px;overflow:hidden;background:var(--notr-100)}
.bulgu-kapak::before{content:"";display:block;padding-top:141.4%}
.bulgu-kapak img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top}
.bulgu-govde{min-width:0;flex:1}
.bulgu-baslik{display:block;font-weight:900;font-size:15px;line-height:1.3;margin-bottom:6px}
.bulgu ul{list-style:none;display:flex;flex-direction:column;gap:4px}
.bulgu li a{display:grid;grid-template-columns:1fr auto auto;gap:var(--b1);align-items:baseline;font-size:14px;padding:4px 6px;border-radius:6px}
.bulgu li a:hover{background:var(--yesil-50)}
.bulgu li span{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bulgu li b{color:var(--yesil-700);font-weight:900;white-space:nowrap}
.bulgu li small{color:var(--mercan-600);font-weight:800;white-space:nowrap}

/* İkon önizleme seçenekleri (Phosphor duotone: .c çizgi, .d dolgu katmanı) */
.kat-ikon svg{width:30px;height:30px}
.kis-ikon{display:grid;place-items:center;width:26px;height:26px}
.kis-ikon svg{width:24px;height:24px}
.kis-ikon img{width:26px;height:26px}
.kat-ikon img{width:40px;height:40px}
.ikon-secenek .kisayol span.kis-ikon{font-size:22px}
.ik-a .kat-ikon svg .c{fill:var(--yesil-700)} .ik-a .kat-ikon svg .d{fill:var(--mercan-300);opacity:1}
.ik-a .kat.aktif .kat-ikon{background:var(--yesil-700);border-color:var(--yesil-700)}
.ik-a .kat.aktif .kat-ikon svg .c{fill:#fff} .ik-a .kat.aktif .kat-ikon svg .d{fill:var(--mercan-400)}
.ik-b .kat-ikon{background:linear-gradient(145deg,var(--yesil-500),var(--yesil-800));border-color:transparent}
.ik-b .kat-ikon svg .c{fill:#fff} .ik-b .kat-ikon svg .d{fill:var(--mercan-400);opacity:1}
.ik-b .kat.aktif .kat-ikon{background:linear-gradient(145deg,var(--mercan-400),var(--mercan-700));box-shadow:0 8px 21px -6px rgba(229,53,17,.6)}
.ik-b .kat.aktif .kat-ikon svg .d{fill:var(--yesil-200)}
.ik-a .kisayol svg .c,.ik-b .kisayol svg .c{fill:#fff} .ik-a .kisayol svg .d,.ik-b .kisayol svg .d{fill:#fff;opacity:.35}
.ik-c .kat.aktif .kat-ikon{border-color:var(--yesil-500);background:var(--yesil-50)}
.emo{font-size:27px}

/* İkon seti A — Marka Duotone · Açık (varsayılan) */
.kat-ikon svg .c{fill:var(--yesil-700)} .kat-ikon svg .d{fill:var(--mercan-300);opacity:1}
.kat.aktif .kat-ikon{background:var(--yesil-700);border-color:var(--yesil-700)}
.kat.aktif .kat-ikon svg .c{fill:#fff} .kat.aktif .kat-ikon svg .d{fill:var(--mercan-400)}
.kat:hover .kat-ikon svg .d{fill:var(--mercan-400)}
.kisayol .kis-ikon svg .c{fill:#fff} .kisayol .kis-ikon svg .d{fill:#fff;opacity:.35}
.nav-ikon{display:inline-grid;vertical-align:-3px;margin-right:4px}
.nav-ikon svg{width:17px;height:17px} .nav-ikon svg .c{fill:#F2C14E} .nav-ikon svg .d{fill:#F2C14E;opacity:.35}

/* Fırsat şeridi okları: başta/sonda gizlenir; dokunmatikte parmakla kaydırılır */
.serit-kap{position:relative;margin-top:var(--b3)}
.serit-kap .vitrin-serit{margin-top:0}
.serit-ok{position:absolute;z-index:3;top:calc(50% - 22px);width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--yesil-800);font:900 28px/1 Nunito,system-ui,sans-serif;padding-bottom:3px;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 21px rgba(6,40,33,.35);transition:opacity .2s,transform .15s}
.serit-ok:hover{transform:scale(1.08);background:var(--mercan-50)}
.serit-ok.sol{left:-18px}.serit-ok.sag{right:-18px}
.serit-ok[disabled]{opacity:0;pointer-events:none}
@media (hover:none),(max-width:640px){.serit-ok{display:none}}

/* Geniş ekran: vitrin sol sütunu sayfa kutusuyla hizalı (genişlik = kutunun 1/φ'si), sağ sütun ekranın sağ
   kenarına kadar uzar → yelpaze boş kalan sağ alanın ortasına oturur (kullanıcı isteği, 15 Eki). */
@media (min-width:821px){
  .vitrin .bant-ic.vitrin-ic{max-width:none;padding-left:max(16px,calc((100vw - 1280px) / 2 + 16px));padding-right:var(--b5);
    grid-template-columns:minmax(0,calc((min(100vw,1280px) - 32px) * .618)) 1fr;column-gap:var(--b5)}
}