/* Tanıtım sayfası (Photolio düzeni, optimehr tipografi) */
.home .topbar{display:block}
.hero{padding:28px 0 64px;background:radial-gradient(1200px 500px at 85% -10%,var(--brand-soft),transparent 60%)}
.hero-grid{display:grid;gap:36px}
.hero h1{margin:14px 0 18px}.hl{color:var(--brand-ink)}
.hero-cta{margin:26px 0 30px}
.hero-stats{display:flex;gap:28px;flex-wrap:wrap}
.hero-stats b{display:block;font:800 26px/1.1 var(--font-head);letter-spacing:-.03em}.hero-stats span{font-size:13px;color:var(--muted)}
.hero-art{position:relative;aspect-ratio:1/1.05;max-width:560px;width:100%;justify-self:center}
.hero-art img{position:absolute;object-fit:cover;border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}
.h1i{left:0;top:0;width:68%;height:78%}.h2i{right:0;top:10%;width:40%;height:40%}.h3i{right:4%;bottom:0;width:52%;height:44%;border:6px solid var(--bg)}
.hero-badge{position:absolute;left:6%;bottom:6%;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-lg);font:600 13px var(--font-body)}
.hero-badge .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--brand-soft)}
@media(min-width:960px){.hero{padding:56px 0 96px}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px}}
.section.alt{background:var(--bg-2);padding-top:96px}
.section{padding:72px 0}
@media(min-width:960px){.section{padding:120px 0}}
.sec-head{max-width:680px;margin-bottom:36px}.sec-head h2{margin:10px 0 12px}
.about{display:grid;gap:32px;align-items:center}
.about-img img{border-radius:var(--r-xl);aspect-ratio:4/5;object-fit:cover;width:100%;box-shadow:var(--shadow-lg)}
.about h2{margin:10px 0 14px}
@media(min-width:900px){.about{grid-template-columns:.9fr 1.1fr;gap:64px}}
.ticks{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.ticks li{position:relative;padding-left:32px;color:var(--text-2)}
.ticks li::before{content:"✓";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font:700 12px/22px var(--font-body);text-align:center}
.services{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:640px){.services{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.services{grid-template-columns:repeat(4,1fr)}.svc:first-child{grid-column:span 2;grid-row:span 2}.svc:first-child img{aspect-ratio:auto;height:100%;min-height:420px}}
.svc{position:relative;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.svc img{width:100%;aspect-ratio:4/3;object-fit:cover;flex:1}
.svc>div{padding:16px 18px 20px}.svc h3{margin:10px 0 6px}.svc p{color:var(--muted);font-size:15px;margin:0}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.process{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media(min-width:760px){.process{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.process{grid-template-columns:repeat(4,1fr)}}
.process li{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:24px;box-shadow:var(--shadow)}
.process b{font:800 14px var(--font-head);color:var(--brand-ink);background:var(--brand-soft);padding:6px 10px;border-radius:10px}
.process h3{margin:16px 0 6px}.process p{color:var(--muted);margin:0;font-size:15px}
.quotes{display:grid;gap:16px}@media(min-width:900px){.quotes{grid-template-columns:repeat(3,1fr)}}
.quotes blockquote{margin:0;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:26px;box-shadow:var(--shadow)}
.quotes p{font-size:17px;line-height:27px;color:var(--text-2)}.quotes cite{font:600 13px var(--font-body);font-style:normal;color:var(--brand-ink)}
.cta-band{position:relative;overflow:hidden;padding:96px 0;color:#fff;background:#0f172a}
.cta-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.cta-band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,40,30,.85),rgba(4,40,30,.25))}
.cta-band .wrap{position:relative;z-index:1;max-width:1200px}
.cta-band h2{color:#fff;margin:10px 0 12px;max-width:620px}.cta-band p{color:rgba(255,255,255,.85);max-width:520px;margin-bottom:24px}
.contact{display:grid;gap:32px}@media(min-width:900px){.contact{grid-template-columns:1fr 1fr;gap:64px;align-items:start}}
.contact h2{margin:10px 0 12px}
.contact-list{list-style:none;padding:0;margin:24px 0 0}
.contact-list li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border-2)}
.contact-list span{color:var(--muted)}
.contact-card form .small{margin-top:10px}
.footer{padding:56px 0 calc(28px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(4,108,78,.045) 120px);color:var(--text-2);font-size:13.5px;line-height:1.6}
.footer h2{font-size:11.5px;font-weight:600;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:var(--text);margin:0 0 14px}
.foot-grid{display:grid;grid-template-columns:1fr;gap:30px;text-align:center}
.fcol{display:flex;flex-direction:column;align-items:center;gap:2px}
.fcol a,.fcol .faddr{color:var(--text-2);text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;transition:color .15s}
.fcol a:hover,.foot-bar a:hover{color:var(--brand)}
.fcol .fmore{color:var(--brand)}
.fcontact span[aria-hidden]{color:var(--brand);width:16px;text-align:center}
.fbrand p{margin:12px 0 4px;max-width:280px;font-size:13px}
.fbrand .brand{justify-content:center}
.fsocial{display:flex;gap:6px;margin-top:8px}.fsocial a{width:40px;height:40px;justify-content:center;border-radius:50%;background:var(--surface-2,rgba(0,0,0,.04))}
.foot-bar{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-2);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--text-3,var(--text-2));text-align:center}
.foot-bar nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 16px}.foot-bar a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:36px}
.foot-bar .fadmin{opacity:.6;font-size:11.5px}
@media(max-width:639px){.foot-grid{grid-template-columns:1fr 1fr;gap:28px 12px}.fbrand,.fcontact{grid-column:1/-1}.fcol a{min-height:44px}}
@media(min-width:760px){.footer{padding:72px 0 32px}.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;text-align:left}.fcol{align-items:flex-start}.fcol a,.fcol .faddr{min-height:32px}.fbrand .brand{justify-content:flex-start}
  .foot-bar{flex-direction:row;justify-content:space-between}}
.wa-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:50;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 14px 30px rgba(37,211,102,.35)}
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}
@media(max-width:759px){.home .top-actions .btn{padding:0 14px}}
/* Portföy: nizami eşit ızgara (masonry yok) */
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:100%}
@media(min-width:640px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(min-width:1024px){.pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.pgrid figure{margin:0;aspect-ratio:4/5;border-radius:16px;overflow:hidden;min-width:0;background:var(--surface-2);transform:translateZ(0)}
.pgrid figure[hidden]{display:none}
.pgrid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.pgrid figure:hover img{transform:scale(1.04)}

/* Ken Burns: video benzeri yavaş hareket */
@keyframes kb{0%{transform:scale(1) translate(0,0)}50%{transform:scale(1.1) translate(-2%,-1.5%)}100%{transform:scale(1.04) translate(1.5%,1%)}}
.kb,.kb-art img{will-change:transform;transform-origin:50% 50%}
.page-hero.has-img .ph-bg.kb{animation:kb 14s ease-in-out infinite alternate}
@media(hover:hover){.kb-art:hover img,.step-media:hover img.kb,.page-hero:hover .ph-bg.kb{animation:kb 10s ease-in-out infinite alternate}}
@media(hover:none){.kb-art.in img,.process li.in .step-media img.kb{animation:kb 12s ease-in-out infinite alternate}}
/* Süreç kartları: görsel/video alanı */
.process li{overflow:hidden;padding-top:0}
.step-media{position:relative;margin:0 -24px 18px;aspect-ratio:16/10;overflow:hidden;background:var(--surface-2)}
.step-media img,.step-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.step-media video{opacity:0;transition:opacity .4s}.step-media.playing video{opacity:1}
/* Hakkımda butonları */
.about-cta{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.about-cta .btn{width:100%}.btn.wa-btn{background:#25d366;border-color:#1ebe5a;color:#fff}
@media(min-width:640px){.about-cta{flex-direction:row;flex-wrap:wrap}.about-cta .btn{width:auto}}
.rich ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
@media(prefers-reduced-motion:reduce){.kb,.kb-art img,.ph-bg{animation:none!important}}
/* Mobil tipografi */
h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}
@media(max-width:639px){body{font-size:15px;line-height:23px}.lead{font-size:16px;line-height:25px}.section{padding:48px 0}.section.alt{padding-top:56px}.hero{padding:28px 0 48px}.sec-head{margin-bottom:24px}.cta-band{padding:64px 0}}
html,body{overflow-x:clip}
.pcwrap{display:flex;flex-direction:column;gap:8px;min-width:0}.pcwrap .pclink{flex:1}.pc-wa{width:100%}
.wa-btn svg{flex:none}
.rich ul li{position:relative;padding-left:32px;color:var(--text-2)}.rich ul li::before{content:"✓";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font:700 12px/22px var(--font-body);text-align:center}
/* --- Sticky header (scroll durumu) --- */
.home .topbar{position:sticky;top:0;z-index:60;transition:box-shadow .25s,background-color .25s}
.home .topbar .inner{transition:height .25s ease}
.home .topbar.scrolled{box-shadow:0 6px 24px rgba(4,40,30,.12);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px)}
.home .topbar.scrolled .inner{height:calc(var(--top-h) - 12px)}
.home .topbar .brand-logo{transition:height .25s}
/* --- Ürün tanıtım penceresi --- */
:root{--ck-h:0px}
.promo{position:fixed;right:20px;bottom:calc(20px + var(--ck-h) + env(safe-area-inset-bottom));z-index:55;width:min(420px,calc(100vw - 110px));border-radius:22px;background:rgba(18,24,22,.82);color:#fff;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 24px 60px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(16px);transition:opacity .45s,transform .45s,bottom .3s}
.promo.show{opacity:1;transform:none}
[data-theme=light] .promo{background:rgba(255,255,255,.86);color:#10201a;border-color:rgba(4,108,78,.15)}
.promo-in{display:flex;gap:14px;padding:14px;color:inherit;text-decoration:none;align-items:center;transition:opacity .35s}
.promo-in.fade{opacity:0}
.promo-img{width:96px;height:96px;flex:none;border-radius:14px;object-fit:cover}
.promo-txt{display:flex;flex-direction:column;gap:3px;min-width:0;padding-right:18px}
.promo-k{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.promo-t{font:700 17px/1.25 'Plus Jakarta Sans',Inter,sans-serif}
.promo-d{font-size:13px;opacity:.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.promo-cta{align-self:flex-start;margin-top:6px;padding:7px 14px;border-radius:999px;background:linear-gradient(135deg,#047f5b,#046c4e 60%,#035a41);color:#fff;font-weight:600;font-size:13px;box-shadow:0 6px 16px rgba(4,127,91,.35)}
.promo-x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:inherit;font-size:18px;line-height:1;cursor:pointer;z-index:1}
[data-theme=light] .promo-x{background:rgba(4,108,78,.1)}
.wa-float{transition:bottom .3s}
body.ck-on .wa-float{bottom:calc(16px + var(--ck-h) + env(safe-area-inset-bottom))}
@media (max-width:639px){
  .promo{left:12px;right:12px;width:auto;bottom:calc(86px + var(--ck-h) + env(safe-area-inset-bottom));border-radius:16px}
  .promo-in{padding:8px 10px;gap:10px}.promo-img{width:48px;height:48px;border-radius:10px}
  .promo-k,.promo-d{display:none}.promo-t{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .promo-txt{flex-direction:row;align-items:center;justify-content:space-between;flex:1;gap:8px;padding-right:26px}
  .promo-cta{margin:0;padding:6px 11px;font-size:12px;flex:none}
}
/* --- KVKK / çerez şeridi --- */
.ckbar{position:fixed;left:0;right:0;bottom:0;z-index:58;display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:#046c4e;color:#fff;font-size:13px;line-height:1.4;box-shadow:0 -6px 20px rgba(0,0,0,.15)}
.ckbar p{margin:0;max-width:960px}
.ckbar a{color:#fff;text-decoration:underline;font-weight:600}
.ck-ok{flex:none;border:0;border-radius:999px;padding:7px 18px;background:#fff;color:#046c4e;font-weight:700;cursor:pointer}
[data-theme=dark] .ckbar{background:#0b2b21;border-top:1px solid #047f5b}
@media (max-width:639px){.ckbar{font-size:11.5px;gap:10px;padding:7px 12px calc(7px + env(safe-area-inset-bottom))}.ckbar p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ck-ok{padding:6px 12px}}
@media (prefers-reduced-motion:reduce){.promo,.promo-in,.home .topbar .inner{transition:none}}
.ckbar[hidden],.promo[hidden]{display:none!important}
/* Promo v2: küçük, sol alt, çift buton */
.promo{left:20px;right:auto;width:min(320px,calc(100vw - 40px));border-radius:18px}
.promo-in{gap:11px;padding:11px;align-items:flex-start}
.promo-img{width:64px;height:64px;border-radius:12px}
.promo-hit{flex:none;line-height:0}
.promo-txt{gap:2px;padding-right:20px}
.promo-k{font-size:12px}
.promo-t{font-size:14.5px;color:inherit;text-decoration:none}
.promo-d{font-size:12px;-webkit-line-clamp:2}
.promo-btns{display:flex;gap:6px;margin-top:6px;flex-wrap:nowrap}
.promo-cta,.promo-wa{margin:0;padding:5px 10px;font-size:11.5px;font-weight:600;border-radius:999px;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:4px;line-height:1.3}
.promo-cta{color:#fff;box-shadow:0 4px 10px rgba(4,127,91,.3)}
.promo-wa{background:#25d366;color:#fff}
.promo-x{width:24px;height:24px;font-size:15px;top:6px;right:6px}
@media (max-width:639px){
  .promo{left:12px;right:12px;width:auto}
  .promo-in{align-items:center;padding:8px 10px}.promo-img{width:44px;height:44px}
  .promo-txt{flex-direction:column;align-items:stretch;gap:3px}
  .promo-t{font-size:13px}.promo-btns{margin-top:2px}
  .promo-cta,.promo-wa{padding:4px 9px;font-size:12px}
}
#hakkimda h2{font-size:var(--fs-h2);line-height:1.3}
/* Promo v3 */
.promo{width:min(340px,calc(100vw - 24px));overflow:hidden}
.promo-in{gap:12px;padding:10px;align-items:stretch}
.promo-img{width:96px;height:96px;border-radius:12px}
.promo-txt{min-width:0;flex:1;gap:2px;padding-right:18px;justify-content:center;line-height:1.25}
.promo-t{font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.promo-d{font-size:12px;line-height:1.3;-webkit-line-clamp:1;display:-webkit-box}
.promo-btns{display:flex;gap:6px;margin-top:6px;flex-wrap:nowrap;min-width:0}
.promo-cta,.promo-wa{padding:6px 12px;font-size:13px;gap:5px;flex:0 1 auto;min-width:0;overflow:hidden}
@media (max-width:639px){
  .promo{left:12px;right:12px;width:auto}
  .promo-in{align-items:center;padding:8px}.promo-img{width:64px;height:64px}
  .promo-d{display:-webkit-box}.promo-k{display:none}
  .promo-t{font-size:14px}
  .promo-cta,.promo-wa{padding:6px 10px;font-size:12.5px}
}
@media (max-width:359px){.promo-wa .pw-l{display:none}.promo-wa{padding:6px 9px}.promo-img{width:52px;height:52px}}
/* Ürün detay: Örnek Ürünler + Diğer Ürünler */
.tagb{display:inline-block;padding:2px 9px;border-radius:999px;background:#047f5b;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;vertical-align:middle}
.pc-img{position:relative}.pc-tag{position:absolute;top:10px;left:10px}
.pdx-cols{display:grid;gap:28px;grid-template-columns:1fr}
@media (min-width:960px){.pdx-cols{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px}}
.pdx-more h2{margin:0 0 14px}
.sgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:640px){.sgrid{grid-template-columns:repeat(3,1fr);gap:14px}}
.sgrid a{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden}
.sgrid img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.sgrid a:hover img{transform:scale(1.04)}
.olist{display:flex;flex-direction:column;gap:10px}
.oitem{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;background:var(--card,rgba(127,127,127,.06));border:1px solid var(--line,rgba(127,127,127,.15));color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.oitem:hover{border-color:#047f5b;transform:translateX(2px)}
.oi-img{width:64px;height:64px;flex:none;border-radius:10px;overflow:hidden}.oi-img img{width:100%;height:100%;object-fit:cover}
.oi-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.oi-txt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oi-txt .tagb{align-self:flex-start}
.oi-go{color:#047f5b;font-weight:700}
.lbx{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center}
.lbx img{max-width:92vw;max-height:86vh;border-radius:8px}
.lbx button{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;width:44px;height:44px;border-radius:50%;font-size:22px;cursor:pointer}
.lbx .lx{top:16px;right:16px}.lbx .lp{left:12px;top:50%}.lbx .ln{right:12px;top:50%}
/* Sıkı bölüm aralığı: tek değişken */
:root{--section-y:60px}@media(max-width:959px){:root{--section-y:48px}}@media(max-width:639px){:root{--section-y:38px}}
.section,.section.alt,.section.tight{padding:var(--section-y) 0!important}
.cta-band{padding:calc(var(--section-y) + 8px) 0!important}
.sec-head{max-width:none!important;margin-bottom:22px!important}.sec-head h2,.section h2,.cta-band h2,.about h2,.contact h2{max-width:none!important;margin:6px 0 8px}
.sec-head p{max-width:720px}
h2{font-size:var(--fs-h2);text-wrap:wrap}
@media(min-width:960px){.sec-head h2{text-wrap:nowrap}.hero h1{font-size:var(--fs-hero);text-wrap:balance}}
@media(max-width:959px){h2{text-wrap:balance}}
@media(max-width:639px){.sec-head{margin-bottom:16px!important}}
/* Mobil: ince promo çubuğu (64px), WhatsApp FAB'ın solunda, çerez şeridinin üstünde */
@media (max-width:639px){
  .promo{left:10px;right:78px;width:auto;height:64px;bottom:calc(10px + var(--ck-h) + env(safe-area-inset-bottom));border-radius:14px}
  .promo-in{height:64px;box-sizing:border-box;padding:10px 30px 10px 10px;gap:10px;align-items:center}
  .promo-img{width:44px;height:44px;border-radius:9px}
  .promo-txt{flex-direction:row;align-items:center;gap:8px;padding:0;min-width:0;flex:1}
  .promo-k,.promo-d{display:none!important}
  .promo-t{flex:1;min-width:0;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .promo-btns{margin:0;gap:6px;flex:none}
  .promo-wa .pw-l{display:none}.promo-wa{width:32px;height:32px;padding:0;justify-content:center}
  .promo-cta{padding:7px 10px;font-size:12px;min-height:32px;box-sizing:border-box}
  .promo-x{top:50%;transform:translateY(-50%);right:4px;width:24px;height:24px}
  .wa-float{width:56px;height:56px;right:12px;bottom:calc(14px + var(--ck-h) + env(safe-area-inset-bottom))}
  .ckbar{font-size:12px;line-height:1.35;padding:7px 10px calc(7px + env(safe-area-inset-bottom));gap:8px}
  .ckbar p{display:block;-webkit-line-clamp:unset;overflow:visible;word-break:normal;overflow-wrap:normal;hyphens:none}
  .ck-ok{flex:none;min-height:36px;padding:6px 12px;font-size:12px}
}
/* Sticky header: iOS Safari dahil (overflow-x:clip sticky'yi bozmaz) */
.topbar,.home .topbar{position:-webkit-sticky;position:sticky;top:0;z-index:60;padding-top:env(safe-area-inset-top)}
/* Mobil dokunma hedefleri ≥44px */
@media(max-width:639px){.filters .chip{min-height:44px;padding:0 16px}}
/* Hero: yapışkan başlıktan biraz uzaklaştır */
.hero{padding-top:44px}
@media(min-width:960px){.hero{padding-top:96px}}
/* Mobil promo: sadece görsel + tam ürün adı + kapat; tüm çubuk ürüne gider */
@media(max-width:640px){
  .promo-btns,.promo-cta,.promo-wa{display:none!important}
  .promo-in{position:relative}
  .promo-t{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}
  .promo-t::after{content:"";position:absolute;inset:0}
  .promo-txt{padding-right:30px}
}

/* v4: footer */
body.ck-on .footer{padding-bottom:calc(28px + var(--ck-h) + env(safe-area-inset-bottom))}
@media(max-width:639px){body.has-promo .footer{padding-bottom:calc(96px + var(--ck-h) + env(safe-area-inset-bottom))}}
.fci{display:inline-grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:rgba(4,108,78,.08);color:var(--brand)}
.fci svg{width:15px;height:15px}
.fcontact a,.fcontact .faddr{align-items:flex-start;text-align:left;line-height:1.45;padding:3px 0}
.fcontact a>span:last-child,.fcontact .faddr>span:last-child{padding-top:5px}
.fcontact b{color:var(--text);font-weight:600}
.ftag{font:600 15px/1.4 'Plus Jakarta Sans',Inter,sans-serif;color:var(--text)!important}
.fabout{opacity:.85}
.fcall{margin-top:14px;gap:8px}
.foot-bar{border-top:0!important;background:rgba(4,108,78,.05);border-radius:14px;padding:10px 18px!important}
/* v4: WhatsApp kartvizit */
.ecw{position:fixed;right:16px;bottom:calc(16px + var(--ck-h) + env(safe-area-inset-bottom));z-index:60;transition:bottom .3s}
.ecw .wa-float{position:static;width:48px;height:48px;border:0;cursor:pointer;box-shadow:0 6px 18px rgba(18,140,70,.28);transition:transform .2s,box-shadow .2s}
.ecw .wa-float:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,140,70,.34)}
.ecw .wa-float[aria-expanded=true]{transform:scale(.92)}
.ecard{position:absolute;right:0;bottom:60px;width:300px;max-width:calc(100vw - 24px);background:var(--surface,#fff);color:var(--text);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.22);padding:18px;transform-origin:100% 100%;animation:ecIn .22s ease}
.ecard[hidden]{display:none}
@keyframes ecIn{from{opacity:0;transform:translateY(8px) scale(.96)}}
.ec-x{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(0,0,0,.05);color:inherit;font-size:20px;line-height:1;cursor:pointer}
.ec-top{display:flex;gap:12px;align-items:center;padding-right:24px}
.ec-ph{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.ec-top b{display:block;font:700 15px/1.3 'Plus Jakarta Sans',Inter,sans-serif}
.ec-top p{margin:4px 0 0;font-size:12.5px;color:var(--text-2);line-height:1.4}
.ec-loc{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;font-size:12.5px;color:var(--text-2);background:rgba(4,108,78,.06);border-radius:12px;padding:8px 10px}
.ec-loc svg{flex:none;width:16px;height:16px;color:var(--brand)}
.ec-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.ec-b{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:14px;text-decoration:none;font-size:12px;font-weight:600;color:var(--text);background:rgba(0,0,0,.04);transition:transform .15s,background .15s}
.ec-b:hover{transform:translateY(-2px)}
.ec-call{background:var(--brand);color:#fff}.ec-wa{background:#25d366;color:#fff}
.ec-b svg{width:20px;height:20px}
@media(min-width:640px){body.has-promo .ecw{bottom:calc(16px + var(--ck-h) + env(safe-area-inset-bottom))}}
@media(max-width:639px){.ecw{right:12px;bottom:calc(14px + var(--ck-h) + env(safe-area-inset-bottom))}.ecw .wa-float{width:44px;height:44px}.ecard{bottom:54px;width:calc(100vw - 24px)}
  .promo{right:66px!important;height:52px!important;bottom:calc(10px + var(--ck-h) + env(safe-area-inset-bottom))!important}.promo-in{height:52px!important}.promo-img{width:36px!important;height:36px!important}}
/* v4: harita */
.cmap-wrap{margin-top:48px}
.cmap{display:grid;gap:20px;grid-template-columns:1fr}
@media(min-width:900px){.cmap{grid-template-columns:1.6fr 1fr;align-items:stretch}}
.cmap-frame{position:relative;min-height:340px;border-radius:var(--r-xl,22px);overflow:hidden;background:linear-gradient(135deg,rgba(4,108,78,.10),rgba(4,108,78,.03)),url(/img/p3.jpg) center/cover;box-shadow:var(--shadow-lg)}
.cmap-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cmap-load{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;display:flex;gap:12px;align-items:center;border:0;cursor:pointer;padding:14px 20px;border-radius:999px;background:rgba(255,255,255,.94);color:#10201a;box-shadow:0 10px 30px rgba(0,0,0,.18);text-align:left}
.cmap-load svg{color:var(--brand);width:24px;height:24px}.cmap-load span{display:flex;flex-direction:column}.cmap-load small{opacity:.7}
.cmap-card{background:rgba(4,108,78,.05);border-radius:var(--r-xl,22px);padding:26px;display:flex;flex-direction:column;justify-content:center}
.cmap-card h3{margin:4px 0 8px}.cmap-card p svg{vertical-align:-3px;width:15px;height:15px}
.cbtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.cbtns .btn{display:inline-flex;align-items:center;gap:8px}
.contact-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.contact-list li{display:grid;grid-template-columns:34px auto;column-gap:12px;align-items:center}
.contact-list .cl-i{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(4,108,78,.08);color:var(--brand)}
.contact-list .cl-k{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.contact-list a,.contact-list b{font-weight:600;color:var(--text);text-decoration:none}
/* v4: nav aktif */
.nav a[aria-current=page],.mnav a[aria-current=page]{color:var(--brand)}
/* v4: hero video + kolaj hareketi */
.hero-art .h1w{position:absolute;left:0;top:0;width:68%;height:78%;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg)}
.hero-art .h1w img,.hero-art .h1w video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}
.h1v{opacity:0;transition:opacity .8s}.h1v.on{opacity:1}
.kb-art:hover .h1w img{animation:none}
.hero-art .h2i,.hero-art .h3i{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;border:0!important}
@media(hover:hover){.kb-art:hover .h2i,.kb-art:hover .h3i{animation:none}.hero-art .h2i:hover{transform:translateY(-8px) rotate(2deg) scale(1.04);box-shadow:0 30px 60px rgba(0,0,0,.28)}.hero-art .h3i:hover{transform:translateY(-8px) rotate(-2deg) scale(1.04);box-shadow:0 30px 60px rgba(0,0,0,.28)}}
@keyframes flt{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(hover:none){.kb-art.in .h2i,.kb-art .h2i{animation:flt 6s ease-in-out infinite}.kb-art.in .h3i,.kb-art .h3i{animation:flt 7s ease-in-out 1.2s infinite}}
@media(prefers-reduced-motion:reduce){.hero-art .h2i,.hero-art .h3i{animation:none!important;transition:none}.h1v{display:none}}
/* v4 D: zengin hizmet sayfaları */
.svc{border:0}.svc>div{display:flex;flex-direction:column;gap:2px}
.svc-b{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:5px;font-size:14px;color:var(--text)}
.svc-b li{position:relative;padding-left:18px}.svc-b li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--accent,#c58b6b)}
.svc-go{margin-top:12px;font-weight:600;font-size:14px;color:var(--accent,#c58b6b)}
.hb-list{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.hb-list li{background:rgba(255,255,255,.16);backdrop-filter:blur(6px);padding:6px 12px;border-radius:999px;font-size:14px}
.page-hero:not(.has-img) .hb-list li{background:var(--surface-2)}
.ic-lead{max-width:720px;margin:-6px 0 22px}
.icards{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.icards{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.icards.n6,.icards.n3{grid-template-columns:repeat(3,1fr)}.icards.n4{grid-template-columns:repeat(4,1fr)}}
.icard{background:var(--surface);border-radius:18px;padding:20px 20px 18px;box-shadow:var(--shadow)}
.section.alt .icard{background:var(--bg,#fff)}
.icard .ic-n{font:600 13px var(--font-body);color:var(--accent,#c58b6b);letter-spacing:.06em}
.icard h3{margin:6px 0 6px;font-size:18px}.icard p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.rel-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.rel-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.rel-grid{grid-template-columns:repeat(4,1fr)}}
.rel{display:flex;flex-direction:column;background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);color:inherit;text-decoration:none;transition:transform .25s}
.rel:hover{transform:translateY(-3px)}.rel img{width:100%;aspect-ratio:4/3;object-fit:cover}
.rel>div{padding:14px 16px 16px}.rel h3{margin:0 0 4px;font-size:17px}.rel p{margin:0;color:var(--muted);font-size:14px}.rel-go{display:inline-block;margin-top:8px;font-weight:600;font-size:14px;color:var(--accent,#c58b6b)}
.pgrid figure a{display:block;width:100%;height:100%;cursor:zoom-in}.pgrid figure img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.pgrid figure a:hover img{transform:scale(1.04)}
.lbx{touch-action:none;user-select:none}.lbx img{transition:transform .25s;cursor:zoom-in}.lbx.zoom img{cursor:grab}
.lbx .lc{position:absolute;top:24px;left:20px;color:rgba(255,255,255,.8);font:600 13px var(--font-body)}
/* v4 A: ürün detay — sabit ana görsel, küçük resimler, canlı mockup */
@media(min-width:900px){.pdx-stick{position:sticky;top:96px}}
.pdx-main{position:relative;display:block;border-radius:var(--r-xl,22px);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--surface-2);aspect-ratio:4/3;cursor:zoom-in}
.pdx-main img{width:100%;height:100%;object-fit:cover;transition:opacity .15s,transform .6s}.pdx-main:hover img{transform:scale(1.03)}
.pdx-zoom{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.85);display:grid;place-items:center;font-size:17px;color:#333}
.pdx-stick .pdx-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.pdx-th{flex:0 0 74px;height:74px;border:0;padding:0;border-radius:12px;overflow:hidden;opacity:.6;cursor:pointer;background:none;transition:opacity .2s,box-shadow .2s}
.pdx-th img{width:100%;height:100%;object-fit:cover}.pdx-th.on,.pdx-th:hover{opacity:1;box-shadow:0 0 0 2px var(--accent,#c58b6b)}
.pv-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 16px}.pv-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.pv-price{font-size:18px}.pv-note{margin:0 0 18px;padding:14px 18px;background:var(--surface-2);border-radius:14px;font-style:italic}.pv-note cite{display:block;margin-top:6px;font-style:normal;color:var(--muted);font-size:14px}
/* Steering B: 3 adımlı misafir sipariş */
.gpage h1{font-size:calc(var(--fs-h1) - 4px)}.gpage h2,.gpage .h3{font-size:calc(1em + 2px)}.gpage legend.h3{font-size:19px;font-weight:700;padding:0;margin-bottom:6px}
.gsteps{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 22px;counter-reset:s}
.gsteps li{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--surface-2,#f4efe9);color:var(--muted,#777);font-size:14px}
.gsteps li b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:13px;flex:none}
.gsteps li.on{background:var(--accent,#c58b6b);color:#fff}.gsteps li.on b{color:var(--accent,#c58b6b)}.gsteps li.ok{cursor:pointer;color:var(--text)}.gsteps li.ok b::before{content:"✓"}.gsteps li.ok b{font-size:0}.gsteps li.ok b::before{font-size:13px}
.glay{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:start}
.gform3 .gstep{border:0;padding:0;margin:0;display:grid;gap:12px;min-width:0}
.gnav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}.gbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.gside-in{position:sticky;top:90px;display:grid;gap:12px}.gsum-card{background:var(--surface-2,#f4efe9);border-radius:14px;padding:12px 16px}.gsum{display:flex;justify-content:space-between;gap:10px;margin:0;font-size:14px}
.gdrop{border:0!important;background:var(--surface-2,#f4efe9)}.gdrop.on{background:#ecdcd0}
.gth.empty{display:grid;place-items:center;background:var(--surface-2,#f4efe9);border-radius:10px;color:var(--muted,#999);font-size:13px;cursor:pointer}.gth.over{opacity:.5}.gth.more{cursor:default}
.gpage .gf input,.gpage .gf select,.gpage .gf textarea{border:0;background:var(--surface-2,#f4efe9)}
@media(max-width:860px){.glay{grid-template-columns:1fr;gap:20px}.gside{order:-1}.gside-in{position:static}.gsteps li span{display:none}.gsteps li.on span{display:inline}.gpage h1{font-size:calc(var(--fs-h1) - 3px)}}
/* Kampanya penceresi */
.camp{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;background:rgba(20,14,10,.5);opacity:0;transition:opacity .25s}.camp.show{opacity:1}
.camp-d{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:760px;width:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.3);transform:translateY(14px) scale(.98);transition:transform .3s}.camp.show .camp-d{transform:none}
.camp-img{position:relative;min-height:300px}.camp-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.camp-badge{position:absolute;left:14px;top:14px;background:var(--accent,#c58b6b);color:#fff;font-weight:700;border-radius:999px;padding:6px 12px;font-size:14px}
.camp-b{padding:32px 28px;display:grid;gap:10px;align-content:center}.camp-b h2{font-size:clamp(22px,2.4vw,28px);margin:0}.camp-b p{margin:0}
.camp-p{display:grid;gap:4px}.camp-p s{color:var(--muted,#888)}.camp-p span b{font-size:20px;color:var(--accent,#c58b6b)}.camp-p small{color:var(--muted,#888);margin-left:4px}
.camp-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.camp-x{position:absolute;right:10px;top:10px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font-size:22px;cursor:pointer}
body.camp-open{overflow:hidden}
@media(max-width:640px){.camp-d{grid-template-columns:1fr;max-height:92vh;overflow:auto}.camp-img{min-height:190px}.camp-b{padding:20px}.camp-btns .btn{flex:1}}
.camp[hidden]{display:none!important}
.gmk[hidden],.gstep[hidden],.gside[hidden]{display:none!important}
/* v5: arka plansız ürün önizlemesi */
.mkbox{margin-top:22px}.mkbox[hidden]{display:none!important}
.mk-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}
.mk-pick{margin-top:16px}
.mk{position:relative;display:grid;place-items:center;padding:28px 0 40px;cursor:zoom-in;--d:12px;perspective:1600px}
.mk-art{position:relative;transform-style:preserve-3d;transition:width .3s,height .3s}
.mk-face{position:absolute;inset:0;overflow:hidden}
.mk-slots{display:grid;gap:2%;width:100%;height:100%}.mk-slot{overflow:hidden;background:#eee}.mk-slot img{width:100%;height:100%;object-fit:cover;display:block}
/* kanvas: ön yüz + sağ/alt kenar derinliği (görsel kenara sarılır) */
.mk-canvas .mk-art,.mk-block .mk-art{transform:rotateY(-14deg) rotateX(4deg);filter:drop-shadow(18px 22px 22px rgba(0,0,0,.28))}
.mk-er,.mk-eb{position:absolute;background-size:cover;display:block}
.mk-er{top:0;right:0;width:var(--d);height:100%;transform-origin:right center;transform:rotateY(-90deg);background-position:right center;filter:brightness(.62)}
.mk-eb{left:0;bottom:0;height:var(--d);width:100%;transform-origin:center bottom;transform:rotateX(90deg);background-position:center bottom;filter:brightness(.5)}
/* ahşap blok: kalın ahşap kenar */
.mk-block .mk-er{background:linear-gradient(90deg,#c99b6a,#a8784a 40%,#b98a5a)!important;filter:none}
.mk-block .mk-eb{background:repeating-linear-gradient(90deg,#b5875a 0 9px,#a77a4e 9px 15px)!important;filter:none}
/* çerçeve: koyu çerçeve + beyaz paspartu */
.mk-frame .mk-art{background:#fff;box-shadow:0 0 0 14px #2b2420,0 0 0 15px #15110f,16px 22px 34px 14px rgba(0,0,0,.28)}.mk-frame .mk-face{inset:7%;box-shadow:inset 0 1px 4px rgba(0,0,0,.25)}
.mk-poster .mk-art{background:#fff;box-shadow:10px 14px 26px rgba(0,0,0,.22)}.mk-poster .mk-face{inset:5%}
/* kupa: silindir sarım */
.mk-mug .mk-art{background:#fff;border-radius:4% 4% 9% 9%/3% 3% 6% 6%;box-shadow:14px 20px 30px rgba(0,0,0,.2)}
.mk-mug .mk-face{inset:12% 10% 14%;border-radius:2px}
.mk-shade{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,.25) 22%,rgba(255,255,255,0) 45%,rgba(0,0,0,.05) 70%,rgba(0,0,0,.32));pointer-events:none}
.mk-handle{position:absolute;right:-21%;top:22%;width:26%;height:46%;border:clamp(10px,3.4vw,20px) solid #f4f4f4;border-left:0;border-radius:0 50% 50% 0;box-shadow:6px 6px 12px rgba(0,0,0,.15)}
/* albüm: açık kitap */
.mk-book .mk-art{background:#fbf8f3;border-radius:3px;box-shadow:0 0 0 6px #e9e1d6,14px 20px 30px rgba(0,0,0,.25)}.mk-book .mk-face{inset:5%}.mk-book .mk-slots{gap:10%!important}
.mk-gutter{position:absolute;left:47%;width:6%;top:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.22) 50%,rgba(0,0,0,0))}
/* magnet / anahtarlık */
.mk-magnet .mk-art{border-radius:6%;overflow:hidden;box-shadow:0 2px 0 #ddd,0 4px 0 #bbb,10px 16px 24px rgba(0,0,0,.25)}
.mk-keychain .mk-art{border-radius:14%;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.6) inset,10px 16px 24px rgba(0,0,0,.25),0 0 0 4px #e8e8e8}.mk-keychain .mk-face{inset:8%;border-radius:10%}
.mk-ring{position:absolute;left:50%;top:-16%;width:24%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:5px solid #b9b9b9;box-shadow:inset 0 0 2px #777}
.mk-plain .mk-art{box-shadow:10px 16px 26px rgba(0,0,0,.25);border-radius:4px;overflow:hidden}
/* tam ekran */
.mkbox.mk-fs{position:fixed;inset:0;z-index:300;margin:0;background:var(--bg,#fff);display:grid;place-items:center;padding:24px}.mkbox.mk-fs .mk{width:min(92vw,1100px);cursor:zoom-out}.mkbox.mk-fs .mk-hint{display:none}
body.mk-fs-open{overflow:hidden}
/* ürün detayı: sol galeri sağ metne dikey ortalı */
@media(min-width:900px){.pdx{align-items:center}.pdx-stick.pdx-ctr{position:static}}
.gpage .page-hero h1,.gpage h1{font-size:26px!important;line-height:1.2}.gpage .page-hero .lead{font-size:14px!important;line-height:1.5;color:var(--muted,#6b6b6b)}
@media(max-width:860px){.gpage .page-hero h1,.gpage h1{font-size:22px!important}}
.hero .hero-cta .btn.soft,.btn.soft{background:var(--accent-soft,#eaf4ef);color:var(--accent-ink,#0b5d43);box-shadow:none}.btn.soft:hover{filter:brightness(.97)}
@media(min-width:900px){.hero .hero-cta{flex-wrap:nowrap}.hero .hero-cta .btn{white-space:nowrap}}
@media(max-width:640px){.hero .hero-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero .hero-cta .btn:first-child{grid-column:1/-1}.hero .hero-cta .btn{justify-content:center;text-align:center}}
.hero-stats{display:grid!important;grid-template-columns:repeat(4,auto);justify-content:start;gap:28px}
@media(max-width:640px){.hero-stats{grid-template-columns:1fr 1fr;gap:14px 20px}}
/* v5 iletişim kartları */
.contact-list{list-style:none;padding:0;margin:18px 0 18px!important;display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important}
.contact-list li{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:12px!important;padding:14px 16px!important;margin:0!important;border:0!important;border-radius:14px;background:var(--surface-2,#f3f6f4);min-height:0!important;text-align:left!important}
.contact-list li::before,.contact-list li::after{display:none!important}
.contact-list .cl-i{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface,#fff);color:var(--accent,#0b7a55);margin:0!important}
.contact-list .cl-i svg{width:18px;height:18px}
.contact-list .cl-t{display:grid;gap:2px;min-width:0;text-align:left}
.contact-list .cl-k{font-size:12px;color:var(--muted,#777);font-weight:500;margin:0!important;width:auto!important;flex:none}
.contact-list .cl-t>a,.contact-list .cl-t>b{font-weight:600;font-size:15px;color:var(--text);margin:0!important;text-align:left!important;overflow-wrap:anywhere;line-height:1.35}
.contact-list li:has(.cl-k:only-child){grid-column:auto}
.contact .cbtns{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}
@media(max-width:700px){.contact-list{grid-template-columns:1fr}}
.glimit{margin:0;font-size:13px;color:#8a4b00;background:#fff4e0;border-radius:10px;padding:8px 12px}.glimit[hidden]{display:none}
/* v5 mobil promo: kompakt hap */
.promo-m,.promo-go{display:none}
@media(max-width:640px){
  .promo{left:12px!important;right:auto!important;width:auto!important;max-width:calc(100vw - 96px);height:56px;overflow:visible!important;bottom:calc(16px + var(--ck-h) + env(safe-area-inset-bottom))!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 8px 28px rgba(16,32,26,.16),0 1px 3px rgba(16,32,26,.08);color:#10201a!important;opacity:0;transform:translateX(-24px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
  [data-theme=dark] .promo{background:rgba(22,32,28,.78)!important;color:#eef5f1!important}
  .promo.show{opacity:1;transform:none}
  .promo-in{height:56px;padding:8px 40px 8px 8px!important;gap:10px!important;align-items:center!important}
  .promo-img{width:40px!important;height:40px!important;border-radius:50%!important}
  .promo-txt{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:1px!important;padding:0!important;min-width:0}
  .promo-k,.promo-d,.promo-btns,.promo-cta,.promo-wa{display:none!important}
  .promo-m{display:block;font-size:11px;line-height:1.2;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .promo-t{font-size:14px!important;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .promo-go{display:grid;place-items:center;position:absolute;right:10px;top:50%;margin-top:-12px;width:24px;height:24px;border-radius:50%;background:rgba(4,108,78,.1);color:#046c4e;text-decoration:none}
  .promo-x{top:-6px!important;right:-6px!important;left:auto!important;width:20px!important;height:20px!important;font-size:13px!important;line-height:20px!important;padding:0!important;background:rgba(255,255,255,.95)!important;color:#667085!important;box-shadow:0 2px 6px rgba(0,0,0,.14);border:0!important}
}
body.camp-open .promo{opacity:0!important;pointer-events:none!important}
/* yatay taşma düzeltmesi */
html,body{overflow-x:clip;max-width:100%}
.pdx>*,.pdx-info,.pdx-stick,.mkbox,.mk{min-width:0;max-width:100%}
.mkbox,.mk,.mk-art{max-width:100%}
.mk-head,.mkbox>header{flex-wrap:wrap;gap:4px 10px;min-width:0}
@media(max-width:640px){
  .pdx-btns,.pd-cta,.pdx .row,.pdx .cbtns{display:flex;flex-direction:column;align-items:stretch;flex-wrap:wrap}
  .pdx-btns .btn,.pd-cta .btn,.pdx .row .btn,.mk-pick{width:100%;justify-content:center;white-space:normal;text-align:center}
}
@media(max-width:640px){.pdx-cta{display:flex!important;flex-direction:column;align-items:stretch;gap:10px}.pdx-cta .btn{width:100%;justify-content:center;white-space:normal;text-align:center}}
.pdx-cols>*,.sgrid>*{min-width:0}.sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:860px){.pdx-cols{grid-template-columns:minmax(0,1fr)!important}}
@media(min-width:640px){.sgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* v6 sipariş akışı: kartlar, çipler, adet, yapışkan çubuk, ek ürün önerisi */
.gph{padding:20px 0 6px}.gph .lead{margin-bottom:0}.gsec{padding-top:10px}
@media(min-width:960px){.gph{padding:36px 0 8px}}
.gsteps{gap:6px;margin:0 0 16px}
.gsteps li{padding:6px 10px;font-size:13px;gap:8px;border-radius:999px;justify-content:center}
.gsteps li b{width:20px;height:20px;font-size:11px}
.gsteps li span{display:inline!important}
.glbl{font-size:13px;font-weight:600;color:var(--muted,#777);margin:16px 0 8px}
.gpcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px;margin-top:4px}
.gpc{display:flex;flex-direction:column;gap:4px;padding:8px;border:0;border-radius:14px;background:var(--surface-2,#f4efe9);text-align:left;cursor:pointer;color:inherit;font:inherit;transition:box-shadow .15s,transform .15s}
.gpc:hover{transform:translateY(-1px)}
.gpc.on{box-shadow:0 0 0 2px var(--accent,#c58b6b);background:var(--surface,#fff)}
.gpc-img{display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#eee}.gpc-img img{width:100%;height:100%;object-fit:cover;display:block}
.gpc b{font-size:14px;line-height:1.25;font-weight:600}.gpc-p{font-size:13px;color:var(--accent,#c58b6b);font-weight:600}
.gchips{display:flex;flex-wrap:wrap;gap:8px}
.gchip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 12px;border:0;border-radius:12px;background:var(--surface-2,#f4efe9);cursor:pointer;color:inherit;font:inherit;min-width:92px}
.gchip b{font-size:14px;font-weight:600}.gchip span{font-size:13px}.gchip small{font-size:11px;color:var(--muted,#777)}
.gchip.on{background:var(--accent,#c58b6b);color:#fff}.gchip.on small{color:rgba(255,255,255,.85)}
.gchips.sm .gchip{padding:6px 10px;min-width:0}
.gqty{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.gqty .glbl{margin:0}
.gstepper{display:flex;align-items:center;gap:4px;background:var(--surface-2,#f4efe9);border-radius:999px;padding:4px}
.gstepper button{width:38px;height:38px;border:0;border-radius:50%;background:var(--surface,#fff);font-size:20px;line-height:1;cursor:pointer;color:inherit}
.gpage .gstepper input{width:48px;height:38px;text-align:center;border:0;background:transparent;font-weight:700;font-size:16px;padding:0;-moz-appearance:textfield}
.gstepper input::-webkit-inner-spin-button,.gstepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.gsticky{position:sticky;bottom:calc(10px + var(--ck-h,0px) + env(safe-area-inset-bottom));z-index:40;margin-top:18px}
.gst-in{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 16px;border-radius:18px;background:color-mix(in srgb,var(--surface,#fff) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.gst-t{display:flex;flex-direction:column;font-size:12px;color:var(--muted,#777);min-width:0}.gst-t b{font-size:15px;color:var(--text);font-weight:600}.gst-t b span{font-weight:700}.gst-t small{font-weight:400;color:var(--muted,#777)}
.gst-in .btn{flex:none;white-space:nowrap}
.gdone-items{margin:6px 0 12px;padding-left:18px}
.gup{position:fixed;inset:0;z-index:200;background:rgba(10,10,12,.55);display:flex;align-items:flex-end;justify-content:center}
.gup-in{position:relative;width:100%;max-width:980px;max-height:92vh;overflow:auto;background:var(--surface,#fff);border-radius:22px 22px 0 0;padding:20px 16px 0}
.gup-in h2{font-size:19px;margin:0 32px 4px 0;line-height:1.3}
.gup-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-2,#f4efe9);font-size:20px;cursor:pointer;color:inherit}
.gup-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:14px 0}
.gup-c{background:var(--surface-2,#f4efe9);border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s}
.gup-c.add{box-shadow:0 0 0 2px var(--accent,#c58b6b)}
.gup-mk .mk-head,.gup-mk .mk-hint{display:none}.gup-mk .mk{min-height:0}.gup-mk .mkbox{margin:0}
.gup-mk .mk{height:170px;padding:8px 0;display:grid;place-items:center;overflow:hidden}
.gup-h{display:flex;justify-content:space-between;gap:8px;font-size:14px}.gup-p{font-weight:700;color:var(--accent,#c58b6b);white-space:nowrap}
.gup-add{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border:0;border-radius:12px;background:var(--surface,#fff);font:inherit;font-weight:600;cursor:pointer;color:inherit}
.gup-ck{width:18px;height:18px;border-radius:6px;background:var(--surface-2,#e9e2da);display:grid;place-items:center;font-size:12px;color:#fff}
.gup-c.add .gup-add{background:var(--accent,#c58b6b);color:#fff}.gup-c.add .gup-ck{background:rgba(255,255,255,.3)}.gup-c.add .gup-ck::before{content:"✓"}
.gup-f{position:sticky;bottom:0;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:12px 0 calc(14px + env(safe-area-inset-bottom));background:var(--surface,#fff)}
body.gup-open{overflow:hidden}
@media(min-width:760px){.gup{align-items:center}.gup-in{border-radius:22px;padding:26px 24px 0}.gup-in h2{font-size:22px}}
@media(max-width:639px){
  body.gflow .ecw,body.gflow .promo{display:none!important}
  .gpcs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:4px -16px 0;padding:2px 16px 6px;scrollbar-width:none}
  .gpcs::-webkit-scrollbar{display:none}
  .gpc{flex:0 0 132px;scroll-snap-align:start}
  .gchips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px 4px;scrollbar-width:none}.gchips::-webkit-scrollbar{display:none}.gchip{flex:none}
  .gup-list{grid-template-columns:1fr 1fr;gap:8px}.gup-mk .mk{height:120px}.gup-c{padding:8px}.gup-h{flex-direction:column;gap:0;font-size:13px}
  .gup-f .btn{flex:1 1 100%}
  .gside .mkbox .mk{max-height:280px}
}
.gup[hidden],.gup-c[hidden],.gchips[hidden],.gsticky[hidden]{display:none!important}
/* v6 fix: modal taşma + mobil sabit alt çubuk */
.gup-in{max-width:100%;box-sizing:border-box;overflow-x:hidden}.gup-list{min-width:0}.gup-c{min-width:0}.gup-c .gchips{min-width:0;max-width:100%}
@media(max-width:639px){.gsticky{position:fixed;left:10px;right:10px;margin:0}body.gflow main{padding-bottom:96px}}
@media(max-width:639px){body.gflow{padding-bottom:100px}html:has(body.gflow){scroll-padding-bottom:120px}}
/* v7 */
body.gflow .promo,body.gflow .camp{display:none!important}
/* gsum-card v10: masaüstünde gösterilir */
.gpage .gph{padding:14px 0 0!important}.gpage .gph h1{margin:6px 0 6px}.gpage .gsec{padding-top:12px!important}
@media(min-width:960px){.gpage .gph{padding:28px 0 0!important}.gpage .gsec{padding-top:18px!important}}
.gside .gopts{display:grid;gap:12px;background:var(--surface-2,#f4efe9);border-radius:18px;padding:16px}
.glay:not(:has(.gstep[data-step="1"]:not([hidden]))) .gside .gopts{display:none}
.gsticky{position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:min(1160px,calc(100vw - 20px));margin:0!important;bottom:calc(10px + var(--ck-h,0px) + env(safe-area-inset-bottom))}
.gst-in{border:0!important;background:color-mix(in srgb,var(--surface,#fff) 72%,transparent)!important;backdrop-filter:blur(6px) saturate(1.1)!important;-webkit-backdrop-filter:blur(6px) saturate(1.1)!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important}
body.gflow{padding-bottom:100px}
/* seçili ürün büyük, diğerleri küçük */
.gpcs{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(92px,1fr))!important;grid-auto-flow:dense;gap:8px!important;overflow:visible!important;margin:4px 0 0!important;padding:0!important}
.gpc{flex:none!important;padding:6px!important;gap:2px!important}
.gpc:not(.on) b{font-size:12px;font-weight:500}.gpc:not(.on) .gpc-p{font-size:11px}.gpc:not(.on) .gpc-img{aspect-ratio:1}
.gpc.on{grid-column:span 2;grid-row:span 2;padding:10px!important}.gpc.on b{font-size:16px}.gpc.on .gpc-p{font-size:15px}
@media(max-width:639px){.gpcs{grid-template-columns:repeat(4,1fr)!important}.gpc.on{grid-column:1/-1;grid-row:auto;order:-1;flex-direction:row!important;align-items:center;gap:12px!important}.gpc.on .gpc-img{width:46%;flex:none;aspect-ratio:4/3}.gpc:not(.on) b{font-size:11px;line-height:1.2}}
/* v7 gerçek ürün görseli üzerine önizleme + lightbox */
.mk-base{padding:8px 0}.mk-base .mk-art{border-radius:12px;overflow:hidden;transform:none!important;filter:none!important}
.mk-bimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mk-ar{position:absolute;overflow:hidden;transform-origin:center}.mk-ar img{width:100%;height:100%;object-fit:cover;display:block}
.mk-ar.soft{-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent);mask-image:radial-gradient(closest-side,#000 62%,transparent)}
.mk-ar.mug::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(255,255,255,.18) 25%,rgba(255,255,255,0) 50%,rgba(0,0,0,.08) 80%,rgba(0,0,0,.25))}
.mk-plain .mk-art{transform:none!important}
.mkbox.mk-fs{position:fixed!important;inset:0!important;z-index:1000!important;margin:0!important;background:rgba(8,8,10,.9)!important;display:grid!important;place-items:center!important;padding:16px!important;max-width:none!important}
.mkbox.mk-fs .mk-head,.mkbox.mk-fs .mk-hint{display:none}
.mkbox.mk-fs .mk{width:100%!important;height:auto!important;max-height:none!important;padding:0!important;cursor:zoom-out;overflow:visible}
.mkbox.mk-fs .mk-art{transform:none!important}
.mk-x{position:fixed;top:calc(12px + env(safe-area-inset-top));right:12px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;cursor:pointer;z-index:1001;display:none;backdrop-filter:blur(6px)}
.mkbox.mk-fs .mk-x{display:block}
body.mk-fs-open .gsticky,body.mk-fs-open .ecw,body.mk-fs-open .wa-float,body.mk-fs-open .promo,body.mk-fs-open .site-header,body.mk-fs-open header.nav{visibility:hidden!important}
.gpc{min-width:0}.gpc b{overflow-wrap:anywhere}
@media(max-width:639px){.gpcs{grid-template-columns:repeat(4,minmax(0,1fr))!important}.gpc.on .gpc-img{width:42%}.gpc.on>span:not(.gpc-img),.gpc.on>b{min-width:0}}
/* v8: tek ürün + sepet kalemleri + ürün çekmecesi */
.gform3.single .gpcs{display:block}
.gform3.single .gpc:not(.on){display:none}
.gform3.single .gpc.on{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:none}
.gform3.single .gpc.on .gpc-img{aspect-ratio:4/3}
.gform3:not(.single) .gpick-acts,.gform3:not(.single) .gmore,.gform3:not(.single) .gcart{display:none}
.gpick-acts{display:flex;justify-content:flex-end;margin:.4rem 0 0}
.glink{background:none;border:0;color:var(--accent,#b0726a);font:inherit;font-size:.85rem;text-decoration:underline;cursor:pointer;padding:.2rem}
.gmore{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin:.8rem 0 0;padding:.85rem 1rem;border:0;border-radius:14px;background:color-mix(in srgb,var(--accent,#b0726a) 10%,transparent);color:inherit;font:inherit;font-weight:600;cursor:pointer}
.gmore span{color:var(--accent,#b0726a)}
.gcart{display:grid;gap:.6rem;margin-top:.6rem}
.gcart:empty{display:none}
.gci,.gci-up{background:var(--surface,#fff);border-radius:14px;padding:.75rem;box-shadow:0 4px 18px rgba(0,0,0,.06);min-width:0}
.gci-h{display:flex;align-items:center;gap:.6rem}
.gci-h>div{flex:1;min-width:0;display:grid}
.gci-h b{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gci-p{font-size:.85rem;color:var(--accent,#b0726a);font-weight:600}
.gci-img{width:56px;aspect-ratio:4/3;border-radius:8px;overflow:hidden;flex:none}
.gci-img img{width:100%;height:100%;object-fit:cover;display:block}
.gci-x{border:0;background:rgba(0,0,0,.06);width:32px;height:32px;border-radius:50%;font-size:1.1rem;cursor:pointer;flex:none}
.gci .gchips.sm{display:flex;flex-wrap:wrap;gap:.35rem;margin:.6rem 0}
.gci .gchip{padding:.35rem .6rem;font-size:.8rem}
.gqty.sm{display:flex;align-items:center;gap:.5rem;font-size:.85rem}
.gqty.sm button{width:30px;height:30px;border-radius:50%;border:0;background:rgba(0,0,0,.06);cursor:pointer;font-size:1rem}
#gCartUp{display:grid;gap:.8rem;margin-top:1rem}
#gCartUp:empty{display:none}
.gci-up h3{font-size:.95rem;margin:0 0 .2rem}
.gci-up h3 small{font-weight:400;color:var(--muted,#777)}
.gci-row{display:grid;gap:.7rem}
@media(min-width:700px){.gci-row{grid-template-columns:minmax(0,1fr) 240px}}
.gci-mk .mkbox{margin:0}
.gci-mk .mkbox>:not(.mk){display:none}
.gci-up .gthumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.4rem}
.gci-up .gth.empty{border:0;background:rgba(0,0,0,.05);cursor:pointer;font:inherit}
.gdrw{position:fixed;inset:0;z-index:1200;background:rgba(20,16,14,.45);display:flex;align-items:flex-end;justify-content:center;animation:gdf .2s ease}
.gdrw[hidden]{display:none}
.gdrw-in{background:var(--bg,#fbf8f5);width:min(720px,100%);max-height:86vh;overflow:auto;border-radius:20px 20px 0 0;padding:1rem 1rem 1.4rem;animation:gdu .25s ease}
@media(min-width:861px){.gdrw{align-items:center}.gdrw-in{border-radius:20px}}
.gdrw-h{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.8rem}
.gdrw-h h2{font-size:1.05rem;margin:0}
.gdrw-h p{margin:.2rem 0 0}
.gdrw-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
@media(min-width:600px){.gdrw-l{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gdc{position:relative;display:grid;gap:.25rem;text-align:left;border:0;background:var(--surface,#fff);border-radius:14px;padding:.5rem;box-shadow:0 3px 14px rgba(0,0,0,.06);cursor:pointer;font:inherit;min-width:0}
.gdc .gpc-img{aspect-ratio:4/3;border-radius:10px;overflow:hidden}
.gdc img{width:100%;height:100%;object-fit:cover;display:block}
.gdc b{font-size:.85rem}
.gdc .gpc-p{font-size:.8rem;color:var(--accent,#b0726a)}
.gdc i{position:absolute;top:.8rem;right:.8rem;width:28px;height:28px;border-radius:50%;background:var(--accent,#b0726a);color:#fff;display:grid;place-items:center;font-style:normal}
body.gdrw-open{overflow:hidden}
body.gdrw-open .gsticky{display:none}
@keyframes gdf{from{opacity:0}}@keyframes gdu{from{transform:translateY(30px)}}
.mk-base .mk-art{aspect-ratio:4/3;height:auto!important;max-width:100%}
.mk-base .mk-bimg{object-fit:fill}
.mk-ar img{object-position:center}
/* v8 düzeltme: seçili tek ürün büyük; seçim ekranında eşit ızgara */
.gform3.single .gpc.on{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-column:auto!important;width:100%!important;max-width:none!important;min-height:0!important;padding:.6rem!important;gap:.4rem;align-items:start;text-align:left}
.gform3.single .gpc.on .gpc-img{width:100%!important;height:auto!important;aspect-ratio:4/3;max-height:none!important}
.gform3.single .gpc.on .gpc-img img{width:100%;height:100%;object-fit:cover}
.gform3.single .gpc.on b{font-size:1.05rem}
@media(min-width:861px){.gform3.single .gpc.on{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;align-items:center;padding:.8rem!important;gap:1rem}.gform3.single .gpc.on .gpc-img{grid-row:span 2}}
.gform3:not(.single) .gpc.on{grid-column:auto!important;order:0!important;grid-template-columns:minmax(0,1fr)!important;display:grid!important}
.gform3:not(.single) .gpc.on .gpc-img{width:100%!important;aspect-ratio:4/3;height:auto!important}
.gform3.single .gpcs{display:block!important}
.gform3:not(.single) .gpc.on .gpc-img{aspect-ratio:1!important}
.gform3:not(.single) .gpc.on b{font-size:12px}.gform3:not(.single) .gpc.on .gpc-p{font-size:11px}.gform3:not(.single) .gpc.on{flex-direction:column!important;padding:6px!important}
/* v9: kompakt seçili ürün kartı (çerçevesiz) */
.gform3.single .gpcs{display:none!important}
.gform3:not(.single) .gsel:not(.gci){display:none}
.gsel{background:var(--surface,#fff);border:0!important;border-radius:18px;box-shadow:0 6px 24px rgba(30,20,10,.07);padding:14px;display:grid;gap:14px;margin-top:6px;min-width:0}
.gsel-h{display:flex;align-items:center;gap:14px;min-width:0}
.gsel-img{flex:none;width:96px;height:96px;border-radius:14px;overflow:hidden;background:var(--surface-2,#f4efe9)}
.gsel-img img{width:100%;height:100%;object-fit:cover;display:block}
.gsel-t{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.gsel-t small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#8a8580)}
.gsel-t b{font-size:18px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.gsel-p{font-size:15px;font-weight:600;color:var(--accent,#1a9c6e)}
.gsel-t .glink{padding:0;margin-top:2px;font-size:13px}
.gsel .gopts,.gsel-o{display:grid!important;gap:12px;background:none!important;padding:0!important;border-radius:0!important;border-top:1px solid rgba(0,0,0,.06);padding-top:12px!important}
.gsel .gopts .glbl{margin:0}
.gsel .gchips{margin:0!important}
.gsel .gqty{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:0!important}
.gsel .gqty.sm>span{flex:1}
.gci.gsel{padding:12px}
.gcart{margin-top:10px}
.gmore{margin-top:12px}
@media(min-width:861px){.gsel{padding:18px}.gsel-img{width:140px;height:140px}.gsel-h{gap:20px}.gci.gsel .gsel-img{width:120px;height:120px}}
.footer .fcall,.footer .fcall:hover,.footer .fcall:visited{color:#fff!important}.footer .fcall svg{color:#fff;stroke:#fff}
/* ── v10 sipariş akışı ── */
body.gflow .topbar{background:color-mix(in srgb,var(--surface,#fff) 97%,transparent)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#gSteps,.gsel,.gci,.gci-up,.gerr,.gmore{scroll-margin-top:96px}
.gform3 .gchips:not(.sm),.gci .gchips.sm{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;flex-wrap:wrap!important;overflow:visible!important;margin:0!important;padding:0!important}
.gform3 .gchips[hidden]{display:none!important}
.gform3 .gchip{min-width:0!important;width:auto;white-space:normal;text-align:left}
.gform3 .gchip b{overflow-wrap:anywhere}
.gsel-h,.gcu-h{position:relative}
.gci-rm{display:inline-flex;align-items:center;gap:6px;border:0;background:rgba(200,60,60,.09);color:#b23b3b;font:600 13px/1 inherit;font-family:inherit;padding:8px 12px;border-radius:999px;cursor:pointer;align-self:flex-start;flex:none}
.gci-rm:hover{background:rgba(200,60,60,.16)}
.gci .gsel-h{display:flex;gap:14px;align-items:flex-start}
.gci .gsel-t{flex:1;min-width:0}
.gci-rm.ic{padding:9px;border-radius:12px}
.gcu-h{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.gcu-img{width:52px;height:52px;border-radius:12px;overflow:hidden;flex:none;background:var(--surface-2,#f4efe9)}
.gcu-img img{width:100%;height:100%;object-fit:cover;display:block}
.gcu-t{flex:1;min-width:0}
.gcu-t h3{margin:0;font-size:16px;font-weight:600;line-height:1.25}
.gcu-t small{color:var(--muted,#777);font-size:13px}
.gcu-pk{flex:none}
.gci-up{padding:16px!important;border-radius:18px!important;margin-bottom:14px;box-shadow:0 6px 22px rgba(0,0,0,.06)!important}
.gci-up .ghint{margin:0 0 10px;font-size:14px;color:var(--muted,#666)}
.gci-up .ghint b{color:var(--text)}
.gci-up .ghint small{font-size:12px}
.gci-up .gthumbs,#gThumbs{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin:0}
.gci-up .gth{aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;min-height:0}
.gci-up .gth.empty{display:grid;place-items:center;align-content:center;gap:2px;border:0;background:rgba(0,0,0,.045);color:var(--muted,#888);font:inherit;cursor:pointer;width:100%}
.gci-up .gth.empty span{font-size:22px;line-height:1}
.gci-up .gth.empty small{font-size:11px}
.gci-up .gth.empty.dz,.gmain.on .gth.empty{background:rgba(16,140,90,.12)}
.gmain .gci-mk .gmk{margin:0}
.gci-mk:empty{display:none}
.gci-mk .mkbox[hidden]{display:none!important}
@media(max-width:699px){.gcu-pk{padding:7px 10px;font-size:13px}.gci-mk{margin-top:4px}}
.gtoast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(96px + var(--ck-h,0px) + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:14px;background:#1f2a26;color:#fff;padding:12px 14px 12px 18px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:14px;max-width:calc(100vw - 24px)}
.gtoast[hidden]{display:none!important}
.gtoast button{border:0;background:#fff;color:#1f2a26;font:600 13px/1 inherit;font-family:inherit;padding:8px 12px;border-radius:10px;cursor:pointer;flex:none}
.gsum-card{background:var(--surface,#fff)!important;border-radius:18px!important;padding:18px!important;box-shadow:0 6px 22px rgba(0,0,0,.06)}
.gsum-h{font-size:15px;margin:0 0 10px}
.gsum{display:block!important}
.gsum ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gsum li,.gsum-t,.gsum-d{display:flex;justify-content:space-between;gap:12px;margin:0}
.gsum li span{display:flex;flex-direction:column;min-width:0}
.gsum li b{font-weight:600;font-size:14px}
.gsum li small{color:var(--muted,#777);font-size:12px}
.gsum em{font-style:normal;white-space:nowrap;font-size:14px}
.gsum-d{margin-top:10px;font-size:13px;color:#0e7a50}
.gsum-t{margin-top:12px;padding-top:12px;box-shadow:inset 0 1px 0 rgba(0,0,0,.08);font-size:15px}
@media(max-width:860px){.gside{display:none!important}}
@media(min-width:861px){.glay{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr)!important;gap:36px!important}}
@media(min-width:861px){.gsum-card{display:block!important}}
/* v11: görünür form alanları, teslimat seçimi, öneriler */
.gpage .gf input:not([type=radio]):not([type=checkbox]),.gpage .gf select,.gpage .gf textarea{background:#ece5dc;border:1px solid rgba(60,40,20,.14);border-radius:12px;padding:12px 14px;min-height:46px;font-size:16px;color:inherit;width:100%;box-sizing:border-box;transition:box-shadow .15s,border-color .15s}
.gpage .gf select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23866' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.gpage .gf ::placeholder{color:rgba(60,40,20,.5);opacity:1}
.gpage .gf input:focus,.gpage .gf select:focus,.gpage .gf textarea:focus{outline:0;border-color:var(--brand,#046c4e);box-shadow:0 0 0 3px rgba(4,108,78,.22);background-color:#f6f1eb}
[data-theme=dark] .gpage .gf input:not([type=radio]):not([type=checkbox]),[data-theme=dark] .gpage .gf select,[data-theme=dark] .gpage .gf textarea{background-color:#1d2a25;border-color:rgba(255,255,255,.16);color:#eef3f0}
[data-theme=dark] .gpage .gf ::placeholder{color:rgba(238,243,240,.5)}
[data-theme=dark] .gpage .gf input:focus,[data-theme=dark] .gpage .gf select:focus,[data-theme=dark] .gpage .gf textarea:focus{background-color:#223330;box-shadow:0 0 0 3px rgba(80,200,160,.3)}
.gdel{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gdo{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:14px;background:var(--surface-2,#f4efe9);cursor:pointer;transition:box-shadow .15s}
.gdo input{margin-top:3px;accent-color:var(--brand,#046c4e);width:18px;height:18px;flex:none}
.gdo b{display:block;font-weight:600}.gdo small{display:block;opacity:.72;margin-top:2px}
.gdo.on{box-shadow:inset 0 0 0 2px var(--brand,#046c4e);background:rgba(4,108,78,.07)}
[data-theme=dark] .gdo{background:#1d2a25}[data-theme=dark] .gdo.on{background:rgba(80,200,160,.12)}
.gpick{margin:4px 0 14px;padding:14px;border-radius:14px;background:rgba(4,108,78,.08);line-height:1.5}
.gpick small{opacity:.75}
.gsum-k em{font-style:normal}
.grec{margin-top:16px;padding:16px;border-radius:18px;background:var(--surface,#fff)}
[data-theme=dark] .grec{background:#16211d}
.grec .gsum-h{font-size:15px;margin:0 0 12px}
.grec-l{display:grid;gap:12px}
.grc{display:grid;grid-template-columns:84px 1fr;gap:6px 12px;align-items:center}
.grc-mk{grid-row:span 2;width:84px;height:84px;border-radius:12px;overflow:hidden;background:var(--surface-2,#f4efe9)}
.grc-mk{display:flex;align-items:center;justify-content:center}.grc-mk .mkbox{margin:0;padding:0;background:none;width:84px;height:84px;display:flex;align-items:center;justify-content:center}.grc-mk .mk{max-width:84px;max-height:84px;pointer-events:none;margin:0}.grc-mk .mk canvas,.grc-mk .mk img{max-width:84px;max-height:84px;display:block}.grc-mk>img{width:84px;height:84px;object-fit:cover}
.grc-mk .mk-x,.grc-mk button{display:none!important}
.grc-t b{display:block;font-weight:600;font-size:14px}.grc-t small{display:block;opacity:.7;font-size:12px}.grc-p{font-weight:600;font-size:14px}
.grc-add{justify-self:start;padding:7px 14px;font-size:13px}
.gstep .grec{margin:4px 0 16px}
@media(max-width:520px){.gdel{grid-template-columns:1fr}}
/* v11: yarım kalan sepet kartı (promo ile aynı yer/stil) */
.acart{display:flex;align-items:center;gap:10px;padding:10px 12px}
.acart-in{display:flex;align-items:center;gap:12px;flex:1;min-width:0;color:inherit;text-decoration:none;padding-right:20px}
.acart-img{width:52px;height:52px;border-radius:12px;overflow:hidden;flex:none;background:rgba(255,255,255,.1)}
.acart-img img{width:100%;height:100%;object-fit:cover;display:block}
.acart-t{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.acart-t small{font-size:11px;opacity:.7;text-transform:uppercase;letter-spacing:.04em}
.acart-t b{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acart-t span{font-size:13px;opacity:.9}.acart-t em{font-style:normal;font-size:11px;opacity:.65}
.acart-go{flex:none;padding:8px 13px;font-size:13px;margin-right:24px;align-self:center}
@media (max-width:639px){.acart{padding:8px 10px}.acart-img{width:44px;height:44px}.acart-t em{display:none}.acart-go{padding:6px 11px;font-size:12px}}
/* v11b: özet satırı ×, indirim kodu, öneri kartı hizası */
.gsum li.rmable{align-items:flex-start}.gsum li.rmable em{margin-left:auto}
.gsum-x{flex:0 0 auto;width:22px;height:22px;margin:-1px -4px 0 2px;border:0;border-radius:50%;background:transparent;color:var(--muted,#888);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.gsum-x:hover,.gsum-x:focus-visible{background:rgba(0,0,0,.06);color:#b3261e;outline:none}
[data-theme=dark] .gsum-x:hover{background:rgba(255,255,255,.08)}
.gsum-c em,.gsum-c span{color:#0b7a4b}.gsum-c b{font-weight:600}
.gdc{margin-top:14px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}
[data-theme=dark] .gdc{border-top-color:rgba(255,255,255,.08)}
.gdc-l{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.gdc-r{display:flex;gap:8px}.gdc-r input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.04em;padding:9px 12px;font-size:14px}
.gdc-r input::placeholder{text-transform:none;letter-spacing:0}
.gdc-r .btn{flex:0 0 auto;padding:9px 16px}
.gdc-m{margin:6px 0 0;font-size:12.5px;min-height:0}.gdc-m:empty{display:none}.gdc-m.ok{color:#0b7a4b}.gdc-m.err{color:#b3261e}
.gside-in .grec{margin:0;padding:18px;border-radius:18px;box-shadow:0 6px 22px rgba(0,0,0,.06);width:auto;box-sizing:border-box}
.gside-in>.gsum-card,.gside-in>.grec{width:100%;box-sizing:border-box}
.dc-card{margin-bottom:16px}.dc-card .pl-sum span{display:flex;flex-direction:column}
.gstep>.gsum-card{display:block!important;margin:4px 0 14px}
/* v11c: upsell modal — ortalı, buzlu cam, kaydırmalı karusel */
.gup{align-items:center!important;padding:16px;background:rgba(20,18,16,.38)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.gup-in{max-width:760px!important;width:100%;border-radius:24px!important;padding:26px 0 0!important;background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);box-shadow:0 24px 70px rgba(0,0,0,.22);text-align:center;max-height:calc(100vh - 32px)!important;overflow-y:auto}
[data-theme=dark] .gup-in{background:rgba(22,30,27,.82)!important}
.gup-in>h2{margin:0 52px 4px!important;font-size:21px}.gup-in>p{margin:0 24px}
.gup-x{top:14px!important;right:14px!important;background:rgba(0,0,0,.05)!important}
.gup-car{position:relative;margin:18px 0 6px}
.gup-list{display:flex!important;gap:16px!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 28px;padding:6px 28px 14px;margin:0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gup-list::-webkit-scrollbar{display:none}
.gup-car.one .gup-list{justify-content:center}
.gup-c{flex:0 0 220px;width:220px;scroll-snap-align:start;background:rgba(255,255,255,.9)!important;border-radius:18px!important;padding:12px!important;box-shadow:0 4px 18px rgba(0,0,0,.07);text-align:left;gap:10px!important}
[data-theme=dark] .gup-c{background:rgba(255,255,255,.06)!important}
.gup-c.add{box-shadow:0 0 0 2px #0b7a4b,0 6px 20px rgba(11,122,75,.18)!important}
.gup-mk .mk{height:170px!important;border-radius:12px;background:var(--surface-2,#f4efe9)}
.gup-b{display:flex;flex-direction:column;gap:8px;flex:1}
.gup-h{flex-direction:column!important;gap:2px!important;font-size:14px!important}.gup-h b{font-weight:600}.gup-p{color:#0b7a4b!important;font-size:14px}
.gup-c .gchips{display:flex!important;flex-wrap:wrap;gap:6px}
.gup-c .gchip{flex:0 1 auto;min-width:0;padding:5px 10px!important;border-radius:999px!important;font-size:12px;line-height:1.25;display:inline-flex;flex-direction:column;align-items:flex-start}
.gup-c .gchip span,.gup-c .gchip small{font-size:11px}
.gup-add{margin-top:auto;width:100%;border-radius:999px!important;background:#0b7a4b!important;color:#fff!important;padding:10px 12px!important}
.gup-ck{background:transparent!important;width:auto!important;height:auto!important;font-size:15px!important}.gup-ck::before{content:"+"}
.gup-c.add .gup-add{background:#e6f3ec!important;color:#0b7a4b!important}.gup-c.add .gup-ck::before{content:"✓"!important}
[data-theme=dark] .gup-c.add .gup-add{background:rgba(11,122,75,.25)!important;color:#bfe8d2!important}
.gup-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 4px 16px rgba(0,0,0,.15);font-size:24px;line-height:1;cursor:pointer;color:#222;display:none}
.gup-nav.prev{left:8px}.gup-nav.next{right:8px}.gup-nav[hidden]{display:none!important}
@media(min-width:761px){.gup-nav{display:block}}
.gup-f{justify-content:center!important;padding:14px 24px calc(18px + env(safe-area-inset-bottom))!important;background:transparent!important;position:static!important}
@media(max-width:760px){.gup{padding:10px}.gup-in{padding-top:22px!important}.gup-in>h2{font-size:18px!important;margin:0 48px 4px!important}
  .gup-list{padding:6px 18px 12px;gap:12px!important;scroll-padding:0 18px}.gup-c{flex-basis:72%;width:72%}.gup-mk .mk{height:150px!important}.gup-h{flex-direction:column!important}
  .gup-f{flex-direction:column-reverse}.gup-f .btn{flex:1 1 auto;width:100%}}
/* v11c: başarı ekranı — yalnızca kart, ortalı */
body.g-done .gph,body.g-done #gSteps,body.g-done #promo,body.g-done #acart{display:none!important}
body.g-done .gsec{min-height:60vh;display:flex;align-items:center}

.gup-c .gchip{border-radius:12px!important;flex-direction:row!important;align-items:baseline!important;gap:5px;padding:6px 10px!important}
.gup-c .gchip>*{white-space:nowrap}
.gup-c .gchips{margin-bottom:4px}

body.g-done .gdone{max-width:560px;width:100%;margin:16px auto!important;padding:24px 18px;text-align:left}
.gdone .gd-ok{width:52px;height:52px;border-radius:50%;background:#e8f3ec;color:#2e7d4f;font-size:26px;display:grid;place-items:center;margin:0 auto 10px}
.gdone h2{text-align:center;margin:0 0 4px}.gdone .gd-no{text-align:center;margin:0 0 18px;color:#555}
.gd-box{background:#faf7f4;border-radius:14px;padding:14px 16px;margin:0 0 12px}.gd-box h3{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#8a7f76;margin:0 0 10px;font-weight:600}
.gd-items{list-style:none;margin:0 0 8px;padding:0}.gd-items li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06)}.gd-items li div{display:flex;flex-direction:column}.gd-items small{color:#777;font-size:12.5px}.gd-items li>span{white-space:nowrap;font-weight:600}
.gd-r{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:14px}.gd-r span{color:#666}.gd-r b{text-align:right;font-weight:600}.gd-disc b{color:#2e7d4f}.gd-tot{border-top:1px solid rgba(0,0,0,.1);margin-top:6px;padding-top:10px;font-size:16px}.gd-tot span{color:#222;font-weight:600}
.gd-iban{font-family:ui-monospace,Menlo,monospace;font-size:13px;word-break:break-all}
.gd-note{text-align:center;font-size:13px}.gd-btns{display:flex;flex-direction:column;gap:10px}.gd-btns .btn{width:100%;justify-content:center;text-align:center}
@media(min-width:700px){body.g-done .gdone{padding:32px 36px}.gd-btns{flex-direction:row}.gd-btns .btn{flex:1}}
/* v12 acart compact */
#acart.promo{display:flex;align-items:center;gap:8px;padding:8px 34px 8px 8px!important;height:auto!important;min-height:0;overflow:hidden!important;border-radius:16px!important;width:min(400px,calc(100vw - 110px))!important;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}
#acart .acart-in{gap:10px;padding:0;align-items:center;height:auto!important}
#acart .acart-img{width:44px;height:44px;border-radius:10px}
#acart .acart-t{gap:1px;line-height:1.25;overflow:hidden}
#acart .acart-t>*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
#acart .acart-t small{font-size:10px;line-height:14px;letter-spacing:.05em}
#acart .acart-t b{font-size:13.5px;line-height:18px}
#acart .acart-t span{font-size:12px;line-height:16px}
#acart .acart-t em{font-size:10.5px;line-height:14px}
#acart .acart-go{margin:0;padding:7px 12px;font-size:12.5px;line-height:1.2;white-space:nowrap;border-radius:10px;flex:none}
#acart .promo-x{position:absolute;top:4px!important;right:4px!important;left:auto!important;transform:none!important;width:24px!important;height:24px!important;font-size:15px!important;line-height:24px!important;padding:0!important;box-shadow:none!important;display:grid;place-items:center}
@media(max-width:639px){#acart.promo{left:12px!important;right:66px!important;width:auto!important;max-width:none!important;bottom:calc(14px + var(--ck-h) + env(safe-area-inset-bottom))!important;padding:7px 30px 7px 7px!important}#acart .acart-t em{display:none}#acart .acart-go{padding:6px 10px;font-size:12px}}