/* ==========================================================================
   ARVİN OTO — Antalya Oto Servis | framework'süz saf CSS
   Hedef: tüm modern + eski tarayıcılar (@layer / oklch / color-mix YOK)
   ========================================================================== */

:root{
  --ink:#171514; --soft:#4b423e; --paper:#ffffff; --sand:#f6f4f1; --sand2:#ece7e2;
  --line:#e4dfdb; --red:#d71920; --reddk:#9c0f16; --redtint:#fdecec;
  --display:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --body:"IBM Plex Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:#fff;color:var(--ink);font-family:var(--body);
  font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;border:0}
a{color:inherit;text-decoration:none}
ul,ol,dl,dd,figure,blockquote{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:800;line-height:.98;letter-spacing:-.025em}
p{margin:0}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
table{border-collapse:collapse;width:100%}
::selection{background:var(--red);color:#fff}

.wrap{max-width:1320px;margin:0 auto;padding:0 20px}
.mono{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.4}
.tnum{font-variant-numeric:tabular-nums}
.red{color:var(--red)}
.dim{color:var(--soft)}
.hide{display:none!important}

/* ---------- dokular ---------- */
.grid-bg{
  background-image:linear-gradient(to right,rgba(23,21,20,.055) 1px,transparent 1px),
                   linear-gradient(to bottom,rgba(23,21,20,.055) 1px,transparent 1px);
  background-size:28px 28px;
}
.hatch{
  background-image:repeating-linear-gradient(-45deg,rgba(215,25,32,.18) 0,rgba(215,25,32,.18) 1px,transparent 1px,transparent 7px);
}
.hatch-w{background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.14) 0,rgba(255,255,255,.14) 1px,transparent 1px,transparent 7px)}

/* ---------- butonlar ---------- */
.btn{display:inline-flex;align-items:center;gap:12px;border:0;cursor:pointer;
  font-family:var(--display);font-weight:700;letter-spacing:.04em;transition:background-color .2s,color .2s,border-color .2s,transform .2s}
.btn svg{flex:0 0 auto}
.btn-red{background:var(--red);color:#fff;padding:14px 24px;font-size:15px;
  box-shadow:0 14px 34px -16px rgba(215,25,32,.85)}
.btn-red:hover{background:var(--reddk)}
.btn-ink{background:#fff;color:var(--ink);border:2px solid var(--ink);padding:12px 22px;font-size:14px}
.btn-ink:hover{background:var(--ink);color:#fff}
.btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7);padding:12px 22px;font-size:14px}
.btn-ghost:hover{background:#fff;color:var(--red)}
.btn-solid{background:#fff;color:var(--red);padding:18px 28px;font-size:20px;font-weight:900}
.btn-solid:hover{background:var(--ink);color:#fff}
.btn-ico{display:grid;place-items:center;width:36px;height:36px;background:rgba(255,255,255,.16)}
.btn-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.btn-txt small{font-family:var(--mono);font-size:9px;letter-spacing:.2em;opacity:.75;text-transform:uppercase}
.btn-txt span{font-size:17px;font-weight:700;margin-top:4px}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(215,25,32,.5);outline-offset:2px}

/* ---------- üst şerit ---------- */
.topbar{background:var(--ink);color:#fff}
/* Mobilde en üstteki siyah bilgi şeridi gizlenir — daha temiz, kurumsal görünüm */
@media (max-width:1023px){
  .topbar{display:none}
}
.topbar .wrap{height:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}
/* Dar masaüstünde taşmayı önle: saat bilgisi gizlenir */
@media (min-width:1024px) and (max-width:1279px){
  .tb-r .mono{display:none}
}
.topbar a:hover{color:var(--red)}
.tb-l,.tb-r{display:flex;align-items:center;gap:26px}
.tb-l .mono,.tb-r .mono{color:rgba(255,255,255,.62)}
.tb-r a{color:#fff}

/* ---------- başlık çubuğu ---------- */
.hdr{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.hdr.stuck{box-shadow:0 1px 0 rgba(23,21,20,.12),0 18px 40px -30px rgba(23,21,20,.5)}
.hdr .wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.logo svg{width:44px;height:44px;transition:transform .3s}
.logo:hover svg{transform:translateY(-2px)}
.logo b{display:block;font-family:var(--display);font-size:22px;font-weight:900;letter-spacing:.02em;line-height:1}
.logo i{display:block;font-style:normal;font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(23,21,20,.55);margin-top:5px}
.nav{display:none;align-items:center;gap:20px;white-space:nowrap}
.nav a{position:relative;padding:8px 0;font-size:13px;font-weight:600;color:rgba(23,21,20,.8);transition:color .2s}
.nav a::after{content:"";position:absolute;left:0;bottom:2px;height:2px;width:0;background:var(--red);transition:width .3s}
.nav a:hover{color:var(--red)}
.nav a:hover::after{width:100%}
.hdr-act{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.tel-pill{display:none;align-items:center;gap:10px;border:1px solid var(--line);padding:10px 14px;white-space:nowrap;transition:border-color .2s,color .2s}
.tel-pill:hover{border-color:var(--red);color:var(--red)}
.tel-pill b{font-family:var(--mono);font-size:14px;font-weight:600}
.burger{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:#fff;cursor:pointer}
.burger i{display:block;width:20px;height:2px;background:var(--ink);position:relative;transition:transform .25s,opacity .2s}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--ink);transition:transform .25s}
.burger i::before{top:-6px}.burger i::after{top:6px}
.burger.on i{transform:rotate(45deg)}
.burger.on i::before{transform:translateY(6px) rotate(-90deg)}
.burger.on i::after{opacity:0}
.mnav{display:none;border-top:1px solid var(--line);background:#fff;padding:6px 20px 22px}
.mnav.on{display:block}
.mnav a{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:15px}
.mnav a span{color:var(--red);font-family:var(--mono);font-size:11px;letter-spacing:.2em}
.mnav-cta{display:flex;gap:10px;padding-top:18px}
.mnav-cta a{flex:1;justify-content:center;border:0;padding:14px}

@media(min-width:1024px){
  .tel-pill{display:inline-flex}
  .hdr-act .btn-red{padding:12px 20px;font-size:13px}
}
@media(min-width:1280px){
  .nav{display:flex}
  .burger{display:none}
}
@media(min-width:1536px){
  .nav{gap:28px}.nav a{font-size:14px}
}

/* ---------- mobil başlık: taşma önleyici ---------- */
.hdr .wrap{flex-wrap:nowrap;min-width:0}
.logo{min-width:0}
.logo span{min-width:0;overflow:hidden}
.logo b{white-space:nowrap}
.mnav{max-height:calc(100vh - 66px);max-height:calc(100dvh - 66px);overflow-y:auto;-webkit-overflow-scrolling:touch}
/* açık mobil menünün alt butonları sabit ARA/WHATSAPP çubuğunun altında kalmasın */
@media(max-width:1023px){
  .mnav.on{padding-bottom:86px}
}

@media(max-width:767px){
  /* küçük ekranda "RANDEVU AL" gizlenir; menü düğmesi her zaman sığar */
  .hdr-act .btn-red{display:none}
  .hdr .wrap{height:66px;padding:0 16px;gap:10px}
  .logo{gap:10px}
  .logo svg{width:38px;height:38px}
  .logo b{font-size:19px}
  .logo i{font-size:8px;letter-spacing:.14em;margin-top:4px}
  .hdr-act{gap:8px}
  .burger{width:44px;height:44px;flex:0 0 auto}
}
@media(max-width:359px){
  .hdr .wrap{padding:0 12px;gap:8px;height:62px}
  .logo svg{width:34px;height:34px}
  .logo b{font-size:17px}
  .logo i{display:none}
  .burger{width:40px;height:40px}
}

/* ---------- hero + slider ---------- */
.hero{position:relative;background:#fff;overflow:hidden}
.hero-rail{position:absolute;top:0;bottom:0;left:0;width:400px;display:none}
.hero .wrap{position:relative}
.hero-grid{display:grid;grid-template-columns:1fr;gap:40px;padding:46px 0 56px;align-items:center}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.eyebrow s{display:block;width:36px;height:2px;background:var(--red);text-decoration:none}
h1.big{font-size:clamp(2.1rem,7.4vw,5.3rem);font-weight:900;letter-spacing:-.035em;line-height:.88}
h1.big em{display:block;font-style:normal;font-size:.26em;line-height:1.1;letter-spacing:.1em;font-weight:700;color:var(--ink);margin-bottom:16px}
h1.big u{text-decoration:none;position:relative;display:inline-block;color:var(--red)}
h1.big u::after{content:"";position:absolute;left:0;bottom:.08em;width:100%;height:.16em;background:rgba(215,25,32,.18);z-index:-1}
.hero p.lead{margin-top:26px;font-size:18px;line-height:1.65;color:var(--soft);max-width:570px}
.hero p.lead b{color:var(--ink);font-weight:600}

.slider{margin-top:32px;border:1px solid var(--line);background:#fff;max-width:600px}
.slider-top{display:flex;align-items:stretch}
.slider-no{flex:0 0 auto;background:var(--ink);color:#fff;padding:16px}
.slider-box{position:relative;flex:1 1 auto;min-height:176px}
@media(min-width:480px){.slider-box{min-height:150px}}
@media(min-width:640px){.slider-box{min-height:118px}}
@media(min-width:1024px){.slider-box{min-height:106px}}
@media(max-width:639px){
  .slider-no{padding:12px 10px;font-size:10px}
  .slider-nav button{padding:12px;font-size:10px;letter-spacing:.12em}
  .slider-nav button .lbl{display:none}
  .slider-nav button:nth-child(1)::after{content:"01"}
  .slider-nav button:nth-child(2)::after{content:"02"}
  .slider-nav button:nth-child(3)::after{content:"03"}
}
.slider-item{position:absolute;top:0;left:0;right:0;padding:14px 20px;opacity:0;transform:translateY(8px);
  transition:opacity .6s ease,transform .6s ease;pointer-events:none}
.slider-item.on{opacity:1;transform:none;pointer-events:auto}
.slider-item h2{font-size:17px;font-weight:800;line-height:1.15}
.slider-item p{margin-top:6px;font-size:13.5px;line-height:1.55;color:var(--soft)}
.slider-bar{display:flex;align-items:center;border-top:1px solid var(--line)}
.slider-prog{flex:1 1 auto;height:3px;background:var(--line);overflow:hidden}
.slider-prog i{display:block;height:100%;background:var(--red);transform-origin:left center;transform:scaleX(0)}
.slider-prog i.run{animation:prog 6.5s linear forwards}
@keyframes prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.slider-nav{display:flex;flex:0 0 auto}
.slider-nav button{background:#fff;border:0;border-left:1px solid var(--line);padding:12px 10px;cursor:pointer;
  font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(23,21,20,.65);transition:background-color .2s,color .2s}
.slider-nav button:hover{background:var(--redtint);color:var(--red)}
.slider-nav button.on{background:var(--red);color:#fff}

.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.hero-link{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;font-family:var(--display);font-weight:700;font-size:14px;transition:color .2s,gap .2s}
.hero-link:hover{color:var(--red);gap:14px}

.hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-top:34px;border-top:1px solid var(--line);padding-top:24px}
.hero-facts dt{font-family:var(--display);font-size:19px;font-weight:800}
.hero-facts dd{margin-top:6px;color:rgba(23,21,20,.6)}

.hero-fig{position:relative}
.hero-deco1{position:absolute;right:-40px;top:-30px;bottom:40px;width:86%;background:rgba(215,25,32,.12);display:none}
.hero-deco2{position:absolute;right:24px;bottom:-24px;height:72%;width:70%;display:none}
.stage{position:relative;overflow:hidden;height:380px;background:var(--ink)}
.stage img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);
  transition:opacity 1s ease,transform 1.2s ease}
.stage img.on{opacity:1;transform:scale(1)}
.stage-shade{position:absolute;top:0;left:0;right:0;bottom:0;
  background:linear-gradient(to top right,rgba(23,21,20,.32),rgba(23,21,20,0) 60%)}
.stage-tag{position:absolute;left:0;top:0;background:var(--ink);color:rgba(255,255,255,.88);padding:10px 16px}
.stage-no{position:absolute;right:0;bottom:0;background:var(--red);color:#fff;padding:10px 18px;display:flex;align-items:baseline;gap:8px}
.stage-no b{font-family:var(--display);font-size:26px;font-weight:900;line-height:1}
.stage-no span{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:rgba(255,255,255,.78)}
.hero-card{position:absolute;left:16px;right:16px;bottom:-20px;background:#fff;border:1px solid var(--line);
  box-shadow:0 24px 60px -30px rgba(23,21,20,.55);padding:16px 20px;display:flex;align-items:center;gap:16px}
.pulse{position:relative;width:10px;height:10px;flex:0 0 auto}
.pulse i{position:absolute;top:0;left:0;width:10px;height:10px;border-radius:50%;background:var(--red)}
.pulse i:first-child{animation:ring 1.8s ease-out infinite}
@keyframes ring{0%{transform:scale(.85);opacity:.85}70%{transform:scale(1.9);opacity:0}100%{opacity:0}}
.hero-card b{display:block;font-family:var(--display);font-size:15px;font-weight:700;margin-top:4px}

@media(min-width:640px){.stage{height:520px}.hero-card{left:32px;right:auto;min-width:340px}}
@media(min-width:1024px){
  .hero-rail{display:block}
  .hero-grid{grid-template-columns:1fr 1fr;gap:32px;padding:76px 0 92px}
  .stage{height:600px}
  .hero-deco1,.hero-deco2{display:block}
  .hero-facts{grid-template-columns:repeat(4,1fr)}
}

/* ---------- istatistik bandı ---------- */
.stats{background:var(--ink);color:#fff}
.stats dl{display:grid;grid-template-columns:1fr 1fr}
.stats div{padding:32px 8px;border-top:1px solid rgba(255,255,255,.12)}
.stats dt{font-family:var(--display);font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:900;line-height:1}
.stats dd{margin-top:12px;color:rgba(255,255,255,.58)}
@media(min-width:1024px){
  .stats dl{grid-template-columns:repeat(4,1fr)}
  .stats div{padding:42px 30px;border-top:0;border-left:1px solid rgba(255,255,255,.14)}
  .stats div:first-child{border-left:0}
}

/* ---------- marka şeridi ---------- */
.strip{background:var(--sand);border-bottom:1px solid var(--line);padding:38px 0;overflow:hidden}
.strip-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:28px}
.strip h2{font-size:clamp(1.25rem,2.6vw,1.6rem)}
.strip a{color:var(--red)}
.marq{position:relative;overflow:hidden}
.marq::before,.marq::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2}
.marq::before{left:0;background:linear-gradient(to right,var(--sand),rgba(246,244,241,0))}
.marq::after{right:0;background:linear-gradient(to left,var(--sand),rgba(246,244,241,0))}
.marq-in{display:flex;gap:10px;width:max-content;animation:marq 46s linear infinite}
.marq:hover .marq-in{animation-play-state:paused}
.marq-in span{flex:0 0 auto;border:1px solid var(--line);background:#fff;padding:15px 22px;
  font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.06em;color:rgba(23,21,20,.75);transition:color .2s,border-color .2s}
.marq-in span:hover{color:var(--red);border-color:rgba(215,25,32,.4)}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- bölüm başlıkları ---------- */
section{position:relative}
.sec{padding:70px 0}
.sec-head{display:grid;grid-template-columns:1fr;gap:22px;align-items:end}
.sec-head .txt{max-width:760px}
.codes{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.code{border:1px solid rgba(215,25,32,.3);background:var(--redtint);color:var(--red);padding:5px 10px}
.code-d{border-color:rgba(255,255,255,.28);background:transparent;color:rgba(255,255,255,.75)}
h2.sec-t{font-size:clamp(1.9rem,5vw,3.6rem);font-weight:800}
.sec-i{font-size:16.5px;line-height:1.75;color:var(--soft)}
.sec-i b{color:var(--ink);font-weight:600}
@media(min-width:1024px){.sec{padding:100px 0}.sec-head{grid-template-columns:7fr 5fr;gap:32px}}

/* ---------- BÖLÜM 01: marka seçimi ---------- */
.pick{background:var(--sand);border-bottom:1px solid var(--line);overflow:hidden}
.pick-deco{position:absolute;top:0;bottom:0;right:0;width:38%;opacity:.6;display:none}
.pick-grid{display:grid;grid-template-columns:1fr;gap:36px;align-items:start;position:relative}
.search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:0 14px;margin-top:8px;transition:border-color .2s}
.search:focus-within{border-color:var(--red)}
.search input{flex:1 1 auto;border:0;background:transparent;padding:14px 0;outline:0;font-size:15px;min-width:0}
.search input::placeholder{color:rgba(75,66,62,.45)}
.search button{background:0;border:0;cursor:pointer;color:rgba(75,66,62,.6);padding:6px}
.search button:hover{color:var(--red)}
.pick-note{margin-top:18px;font-size:13px;line-height:1.75;color:rgba(75,66,62,.85)}
.pick-note b{color:var(--ink)}
.panel{border:1px solid var(--line);background:#fff}
.panel-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;
  border-bottom:1px solid var(--line);padding:15px 20px}
.panel-b{padding:18px}
.brands{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.brands button{position:relative;overflow:hidden;text-align:left;background:#fff;border:1px solid var(--line);
  padding:12px 14px;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.brands button:hover{border-color:rgba(215,25,32,.5);background:var(--redtint)}
.brands button.on{background:var(--red);border-color:var(--red);color:#fff}
.brands button b{display:block;font-family:var(--display);font-size:14.5px;font-weight:700;line-height:1.2;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brands button i{display:block;font-style:normal;font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(23,21,20,.55);margin-top:5px}
.brands button.on i{color:rgba(255,255,255,.75)}
.brands button s{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--red);text-decoration:none;transition:width .3s}
.brands button:hover s{width:100%}
.brands button.on s{width:100%;background:rgba(255,255,255,.7)}
.models{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chips button{background:#fff;border:1px solid var(--line);padding:9px 14px;font-size:13.5px;font-weight:600;
  cursor:pointer;color:rgba(23,21,20,.8);transition:border-color .2s,color .2s,background-color .2s}
.chips button:hover{border-color:var(--ink);color:var(--ink)}
.chips button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.pick-sum{margin-top:24px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;
  align-items:center;justify-content:space-between;gap:18px}
.pick-sum b{font-family:var(--display);font-size:20px;font-weight:800}
.pick-sum b i{font-style:normal;color:var(--red)}
.btn[disabled]{background:var(--sand2);color:rgba(75,66,62,.55);box-shadow:none;cursor:not-allowed}
.blocked{border:2px solid var(--ink);background:#fff;padding:32px}
.blocked h3{font-size:clamp(1.5rem,3vw,2rem);margin-top:14px}
.blocked p{margin-top:14px;font-size:15.5px;line-height:1.8;color:var(--soft);max-width:560px}
.blocked .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
@media(min-width:640px){.brands{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){
  .pick-deco{display:block}
  .pick-grid{grid-template-columns:5fr 7fr;gap:44px}
}

/* ---------- BÖLÜM 02: hizmet endeksi ---------- */
.idx{border-top:2px solid var(--ink);margin-top:44px}
.idx-h,.idx-r{display:grid;grid-template-columns:1fr;gap:6px;padding:20px 8px;border-bottom:1px solid var(--line);position:relative}
.idx-h{display:none;padding:14px 8px}
.idx-r{transition:background-color .2s}
.idx-r:hover{background:var(--sand)}
.idx-r s{position:absolute;left:0;top:0;height:100%;width:3px;background:var(--red);text-decoration:none;
  transform:scaleY(0);transform-origin:top;transition:transform .3s}
.idx-r:hover s{transform:scaleY(1)}
.idx-c{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--red);padding-top:4px}
.idx-r h3{font-size:19px;font-weight:700;line-height:1.25}
.idx-r p{font-size:15px;line-height:1.7;color:var(--soft)}
.idx-t{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(75,66,62,.85);padding-top:4px}
.idx-more{margin-top:34px;font-size:15px;color:var(--soft)}
.idx-more b{color:var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.2em;margin-right:8px}
.idx-more a{color:var(--red);font-weight:600;text-decoration:underline;text-underline-offset:4px}
@media(min-width:900px){
  .idx-h{display:grid;grid-template-columns:92px 3.2fr 5fr 150px;gap:24px}
  .idx-r{grid-template-columns:92px 3.2fr 5fr 150px;gap:24px;padding:22px 8px;align-items:start}
  .idx-t{text-align:right}
}

/* ---------- koyu bantlar (motor revizyon / süreç) ---------- */
.band{background:var(--ink);color:#fff;overflow:hidden;border:2px solid var(--ink)}
.band-hatch{position:absolute;top:0;bottom:0;left:0;width:46%;opacity:.4;pointer-events:none}
.band-grid{display:grid;grid-template-columns:1fr;position:relative}
.band-l{padding:32px}
.band-l h3{font-size:clamp(1.85rem,3.8vw,2.9rem);font-weight:900;line-height:.98;margin-top:22px}
.band-l p{margin-top:22px;font-size:15px;line-height:1.85;color:rgba(255,255,255,.72);max-width:470px}
.band-l p b{color:#fff}
.band-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.14);margin-top:30px}
.kpis div{background:var(--ink);padding:18px 14px}
.kpis dt{font-family:var(--display);font-size:24px;font-weight:900;line-height:1}
.kpis dd{margin-top:9px;color:rgba(255,255,255,.58);font-size:8.5px;line-height:1.5}
.ops{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(255,255,255,.14)}
.ops li{background:var(--ink);padding:24px;transition:background-color .3s}
.ops li:hover{background:var(--red)}
.ops .c{color:var(--red);transition:color .3s}
.ops li:hover .c{color:rgba(255,255,255,.8)}
.ops b{display:block;margin-top:12px;font-family:var(--display);font-size:17px;font-weight:700;line-height:1.3}
.ops p{margin-top:10px;font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.62);transition:color .3s}
.ops li:hover p{color:rgba(255,255,255,.88)}
@media(min-width:640px){.ops{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){
  .band-grid{grid-template-columns:5fr 7fr}
  .band-l{padding:44px}
  .ops{border-left:1px solid rgba(255,255,255,.14)}
  .kpis dt{font-size:28px}
}

/* ---------- süreç adımları ---------- */
.steps{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);margin-top:44px}
.steps li{background:var(--ink);padding:28px;position:relative}
.steps li i{position:absolute;left:0;top:0;height:3px;width:0;background:var(--red);transition:width .5s}
.steps li:hover i{width:100%}
.steps .n{font-family:var(--display);font-size:52px;font-weight:900;line-height:1;color:rgba(255,255,255,.16);transition:color .3s}
.steps li:hover .n{color:rgba(215,25,32,.75)}
.steps h3{margin-top:22px;font-size:19px;font-weight:700;line-height:1.3}
.steps p{margin-top:14px;font-size:14.5px;line-height:1.75;color:rgba(255,255,255,.66)}
@media(min-width:640px){.steps{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.steps{grid-template-columns:repeat(4,1fr)}}

/* ---------- parça tedarik bandı ---------- */
.parts{background:var(--sand);border:1px solid var(--line);overflow:hidden;position:relative;margin-top:28px}
.parts-grid{display:grid;grid-template-columns:1fr;position:relative}
.parts-l{padding:32px}
.parts-l h3{font-size:clamp(1.6rem,3.2vw,2.4rem);margin-top:18px}
.parts-l p{margin-top:18px;font-size:15px;line-height:1.8;color:var(--soft);max-width:440px}
.parts-r{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line)}
.parts-r div{background:#fff;padding:26px;transition:background-color .3s,color .3s}
.parts-r div:hover{background:var(--red);color:#fff}
.parts-r .c{color:var(--red);transition:color .3s}
.parts-r div:hover .c{color:rgba(255,255,255,.82)}
.parts-r b{display:block;margin-top:12px;font-family:var(--display);font-size:17px;font-weight:700;line-height:1.3;transition:color .3s}
.parts-r p{margin-top:10px;font-size:13.5px;line-height:1.7;color:var(--soft);transition:color .3s}
.parts-r div:hover p{color:rgba(255,255,255,.86)}
@media(min-width:640px){.parts-r{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){
  .parts-grid{grid-template-columns:5fr 7fr}
  .parts-l{padding:40px}
  .parts-r{border-left:1px solid var(--line)}
}

/* ---------- teknik çizim ---------- */
.dia{border:1px solid var(--line);background:#fff;margin-top:40px}
.dia-grid{display:grid;grid-template-columns:1fr}
.dia-svg{background:var(--sand);border-bottom:1px solid var(--line)}
.dia-svg svg{width:100%;height:auto;display:block}
.dia-pt{cursor:pointer;outline:0}
.dia-pt circle.dot{fill:#fff;stroke:var(--ink);stroke-width:2.2;transition:fill .25s,stroke .25s}
.dia-pt text{font-family:var(--mono);font-size:15px;font-weight:600;fill:var(--ink);transition:fill .25s}
.dia-pt circle.halo{fill:rgba(215,25,32,.14);opacity:0;transition:opacity .25s}
.dia-pt.on circle.dot{fill:var(--red);stroke:var(--red)}
.dia-pt.on text{fill:#fff}
.dia-pt.on circle.halo{opacity:1}
.dia-info{padding:26px 22px}
.dia-info h3{font-size:clamp(1.5rem,2.6vw,2.1rem);margin-top:18px}
.dia-info p{margin-top:14px;font-size:16px;line-height:1.72;color:var(--soft)}
.dia-list{margin-top:24px;border:1px solid var(--line);background:var(--line)}
.dia-list li+li{margin-top:1px}
.dia-list button{width:100%;text-align:left;display:flex;align-items:center;gap:13px;background:#fff;
  border:0;padding:12px 14px;cursor:pointer;transition:background-color .2s}
.dia-list button:hover{background:var(--sand)}
.dia-list button.on{background:var(--redtint)}
.dia-list .no{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border:1px solid var(--line);
  font-family:var(--mono);font-size:11px;color:rgba(75,66,62,.85)}
.dia-list button.on .no{background:var(--red);border-color:var(--red);color:#fff}
.dia-list b{font-size:13.5px;font-weight:600;line-height:1.35}
.dia-list em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:rgba(75,66,62,.55)}
@media(min-width:1024px){
  .dia-grid{grid-template-columns:7fr 5fr}
  .dia-svg{border-bottom:0;border-right:1px solid var(--line)}
  .dia-info{padding:32px}
}

/* ---------- karşılaştırma ---------- */
.tw{overflow-x:auto;margin-top:44px}
table.cmp{min-width:760px}
table.cmp th{text-align:left;padding:18px 20px;border-bottom:2px solid var(--line)}
table.cmp th:first-child{border-bottom-color:var(--ink);width:24%}
table.cmp th.us{border-bottom-color:var(--red);background:var(--redtint);width:26%}
table.cmp td{padding:18px 20px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14.5px;line-height:1.65;color:var(--soft)}
table.cmp td.k{font-family:var(--display);font-size:16px;font-weight:700;color:var(--ink)}
table.cmp td.us{background:var(--redtint);color:var(--ink);font-weight:600}
table.cmp td.us::before{content:"✓";color:var(--red);font-weight:700;margin-right:10px}
table.cmp tbody tr:hover td{background:#fff}
table.cmp tbody tr:hover td.us{background:#fbdcdc}

/* ---------- editoryal ---------- */
.ed-grid{display:grid;grid-template-columns:1fr;gap:36px}
.ed-arts{display:grid;grid-template-columns:1fr;gap:30px 40px}
.ed-arts h3{font-size:19px;font-weight:700;line-height:1.35}
.ed-arts p{margin-top:12px;font-size:14.5px;line-height:1.85;color:var(--soft)}
.ed-note{margin-top:36px;padding-top:28px;border-top:1px solid var(--line);font-size:14px;line-height:1.9;color:var(--soft)}
.ed-note b{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--ink);margin-right:8px}
@media(min-width:640px){.ed-arts{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.ed-grid{grid-template-columns:4fr 8fr;gap:48px}}

/* ---------- galeri ---------- */
.gal{background:var(--sand);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gal-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:36px}
.gal figure{position:relative;overflow:hidden;background:var(--ink)}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}
.gal figure:hover img{transform:scale(1.05)}
.gal .big{height:320px}
.gal .sm{height:215px}
.gal figcaption{position:absolute;left:0;bottom:0;background:#fff;padding:12px 18px}
.gal figcaption b{display:block;font-family:var(--display);font-size:14px;font-weight:700;margin-top:5px}
@media(min-width:640px){.gal .big{height:440px}}
@media(min-width:1024px){
  .gal-grid{grid-template-columns:7fr 5fr}
  .gal-side{display:grid;grid-template-columns:1fr;gap:18px}
}

/* ---------- yorumlar ---------- */
.rev-grid{display:grid;grid-template-columns:1fr;gap:36px;align-items:start}
.rev-sum{border:1px solid var(--line);padding:30px}
.rev-sum .score{font-family:var(--display);font-size:74px;font-weight:900;line-height:1;margin-top:18px}
.stars{display:flex;gap:5px;color:var(--red);margin-top:14px}
.rev-sum p{margin-top:16px;font-size:15px;line-height:1.75;color:var(--soft)}
.rev-list{display:grid;grid-template-columns:1fr;gap:18px}
.rev-list figure{border:1px solid var(--line);background:var(--sand);padding:26px;height:100%;transition:border-color .3s}
.rev-list figure:hover{border-color:rgba(215,25,32,.45)}
.rev-list blockquote{margin-top:18px;font-size:15px;line-height:1.8;color:rgba(23,21,20,.86)}
.rev-list figcaption{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.rev-list figcaption b{font-family:var(--display);font-size:15px;font-weight:700}
.rev-list figcaption span{display:block;margin-top:6px;color:rgba(75,66,62,.75);font-size:9.5px}
@media(min-width:640px){.rev-list{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.rev-grid{grid-template-columns:4fr 8fr;gap:44px}.rev-sum{position:sticky;top:104px}}

/* ---------- SEO rehber ---------- */
.guide-grid{display:grid;grid-template-columns:1fr;gap:36px}
.guide-lead .nap{margin-top:30px;border-top:1px solid var(--line);padding-top:26px}
.guide-lead .nap p{margin-top:12px;font-size:15px;line-height:1.85}
.guide-lead .nap strong{font-family:var(--display);font-size:17px;font-weight:700}
.guide-lead .nap a{font-family:var(--display);font-size:19px;font-weight:800;color:var(--red);transition:color .2s}
.guide-lead .nap a:hover{color:var(--reddk)}
.arts{border-top:2px solid var(--ink)}
.arts article{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:28px 0;border-bottom:1px solid var(--line)}
.arts .n{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--red);padding-top:6px;transition:color .2s}
.arts article:hover .n{color:var(--ink)}
.arts h3{font-size:clamp(1.1rem,2vw,1.45rem);font-weight:700;line-height:1.3;transition:color .2s}
.arts article:hover h3{color:var(--red)}
.arts p{margin-top:12px;font-size:15px;line-height:1.88;color:var(--soft);max-width:760px}
@media(min-width:640px){.arts article{grid-template-columns:72px 1fr;gap:22px}}
@media(min-width:1024px){.guide-grid{grid-template-columns:4fr 8fr;gap:48px}.guide-lead>div{position:sticky;top:104px}}

/* ---------- bölge kutuları ---------- */
.dist{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:26px}
.dist div{background:#fff;padding:20px;transition:background-color .25s,color .25s}
.dist div:hover{background:var(--red);color:#fff}
.dist .row{display:flex;align-items:baseline;gap:12px}
.dist .n{font-family:var(--mono);font-size:11px;color:var(--red);transition:color .25s}
.dist div:hover .n{color:rgba(255,255,255,.85)}
.dist h4{font-family:var(--display);font-size:17px;font-weight:800}
.dist p{margin-top:8px;padding-left:38px;font-size:13.5px;line-height:1.65;color:var(--soft);transition:color .25s}
.dist div:hover p{color:rgba(255,255,255,.88)}
@media(min-width:640px){.dist{grid-template-columns:1fr 1fr}}

/* ---------- kelime çipleri ---------- */
.kw{border:1px solid var(--line);background:var(--sand);padding:24px;margin-top:40px}
.kw-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.kw ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.kw li{border:1px solid var(--line);background:#fff;padding:8px 12px;font-size:12.5px;font-weight:500;
  color:var(--soft);transition:border-color .2s,color .2s}
.kw li:hover{border-color:var(--red);color:var(--red)}

/* ---------- EK-01 arama endeksi ---------- */
.ki{background:var(--sand);border-top:1px solid var(--line);overflow:hidden}
.ki-grid{display:grid;grid-template-columns:1fr;gap:36px}
.ki-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:28px}
.ki-stats div{background:#fff;padding:16px}
.ki-stats b{font-family:var(--display);font-size:26px;font-weight:900;line-height:1}
.ki-stats span{display:block;margin-top:8px;font-size:8.5px;color:rgba(75,66,62,.7)}
.ki-list{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line)}
.ki-list a{display:flex;align-items:flex-start;gap:12px;background:#fff;padding:14px 16px;transition:background-color .2s,color .2s}
.ki-list a:hover{background:var(--ink);color:#fff}
.ki-list .c{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--red);padding-top:3px;flex:0 0 auto;transition:color .2s}
.ki-list a:hover .c{color:rgba(255,255,255,.65)}
.ki-list .t{font-size:13.5px;font-weight:600;line-height:1.4;text-transform:capitalize}
.ki-list .ar{margin-left:auto;font-family:var(--mono);font-size:11px;color:rgba(75,66,62,.35);padding-top:3px;opacity:0;transition:opacity .2s,color .2s}
.ki-list a:hover .ar{opacity:1;color:var(--red)}
.ki-chips{display:flex;flex-wrap:wrap;gap:8px;padding:20px}
.ki-chips a{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--sand);
  padding:10px 14px;transition:border-color .2s,background-color .2s}
.ki-chips a:hover{border-color:var(--red);background:var(--redtint)}
.ki-chips .c{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;color:rgba(75,66,62,.6)}
.ki-chips a:hover .c{color:var(--red)}
.ki-chips .t{font-size:12.5px;font-weight:600;color:var(--soft)}
.ki-chips a:hover .t{color:var(--ink)}
.ki-note{margin-top:22px;font-size:13.5px;line-height:1.85;color:var(--soft);border-left:2px solid var(--red);padding-left:18px}
.ki-note b{color:var(--ink)}
.ki-note a{color:var(--red);font-weight:600}
@media(min-width:640px){.ki-list{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.ki-grid{grid-template-columns:4fr 8fr;gap:48px}.ki-lead>div{position:sticky;top:104px}}
@media(min-width:1280px){.ki-list{grid-template-columns:repeat(3,1fr)}}

/* ---------- SSS ---------- */
.faq{background:var(--sand);border-top:1px solid var(--line)}
.faq-grid{display:grid;grid-template-columns:1fr;gap:36px}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;text-align:left;background:0;border:0;cursor:pointer;display:flex;align-items:flex-start;gap:18px;padding:22px 0}
.faq-q .n{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--red);padding-top:6px;flex:0 0 auto}
.faq-q .t{flex:1 1 auto;font-family:var(--display);font-size:18px;font-weight:700;line-height:1.35;transition:color .2s}
.faq-q:hover .t{color:var(--red)}
.faq-q .pm{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);
  transition:background-color .3s,border-color .3s,transform .3s;color:var(--soft)}
.faq-item.open .pm{background:var(--red);border-color:var(--red);color:#fff;transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a p{padding:0 40px 26px 50px;font-size:15.5px;line-height:1.8;color:var(--soft);max-width:840px}
@media(min-width:1024px){.faq-grid{grid-template-columns:4fr 8fr;gap:48px}.faq-q .t{font-size:21px}}

/* ---------- iletişim ---------- */
.ct-grid{display:grid;grid-template-columns:1fr;gap:40px}
.form{border:1px solid var(--line);background:var(--sand);padding:24px;margin-top:32px}
.carbox{border:1px solid var(--line);background:#fff;padding:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.carbox b{display:block;margin-top:8px;font-family:var(--display);font-size:22px;font-weight:800;line-height:1.1}
.carbox b i{font-style:normal;color:var(--red)}
.carbox .none{color:var(--red);font-size:19px}
.f2{display:grid;grid-template-columns:1fr;gap:18px;margin-top:20px}
.f2 .full{grid-column:1/-1}
label.lb{display:block;margin-bottom:9px;color:rgba(75,66,62,.8)}
.inp{width:100%;background:#fff;border:1px solid var(--line);padding:13px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}
.inp::placeholder{color:rgba(75,66,62,.45)}
.inp:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(215,25,32,.14);outline:0}
textarea.inp{resize:vertical;min-height:92px}
.prev{margin-top:22px;border:1px solid var(--line);background:#fff}
.prev .h{border-bottom:1px solid var(--line);padding:10px 16px;color:rgba(75,66,62,.65)}
.prev pre{margin:0;padding:16px;font-family:var(--mono);font-size:12px;line-height:1.75;color:var(--soft);white-space:pre-wrap}
.err{margin-top:18px;border-left:4px solid var(--red);background:var(--redtint);padding:12px 16px;font-size:14px;font-weight:600;color:var(--reddk)}
.f-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.f-cta .btn-red{flex:1 1 auto;justify-content:center}
@media(min-width:640px){.f2{grid-template-columns:1fr 1fr}.form{padding:34px}.f-cta .btn-red{flex:0 0 auto}}
@media(min-width:1024px){.ct-grid{grid-template-columns:7fr 5fr;gap:48px}}

.ok{border:2px solid var(--red);background:var(--redtint);padding:32px;margin-top:32px}
.ok .ic{width:48px;height:48px;display:grid;place-items:center;background:var(--red);color:#fff}
.ok h3{font-size:26px;margin-top:22px}
.ok p{margin-top:12px;font-size:16px;line-height:1.75;color:var(--soft);max-width:540px}
.ok pre{margin-top:22px;background:#fff;border:1px solid rgba(215,25,32,.25);padding:18px;
  font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--soft);white-space:pre-wrap}
.ok .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ok .again{margin-top:20px;background:0;border:0;cursor:pointer;text-decoration:underline;
  font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}
.ok .again:hover{color:var(--red)}

/* ---------- konum kartı ---------- */
.loc{border:1px solid var(--line)}
.loc-map{border-bottom:1px solid var(--line);background:var(--sand)}
.loc-map svg{width:100%;height:280px;display:block}
.loc-b{padding:26px}
.loc-b h3{font-family:var(--display);font-size:20px;font-weight:700;margin-top:12px;line-height:1.35}
.loc-b .big{display:block;margin-top:10px;font-family:var(--display);font-size:21px;font-weight:800;transition:color .2s}
.loc-b .big:hover{color:var(--red)}
.loc-2{display:grid;grid-template-columns:1fr;gap:22px;margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}
.hours{margin-top:16px}
.hours div{display:flex;align-items:baseline;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.hours div:last-child{border-bottom:0}
.hours dt{font-size:14.5px;color:var(--soft)}
@media(min-width:640px){.loc-2{grid-template-columns:1fr 1fr}.loc-b{padding:32px}}

/* ---------- CTA bandı ---------- */
.cta{background:var(--red);color:#fff;overflow:hidden;position:relative}
.cta-hatch{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.25}
.cta .wrap{position:relative;padding-top:56px;padding-bottom:56px}
.cta-in{display:flex;flex-direction:column;gap:32px}
.cta h2{font-size:clamp(1.9rem,4.6vw,3.4rem);font-weight:900;line-height:1;margin-top:18px}
.cta-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
@media(min-width:1024px){
  .cta .wrap{padding-top:76px;padding-bottom:76px}
  .cta-in{flex-direction:row;align-items:center;gap:44px}
  .cta-in>div:first-child{flex:1 1 auto}
}

/* ---------- footer ---------- */
.ft{background:var(--ink);color:#fff;padding-top:60px;padding-bottom:110px}
.ft-grid{display:grid;grid-template-columns:1fr;gap:38px}
.ft p.about{margin-top:22px;font-size:14.5px;line-height:1.85;color:rgba(255,255,255,.66);max-width:390px}
.ft-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ft .h{color:rgba(255,255,255,.48)}
.ft ul{margin-top:18px}
.ft li{margin-bottom:10px}
.ft li a{font-size:14px;color:rgba(255,255,255,.66);transition:color .2s}
.ft li a:hover{color:#fff}
.ft address{font-style:normal;margin-top:18px;font-size:14px;line-height:1.9;color:rgba(255,255,255,.66)}
.ft address a:hover{color:#fff}
.ft .sub{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}
.ft .sub p{margin-top:12px;font-size:13px;line-height:1.8;color:rgba(255,255,255,.62)}
.ft .sub p.mini{font-size:12px;color:rgba(255,255,255,.45)}
.ft-bot{margin-top:50px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14);display:flex;
  flex-direction:column;gap:16px}
.ft-bot p{color:rgba(255,255,255,.6);font-size:9px}
@media(min-width:640px){.ft-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){
  .ft{padding-bottom:44px}
  .ft-grid{grid-template-columns:4fr 3fr 2fr 3fr;gap:30px}
  .ft-bot{flex-direction:row;align-items:center;justify-content:space-between}
  .ft-bot p:last-child{text-align:right;max-width:560px;line-height:1.7}
}

/* ---------- sabit ulaşım çubukları ---------- */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:1fr 1fr;
  background:#fff;border-top:1px solid var(--line);box-shadow:0 -14px 40px -24px rgba(23,21,20,.6)}
.mbar a{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 8px;
  font-family:var(--display);font-weight:700;font-size:14.5px}
.mbar a:first-child{background:var(--red);color:#fff}
.mbar a:last-child{color:var(--ink)}
.mbar a:last-child svg{color:var(--red)}
.fab{position:fixed;right:28px;bottom:28px;z-index:70;display:none;align-items:center;gap:12px;
  background:var(--ink);color:#fff;padding:16px 22px;box-shadow:0 22px 50px -20px rgba(23,21,20,.8);transition:background-color .25s}
.fab:hover{background:var(--red)}
.fab b{font-family:var(--display);font-size:14px;font-weight:700}
@media(min-width:1024px){.mbar{display:none}.fab{display:flex}}

/* ---------- dikey omurga ---------- */
.spine{position:fixed;left:14px;top:0;bottom:0;width:40px;z-index:55;display:none;align-items:center;justify-content:center;pointer-events:none}
.spine i{position:absolute;top:0;bottom:0;width:1px;background:var(--line)}
.spine span{position:relative;background:#fff;padding:22px 0;color:rgba(75,66,62,.5);
  writing-mode:vertical-rl;font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase}
@media(min-width:1536px){.spine{display:flex}}

/* ==========================================================================
   ARVİN TURBO — ayrı turbo merkezi (aynı adres, ayrı telefon)
   ========================================================================== */
.turbo{background:var(--sand);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.turbo-deco{position:absolute;top:0;right:0;bottom:0;width:40%;opacity:.45;display:none;pointer-events:none}
.turbo-head{display:grid;grid-template-columns:1fr;gap:30px;position:relative;align-items:start}
.turbo-brand{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.turbo-mark{width:52px;height:52px;flex:0 0 auto;background:var(--red);color:#fff;display:grid;place-items:center}
.turbo-brand b{display:block;font-family:var(--display);font-size:clamp(1.3rem,3vw,1.6rem);font-weight:900;line-height:1;letter-spacing:.01em}
.turbo-brand i{display:block;font-style:normal;font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(75,66,62,.72);margin-top:6px}
.turbo h2{font-size:clamp(1.9rem,4.6vw,3.2rem);font-weight:800}
.turbo .lead{margin-top:20px;font-size:16px;line-height:1.8;color:var(--soft);max-width:580px}
.turbo .lead b{color:var(--ink);font-weight:600}
.turbo-note{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.turbo-note span{border:1px solid var(--line);background:#fff;padding:8px 12px;font-family:var(--mono);
  font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}
.turbo-note span b{color:var(--red)}

.tcontact{background:var(--ink);color:#fff;padding:26px;border:2px solid var(--ink);position:relative;overflow:hidden}
.tcontact .mono{color:rgba(255,255,255,.58)}
.tcontact .tname{display:flex;align-items:center;gap:10px;margin-top:8px}
.tcontact .tname b{font-family:var(--display);font-size:23px;font-weight:900;line-height:1}
.tcontact .tel{display:flex;align-items:center;gap:10px;margin-top:18px;font-family:var(--display);
  font-size:clamp(1.45rem,3.4vw,1.95rem);font-weight:900;line-height:1;transition:color .2s}
.tcontact .tel svg{color:var(--red);flex:0 0 auto}
.tcontact .tel:hover{color:rgba(255,255,255,.78)}
.tcontact .addr{margin-top:16px;font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.68)}
.tcontact .addr b{color:#fff;font-weight:600}
.tcontact .row{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.tcontact .row .btn{flex:1 1 auto;justify-content:center;padding:13px 16px;font-size:13px}
.tstats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.16);margin-top:20px}
.tstats div{background:var(--ink);padding:13px 10px}
.tstats b{font-family:var(--display);font-size:19px;font-weight:900;line-height:1}
.tstats span{display:block;margin-top:6px;font-family:var(--mono);font-size:7.5px;letter-spacing:.14em;
  text-transform:uppercase;line-height:1.5;color:rgba(255,255,255,.55)}

.tcards{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:34px}
.tcard{background:#fff;padding:22px;position:relative;transition:background-color .3s,color .3s}
.tcard:hover{background:var(--red);color:#fff}
.tcard .c{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--red);transition:color .3s}
.tcard:hover .c{color:rgba(255,255,255,.82)}
.tcard b{display:block;margin-top:10px;font-family:var(--display);font-size:17px;font-weight:700;line-height:1.3}
.tcard p{margin-top:8px;font-size:13px;line-height:1.65;color:var(--soft);transition:color .3s}
.tcard:hover p{color:rgba(255,255,255,.9)}
.tcard s{position:absolute;left:0;top:0;height:3px;width:0;background:var(--red);text-decoration:none;transition:width .4s}
.tcard:hover s{width:100%;background:rgba(255,255,255,.8)}
.tcard .ar{position:absolute;right:18px;bottom:14px;opacity:0;transition:opacity .3s;font-family:var(--mono);font-size:12px}
.tcard:hover .ar{opacity:1}

.tstrip{margin-top:20px;border:1px solid var(--line);background:#fff;padding:18px 22px;display:flex;
  flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.tstrip p{font-size:14px;line-height:1.75;color:var(--soft);max-width:760px}
.tstrip b{color:var(--ink)}
.tstrip a{color:var(--red);font-family:var(--display);font-weight:700;font-size:14.5px;white-space:nowrap}
.tstrip a:hover{color:var(--reddk)}

@media(min-width:640px){.tcards{grid-template-columns:1fr 1fr}.turbo-deco{display:block}}
@media(min-width:1024px){
  .turbo-head{grid-template-columns:7fr 5fr;gap:44px}
  .tcards{grid-template-columns:repeat(4,1fr)}
}

/* ---------- scroll reveal ---------- */
.rv{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.rv.in{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none;transition:none}
  .marq-in{animation:none}
  .slider-prog i.run{animation:none;transform:scaleX(1)}
  .stage img,.ops li,.parts-r div,.dist div,.ki-list a,.gal img{transition:none}
}