/* Assuva Dedektör – açık, modern tema */
:root{
  --bg:#f5f7fb;--bg2:#eef2f8;--panel:#ffffff;--panel2:#f8fafd;--line:#e3e8f0;--line2:#d3dbe7;
  --text:#0f1b2d;--muted:#5a6b80;--accent:#0a6cff;--accent2:#00b7d4;--accent-soft:#e8f1ff;--gold:#ff8a1f;--gold2:#ff6a00;--wa:#22c55e;--danger:#e5484d;
  --r:20px;--r-sm:12px;--wrap:1200px;--shadow:0 20px 50px -24px rgba(15,27,45,.28);--shadow-s:0 6px 20px -10px rgba(15,27,45,.18);
  --font:"Segoe UI Variable Text","Segoe UI",Inter,system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --font-d:"Segoe UI Variable Display","Segoe UI",Inter,system-ui,-apple-system,Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.65 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg,video,iframe{max-width:100%;display:block}
img{height:auto}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--font-d);line-height:1.12;margin:0 0 .5em;letter-spacing:-.025em;font-weight:750;color:var(--text)}
h1{font-size:clamp(2rem,4.6vw,3.5rem)}
h2{font-size:clamp(1.55rem,3vw,2.3rem)}
h3,.h3{font-size:1.2rem}
h4,.h4{font-size:1.02rem}
p{margin:0 0 1em}
ul,ol{padding:0;margin:0}
.muted{color:var(--muted)}
.small{font-size:.86rem}
.center{text-align:center}
.wrap{width:min(100% - 2rem,var(--wrap));margin-inline:auto}
.narrow{width:min(100% - 2rem,820px)}
.skip{position:absolute;left:8px;top:8px;transform:translateY(-250%);background:var(--accent);color:#fff;padding:.6rem 1rem;border-radius:8px;z-index:200}
.skip:focus{transform:none}
.ic{flex:none}
em{font-style:normal;background:linear-gradient(100deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
:focus-visible{outline:3px solid rgba(10,108,255,.45);outline-offset:3px;border-radius:8px}

/* üst bar */
.ann{background:linear-gradient(90deg,var(--accent),var(--accent2));text-align:center;padding:.5rem 1rem;font-size:.9rem;color:#fff}
.ann a{color:#fff;font-weight:600}
.hdr{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:1rem;min-height:72px}
.brand{white-space:nowrap;display:flex;align-items:center;gap:.65rem;color:var(--text);font:800 1.08rem var(--font-d);letter-spacing:-.02em}
.brand:hover{text-decoration:none}
.brand img{border-radius:12px;box-shadow:var(--shadow-s)}
.nav{display:flex;gap:.15rem;margin-inline-start:auto}
.nav a{color:var(--text);padding:.55rem .8rem;border-radius:999px;font-size:.93rem;font-weight:600;white-space:nowrap;opacity:.78}
.nav a:hover,.nav a[aria-current]{background:var(--accent-soft);color:var(--accent);text-decoration:none;opacity:1}
.nav-loc{color:var(--gold2)!important}
.hdr-act{display:flex;align-items:center;gap:.5rem}
.burger{display:none;background:var(--panel);border:1px solid var(--line2);color:var(--text);border-radius:12px;width:44px;height:44px;place-items:center;cursor:pointer}
.lang{position:relative}
.lang summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.35rem;border:1px solid var(--line2);background:var(--panel);border-radius:999px;padding:.45rem .8rem;font-size:.85rem;font-weight:700}
.lang summary::-webkit-details-marker{display:none}
.lang ul{list-style:none;position:absolute;inset-inline-end:0;top:calc(100% + 8px);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:.4rem;min-width:170px;box-shadow:var(--shadow);max-height:70vh;overflow:auto}
.lang li a{display:block;padding:.5rem .75rem;border-radius:10px;color:var(--text)}
.lang li a:hover,.lang li a[aria-current]{background:var(--accent-soft);text-decoration:none}

/* butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.35rem;border-radius:999px;border:1px solid var(--line2);background:var(--panel);color:var(--text);font:700 .95rem var(--font);cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;text-decoration:none!important;line-height:1.2;box-shadow:var(--shadow-s)}
.btn:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}
.btn-sm{padding:.5rem 1rem;font-size:.86rem}
.btn-lg{padding:1rem 1.7rem;font-size:1rem}
.btn-cta{background:linear-gradient(135deg,var(--gold),var(--gold2));border-color:transparent;color:#fff;box-shadow:0 12px 28px -10px rgba(255,106,0,.65)}
.btn-cta:hover{color:#fff;border-color:transparent;box-shadow:0 16px 34px -10px rgba(255,106,0,.8)}
.btn-wa{background:var(--wa);border-color:transparent;color:#fff;box-shadow:0 12px 28px -12px rgba(34,197,94,.7)}
.btn-wa:hover{color:#fff;border-color:transparent}
.btn-ghost{background:transparent;box-shadow:none}

/* hero */
.hero{position:relative;overflow:hidden;padding:clamp(2.5rem,6vw,5rem) 0 clamp(2rem,4vw,3.5rem);isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 520px at 85% 0,rgba(0,183,212,.22),transparent 60%),radial-gradient(800px 520px at 0 20%,rgba(10,108,255,.16),transparent 60%),radial-gradient(600px 400px at 60% 100%,rgba(255,138,31,.14),transparent 60%),linear-gradient(180deg,#f9fbff,#f2f6fc)}
.hero-bg::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(15,27,45,.09) 1.2px,transparent 1.2px);background-size:26px 26px;mask-image:radial-gradient(60% 70% at 70% 30%,#000,transparent);-webkit-mask-image:radial-gradient(60% 70% at 70% 30%,#000,transparent)}
.hero-bg i{position:absolute;border:1.5px solid rgba(10,108,255,.14);border-radius:50%;inset-inline-end:6%;top:6%;width:560px;height:560px;animation:ring 8s ease-out infinite}
.hero-bg i:nth-child(2){animation-delay:2.6s}.hero-bg i:nth-child(3){animation-delay:5.2s}
@keyframes ring{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.3);opacity:0}}
.hero2-in{display:grid;grid-template-columns:1.2fr .8fr;gap:2.6rem;align-items:start}
.eyebrow{font:700 .78rem var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem}
.hero-h2{font-size:clamp(2.4rem,5.8vw,4.6rem);line-height:1.02;letter-spacing:-.04em;margin-bottom:1.1rem}
.lead{font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--muted);max-width:60ch}
.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.4rem 0}
.finder{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.2rem;box-shadow:var(--shadow-s);margin:1.6rem 0 1.2rem}
.finder-t{font:700 .95rem var(--font);margin:0 0 .7rem}
.finder-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.finder-chips a{padding:.5rem 1rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.9rem;border:1px solid transparent}
.finder-chips a:hover{background:var(--accent);color:#fff;text-decoration:none}
.storecard{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:1.6rem;box-shadow:var(--shadow);display:grid;gap:.5rem;position:relative}
.storecard::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;border-radius:28px 28px 0 0;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--gold))}
.storecard h2{margin:.2rem 0 0;font-size:1.7rem}
.storecard ul{list-style:none;display:grid;gap:.5rem;margin:.6rem 0}
.storecard li{display:flex;gap:.6rem;align-items:flex-start;font-size:.94rem}
.storecard li .ic{color:var(--accent);margin-top:.15rem}
.mini-list{display:grid;gap:.4rem;margin-top:.8rem;border-top:1px solid var(--line);padding-top:.8rem}
.mini-list a{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:.55rem .8rem;border-radius:12px;background:var(--panel2);color:var(--text);font-weight:600;font-size:.9rem}
.mini-list a:hover{background:var(--accent-soft);text-decoration:none}
.kicker{font:700 .72rem var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}

/* güven şeridi */
.trust{background:var(--panel);border-block:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;padding-block:1.5rem}
.trust-item{display:flex;gap:.9rem;align-items:flex-start;color:var(--accent)}
.trust-item strong{display:block;color:var(--text);font-size:.98rem}
.trust-item span{display:block;color:var(--muted);font-size:.85rem;line-height:1.4}

/* bölümler */
.sec{padding:clamp(2.5rem,6vw,5rem) 0}
.sec-alt{background:var(--bg2)}
.sec-head{margin-bottom:2rem}
.sec-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}
.page-head{padding:clamp(2rem,5vw,3.6rem) 0 1.4rem;background:radial-gradient(800px 300px at 85% 0,rgba(0,183,212,.16),transparent 70%),linear-gradient(180deg,#f9fbff,var(--bg))}
.cat-head{padding-bottom:2rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.grid{display:grid;gap:1.3rem}
.g-cat{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.g-prod{grid-template-columns:repeat(auto-fill,minmax(262px,1fr))}
.g-why{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.g-art{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.g-doc{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.g-vid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.g-2{grid-template-columns:1fr 1fr}

/* kartlar */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);transition:transform .22s,border-color .22s,box-shadow .22s;color:var(--text);box-shadow:var(--shadow-s)}
a.card:hover,.pcard:hover{transform:translateY(-5px);border-color:rgba(10,108,255,.35);box-shadow:var(--shadow);text-decoration:none}
.pcard{display:flex;flex-direction:column;overflow:hidden}
.pcard-img{display:grid;place-items:center;aspect-ratio:4/3;background:radial-gradient(circle at 50% 35%,#ffffff,#e9f0fa 80%);overflow:hidden}
.pcard-img img{width:100%;height:100%;object-fit:contain;transition:transform .5s}
.pcard:hover .pcard-img img{transform:scale(1.06)}
.pcard-body{display:flex;flex-direction:column;gap:.45rem;padding:1.1rem 1.3rem 1.3rem;flex:1}
.pcard-title{font-size:1.08rem;margin:0}
.pcard-title a{color:var(--text)}
.pcard-title a:hover{color:var(--accent);text-decoration:none}
.pcard-body p{margin:0;font-size:.92rem}
.pcard-foot{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;padding-top:.8rem}
.more{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:.88rem;color:var(--accent)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:.2rem 0}
.chips li{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.18rem .75rem;font-size:.76rem;font-weight:600}
.ccard{display:flex;flex-direction:column;overflow:hidden}
.ccard-img{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#dfeafb,#f3f7fd)}
.ccard-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ccard:hover .ccard-img img{transform:scale(1.07)}
.ccard-body{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem 1.3rem 1.4rem}
.ccard-body h2,.ccard-body h3{margin:0;font-size:1.15rem}
.why{padding:1.6rem}
.why-n{font:800 .8rem var(--font);color:var(--accent);letter-spacing:.14em}
.why h3{margin:.4rem 0}
.acard{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;text-decoration:none!important}
.acard h2,.acard h3{margin:0}
.acard-img{margin:-1.5rem -1.5rem .4rem;overflow:hidden;border-radius:var(--r) var(--r) 0 0}
.dcard{display:flex;flex-direction:column;gap:.7rem;padding:1.5rem;color:var(--accent);text-decoration:none!important}
.dcard h2{margin:0;color:var(--text)}
.vcard{display:flex;flex-direction:column;overflow:hidden;text-decoration:none!important}
.vcard h2,.vcard h3{padding:.9rem 1.1rem 1.1rem;margin:0;font-size:.95rem;line-height:1.35}
.vthumb{position:relative;display:block;aspect-ratio:16/9;background:#0f1b2d}
.vthumb img{width:100%;height:100%;object-fit:cover}
.vthumb i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(15,27,45,.25);transition:background .2s}
.vcard:hover .vthumb i{background:rgba(10,108,255,.4)}
.dealer{padding:1.8rem}

/* bütçe basamakları */
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}
.tier{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;box-shadow:var(--shadow-s)}
.tier h3{margin:0 0 .8rem;color:var(--accent)}
.tier ul{list-style:none;display:grid;gap:.4rem}
.tier a{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:.65rem .9rem;border-radius:12px;background:var(--panel2);color:var(--text);font-weight:600;font-size:.92rem;border:1px solid transparent}
.tier a:hover{background:var(--accent-soft);border-color:rgba(10,108,255,.25);text-decoration:none}

/* fiyat */
.price{display:inline-flex;align-items:baseline;gap:.35rem;color:var(--gold2);white-space:nowrap}
.price strong{font:800 1.12rem var(--font-d)}
.price small{color:var(--muted);font-size:.72rem}
.price-quote{color:var(--accent);font-weight:700;font-size:.88rem}
.price-big strong{font-size:2.1rem}
.price-big.price-quote{font-size:1.1rem}
.stock{display:inline-block;border-radius:999px;padding:.15rem .75rem;font-size:.76rem;font-weight:700;border:1px solid}
.stock-ok{color:#15803d;border-color:#bbf7d0;background:#f0fdf4}.stock-mid{color:#b45309;border-color:#fde68a;background:#fffbeb}.stock-no{color:var(--danger);border-color:#fecaca;background:#fef2f2}

/* meta, sayfa */
.crumbs ol{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;font-size:.82rem;margin:0 0 1rem;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-inline-end:.3rem;opacity:.5}
.crumbs a{color:var(--muted)}
.meta{display:flex;gap:1rem;flex-wrap:wrap;list-style:none;margin-top:1rem}
.meta li{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.6rem 1.1rem;box-shadow:var(--shadow-s)}
.meta span{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.meta strong{color:var(--accent)}
.empty{text-align:center;padding:3rem 0}

/* ürün sayfası */
.pdp{padding:1.5rem 0 3rem}
.pdp-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:start}
.gal-main{border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff,#e6eefa 80%);border:1px solid var(--line);aspect-ratio:4/3;display:grid;place-items:center;box-shadow:var(--shadow-s)}
.gal-main img{width:100%;height:100%;object-fit:contain}
.gal-th{display:flex;gap:.6rem;list-style:none;margin-top:.8rem;flex-wrap:wrap}
.gal-th button{border:2px solid var(--line);border-radius:14px;background:#fff;padding:0;cursor:pointer;overflow:hidden;width:86px;height:66px}
.gal-th button[aria-current]{border-color:var(--accent)}
.gal-th img{width:100%;height:100%;object-fit:cover}
.view3d{margin-top:.8rem}
model-viewer{width:100%;height:100%;background:transparent;--poster-color:transparent}
.pdp-info h1{font-size:clamp(1.7rem,3.2vw,2.5rem)}
.pdp-price{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1rem 0}
.pdp-desc{font-size:1.05rem}
.pdp-trust{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:0 0 1rem;color:var(--muted);font-size:.9rem}
.pdp-trust li{display:flex;align-items:center;gap:.35rem}
.pdp-trust .ic{color:var(--accent)}
.share{display:flex;align-items:center;gap:.7rem;margin-top:1rem}
.share a,.share .copy{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:var(--panel);color:var(--text);cursor:pointer;font-size:.9rem}
.share a:hover,.share .copy:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.pdp-detail{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:start}
.pdp-detail h2{margin-top:1.8rem;font-size:1.4rem}
.pdp-detail h2:first-child{margin-top:0}
.pdp-side{position:sticky;top:96px}
.specs{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
.specs th,.specs td{text-align:start;padding:.8rem 1.1rem;border-bottom:1px solid var(--line);font-size:.95rem}
.specs th{color:var(--muted);font-weight:600;width:42%;background:var(--panel2)}
.specs tr:last-child th,.specs tr:last-child td{border-bottom:0}
.ticks{list-style:none;display:grid;gap:.5rem}
.ticks li{display:flex;gap:.6rem;align-items:flex-start}
.ticks .ic{color:var(--accent);margin-top:.25rem}
.doc-list{list-style:none;display:grid;gap:.5rem}
.doc-list a{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.1rem;border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--panel)}
.doc-list a:hover{border-color:var(--accent);text-decoration:none}
.doc-strip{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.8rem}
.doc-strip a{display:flex;align-items:center;gap:.7rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:16px;color:var(--text);background:var(--panel);font-size:.9rem;font-weight:600;box-shadow:var(--shadow-s)}
.doc-strip a:hover{border-color:var(--accent);text-decoration:none}
.doc-strip .ic{color:var(--accent)}

/* içerik */
.prose{max-width:75ch}
.prose h2{font-size:1.5rem;margin-top:1.8rem}
.prose h3{margin-top:1.4rem}
.prose p,.prose li{color:#34445a}
.prose ul,.prose ol{padding-inline-start:1.3rem;margin-bottom:1em}
.prose img{border-radius:14px;margin:1rem 0}
.prose table{border-collapse:collapse;width:100%}
.prose th,.prose td{border:1px solid var(--line);padding:.5rem .7rem}
.art-img{margin-bottom:1.5rem;border-radius:18px;overflow:hidden}
.timeline{list-style:none;border-inline-start:3px solid var(--accent-soft);padding-inline-start:1.5rem;display:grid;gap:1.5rem}
.faq details{border:1px solid var(--line);border-radius:16px;background:var(--panel);margin-bottom:.7rem;overflow:hidden;box-shadow:var(--shadow-s)}
.faq summary{cursor:pointer;padding:1.1rem 1.3rem;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-size:1.5rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq .prose{padding:0 1.3rem 1.1rem}
.notice{background:var(--accent-soft);border:1px solid rgba(10,108,255,.25);border-radius:14px;padding:.8rem 1rem;color:var(--text)}
.loc-text h3{margin-top:1.6rem;color:var(--accent);font-size:1.1rem}
.pills{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}
.pills a{display:block;padding:.45rem 1rem;border:1px solid var(--line2);border-radius:999px;color:var(--text);font-size:.92rem;background:var(--panel);font-weight:600}
.pills a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.pills-lg a{padding:.6rem 1.2rem}
.pill-main{border-color:var(--gold)!important;color:var(--gold2)!important}
.filter input{background:var(--panel);border:1px solid var(--line2);border-radius:999px;color:var(--text);padding:.75rem 1.3rem;min-width:min(100%,320px);font:inherit;box-shadow:var(--shadow-s)}

/* formlar */
.qform{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:1.6rem;display:grid;gap:1rem;box-shadow:var(--shadow)}
.qform h2{margin:0}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.qform label span{display:block;font-size:.82rem;color:var(--muted);margin-bottom:.3rem;font-weight:600}
.qform input:not([type=checkbox]),.qform textarea,.qform select{width:100%;background:var(--panel2);border:1px solid var(--line2);border-radius:14px;color:var(--text);padding:.8rem 1rem;font:inherit}
.qform input:focus,.qform textarea:focus{border-color:var(--accent);outline:3px solid rgba(10,108,255,.15)}
.consent{display:flex;gap:.6rem;align-items:flex-start}
.consent span{margin:0!important;font-size:.82rem!important}
.qform-act{display:flex;flex-wrap:wrap;gap:.7rem}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.form-ok{color:#15803d;font-weight:700;margin:0}
.form-err{color:var(--danger);margin:0}
.qform.sent>*:not(.form-ok){display:none}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:2.5rem;align-items:start}
.contact-cards{display:grid;gap:.8rem}
.ccon{display:flex;gap:1rem;align-items:center;padding:1.15rem 1.35rem;color:var(--accent);text-decoration:none!important}
.ccon strong{display:block;color:var(--text)}
.ccon small{display:block}
.soc{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}
.soc a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);color:var(--text);background:var(--panel)}
.soc a:hover{border-color:var(--accent);color:var(--accent)}
.soc-lg a{width:46px;height:46px}
.map{border-radius:24px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/7;min-height:280px;box-shadow:var(--shadow-s)}
.map iframe{width:100%;height:100%;border:0}

/* karşılaştırma */
.cmp-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.cmp-pick select{background:var(--panel);border:1px solid var(--line2);border-radius:14px;color:var(--text);padding:.85rem;font:inherit;width:100%}
.cmp-out{margin-top:2rem;overflow-x:auto}
.cmp{width:100%;border-collapse:collapse;min-width:640px;background:var(--panel)}
.cmp th,.cmp td{border:1px solid var(--line);padding:.8rem 1rem;text-align:start;vertical-align:top}
.cmp thead th{background:var(--panel2)}
.cmp tbody th{color:var(--muted);font-weight:600;width:20%}
.cmp img{width:140px;margin-bottom:.5rem;border-radius:12px}

/* video */
.yt{position:relative;aspect-ratio:16/9;background:#000;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.yt img,.yt iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.yt button{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;border:0;background:var(--accent);color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 30px rgba(10,108,255,.5)}

/* CTA şeridi */
.cta-band{background:linear-gradient(120deg,var(--accent),#0b4fd1 60%,var(--accent2));color:#fff}
.cta-in{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;padding-block:3.2rem}
.cta-in h2{margin:0 0 .4rem;color:#fff}
.cta-in h2 em{background:none;color:#fff;-webkit-text-fill-color:#fff;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:6px}
.cta-in p{margin:0;color:rgba(255,255,255,.85);max-width:55ch}
.cta-band .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6)}
.cta-band .btn-ghost:hover{color:#fff;background:rgba(255,255,255,.12)}

/* footer */
.ftr{background:#0f1b2d;color:#c9d5e6;padding-top:3.2rem}
.ftr a{color:#e6eefb}
.ftr .brand{color:#fff}
.ftr-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:2.2rem}
.ftr h3{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#8da2bd;margin-bottom:1rem}
.ftr .muted{color:#8da2bd}
.flist{list-style:none;display:grid;gap:.55rem;font-size:.92rem}
.flist a{opacity:.9}
.flist .ic{color:var(--accent2);margin-inline-end:.3rem;display:inline;vertical-align:-3px}
.ftr .soc a{border-color:rgba(255,255,255,.2);background:transparent;color:#fff}
.ftr .soc a:hover{border-color:var(--accent2);color:var(--accent2)}
.ftr-bot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:1.4rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#8da2bd}

/* yüzen / mobil çubuk / çerez */
.wa-float{position:fixed;inset-inline-end:18px;bottom:20px;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;z-index:90;box-shadow:0 14px 30px -8px rgba(34,197,94,.7);animation:float 3.5s ease-in-out infinite}
.wa-float:hover{text-decoration:none;transform:scale(1.07)}
@keyframes float{50%{transform:translateY(-5px)}}
.mbar{display:none}
.cookie{position:fixed;inset-inline:1rem;bottom:1rem;z-index:150;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1rem 1.2rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:var(--shadow);max-width:760px;margin-inline:auto}
.cookie[hidden]{display:none}
.cookie p{margin:0;font-size:.9rem;color:var(--muted)}
[hidden]{display:none!important}

[dir=rtl] .hero-h2 em{font-family:inherit}

.js .rv{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce) and (min-width:100000px){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.js .rv{opacity:1;transform:none}}

@media (max-width:1020px){
  .hero2-in,.pdp-grid,.pdp-detail,.contact-grid,.two{grid-template-columns:1fr}
  .ftr-grid{grid-template-columns:1fr 1fr}
  .pdp-side{position:static}
}
@media (max-width:1100px){
  .burger{display:grid;position:relative;z-index:130}
  .nav{position:fixed;inset:0 0 0 auto;width:min(86vw,340px);background:#fff;border-inline-start:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;padding:5rem 1.2rem 2rem;transform:translateX(105%);visibility:hidden;transition:transform .28s,visibility 0s .28s;z-index:120;overflow:auto;gap:.2rem;margin:0}
  [dir=rtl] .nav{inset:0 auto 0 0;transform:translateX(-105%)}
  .nav.open{transform:none;visibility:visible;transition:transform .28s}
  .nav a{font-size:1.05rem;padding:.8rem 1rem}
  .hide-m{display:none}
}
@media (max-width:640px){
  body{padding-bottom:64px}
  .fgrid,.cmp-pick,.g-2{grid-template-columns:1fr}
  .ftr-grid{grid-template-columns:1fr}
  .wa-float{bottom:78px;width:52px;height:52px}
  .mbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;inset-inline:0;bottom:0;z-index:95;background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom)}
  .mbar a{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem .2rem;font-size:.72rem;color:var(--text);font-weight:700}
  .mbar a:hover{text-decoration:none}
  .mb-wa{color:#15803d!important}
  .mb-cta{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff!important}
  .cookie{bottom:70px}
  .sec-head-row{align-items:flex-start}
}


/* ===== v4: AI destekli premium tema ===== */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sora";font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/fonts/sora-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Sora";font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/fonts/sora-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#fafbfc;--bg2:#f2f4f8;--panel:#fff;--panel2:#f7f8fb;--line:rgba(11,15,26,.09);--line2:rgba(11,15,26,.16);
  --ink:#0b0f1a;--text:#0b0f1a;--muted:#59627a;--navy:#0b0f1a;
  --c1:#5b5bff;--c2:#00b8ff;--c3:#2ee6b6;--accent:#4747f0;--accent2:#00a8e8;--accent-soft:#eef0ff;
  --gold:#0b0f1a;--gold2:#0b0f1a;--wa:#19b955;
  --grad:linear-gradient(110deg,#5b5bff 0%,#00b8ff 55%,#2ee6b6 100%);
  --r:24px;--shadow:0 30px 60px -30px rgba(20,20,60,.35);--shadow-s:0 2px 10px -4px rgba(20,20,60,.12);
  --font:"Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --font-d:"Sora","Inter","Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;
}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;letter-spacing:-.005em}
h1,h2,h3,h4{font-family:var(--font-d);color:var(--ink);font-weight:650;letter-spacing:-.03em}
em,.grad{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
a{color:var(--accent)}
::selection{background:#c9d4ff}

/* butonlar */
.btn{border-radius:999px;border:1px solid var(--line2);background:#fff;color:var(--ink);box-shadow:none;font-weight:600;padding:.8rem 1.4rem}
.btn:hover{transform:translateY(-1px);border-color:var(--ink);color:var(--ink)}
.btn-cta,.btn-ink{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 12px 30px -12px rgba(11,15,26,.6)}
.btn-cta:hover,.btn-ink:hover{background:#1c2236;border-color:#1c2236;color:#fff;box-shadow:0 16px 36px -12px rgba(11,15,26,.7)}
.btn-wa{background:var(--wa);border-color:var(--wa);color:#fff;box-shadow:0 12px 30px -14px rgba(25,185,85,.8)}
.btn-wa:hover{background:#12a04a;border-color:#12a04a;color:#fff}
.btn-light{background:#fff;color:var(--ink);border-color:#fff}
.btn-ghost{background:transparent;border-color:var(--line2)}
.btn-ai{background:var(--grad);border:0;color:#fff;box-shadow:0 12px 30px -10px rgba(70,90,255,.6)}
.btn-ai:hover{color:#fff;filter:brightness(1.06)}

/* yüzen gezinme */
.topbar{display:none}
.hdr{position:static;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.nb{position:sticky;top:0;z-index:100;padding:12px 0}
.nb-in{position:relative;display:flex;align-items:center;gap:1.2rem;padding:.55rem .7rem .55rem 1rem;border-radius:22px;border:1px solid var(--line);box-shadow:0 14px 40px -24px rgba(20,20,60,.35)}
.nb-in::before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.76);backdrop-filter:blur(20px) saturate(1.7);-webkit-backdrop-filter:blur(20px) saturate(1.7);z-index:-1}
.brand{font-family:var(--font-d);font-weight:700;color:var(--ink);font-size:1.05rem;gap:.65rem}
.brand img{box-shadow:none;border-radius:12px}
.brand small{display:none}
.nb-links{display:flex;align-items:center;gap:.1rem;margin-inline-start:.6rem}
.nb-links>a,.dd>a{display:flex;align-items:center;gap:.3rem;padding:.55rem .85rem;border-radius:999px;font-size:.92rem;font-weight:550;color:var(--ink);opacity:.78;white-space:nowrap}
.nb-links>a:hover,.dd:hover>a,.nb-links a[aria-current]{background:var(--bg2);opacity:1;text-decoration:none}
.nb-links .nav-loc{color:var(--accent)!important}
.dd{position:relative}
.dd-menu{position:absolute;top:100%;left:0;width:min(640px,92vw);padding-top:14px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:none}
.dd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;background:#fff;border:1px solid var(--line);border-radius:20px;padding:.7rem;box-shadow:var(--shadow)}
.dd-grid a{display:flex;gap:.7rem;align-items:center;padding:.55rem .6rem;border-radius:14px;color:var(--ink)}
.dd-grid a:hover{background:var(--bg2);text-decoration:none}
.dd-grid img{width:54px;height:40px;object-fit:cover;border-radius:10px;background:var(--bg2)}
.dd-grid b{display:block;font-size:.88rem;font-weight:600;line-height:1.2}
.dd-grid small{color:var(--muted);font-size:.75rem}
.nb-act{margin-inline-start:auto;display:flex;align-items:center;gap:.5rem}
.nb .lang summary{background:transparent;border:1px solid var(--line);padding:.45rem .75rem}
.ai-open{display:inline-flex;align-items:center;gap:.45rem;border:0;border-radius:999px;padding:.6rem 1.05rem;background:var(--grad);color:#fff;font:600 .9rem var(--font);cursor:pointer;box-shadow:0 10px 24px -10px rgba(70,90,255,.7)}
.ai-open:hover{filter:brightness(1.07)}
.spark{width:16px;height:16px;fill:currentColor}
.burger{border:1px solid var(--line);background:#fff}

/* hero */
.hx{position:relative;overflow:hidden;padding:clamp(1.5rem,4vw,3rem) 0 clamp(2.5rem,5vw,4.5rem);isolation:isolate}
.hx-bg{position:absolute;inset:-10% 0 0;z-index:-1;overflow:hidden}
.hx-bg i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:blob 18s ease-in-out infinite alternate}
.hx-bg i:nth-child(1){width:520px;height:520px;background:#b9bcff;left:-6%;top:0}
.hx-bg i:nth-child(2){width:480px;height:480px;background:#a6ecff;right:2%;top:-8%;animation-delay:-6s}
.hx-bg i:nth-child(3){width:420px;height:420px;background:#b9f7e3;right:28%;bottom:-12%;animation-delay:-11s}
@keyframes blob{to{transform:translate(40px,30px) scale(1.12)}}
.hx-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent);-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent);opacity:.55}
.hx-in{display:grid;grid-template-columns:1.08fr .92fr;gap:2rem;align-items:center}
.live-chip{display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:999px;padding:.35rem .9rem .35rem .45rem;font-size:.82rem;font-weight:600;box-shadow:var(--shadow-s)}
.live-chip b{display:inline-flex;align-items:center;gap:.35rem;background:var(--grad);color:#fff;border-radius:999px;padding:.12rem .6rem;font-size:.72rem;letter-spacing:.04em}
.hx h1{font-size:clamp(2.5rem,5.6vw,5rem);line-height:1.02;letter-spacing:-.045em;margin:1.2rem 0 1.1rem;font-weight:700}
.hx .lead{font-size:clamp(1.02rem,1.4vw,1.2rem);color:var(--muted);max-width:56ch}
.cmd{display:flex;align-items:center;gap:.4rem;background:#fff;border:1px solid var(--line2);border-radius:999px;padding:.45rem .45rem .45rem 1.1rem;box-shadow:0 24px 50px -26px rgba(60,70,200,.5);margin:1.6rem 0 .9rem;max-width:620px;position:relative}
.cmd::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:var(--grad);z-index:-1;opacity:.75;filter:blur(10px);transition:.3s}
.cmd:focus-within::before{opacity:1;filter:blur(14px)}
.cmd .spark{color:var(--accent);width:20px;height:20px;flex:none}
.cmd input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 1rem var(--font);color:var(--ink);padding:.7rem .3rem}
.cmd button{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:.8rem 1.4rem;font:600 .92rem var(--font);cursor:pointer;white-space:nowrap}
.cmd button:hover{background:#1c2236}
.cmd-chips{display:flex;flex-wrap:wrap;gap:.45rem;max-width:640px}
.cmd-chips button{border:1px solid var(--line2);background:rgba(255,255,255,.7);border-radius:999px;padding:.4rem .9rem;font:550 .84rem var(--font);color:var(--ink);cursor:pointer}
.cmd-chips button:hover{background:#fff;border-color:var(--accent);color:var(--accent)}
.hx-stats{display:flex;gap:2.2rem;margin-top:2rem;flex-wrap:wrap}
.hx-stats div strong{display:block;font:700 1.9rem var(--font-d);letter-spacing:-.04em}
.hx-stats div span{font-size:.82rem;color:var(--muted)}

/* sonar */
.sonar{position:relative;aspect-ratio:1/1.02;border-radius:34px;overflow:hidden;background:linear-gradient(180deg,#fff 0,#fff 26%,#eaf0ff 26%,#dfe8ff 100%);border:1px solid var(--line);box-shadow:var(--shadow)}
.sonar::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 26%,rgba(0,184,255,.18),transparent 70%)}
.s-layer{position:absolute;left:0;right:0;height:18%;opacity:.9}
.s-l1{top:26%;background:linear-gradient(180deg,#d9e4ff,#cfdcff)}
.s-l2{top:44%;background:linear-gradient(180deg,#c8d6ff,#bfcfff)}
.s-l3{top:62%;background:linear-gradient(180deg,#b6c8ff,#a9bdfb)}
.s-l4{top:80%;background:linear-gradient(180deg,#a3b6f6,#97abee)}
.s-top{position:absolute;left:50%;top:12%;transform:translateX(-50%);width:62px;height:62px;border-radius:20px;background:var(--ink);display:grid;place-items:center;color:#fff;box-shadow:0 14px 30px -10px rgba(11,15,26,.6);z-index:3}
.s-top svg{width:30px;height:30px}
.s-beam{position:absolute;left:50%;top:26%;width:120%;height:78%;transform:translateX(-50%);background:conic-gradient(from 180deg at 50% 0,transparent 0deg 24deg,rgba(0,184,255,.0) 24deg,rgba(0,184,255,.28) 90deg,rgba(0,184,255,0) 156deg,transparent 156deg 360deg);transform-origin:50% 0;animation:sweep 5.5s ease-in-out infinite alternate;clip-path:polygon(50% 0,100% 100%,0 100%)}
@keyframes sweep{from{transform:translateX(-50%) rotate(-24deg)}to{transform:translateX(-50%) rotate(24deg)}}
.s-grid{position:absolute;left:0;right:0;top:26%;bottom:0;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:36px 36px}
.blip{position:absolute;display:flex;align-items:center;gap:.5rem;transform:translate(-50%,-50%);opacity:0;animation:blip 9s ease-in-out infinite;z-index:4}
.blip i{width:14px;height:14px;border-radius:50%;background:var(--c1);box-shadow:0 0 0 0 rgba(91,91,255,.6);animation:ping 1.8s infinite}
.blip span{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.3rem .7rem;font-size:.76rem;font-weight:650;box-shadow:var(--shadow-s);white-space:nowrap}
.blip span small{display:block;color:var(--muted);font-weight:500;font-size:.68rem}
.b1{left:28%;top:47%}.b2{left:68%;top:63%;animation-delay:2.2s}.b2 i{background:#00b8ff}.b3{left:46%;top:82%;animation-delay:4.4s}.b3 i{background:#19c58f}
@keyframes blip{0%,8%{opacity:0;transform:translate(-50%,-30%) scale(.8)}16%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}84%,100%{opacity:0}}
@keyframes ping{70%{box-shadow:0 0 0 14px rgba(91,91,255,0)}100%{box-shadow:0 0 0 0 rgba(91,91,255,0)}}
.sonar-tag{position:absolute;left:1rem;bottom:1rem;right:1rem;display:flex;justify-content:space-between;gap:1rem;font-size:.74rem;color:#33406b;font-weight:600;z-index:5}
.sonar-tag span{background:rgba(255,255,255,.8);backdrop-filter:blur(6px);border-radius:999px;padding:.25rem .7rem}

/* marquee */
.marq{border-block:1px solid var(--line);background:#fff;overflow:hidden;padding:1rem 0}
.marq-t{display:flex;gap:3rem;width:max-content;animation:mq 38s linear infinite}
@media (hover:hover){.marq:hover .marq-t{animation-play-state:paused}}
.marq-t span{display:inline-flex;align-items:center;gap:.7rem;font:600 .95rem var(--font-d);color:var(--muted);white-space:nowrap}
.marq-t span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--grad)}
@keyframes mq{to{transform:translateX(-50%)}}
[dir=rtl] .marq-t{animation-direction:reverse}

/* bölümler */
.sec{padding:clamp(3rem,7vw,6rem) 0}
.sec-alt,.sec-gray{background:var(--bg2)}
.sec-head{margin-bottom:2.2rem}
.sec-head h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:.4rem 0 0;line-height:1.08}
.kick{display:inline-block;font:650 .76rem var(--font);letter-spacing:.14em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.link-all{font-weight:600;color:var(--ink);border-bottom:1.5px solid var(--ink);padding-bottom:1px}
.link-all:hover{text-decoration:none;color:var(--accent);border-color:var(--accent)}

/* bento */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(190px,auto);gap:1rem}
.bt{position:relative;border-radius:28px;overflow:hidden;background:#dfe6f7;color:#fff;display:flex;align-items:flex-end;min-height:190px;isolation:isolate;transition:transform .35s,box-shadow .35s}
.bt:hover{transform:translateY(-4px);box-shadow:var(--shadow);text-decoration:none}
.bt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s}
.bt:hover img{transform:scale(1.07)}
.bt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,30,0) 25%,rgba(8,12,30,.82) 100%);z-index:-1}
.bt-in{padding:1.3rem 1.4rem;display:grid;gap:.15rem;width:100%}
.bt h3{color:#fff;margin:0;font-size:1.15rem}
.bt small{color:#c6d0ee;font-size:.8rem}
.bt .arr{position:absolute;right:1rem;top:1rem;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);display:grid;place-items:center;transition:.3s}
.bt:hover .arr{background:var(--ink);color:#fff;transform:rotate(-45deg)}
.bt-big{grid-column:span 2;grid-row:span 2}
.bt-big h3{font-size:1.7rem}
.bt-wide{grid-column:span 2}

/* ürün kartları */
.card{border:1px solid var(--line);border-radius:var(--r);box-shadow:none;background:#fff}
a.card:hover,.pcard:hover{box-shadow:var(--shadow);border-color:transparent;transform:translateY(-4px)}
.pcard{position:relative;border-radius:26px;overflow:hidden;background:#fff}
.pcard::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0),rgba(91,91,255,.12),transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:1}
.pcard:hover::before{opacity:1}
.pcard-img{background:linear-gradient(160deg,#f6f8ff,#e9eefc);border:0;padding:1rem}
.pcard-body{padding:1.1rem 1.3rem 1.3rem}
.pcard-title{font-size:1.04rem}
.kicker{color:var(--muted);font-weight:600;letter-spacing:.1em}
.price{color:var(--ink)}
.price strong{font:700 1.25rem var(--font-d);letter-spacing:-.03em;color:var(--ink)}
.price-quote{color:var(--accent);font-weight:600}
.more{color:var(--ink);font-weight:600}
.chips li{background:var(--bg2);color:var(--muted)}
.spot{display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem 1rem 1.6rem;margin-inline:-1rem;scrollbar-width:none}
.spot::-webkit-scrollbar{display:none}
.spot .pcard{flex:0 0 min(300px,78vw);scroll-snap-align:start}

/* AI açıklama paneli */
.ai-sec{background:var(--ink);color:#fff;border-radius:40px;margin:0 auto;width:min(100% - 1.2rem,1280px);padding:clamp(2.2rem,5vw,4.5rem);position:relative;overflow:hidden;isolation:isolate}
.ai-sec::before{content:"";position:absolute;inset:auto -10% -45% auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(91,91,255,.55),transparent 65%);z-index:-1}
.ai-sec::after{content:"";position:absolute;left:-10%;top:-40%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,184,255,.35),transparent 65%);z-index:-1}
.ai-sec h2{color:#fff;font-size:clamp(1.9rem,3.6vw,3rem)}
.ai-sec .lead{color:#aab3d1}
.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.steps{list-style:none;display:grid;gap:1rem;margin-top:1.6rem}
.steps li{display:flex;gap:1rem;align-items:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1rem 1.2rem}
.steps b{flex:none;width:38px;height:38px;border-radius:12px;background:var(--grad);display:grid;place-items:center;font:700 1rem var(--font-d)}
.steps strong{display:block;color:#fff}
.steps span{color:#aab3d1;font-size:.9rem}
.mock{background:#0f1526;border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:1.1rem;display:grid;gap:.7rem;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.mock .m-u,.mock .m-a{max-width:88%;padding:.7rem 1rem;border-radius:18px;font-size:.92rem;line-height:1.45}
.mock .m-u{justify-self:end;background:var(--grad);color:#fff;border-bottom-right-radius:6px}
.mock .m-a{background:rgba(255,255,255,.08);color:#dfe5fa;border-bottom-left-radius:6px}
.mock .m-c{display:flex;gap:.6rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:.55rem;align-items:center}
.mock .m-c img{width:64px;height:48px;object-fit:cover;border-radius:10px;background:#fff}
.mock .m-c b{display:block;font-size:.88rem;color:#fff}
.mock .m-c span{font-size:.8rem;color:#9fb0e0}
.ai-sec .btn-ai{margin-top:1.4rem}

/* bütçe */
.tier{border-radius:26px;border:1px solid var(--line);box-shadow:none}
.tier h3{border:0;padding:0;color:var(--ink);font-size:1.25rem}
.tier a{border-radius:14px;background:var(--bg2)}
.tier a:hover{background:var(--accent-soft);border-color:transparent}

/* promosyon */
.promo{padding:0 0 clamp(3rem,6vw,5rem)}
.promo-card{border-radius:28px}
.p1{background:var(--ink);color:#fff}.p1 p{color:#aab3d1}
.p1 .btn-cta{background:#fff;color:var(--ink);border-color:#fff}
.p2{background:#e4f8ec}.p3{background:var(--bg2)}

/* sayfa başlıkları (iç sayfalar) */
.page-head{background:linear-gradient(180deg,#f2f4ff,var(--bg));border:0;padding:clamp(2rem,5vw,3.6rem) 0 1.6rem}
.page-head h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:700}
.eyebrow{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:650}
.crumbs ol{color:var(--muted)}
.gal-main{border-radius:30px;background:linear-gradient(160deg,#f6f8ff,#e6ecfb);border:0}
.specs{border-radius:20px;border-color:var(--line)}
.qform{border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--line)}
.qform input:not([type=checkbox]),.qform textarea,.qform select{border-radius:14px;background:var(--bg2);border-color:transparent}
.qform input:focus,.qform textarea:focus{background:#fff;border-color:var(--accent)}
.faq details{border-radius:20px;background:#fff;box-shadow:none}
.faq summary::after{color:var(--accent)}
.pills a{border-radius:999px;border-color:var(--line)}
.pills a:hover{border-color:var(--ink);color:var(--ink)}
.meta li{border-radius:16px}
.cta-band{background:var(--ink);position:relative;overflow:hidden;isolation:isolate}
.cta-band::before{content:"";position:absolute;inset:-40% -10% auto auto;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(91,91,255,.55),transparent 65%);z-index:-1}
.cta-in h2 em{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}
.cta-band .btn-cta{background:#fff;color:var(--ink);border-color:#fff}
.doc-strip a{border-radius:18px}
.acard{border-radius:24px}
.vcard{border-radius:22px}
.cat-tile,.ccard{border-radius:24px}

/* footer */
.ftr{background:var(--ink);position:relative;overflow:hidden}
.ftr::before{content:"";position:absolute;left:50%;top:-260px;width:900px;height:420px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(91,91,255,.35),transparent);pointer-events:none}
.ftr .wrap{position:relative}

/* AI sohbet paneli */
.ai-fab{position:fixed;inset-inline-end:18px;bottom:20px;z-index:120;display:inline-flex;align-items:center;gap:.5rem;border:0;border-radius:999px;padding:.9rem 1.3rem;background:var(--ink);color:#fff;font:600 .95rem var(--font);cursor:pointer;box-shadow:0 18px 40px -12px rgba(11,15,26,.7)}
.ai-fab::before{content:"";position:absolute;inset:-3px;border-radius:inherit;background:var(--grad);z-index:-1;animation:glow 3s ease-in-out infinite}
@keyframes glow{50%{filter:blur(8px);opacity:.8}}
.ai-fab .spark{width:18px;height:18px;color:#7ee7ff}
.wa-float{inset-inline-end:18px;bottom:84px;width:54px;height:54px}
.ai{position:fixed;inset-inline-end:18px;bottom:86px;z-index:160;width:min(410px,calc(100vw - 24px));height:min(640px,calc(100vh - 110px));background:rgba(255,255,255,.92);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border:1px solid var(--line);border-radius:28px;box-shadow:0 40px 90px -30px rgba(20,20,60,.6);display:flex;flex-direction:column;overflow:hidden;transform-origin:100% 100%;animation:pop .28s cubic-bezier(.2,.9,.3,1.2)}
.ai[hidden]{display:none}
@keyframes pop{from{opacity:0;transform:scale(.92) translateY(12px)}}
.ai-head{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#f1f3ff,#e8fbff)}
.ai-av{width:34px;height:34px;border-radius:12px;background:var(--grad);display:grid;place-items:center;color:#fff}
.ai-head strong{font:650 .98rem var(--font-d)}
.ai-head small{display:flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.74rem}
.ai-head small::before{content:"";width:7px;height:7px;border-radius:50%;background:#19c58f}
.ai-x{margin-inline-start:auto;border:0;background:rgba(11,15,26,.06);border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:1.2rem;line-height:1;color:var(--ink)}
.ai-body{flex:1;overflow-y:auto;padding:1rem;display:grid;gap:.7rem;align-content:start}
.ai-m{max-width:90%;padding:.7rem 1rem;border-radius:18px;font-size:.92rem;line-height:1.5;white-space:pre-wrap}
.ai-m.bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px;color:var(--ink)}
.ai-m.me{justify-self:end;background:var(--ink);color:#fff;border-bottom-right-radius:6px}
.ai-m.typing{color:var(--muted)}
.ai-m.typing i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-inline-end:3px;animation:dot 1s infinite}
.ai-m.typing i:nth-child(2){animation-delay:.15s}.ai-m.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{50%{transform:translateY(-4px);opacity:.4}}
.ai-cards{display:grid;gap:.5rem}
.ai-card{display:flex;gap:.7rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:.55rem;color:var(--ink)}
.ai-card:hover{border-color:var(--accent);text-decoration:none;box-shadow:var(--shadow-s)}
.ai-card img{width:68px;height:52px;object-fit:contain;border-radius:12px;background:linear-gradient(160deg,#f6f8ff,#e6ecfb);flex:none}
.ai-card b{display:block;font-size:.88rem;line-height:1.25}
.ai-card span{font-size:.82rem;color:var(--accent);font-weight:650}
.ai-chips{display:flex;gap:.4rem;flex-wrap:wrap;padding:0 1rem .6rem}
.ai-chips button{border:1px solid var(--line2);background:#fff;border-radius:999px;padding:.35rem .8rem;font:550 .8rem var(--font);cursor:pointer;color:var(--ink)}
.ai-chips button:hover{border-color:var(--accent);color:var(--accent)}
.ai-wa{display:inline-flex;align-items:center;gap:.4rem;justify-self:start;background:var(--wa);color:#fff!important;border-radius:999px;padding:.5rem 1rem;font-weight:600;font-size:.85rem}
.ai-wa:hover{text-decoration:none;filter:brightness(1.06)}
.ai-form{display:flex;gap:.5rem;padding:.7rem;border-top:1px solid var(--line);background:#fff}
.ai-form input{flex:1;min-width:0;border:1px solid var(--line2);border-radius:999px;padding:.7rem 1rem;font:500 .95rem var(--font);outline:none;background:var(--bg2)}
.ai-form input:focus{border-color:var(--accent);background:#fff}
.ai-form button{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:0 1.2rem;font:600 .9rem var(--font);cursor:pointer}
.ai-note{margin:0;padding:.1rem 1rem .7rem;font-size:.7rem;color:var(--muted);background:#fff}

@media (max-width:1240px){
  .nb-links{position:fixed;inset:0 0 0 auto;width:min(88vw,360px);background:#fff;border-inline-start:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;padding:5rem 1rem 2rem;transform:translateX(105%);visibility:hidden;transition:transform .28s,visibility 0s .28s;z-index:130;overflow:auto;margin:0;gap:.1rem}
  [dir=rtl] .nb-links{inset:0 auto 0 0;transform:translateX(-105%)}
  .nb-links.open{transform:none;visibility:visible;transition:transform .28s}
  .nb-links>a,.dd>a{font-size:1.05rem;padding:.8rem 1rem;opacity:1}
  .dd-menu{position:static;opacity:1;visibility:visible;transform:none;width:auto;padding:0}
  .dd-grid{grid-template-columns:1fr;box-shadow:none;border:0;padding:0 0 0 .6rem}
  .burger{display:grid;position:relative;z-index:140}
  .hx-in,.ai-grid{grid-template-columns:1fr}
  .sonar{max-width:520px;margin-inline:auto;width:100%}
}
@media (max-width:900px){
  .bento{grid-template-columns:repeat(2,1fr)}
  .bt-big{grid-column:span 2}
  .bt-wide{grid-column:span 2}
}
@media (max-width:640px){
  .hide-m{display:none}
  .nb-act .btn-ink{display:none}
  .ai-open span{display:none}
  .ai-open{padding:.6rem .8rem}
  .ai-fab{bottom:76px;padding:.75rem 1.1rem}
  .wa-float{bottom:136px}
  .ai{inset:auto 0 0 0;width:100%;height:min(86vh,680px);border-radius:28px 28px 0 0;bottom:0}
  .hx-stats{gap:1.4rem}
  .ai-sec{border-radius:28px}
  .cmd{padding-left:.9rem}
  .cmd button{padding:.75rem 1rem}
}
@media (prefers-reduced-motion:reduce) and (min-width:100000px){.hx-bg i,.s-beam,.blip,.marq-t,.ai-fab::before{animation:none!important}.blip{opacity:1}}




/* ===== v5: KEŞİF – sinematik hero, 3D tarama, sıcak altın paleti ===== */
:root{--bg:#f7f3ea;--bg2:#efe8d9;--panel:#fffdf8;--panel2:#f4eee1;--line:rgba(24,20,10,.1);--line2:rgba(24,20,10,.2);
  --ink:#11140f;--text:#11140f;--muted:#645d4d;--navy:#11140f;--accent:#b8761a;--accent2:#d89a2b;--accent-soft:#f6e6c6;
  --gold:#e9ad3c;--gold2:#d98a1f;--grad:linear-gradient(110deg,#f7cf6a 0%,#eba43a 55%,#e07a2d 100%);--deep:#0b100d;--scan:#38d9ff;
  --r:22px;--shadow:0 30px 60px -32px rgba(60,40,5,.45);--shadow-s:0 1px 3px rgba(60,40,5,.1)}
body{background:var(--bg)}
em,.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.kick,.eyebrow{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent);letter-spacing:.16em}
a{color:var(--accent)}
.btn-cta,.btn-ink{background:var(--grad);color:#1a1204;border:0;box-shadow:0 14px 34px -14px rgba(224,122,45,.9);font-weight:700}
.btn-cta:hover,.btn-ink:hover{background:var(--grad);color:#1a1204;filter:brightness(1.06);box-shadow:0 18px 38px -14px rgba(224,122,45,1)}
.ai-open,.btn-ai{background:var(--grad);color:#1a1204;box-shadow:0 10px 26px -10px rgba(224,122,45,.9)}
.ai-open .spark,.btn-ai .spark{color:#1a1204}
.mb-cta{background:var(--grad);color:#1a1204!important}
.price strong{color:var(--ink)}
.link-all{border-color:var(--ink)}
.pcard-img,.gal-main,.ai-card img{background:linear-gradient(160deg,#fbf7ec,#eee5d0)}
.pcard::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0),rgba(233,173,60,.2),transparent 55%)}
.chips li,.tier a,.pcard-foot .price-quote{background:var(--bg2)}
.price-quote{color:var(--accent)}
.page-head{background:linear-gradient(180deg,#f1e9d6,var(--bg))}
.cta-band{background:var(--deep)}
.cta-band::before{background:radial-gradient(circle,rgba(233,173,60,.4),transparent 65%)}
.cta-band .btn-cta{background:var(--grad);color:#1a1204}
.ftr{background:var(--deep)}
.ftr::before{background:radial-gradient(closest-side,rgba(233,173,60,.3),transparent)}
.ai-fab{background:var(--deep)}
.ai-fab::before{background:var(--grad)}
.ai-fab .spark{color:var(--gold)}
.ai-head{background:linear-gradient(120deg,#fbf0d6,#f4e2b4)}
.ai-av{background:var(--grad);color:#1a1204}
.ai-form button,.ai-m.me{background:var(--deep)}
.ai-card span{color:var(--accent)}
.ai-sec{background:var(--deep)}
.ai-sec::before{background:radial-gradient(circle,rgba(233,173,60,.4),transparent 65%)}
.ai-sec::after{background:radial-gradient(circle,rgba(56,217,255,.22),transparent 65%)}
.steps b{background:var(--grad);color:#1a1204}
.mock .m-u{background:var(--grad);color:#1a1204}
.faq summary::after{color:var(--accent)}
.live-chip b{background:var(--grad);color:#1a1204}
.tier h3{color:var(--ink)}
.pills a:hover{border-color:var(--accent);color:var(--accent)}
.marq{background:var(--deep);border:0}
.marq-t span{color:#d8cfb8}
.marq-t span::before{background:var(--grad)}
.sec-alt,.sec-gray{background:var(--bg2)}

/* gezinme: ana sayfada saydam-koyu, kaydırınca açık */
.nb-in::before{background:rgba(255,253,248,.82)}
body.pg-home:not(.scrolled) .nb-in{border-color:rgba(255,255,255,.14);box-shadow:none}
body.pg-home:not(.scrolled) .nb-in::before{background:rgba(10,14,11,.35)}
body.pg-home:not(.scrolled) .brand,body.pg-home:not(.scrolled) .nb-links>a,body.pg-home:not(.scrolled) .dd>a{color:#fff}
body.pg-home:not(.scrolled) .nb-links>a:hover,body.pg-home:not(.scrolled) .dd:hover>a{background:rgba(255,255,255,.14)}
body.pg-home:not(.scrolled) .nb .lang summary{color:#fff;border-color:rgba(255,255,255,.3)}
body.pg-home:not(.scrolled) .burger{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.3)}
body.pg-home:not(.scrolled) .nb-links .nav-loc{color:var(--gold)!important}
body.pg-home .hdr{position:fixed;left:0;right:0;top:0;z-index:100}
@media (max-width:1100px){body.pg-home:not(.scrolled) .nb-links>a,body.pg-home:not(.scrolled) .dd>a{color:var(--ink)}}

/* sinematik hero */
.cine{position:relative;min-height:min(100vh,860px);display:flex;align-items:flex-end;background:var(--deep);color:#fff;overflow:hidden;isolation:isolate}
.cine-bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center}
.cine-bg iframe{position:absolute;top:50%;left:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0;pointer-events:none;opacity:0;transition:opacity 1.4s}
.cine-bg iframe.on{opacity:.9}
.cine::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,12,9,.55) 0%,rgba(8,12,9,.2) 30%,rgba(8,12,9,.55) 65%,rgba(8,12,9,.96) 100%),radial-gradient(70% 60% at 20% 80%,rgba(233,173,60,.18),transparent 70%)}
.cine-in{width:min(100% - 2rem,1200px);margin-inline:auto;padding:8rem 0 2.2rem}
.cine .live-chip{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(8px)}
.cine h1{color:#fff;font-size:clamp(2.7rem,7.2vw,6.4rem);line-height:.98;letter-spacing:-.05em;margin:1.2rem 0 1.1rem;max-width:15ch;font-weight:700}
.cine .lead{color:#d4cfc0;max-width:54ch;font-size:clamp(1.02rem,1.4vw,1.22rem)}
.cine .cmd{background:rgba(255,255,255,.96);margin:1.5rem 0 .9rem;max-width:640px}
.cine .cmd::before{background:var(--grad);opacity:.9}
.cine .cmd button{background:var(--deep)}
.cine .cmd-chips button{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(6px)}
.cine .cmd-chips button:hover{background:#fff;color:var(--ink);border-color:#fff}
.cine-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.18);flex-wrap:wrap}
.cine .hx-stats{margin:0}
.cine .hx-stats strong{color:#fff}.cine .hx-stats span{color:#b9b39f}
.cine-ctas{display:flex;gap:.7rem;flex-wrap:wrap}
.cine .btn-ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.cine .btn-ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.cine-play{display:inline-flex;align-items:center;gap:.7rem;color:#fff;font-weight:600;font-size:.92rem}
.cine-play:hover{text-decoration:none;color:var(--gold)}
.cine-play i{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;backdrop-filter:blur(6px)}

/* 3D tarama bölümü */
.scan-sec{background:var(--deep);color:#e9e4d3;padding:clamp(3rem,7vw,6rem) 0;position:relative;overflow:hidden}
.scan-sec::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 75% 40%,rgba(56,217,255,.12),transparent 70%),radial-gradient(50% 50% at 10% 90%,rgba(233,173,60,.12),transparent 70%)}
.scan-in{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center}
.scan-sec h2{color:#fff;font-size:clamp(2rem,4vw,3.4rem);line-height:1.04}
.scan-sec .lead{color:#b9b39f}
.scan-sec .kick{-webkit-text-fill-color:var(--gold);color:var(--gold)}
.layers{list-style:none;display:grid;gap:.6rem;margin:1.6rem 0}
.layers button{width:100%;display:flex;align-items:center;gap:.9rem;text-align:start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:.8rem 1rem;color:#e9e4d3;font:inherit;cursor:pointer;transition:.2s}
.layers button:hover{background:rgba(255,255,255,.1)}
.layers button[aria-pressed=false]{opacity:.45}
.layers i{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:0 0 14px currentColor}
.layers b{display:block;color:#fff;font-size:.95rem}
.layers span{font-size:.8rem;color:#a9a390}
.scan-modes{display:flex;gap:.4rem;margin-bottom:1rem}
.scan-modes button{border:1px solid rgba(255,255,255,.2);background:transparent;color:#d8d3c0;border-radius:999px;padding:.4rem .95rem;font:600 .82rem var(--font);cursor:pointer}
.scan-modes button[aria-pressed=true]{background:var(--gold);color:#1a1204;border-color:var(--gold)}
.scan-view{position:relative;aspect-ratio:1/.86;border-radius:30px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(70% 70% at 50% 40%,#16221b,#0a0f0c);overflow:hidden;box-shadow:0 50px 100px -40px #000;cursor:grab;touch-action:pan-y}
.scan-view:active{cursor:grabbing}
.scan-view canvas{width:100%;height:100%;display:block}
.scan-hud{position:absolute;left:1rem;right:1rem;top:1rem;display:flex;justify-content:space-between;font:600 .72rem var(--font);color:#9fe8ff;letter-spacing:.08em;pointer-events:none;text-transform:uppercase}
.scan-hud span{background:rgba(0,0,0,.45);border:1px solid rgba(56,217,255,.3);border-radius:999px;padding:.25rem .7rem}
.scan-tip{position:absolute;left:1rem;bottom:1rem;font-size:.75rem;color:#8d8a7a;pointer-events:none}
.scan-lab{position:absolute;pointer-events:none;transform:translate(-50%,-130%);background:rgba(10,15,12,.88);border:1px solid currentColor;border-radius:10px;padding:.2rem .6rem;font:650 .72rem var(--font);white-space:nowrap}

/* sahadan: video duvarı */
.wall{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(150px,1fr));gap:.8rem}
.wall a{position:relative;border-radius:24px;overflow:hidden;background:#000;display:block;isolation:isolate;min-height:150px}
.wall a:first-child{grid-row:span 2}
.wall img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform .7s,opacity .3s;z-index:-1}
.wall a:hover img{transform:scale(1.06);opacity:1}
.wall a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(8,12,9,.88));z-index:-1}
.wall .pl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff;transition:.3s}
.wall a:hover .pl{background:var(--gold);color:#1a1204;border-color:var(--gold);transform:translate(-50%,-50%) scale(1.1)}
.wall h3{position:absolute;left:1rem;right:1rem;bottom:.9rem;color:#fff;font-size:.92rem;line-height:1.3;margin:0}
.wall a:first-child h3{font-size:1.25rem}

/* geri arama şeridi */
.callback{background:var(--grad);color:#1a1204}
.callback-in{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;padding-block:1.6rem}
.callback h3{margin:0;color:#1a1204;font-size:1.3rem}
.callback p{margin:0;font-size:.92rem;opacity:.8}
.cb-form{display:flex;gap:.5rem;flex-wrap:wrap}
.cb-form input{border:0;border-radius:999px;padding:.85rem 1.2rem;font:500 1rem var(--font);min-width:220px;background:#fff;color:var(--ink)}
.cb-form button{border:0;border-radius:999px;background:var(--deep);color:#fff;padding:.85rem 1.5rem;font:700 .95rem var(--font);cursor:pointer}
.cb-ok{font-weight:700}

@media (max-width:1100px){.scan-in{grid-template-columns:1fr}.wall{grid-template-columns:1fr 1fr}.wall a:first-child{grid-column:span 2;grid-row:span 1;min-height:220px}}
@media (max-width:640px){.cine{min-height:92vh}.cine-in{padding-top:6.5rem}.wall{grid-template-columns:1fr}.wall a:first-child{grid-column:auto}.cine-foot{gap:1rem}}
@media (prefers-reduced-motion:reduce) and (min-width:100000px){.cine-bg iframe{display:none}}

/* 3D cihaz bölümü */
.dev-sec{background:linear-gradient(180deg,var(--bg),var(--bg2));padding:clamp(3rem,7vw,6rem) 0}
.dev-in{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:center}
.dev-copy h2{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.06}
.dsteps{list-style:none;display:grid;gap:.6rem;margin:1.6rem 0}
.dsteps button{width:100%;display:flex;gap:.9rem;align-items:flex-start;text-align:start;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:.9rem 1rem;font:inherit;color:var(--ink);cursor:pointer;transition:.25s}
.dsteps button:hover{border-color:var(--line2)}
.dsteps button[aria-pressed=true]{background:var(--deep);color:#e8e2cf;border-color:var(--deep);box-shadow:0 24px 40px -26px rgba(0,0,0,.7)}
.dsteps b{flex:none;width:34px;height:34px;border-radius:11px;background:var(--bg2);display:grid;place-items:center;font:700 .95rem var(--font-d)}
.dsteps button[aria-pressed=true] b{background:var(--grad);color:#1a1204}
.dsteps strong{display:block;font-size:1rem;margin-bottom:.1rem}
.dsteps span{font-size:.88rem;line-height:1.45;color:var(--muted)}
.dsteps button[aria-pressed=true] span{color:#b9b39f}
.dsteps button[aria-pressed=true] strong{color:#fff}
.dev-view{position:relative;aspect-ratio:1/.9;border-radius:34px;overflow:hidden;background:radial-gradient(70% 60% at 50% 35%,#fffdf8,#ecdfc3);border:1px solid var(--line);box-shadow:var(--shadow)}
.dev-view model-viewer{position:absolute;inset:0;width:100%;height:100%}
.dev-load{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-weight:600}
.dev-badge{position:absolute;left:1rem;top:1rem;background:var(--deep);color:#fff;border-radius:999px;padding:.3rem .8rem;font:700 .72rem var(--font);letter-spacing:.1em;z-index:2}
@media (max-width:1100px){.dev-in{grid-template-columns:1fr}.dev-view{order:-1}}

/* satın alma çubuğu (ürün sayfası) */
.buybar{position:fixed;left:0;right:0;bottom:0;z-index:110;padding:.6rem;pointer-events:none}
.buybar-in{pointer-events:auto;margin-inline:auto;max-width:960px;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:rgba(255,253,248,.94);backdrop-filter:blur(16px);border:1px solid var(--line2);border-radius:22px;padding:.6rem .7rem .6rem 1rem;box-shadow:0 24px 60px -20px rgba(40,25,0,.45)}
.bb-info{display:flex;align-items:center;gap:.8rem;min-width:0}
.bb-info img{width:56px;height:44px;object-fit:contain;border-radius:10px;background:var(--bg2);flex:none}
.bb-info strong{display:block;font-size:.92rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw}
.bb-act{display:flex;gap:.5rem;flex:none}
body.pg-product{padding-bottom:84px}
body.pg-product .mbar,body.pg-product .wa-float{display:none}
body.pg-product .ai-fab{bottom:88px}
@media (max-width:640px){.bb-info strong{max-width:30vw}.bb-act .btn span{display:none}.bb-act .btn-cta{padding-inline:1rem}}

/* çıkış penceresi */
.exit{position:fixed;inset:0;z-index:400;background:rgba(10,12,8,.6);backdrop-filter:blur(6px);display:grid;place-items:center;padding:1rem;animation:fade .25s}
.exit[hidden]{display:none}
@keyframes fade{from{opacity:0}}
.exit-box{position:relative;background:var(--panel);border-radius:30px;padding:2rem;max-width:480px;width:100%;box-shadow:0 60px 120px -30px #000;animation:pop .3s cubic-bezier(.2,.9,.3,1.2)}
.exit-box h3{font-size:1.7rem;margin:.3rem 0 .5rem}
.exit-box p{color:var(--muted)}
.exit-x{position:absolute;right:1rem;top:1rem;border:0;background:var(--bg2);width:34px;height:34px;border-radius:50%;font-size:1.3rem;cursor:pointer}
.exit .cb-form{margin:1rem 0}
.exit .cb-form input{flex:1;border:1px solid var(--line2);background:var(--bg)}
.exit .cb-form button{background:var(--grad);color:#1a1204}
.exit-alt{display:flex;gap:.5rem;flex-wrap:wrap}
.exit-no{display:block;margin:1rem auto 0;border:0;background:none;color:var(--muted);cursor:pointer;font:inherit;text-decoration:underline}


/* ===== Hafif hero (video yok) ===== */
.cine-lite{display:block;min-height:0;background:radial-gradient(900px 600px at 82% 30%,rgba(233,173,60,.16),transparent 65%),radial-gradient(700px 500px at 5% 100%,rgba(56,217,255,.1),transparent 60%),var(--deep);padding:7.5rem 0 3.5rem}
.cine-lite::before{display:none}
.cine-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center}
.cine-lite h1{font-size:clamp(2.5rem,5.6vw,5rem);max-width:13ch;margin:1.1rem 0 1rem}
.cine-lite .cine-ctas{margin:1.4rem 0 0;display:flex;gap:.7rem;flex-wrap:wrap}
.cine-lite .hx-stats{margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.14)}
.cine-art{position:relative;display:grid;gap:1rem;justify-items:center}
.radar{position:relative;width:min(470px,88vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(56,217,255,.14),rgba(56,217,255,.03) 62%,transparent 70%)}
.rg{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
.r1{inset:0}.r2{inset:13%}.r3{inset:27%}.r4{inset:40%;border-color:rgba(233,173,60,.4)}
.rg::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid rgba(233,173,60,.55);animation:rpulse 4.5s ease-out infinite;opacity:0}
.r4::after{animation-delay:0s}.r3::after{animation-delay:1.1s}.r2::after{animation-delay:2.2s}.r1::after{display:none}
@keyframes rpulse{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(56,217,255,0) 0deg,rgba(56,217,255,0) 290deg,rgba(56,217,255,.38) 355deg,rgba(56,217,255,0) 360deg);animation:rot 5s linear infinite;will-change:transform}
@keyframes rot{to{transform:rotate(360deg)}}
.rdev{position:relative;z-index:2;width:56%;aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 24px 30px rgba(0,0,0,.6));animation:floaty 6s ease-in-out infinite}
.rdev img{width:100%;height:100%;object-fit:contain}
@keyframes floaty{50%{transform:translateY(-8px)}}
.rb{position:absolute;display:flex;align-items:center;gap:.45rem;z-index:3;opacity:0;animation:rbshow 9s ease-in-out infinite}
.rb i{width:12px;height:12px;border-radius:50%;background:#ffcf4a;box-shadow:0 0 0 0 rgba(255,207,74,.7);animation:rping 1.8s infinite}
.rb em{font-style:normal;background:rgba(8,12,9,.82);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:11px;padding:.25rem .65rem;font:650 .74rem var(--font);white-space:nowrap}
.rb em small{color:#ffcf4a;font-weight:700}
.rb1{left:2%;top:28%}.rb2{right:0;top:52%;animation-delay:3s}.rb2 i{background:#38d9ff}.rb2 em small{color:#38d9ff}
.rb3{left:14%;bottom:12%;animation-delay:6s}.rb3 i{background:#ff5ca8}.rb3 em small{color:#ff8ec2}
@keyframes rbshow{0%,6%{opacity:0;transform:translateY(8px)}14%,62%{opacity:1;transform:none}74%,100%{opacity:0}}
@keyframes rping{70%{box-shadow:0 0 0 12px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.cine-card{display:grid;gap:.15rem;width:min(430px,92vw);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:1rem 1.3rem;color:#fff;text-decoration:none!important;transition:.25s}
.cine-card:hover{background:rgba(255,255,255,.14);transform:translateY(-3px)}
.cc-k{font:650 .7rem var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.cine-card strong{font:650 1.1rem var(--font-d);letter-spacing:-.02em}
.cc-p{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.cine-card .price strong{color:#fff;font-size:1.35rem}
.cine-card .price-quote{color:var(--gold)}
.cc-p em{font-style:normal;color:var(--gold);font-weight:600;font-size:.9rem}
@media (max-width:1000px){.cine-grid{grid-template-columns:1fr}.cine-art{order:-1}.cine-lite{padding-top:6rem}.radar{width:min(340px,80vw)}.cine-lite h1{max-width:none}}
@media (max-width:640px){.cine-lite{padding:5.4rem 0 2.4rem}.cine-art{margin-bottom:.4rem}.cine-card{display:none}.rg::after{animation-duration:6s}}
@media (prefers-reduced-motion:reduce) and (min-width:100000px){.sweep,.rdev,.rb,.rg::after{animation:none!important}.rb{opacity:1}}

/* hero düzeltmeleri */
.rdev::before{content:"";position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle at 50% 40%,#ffffff 0%,#f2e6c9 55%,rgba(242,230,201,.0) 72%);z-index:-1;box-shadow:0 0 60px rgba(233,173,60,.35)}
.rdev{width:52%}
.cine .cmd,.cine-lite .cmd{width:100%;max-width:640px}
.cmd input{min-width:0}
.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:640px){
  .radar{width:min(250px,66vw)}
  .rb em{font-size:.66rem;padding:.2rem .5rem}
  .cmd{padding:.35rem .35rem .35rem .8rem}
  .cmd button{padding:.7rem 1rem;font-size:.85rem}
  .cmd input{font-size:.92rem;padding:.6rem .2rem}
  .brand span{max-width:118px}
  .cine-lite h1{font-size:clamp(2.2rem,10vw,3rem)}
  .cine-lite .cmd-chips button{font-size:.78rem;padding:.35rem .7rem}
  .hx-stats{gap:1.2rem 1.6rem}
  .hx-stats strong{font-size:1.5rem}
}
@media (max-width:640px){.ai-fab,.wa-float{display:none!important}.cine-lite{padding-top:5rem}}



/* ===== Öne çıkanlar: vitrin sahnesi ===== */
.show{display:grid;grid-template-columns:1.6fr 1fr;gap:1rem;align-items:stretch}
.show-stage{display:grid;grid-template-columns:1.1fr 1fr;background:var(--deep);border-radius:34px;overflow:hidden;color:#e9e4d3;min-height:440px;position:relative;box-shadow:var(--shadow)}
.show-stage::before{content:"";position:absolute;left:-10%;top:-30%;width:60%;height:120%;background:radial-gradient(closest-side,rgba(233,173,60,.28),transparent);pointer-events:none}
.show-img{position:relative;display:grid;place-items:center;padding:1.5rem}
.show-img::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff,#f0e3c4 60%,rgba(240,227,196,0) 74%)}
.show-img img{position:relative;width:100%;max-height:360px;object-fit:contain;filter:drop-shadow(0 24px 24px rgba(0,0,0,.45));transition:opacity .25s,transform .4s}
.show-img img.sw{opacity:0;transform:scale(.94) translateY(8px)}
.show-info{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.7rem;padding:2rem 2rem 2rem .4rem}
.show-info small{font:650 .72rem var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.show-info h3{margin:0;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.1}
.show-info h3 a{color:#fff}
.show-info p{margin:0;color:#b9b39f;font-size:.95rem}
.show-info ul{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}
.show-info li{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.2rem .7rem;font-size:.78rem;color:#d8d3c0}
.show-buy{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.6rem}
.show-buy strong{font:700 1.6rem var(--font-d);color:#fff;letter-spacing:-.03em;margin-right:.4rem}
.show-info.sw{opacity:.3}
.show-list{list-style:none;display:grid;gap:.5rem;align-content:start}
.show-list a{display:flex;gap:.8rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:.55rem .8rem .55rem .55rem;color:var(--ink);transition:.2s}
.show-list a:hover{border-color:var(--line2);text-decoration:none}
.show-list a.on{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateX(6px)}
.show-list img{width:64px;height:48px;object-fit:contain;border-radius:12px;background:linear-gradient(160deg,#fbf7ec,#eee5d0);flex:none}
.show-list b{display:block;font-size:.88rem;line-height:1.25}
.show-list em{font-style:normal;font-size:.82rem;color:var(--accent);font-weight:650}
.show-list a.on em{color:var(--gold)}

@media (max-width:1000px){
  .show{grid-template-columns:1fr}
  .show-stage{grid-template-columns:1fr;min-height:0}
  .show-info{padding:0 1.4rem 1.6rem}
  .show-list{grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;scrollbar-width:none}
  .show-list::-webkit-scrollbar{display:none}
  .show-list li{scroll-snap-align:start}
  .show-list a.on{transform:none}
}



/* ===== Kategoriler: ürün odaklı kartlar ===== */
.cc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.cc{position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:26px;overflow:hidden;color:var(--ink);text-decoration:none!important;transition:transform .3s,box-shadow .3s,border-color .3s}
.cc:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.cc-img{display:grid;place-items:center;aspect-ratio:1/.82;background:radial-gradient(circle at 50% 40%,#fff,#eee3cb 85%);padding:1rem;overflow:hidden}
.cc-img img{width:100%;height:100%;object-fit:contain;transition:transform .6s}
.cc:hover .cc-img img{transform:scale(1.08)}
.cc-body{display:grid;gap:.25rem;padding:1rem 1.2rem 1.25rem}
.cc-body strong{font:650 1.12rem/1.2 var(--font-d);letter-spacing:-.02em}
.cc-meta{font-size:.84rem;color:var(--muted)}
.cc-meta em{font-style:normal;color:var(--accent);font-weight:650;background:none;-webkit-text-fill-color:currentColor}
.cc-go{position:absolute;right:.9rem;top:.9rem;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--line2);display:grid;place-items:center;transition:.3s}
.cc:hover .cc-go{background:var(--deep);color:#fff;border-color:var(--deep);transform:rotate(-45deg)}
@media (max-width:1000px){.cc-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.cc-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.cc{border-radius:20px}.cc-body{padding:.8rem .9rem 1rem}.cc-body strong{font-size:.98rem}.cc-go{display:none}}

/* başlık düzeltmesi: sıkışma, kesilen marka, iki satıra bölünen butonlar */
.nb-in{width:min(100% - 2rem,1320px);gap:.8rem}
.brand{flex:none}
.brand span{max-width:none;overflow:visible;text-overflow:clip}
.nb-links{margin-inline-start:.2rem;flex:1;min-width:0;justify-content:center;gap:0}
.nb-links>a,.dd>a{padding:.5rem .62rem;font-size:.88rem}
.nb-act{flex:none;gap:.45rem}
.nb-act .btn,.ai-open,.nb .lang summary{white-space:nowrap;flex:none}
.nb-act .btn{padding:.62rem 1.15rem;font-size:.9rem}
.ai-open{padding:.62rem 1.05rem}
@media (max-width:1380px){.nb-links .nav-loc{display:none}.nb-links>a,.dd>a{padding:.5rem .55rem}}
@media (max-width:1240px){.nb-links{justify-content:flex-start;flex:none}.nb-links .nav-loc{display:flex}}
@media (max-width:640px){.brand span{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}


/* ===== 81 il: hizmet paneli ===== */
.prov{display:grid;grid-template-columns:1.05fr .95fr;gap:2.4rem;background:var(--deep);color:#e9e4d3;border-radius:38px;padding:clamp(1.6rem,4vw,3.4rem);position:relative;overflow:hidden;isolation:isolate}
.prov::before{content:"";position:absolute;right:-12%;top:-35%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(233,173,60,.32),transparent 65%);z-index:-1}
.prov::after{content:"";position:absolute;left:-10%;bottom:-40%;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(56,217,255,.16),transparent 65%);z-index:-1}
.prov h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.9rem);line-height:1.06;margin:.5rem 0 1rem}
.prov .kick{-webkit-text-fill-color:var(--gold);color:var(--gold)}
.prov .lead{color:#b9b39f}
.prov-svc{list-style:none;display:grid;gap:.7rem;margin:1.5rem 0}
.prov-svc li{display:flex;gap:1rem;align-items:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:1rem 1.2rem}
.prov-svc i{flex:none;width:46px;height:46px;border-radius:14px;background:var(--grad);color:#1a1204;display:grid;place-items:center}
.prov-svc strong{display:block;color:#fff;font-size:1.02rem;margin-bottom:.1rem}
.prov-svc span{font-size:.88rem;line-height:1.45;color:#b9b39f}
.prov .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35)}
.prov .btn-ghost:hover{background:#fff;color:var(--ink)}
.prov-r{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:1.4rem;display:flex;flex-direction:column;gap:.7rem;backdrop-filter:blur(6px)}
.prov-search{display:flex;align-items:center;gap:.6rem;background:#fff;border-radius:999px;padding:.2rem 1.1rem;color:var(--accent)}
.prov-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 1rem var(--font);color:var(--ink);padding:.8rem 0}
.prov-h{margin:.6rem 0 0;font:650 .72rem var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.prov-h span{color:#8d8a7a;margin-left:.3rem}
.prov-pop,.prov-all{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}
.prov-pop a,.prov-all a{display:block;padding:.38rem .85rem;border-radius:999px;font-size:.86rem;font-weight:550;color:#e9e4d3;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);transition:.2s}
.prov-pop a{background:var(--grad);color:#1a1204;border-color:transparent;font-weight:650}
.prov-pop a:hover{filter:brightness(1.08);text-decoration:none}
.prov-all a:hover{background:#fff;color:var(--ink);border-color:#fff;text-decoration:none}
.prov-all{max-height:178px;overflow-y:auto;padding-right:.3rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}
.prov-all li[hidden]{display:none}
.prov-r .link-all{color:#fff;border-color:#fff;align-self:flex-start;margin-top:.4rem}
.prov-r .link-all:hover{color:var(--gold);border-color:var(--gold)}
@media (max-width:1000px){.prov{grid-template-columns:1fr;border-radius:28px}}


/* ===== Hizmet verdiğimiz ülkeler ===== */
.sec-head.center{text-align:center}
.cty{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;max-width:1000px;margin:0 auto}
.cty li{display:flex;align-items:center;gap:.7rem;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.45rem 1.2rem .45rem .5rem;font-weight:600;font-size:.95rem;transition:transform .25s,box-shadow .25s,border-color .25s}
.cty li:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}
.cty img{width:44px;height:33px;object-fit:cover;border-radius:50%;width:38px;height:38px;border:1px solid var(--line2);flex:none}
.cty-note{text-align:center;color:var(--muted);font-size:.85rem;margin:1.6rem 0 0}
@media (max-width:640px){.cty{gap:.5rem}.cty li{font-size:.85rem;padding:.35rem .9rem .35rem .4rem}.cty img{width:30px;height:30px}}


/* ===== Dünya haritası: hizmet verilen ülkeler ===== */
.wm{background:var(--deep);color:#e9e4d3;border-radius:38px;padding:clamp(1.6rem,4vw,3.4rem);position:relative;overflow:hidden;isolation:isolate}
.wm::before{content:"";position:absolute;left:30%;top:-30%;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(233,173,60,.25),transparent 65%);z-index:-1}
.wm-head{display:grid;grid-template-columns:1.2fr auto;gap:1rem 3rem;align-items:end;margin-bottom:1rem}
.wm-head .kick{grid-column:1/-1;-webkit-text-fill-color:var(--gold);color:var(--gold);margin-bottom:-.6rem}
.wm-head h2{color:#fff;font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.05;margin:0}
.wm-head .lead{color:#b9b39f;grid-column:1;margin:0;max-width:56ch}
.wm-stats{list-style:none;display:flex;gap:2rem;grid-column:2;grid-row:2/4;align-self:end}
.wm-stats strong{display:block;font:700 2.2rem var(--font-d);color:#fff;letter-spacing:-.04em;line-height:1}
.wm-stats span{font-size:.8rem;color:#a9a390}
.wm-map{position:relative;margin:.8rem -.5rem 1rem;min-height:120px}
.wm-svg svg{width:100%;height:auto;display:block;overflow:visible}
.wm-svg path{fill:rgba(255,255,255,.075);stroke:rgba(255,255,255,.13);stroke-width:.22;stroke-linejoin:round;transition:fill .25s,stroke .25s}
.wm-svg path.on{fill:rgba(233,173,60,.55);stroke:#f6cf73;stroke-width:.3;cursor:pointer}
.wm-svg path.on:hover,.wm-svg path.hl{fill:#f6c34f}
.wm-svg path.hub{fill:#ffd36b;stroke:#fff1c4}
.wm-arc{fill:none;stroke:#38d9ff;stroke-width:.35;stroke-opacity:.7;stroke-dasharray:2.2 2.2;animation:wmflow 1.6s linear infinite}
@keyframes wmflow{to{stroke-dashoffset:-8.8}}
.wm-pt circle.d{fill:#fff;stroke:var(--gold);stroke-width:.5}
.wm-pt circle.p{fill:none;stroke:#ffd36b;stroke-width:.4;transform-box:fill-box;transform-origin:center;animation:wmpulse 2.6s ease-out infinite}
@keyframes wmpulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.wm-hub circle.d{fill:#38d9ff;stroke:#fff;stroke-width:.6}
.wm-hub circle.p{fill:none;stroke:#38d9ff;stroke-width:.5;transform-box:fill-box;transform-origin:center;animation:wmpulse 2s ease-out infinite}
.wm-hub text{font:650 4px var(--font);fill:#fff;paint-order:stroke;stroke:#0b100d;stroke-width:1.2}
.wm-tip{position:absolute;pointer-events:none;background:#fff;color:var(--ink);border-radius:10px;padding:.25rem .7rem;font:650 .8rem var(--font);box-shadow:0 12px 30px -8px rgba(0,0,0,.6);transform:translate(-50%,-140%);white-space:nowrap;z-index:3}
.wm .cty{max-width:none;margin-top:1.4rem}
.wm .cty li{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#f3eee0;cursor:default}
.wm .cty li:hover,.wm .cty li.hl{background:var(--gold);color:#1a1204;border-color:var(--gold);transform:translateY(-3px);box-shadow:none}
.wm .cty-note{color:#a9a390}
.wm .cty-note a{color:var(--gold);font-weight:650}
@media (max-width:900px){.wm-head{grid-template-columns:1fr}.wm-stats{grid-column:1;grid-row:auto}.wm{border-radius:28px}.wm-map{margin-inline:-.8rem}}
@media (prefers-reduced-motion:reduce) and (min-width:100000px){.wm-arc,.wm-pt circle.p,.wm-hub circle.p{animation:none}}

/* harita: daha küçük, merkezde ürün görseli */
.wm{padding:clamp(1.4rem,3vw,2.4rem)}
.wm-head h2{font-size:clamp(1.6rem,3vw,2.4rem)}
.wm-map{max-width:780px;margin:.4rem auto .8rem}
.wm-hub .bg{fill:#fff;stroke:#38d9ff;stroke-width:.7}
.wm-hub .p{stroke-width:.5}
.wm-hub image{filter:drop-shadow(0 .6px .8px rgba(0,0,0,.35))}
.wm .cty li{padding:.3rem .95rem .3rem .35rem;font-size:.85rem}
.wm .cty img{width:28px;height:28px}
.wm .cty{gap:.5rem}
@media (max-width:900px){.wm-map{max-width:none}}

.wm-fl{font:650 4.2px var(--font);fill:#fff;paint-order:stroke;stroke:#0b100d;stroke-width:1.3;pointer-events:none}
.wm-drone{pointer-events:none;filter:drop-shadow(0 1px 1.4px rgba(0,0,0,.5))}
.wm-svg path.hl{transition:fill .2s}
.wm .cty li{transition:background .25s,color .25s,transform .25s}

/* drone: belirgin */
.wm-trail{fill:none;stroke:#ffd36b;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;transition:opacity 1s;filter:drop-shadow(0 0 1.4px #ffb400)}
.wm-drone .db{fill:#fff;stroke:#ffd36b;stroke-width:1}
.wm-drone .dg{fill:rgba(255,211,107,.4);transform-box:fill-box;transform-origin:center;animation:wmpulse 1.5s ease-out infinite}
.wm-fl{font-size:5.6px;stroke-width:1.6}
.wm-drone{filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}


/* ===== Belge kartları + önizleme penceresi ===== */
.dcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.1rem}
.dcard2{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden;color:var(--ink);text-decoration:none!important;transition:transform .3s,box-shadow .3s,border-color .3s}
.dcard2:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.dc-thumb{position:relative;display:grid;place-items:center;aspect-ratio:3/4;background:linear-gradient(160deg,#fbf7ec,#eadfc6);padding:.9rem;overflow:hidden}
.dc-thumb img{width:100%;height:100%;object-fit:contain;border-radius:6px;box-shadow:0 14px 30px -14px rgba(60,40,5,.6);transition:transform .5s}
.dcard2:hover .dc-thumb img{transform:scale(1.04)}
.dc-thumb i{position:absolute;left:50%;bottom:1rem;transform:translate(-50%,12px);display:inline-flex;align-items:center;gap:.4rem;background:var(--deep);color:#fff;border-radius:999px;padding:.45rem 1rem;font:650 .8rem var(--font);font-style:normal;opacity:0;transition:.3s;white-space:nowrap}
.dcard2:hover .dc-thumb i{opacity:1;transform:translate(-50%,0)}
.dc-title{padding:.8rem 1rem 1rem;font:600 .86rem/1.35 var(--font)}
.lb{position:fixed;inset:0;z-index:500;background:rgba(8,10,7,.82);backdrop-filter:blur(8px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:1rem;animation:fade .2s}
.lb[hidden]{display:none}
.lb-box{margin:0;display:flex;flex-direction:column;align-items:center;gap:.8rem;max-height:calc(100vh - 2rem);min-width:0}
.lb-img{display:grid;place-items:center;min-height:0;flex:1;overflow:auto;max-width:100%}
.lb-img img{max-height:calc(100vh - 8.5rem);max-width:100%;width:auto;height:auto;background:#fff;border-radius:8px;box-shadow:0 40px 90px -20px #000;animation:pop .3s cubic-bezier(.2,.9,.3,1.2)}
.lb figcaption{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;color:#f3eee0}
.lb figcaption strong{font:650 .95rem var(--font);max-width:46ch;text-align:center}
.lb-act{display:flex;gap:.5rem}
.lb .btn:not(.btn-cta){background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}
.lb-x{position:absolute;right:1rem;top:1rem;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:1.6rem;cursor:pointer;z-index:2}
.lb-n{width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.lb-n:hover,.lb-x:hover{background:#fff;color:var(--ink)}
.lb-n[hidden]{display:none}
@media (max-width:640px){.lb{grid-template-columns:1fr;grid-template-rows:1fr;padding:.6rem}.lb-n{position:absolute;bottom:.8rem;z-index:2;width:42px;height:42px}.lb-prev{left:.8rem}.lb-next{right:.8rem}.dcards{grid-template-columns:repeat(2,1fr);gap:.7rem}.lb-img img{max-height:calc(100vh - 10rem)}}

/* belgeler: tek sıra, yana kaydırmalı */
.drow{position:relative}
.dcards-row{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.3rem .2rem 1.2rem;scrollbar-width:none;margin-inline:-.2rem}
.dcards-row::-webkit-scrollbar{display:none}
.dcards-row .dcard2{flex:0 0 clamp(170px,19vw,224px);scroll-snap-align:start}
.drow-n{position:absolute;top:38%;z-index:3;width:46px;height:46px;border-radius:50%;border:1px solid var(--line2);background:#fff;box-shadow:var(--shadow);font-size:1.7rem;line-height:1;cursor:pointer;color:var(--ink);transition:.2s}
.drow-n:hover{background:var(--deep);color:#fff;border-color:var(--deep)}
.drow-p{left:-14px}.drow-nx{right:-14px}
.drow-n[hidden]{display:none}
@media (max-width:640px){.drow-n{display:none}.dcards-row .dcard2{flex-basis:44vw}}

/* belgeler: 4 sütunlu ızgara */
.dcards,.dcards-4{grid-template-columns:repeat(4,1fr)}
.dc-thumb{aspect-ratio:5/4;padding:.8rem .8rem 0;align-items:start}
.dc-thumb img{height:100%;object-fit:cover;object-position:top center;border-radius:6px 6px 0 0}
.docs-more{text-align:center;margin:1.6rem 0 0}
@media (max-width:900px){.dcards,.dcards-4{grid-template-columns:repeat(2,1fr)}}


/* ===== Bütçe ayarlayıcı ===== */
.bud{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.4rem;background:var(--panel);border:1px solid var(--line);border-radius:38px;padding:clamp(1.4rem,3.4vw,3rem);box-shadow:var(--shadow);align-items:start}
.bud h2{font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.06;margin:.4rem 0 .8rem}
.bud-val{display:flex;align-items:baseline;gap:.8rem;margin:1.4rem 0 .6rem}
.bud-val small{color:var(--muted);font-size:.85rem}
.bud-val strong{font:700 clamp(2.2rem,4vw,3.2rem) var(--font-d);letter-spacing:-.045em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;line-height:1}
#bud-r{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:99px;background:linear-gradient(90deg,#f0b73f var(--pc,30%),#e6dcc6 var(--pc,30%));outline:none;cursor:pointer;margin:.4rem 0}
#bud-r::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--ink);box-shadow:0 6px 16px -4px rgba(0,0,0,.5);cursor:grab}
#bud-r::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--ink);box-shadow:0 6px 16px -4px rgba(0,0,0,.5);cursor:grab}
#bud-r:focus-visible::-webkit-slider-thumb{outline:3px solid rgba(233,173,60,.6);outline-offset:3px}
.bud-scale{display:flex;justify-content:space-between;font-size:.76rem;color:var(--muted)}
.bud-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}
.bud-chips button{border:1px solid var(--line2);background:#fff;border-radius:999px;padding:.38rem .9rem;font:600 .85rem var(--font);cursor:pointer;color:var(--ink);transition:.2s}
.bud-chips button:hover,.bud-chips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.bud-count{margin:.6rem 0 1rem;color:var(--muted)}
.bud-count strong{color:var(--ink);font-size:1.3rem;font-family:var(--font-d)}
.bud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.bcard{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:22px;overflow:hidden;color:var(--ink);text-decoration:none!important;transition:transform .3s,box-shadow .3s,border-color .3s;animation:bin .4s both}
@keyframes bin{from{opacity:0;transform:translateY(10px) scale(.97)}}
.bcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.bc-i{display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(160deg,#fbf7ec,#eadfc6);padding:.6rem}
.bc-i img{width:100%;height:100%;object-fit:contain;transition:transform .5s}
.bcard:hover .bc-i img{transform:scale(1.07)}
.bc-n{padding:.7rem .9rem 0;font:600 .82rem/1.3 var(--font);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.bc-p{padding:.2rem .9rem .9rem;font:700 1.08rem var(--font-d);letter-spacing:-.03em}
.bud-none{padding:2rem 0}
@media (max-width:1000px){.bud{grid-template-columns:1fr;border-radius:28px}.bud-grid{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce) and (min-width:100000px){.bcard{animation:none}}


/* ===== Video penceresi ===== */
.vb{position:fixed;inset:0;z-index:520;background:rgba(8,10,7,.88);backdrop-filter:blur(8px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:1rem;animation:fade .2s}
.vb[hidden]{display:none}
.vb-box{margin:0;width:min(1000px,100%);justify-self:center;display:grid;gap:.8rem}
.vb-frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 50px 100px -30px #000}
.vb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vb figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#f3eee0;flex-wrap:wrap}
.vb figcaption strong{font:600 .98rem/1.35 var(--font);flex:1;min-width:200px}
.vb .btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}
@media (max-width:760px){.vb{grid-template-columns:1fr;align-content:center;padding:.6rem}.vb .lb-n{position:absolute;bottom:1rem;z-index:2;width:42px;height:42px}.vb .lb-prev{left:.8rem}.vb .lb-next{right:.8rem}.vb-box{padding-bottom:3.2rem}}


/* ===== Video salonu ===== */
.th{background:var(--deep);color:#e9e4d3;border-radius:38px;padding:clamp(1.3rem,3vw,2.6rem);position:relative;overflow:hidden;isolation:isolate}
.th::before{content:"";position:absolute;right:-8%;top:-40%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(233,173,60,.28),transparent 65%);z-index:-1}
.th-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}
.th-head h2{color:#fff;font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:1.05;margin:.3rem 0 0}
.th .kick{-webkit-text-fill-color:var(--gold);color:var(--gold)}
.th .th-all{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}
.th .th-all:hover{background:#fff;color:var(--ink)}
.th-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:1.2rem;align-items:start}
.th-stage{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#000;box-shadow:0 40px 80px -30px #000;cursor:pointer;isolation:isolate}
.th-bg{position:absolute;inset:-10%;background-size:cover;background-position:center;filter:blur(26px) brightness(.55) saturate(1.2);z-index:-2}
.th-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1;transition:transform .8s}
.th-stage:hover .th-poster{transform:scale(1.03)}
.th-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.85));pointer-events:none}
.th-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;border:0;background:var(--grad);color:#1a1204;display:grid;place-items:center;cursor:pointer;z-index:2;box-shadow:0 0 0 10px rgba(255,255,255,.14),0 20px 50px -10px rgba(224,122,45,.8);transition:transform .3s,box-shadow .3s}
.th-stage:hover .th-play{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 16px rgba(255,255,255,.14),0 20px 50px -10px rgba(224,122,45,.9)}
.th-cap{position:absolute;left:1.3rem;right:1.3rem;bottom:1.1rem;z-index:2;display:grid;gap:.3rem;pointer-events:none}
.th-live{font:650 .72rem var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.th-cap strong{color:#fff;font:650 clamp(.95rem,1.5vw,1.25rem)/1.25 var(--font-d);letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.th-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;background:#000}
.th-stage.playing{cursor:default}.th-stage.playing::after,.th-stage.playing .th-play,.th-stage.playing .th-cap{display:none}
.th-list{list-style:none;display:grid;gap:.5rem;max-height:calc((min(1200px,100vw - 2rem) - 5rem) * .62 * .5625 + 0px);overflow-y:auto;padding-right:.3rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}
.th-list a{display:flex;gap:.8rem;align-items:center;padding:.5rem;border-radius:18px;border:1px solid transparent;color:#e9e4d3;transition:.25s;background:rgba(255,255,255,.04)}
.th-list a:hover{background:rgba(255,255,255,.1);text-decoration:none}
.th-list a.on{background:rgba(233,173,60,.16);border-color:rgba(233,173,60,.6)}
.th-t{position:relative;flex:none;width:112px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.th-t img{width:100%;height:100%;object-fit:cover}
.th-t i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.25);opacity:0;transition:.2s}
.th-list a:hover .th-t i,.th-list a.on .th-t i{opacity:1}
.th-n{font:550 .84rem/1.35 var(--font);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1000px){.th-grid{grid-template-columns:1fr}.th-list{grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 .6rem;scroll-snap-type:x mandatory}.th-list li{scroll-snap-align:start}.th{border-radius:28px}.th-play{width:68px;height:68px}}


/* ===== Video mozaiği ===== */
.mos{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(130px,15vw,190px);gap:.8rem;grid-auto-flow:dense}
.mt{position:relative;border-radius:24px;overflow:hidden;background:#0c120e;isolation:isolate;color:#fff;display:block;transition:transform .35s,box-shadow .35s}
.mt:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow);text-decoration:none;z-index:2}
.mt-big{grid-column:span 2;grid-row:span 2}
.mt-tall{grid-row:span 2}
.mt-wide{grid-column:span 2}
.mt-bg{position:absolute;inset:-12%;background-size:cover;background-position:center;filter:blur(18px) brightness(.62) saturate(1.25);z-index:-2;transform:scale(1.1)}
.mt img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1;transition:transform .8s}
.mt:hover img{transform:scale(1.07)}
.mt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,7,0) 40%,rgba(6,10,7,.88));z-index:0}
.mt-play{position:absolute;top:.8rem;right:.8rem;z-index:1;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff;transition:.3s}
.mt-big .mt-play{width:62px;height:62px;top:50%;right:auto;left:50%;transform:translate(-50%,-50%)}
.mt:hover .mt-play{background:var(--gold);color:#1a1204;border-color:var(--gold);transform:scale(1.12)}
.mt-big:hover .mt-play{transform:translate(-50%,-50%) scale(1.12)}
.mt-t{position:absolute;left:1rem;right:1rem;bottom:.9rem;z-index:1;font:600 .84rem/1.3 var(--font);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mt-big .mt-t{font:650 1.2rem/1.25 var(--font-d);-webkit-line-clamp:3;letter-spacing:-.02em}
.mt-cta{background:var(--grad);color:#1a1204;display:flex;flex-direction:column;justify-content:center;gap:.1rem;padding:1.4rem 1.6rem}
.mt-cta::after{display:none}
.mt-cta strong{font:700 clamp(2.4rem,5vw,3.8rem) var(--font-d);letter-spacing:-.05em;line-height:1}
.mt-cta span{font:650 1rem var(--font)}
.mt-cta em{font-style:normal;font-weight:650;margin-top:.5rem;border-bottom:2px solid currentColor;width:max-content;background:none;-webkit-text-fill-color:currentColor}
@media (max-width:900px){.mos{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(120px,32vw,190px)}.mt-big{grid-column:span 2}.mt-wide{grid-column:span 2}.mt{border-radius:20px}}


/* ===== İç sayfalar: ortak modern dil ===== */
.page-head{background:none;border:0;padding:1.4rem 0 .4rem}
.page-head>.wrap,.page-head>.narrow{position:relative;overflow:hidden;isolation:isolate;background:var(--deep);color:#e9e4d3;border-radius:36px;padding:clamp(1.6rem,4vw,3rem) clamp(1.4rem,4vw,3.2rem)}
.page-head>.wrap::before,.page-head>.narrow::before{content:"";position:absolute;right:-8%;top:-60%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(233,173,60,.34),transparent 65%);z-index:-1}
.page-head>.wrap::after,.page-head>.narrow::after{content:"";position:absolute;left:-6%;bottom:-70%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(56,217,255,.14),transparent 65%);z-index:-1}
.page-head h1{color:#fff;font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.04;margin:.2rem 0 .7rem}
.page-head .lead{color:#b9b39f;margin:0}
.page-head .eyebrow{background:none;-webkit-text-fill-color:var(--gold);color:var(--gold)}
.page-head .crumbs ol{color:#a9a390;margin-bottom:.9rem}
.page-head .crumbs a{color:#d6d0bd}
.page-head .crumbs a:hover{color:#fff}
.page-head .meta li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);box-shadow:none}
.page-head .meta span{color:#a9a390}.page-head .meta strong{color:var(--gold)}
.page-head .cta-row{margin-bottom:0}
.art .page-head h1{max-width:24ch}
.page-head time.kicker{-webkit-text-fill-color:var(--gold);color:var(--gold)}
.cat-head{padding-bottom:.4rem}

/* ürün/kategori araç çubuğu */
.tools{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}
.tools .count{color:var(--muted);font-weight:600}
.sortb{display:flex;gap:.4rem;flex-wrap:wrap}
.sortb button{border:1px solid var(--line2);background:#fff;border-radius:999px;padding:.45rem 1rem;font:600 .85rem var(--font);cursor:pointer;color:var(--ink);transition:.2s}
.sortb button:hover{border-color:var(--ink)}
.sortb button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ürün detay */
.specs,.specs tbody{display:block;border:0;background:none}
.specs tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.7rem}
.specs tr{display:flex;flex-direction:column;gap:.15rem;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:.9rem 1.1rem}
.specs th,.specs td{display:block;border:0;padding:0;width:auto;background:none}
.specs th{font:600 .74rem var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.specs td{font:650 1.1rem var(--font-d);letter-spacing:-.02em}
.pdp-price{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:1rem 1.3rem}
.pdp-grid .gal-main{border-radius:32px}
.pdp-detail h2{font-size:1.5rem}
.ticks li{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.6rem .9rem}
.pdp-side{position:sticky;top:100px}

/* iletişim */
.ccon{border-radius:22px;gap:1.1rem}
.ccon>.ic{flex:none;box-sizing:content-box;padding:12px;border-radius:16px;background:var(--grad);color:#1a1204;width:24px;height:24px}
.ccon .kicker{color:var(--muted)}
.ccon strong{font:650 1.02rem var(--font-d);letter-spacing:-.02em}
.contact-cards .soc{margin-top:.4rem}
.map{border-radius:30px}

/* blog */
.g-art .acard:first-child{grid-column:span 2;background:var(--deep);color:#e9e4d3;border:0;padding:2rem}
.g-art .acard:first-child h2,.g-art .acard:first-child h3{color:#fff;font-size:clamp(1.4rem,2.4vw,2rem)}
.g-art .acard:first-child .muted{color:#b9b39f}
.g-art .acard:first-child .more,.g-art .acard:first-child .kicker{color:var(--gold)}
@media (max-width:700px){.g-art .acard:first-child{grid-column:auto}}
.prose{font-size:1.04rem;line-height:1.75}
.prose h2{margin-top:2.2rem}

/* hakkımızda / sayfalar */
.timeline li{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:1.1rem 1.3rem;position:relative}
.timeline{border:0;padding:0}
.why{border-radius:24px}
.why h3{font-size:1.1rem}
.dealer{border-radius:28px;background:var(--bg2)}

/* videolar sayfası mozaik */
.pg-videos .mos{margin-bottom:1rem}

/* konumlar */
.loc-text h3{font-size:1.15rem}
.pills a{background:#fff}

/* karşılaştırma */
.cmp-pick select{border-radius:999px;padding:.85rem 1.2rem;font-weight:600}
.cmp thead th{background:var(--deep);color:#fff}
.cmp thead th a{color:#fff}
.cmp{border-radius:20px;overflow:hidden}
.cmp td strong.price{color:var(--ink)}

/* 404 */
.center .eyebrow{display:inline-block}


/* ===== Hakkımızda ===== */
.abs{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem;margin-top:-1.4rem;position:relative;z-index:2}
.abs li{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:1.1rem 1rem;text-align:center;box-shadow:var(--shadow)}
.abs strong{display:block;font:700 clamp(1.7rem,2.8vw,2.4rem) var(--font-d);letter-spacing:-.05em;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.abs span{display:block;margin-top:.3rem;font-size:.8rem;color:var(--muted);font-weight:600}
.abt{display:grid;grid-template-columns:1.2fr .8fr;gap:2.4rem;align-items:center}
.abt h2{font-size:clamp(1.8rem,3.2vw,2.7rem);margin:.3rem 0 .8rem}
.abp{background:var(--deep);color:#e9e4d3;border-radius:32px;padding:2rem;display:grid;gap:.3rem;position:relative;overflow:hidden;isolation:isolate}
.abp::before{content:"";position:absolute;right:-20%;top:-30%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(233,173,60,.4),transparent 65%);z-index:-1}
.abp-av{width:76px;height:76px;border-radius:24px;background:var(--grad);color:#1a1204;display:grid;place-items:center;font:700 1.7rem var(--font-d);margin-bottom:.8rem}
.abp strong{color:#fff;font:650 1.4rem var(--font-d);letter-spacing:-.03em}
.abp small{color:var(--gold);font-weight:600;letter-spacing:.04em}
.abp ul{list-style:none;display:grid;gap:.7rem;margin-top:1rem}
.abp li{display:flex;gap:.7rem;align-items:flex-start;font-size:.93rem}
.abp li .ic{color:var(--gold);margin-top:.15rem}
.abp a{color:#fff}
.abvm{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem}
.abv,.abm{border-radius:34px;padding:clamp(1.6rem,3.4vw,2.8rem)}
.abv{background:var(--deep);color:#e9e4d3;position:relative;overflow:hidden;isolation:isolate}
.abv::before{content:"";position:absolute;left:-12%;bottom:-40%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(233,173,60,.3),transparent 65%);z-index:-1}
.abv h2{color:#fff;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.2;margin:.4rem 0 1.2rem}
.abv .kick{-webkit-text-fill-color:var(--gold);color:var(--gold)}
.abv .ticks li{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#e9e4d3}
.abv .ticks .ic{color:var(--gold)}
.abm{background:var(--grad);color:#1a1204;display:flex;flex-direction:column;justify-content:center}
.abm .kick{-webkit-text-fill-color:#1a1204;color:#1a1204;opacity:.7}
.abm h2{color:#1a1204;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.25;margin:.4rem 0 0}
.abg{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.abg-2{grid-template-columns:repeat(2,1fr)}
.abc{background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:1.5rem;transition:transform .3s,box-shadow .3s}
.abc:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.abc b{font:700 .85rem var(--font-d);letter-spacing:.1em;color:var(--accent)}
.abc i{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--grad);color:#1a1204;margin-bottom:.8rem}
.abc h3{margin:.5rem 0 .4rem;font-size:1.1rem}
.abc p{margin:0;font-size:.92rem}
.abh{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0 1.4rem;counter-reset:h;position:relative}
.abh li{background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:1.5rem 1.5rem 1.6rem;position:relative}
.abh li::before{content:"";position:absolute;left:1.5rem;top:-6px;width:44px;height:6px;border-radius:99px;background:var(--grad)}
.abh-p{display:block;font:700 1.5rem var(--font-d);letter-spacing:-.04em;margin-bottom:.5rem}
.abh h3{margin:0 0 .4rem;font-size:1.05rem}
.abtoday{display:flex;gap:1.4rem;align-items:flex-start;flex-wrap:wrap;background:var(--bg2);border-radius:24px;padding:1.4rem 1.6rem}
.abtoday strong{font:650 1.05rem var(--font-d);flex:none}
.abtoday ul{list-style:none;display:grid;gap:.4rem;flex:1;min-width:240px}
.abtoday li{display:flex;gap:.6rem;align-items:flex-start;font-size:.93rem}
.abtoday .ic{color:var(--accent);margin-top:.2rem}
.abq{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.4rem;align-items:center}
.abq h2{font-size:clamp(1.6rem,2.8vw,2.3rem);margin:.4rem 0 .8rem;line-height:1.1}
@media (max-width:1000px){.abs{grid-template-columns:repeat(3,1fr)}.abt,.abvm,.abq{grid-template-columns:1fr}.abg,.abh{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.abs{grid-template-columns:repeat(2,1fr);margin-top:-1rem}.abg,.abg-2,.abh{grid-template-columns:1fr}.abv,.abm{border-radius:26px}}


/* ===== Karşılaştırma ===== */
.cmp2-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.cs{position:relative;display:flex;flex-direction:column;gap:.35rem;background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:1rem;box-shadow:var(--shadow-s);min-width:0}
.cs-i{display:grid;place-items:center;aspect-ratio:4/3;border-radius:20px;background:linear-gradient(160deg,#fbf7ec,#eadfc6);padding:.6rem;overflow:hidden}
.cs-i img{width:100%;height:100%;object-fit:contain}
.cs small{font:650 .7rem var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:.4rem}
.cs-n{font:650 1.1rem/1.25 var(--font-d);letter-spacing:-.02em;color:var(--ink)}
.cs-p{font:700 1.5rem var(--font-d);letter-spacing:-.04em}
.cs-p em{font-style:normal;font-size:1rem;color:var(--accent);background:none;-webkit-text-fill-color:currentColor}
.cs-a{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.3rem}
.cs-x{position:absolute;right:.8rem;top:.8rem;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--line2);background:#fff;font-size:1.2rem;line-height:1;cursor:pointer;color:var(--ink)}
.cs-x:hover{background:var(--ink);color:#fff}
.cs-empty{align-items:center;justify-content:center;min-height:260px;border:2px dashed var(--line2);background:transparent;cursor:pointer;font:inherit;color:var(--ink);transition:.2s;box-shadow:none}
.cs-empty:hover{border-color:var(--accent);background:var(--panel)}
.cs-plus{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--grad);color:#1a1204;font:300 2rem/1 var(--font)}
.cmp2-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.4rem 0 .8rem}
.cmp2-empty{text-align:center;color:var(--muted);padding:2.4rem 0;font-weight:600}
.cmp2-tw{overflow-x:auto;border-radius:26px;border:1px solid var(--line);background:var(--panel)}
.cmp2-t{width:100%;border-collapse:collapse;min-width:560px;table-layout:fixed}
.cmp2-t th,.cmp2-t td{padding:.95rem 1.1rem;text-align:start;vertical-align:top;border-bottom:1px solid var(--line);font-size:.95rem}
.cmp2-t th{width:22%;color:var(--muted);font:600 .8rem var(--font);letter-spacing:.06em;text-transform:uppercase;background:var(--panel2);position:sticky;left:0}
.cmp2-t tr:last-child th,.cmp2-t tr:last-child td{border-bottom:0}
.cmp2-t tr.diff td{background:rgba(233,173,60,.12);font-weight:600}
.cmp2-t tr.rp td{font:700 1.2rem var(--font-d);letter-spacing:-.03em;background:none}
.cmp2-t td.best{background:rgba(25,185,85,.12)}
.cmp2-t td b{display:block;margin-top:.25rem;font:650 .7rem var(--font);letter-spacing:.06em;text-transform:uppercase;color:#15803d}
.pk{position:fixed;inset:0;z-index:500;background:rgba(8,10,7,.6);backdrop-filter:blur(6px);display:grid;place-items:center;padding:1rem;animation:fade .2s}
.pk[hidden]{display:none}
.pk-box{width:min(560px,100%);max-height:min(640px,88vh);display:flex;flex-direction:column;gap:.8rem;background:var(--panel);border-radius:28px;padding:1.2rem;box-shadow:0 60px 120px -30px #000}
.pk-h{display:flex;justify-content:space-between;align-items:center}
.pk-h strong{font:650 1.15rem var(--font-d)}
.pk-x{border:0;background:var(--bg2);width:36px;height:36px;border-radius:50%;font-size:1.3rem;cursor:pointer}
#pk-q{border:1px solid var(--line2);border-radius:999px;padding:.8rem 1.2rem;font:500 1rem var(--font);outline:none;background:var(--bg)}
#pk-q:focus{border-color:var(--accent);background:#fff}
.pk-l{list-style:none;overflow-y:auto;display:grid;gap:.4rem;padding-right:.2rem}
.pk-l button{width:100%;display:flex;gap:.8rem;align-items:center;text-align:start;background:var(--bg);border:1px solid transparent;border-radius:18px;padding:.5rem .8rem .5rem .5rem;cursor:pointer;font:inherit;color:var(--ink);transition:.2s}
.pk-l button:hover{border-color:var(--accent);background:#fff}
.pk-l img{width:64px;height:48px;object-fit:contain;border-radius:12px;background:linear-gradient(160deg,#fbf7ec,#eadfc6);flex:none}
.pk-l span{flex:1;min-width:0}.pk-l b{display:block;font-size:.9rem;line-height:1.25}.pk-l small{color:var(--muted);font-size:.75rem}
.pk-l em{font-style:normal;font-weight:700;font-size:.88rem;white-space:nowrap}
@media (max-width:760px){.cmp2-slots{grid-template-columns:1fr 1fr 1fr;gap:.5rem;overflow-x:auto}.cs{min-width:150px;padding:.7rem;border-radius:22px}.cs-n{font-size:.9rem}.cs-p{font-size:1.1rem}.cs-a .btn-wa{display:none}.cs-empty{min-height:180px}.cs-plus{width:42px;height:42px;font-size:1.5rem}}

/* karşılaştırma: öneriler, özet, sabit çubuk, seçici süzgeci */
.cmp2-presets{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.2rem}
.cmp2-presets>span{font:650 .78rem var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:.2rem}
.cmp2-presets button{border:1px solid var(--line2);background:#fff;border-radius:999px;padding:.5rem 1.1rem;font:600 .88rem var(--font);cursor:pointer;color:var(--ink);transition:.2s}
.cmp2-presets button:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-1px)}
.cmp2-btns{display:flex;gap:.5rem}
.cmp2-sum{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.9rem}
.cmp2-sum[hidden]{display:none}
.cmp2-sum span{background:var(--bg2);border-radius:999px;padding:.4rem 1rem;font-size:.88rem;color:var(--muted);font-weight:600}
.cmp2-sum b{color:var(--ink)}
.cmp2-t td.top{background:rgba(25,185,85,.1)}
.cmp2-t td b.tp{display:block;margin-top:.2rem;font:650 .68rem var(--font);letter-spacing:.06em;text-transform:uppercase;color:#15803d}
.cmp2-pin{position:fixed;left:50%;top:78px;transform:translate(-50%,-140%);z-index:90;display:flex;gap:.6rem;background:rgba(255,253,248,.95);backdrop-filter:blur(14px);border:1px solid var(--line2);border-radius:22px;padding:.5rem;box-shadow:var(--shadow);transition:transform .35s;max-width:calc(100vw - 1.4rem)}
.cmp2-pin.show{transform:translate(-50%,0)}
.cmp2-pin a{display:flex;gap:.6rem;align-items:center;color:var(--ink);padding:.3rem .8rem .3rem .3rem;border-radius:16px;min-width:0}
.cmp2-pin a:hover{background:var(--bg2);text-decoration:none}
.cmp2-pin img{width:40px;height:30px;object-fit:contain;border-radius:8px;background:var(--bg2);flex:none}
.cmp2-pin span{display:grid;line-height:1.2;min-width:0}
.cmp2-pin b{font:650 .8rem var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.cmp2-pin em{font-style:normal;font-size:.76rem;color:var(--accent);font-weight:650}
.pk-c{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.1rem}
.pk-c::-webkit-scrollbar{display:none}
.pk-c button{flex:none;border:1px solid var(--line2);background:#fff;border-radius:999px;padding:.35rem .9rem;font:600 .8rem var(--font);cursor:pointer;color:var(--ink)}
.pk-c button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (max-width:760px){.cmp2-pin a{padding-right:.4rem}.cmp2-pin b{max-width:84px}.cmp2-pin img{display:none}.cmp2-presets>span{width:100%}}

/* videolar: kategori süzgeci + kart ızgarası */
.vf{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.vf button{border:1px solid var(--line2);background:#fff;border-radius:999px;padding:.5rem 1rem;font:600 .88rem var(--font);cursor:pointer;color:var(--ink);transition:.2s;display:inline-flex;gap:.45rem;align-items:center}
.vf button i{font-style:normal;font-size:.72rem;background:var(--bg2);color:var(--muted);border-radius:999px;padding:.05rem .5rem}
.vf button:hover{border-color:var(--accent)}
.vf button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.vf button[aria-pressed=true] i{background:rgba(255,255,255,.2);color:#fff}
.vf-s{margin-inline-start:auto}
.vf-s input{border:1px solid var(--line2);border-radius:999px;padding:.55rem 1.1rem;font:500 .92rem var(--font);background:#fff;outline:none;width:min(240px,100%)}
.vf-s input:focus{border-color:var(--accent)}
.vf-n{margin:.9rem 0 .6rem;font-size:.85rem}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.vc{display:flex;flex-direction:column;gap:.6rem;color:var(--ink);min-width:0}
.vc[hidden]{display:none}
.vc:hover{text-decoration:none}
.vc-i{position:relative;display:block;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#0c120e;box-shadow:var(--shadow-s);transition:transform .3s,box-shadow .3s}
.vc:hover .vc-i{transform:translateY(-4px);box-shadow:var(--shadow)}
.vc-i img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.vc:hover .vc-i img{transform:scale(1.06)}
.vc-p{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff;transition:.3s}
.vc:hover .vc-p{background:var(--gold);color:#1a1204;border-color:var(--gold);transform:scale(1.1)}
.vc-i em{position:absolute;left:.6rem;top:.6rem;font:650 .68rem var(--font);font-style:normal;letter-spacing:.04em;background:rgba(10,14,11,.7);color:#fff;border-radius:999px;padding:.25rem .65rem;backdrop-filter:blur(6px)}
.vc strong{font:600 .92rem/1.35 var(--font);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1100px){.vgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.vgrid{grid-template-columns:repeat(2,1fr);gap:.8rem}.vf{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-1rem;padding-inline:1rem}.vf::-webkit-scrollbar{display:none}.vf button{flex:none}.vf-s{display:none}.vc-i{border-radius:16px}.vc-p{width:40px;height:40px}.vc strong{font-size:.82rem}}
.vf{flex-wrap:nowrap;gap:.4rem}
.vf button{flex:none;padding:.5rem .85rem;font-size:.85rem;white-space:nowrap}
.vf-s{flex:1 1 130px;min-width:110px;max-width:230px}
.vf-s input{width:100%}
@media (max-width:1100px){.vf{overflow-x:auto;scrollbar-width:none}.vf::-webkit-scrollbar{display:none}.vf-s{flex:none;width:200px}}

/* makaleler */
.ac{display:block;position:relative;overflow:hidden;aspect-ratio:16/9;background:#0c120e;isolation:isolate}
.ac img{width:100%;height:100%;object-fit:cover}
.ac i{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.22);left:50%;top:50%;transform:translate(-50%,-50%)}
.ac i:nth-child(1){width:34%;aspect-ratio:1}.ac i:nth-child(2){width:62%;aspect-ratio:1}.ac i:nth-child(3){width:94%;aspect-ratio:1}
.ac b{position:absolute;left:1.1rem;bottom:.6rem;font:700 clamp(2.4rem,6vw,4rem)/1 var(--font-d);letter-spacing:-.05em;color:rgba(255,255,255,.92)}
.ac-g0{background:radial-gradient(circle at 70% 30%,#e9ad3c,#9a5b12 55%,#2b1a06)}
.ac-g1{background:radial-gradient(circle at 30% 30%,#2fb67c,#0f5a43 55%,#07241c)}
.ac-g2{background:radial-gradient(circle at 70% 70%,#4f8fe8,#1d4a8f 55%,#0b1c38)}
.ac-g3{background:radial-gradient(circle at 30% 70%,#d96a4a,#8a2f1c 55%,#2a0f09)}
.ac-g4{background:radial-gradient(circle at 50% 30%,#8a6fe0,#43308f 55%,#150e33)}
.bf{display:grid;grid-template-columns:1.15fr 1fr;background:var(--panel);border:1px solid var(--line);border-radius:32px;overflow:hidden;box-shadow:var(--shadow-s);color:var(--ink);transition:transform .3s,box-shadow .3s}
.bf:hover{transform:translateY(-4px);box-shadow:var(--shadow);text-decoration:none}
.bf .ac{aspect-ratio:auto;min-height:340px;height:100%}
.bf-b{display:flex;flex-direction:column;gap:.7rem;justify-content:center;padding:clamp(1.4rem,3vw,2.6rem);align-items:flex-start}
.bf-k{font:650 .72rem var(--font);letter-spacing:.12em;text-transform:uppercase;background:var(--grad);color:#1a1204;border-radius:999px;padding:.3rem .8rem}
.bf h2{font:700 clamp(1.5rem,2.6vw,2.2rem)/1.15 var(--font-d);letter-spacing:-.03em;margin:0}
.bf p{color:var(--muted);margin:0}
.bc-m{font-size:.8rem;color:var(--muted);font-weight:600}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1.2rem}
.sec-head+.bgrid{margin-top:0}
.bc{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:26px;overflow:hidden;color:var(--ink);box-shadow:var(--shadow-s);transition:transform .3s,box-shadow .3s}
.bc:hover{transform:translateY(-5px);box-shadow:var(--shadow);text-decoration:none}
.bc-b{display:flex;flex-direction:column;gap:.5rem;padding:1.3rem 1.4rem 1.5rem;flex:1}
.bc h2,.bc h3{font:650 1.15rem/1.3 var(--font-d);letter-spacing:-.02em;margin:0}
.bc p{color:var(--muted);font-size:.92rem;margin:0}
.bc .more{margin-top:auto;padding-top:.5rem;font-weight:650;color:var(--accent);display:inline-flex;gap:.3rem;align-items:center}
.art-m{font-size:.85rem;color:var(--muted);font-weight:600;margin:.2rem 0 .6rem}
.art-l{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3rem;align-items:start;max-width:1100px;margin-inline:auto;padding-block:1rem 3rem}
.art-c .prose{max-width:none}
.art-s{position:sticky;top:96px}
.art-box{display:flex;flex-direction:column;gap:.7rem;background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:1.4rem;box-shadow:var(--shadow-s)}
.art-box strong{font:650 1.15rem var(--font-d)}
.art-box p{margin:0;font-size:.92rem}
@media (max-width:980px){.bgrid{grid-template-columns:repeat(2,1fr)}.bf{grid-template-columns:1fr}.bf .ac{min-height:0;aspect-ratio:16/9}.art-l{grid-template-columns:1fr;gap:1.5rem}.art-s{position:static}}
@media (max-width:620px){.bgrid{grid-template-columns:1fr}.bf{border-radius:24px}}
.bgrid-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.bgrid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.bgrid-4{grid-template-columns:1fr}}

/* kompakt sayfa başlığı */
.page-head>.wrap,.page-head>.narrow{padding:clamp(1.1rem,2.4vw,1.7rem) clamp(1.2rem,3vw,2.2rem);border-radius:28px}
.page-head h1{font-size:clamp(1.6rem,3vw,2.3rem);margin:.1rem 0 .4rem}
.page-head .lead{font-size:.98rem;line-height:1.5;max-width:62ch}
.page-head .crumbs ol{margin-bottom:.5rem}
.page-head+.sec{padding-top:1.4rem}
.bf .ac{min-height:250px}
.bf-b{padding:clamp(1.1rem,2.2vw,1.8rem);gap:.5rem}
.bf h2{font-size:clamp(1.3rem,2vw,1.7rem)}
.bf p{font-size:.94rem}
.bgrid{margin-top:1rem;gap:1rem}
.bc-b{padding:1rem 1.1rem 1.2rem}
.bc h2,.bc h3{font-size:1.05rem}
.ac b{font-size:clamp(2rem,4vw,2.8rem)}

/* ürünler: süzgeç çubuğu */
.pf{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem}
.pf::-webkit-scrollbar{display:none}
.pf button{flex:none;border:1px solid var(--line2);background:#fff;border-radius:999px;padding:.5rem .9rem;font:600 .85rem var(--font);cursor:pointer;color:var(--ink);white-space:nowrap;display:inline-flex;gap:.45rem;align-items:center;transition:.2s}
.pf button i{font-style:normal;font-size:.72rem;background:var(--bg2);color:var(--muted);border-radius:999px;padding:.05rem .5rem}
.pf button:hover{border-color:var(--accent)}
.pf button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pf button[aria-pressed=true] i{background:rgba(255,255,255,.2);color:#fff}
.pt{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin:1rem 0 1.2rem}
.pt-s input{border:1px solid var(--line2);border-radius:999px;padding:.6rem 1.1rem;font:500 .92rem var(--font);background:#fff;outline:none;width:min(280px,100%)}
.pt-s input:focus{border-color:var(--accent)}
.pt-n{font-size:.85rem;margin-inline-end:auto}
.pt-o{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted);font-weight:600}
.pt-o select{border:1px solid var(--line2);border-radius:999px;padding:.55rem 1rem;font:600 .88rem var(--font);background:#fff;color:var(--ink);outline:none}
.pcard[hidden]{display:none}
@media (max-width:620px){.pt-s{flex:1 1 100%}.pt-s input{width:100%}.pt-o span{display:none}.pt-n{margin-inline-end:0}}

/* ürünler: yan filtreli mağaza */
.shop{display:grid;grid-template-columns:260px minmax(0,1fr);gap:2rem;align-items:start}
.shop-open{display:none}
.shop-f{position:sticky;top:96px;display:flex;flex-direction:column;gap:1.1rem;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:1.2rem;box-shadow:var(--shadow-s);max-height:calc(100vh - 120px);overflow-y:auto}
.sf-h,.sf-apply{display:none}
.sf-g{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:.15rem;min-width:0}
.sf-g legend,.sf-ph{font:650 .72rem var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;padding:0}
.sf-ph{display:flex;justify-content:space-between;align-items:baseline}
.sf-ph b{font:650 .85rem var(--font);color:var(--ink);letter-spacing:0;text-transform:none}
.sf-s input{width:100%;border:1px solid var(--line2);border-radius:999px;padding:.6rem 1rem;font:500 .92rem var(--font);background:#fff;outline:none}
.sf-s input:focus{border-color:var(--accent)}
.sf-r,.sf-c{display:flex;align-items:center;gap:.6rem;padding:.38rem .5rem;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:550;transition:background .15s}
.sf-r:hover,.sf-c:hover{background:var(--bg2)}
.sf-r span,.sf-c span{flex:1;min-width:0}
.sf-r i{font-style:normal;font-size:.72rem;background:var(--bg2);color:var(--muted);border-radius:999px;padding:.05rem .5rem}
.sf-r:has(input:checked){background:var(--ink);color:#fff}
.sf-r:has(input:checked) i{background:rgba(255,255,255,.2);color:#fff}
.sf-r input{position:absolute;opacity:0;pointer-events:none}
.sf-c input,#pp{accent-color:var(--accent)}
#pp{width:100%;margin:.2rem 0 .5rem}
.sf-clear{align-self:flex-start}
.shop-m .pt{margin:0 0 1rem}
.g-shop{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
@media (max-width:980px){
  .shop{grid-template-columns:1fr}
  .shop-open{display:inline-flex;gap:.5rem;align-items:center;justify-self:start}
  .shop-open i{font-style:normal;background:var(--ink);color:#fff;border-radius:999px;font-size:.72rem;min-width:1.3rem;text-align:center;padding:.05rem .4rem}
  .shop-f{position:fixed;inset:auto 0 0 0;z-index:400;max-height:86vh;border-radius:26px 26px 0 0;transform:translateY(105%);transition:transform .35s;visibility:hidden;box-shadow:0 -30px 80px -20px rgba(0,0,0,.45);padding-bottom:1.2rem}
  .shop-f.open{transform:none;visibility:visible}
  .sf-h{display:flex;justify-content:space-between;align-items:center}
  .sf-h strong{font:650 1.15rem var(--font-d)}
  .sf-x{border:0;background:var(--bg2);width:36px;height:36px;border-radius:50%;font-size:1.3rem;cursor:pointer}
  .sf-apply{display:inline-flex;justify-content:center;position:sticky;bottom:0}
}
#sf-kind{max-height:210px;overflow-y:auto;scrollbar-width:thin}

/* mağaza: etkin filtreler, kıyasla, hızlı işlemler */
.sf-act{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}
.sf-act[hidden]{display:none}
.sf-act button{border:0;background:var(--accent-soft,#fdf1d6);color:var(--ink);border-radius:999px;padding:.35rem .5rem .35rem .85rem;font:600 .8rem var(--font);cursor:pointer;display:inline-flex;gap:.4rem;align-items:center}
.sf-act button b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.12);font-size:.85rem;line-height:1}
.sf-act button:hover b{background:var(--ink);color:#fff}
.pt-n{font:650 .95rem var(--font);color:var(--ink)}
.pcard-cmp{position:absolute;left:.7rem;top:.7rem;z-index:3;display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border:1px solid var(--line2);border-radius:999px;padding:.3rem .7rem .3rem .5rem;font:650 .74rem var(--font);cursor:pointer;transition:.2s}
.pcard-cmp input{accent-color:var(--accent);width:15px;height:15px;margin:0}
.pcard-cmp:hover{border-color:var(--accent)}
.pcard.is-pick{outline:2px solid var(--accent);outline-offset:-2px}
.pcard.is-pick .pcard-cmp{background:var(--ink);color:#fff;border-color:var(--ink)}
.pcard-wa{position:absolute;right:.7rem;top:.7rem;z-index:3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;opacity:0;transform:translateY(-4px);transition:.25s;box-shadow:var(--shadow-s)}
.pcard:hover .pcard-wa,.pcard-wa:focus-visible{opacity:1;transform:none}
.pcard-wa:hover{text-decoration:none;filter:brightness(1.08)}
@media (hover:none){.pcard-wa{opacity:1;transform:none}}
.cbar{position:fixed;left:0;right:0;bottom:1rem;z-index:300;display:flex;justify-content:center;padding:0 1rem;pointer-events:none}
.cbar[hidden]{display:none}
.cbar-in{pointer-events:auto;display:flex;gap:.7rem;align-items:center;background:var(--ink);color:#fff;border-radius:999px;padding:.55rem .6rem .55rem 1.3rem;box-shadow:0 20px 50px -12px rgba(0,0,0,.55);max-width:100%}
.cbar-t{font:600 .88rem var(--font)}
.cbar-in .btn-ghost{color:#fff;border-color:rgba(255,255,255,.3);background:transparent}
.cbar-in .btn[hidden]{display:none}
@media (max-width:620px){.cbar-in{padding-left:1rem;gap:.4rem}.cbar-t{font-size:.78rem}}

/* mağaza: sadeleştirme */
.sf-l{font:650 .72rem var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:.2rem 0 .4rem}
.sf-pre{display:flex;gap:.35rem;margin-bottom:.5rem}
.sf-pre button{flex:1;border:1px solid var(--line2);background:#fff;border-radius:999px;padding:.3rem .2rem;font:600 .78rem var(--font);cursor:pointer;color:var(--ink)}
.sf-pre button:hover{border-color:var(--accent)}
.sf-d{border-top:1px solid var(--line);padding-top:.7rem}
.sf-d summary{cursor:pointer;font:650 .72rem var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);list-style:none;display:flex;justify-content:space-between}
.sf-d summary::after{content:"+";font-size:1rem;line-height:1}
.sf-d[open] summary::after{content:"–"}
.sf-d summary::-webkit-details-marker{display:none}
.sf-dl{display:flex;flex-direction:column;gap:.1rem;margin-top:.5rem;max-height:240px;overflow-y:auto}
#sf-kind{max-height:none;overflow:visible}
.shop-f{gap:.9rem;padding:1rem}
.sf-r{padding:.3rem .5rem}
.g-shop{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem}
.g-shop .pcard{border-radius:20px}
.g-shop .pcard-img{aspect-ratio:16/11;padding:.6rem}
.g-shop .pcard-img img{object-fit:contain}
.g-shop .pcard-body{padding:.8rem 1rem 1rem;gap:.3rem}
.g-shop .pcard-body>p{display:none}
.g-shop .pcard-title{font-size:.98rem;line-height:1.25}
.g-shop .kicker{font-size:.66rem}
.g-shop .chips li{font-size:.7rem;padding:.12rem .55rem}
.g-shop .pcard-foot{padding-top:.5rem}
.g-shop .pcard-foot .more{font-size:.8rem}
.pcard-cmp{font-size:.7rem;padding:.22rem .6rem .22rem .45rem}

/* sipariş formu */
.order-form{border:2px solid var(--accent);margin-bottom:1.2rem}
.ord-p{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;background:var(--bg2);border-radius:14px;padding:.6rem .9rem;margin:.4rem 0}
.ord-p em{font-style:normal;font:700 1rem var(--font-d);white-space:nowrap}
.order-form .qform-act .btn{width:100%;justify-content:center}

/* ürünler: sekmeler + vitrin */
.pf{margin-bottom:1.2rem}
.pf button{padding:.6rem 1.1rem;font-size:.9rem}
.scs{margin-bottom:1.4rem}
.sc{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;background:var(--deep);color:#e9e4d3;border-radius:30px;overflow:hidden}
.sc[hidden]{display:none}
.sc-i{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#2a2113,#0f0c07 75%);padding:1.4rem;min-height:300px;height:100%}
.sc-i img{max-height:300px;width:auto;max-width:100%;object-fit:contain}
.sc-b{display:flex;flex-direction:column;gap:.7rem;padding:clamp(1.3rem,3vw,2.2rem);align-items:flex-start}
.sc-k{font:650 .72rem var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.sc h2{font:700 clamp(1.5rem,2.6vw,2.1rem)/1.12 var(--font-d);letter-spacing:-.03em;margin:0}
.sc h2 a{color:#fff}
.sc h2 a:hover{text-decoration:none;color:var(--gold)}
.sc p{color:#b9b39f;margin:0;font-size:.95rem}
.sc .chips li{background:rgba(255,255,255,.1);color:#e9e4d3}
.sc-f{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:.3rem}
.sc-f .price,.sc-f .price-badge,.sc-f>span:first-child{color:#fff}
.sc-f .btn-ghost{color:#fff;border-color:rgba(255,255,255,.3);background:transparent}
.pt{margin:0 0 1rem}
.pt-s{margin-inline-start:auto}
.pt-n{margin-inline-end:0}
.g-shop4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.g-shop4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.g-shop4{grid-template-columns:repeat(2,1fr)}.sc{grid-template-columns:1fr}.sc-i{min-height:0}.sc-i img{max-height:220px}}
@media (max-width:480px){.g-shop4{grid-template-columns:1fr}}

/* ürün sayfası */
.pdp-hi{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:.6rem 0 .2rem;padding:0}
.pdp-hi li{display:flex;flex-direction:column;gap:.1rem;background:var(--bg2);border-radius:14px;padding:.6rem .85rem;min-width:0}
.pdp-hi span{font:650 .68rem var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pdp-hi strong{font:650 .98rem var(--font-d);letter-spacing:-.01em;overflow-wrap:anywhere}
.pdp-act{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.9rem}
.pdp-act .btn{justify-content:center;width:100%}
.pdp-act .pdp-order{grid-column:1/-1}
.pdp-flow{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin:.7rem 0 0}
.pdp-nav{position:sticky;top:76px;z-index:80;background:rgba(255,253,248,.92);backdrop-filter:blur(12px);border-block:1px solid var(--line)}
.pdp-nav-in{display:flex;gap:.3rem;align-items:center;overflow-x:auto;scrollbar-width:none;padding-block:.5rem}
.pdp-nav-in::-webkit-scrollbar{display:none}
.pdp-nav a{flex:none;padding:.45rem .95rem;border-radius:999px;font:600 .88rem var(--font);color:var(--ink);white-space:nowrap}
.pdp-nav a:hover{background:var(--bg2);text-decoration:none}
.pdp-nav .pdp-nav-cta{margin-inline-start:auto;background:var(--grad);color:#1a1204}
.pdp-detail h2[id]{scroll-margin-top:140px}
.pdp-sec{padding-top:2rem}
@media (max-width:620px){.pdp-hi{grid-template-columns:1fr 1fr}.pdp-act{grid-template-columns:1fr}.pdp-nav{top:64px}}
.buybar{transform:translateY(130%);transition:transform .35s;visibility:hidden}
.buybar.show{transform:none;visibility:visible}
body.pg-product{padding-bottom:0}
.pdp-detail{align-items:start}
.pdp-side{position:sticky;top:140px;align-self:start}
@media (max-width:980px){.pdp-side{position:static}}
.pdp-act{grid-template-columns:1fr auto;gap:.5rem}
.pdp-act .pdp-tel{width:auto;padding-inline:1.1rem}
.pdp-flow{font-size:.84rem;color:var(--muted);margin:.7rem 0 0}
.pdp-flow a{color:var(--accent);font-weight:600}
@media (max-width:620px){.pdp-act{grid-template-columns:1fr auto}}
.pdp-act{grid-template-columns:1fr 1fr;gap:.6rem}
.pdp-act .btn{min-height:52px;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;box-shadow:none;white-space:nowrap}
.pdp-act .pdp-order{box-shadow:0 12px 28px -12px rgba(233,140,40,.6)}
.pdp-act .pdp-tel{width:100%;padding-inline:1rem;background:#fff;border:1.5px solid var(--ink);color:var(--ink)}
.pdp-act .pdp-tel:hover{background:var(--ink);color:#fff}
.pdp-act .btn-wa{border:1.5px solid transparent}
@media (max-width:420px){.pdp-act .btn{font-size:.92rem;padding-inline:.6rem}}
.pdp-act{grid-template-columns:repeat(2,minmax(0,1fr))}
.pdp-flow{text-align:center;display:flex;justify-content:center;flex-wrap:wrap;gap:.2rem .5rem;margin-top:.8rem}.pdp-flow a{white-space:nowrap}

/* ana sayfa: kategori bento */
.cc-bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(230px,auto);gap:.9rem}
.cc-bento .cc{background:var(--deep);border:0;color:#e9e4d3;border-radius:28px;box-shadow:none}
.cc-bento .cc:hover{transform:translateY(-5px);box-shadow:0 30px 60px -28px rgba(0,0,0,.6)}
.cc-bento .cc-img{flex:1;aspect-ratio:auto;background:radial-gradient(circle at 50% 42%,rgba(233,173,60,.32),rgba(233,173,60,0) 62%);padding:1.4rem 1rem .4rem;min-height:130px}
.cc-bento .cc-img img{max-height:150px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
.cc-bento .cc-body{padding:.2rem 1.3rem 1.2rem}
.cc-bento .cc-body strong{color:#fff;font-size:1.08rem}
.cc-bento .cc-meta{color:#a9a390}
.cc-bento .cc-meta em{color:var(--gold)}
.cc-bento .cc-n{position:absolute;left:1.2rem;top:1rem;font:650 .72rem var(--font);letter-spacing:.14em;color:rgba(255,255,255,.4)}
.cc-bento .cc-go{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(6px)}
.cc-bento .cc:hover .cc-go{background:var(--gold);color:#1a1204;border-color:var(--gold)}
.cc-bento .cc-lg{grid-column:span 2;grid-row:span 2;background:linear-gradient(160deg,#17110a,#2b1c08 60%,#4a2f0c)}
.cc-bento .cc-lg .cc-img{min-height:300px;padding:2.4rem 1.5rem .6rem}
.cc-bento .cc-lg .cc-img img{max-height:300px}
.cc-bento .cc-lg .cc-body{padding:.4rem 1.8rem 1.8rem;gap:.45rem}
.cc-bento .cc-lg .cc-body strong{font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.03em}
.cc-tag{color:#b9b39f;font-size:.95rem;line-height:1.5;max-width:46ch}
.cc-bento .cc-all{align-items:flex-start;justify-content:flex-end;gap:.1rem;padding:1.4rem;background:var(--grad);color:#1a1204}
.cc-bento .cc-all strong{font:700 clamp(2.6rem,5vw,3.8rem)/1 var(--font-d);letter-spacing:-.05em;color:#1a1204}
.cc-bento .cc-all span{font:650 1rem var(--font)}
.cc-bento .cc-all em{font-style:normal;font-weight:650;margin-top:.7rem;display:inline-flex;gap:.4rem;align-items:center;border-bottom:2px solid currentColor;padding-bottom:.1rem;background:none;-webkit-text-fill-color:currentColor}
@media (max-width:1000px){.cc-bento{grid-template-columns:repeat(2,1fr)}.cc-bento .cc-lg{grid-column:span 2;grid-row:auto}.cc-bento .cc-lg .cc-img{min-height:220px}.cc-bento .cc-lg .cc-img img{max-height:220px}}
@media (max-width:560px){.cc-bento{gap:.6rem;grid-auto-rows:auto}.cc-bento .cc{border-radius:22px}.cc-bento .cc-img{min-height:110px;padding:1.6rem .6rem .2rem}.cc-bento .cc-img img{max-height:100px}.cc-bento .cc-body{padding:.2rem .9rem 1rem}.cc-bento .cc-body strong{font-size:.95rem}.cc-bento .cc-meta{font-size:.76rem}.cc-bento .cc-all{min-height:150px}}

/* bento: küçük kartlar bir ton açık */
.cc-bento .cc:not(.cc-lg):not(.cc-all){background:linear-gradient(165deg,#3b3a31,#26251e)}
.cc-bento .cc:not(.cc-lg):not(.cc-all) .cc-img{background:radial-gradient(circle at 50% 45%,rgba(255,226,160,.5),rgba(255,226,160,0) 66%)}
.cc-bento .cc:not(.cc-lg):not(.cc-all) .cc-img img{filter:drop-shadow(0 14px 18px rgba(0,0,0,.4))}
.cc-bento{grid-auto-rows:minmax(270px,auto)}
.cc-bento .cc-img{padding:1.2rem .4rem 0}
.cc-bento .cc-img img{max-height:none;width:100%;height:100%;min-height:150px;transform:scale(1.18);transform-origin:50% 55%}
.cc-bento .cc:hover .cc-img img{transform:scale(1.26)}
.cc-bento .cc-lg .cc-img{padding:2rem 1rem 0}
.cc-bento .cc-lg .cc-img img{max-height:none;min-height:300px;transform:scale(1.12)}
.cc-bento .cc-lg:hover .cc-img img{transform:scale(1.18)}
@media (max-width:560px){.cc-bento{grid-auto-rows:auto}.cc-bento .cc-img img{min-height:110px;transform:scale(1.1)}.cc-bento .cc-lg .cc-img img{min-height:200px}}
.cc-bento .cc-img img{transform:scale(1.02)}
.cc-bento .cc:hover .cc-img img{transform:scale(1.08)}
.cc-bento .cc-lg .cc-img img{transform:scale(1)}
.cc-bento .cc-lg:hover .cc-img img{transform:scale(1.05)}
.cc-bento .cc-img img{transform:scale(var(--s,1.35))!important;transform-origin:50% 58%}
.cc-bento .cc:hover .cc-img img{transform:scale(calc(var(--s,1.35) * 1.05))!important}
.cc-bento .cc-img{position:relative;z-index:0}
.cc-bento .cc-body{position:relative;z-index:2;background:linear-gradient(180deg,rgba(15,13,9,0),rgba(15,13,9,.55) 40%)}

/* dikey fotoğraflı kartlar */
.pcard-img img.is-ph{object-fit:cover;object-position:50% 80%}
.pcard-img:has(img.is-ph){padding:0;background:#0b0c0a}
.pcard-img:has(img.is-ph){position:relative}
.pcard-img img.is-ph{position:absolute;inset:0;width:100%;height:100%}

/* ürün kartı görsel türleri */
.pcard-img img.is-ph{object-position:50% 55%}
.pcard-img img.is-ph.is-por{object-position:50% 70%}
.pcard-img img.is-bg{object-fit:contain}
.pcard-img img.is-t{scale:var(--ps,1)}

/* sipariş penceresi */
.pdp-detail{grid-template-columns:1fr}
.om{position:fixed;inset:0;z-index:600;background:rgba(8,10,7,.62);backdrop-filter:blur(6px);display:grid;place-items:center;padding:1rem;overflow-y:auto}
.om[hidden]{display:none}
.om-box{position:relative;width:min(560px,100%);max-height:calc(100vh - 2rem);overflow-y:auto;background:var(--panel,#fffdf8);border-radius:28px;box-shadow:0 60px 120px -30px #000;margin:auto}
.om-box .order-form{border:0;margin:0;box-shadow:none;border-radius:0;padding:1.6rem 1.5rem 1.4rem}
.om-box .order-form>h2{padding-inline-end:2.5rem}
.om-x{position:absolute;right:.9rem;top:.9rem;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:#fff;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--ink)}
.om-x:hover{background:var(--ink);color:#fff}
@media (max-width:620px){.om{padding:0;place-items:end center}.om-box{border-radius:26px 26px 0 0;max-height:94vh;margin:0}}

/* yeni rozeti + stok */
.new-b{display:inline-flex;align-items:center;gap:.25rem;background:var(--grad);color:#1a1204;border-radius:999px;padding:.22rem .65rem;font:700 .68rem var(--font);letter-spacing:.1em;white-space:nowrap;box-shadow:0 8px 18px -8px rgba(233,140,40,.8)}
.pcard-img{position:relative}
.pcard-img .new-b{position:absolute;right:.7rem;top:.7rem;z-index:3}
.pcard-img .stock{position:absolute;left:.7rem;bottom:.7rem;z-index:3;font-size:.68rem;padding:.12rem .6rem;background:rgba(255,255,255,.94);backdrop-filter:blur(6px)}
.pcard-img:has(img.is-ph) .stock{background:rgba(255,255,255,.94)}
.pcard-wa{top:auto;bottom:auto}
.g-shop .pcard-wa,.pcard-wa{top:3.1rem}
.stock-low{color:#b91c1c;border-color:#fecaca;background:#fef2f2}
.gal-main{position:relative}
.new-b-lg{position:absolute;left:1rem;top:1rem;z-index:3;font-size:.8rem;padding:.35rem .9rem}
.sc-k .new-b{margin-right:.4rem;vertical-align:middle}
.sc-f .stock{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#e9e4d3}
.sc-f .stock-ok{color:#86efac}.sc-f .stock-low{color:#fca5a5}.sc-f .stock-no{color:#fca5a5}
.kicker+.new-b{margin-left:.4rem;vertical-align:middle}

/* mobil üst menü */
@media (max-width:640px){
  .nb-in{width:calc(100% - 1.2rem);padding:.4rem .45rem .4rem .65rem;gap:.35rem;border-radius:20px}
  .brand{gap:.5rem;min-width:0}
  .brand img{width:34px;height:34px}
  .brand span{max-width:none;overflow:visible;text-overflow:clip;font-size:.95rem;white-space:nowrap}
  .nb-act{gap:.3rem}
  .nb .lang summary{padding:.4rem .6rem;font-size:.82rem;min-height:40px}
  .nb .ai-open{width:40px;height:40px;padding:0;display:grid;place-items:center}
  .burger{width:40px;height:40px}
}
@media (max-width:360px){.brand span{font-size:.86rem}.brand img{width:30px;height:30px}.nb .lang summary{padding:.4rem .5rem}}

/* vitrin: koyu zeminde fiyat okunur */
.sc .price,.sc .price strong,.sc .price-quote{color:#fff}
.sc .price small{color:#b9b39f}
.sc .price-quote{color:var(--gold)}

/* mobil: ürün ızgarası 2 sütun, kompakt kart */
@media (max-width:620px){
  .g-shop4{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .g-shop .pcard{border-radius:16px}
  .g-shop .pcard-body{padding:.55rem .7rem .75rem;gap:.15rem}
  .g-shop .pcard-body>p,.g-shop .chips,.g-shop .kicker{display:none}
  .g-shop .pcard-title{font-size:.84rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
  .g-shop .pcard-foot{flex-direction:column;align-items:flex-start;gap:.15rem;padding-top:.3rem}
  .g-shop .pcard-foot .more{display:none}
  .g-shop .price strong{font-size:.98rem}
  .g-shop .price-quote{font-size:.78rem}
  .g-shop .pcard-wa{display:none}
  .g-shop .pcard-cmp{left:.4rem;top:.4rem;padding:.25rem;gap:0}
  .g-shop .pcard-cmp span{display:none}
  .g-shop .pcard-img .new-b{right:.4rem;top:.4rem;font-size:.58rem;padding:.14rem .45rem}
  .g-shop .pcard-img .stock{left:.4rem;bottom:.4rem;font-size:.58rem;padding:.06rem .45rem}
  .sc{border-radius:22px}
  .sc-b{padding:1.1rem 1.2rem 1.4rem}
  .sc-f{gap:.5rem}
  .sc-f .btn{padding:.6rem 1rem}
  .pt{gap:.5rem}
  .pt-s{flex:1 1 100%;margin-inline-start:0}
  .pt-s input{width:100%}
  .pt-n{flex:1}
}

/* mobil: galeri küçük resimler tek sıra, 3D düğmesi görselin üstünde */
@media (max-width:760px){
  .gal{position:relative}
  .gal-th{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;scrollbar-width:none;margin-top:.6rem;padding-bottom:.2rem;-webkit-overflow-scrolling:touch}
  .gal-th::-webkit-scrollbar{display:none}
  .gal-th li{flex:none;width:68px}
  .gal-th img{width:100%;height:52px;object-fit:contain}
  .gal .view3d{position:absolute;right:.7rem;top:.7rem;z-index:4;background:rgba(255,255,255,.92);backdrop-filter:blur(6px)}
}
@media (max-width:760px){.gal-th button{width:68px;height:52px;border-radius:12px}}

/* karşılaştır: sabit çubuk gizliyken tamamen gizli */
.cmp2-pin{opacity:0;visibility:hidden;pointer-events:none;transition:transform .35s,opacity .25s,visibility .25s}
.cmp2-pin.show{opacity:1;visibility:visible;pointer-events:auto}
@media (max-width:760px){.cmp2-pin{top:70px;max-width:calc(100vw - 1.2rem)}}
.map{width:100%;max-width:100%}
@media (max-width:760px){.map{aspect-ratio:auto;height:320px;min-height:0;border-radius:22px}}

/* mobil: tüm ürün ızgaraları 2 sütun kompakt (konum sayfaları, benzer ürünler, vb.) */
@media (max-width:620px){
  .g-prod{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .g-prod .pcard{border-radius:16px}
  .g-prod .pcard-body{padding:.55rem .7rem .75rem;gap:.15rem}
  .g-prod .pcard-body>p,.g-prod .chips,.g-prod .kicker{display:none}
  .g-prod .pcard-title{font-size:.84rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
  .g-prod .pcard-foot{flex-direction:column;align-items:flex-start;gap:.15rem;padding-top:.3rem}
  .g-prod .pcard-foot .more{display:none}
  .g-prod .price strong{font-size:.98rem}
  .g-prod .price-quote{font-size:.78rem}
  .g-prod .pcard-wa{display:none}
  .g-prod .pcard-img .new-b{right:.4rem;top:.4rem;font-size:.58rem;padding:.14rem .45rem}
  .g-prod .pcard-img .stock{left:.4rem;bottom:.4rem;font-size:.58rem;padding:.06rem .45rem}
  .art .page-head .lead{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
}

/* koyu başlık bandında hayalet düğme okunur */
.page-head .btn-ghost,.cta-band .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.06)}
.page-head .btn-ghost:hover{background:#fff;color:var(--ink)}

/* mobil: dokunma alanları en az ~40px */
@media (max-width:760px){
  .cine-lite button,.cine-lite .chip,.cine-lite a.chip{min-height:40px}
  .sec button[data-s],.sec button[data-b],.bud button,.scan-sec button,.show-list a{min-height:40px}
  .link-all{display:inline-flex;align-items:center;min-height:40px}
  .foot a,.footer a,footer li a{display:inline-block;padding-block:.35rem}
  .more{display:inline-flex;align-items:center;min-height:36px}
  .bud-chips button,.bud button,#bud button{min-height:40px;padding-inline:1rem}
}
@media (max-width:760px){
  .cmd-chips button,.bud-chips button,.scan-modes button{min-height:40px;padding-block:.5rem}
  .cmd-chips{gap:.45rem}
}

/* dar telefonlar (320-360px) */
.pdp-detail{grid-template-columns:minmax(0,1fr)}
.pdp-detail>*{min-width:0}
.specs td,.specs th,.pdp-hi strong,.pcard-title,.ccon strong,.ccon span{overflow-wrap:anywhere}
.contact-cards{grid-template-columns:minmax(0,1fr)}
.contact-cards>*{min-width:0}
.contact-grid>*{min-width:0}
@media (max-width:360px){
  .nb-in{padding:.35rem .35rem .35rem .55rem;gap:.25rem}
  .brand span{max-width:104px;overflow:hidden;text-overflow:ellipsis;font-size:.84rem}
  .brand img{width:28px;height:28px}
  .nb .lang summary{padding:.35rem .45rem;min-height:38px;font-size:.78rem}
  .nb .lang summary svg{display:none}
  .nb .ai-open,.burger{width:38px;height:38px}
  .nb-act{gap:.2rem}
}
@media (max-width:760px){.wa-float{display:none!important}}

/* hero ürün kartı */
.cine-card{gap:.8rem;width:min(440px,92vw);padding:1.1rem 1.3rem 1.2rem;border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 60px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.18)}
.cine-card:hover{background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,.08));transform:translateY(-4px)}
.cc-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.cc-top .stock{margin-inline-start:auto;font-size:.68rem;padding:.12rem .6rem;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#e9e4d3}
.cc-top .stock-ok{color:#86efac}.cc-top .stock-low,.cc-top .stock-no{color:#fca5a5}
.cc-row{display:flex;align-items:center;gap:.9rem}
.cc-ph{flex:none;width:84px;height:64px;border-radius:16px;background:radial-gradient(circle at 50% 45%,#fffaf0,#e6d9bb);display:grid;place-items:center;overflow:hidden;box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.cc-ph img{width:100%;height:100%;object-fit:contain;padding:.25rem}
.cc-tx{display:grid;gap:.1rem;min-width:0}
.cc-tx small{font:600 .74rem var(--font);color:#b9b39f;letter-spacing:.02em}
.cine-card .cc-tx strong{font:700 1.35rem/1.15 var(--font-d);letter-spacing:-.03em;color:#fff}
.cc-p{padding-top:.8rem;border-top:1px solid rgba(255,255,255,.14);align-items:center}
.cine-card .price strong{font:700 1.7rem var(--font-d);letter-spacing:-.04em;color:#fff}
.cine-card .price small{color:#b9b39f}
.cc-p em{display:inline-flex;align-items:center;gap:.4rem;background:var(--grad);color:#1a1204;border-radius:999px;padding:.5rem .95rem;font:650 .85rem var(--font);box-shadow:0 10px 22px -10px rgba(233,140,40,.8);transition:.2s}
.cine-card:hover .cc-p em{transform:translateX(3px)}

/* hero kartı: web'e özel fiyat + daha küçük */
.cine-card{width:min(380px,92vw);padding:.9rem 1.05rem 1rem;gap:.6rem;border-radius:22px}
.cc-ph{width:68px;height:52px;border-radius:13px}
.cc-row{gap:.75rem}
.cine-card .cc-tx strong{font-size:1.12rem}
.cc-tx small{font-size:.7rem}
.cc-pr{display:grid;gap:.15rem;justify-items:start}
.cc-web{display:inline-flex;align-items:center;gap:.3rem;background:rgba(233,173,60,.18);border:1px solid rgba(233,173,60,.45);color:var(--gold);border-radius:999px;padding:.1rem .6rem;font:650 .64rem var(--font);letter-spacing:.08em;text-transform:uppercase}
.cine-card .price strong{font-size:1.45rem}
.cc-p{padding-top:.6rem}
.cc-p em{padding:.42rem .8rem;font-size:.8rem}
.cc-top .stock{font-size:.64rem}

/* ana sayfa makaleler: 3 sütun, boşluk kalmaz */
.g-art3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g-art3 .acard[style*="--sp"]{grid-column:span var(--sp)}
@media (max-width:900px){.g-art3{grid-template-columns:repeat(2,minmax(0,1fr))}.g-art3 .acard:first-child{grid-column:span 2}.g-art3 .acard[style*="--sp"]{grid-column:auto}}
@media (max-width:620px){.g-art3{grid-template-columns:1fr}.g-art3 .acard:first-child{grid-column:auto}}

/* özel fiyat / indirim */
.price-sale{flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem}
.price-sale s{color:var(--muted);font-size:.85em;font-weight:500;text-decoration-thickness:1.5px}
.price-sale .pct{font-style:normal;background:#dc2626;color:#fff;border-radius:999px;padding:.08rem .5rem;font:700 .68rem var(--font);letter-spacing:.02em;-webkit-text-fill-color:#fff}
.price-sale.price-big s{font-size:1rem}
.price-sale.price-big .pct{font-size:.8rem;padding:.15rem .65rem}
.sc .price-sale s,.cine-card .price-sale s{color:#b9b39f}
.tier-box{background:var(--bg2);border:1px dashed var(--line2);border-radius:16px;padding:.8rem 1rem;margin:.9rem 0}
.tier-box strong{display:block;font:650 .78rem var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}
.tier-box ul{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.tier-box li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.25rem .8rem;font-size:.86rem;font-weight:600}
.tier-box li b{color:#dc2626}
.ord-total{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;background:var(--bg2);border-radius:14px;padding:.6rem .9rem;margin:.4rem 0;font-weight:600}
.ord-total b{font:700 1.2rem var(--font-d)}
.ord-total small{display:block;color:#dc2626;font-weight:600}
.pv-bar{position:sticky;top:0;z-index:999;background:#dc2626;color:#fff;text-align:center;padding:.45rem 1rem;font:600 .85rem var(--font)}

.vplay{width:100%;max-height:70vh;border-radius:22px;background:#000;display:block;box-shadow:var(--shadow)}

/* mobilde de akıcı: dokunmatik ekranda ağır olmayan animasyonlar çalışır */
@media (max-width:760px){.marq-t{animation-duration:34s}}

/* ana sayfa: mobilde ürün listesi en üstte (kategori kartları ve vitrin yerine), masaüstünde gizli */
.home-shop{display:none}
@media (max-width:760px){
  #main:has(.home-shop){display:flex;flex-direction:column}
  #main:has(.home-shop)>*{min-width:0;max-width:100%}
  #main:has(.home-shop)>.home-shop{display:block;order:-3;padding-top:calc(var(--hh,72px) + 1.2rem)}
  #main:has(.home-shop)>.home-cats,#main:has(.home-shop)>.home-show{display:none}
  #main:has(.home-shop)>.cine{order:-1}
  .home-shop .hs-h{font-size:clamp(1.9rem,8vw,2.4rem);line-height:1.1;margin:.2rem 0 .8rem}
}
@media (max-width:760px){
  #main:has(.home-shop)>.home-shop{padding:5.8rem 0 1.4rem;background:var(--bg)}
  .home-shop .kick{display:block;margin-bottom:.5rem}
  .home-shop .hs-h{font-size:clamp(2rem,9vw,2.6rem);margin:0 0 .6rem;letter-spacing:-.045em;line-height:1}
  .home-shop .hs-lead{color:var(--muted);font-size:.98rem;line-height:1.5;margin:0 0 1rem;max-width:36ch}
  .home-shop .hs-n{display:inline-block;font:700 .78rem var(--font);color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.25rem .7rem;margin-bottom:.9rem}
  .home-shop .hs-s{display:flex;align-items:center;gap:.55rem;background:#fff;border:1px solid var(--line2);border-radius:999px;padding:0 1.1rem;margin-bottom:.8rem;color:var(--muted);box-shadow:var(--shadow-s)}
  .home-shop .hs-s input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 1rem var(--font);color:var(--ink);padding:.85rem 0}
  .home-shop .pf{margin:0 -16px .9rem;padding:0 16px .2rem}
  .home-shop .pf button{padding:.5rem .95rem;font-size:.85rem}
  .home-shop .g-shop{gap:.7rem}
  .home-shop .pcard-cmp{display:none}
}

/* ana sayfa ürün listesi: hızlı bakış penceresi (yalnızca mobil) */
.qv{display:none}
@media (max-width:760px){
  .qv:not([hidden]){display:block;position:fixed;inset:0;z-index:2000}
  .qv-bg{position:absolute;inset:0;background:rgba(10,12,8,.55)}
  .qv-box{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;background:var(--bg);border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.3);animation:qvup .25s ease-out}
  .qv-x{position:absolute;top:.6rem;right:.7rem;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font:400 1.6rem/1 var(--font);color:var(--ink);box-shadow:var(--shadow-s)}
  .qv-img{background:#fff}
  .qv-img img{display:block;width:100%;height:auto;max-height:42vh;object-fit:contain}
  .qv-b{padding:1rem 1.1rem 1.4rem}
  .qv-b small{color:var(--muted);font-weight:600}
  .qv-b h2{font-size:1.35rem;margin:.15rem 0 .5rem;letter-spacing:-.02em}
  .qv-b p{color:var(--muted);font-size:.93rem;line-height:1.5;margin:0 0 .7rem}
  .qv-b ul{list-style:none;margin:0 0 .8rem;padding:0;display:grid;gap:.25rem;font-size:.85rem}
  .qv-p{font:700 1.4rem var(--font-d);margin-bottom:.8rem}
  .qv-f{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.8rem}
  .qv-f .btn{flex:1 1 140px;justify-content:center}
  .qv-more{display:block;text-align:center;font-weight:600;color:var(--accent)}
  html.qv-on{overflow:hidden}
}
@keyframes qvup{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@media (max-width:760px){
  .home-shop .kick{display:block;margin-bottom:.45rem}
  .home-shop .hs-h{font-size:clamp(2.3rem,10.5vw,3rem);margin:0 0 .5rem;line-height:1.02;letter-spacing:-.045em}
  .home-shop .hs-h em{color:var(--accent2)}
  .home-shop .hs-lead{margin:0 0 1rem;color:var(--muted);font-size:.95rem;line-height:1.45}
  .home-shop .hs-lead b{color:var(--ink);white-space:nowrap}
}
/* mobil sıra: önce tanıtım (hero), sonra ürün listesi, sonra diğer bölümler */
@media (max-width:760px){
  #main:has(.home-shop)>.cine{order:-3}
  #main:has(.home-shop)>.home-shop{order:-2;padding:2.4rem 0 1.4rem}
}
@media (max-width:760px){
  #main:has(.home-shop)>.home-shop{background:#e9dfc9}
  .home-shop .hs-lead{color:#5b5240}
}

/* il / ilçe sayfaları: hizmet listesi ve sık sorulan sorular */
.loc-text h3{margin:1.6rem 0 .6rem}
.loc-svc{list-style:none;margin:.2rem 0 1rem;padding:0;display:grid;gap:.5rem}
.loc-svc li{position:relative;padding:.1rem 0 .1rem 1.35rem;line-height:1.55}
.loc-svc li::before{content:"";position:absolute;left:0;top:.62em;width:.55rem;height:.55rem;border-radius:50%;background:var(--accent2,#d89a2b)}
.loc-svc a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.loc-q{border:1px solid var(--line,#e5dfd0);border-radius:14px;background:#fff;margin:.5rem 0;padding:.2rem 1rem}
.loc-q summary{cursor:pointer;font-weight:700;padding:.75rem 0;list-style:none}
.loc-q summary::-webkit-details-marker{display:none}
.loc-q summary::after{content:"+";float:right;font-weight:400}
.loc-q[open] summary::after{content:"–"}
.loc-q p{margin:0 0 .9rem;color:var(--muted)}
.pg-loc .cat-head .lead-2{margin-top:.5rem;font-weight:600}