/* İstanbul Özel Servis · temel stiller (her sayfada yüklenir) */

/* ---------- Yerel yazı tipleri (Türkçe karakterler için latin + latin-ext) ---------- */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-latin-ext-600-normal.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:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-latin-ext-700-normal.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:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-latin-ext-400-normal.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:500;font-display:swap;src:url(../fonts/inter-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-latin-ext-500-normal.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:600;font-display:swap;src:url(../fonts/inter-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-latin-ext-600-normal.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}
/* Yazı tipi yüklenirken yer değişimini (CLS) azaltan ölçü eşlemeli yedekler */
@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}
@font-face{font-family:"Barlow Condensed Fallback";src:local("Arial Narrow"),local("Arial");size-adjust:88%;ascent-override:100%;descent-override:25%;line-gap-override:0%}

/* ---------- Jetonlar ---------- */
:root{
	--accent:#d4262e;--ink:#0d1117;--paper:#f4f2ee;
	--ink-2:#151c27;--graphite:#1e2733;--steel:#8b95a3;--steel-2:#c5cbd3;
	--paper-2:#eae7e0;--text:#12161d;--muted:#566070;--line:#d8d4cb;--line-d:rgba(255,255,255,.13);
	--ff-display:"Barlow Condensed","Barlow Condensed Fallback",system-ui,"Segoe UI",Arial,sans-serif;
	--ff-body:"Inter","Inter Fallback",system-ui,"Segoe UI",Arial,sans-serif;
	--gut:clamp(16px,4vw,32px);--maxw:1240px;--hh:68px;--r:4px;
	--ease:cubic-bezier(.2,.8,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 12px);scroll-padding-bottom:96px}
body{margin:0;background:var(--paper);color:var(--text);font:400 1.0625rem/1.65 var(--ff-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{max-width:100%;height:auto}
img{display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:#fff;color:#000;padding:.7rem 1rem;z-index:100001;border-radius:var(--r);transition:top .2s}
.skip:focus{top:12px}
.wrap{width:min(100% - 2*var(--gut),var(--maxw));margin-inline:auto}
.wrap--narrow{width:min(100% - 2*var(--gut),820px)}
.center{text-align:center}
.muted{color:var(--muted)}.small{font-size:.875rem}
.muted-light{color:rgba(255,255,255,.62)}
h1,h2,h3,h4{font-family:var(--ff-display);font-weight:700;line-height:1.04;letter-spacing:-.005em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.5rem,6vw,4.9rem)}
h2{font-size:clamp(1.9rem,3.7vw,3.1rem)}
h3{font-size:clamp(1.3rem,2vw,1.65rem)}
p{margin:0 0 1em;text-wrap:pretty}
mark.ios-todo{background:#ffe9a8;color:#5a3d00;padding:0 .25em;border-radius:2px}
.linkbtn{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}

/* ---------- Düğmeler ---------- */
.btn{--bb:var(--accent);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.7rem 1.35rem;border:2px solid transparent;border-radius:var(--r);font:600 1rem/1.2 var(--ff-body);text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s var(--ease),background .2s,color .2s,border-color .2s,box-shadow .25s}
.btn .ic{flex:none;transition:transform .25s var(--ease)}
.btn:hover .ic-arrow,.btn:hover .ic-calendar{transform:translateX(3px)}
.btn:active{transform:translateY(1px) scale(.985)}
.btn--sm{min-height:40px;padding:.45rem .95rem;font-size:.92rem}
.btn--lg{min-height:56px;padding:.85rem 1.7rem;font-size:1.06rem}
.btn--primary{background:var(--accent);color:#fff}
.btn--primary::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s var(--ease)}
.btn--primary:hover::after{transform:translateX(120%)}
.btn--primary:hover{background:color-mix(in srgb,var(--accent) 86%,#000);box-shadow:0 8px 24px -8px color-mix(in srgb,var(--accent) 70%,transparent)}
.btn--ghost{background:transparent;color:inherit;border-color:currentColor}
.btn--ghost:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
.btn--ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn--ghost-light:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn--ghost-dark{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--ghost-dark:hover{background:var(--ink);color:#fff}
.btn--dark{background:var(--ink);color:#fff}
.btn--dark:hover{background:var(--graphite)}
.btn--light{background:#fff;color:var(--ink)}
.btn--light:hover{background:var(--steel-2)}
.btn--wa{background:#12804a;color:#fff}
.btn--wa:hover{background:#0e6a3d}
.btnrow{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:1.4rem}
.btnrow.center{justify-content:center}

/* ---------- Header: yüzen cam panel ---------- */
:root{--hd-h:84px;--hh:80px}
.brand{display:inline-flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font:700 1.45rem/1 var(--ff-display);letter-spacing:.01em;flex:none}
.brand .mark{color:#fff}
.logo-img{max-height:38px;width:auto}
.hd{position:fixed;left:0;right:0;top:0;z-index:900;transition:transform .5s var(--ease)}
.admin-bar .hd{top:32px}
@media(max-width:782px){.admin-bar .hd{top:46px}}
.hd.is-hidden{transform:translateY(-135%)}
.hd__shell{position:relative;width:min(100% - 24px,1360px);margin:10px auto 0}
/* Köşe işaretleri: ölçüm aleti hissi */
.hd__shell::before,.hd__shell::after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;transition:opacity .3s}
.hd__shell::before{left:-5px;top:-5px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}
.hd__shell::after{right:-5px;bottom:-5px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}
.hd__bar{position:relative;display:flex;align-items:center;gap:1rem;height:68px;padding:0 .8rem 0 1.25rem;color:#fff;isolation:isolate;transition:height .3s var(--ease)}
/* Cam yüzey sahte öğede: bar'a doğrudan backdrop-filter vermek içindeki fixed mobil menüyü hapseder */
.hd__bar::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:14px;background:linear-gradient(180deg,rgba(20,27,38,.72),rgba(9,13,19,.8));border:1px solid rgba(255,255,255,.13);box-shadow:0 22px 44px -24px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.09);transition:background .35s,box-shadow .35s}
@supports(backdrop-filter:blur(8px)){.hd__bar::before{backdrop-filter:blur(18px) saturate(1.5)}}
.hd.is-scrolled .hd__bar{height:58px}
.hd.is-scrolled .hd__bar::before{background:linear-gradient(180deg,rgba(14,19,28,.9),rgba(8,11,17,.94))}
.hd.is-scrolled .logo-img{max-height:32px}
.hd__brand{display:inline-flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font:700 1.4rem/1 var(--ff-display);letter-spacing:.01em;flex:none}
.hd__brand .mark{color:#fff;transition:transform .6s var(--ease)}
.hd__brand:hover .mark{transform:rotate(60deg)}
.hd__nav{display:flex;align-items:center;justify-content:center;flex:1;min-width:0}
.hd__list{display:flex;align-items:center;gap:.1rem;list-style:none;margin:0;padding:0}
.hd__link{position:relative;display:inline-flex;align-items:center;gap:.35rem;height:44px;padding:0 .8rem;border:0;border-radius:10px;background:none;color:rgba(255,255,255,.82);font:500 .94rem var(--ff-body);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .2s,background .25s}
.hd__link:hover,.hd__link[aria-expanded=true]{color:#fff;background:rgba(255,255,255,.08)}
.hd__link .ic{transition:transform .3s var(--ease)}
.hd__link[aria-expanded=true] .ic{transform:rotate(180deg)}
.hd__link[aria-current]{color:#fff}
.hd__link[aria-current]::after{content:"";position:absolute;left:50%;bottom:3px;width:18px;height:2px;margin-left:-9px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px var(--accent)}
.hd__actions{display:flex;align-items:center;gap:.7rem;flex:none}
.hd__phone{display:flex;align-items:center;gap:.65rem;padding:.2rem .7rem .2rem .2rem;border-radius:999px;color:#fff;text-decoration:none;transition:background .25s}
.hd__phone:hover{background:rgba(255,255,255,.07)}
.hd__phone-ic{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(212,38,46,.16);border:1px solid rgba(212,38,46,.55);color:#fff;transition:background .25s,transform .3s var(--ease)}
.hd__phone:hover .hd__phone-ic{background:var(--accent);transform:rotate(-12deg) scale(1.05)}
.hd__phone-ic::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--accent);opacity:0}
@media(prefers-reduced-motion:no-preference){.hd__phone-ic::after{animation:ring 3.2s ease-out infinite}}
@keyframes ring{0%{opacity:.7;transform:scale(.85)}70%,100%{opacity:0;transform:scale(1.35)}}
.hd__phone-tx{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.hd__phone-tx small{font:600 .66rem var(--ff-body);letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.hd__phone-tx strong{font:600 1.02rem var(--ff-body);letter-spacing:.01em;font-variant-numeric:tabular-nums}
.hd__cta{min-height:44px;padding:.5rem 1.15rem;font-size:.92rem}
.hd__burger{display:none;width:46px;height:46px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.05);color:#fff;align-items:center;justify-content:center;cursor:pointer;transition:background .25s}
.hd__burger:hover{background:rgba(255,255,255,.12)}
.hd__burger-ic{position:relative;display:block;width:20px;height:14px}
.hd__burger-ic i{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .35s var(--ease),opacity .2s,top .35s var(--ease)}
.hd__burger-ic i:nth-child(1){top:0}.hd__burger-ic i:nth-child(2){top:6px}.hd__burger-ic i:nth-child(3){top:12px}
.hd__burger[aria-expanded=true] .hd__burger-ic i:nth-child(1){top:6px;transform:rotate(45deg)}
.hd__burger[aria-expanded=true] .hd__burger-ic i:nth-child(2){opacity:0}
.hd__burger[aria-expanded=true] .hd__burger-ic i:nth-child(3){top:6px;transform:rotate(-45deg)}
/* Alt cetvel ve imleç izleyici */
.hd__rule{position:absolute;left:18px;right:18px;bottom:-9px;height:6px;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.26) 0 1px,transparent 1px 10px);-webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);opacity:.55}
.hd__rule i{position:absolute;top:0;left:var(--x,50%);width:90px;height:2px;margin-left:-45px;background:radial-gradient(closest-side,var(--accent),transparent);opacity:0;transition:left .4s var(--ease),opacity .3s}
.hd.is-track .hd__rule i{opacity:1}
.hd__extra{display:none}

/* Mega menü paneli */
.has-mega{position:static}
.mega{position:absolute;top:calc(100% + 12px);left:0;right:0;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(9,13,19,.97);box-shadow:0 44px 90px -34px #000;animation:megaIn .3s var(--ease)}
.mega[hidden]{display:none}
@keyframes megaIn{from{opacity:0;transform:translateY(-8px)}}
.mega__in{display:grid;grid-template-columns:minmax(230px,290px) repeat(auto-fit,minmax(165px,1fr));gap:1.4rem 2rem;padding:1.5rem}
.mega--brands .mega__in,.mega--regions .mega__in{grid-template-columns:minmax(0,2.4fr) minmax(220px,1fr)}
.mega__h{margin:0 0 .75rem;font:600 .7rem var(--ff-body);letter-spacing:.15em;text-transform:uppercase;color:var(--steel)}
.mega ul{list-style:none;margin:0;padding:0}
.mega__col li a{position:relative;display:block;padding:.3rem 0 .3rem 0;color:rgba(255,255,255,.82);text-decoration:none;font-size:.94rem;transition:color .2s,padding-left .3s var(--ease)}
.mega__col li a::before{content:"";position:absolute;left:0;top:50%;width:0;height:2px;background:var(--accent);transition:width .3s var(--ease)}
.mega__col li a:hover{color:#fff;padding-left:.9rem}
.mega__col li a:hover::before{width:.6rem}
.mega__feature{position:relative;display:flex;align-items:flex-end;min-height:250px;border-radius:10px;overflow:hidden;background:radial-gradient(240px 200px at 70% 10%,#1d2838,#0b0f16)}
.mega__feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mega__feature:hover>img{transform:scale(1.06)}
.mega__feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,13,19,.1) 20%,rgba(9,13,19,.92))}
.mega__gauge{position:absolute;right:-18%;top:-6%;width:78%;opacity:.9}
.mega__feature-tx{position:relative;z-index:1;padding:1rem 1.1rem;font-size:.88rem;color:rgba(255,255,255,.82)}
.mega__feature-tx p{margin:.1rem 0 .4rem}
.mega__all{display:inline-flex;gap:.35rem;align-items:center;margin-top:.5rem;color:#fff;font-weight:600;font-size:.92rem;text-decoration:none}
.mega__all .ic{transition:transform .3s var(--ease)}
.mega__all:hover .ic{transform:translateX(4px)}
.mega__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}
.mega__grid a{display:flex;align-items:center;min-height:46px;padding:.5rem .85rem;border:1px solid var(--line-d);border-radius:9px;color:#fff;text-decoration:none;font:600 1rem var(--ff-display);letter-spacing:.01em;transition:background .25s,border-color .25s,transform .3s var(--ease)}
.mega__grid a:hover{background:rgba(212,38,46,.14);border-color:rgba(212,38,46,.6);transform:translateY(-2px)}
.mega__note{padding:1rem 1.2rem;border-left:2px solid var(--accent);background:rgba(255,255,255,.03);border-radius:0 10px 10px 0;font-size:.92rem;color:rgba(255,255,255,.76)}
.mega__addr{display:flex;gap:.45rem;align-items:flex-start;color:#fff}
.mega__addr .ic{flex:none;margin-top:.15rem;color:var(--accent)}

@media(max-width:1260px){.hd__phone-tx{display:none}.hd__phone{padding:.2rem}}
@media(max-width:1120px){.hd__link{padding:0 .6rem;font-size:.9rem}}

/* ---------- Mobil: tam ekran menü ---------- */
@media(max-width:1060px){
	.hd__bar{height:62px}
	.hd__burger{display:inline-flex}
	.hd__cta{display:none}
	.hd__actions{margin-left:auto}
	.hd__nav{position:fixed;left:12px;right:12px;top:calc(var(--hd-h) + var(--wp-admin--admin-bar--height,0px) - 6px);bottom:calc(74px + env(safe-area-inset-bottom));display:block;padding:.4rem 1.1rem 1.4rem;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(7,10,15,.985);box-shadow:0 40px 80px -20px #000;overflow:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.985);transform-origin:top center;transition:opacity .3s,transform .4s var(--ease),visibility 0s .4s}
	.hd__nav.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .4s var(--ease)}
	.hd__list{flex-direction:column;align-items:stretch;gap:0;width:100%}
	.hd__list>li{border-bottom:1px solid var(--line-d)}
	.hd__link{width:100%;height:56px;padding:0;justify-content:space-between;border-radius:0;font-size:1.08rem;background:none!important}
	.hd__link[aria-current]::after{left:0;margin:0;bottom:12px;width:26px}
	.mega{position:static;border:0;border-radius:0;background:transparent;box-shadow:none;animation:none}
	.mega__in,.mega--brands .mega__in,.mega--regions .mega__in{display:block;padding:0 0 1rem}
	.mega__feature{display:none}
	.mega__col{margin-bottom:1rem}
	.mega__col li a{display:flex;align-items:center;min-height:44px}
	.mega__grid{grid-template-columns:repeat(2,1fr)}
	.mega__note{margin-top:.5rem}
	.hd__extra{display:block;margin-top:1.2rem}
	.hd__extra-btns{display:grid;gap:.6rem}
	.hd__extra-btns .btn{width:100%;min-height:54px}
	.hd__extra-hours{display:flex;gap:.6rem;margin-top:1rem;font-size:.9rem;color:rgba(255,255,255,.75)}
	.hd__extra-hours .ic{color:var(--accent);flex:none;margin-top:.2rem}
	.hd__extra-hours .hours{flex:1;margin:0}
	.hd__extra-addr{display:flex;gap:.5rem;margin:1rem 0 0;font-size:.9rem;color:rgba(255,255,255,.7)}
	.hd__extra-addr .ic{color:var(--accent);flex:none;margin-top:.15rem}
	.hd__social{display:flex;gap:.5rem;list-style:none;margin:1rem 0 0;padding:0}
	.hd__social a{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line-d);border-radius:50%;color:#fff}
}

/* ---------- Mobil işlem çubuğu ---------- */
.mbar{display:none}
@media(max-width:1060px){
	body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
	.mbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:950;background:#0b0f16;border-top:1px solid var(--line-d);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -10px 30px -12px rgba(0,0,0,.5);transition:transform .25s var(--ease)}
	.mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;color:rgba(255,255,255,.88);text-decoration:none;font-size:.72rem;font-weight:600;letter-spacing:.02em;-webkit-tap-highlight-color:transparent}
	.mbar a:active{background:rgba(255,255,255,.08)}
	.mbar__main{background:var(--accent);color:#fff!important}
	.mbar.is-hidden,.ios-consent-open .mbar{transform:translateY(110%);visibility:hidden}
}

/* ---------- Footer ---------- */
.site-footer{background:var(--ink);color:rgba(255,255,255,.78);margin-top:0;font-size:.95rem}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:2rem 2.5rem;padding-block:3.5rem 2.5rem}
.foot__h{font:600 .72rem var(--ff-body);letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin:0 0 1rem}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin:.35rem 0}
.foot a{text-decoration:none}.foot a:hover{color:#fff;text-decoration:underline}
.foot p{margin:.4rem 0}
.foot .ic{vertical-align:-3px;margin-right:.25rem;color:var(--accent)}
.foot .ic-brand{color:currentColor}
.foot__social{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem!important}
.foot__social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-d);border-radius:50%;color:#fff;transition:background .25s,border-color .25s,transform .3s var(--ease)}
.foot__social a:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-3px);text-decoration:none}
.foot__social .ic{margin:0;color:currentColor}
.hours{margin:.6rem 0 0}.hours div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed var(--line-d);padding:.2rem 0}.hours dt,.hours dd{margin:0}
.hours-note{font-size:.85rem;opacity:.8;margin:.4rem 0 0}
.foot__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;border-top:1px solid var(--line-d);padding-block:1.25rem 1.75rem;font-size:.85rem;color:rgba(255,255,255,.55)}
.foot__bottom ul{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem}
.foot__bottom a:hover{color:#fff}
@media(max-width:900px){.foot{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot{grid-template-columns:1fr}}

/* ---------- Hareket tercihleri ---------- */
[data-reveal]{opacity:1}
.js [data-reveal]:not(.is-in){opacity:0;transform:translateY(18px)}
.js [data-reveal]{transition:opacity .7s var(--ease),transform .7s var(--ease)}
@media(prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
	.js [data-reveal]:not(.is-in){opacity:1;transform:none}
}

/* ---------- Yüzen dönüşüm düğmeleri ---------- */
.fab{position:fixed;bottom:22px;z-index:940;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}
.fab--right{right:22px}
.fab--left{left:22px;align-items:flex-start}
.fab>*{pointer-events:auto}
.fab__btn{position:relative;display:inline-flex;align-items:center;height:56px;min-width:56px;padding:0;border:0;border-radius:999px;color:#fff;text-decoration:none;cursor:pointer;box-shadow:0 10px 26px -8px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.25);transition:transform .25s var(--ease),box-shadow .25s,background .2s,opacity .4s;-webkit-tap-highlight-color:transparent}
.fab--left .fab__btn{flex-direction:row-reverse}
.fab__btn:hover{transform:translateY(-3px);box-shadow:0 16px 30px -10px rgba(0,0,0,.6)}
.fab__btn:active{transform:scale(.96)}
.fab__ic{display:grid;place-items:center;width:56px;height:56px;flex:none}
.fab__label{max-width:0;overflow:hidden;white-space:nowrap;font:600 .95rem var(--ff-body);transition:max-width .35s var(--ease),padding .35s var(--ease);padding:0}
.fab__btn:hover .fab__label,.fab__btn:focus-visible .fab__label,.fab__btn.is-open .fab__label{max-width:240px;padding:0 .2rem 0 1.15rem}
.fab--left .fab__btn:hover .fab__label,.fab--left .fab__btn:focus-visible .fab__label,.fab--left .fab__btn.is-open .fab__label{padding:0 1.15rem 0 .2rem}
.fab__wa{background:#25d366;color:#fff}
.fab__wa:hover{background:#1ebe5b}
.fab__wa::before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #25d366;opacity:0;pointer-events:none}
.fab__call{background:var(--accent)}
.fab__call:hover{background:color-mix(in srgb,var(--accent) 86%,#000)}
.fab__top{background:var(--ink);border:1px solid var(--line-d);height:46px;min-width:46px}
.fab__top .fab__ic{width:46px;height:46px}
.fab__top[hidden]{display:none}
.fab__top.is-in{animation:fabIn .3s var(--ease)}
@keyframes fabIn{from{opacity:0;transform:translateY(10px)}}
.js .fab__wa,.js .fab__call{opacity:0;transform:translateY(14px)}
.js .fab.is-ready .fab__wa,.js .fab.is-ready .fab__call{opacity:1;transform:none}
.js .fab.is-ready .fab__call{transition-delay:.12s}
@media(prefers-reduced-motion:no-preference){.fab.is-pulse .fab__wa::before{animation:fabPulse 2s ease-out 3}}
@keyframes fabPulse{from{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}
.ios-consent-open .fab{opacity:0;pointer-events:none}
@media(max-width:1060px){
	.fab{bottom:calc(76px + env(safe-area-inset-bottom))}
	.fab--right{right:14px}.fab--left{left:14px}
	.fab__wa,.fab__call{display:none}
}


/* Alt bilgi: Audi ilçe bağlantıları */
.foot__locals{padding-block:1.4rem;border-top:1px solid var(--line-d)}
.foot__locals .foot__h{margin:0 0 .7rem}
.foot__locals .foot__h a{color:#fff;text-decoration:none}
.foot__locals ul{display:flex;flex-wrap:wrap;gap:.35rem .5rem;list-style:none;margin:0;padding:0}
.foot__locals li a{display:inline-block;padding:.3rem .7rem;border:1px solid var(--line-d);border-radius:999px;font-size:.84rem;color:rgba(255,255,255,.78);text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.foot__locals li a:hover{background:var(--accent);border-color:var(--accent);color:#fff;text-decoration:none}
.mega__h--sp{margin-top:1.1rem}
