/* Kombi Onarım Servisi – site stili */
:root{
  --ink:#0B1626;--ink2:#12233A;--ink3:#1B3150;--fl:#FF5A1F;--fl2:#FF7A2E;--am:#FFB020;--wa:#1FAF55;--wa2:#25D366;
  --bg:#F5F6F8;--card:#fff;--line:#E4E7EC;--tx:#172030;--mu:#5A6578;--mu2:#8A93A3;
  --r:14px;--r2:22px;--sh:0 1px 2px rgba(11,22,38,.05),0 8px 28px rgba(11,22,38,.07);--sh2:0 24px 60px rgba(11,22,38,.18);
  --fd:'Archivo',system-ui,sans-serif;--fb:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --w:1200px;--hdr:76px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:110px}
html,body{overflow-x:clip}
body{margin:0;font:400 16px/1.65 var(--fb);color:var(--tx);background:#fff;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--fd);line-height:1.12;letter-spacing:-.02em;margin:0 0 .5em;color:var(--ink)}
h2{font-size:clamp(1.6rem,2.6vw,2.35rem);font-weight:800}
h3{font-size:1.12rem;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}
.ik{width:20px;height:20px;flex:none}
.skip{position:absolute;left:-999px;top:8px;background:var(--fl);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--am);outline-offset:2px;border-radius:6px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:12px;font-weight:700;font-size:.97rem;border:2px solid transparent;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s;white-space:nowrap;line-height:1.1}
.btn:hover{transform:translateY(-1px)}
.btn-fl{background:linear-gradient(135deg,var(--fl),var(--fl2));color:#fff;box-shadow:0 10px 24px rgba(255,90,31,.32)}
.btn-fl:hover{box-shadow:0 14px 30px rgba(255,90,31,.42)}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 10px 24px rgba(31,175,85,.28)}
.btn-wa.done{background:var(--ink2);box-shadow:none}
.btn-gh{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.22);backdrop-filter:blur(6px)}
.btn-gh:hover{background:rgba(255,255,255,.14)}
.btn-ln{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}
.btn-sm{padding:8px 14px;font-size:.88rem;border-radius:10px;background:var(--ink);color:#fff}
.btn-lg{padding:15px 24px;font-size:1.02rem}
.btn-xl{padding:14px 26px 14px 20px;font-size:1.25rem;text-align:left;border-radius:16px}
.btn-xl .ik{width:26px;height:26px}
.btn-xl small{display:block;font:500 .75rem var(--fb);opacity:.85;letter-spacing:.02em}
.btn-xl span{font-family:var(--fd);font-weight:800}
.lnk{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--fl)}
.lnk .ik{width:18px;transition:transform .2s}.lnk:hover .ik{transform:translateX(4px)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 .78rem/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--fl);margin-bottom:14px}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor}
.eyebrow.light{color:var(--am)}
.sub{color:var(--mu);font-size:1.06rem;max-width:56ch}
.muted{color:var(--mu)}

/* üst şerit + başlık */
.topbar{background:var(--ink);color:#B7C2D3;font-size:.84rem}
.topbar .wrap{display:flex;gap:26px;align-items:center;height:38px}
.topbar span{display:inline-flex;align-items:center;gap:7px}
.topbar .ik{width:15px;height:15px;color:var(--am)}
.topbar .tb-r{margin-left:auto;gap:22px}
.topbar a{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:600}
.topbar a:hover{color:var(--am)}
header.site{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:box-shadow .25s,border-color .25s}
body.scrolled header.site{border-color:var(--line);box-shadow:0 6px 24px rgba(11,22,38,.06)}
.hdr{display:flex;align-items:center;gap:22px;height:var(--hdr)}
.logo{display:inline-flex;align-items:center;gap:11px;color:var(--fl)}
.logo-m{width:40px;height:40px}
.logo-t{display:flex;flex-direction:column;line-height:1}
.logo-t b{font:800 1.18rem/1 var(--fd);color:var(--ink);letter-spacing:-.02em}
.logo-t small{font:600 .7rem/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--mu2);margin-top:5px}
.logo.inv .logo-t b{color:#fff}.logo.inv .logo-t small{color:#8C99AE}
nav.main{margin-left:auto}
nav.main>ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
nav.main>ul>li>a,.dd-b{display:inline-flex;align-items:center;gap:6px;padding:10px 13px;border-radius:10px;font-weight:600;font-size:.95rem;color:var(--ink);background:none;border:0;cursor:pointer}
nav.main>ul>li>a:hover,.dd-b:hover,.dd.open .dd-b{background:var(--bg)}
.dd{position:relative}
.dd-b .ik{width:16px;height:16px;transition:transform .2s}
.dd.open .dd-b .ik{transform:rotate(180deg)}
.dd-p{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,6px);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh2);padding:12px;opacity:0;visibility:hidden;transition:.2s}
.dd.open .dd-p{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dd-p ul{list-style:none;margin:0;padding:0}
.dd-s{width:360px}
.dd-s a{display:block;padding:11px 14px;border-radius:12px}
.dd-s a:hover{background:var(--bg)}
.dd-s b{display:block;font-weight:700;color:var(--ink);font-size:.95rem}
.dd-s small{color:var(--mu);font-size:.84rem;line-height:1.4;display:block;margin-top:2px}
.dd-m{width:620px;padding:18px}
.mm-h{display:flex;justify-content:space-between;align-items:center;padding:0 6px 12px;border-bottom:1px solid var(--line);margin-bottom:10px}
.mm-h b{font-family:var(--fd);color:var(--ink)}
.mm-h a{display:inline-flex;gap:6px;align-items:center;color:var(--fl);font-weight:700;font-size:.88rem}.mm-h .ik{width:16px}
.mm-g{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.mm-g a{display:flex;justify-content:space-between;align-items:baseline;padding:9px 12px;border-radius:10px;font-weight:600;color:var(--ink);font-size:.93rem}
.mm-g a small{color:var(--mu2);font-weight:500;font-size:.78rem}
.mm-g a:hover{background:#FFF3EC;color:var(--fl)}
.nav-m{display:none}
.hdr-tel{display:flex;align-items:center;gap:10px;color:var(--ink)}
.hdr-tel .ik{width:38px;height:38px;padding:9px;border-radius:50%;background:#FFF1E9;color:var(--fl)}
.hdr-tel small{display:block;font-size:.72rem;color:var(--mu);font-weight:600;letter-spacing:.04em}
.hdr-tel b{font:800 1.08rem/1.1 var(--fd);letter-spacing:-.01em}
.hdr-cta{padding:11px 18px}
.burger{display:none;margin-left:auto;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center;cursor:pointer}
.burger .i-x{display:none}.nav-open .burger .i-m{display:none}.nav-open .burger .i-x{display:block}

/* ana sayfa kahraman */
.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(900px 520px at 85% 10%,rgba(255,122,46,.35),transparent 60%),
  radial-gradient(700px 500px at 0% 100%,rgba(46,92,160,.45),transparent 60%),
  linear-gradient(160deg,#0B1626 0%,#12233A 60%,#0B1626 100%)}
.hero-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,#000 0,transparent 85%)}
.hero-bg i{position:absolute;border-radius:50%;filter:blur(60px)}
.hero-bg .g1{width:360px;height:360px;right:12%;top:-80px;background:rgba(255,90,31,.25);animation:yuz 9s ease-in-out infinite alternate}
.hero-bg .g2{width:260px;height:260px;right:38%;bottom:-120px;background:rgba(255,176,32,.14);animation:yuz 11s ease-in-out infinite alternate-reverse}
@keyframes yuz{to{transform:translate(-40px,30px) scale(1.1)}}
.hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding:76px 24px 92px}
.pill{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 12px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:.86rem;font-weight:600;color:#DDE5F0;margin-bottom:22px}
.live{width:8px;height:8px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:nab 2s infinite}
@keyframes nab{70%{box-shadow:0 0 0 9px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.hero h1{color:#fff;font-size:clamp(2.3rem,5vw,4.1rem);font-weight:900;font-style:italic;letter-spacing:-.035em;line-height:1.02;margin-bottom:22px}
.hero h1 em{font-style:italic;background:linear-gradient(90deg,var(--fl2),var(--am));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:1.12rem;color:#C5CFDD;max-width:54ch;margin-bottom:30px}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero-g{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;padding:0;margin:34px 0 0;color:#AEB9CB;font-size:.93rem}
.hero-g li{display:flex;align-items:center;gap:9px}
.hero-g .ik{color:var(--am);width:18px}
.hero-g b{color:#fff}
.hc{background:rgba(255,255,255,.97);color:var(--tx);border-radius:24px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.35);position:relative}
.hc::before{content:"";position:absolute;inset:-1px;border-radius:25px;padding:1px;background:linear-gradient(140deg,var(--fl2),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.hc-h{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.hc-ic{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--fl),var(--fl2));color:#fff;display:grid;place-items:center}
.hc-h b{font:800 1.18rem/1.2 var(--fd);color:var(--ink);display:block}
.hc-h small{color:var(--mu);font-size:.86rem}
.hc form{display:grid;gap:12px}
.hc-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hc .btn{width:100%;margin-top:4px}
.hc-n{font-size:.78rem;color:var(--mu2);text-align:center;margin:0}.hc-n a{text-decoration:underline}

/* form alanları */
.fld{display:flex;flex-direction:column;gap:6px}
.fld>span{font-size:.8rem;font-weight:700;color:var(--ink);letter-spacing:.01em}
.fld>span i{font-style:normal;font-weight:500;color:var(--mu2)}
.fld input,.fld select,.fld textarea{width:100%;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;font-size:.98rem;transition:border-color .15s,box-shadow .15s;appearance:none}
.fld select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6578' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/18px;padding-right:38px}
.fld textarea{resize:vertical;min-height:90px}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--fl);box-shadow:0 0 0 4px rgba(255,90,31,.12)}
.fld.invalid input,.fld.invalid select{border-color:#E0362C;background:#FFF6F5}
.kvkk{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--mu);cursor:pointer}
.kvkk input{width:18px;height:18px;margin-top:2px;accent-color:var(--fl);flex:none}
.kvkk a{color:var(--ink);text-decoration:underline}
.kvkk.invalid span{color:#E0362C}
.err{color:#D0302A;font-size:.88rem;font-weight:600;min-height:0;margin:0}
.err:empty{display:none}

/* güven şeridi */
.trust{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:2}
.trust ul{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:-44px 0 0;padding:0;background:#fff;border-radius:20px;box-shadow:var(--sh);border:1px solid var(--line);overflow:hidden}
.trust li{display:flex;gap:14px;padding:24px 22px;align-items:flex-start}
.trust li+li{border-left:1px solid var(--line)}
.trust .ik{width:42px;height:42px;padding:10px;border-radius:12px;background:#FFF1E9;color:var(--fl)}
.trust b{display:block;font:700 1rem/1.25 var(--fd);color:var(--ink);margin-bottom:3px}
.trust span{font-size:.86rem;color:var(--mu);line-height:1.45;display:block}
.trust .wrap{padding-bottom:26px}

/* bölümler */
.sec{padding:88px 0}
.sec-lt{background:var(--bg)}
.sec-dk{background:var(--ink);color:#C5CFDD}
.sec-dk h2{color:#fff}.sec-dk .sub{color:#9FACBF}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px}
.sec-h h2{margin:0}
.sec-h .sub{margin:12px 0 0}
.sec-dk .lnk{color:var(--am)}

/* hizmet kartları */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc-i{position:relative;display:flex;flex-direction:column;padding:28px;border-radius:var(--r2);background:#fff;border:1px solid var(--line);transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}
.svc-i:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:transparent}
.svc-i.big{grid-row:span 2;background:linear-gradient(160deg,var(--ink2),var(--ink));color:#C5CFDD;border:0}
.svc-i.big h3{color:#fff;font-size:1.6rem}
.svc-i.big::after{content:"";position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,46,.45),transparent 70%)}
.svc-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#FFF1E9;color:var(--fl);margin-bottom:22px}
.svc-ic .ik{width:26px;height:26px}
.svc-i.big .svc-ic{background:linear-gradient(135deg,var(--fl),var(--fl2));color:#fff}
.svc-i h3,.svc-i h2{font-size:1.25rem}
.svc-i p{color:var(--mu);font-size:.95rem;flex:1}
.svc-i.big p{color:#AEB9CB;font-size:1.02rem;max-width:30ch}
.more{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--fl);font-size:.92rem;margin-top:8px}
.more .ik{width:17px;transition:transform .2s}.svc-i:hover .more .ik{transform:translateX(4px)}
.svc-list{grid-template-columns:repeat(3,1fr)}

/* markalar */
.brands{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.brands a{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:.2s}
.brands b{font:800 1.3rem/1.1 var(--fd);color:#fff;letter-spacing:-.02em}
.brands span{display:flex;align-items:center;justify-content:space-between;font-size:.84rem;color:#8E9BB0}
.brands .ik{width:16px;opacity:0;transform:translateX(-6px);transition:.2s;color:var(--am)}
.brands a:hover{background:rgba(255,122,46,.12);border-color:rgba(255,122,46,.45)}
.brands a:hover .ik{opacity:1;transform:none}
.brands.lt a{background:#fff;border-color:var(--line);box-shadow:0 1px 2px rgba(11,22,38,.04)}
.brands.lt b{color:var(--ink)}.brands.lt span{color:var(--mu)}
.brands.lt a:hover{border-color:var(--fl);background:#FFF8F4}
.disc{display:flex;align-items:center;gap:10px;margin:28px 0 0;font-size:.86rem;color:#8E9BB0}
.disc .ik{width:18px;color:var(--am)}
.disc.dk{color:var(--mu)}

/* adımlar */
.steps{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.steps ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.steps li{display:grid;grid-template-columns:72px 1fr;column-gap:20px;padding:24px;border-radius:20px;background:var(--bg);border:1px solid var(--line)}
.steps li b{grid-row:span 2;font:900 italic 2.4rem/1 var(--fd);color:var(--fl);letter-spacing:-.04em}
.steps li h3{margin:2px 0 4px}
.steps li p{margin:0;color:var(--mu);font-size:.95rem}

/* bölgeler */
.yaka{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}
.yk{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:26px}
.yk h3{display:flex;justify-content:space-between;align-items:baseline;font-size:1.3rem;margin-bottom:16px}
.yk h3 small{font:600 .82rem var(--fb);color:var(--mu2)}
.semt-l{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.semt-l a{display:inline-block;padding:7px 13px;border-radius:99px;background:var(--bg);border:1px solid var(--line);font-size:.88rem;font-weight:600;color:var(--ink);transition:.15s}
.semt-l a:hover{background:var(--fl);border-color:var(--fl);color:#fff}

/* iki sütun (form + metin) */
.two{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.big-tel{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:18px;background:var(--ink);color:#fff;margin:26px 0 12px;transition:.2s}
.big-tel:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.big-tel .ik{width:50px;height:50px;padding:12px;border-radius:14px;background:linear-gradient(135deg,var(--fl),var(--fl2))}
.big-tel span{font:800 1.6rem/1.1 var(--fd);letter-spacing:-.02em}
.big-tel small{display:block;font:600 .78rem var(--fb);color:#9FACBF;letter-spacing:.03em;margin-bottom:3px}
.big-tel.wa .ik{background:var(--wa)}
.warn{display:flex;gap:14px;padding:18px 20px;border-radius:16px;background:#FFF7E6;border:1px solid #FFE1A8;margin-top:22px}
.warn .ik{color:#D98A00;width:24px;height:24px}
.warn p{margin:0;font-size:.9rem;color:#5F4510}
.tick{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.tick li{display:flex;gap:10px;color:var(--mu)}
.tick .ik{color:var(--wa);width:20px;margin-top:3px}

/* servis formu */
.sform{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--sh);display:grid;gap:16px;scroll-margin-top:110px}
.sf-h{display:flex;gap:16px;align-items:center}
.sf-ic{width:52px;height:52px;border-radius:16px;background:#E8F8EE;color:var(--wa);display:grid;place-items:center;flex:none}
.sf-ic .ik{width:28px;height:28px}
.sf-h h2{font-size:1.45rem;margin:0 0 4px}
.sf-h p{margin:0;color:var(--mu);font-size:.92rem}
.sf-g{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sf-w{grid-column:1/-1}
.sform .btn{width:100%}
.sf-alt{text-align:center;margin:0;color:var(--mu);font-size:.9rem}
.sf-alt a{color:var(--fl);font-weight:700}
.sec .wrap>.sform{max-width:820px;margin:0 auto}

/* SSS */
.faq-w{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px}
.faq{display:grid;gap:10px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;transition:box-shadow .2s}
.faq details[open]{box-shadow:var(--sh)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;font:700 1.02rem/1.35 var(--fd);color:var(--ink);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ik{width:20px;color:var(--fl);transition:transform .2s}
.faq details[open] summary .ik{transform:rotate(180deg)}
.faq details>div{padding:0 22px 20px;color:var(--mu)}
.blok{margin-top:48px}
.blok h2{font-size:clamp(1.35rem,2vw,1.7rem)}

/* alt sayfa kahramanı */
.phero{position:relative;background:var(--ink);color:#fff;overflow:hidden;isolation:isolate;padding:42px 0 64px}
.phero.kisa{padding-bottom:52px}
.ph-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 380px at 90% 0%,rgba(255,122,46,.32),transparent 60%),radial-gradient(600px 400px at 0% 120%,rgba(46,92,160,.4),transparent 60%),linear-gradient(160deg,#0B1626,#12233A)}
.ph-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000,transparent)}
.crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.84rem;color:#8E9BB0;margin-bottom:28px}
.crumb a:hover{color:#fff}.crumb b{color:#DDE5F0;font-weight:600}
.phero h1{color:#fff;font-size:clamp(2rem,4.2vw,3.3rem);font-weight:900;font-style:italic;letter-spacing:-.035em;max-width:20ch}
.phero .lead{color:#C5CFDD;font-size:1.1rem;max-width:60ch;margin-bottom:26px}
.ph-g{display:flex;flex-wrap:wrap;gap:10px 26px;list-style:none;padding:0;margin:26px 0 0;color:#AEB9CB;font-size:.9rem}
.ph-g li{display:flex;align-items:center;gap:8px}.ph-g .ik{width:17px;color:var(--am)}

/* içerik + yan sütun */
.page{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;padding-top:56px;padding-bottom:80px;align-items:start}
.prose{font-size:1.04rem;color:#2A3446}
.prose p{margin-bottom:1.1em}
.prose strong{color:var(--ink)}
.prose h2{margin-top:1.4em;font-size:1.45rem}
.prose .not,.not{font-size:.88rem;color:var(--mu);background:var(--bg);border-left:3px solid var(--am);padding:14px 16px;border-radius:0 12px 12px 0}
.ariza{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ariza li{display:flex;gap:14px;padding:18px;border-radius:16px;border:1px solid var(--line);background:#fff}
.ariza .ik{width:36px;height:36px;padding:8px;border-radius:10px;background:#FFF1E9;color:var(--fl)}
.ariza b{display:block;font:700 .98rem/1.3 var(--fd);color:var(--ink);margin-bottom:4px}
.ariza p{margin:0;font-size:.9rem;color:var(--mu);line-height:1.5}
.akis{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;counter-reset:a}
.akis li{counter-increment:a;padding:18px;border-radius:16px;background:var(--bg);position:relative}
.akis li::before{content:"0" counter(a);display:block;font:900 italic 1.5rem/1 var(--fd);color:var(--fl);margin-bottom:10px}
.akis b{display:block;color:var(--ink);font-family:var(--fd)}
.akis span{font-size:.87rem;color:var(--mu);line-height:1.45;display:block;margin-top:4px}
.hz-l{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hz-l a{display:flex;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--line);transition:.15s}
.hz-l a:hover{border-color:var(--fl);background:#FFF8F4}
.hz-l .ik{color:var(--fl);margin-top:2px}
.hz-l b{display:block;color:var(--ink);font-size:.97rem}
.hz-l small{color:var(--mu);font-size:.85rem;line-height:1.4;display:block}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-block;padding:9px 15px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:.9rem;font-weight:600;color:var(--ink);transition:.15s}
.chips a:hover{border-color:var(--fl);color:var(--fl)}
.yk-b{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mu2);margin:22px 0 10px}
.side{position:sticky;top:100px;display:grid;gap:16px}
.side-card{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff}
.side-card h3{font-size:1.02rem;margin-bottom:12px}
.side-card.dark{background:linear-gradient(160deg,var(--ink2),var(--ink));color:#AEB9CB;border:0;display:grid;gap:10px;position:relative;overflow:hidden}
.side-card.dark h3{color:#fff;font-size:1.25rem;margin:4px 0 0}
.side-card.dark p{margin:0 0 6px;font-size:.92rem}
.side-card.dark .btn{width:100%}
.sc-ic{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--fl),var(--fl2));color:#fff;display:grid;place-items:center}
.side-l{list-style:none;padding:0;margin:0;display:grid}
.side-l a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-size:.92rem;color:var(--ink);font-weight:500}
.side-l li:last-child a{border:0}
.side-l a:hover{color:var(--fl)}

/* bölgeler sayfası */
.yk-h{margin:10px 0 22px}
.yk-h:not(:first-child){margin-top:56px}
.ilce-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ilce{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}
.ilce h3{font-size:1rem;color:var(--fl);margin-bottom:10px}
.ilce ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.ilce a{font-size:.92rem;color:var(--ink)}.ilce a:hover{color:var(--fl)}

/* iletişim kartları */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cc{display:flex;flex-direction:column;gap:4px;padding:28px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);transition:.2s}
.cc:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.cc-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--fl),var(--fl2));color:#fff;margin-bottom:14px}
.cc.wa .cc-ic{background:var(--wa)}
.cc small{color:var(--mu);font-weight:600;font-size:.82rem;letter-spacing:.03em}
.cc b{font:800 1.5rem/1.2 var(--fd);color:var(--ink)}
.cc span:last-child{color:var(--mu);font-size:.9rem}

/* site haritası */
.sm{display:grid;grid-template-columns:1fr 1fr 2fr;gap:40px}
.sm h2{font-size:1.2rem;margin-top:0}
.sm ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:6px}
.sm ul.c2{grid-template-columns:1fr 1fr}
.sm a{color:var(--ink);font-size:.93rem}.sm a:hover{color:var(--fl)}

/* CTA bandı */
.cta-band{background:linear-gradient(120deg,var(--fl) 0%,#FF6A24 55%,#FF8F3A 100%);color:#fff;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;border:80px solid rgba(255,255,255,.08)}
.cb{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:56px 24px;position:relative}
.cta-band .eyebrow{color:#FFE6D6}
.cta-band h2{color:#fff;font-style:italic;font-weight:900;font-size:clamp(1.8rem,3.2vw,2.6rem);margin-bottom:10px}
.cta-band p{color:#FFE6D6;margin:0;max-width:44ch}
.cb-r{display:grid;gap:12px}
.cb-tel,.cb-wa{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 14px 34px rgba(120,30,0,.25);transition:.2s}
.cb-tel:hover,.cb-wa:hover{transform:translateY(-2px)}
.cb-tel .ik,.cb-wa .ik{width:46px;height:46px;padding:11px;border-radius:13px;background:var(--ink);color:#fff}
.cb-wa .ik{background:var(--wa)}
.cb-tel span,.cb-wa span{font:800 1.45rem/1.1 var(--fd)}
.cb-tel small,.cb-wa small{display:block;font:600 .76rem var(--fb);color:var(--mu);margin-bottom:2px}
.cb-wa{background:rgba(255,255,255,.14);color:#fff;box-shadow:none;border:1px solid rgba(255,255,255,.35)}
.cb-wa small{color:#FFE6D6}

/* alt bilgi */
.site-f{background:var(--ink);color:#93A0B5;font-size:.92rem;padding:64px 0 28px}
.f-top{display:grid;grid-template-columns:1.4fr 1fr 1.4fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}
.f-brand p{margin:18px 0 20px;max-width:36ch}
.f-tel{display:inline-flex;align-items:center;gap:10px;font:800 1.35rem var(--fd);color:#fff}
.f-tel .ik{color:var(--fl)}
.f-wa{display:flex;align-items:center;gap:8px;margin-top:10px;color:#C5CFDD;font-weight:600}
.f-wa .ik{width:18px;color:var(--wa2)}
.site-f h3{color:#fff;font:700 .8rem var(--fb);text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px}
.f-col ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.f-col ul.f-2{grid-template-columns:1fr 1fr;column-gap:16px}
.f-col a:hover,.f-bolge a:hover{color:#fff}
.f-all{color:var(--am)!important;font-weight:700}
.f-bolge{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.f-bolge p{margin:0;line-height:2;font-size:.86rem}
.f-not{display:flex;gap:12px;align-items:flex-start;margin:26px 0;font-size:.84rem;color:#7C8AA0;max-width:90ch}
.f-not .ik{color:var(--am);width:18px;margin-top:2px}
.f-alt{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.84rem;color:#6F7D93}
.f-alt span:last-child{display:flex;gap:20px}
.f-alt a:hover{color:#fff}

/* yüzen öğeler */
.wa-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:var(--wa2);color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(37,211,102,.45);z-index:40;transition:transform .2s}
.wa-float:hover{transform:scale(1.07)}
.wa-float .ik{width:30px;height:30px}
.mbar{display:none}
.cookie{position:fixed;left:20px;bottom:20px;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh2);padding:14px 16px;display:flex;gap:14px;align-items:center;z-index:45;font-size:.85rem;color:var(--mu)}
.cookie[hidden]{display:none}
.cookie p{margin:0}.cookie a{text-decoration:underline;color:var(--ink)}

/* görünürken */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* duyarlı */
@media (max-width:1180px){
  .hdr-tel{display:none}
  .brands{grid-template-columns:repeat(3,1fr)}
  .ilce-g{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
  :root{--hdr:68px}
  .topbar .tb-yaka{display:none}
  header.site{backdrop-filter:none;background:#fff}
  .burger{display:inline-flex}
  .hdr-cta{display:none}
  nav.main{position:fixed;inset:calc(var(--hdr) + 38px) 0 0;background:#fff;padding:16px 20px 120px;overflow:auto;transform:translateX(100%);visibility:hidden;transition:transform .3s,visibility .3s;margin:0}
  body.scrolled nav.main{inset-block-start:var(--hdr)}
  nav.main.open{transform:none;visibility:visible}
  nav.main>ul{flex-direction:column;gap:2px}
  nav.main>ul>li>a,.dd-b{width:100%;justify-content:space-between;padding:14px 12px;font-size:1.05rem;border-bottom:1px solid var(--line);border-radius:0}
  .dd-p{position:static;transform:none!important;width:auto!important;box-shadow:none;border:0;padding:4px 0 10px;display:none;opacity:1;visibility:visible}
  .dd.open .dd-p{display:block}
  .mm-g{grid-template-columns:1fr 1fr}
  .mm-h{display:none}
  .nav-m{display:block;margin-top:18px}.nav-m .btn{width:100%}
  .hero-in{grid-template-columns:1fr;gap:40px;padding:52px 24px 80px}
  .trust ul{grid-template-columns:1fr 1fr}
  .trust li:nth-child(3){border-left:0}
  .trust li:nth-child(n+3){border-top:1px solid var(--line)}
  .svc,.svc-list{grid-template-columns:1fr 1fr}
  .svc-i.big{grid-row:auto;grid-column:1/-1}
  .steps,.two,.faq-w,.yaka{grid-template-columns:1fr;gap:32px}
  .page{grid-template-columns:1fr;gap:32px}
  .side{position:static}
  .akis{grid-template-columns:1fr 1fr}
  .cb{grid-template-columns:1fr}
  .f-top{grid-template-columns:1fr 1fr}
  .f-bolge{grid-template-columns:1fr}
  .cards3{grid-template-columns:1fr}
  .sm{grid-template-columns:1fr 1fr}.sm>div:last-child{grid-column:1/-1}
}
@media (max-width:640px){
  .wrap{padding:0 18px}
  .topbar .wrap>span:first-child{display:none}
  .topbar .tb-r{margin:0 auto}
  .logo-t b{font-size:1.05rem}
  .sec{padding:64px 0}
  .sec-h{flex-direction:column;align-items:flex-start;margin-bottom:28px}
  .hero-in{padding:40px 18px 70px}
  .btn-xl{width:100%}
  .hc{padding:20px}
  .hc-2,.sf-g{grid-template-columns:1fr}
  .trust ul{grid-template-columns:1fr}
  .trust li{border-left:0!important;border-top:1px solid var(--line)}
  .trust li:first-child{border-top:0}
  .svc,.svc-list,.brands{grid-template-columns:1fr 1fr}
  .svc{grid-template-columns:1fr}
  .ariza,.hz-l,.akis{grid-template-columns:1fr}
  .ilce-g{grid-template-columns:1fr 1fr}
  .steps li{grid-template-columns:56px 1fr;padding:20px}
  .sform{padding:22px}
  .f-top{grid-template-columns:1fr}
  .sm,.sm ul.c2{grid-template-columns:1fr}
  .big-tel span{font-size:1.35rem}
  .mbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(11,22,38,.08);padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:8px}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 4px;border-radius:12px;font-weight:700;font-size:.86rem;white-space:nowrap}
  .mb-tel{background:var(--ink);color:#fff}.mb-wa{background:var(--wa);color:#fff}.mb-cta{background:linear-gradient(135deg,var(--fl),var(--fl2));color:#fff}
  .mbar .ik{width:18px}
  .wa-float{display:none}
  body{padding-bottom:72px}
  .cookie{left:10px;right:10px;bottom:84px;max-width:none}
}

/* ---------- alt bilgi (masaüstü + mobil) ---------- */
.cta-band{display:none}
.site-f{background:#080F1B;color:#93A0B5;font-size:.92rem;padding:64px 0 28px}
.ft{display:grid;grid-template-columns:1fr 1.75fr .95fr;gap:40px;align-items:start}
.fm-t{margin:16px 0 22px;color:#93A0B5;font-size:.92rem;max-width:40ch}
.fm-k{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.03);margin-bottom:10px;transition:.2s}
.fm-k:hover{border-color:rgba(255,122,46,.5);background:rgba(255,122,46,.06)}
.fm-i{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,90,31,.45);display:grid;place-items:center;color:var(--fl);flex:none}
.fm-i.wa{border-color:rgba(37,211,102,.45);color:var(--wa2)}
.fm-i .ik{width:18px;height:18px}
.fm-k small{display:block;font:800 .62rem var(--fb);letter-spacing:.14em;text-transform:uppercase;color:#7C8AA0}
.fm-k b{font:800 1.18rem/1.2 var(--fd);color:#fff}
.fm-m{display:block;margin:6px 0 0;color:#C5CFDD;font-size:.88rem}
.ft-b{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.fm-acc details{border:0}
.fm-acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:4px 0 14px;color:#fff;font:700 .78rem var(--fb);letter-spacing:.14em;text-transform:uppercase;pointer-events:none}
.fm-acc summary::-webkit-details-marker{display:none}
.fm-acc summary .ik{display:none;width:16px;color:var(--fl);transition:transform .2s}
.fm-acc ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:.9rem}
.fm-acc ul.c2{grid-template-columns:1fr 1fr;column-gap:14px}
.fm-acc a{color:#A9B5C7}.fm-acc a:hover{color:#fff}
.fm-st{padding:28px 24px 24px;border-radius:20px;background:linear-gradient(160deg,var(--fl) 0%,#FF7A2E 60%,#FF9A3E 100%);color:#fff;box-shadow:0 24px 50px rgba(255,90,31,.22)}
.fm-si{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.75);display:grid;place-items:center;margin-bottom:14px}
.fm-si .ik{width:22px;height:22px}
.fm-ey{display:block;font:800 .66rem var(--fb);letter-spacing:.16em;text-transform:uppercase;color:#FFE3D2}
.fm-st h2{color:#fff;font:900 1.6rem/1.1 var(--fd);margin:6px 0 16px}
.fm-r{display:block;padding:10px 14px;border-radius:10px;background:rgba(0,0,0,.14);margin-bottom:8px;transition:.15s}
.fm-r:hover{background:rgba(0,0,0,.24)}
.fm-r small{display:block;font:700 .62rem var(--fb);letter-spacing:.1em;text-transform:uppercase;color:#FFE3D2}
.fm-r b{font:800 1.12rem var(--fd)}
.fm-b{display:block;margin-top:14px;padding:14px;border-radius:10px;background:var(--ink);color:#fff;text-align:center;font:800 .78rem var(--fb);letter-spacing:.08em;text-transform:uppercase;transition:.15s}
.fm-b:hover{background:#000}
.fm-y{display:flex;gap:18px;align-items:flex-start;margin-top:48px;padding:26px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.fm-yi{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--am);color:var(--am);display:grid;place-items:center;font:700 1rem Georgia,serif;flex:none}
.fm-y h3{color:var(--am);font:800 .7rem var(--fb);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}
.fm-y p{margin:0;font-size:.8rem;line-height:1.7;color:#8392A8;max-width:110ch}
.ft-alt{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:20px}
.fm-c{margin:0;font-size:.8rem;color:#7C8AA0}
.fm-c b{color:var(--fl);font-weight:700}
.fm-l{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font-size:.8rem}
.fm-l a{color:#A9B5C7}.fm-l a:hover{color:#fff}
@media (max-width:1180px){.ft{grid-template-columns:1fr 1fr}.ft-b{grid-column:1/-1;order:3}}
@media (max-width:640px){
  .site-f{padding:40px 0 calc(96px + env(safe-area-inset-bottom))}
  .ft{grid-template-columns:1fr;gap:0}
  .ft-b{display:block;order:0;margin:8px 0 0}
  .fm-acc details{border-bottom:1px solid rgba(255,255,255,.08)}
  .fm-acc summary{padding:16px 0;pointer-events:auto;cursor:pointer}
  .fm-acc summary .ik{display:block}
  .fm-acc details[open] summary .ik{transform:rotate(180deg)}
  .fm-acc ul{padding-bottom:16px}
  .fm-st{margin:26px -18px 0;border-radius:0;box-shadow:none;order:5}
  .ft-b{order:6}
  .fm-y{margin-top:8px;flex-direction:column;gap:12px;border-top:0}
  .ft-alt{flex-direction:column;align-items:flex-start}
  .mbar{gap:0;padding:0 0 env(safe-area-inset-bottom);background:var(--ink);border:0}
  .mbar a{flex-direction:column;gap:2px;padding:10px 4px 11px;border-radius:0;line-height:1.1}
  .mbar small{font:800 .58rem var(--fb);letter-spacing:.12em;text-transform:uppercase;opacity:.9}
  .mbar b{font:800 .98rem var(--fd);letter-spacing:-.01em}
  .mb-tel{background:linear-gradient(135deg,var(--fl),var(--fl2))!important}
  .mb-wa{background:var(--wa2)!important}
  .mb-cta{background:var(--ink2)!important}
}
@media (max-width:360px){.mbar b{font-size:.86rem}}

/* ---------- marka kartları (eski sitedeki görselli yapı) ---------- */
.bcards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.bcards a{display:flex;flex-direction:column;height:100%;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,22,38,.04);transition:.22s}
.bc-img{display:block;aspect-ratio:11/6;overflow:hidden;background:#EEF1F5}
.bc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bc-t{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px;border-top:3px solid var(--fl)}
.bc-t b{font:800 1.02rem/1.15 var(--fd);color:var(--ink);letter-spacing:.01em}
.bc-t small{display:flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:var(--fl)}
.bc-t .ik{width:15px;transition:transform .2s}
.bcards a:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,22,38,.12);border-color:#FFD2BD}
.bcards a:hover img{transform:scale(1.06)}
.bcards a:hover .bc-t .ik{transform:translateX(4px)}
.disc.lt{color:var(--mu)}

/* ---------- marka / semt sayfası: solda semt menüsü ---------- */
.page.smp{grid-template-columns:300px minmax(0,1fr);gap:48px}
.sm-col{position:sticky;top:96px;display:grid;gap:16px}
.smenu{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.smenu summary{list-style:none;display:flex;align-items:center;gap:10px;padding:16px 18px;background:linear-gradient(135deg,var(--ink2),var(--ink));color:#fff;cursor:pointer}
.smenu summary::-webkit-details-marker{display:none}
.smenu summary span{font:800 1.02rem var(--fd);flex:1}
.smenu summary small{font-size:.74rem;color:#9FB0C6;font-weight:600}
.smenu summary .ik{width:16px;color:var(--fl);transition:transform .2s}
.smenu[open] summary .ik{transform:rotate(180deg)}
.sm-in{max-height:calc(100vh - 420px);min-height:240px;overflow:auto;padding:4px 0 10px;overscroll-behavior:contain}
.sm-y{margin:0;padding:12px 18px 6px;font:800 .66rem var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--fl)}
.smenu ul{list-style:none;margin:0;padding:0}
.smenu a{display:block;padding:9px 18px 9px 22px;border-bottom:1px solid #F0F2F5;font-size:.9rem;font-weight:600;color:#3D4A5C;position:relative;transition:.15s}
.smenu a::before{content:"";position:absolute;left:10px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#C9D1DC}
.smenu a:hover{background:#FFF6F1;color:var(--fl)}
.smenu a:hover::before{background:var(--fl)}
.smenu a.on{background:linear-gradient(90deg,var(--fl),var(--fl2));color:#fff}
.smenu a.on::before{background:#fff}
.sm-col .side-card.dark{padding:20px}
.m-fig{float:right;width:300px;margin:4px 0 16px 28px;border-radius:16px;overflow:hidden;aspect-ratio:11/6;background:#EEF1F5;box-shadow:0 12px 30px rgba(11,22,38,.12);border-bottom:3px solid var(--fl)}
.m-fig img{width:100%;height:100%;object-fit:cover}
@media (max-width:1180px){.bcards{grid-template-columns:repeat(3,1fr)}}
@media (max-width:980px){
  .page.smp{grid-template-columns:1fr;gap:24px}
  .sm-col{position:static}
  .sm-col .side-card{display:none}
  .sm-in{max-height:360px;min-height:0}
}
@media (max-width:640px){.bcards{grid-template-columns:1fr 1fr;gap:12px}.bc-t{padding:12px 12px 14px}.bc-t b{font-size:.86rem}.m-fig{float:none;width:100%;margin:0 0 18px}}

/* ---------- marka hizmet menüsü ---------- */
.hmenu{border:1px solid var(--line);border-radius:18px;background:#fff;padding:8px 0 10px;overflow:hidden}
.hm-t{margin:0;padding:12px 18px 8px;font:800 .7rem var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--fl)}
.hmenu ul{list-style:none;margin:0;padding:0}
.hmenu a{display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:.9rem;font-weight:600;color:var(--ink);border-top:1px solid #F0F2F5;transition:.15s}
.hmenu a .ik{width:16px;height:16px;color:var(--fl);flex:none}
.hmenu a:hover{background:#FFF6F1;color:var(--fl)}
.hmenu a.on{background:linear-gradient(90deg,var(--fl),var(--fl2));color:#fff}
.hmenu a.on .ik{color:#fff}
@media (max-width:980px){
  .hmenu{border:0;background:none;padding:0;border-radius:0}
  .hm-t{display:none}
  .hmenu ul{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}
  .hmenu ul::-webkit-scrollbar{display:none}
  .hmenu a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:#fff;font-size:.84rem}
  .hmenu a .ik{display:none}
}

/* ---------- marka bölgeler sayfası ---------- */
.yk .yk-h{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 16px;font-size:1.25rem}
.yk .yk-h small{font:600 .8rem var(--fb);color:var(--mu)}
.bl-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.bl-l a{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;transition:.15s}
.bl-l a .ik{width:16px;height:16px;color:var(--fl);flex:none}
.bl-l b{display:block;font-size:.88rem;color:var(--ink);font-weight:700;line-height:1.25}
.bl-l small{font-size:.76rem;color:var(--mu)}
.bl-l a:hover{border-color:var(--fl);background:#FFF8F4}
.yaka:has(.bl-l){grid-template-columns:1.6fr 1fr}
/* marka adı menüde */
.nav-mk{color:var(--fl)!important;font-weight:800!important}

/* ---------- premium iletişim ---------- */
.ct{position:relative;background:radial-gradient(1200px 500px at 85% -10%,rgba(255,90,31,.28),transparent 60%),linear-gradient(160deg,#0D1B2E 0%,#0A1424 60%,#08101D 100%);color:#C5CFDD;padding:34px 0 72px;overflow:hidden}
.ct-bg i{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 30% 40%,#000 20%,transparent 70%)}
.ct .wrap{position:relative}
.ct .crumb a,.ct .crumb span{color:#8E9BB0}.ct .crumb b{color:#fff}
.ct-g{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:start;margin-top:26px}
.ct h1{color:#fff;font:900 italic clamp(2.2rem,4.4vw,3.4rem)/1.04 var(--fd);letter-spacing:-.03em;margin:10px 0 14px}
.ct .lead{color:#AEB9CB;max-width:46ch;margin:0 0 28px}
.ct-call,.ct-wa{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:20px;margin-bottom:12px;transition:transform .2s,box-shadow .2s}
.ct-call{background:linear-gradient(120deg,var(--fl),#FF7A2E 55%,#FF9A3E);color:#fff;box-shadow:0 22px 48px rgba(255,90,31,.32)}
.ct-wa{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(6px)}
.ct-call:hover,.ct-wa:hover{transform:translateY(-3px)}
.ct-wa:hover{border-color:rgba(37,211,102,.55)}
.ct-ci{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.18)}
.ct-wa .ct-ci{background:var(--wa2)}
.ct-ci .ik{width:24px;height:24px}
.ct-ct{flex:1;min-width:0}
.ct-ct small{display:block;font:800 .66rem var(--fb);letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.ct-ct b{display:block;font:900 clamp(1.5rem,2.6vw,2.1rem)/1.1 var(--fd);letter-spacing:-.01em;white-space:nowrap}
.ct-go{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.88rem;white-space:nowrap;padding:9px 14px;border-radius:999px;background:rgba(0,0,0,.16)}
.ct-wa .ct-go{background:rgba(37,211,102,.16);color:#7EF0A8}
.ct-go .ik{width:16px}
.ct-f{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ct-f li{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:.78rem;color:#8E9BB0}
.ct-f .ik{width:18px;color:var(--am);flex:none}
.ct-f b{display:block;color:#fff;font-size:.9rem}
.ct-r .sform{box-shadow:0 40px 80px rgba(0,0,0,.35);margin:0}
.ct-alt{padding-top:72px}
.ct-steps{display:grid;grid-template-columns:.8fr 1.6fr;gap:40px;align-items:start}
.ct-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ct-steps li{padding:22px 18px;border-radius:18px;border:1px solid var(--line);background:#fff;position:relative}
.ct-steps li b{font:900 italic 1.6rem var(--fd);color:var(--fl)}
.ct-steps li h3{font-size:1.05rem;margin:8px 0 6px}
.ct-steps li p{margin:0;font-size:.86rem;color:var(--mu)}
.ct-n{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:center;margin-top:36px}
.ct-n .disc{margin:0}
@media (max-width:980px){.ct-g,.ct-steps,.ct-n{grid-template-columns:1fr}.ct-steps ol{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ct{padding:22px 0 48px}.ct-f{grid-template-columns:1fr}.ct-go{display:none}.ct-call,.ct-wa{padding:16px}.ct-steps ol{grid-template-columns:1fr}}

/* ---------- mobil alt çubuk: iki hat ---------- */
@media (max-width:640px){
  .mbar a{padding:11px 4px 12px}
  .mbar small{font-size:.6rem}
  .mbar b{font-size:1.06rem;font-family:var(--fd);font-weight:900}
}

/* ---------- alt çubuk: telefon + WhatsApp – tablet ve dar pencerelerde de görünür (≤980px) ---------- */
@media (max-width:980px){
  .mbar{display:grid!important;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:0;padding:0 0 env(safe-area-inset-bottom);background:var(--ink);border:0;box-shadow:0 -8px 24px rgba(11,22,38,.18)}
  .mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:11px 4px 12px;border-radius:0;line-height:1.1;color:#fff;white-space:nowrap;text-align:center}
  .mbar small{display:block;font:800 .6rem var(--fb);letter-spacing:.12em;text-transform:uppercase;opacity:.92}
  .mbar b{display:block;font:900 1.06rem var(--fd);letter-spacing:-.01em}
  .mb-tel{background:linear-gradient(135deg,var(--fl),var(--fl2))!important}
  .mb-wa{background:var(--wa2)!important}
  .wa-float{display:none!important}
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
  .site-f{padding-bottom:calc(40px + env(safe-area-inset-bottom))}
}
@media (min-width:641px) and (max-width:980px){.mbar b{font-size:1.25rem}.mbar small{font-size:.66rem}}

/* ---------- adres ---------- */
.ct-adr{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:20px;margin-bottom:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;transition:transform .2s,border-color .2s}
.ct-adr:hover{transform:translateY(-3px);border-color:rgba(255,176,32,.55)}
.ct-adr .ct-ci{background:rgba(255,176,32,.16);color:var(--am)}
.ct-adr .ct-ct b{font:700 1.02rem/1.35 var(--fb);white-space:normal;letter-spacing:0}
.ct-adr .ct-go{background:rgba(255,176,32,.14);color:var(--am)}
.ct-map{padding:72px 0 0}
.cm-g{display:grid;grid-template-columns:.9fr 1.3fr;gap:36px;align-items:stretch;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 50px rgba(11,22,38,.06)}
.cm-t{padding:34px 32px}
.cm-t h2{font-size:1.6rem;margin:6px 0 18px}
.cm-a{display:flex;gap:12px;align-items:flex-start;margin:0 0 12px;font-weight:600;color:var(--ink)}
.cm-a .ik{width:20px;height:20px;color:var(--fl);flex:none;margin-top:2px}
.cm-a a{color:var(--ink)}
.cm-t .btn{margin-top:10px}
.cm-n{margin:18px 0 0;font-size:.86rem;color:var(--mu)}
.cm-m{position:relative;min-height:340px;background:linear-gradient(135deg,#EEF1F5,#E3E8EF)}
.cm-m iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cm-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;background:radial-gradient(circle at 50% 45%,rgba(255,90,31,.12),transparent 60%);cursor:pointer;color:var(--ink);font:inherit}
.cm-load .ik{width:42px;height:42px;color:var(--fl)}
.cm-load b{font:800 1.1rem var(--fd)}
.cm-load small{color:var(--mu)}
.fm-adr em{display:block;font-style:normal;font-weight:600;color:#fff;font-size:.9rem;line-height:1.35}
@media (max-width:980px){.cm-g{grid-template-columns:1fr;gap:0}.cm-m{min-height:280px}}
@media (max-width:640px){.ct-adr .ct-go{display:none}.ct-map{padding-top:48px}.cm-t{padding:26px 20px}}