/* ==========================================================================
   OTOMERT — site tasarımı (AYDINLIK tema varsayılan, koyu tema düğmeyle)
   Renkler :root (aydınlık) ve html[data-tema="koyu"] (koyu) içinde.
   ========================================================================== */
:root{
  --zemin:#ffffff; --zemin-2:#f5f6f8; --zemin-3:#eef0f3;
  --kutu:#ffffff; --kutu-2:#f3f4f6; --kutu-3:#f7f8fa;
  --cizgi:#e6e8ec; --cizgi-2:#d7dbe1;
  --metin:#14171c; --metin-2:#2d333b; --soluk:#5b6470; --soluk-2:#8a929d;
  --kirmizi:#e11623; --kirmizi-2:#c40f1b; --kirmizi-3:#9f0c16; --kirmizi-acik:#fdeced; --kirmizi-cizgi:rgba(225,22,35,.28); --kirmizi-isik:rgba(225,22,35,.3);
  --yesil:#179c4b; --yesil-2:#16a34a; --altin:#f5a800;
  --golge-1:0 1px 2px rgba(16,24,40,.05);
  --golge-2:0 1px 2px rgba(16,24,40,.04),0 12px 30px -16px rgba(16,24,40,.2);
  --golge-3:0 30px 70px -32px rgba(16,24,40,.35);
  --ust-bg:rgba(255,255,255,.82); --ust-bg-2:rgba(255,255,255,.96); --altbar-bg:rgba(255,255,255,.92); --sheet:#ffffff; --alt-bg:#f3f4f6;
  --hover:rgba(20,24,31,.04); --kamp-notr:rgba(20,24,31,.09); --grain:.03;
  --giris-bg:radial-gradient(620px 380px at 100% 0%,rgba(225,22,35,.09),transparent 62%),radial-gradient(520px 320px at 0% 100%,rgba(225,22,35,.05),transparent 60%),linear-gradient(180deg,#ffffff,#f5f6f8);
  --pano:radial-gradient(900px 380px at 0% 0%,rgba(225,22,35,.07),transparent 62%),radial-gradient(700px 300px at 100% 100%,rgba(225,22,35,.05),transparent 60%),#fafafb;
  --pano-2:#ffffff;
  --durum-bg:#e9f8ef; --durum:#15803d; --durum-c:#b7e4c7; --kapali-bg:#fdeced; --kapali:#c40f1b; --kapali-c:#f5c2c7;
  --cam:rgba(255,255,255,.86); --cam-metin:#14171c;
  --r:22px; --r-k:14px; --kap:1180px; --ust-h:60px; --altbar-h:68px;
  --f-bas:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;
  --f-govde:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:light;
}
html[data-tema="koyu"]{
  --zemin:#0a0c0f; --zemin-2:#0f1217; --zemin-3:#07080a;
  --kutu:#151920; --kutu-2:#1c212a; --kutu-3:#0b0d11;
  --cizgi:rgba(255,255,255,.08); --cizgi-2:rgba(255,255,255,.14);
  --metin:#f3f5f7; --metin-2:#d6dce3; --soluk:#a7b0bc; --soluk-2:#7c8591;
  --kirmizi:#ff2d3a; --kirmizi-2:#e11623; --kirmizi-acik:rgba(255,45,58,.13); --kirmizi-cizgi:rgba(255,45,58,.35); --kirmizi-isik:rgba(255,45,58,.38);
  --yesil-2:#25d366; --altin:#f5b301;
  --golge-1:none; --golge-2:0 12px 32px -16px rgba(0,0,0,.6); --golge-3:0 40px 90px -45px rgba(0,0,0,.9);
  --ust-bg:rgba(10,12,15,.72); --ust-bg-2:rgba(10,12,15,.9); --altbar-bg:rgba(10,12,15,.86); --sheet:#12151b; --alt-bg:#07080a;
  --hover:rgba(255,255,255,.04); --kamp-notr:rgba(255,255,255,.06); --grain:.05;
  --giris-bg:radial-gradient(620px 380px at 100% 0%,rgba(225,22,35,.22),transparent 62%),radial-gradient(520px 320px at 0% 100%,rgba(225,22,35,.12),transparent 60%),#0a0c0f;
  --pano:radial-gradient(900px 380px at 0% 0%,rgba(225,22,35,.2),transparent 62%),radial-gradient(700px 300px at 100% 100%,rgba(225,22,35,.1),transparent 60%),#0c0e12;
  --pano-2:#0b0d10;
  --durum-bg:rgba(34,197,94,.12); --durum:#5ee08e; --durum-c:rgba(94,224,142,.28); --kapali-bg:rgba(255,45,58,.1); --kapali:#ff8a92; --kapali-c:rgba(255,45,58,.3);
  --cam:rgba(15,18,23,.8); --cam-metin:#f3f5f7;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--ust-h) + 16px)}
body{margin:0;background:var(--zemin);color:var(--metin);font-family:var(--f-govde);font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  padding-bottom:calc(var(--altbar-h) + env(safe-area-inset-bottom));overflow-x:hidden;transition:background .3s,color .3s}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:var(--grain);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
svg{width:1em;height:1em;flex-shrink:0}
h1,h2,h3,h4,p{margin:0}
[hidden]{display:none!important}
.kap{width:100%;max-width:var(--kap);margin:0 auto;padding:0 16px}
.kap-dar{max-width:820px}
.atla{position:absolute;left:-999px;top:8px;z-index:200;background:#fff;color:#000;padding:8px 12px;border-radius:8px}
.atla:focus{left:8px}
:focus-visible{outline:2px solid var(--kirmizi);outline-offset:3px;border-radius:10px}

/* ---------- moda göre göster / gizle ---------- */
body[data-mode="mek"] [data-only="has"],body[data-mode="has"] [data-only="mek"],
body[data-mode] [data-only="none"],
body:not([data-mode="mek"]) [data-sadece="mek"],body:not([data-mode="has"]) [data-sadece="has"],
body:not([data-mode]) [data-only-mod]{display:none!important}

/* ---------- tema: logo + düğme ---------- */
.logo-karanlik{display:none}
html[data-tema="koyu"] .logo-karanlik{display:block}
html[data-tema="koyu"] .logo-aydinlik{display:none}
.tema-dugme{width:44px;height:44px;border-radius:12px;border:1px solid var(--cizgi);background:var(--kutu);display:grid;place-items:center;cursor:pointer;color:var(--metin-2);transition:background .2s,transform .15s}
.tema-dugme:active{transform:scale(.94)}
.tema-dugme svg{width:20px;height:20px}
.tema-gunes{display:none}
html[data-tema="koyu"] .tema-ay{display:none}
html[data-tema="koyu"] .tema-gunes{display:block}

/* ---------- düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;border-radius:var(--r-k);
  font-weight:700;font-size:1rem;letter-spacing:.005em;text-decoration:none;border:0;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;
  transition:transform .15s var(--ease),box-shadow .25s var(--ease),background .25s,filter .2s;-webkit-tap-highlight-color:transparent;user-select:none}
.btn svg{width:20px;height:20px}
.btn:active{transform:scale(.97)}
.btn-buyuk{min-height:56px;font-size:1.05rem;padding:0 22px}
.btn-kirmizi{background:linear-gradient(180deg,#ff3a47,var(--kirmizi-2));color:#fff;box-shadow:0 14px 30px -14px var(--kirmizi-isik),inset 0 1px 0 rgba(255,255,255,.28)}
.btn-kirmizi::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);animation:parilti 4.5s var(--ease) 1.5s infinite}
.btn-wa{background:linear-gradient(180deg,#22c35e,var(--yesil));color:#fff;box-shadow:0 14px 30px -16px rgba(22,163,74,.5),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-koyu{background:var(--metin);color:var(--zemin);border:1px solid var(--metin)}
html[data-tema="koyu"] .btn-koyu{background:var(--kutu-2);color:#fff;border-color:var(--cizgi-2)}
.btn-cizgi,.btn-cizgi-acik{background:var(--kutu);color:var(--metin);border:1px solid var(--cizgi-2)}
.btn-cizgi:hover,.btn-cizgi-acik:hover{background:var(--kutu-2)}
@keyframes parilti{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* ---------- üst çubuk ---------- */
.ust{position:sticky;top:0;z-index:50;background:var(--ust-bg);backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);border-bottom:1px solid var(--cizgi);transition:background .3s,box-shadow .3s}
.ust.kaydi{background:var(--ust-bg-2);box-shadow:0 8px 24px -18px rgba(16,24,40,.35)}
.ust-ic{display:flex;align-items:center;gap:8px;height:var(--ust-h)}
.logo{display:flex;align-items:center;margin-right:auto}
.logo img{height:32px;width:auto}
.durum{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap;
  background:var(--durum-bg);color:var(--durum);border:1px solid var(--durum-c)}
.durum i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.7);animation:nabiz 1.8s infinite}
.durum.kapali{background:var(--kapali-bg);color:var(--kapali);border-color:var(--kapali-c)}
.durum.kapali i{background:var(--kirmizi);animation:none}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.ust-ic>.durum{display:none}
.ust-nav{display:none}
.ust-tel{display:none}
.menu-dugme{width:44px;height:44px;border-radius:12px;border:1px solid var(--cizgi);background:var(--kutu);display:grid;place-items:center;cursor:pointer;color:var(--metin)}
.menu-dugme svg{width:22px;height:22px}
.mod-serit{display:none;background:linear-gradient(90deg,var(--kirmizi-acik),transparent);border-top:1px solid var(--kirmizi-cizgi);font-size:.78rem;color:var(--soluk)}
body[data-mode] .mod-serit{display:block}
.mod-serit .kap{display:flex;justify-content:space-between;align-items:center;height:30px}
.mod-serit b{color:var(--metin)}
.mod-serit button{background:none;border:0;color:var(--kirmizi);font-weight:700;cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px}

/* ---------- mobil menü ---------- */
.menu{position:fixed;inset:0;z-index:70;background:rgba(10,12,16,.45);opacity:0;pointer-events:none;transition:opacity .25s}
.menu.acik{opacity:1;pointer-events:auto}
.menu-ic{position:absolute;top:0;right:0;bottom:0;width:min(88vw,380px);background:var(--sheet);border-left:1px solid var(--cizgi);
  padding:14px 14px calc(14px + env(safe-area-inset-bottom));transform:translateX(100%);transition:transform .32s var(--ease);display:flex;flex-direction:column;gap:2px;overflow-y:auto;box-shadow:var(--golge-3)}
.menu.acik .menu-ic{transform:none}
.menu-bas{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 10px}
.menu-bas button{width:44px;height:44px;border-radius:12px;border:1px solid var(--cizgi);background:var(--kutu-2);display:grid;place-items:center;cursor:pointer}
.menu-bas svg{width:20px;height:20px}
.menu-ic>a{display:flex;gap:12px;align-items:center;padding:13px 10px;border-radius:12px;color:var(--metin);font-weight:600;text-decoration:none}
.menu-ic>a:active{background:var(--hover)}
.menu-ic>a svg{width:20px;height:20px;color:var(--kirmizi)}
.menu-alt{margin-top:auto;display:grid;gap:8px;padding-top:14px}

/* ---------- giriş (hero) ---------- */
.giris{position:relative;padding:22px 0 26px;background:var(--giris-bg);overflow:hidden;border-bottom:1px solid var(--cizgi)}
.giris-ic{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.giris-metin{display:flex;flex-direction:column;gap:14px;min-width:0}
.rozet-ust{display:flex;flex-wrap:wrap;gap:6px}
.rozet-ust span{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;
  background:var(--kutu);border:1px solid var(--cizgi);color:var(--metin-2);box-shadow:var(--golge-1)}
.rozet-ust span:first-child{background:var(--kirmizi-acik);border-color:var(--kirmizi-cizgi);color:var(--kirmizi-2)}
.giris h1{font-family:var(--f-bas);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(2.6rem,12vw,5.6rem);line-height:.9;letter-spacing:-.01em;color:var(--metin)}
.giris h1 em{font-style:italic;background:linear-gradient(180deg,#ff3a47,var(--kirmizi-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.04em}
.giris-alt{color:var(--soluk);max-width:40ch;font-size:1.02rem;margin-top:4px}
.giris-alt b{color:var(--metin);font-weight:600}
.puan{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:8px 12px;border-radius:999px;background:var(--kutu);border:1px solid var(--cizgi);box-shadow:var(--golge-2);font-size:.85rem;color:var(--soluk)}
.puan b{color:var(--metin);font-size:1rem}
.yildizlar{display:inline-flex;gap:2px;color:var(--altin)}
.yildizlar svg{width:15px;height:15px}
.giris-eylem{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}
.giris-eylem .btn{padding:0 10px;gap:8px;white-space:nowrap;font-size:.98rem}
.giris-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:var(--soluk);font-size:.92rem;font-weight:600;text-decoration:none;padding:4px 0}
.giris-link svg{width:16px;height:16px;animation:zipla 1.8s ease-in-out infinite}
@keyframes zipla{50%{transform:translateY(3px)}}
.giris-gorsel{position:relative;margin:0;border-radius:26px;overflow:hidden;aspect-ratio:4/5;width:100%;max-width:460px;justify-self:center;background:#0d1016;box-shadow:var(--golge-3);border:1px solid var(--cizgi)}
.giris-gorsel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(10,12,16,.45))}
.giris-gorsel img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(1.06);animation:yaklas 14s var(--ease) forwards}
.giris-gorsel figcaption{z-index:1}
@keyframes yaklas{to{transform:scale(1)}}
.giris-gorsel figcaption{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;border-radius:14px;
  background:var(--cam);color:var(--cam-metin);font-size:.8rem;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--cizgi)}
.yon{display:grid;gap:10px;margin-top:4px}
.yon-kart{display:flex;align-items:center;gap:14px;width:100%;padding:15px;border-radius:18px;background:var(--kutu);border:1px solid var(--cizgi);box-shadow:var(--golge-2);
  color:var(--metin);text-align:left;cursor:pointer;transition:transform .15s var(--ease),border-color .2s}
.yon-kart:active{transform:scale(.98)}
.yon-kart:hover{border-color:var(--kirmizi-cizgi)}
.yon-kart>svg:first-child{width:46px;height:46px;padding:11px;border-radius:14px;background:var(--kirmizi-acik);color:var(--kirmizi)}
.yon-kart span{flex:1;display:flex;flex-direction:column;gap:2px}
.yon-kart b{font-size:1.06rem}
.yon-kart small{color:var(--soluk);font-size:.84rem}
.yon-ok{width:20px;height:20px;color:var(--soluk-2)}

/* ---------- slogan + araç seçimi (açılış) ---------- */
.slogan-blok{display:flex;flex-direction:column;gap:14px}
.giris h1.slogan{font-size:clamp(2.3rem,10.4vw,5.2rem)}
.giris h1.slogan .satir{white-space:nowrap}
@media (max-width:359px){.giris h1.slogan .satir{white-space:normal}}
.arac-sec{margin-top:4px}
.arac-sec-bas{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--metin)}
.arac-sec-no{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(180deg,#ff3a47,var(--kirmizi-2));color:#fff;font-size:.78rem;letter-spacing:0;box-shadow:0 6px 16px -6px var(--kirmizi-isik)}
.arac-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.arac-kart{--arac-cam:var(--kutu);position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:14px 4px 11px;border-radius:18px;
  background:var(--kutu);border:1px solid var(--cizgi);box-shadow:var(--golge-2);color:var(--metin);cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:transform .15s var(--ease),border-color .2s,box-shadow .25s,background .2s}
.arac-kart:hover{border-color:var(--kirmizi-cizgi);box-shadow:0 0 0 3px var(--kirmizi-acik),var(--golge-2)}
.arac-kart:active{transform:scale(.96)}
.arac-kart .arac-cizim{width:86%;max-width:96px;height:auto;aspect-ratio:120/44;margin-bottom:7px;color:var(--metin-2);transition:color .2s,transform .4s var(--ease)}
.arac-kart:hover .arac-cizim{color:var(--kirmizi);transform:translateX(3px)}
.arac-kart b{font-size:1rem;font-weight:800;line-height:1.15}
.arac-kart small{max-width:100%;font-size:.68rem;font-weight:600;color:var(--soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arac-kart[aria-pressed="true"]{--arac-cam:var(--kirmizi-acik);border-color:var(--kirmizi);background:var(--kirmizi-acik)}
.arac-kart[aria-pressed="true"] .arac-cizim{color:var(--kirmizi)}
.arac-kamp{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
  color:#fff;background:var(--kirmizi-2);padding:2px 7px;border-radius:6px;box-shadow:0 4px 10px -3px var(--kirmizi-isik)}
.arac-arti{width:36px;height:36px;margin:-1px 0 7px;border-radius:50%;display:grid;place-items:center;border:1.5px dashed var(--cizgi-2);color:var(--soluk)}
.arac-arti svg{width:17px;height:17px}
.arac-kart-diger:hover .arac-arti{border-color:var(--kirmizi);color:var(--kirmizi)}
.arac-panel{border-radius:24px;background:var(--kutu);border:1px solid var(--cizgi);box-shadow:var(--golge-3);padding:14px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;outline:0;animation:panelGel .45s var(--ease)}
@keyframes panelGel{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.arac-panel-bas{display:flex;align-items:center;justify-content:space-between;gap:10px}
.arac-kimlik{display:flex;align-items:center;gap:10px;min-width:0}
.arac-kimlik .arac-cizim{--arac-cam:var(--kutu);width:70px;height:auto;aspect-ratio:120/44;color:var(--kirmizi);flex-shrink:0}
.arac-kimlik>span{display:flex;flex-direction:column;min-width:0}
.arac-kimlik b{font-family:var(--f-bas);font-style:italic;font-weight:800;text-transform:uppercase;font-size:1.75rem;line-height:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arac-kimlik small{color:var(--soluk);font-size:.76rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arac-degis{flex-shrink:0;background:var(--kutu-2);border:1px solid var(--cizgi);border-radius:10px;padding:8px 10px;font-size:.78rem;font-weight:700;color:var(--metin-2);cursor:pointer;white-space:nowrap}
.arac-degis:hover{border-color:var(--kirmizi-cizgi);color:var(--kirmizi)}
.arac-diger{display:grid;gap:6px;font-weight:700;font-size:.84rem;color:var(--metin-2)}
.arac-diger input{font:inherit;font-size:16px;font-weight:500;color:var(--metin);background:var(--kutu-2);border:1px solid var(--cizgi-2);border-radius:13px;padding:12px 14px;width:100%}
.arac-diger input:focus{outline:0;border-color:var(--kirmizi-cizgi);box-shadow:0 0 0 4px var(--kirmizi-acik)}
.arac-panel-yazi{color:var(--soluk);font-size:.88rem;margin-bottom:-6px}
.arac-fiyatlar{display:grid}
.arac-satir{display:flex;align-items:center;gap:10px;width:100%;padding:11px 2px;border:0;border-bottom:1px solid var(--cizgi);background:none;color:var(--metin);text-align:left;cursor:pointer;font:inherit;transition:background .15s}
.arac-satir:last-child{border-bottom:0}
.arac-satir>span{flex:1;min-width:0;font-weight:600;font-size:.94rem;line-height:1.3}
.arac-satir .fl-k{vertical-align:1px}
.arac-satir>b{font-family:var(--f-bas);font-weight:800;font-size:1.4rem;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.arac-satir>svg{width:15px;height:15px;color:var(--soluk-2)}
.arac-satir:hover{background:var(--hover)}
.arac-satir:active{background:var(--kirmizi-acik)}
.arac-panel .giris-eylem{margin-top:0}
.arac-panel-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;font-size:.82rem}
.arac-geri{color:var(--soluk);text-decoration:none}
.arac-geri b{color:var(--kirmizi);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.arac-panel .giris-link{margin-top:-4px}
.hasar-yol{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border-radius:16px;background:var(--kutu);border:1px dashed var(--cizgi-2);color:var(--metin);text-align:left;cursor:pointer;font:inherit}
.hasar-yol:hover{border-color:var(--kirmizi-cizgi)}
.hasar-yol>svg:first-child{width:38px;height:38px;padding:9px;border-radius:12px;background:var(--kirmizi-acik);color:var(--kirmizi)}
.hasar-yol span{flex:1;display:flex;flex-direction:column;font-size:.82rem;color:var(--soluk)}
.hasar-yol span b{color:var(--metin);font-size:.96rem}

/* ---------- ayrılmadan önce: telefon kartı ---------- */
.durtu{position:fixed;left:10px;right:10px;bottom:calc(var(--altbar-h) + 12px + env(safe-area-inset-bottom));z-index:65;max-width:520px;margin:0 auto;display:flex;align-items:center;gap:12px;
  padding:12px 12px 12px 16px;border-radius:18px;background:var(--sheet);border:1px solid var(--cizgi-2);box-shadow:0 24px 50px -18px rgba(10,12,16,.45);animation:yukari .4s var(--ease)}
.durtu-yazi{flex:1;display:flex;flex-direction:column;font-size:.82rem;color:var(--soluk);line-height:1.35}
.durtu-yazi b{color:var(--metin);font-size:.95rem}
.durtu .btn{min-height:46px;padding:0 16px;font-size:.92rem}
.durtu-x{position:absolute;top:-11px;right:-4px;width:30px;height:30px;border-radius:50%;border:1px solid var(--cizgi-2);background:var(--kutu);color:var(--soluk);display:grid;place-items:center;cursor:pointer;box-shadow:var(--golge-1)}
.durtu-x svg{width:14px;height:14px}

/* ---------- hızlı erişim ---------- */
.kisayol{border-bottom:1px solid var(--cizgi);background:var(--zemin)}
.kisayol-ic{display:flex;gap:8px;overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:none}
.kisayol-ic::-webkit-scrollbar{display:none}
.kisayol a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--kutu);border:1px solid var(--cizgi);color:var(--metin);font-weight:600;font-size:.9rem;text-decoration:none;box-shadow:var(--golge-1)}
.kisayol a svg{width:17px;height:17px;color:var(--kirmizi)}

/* ---------- bölümler ---------- */
.bolum{padding:56px 0;position:relative}
.bolum-gri{background:var(--zemin-2)}
.bolum-koyu{background:var(--zemin-2)}
.bas{margin-bottom:22px;display:grid;gap:8px}
.ust-yazi,.bas .ust-yazi,.motrio-yazi>.ust-yazi{display:flex;align-items:center;gap:10px;color:var(--kirmizi);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.74rem}
.ust-yazi::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor;flex-shrink:0}
.bas h2,.motrio h2,.iletisim h2{font-family:var(--f-bas);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(2.1rem,9vw,3.6rem);line-height:.92;letter-spacing:-.005em;color:var(--metin)}
.bas p{color:var(--soluk);max-width:62ch}
.pano{background:var(--pano);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.pano-2{background:var(--pano-2);border-top:0}

/* ---------- sorun seçici ---------- */
.sorun-bolum{padding-top:40px;padding-bottom:40px}
.sorunlar{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.sorun{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:15px;border-radius:18px;background:var(--kutu);border:1px solid var(--cizgi);box-shadow:var(--golge-2);
  color:var(--metin);text-align:left;cursor:pointer;min-height:118px;transition:transform .15s var(--ease),border-color .2s;position:relative;overflow:hidden}
.sorun::after{content:"";position:absolute;inset:auto -30% -60% auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(225,22,35,.16),transparent 70%);opacity:0;transition:opacity .25s}
.sorun:hover::after,.sorun:focus-visible::after{opacity:1}
.sorun:hover{border-color:var(--kirmizi-cizgi)}
.sorun:active{transform:scale(.97)}
.sorun svg{width:38px;height:38px;padding:8px;border-radius:12px;background:var(--kirmizi-acik);color:var(--kirmizi)}
.sorun b{font-size:.98rem;line-height:1.22;font-weight:700}
.sorun small{margin-top:auto;color:var(--kirmizi);font-weight:700;font-size:.8rem}

/* ---------- kampanya şeridi ---------- */
@property --aci{syntax:'<angle>';inherits:false;initial-value:0deg}
.kamp-serit{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  padding:6px max(16px,calc((100vw - var(--kap))/2 + 16px)) 18px;scroll-padding:0 max(16px,calc((100vw - var(--kap))/2 + 16px))}
.kamp-serit::-webkit-scrollbar{display:none}
.kamp{scroll-snap-align:start;flex:0 0 min(84vw,340px);border-radius:24px;padding:1.5px;position:relative;box-shadow:var(--golge-2);
  background:conic-gradient(from var(--aci),rgba(225,22,35,.95),var(--kamp-notr) 22%,var(--kamp-notr) 62%,rgba(225,22,35,.95));animation:don 7s linear infinite}
@keyframes don{to{--aci:360deg}}
.kamp-ic{height:100%;border-radius:22.5px;background:var(--kutu);padding:12px 12px 14px;display:flex;flex-direction:column;gap:12px}
.kamp-gorsel{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#0f1115;border:0;padding:0;cursor:zoom-in;display:block;width:100%}
.kamp-gorsel img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s var(--ease)}
.kamp-gorsel:hover img{transform:scale(1.04)}
.kamp-gorsel span{position:absolute;right:8px;bottom:8px;display:inline-flex;gap:6px;align-items:center;font-size:.72rem;font-weight:700;padding:5px 8px;border-radius:8px;background:rgba(0,0,0,.6);color:#fff;backdrop-filter:blur(6px)}
.kamp-gorsel span svg{width:14px;height:14px}
.kamp-govde{padding:0 4px;display:flex;flex-direction:column;gap:10px;flex:1}
.kamp-etiket{align-self:flex-start;background:var(--kirmizi-acik);color:var(--kirmizi-2);border:1px solid var(--kirmizi-cizgi);padding:4px 9px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.kamp-gorsel-yazi{--arac-cam:#171a20;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;
  background:radial-gradient(120% 90% at 85% 0%,rgba(225,22,35,.6),transparent 55%),radial-gradient(80% 60% at 0% 100%,rgba(225,22,35,.25),transparent 60%),linear-gradient(160deg,#1d2129,#0c0e12)}
.kamp-gorsel-yazi .arac-cizim{width:56%;height:auto;aspect-ratio:120/44;color:#fff;filter:drop-shadow(0 12px 16px rgba(0,0,0,.55))}
.kamp-gorsel-yazi b{font-family:var(--f-bas);font-style:italic;font-weight:800;text-transform:uppercase;font-size:2.3rem;line-height:.9;letter-spacing:.01em}
.kamp-gorsel-yazi small{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.kamp-senin .kamp-etiket{background:linear-gradient(180deg,#ff3a47,var(--kirmizi-2));color:#fff;border-color:transparent}
.kamp h3{font-family:var(--f-bas);font-style:italic;font-weight:800;text-transform:uppercase;font-size:1.75rem;line-height:.95;color:var(--metin)}
.kamp-fiyat{font-family:var(--f-bas);font-weight:800;font-size:3.4rem;line-height:.9;letter-spacing:-.01em;color:var(--metin)}
.kamp-fiyat small{font-size:1.3rem;color:var(--soluk);margin-left:4px}
.kamp-alt{color:var(--soluk);font-size:.88rem}
.kamp-satirlar{display:grid}
.kamp-satir{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px dashed var(--cizgi-2);font-size:.92rem;color:var(--metin-2)}
.kamp-satir b{font-family:var(--f-bas);font-weight:800;font-size:1.45rem;white-space:nowrap;color:var(--metin)}
.kamp-eylem{display:flex;gap:8px;margin-top:auto;padding-top:4px}
.kamp-eylem .btn{flex:1;min-height:48px;font-size:.95rem;padding:0 12px}
.kamp-eylem .ikon-dugme{flex:0 0 48px;min-height:48px;padding:0;background:var(--kutu-2);color:var(--metin);border:1px solid var(--cizgi)}
.kamp-tum{background:none;border:0;color:var(--kirmizi);font-weight:700;padding:4px 0;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:.9rem;align-self:flex-start}
.kamp-tum svg{width:15px;height:15px}
.kamp-nokta{display:flex;justify-content:center;gap:6px;margin:-4px 0 6px}
.kamp-nokta i{width:6px;height:6px;border-radius:3px;background:var(--cizgi-2);transition:width .3s var(--ease),background .3s}
.kamp-nokta i.aktif{width:22px;background:var(--kirmizi)}
.yuzde{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border-radius:18px;text-decoration:none;color:var(--metin);
  background:linear-gradient(90deg,var(--kirmizi-acik),var(--kutu));border:1px solid var(--kirmizi-cizgi);box-shadow:var(--golge-1)}
.yuzde>span:nth-child(2){flex:1;display:flex;flex-direction:column}
.yuzde small{color:var(--soluk);font-size:.82rem}
.yuzde>svg{width:18px;height:18px;color:var(--soluk)}
.yuzde-rozet{font-family:var(--f-bas);font-weight:800;font-style:italic;font-size:1.6rem;color:#fff;background:linear-gradient(180deg,#ff3a47,var(--kirmizi-2));padding:6px 10px;border-radius:12px;transform:rotate(-5deg);box-shadow:0 8px 20px -8px var(--kirmizi-isik)}

/* ---------- fiyat listesi ---------- */
.fl{background:var(--kutu);border:1px solid var(--cizgi);border-radius:26px;padding:12px;box-shadow:var(--golge-3)}
.fl-modeller{display:flex;gap:4px;overflow-x:auto;padding:4px;background:var(--kutu-2);border-radius:18px;border:1px solid var(--cizgi);
  position:sticky;top:calc(var(--ust-h) + 36px);z-index:6;scrollbar-width:none}
.fl-modeller::-webkit-scrollbar{display:none}
.fl-gosterge{position:absolute;top:4px;bottom:4px;left:0;border-radius:14px;background:linear-gradient(180deg,#ff3a47,var(--kirmizi-2));box-shadow:0 8px 24px -10px var(--kirmizi-isik);
  transition:transform .38s var(--ease),width .38s var(--ease);z-index:0;pointer-events:none}
.fl-model{position:relative;z-index:1;flex:0 0 auto;min-width:92px;padding:9px 14px;border-radius:14px;border:0;background:transparent;color:var(--soluk);
  display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:color .25s}
.fl-model b{font-size:.98rem;font-weight:800}
.fl-model small{font-size:.7rem;color:inherit;opacity:.85;white-space:nowrap}
.fl-model[aria-selected="true"]{color:#fff}
.fl-ara{display:flex;align-items:center;gap:10px;margin:12px 0 4px;padding:0 14px;height:50px;border-radius:15px;background:var(--kutu-2);border:1px solid var(--cizgi);transition:border-color .2s,box-shadow .2s}
.fl-ara:focus-within{border-color:var(--kirmizi-cizgi);box-shadow:0 0 0 4px var(--kirmizi-acik)}
.fl-ara svg{width:18px;height:18px;color:var(--soluk)}
.fl-ara input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--metin);font:inherit;font-size:16px}
.fl-ara input::placeholder{color:var(--soluk-2)}
.fl-grup{break-inside:avoid;padding-top:14px}
.fl-grup h3{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--soluk-2);margin:4px 6px 4px}
.fl-satir{width:100%;display:flex;align-items:center;gap:12px;padding:13px 8px 13px 10px;border:0;background:transparent;color:var(--metin);
  text-align:left;cursor:pointer;border-radius:12px;transition:background .15s;position:relative}
.fl-satir::after{content:"";position:absolute;left:10px;right:8px;bottom:0;height:1px;background:var(--cizgi)}
.fl-satir:hover,.fl-satir:focus-visible{background:var(--hover)}
.fl-satir:active{background:var(--kirmizi-acik)}
.fl-ad{flex:1;min-width:0}
.fl-ad b{display:block;font-weight:600;font-size:.96rem;line-height:1.3}
.fl-ad small{display:block;color:var(--soluk-2);font-size:.78rem;margin-top:2px}
.fl-k{display:inline-block;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--kirmizi-2);padding:2px 6px;border-radius:6px;
  vertical-align:2px;margin-left:6px;box-shadow:0 4px 12px -2px var(--kirmizi-isik)}
.fl-fiyat{font-family:var(--f-bas);font-weight:800;font-size:1.6rem;line-height:1;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;color:var(--metin)}
.fl-fiyat small{font-size:.95rem;color:var(--soluk);margin-left:2px}
.fl-satir>svg{width:16px;height:16px;color:var(--soluk-2)}
.fl-bos{padding:22px 10px;color:var(--soluk);text-align:center}
.fl-yok{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding:14px;border-radius:18px;background:var(--kutu-3);border:1px dashed var(--cizgi-2);color:var(--soluk);font-size:.92rem}
.fl-yok .btn{min-height:44px;font-size:.92rem}
.fl-dip{color:var(--soluk-2);font-size:.8rem;margin:14px 4px 0}
.fl-alt-eylem{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:4px}
.fl-afis{margin:4px 4px 0;background:none;border:0;color:var(--soluk);display:inline-flex;gap:8px;align-items:center;cursor:pointer;font-size:.86rem;text-decoration:underline;text-underline-offset:3px;padding:6px 0}
.fl-afis svg{width:16px;height:16px}
.fl-liste .vurgu{background:var(--kirmizi-acik);color:var(--kirmizi-2);border-radius:4px;padding:0 2px}
.fl-sayi-anim{animation:sayiGel .45s var(--ease)}
@keyframes sayiGel{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- hasar ---------- */
.adimlar{list-style:none;display:grid;gap:10px;padding:0;margin:0}
.adimlar li{display:flex;gap:14px;padding:16px;border-radius:20px;background:var(--kutu);border:1px solid var(--cizgi);box-shadow:var(--golge-2)}
.adimlar h3{font-size:1.02rem;margin-bottom:4px}
.adimlar p{color:var(--soluk);font-size:.92rem}
.adim-no{flex:0 0 42px;height:42px;border-radius:13px;display:grid;place-items:center;font-family:var(--f-bas);font-style:italic;font-weight:800;font-size:1.5rem;color:#fff;
  background:linear-gradient(180deg,#ff3a47,var(--kirmizi-3));box-shadow:0 10px 24px -10px var(--kirmizi-isik)}
.hasar-kutu{display:grid;gap:10px;margin:18px 0 6px}
.hasar-madde{display:flex;gap:12px;align-items:center;color:var(--soluk)}
.hasar-madde b{color:var(--metin)}
.hasar-madde svg{width:22px;height:22px;color:var(--kirmizi)}
.eylem-cift{display:grid;gap:10px;margin-top:16px}

/* ---------- sigortalar ---------- */
.sig-izgara{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0;margin:0}
.sig-dugme{width:100%;height:86px;border-radius:18px;background:#fff;border:1px solid var(--cizgi);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 16px;cursor:pointer;
  transition:transform .15s var(--ease),box-shadow .25s,border-color .2s;box-shadow:var(--golge-2)}
.sig-dugme:hover{border-color:var(--kirmizi-cizgi);box-shadow:0 0 0 3px var(--kirmizi-acik),var(--golge-2)}
.sig-dugme:active{transform:scale(.96)}
.sig-dugme img{max-width:78%;max-height:30px;object-fit:contain}
.sig-dugme b{color:#15181d;font-size:1.05rem;font-weight:800;line-height:1.1;display:block;text-align:center}
.sig-dugme small{color:#5d6673;display:block;text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.02em}
.sig-foto{margin:16px 0 0;border-radius:22px;overflow:hidden;border:1px solid var(--cizgi);background:var(--kutu);box-shadow:var(--golge-2)}
.sig-foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.sig-foto figcaption{padding:11px 14px;color:var(--soluk);font-size:.85rem}

/* ---------- bento ---------- */
.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.bento-k{position:relative;border-radius:var(--r);padding:18px;background:var(--kutu);border:1px solid var(--cizgi);box-shadow:var(--golge-2);display:flex;flex-direction:column;gap:4px;overflow:hidden;color:var(--metin);text-decoration:none;min-height:150px;isolation:isolate}
.bento-k::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px 160px at var(--mx,80%) var(--my,0%),rgba(225,22,35,.06),transparent 70%);opacity:0;transition:opacity .3s}
.bento-k:hover::before{opacity:1}
.bento-k b{font-family:var(--f-bas);font-weight:800;font-size:3.2rem;line-height:.95;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.bento-k b small{font-size:1.4rem;color:inherit;opacity:.8}
.bento-k>span{font-weight:700}
.bento-k>small{color:var(--soluk);font-size:.8rem;margin-top:auto}
.bento-google{grid-column:span 2;background:radial-gradient(420px 220px at 95% 0%,rgba(245,168,0,.16),transparent 70%),var(--kutu)}
.bento-google b{font-size:4.6rem}
.bento-google .yildizlar svg{width:20px;height:20px}
.bento-kirmizi{background:linear-gradient(155deg,#ff3a47,var(--kirmizi-3));border-color:transparent;color:#fff;box-shadow:0 24px 50px -28px var(--kirmizi-isik)}
.bento-kirmizi>small{color:rgba(255,255,255,.85)}
.bento-motrio{font-style:italic;font-size:2.4rem!important;letter-spacing:.02em;color:var(--kirmizi)}
.bento-genis{grid-column:span 2;flex-direction:row;align-items:center;gap:14px;min-height:0}
.bento-genis>svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--kirmizi-acik);color:var(--kirmizi)}
.bento-genis span{display:flex;flex-direction:column}
.bento-genis span small{color:var(--soluk);font-size:.84rem}
.bento-genis span b{font-family:var(--f-govde);font-size:1rem;font-weight:700;line-height:1.3}

/* ---------- hizmetler ---------- */
.hiz-izgara{display:grid;gap:10px}
.hiz{display:grid;grid-template-columns:44px 1fr;gap:3px 14px;padding:16px;border-radius:20px;background:var(--kutu);border:1px solid var(--cizgi);box-shadow:var(--golge-2)}
.hiz svg{grid-row:span 2;width:44px;height:44px;padding:11px;border-radius:13px;background:var(--kirmizi-acik);color:var(--kirmizi)}
.hiz h3{font-size:1rem;line-height:1.3}
.hiz p{color:var(--soluk);font-size:.9rem}

/* ---------- galeri ---------- */
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.gal-o{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;border:0;padding:0;background:#0f1115;cursor:zoom-in;box-shadow:var(--golge-2)}
.gal-o img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .4s}
.gal-o:hover img{transform:scale(1.05)}
.gal-ad{position:absolute;left:8px;bottom:8px;font-size:.76rem;font-weight:700;padding:5px 9px;border-radius:9px;background:rgba(0,0,0,.58);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.gal-video{grid-column:span 2;aspect-ratio:16/10}
.gal-video img{filter:brightness(.72)}
.gal-oynat{position:absolute;inset:0;display:grid;place-items:center}
.gal-oynat svg{width:68px;height:68px;padding:20px;border-radius:50%;background:rgba(225,22,35,.92);color:#fff;box-shadow:0 0 0 12px rgba(255,45,58,.22);animation:halka 2.2s infinite}
@keyframes halka{70%{box-shadow:0 0 0 22px rgba(255,45,58,0)}100%{box-shadow:0 0 0 0 rgba(255,45,58,0)}}

/* ---------- motrio ---------- */
.motrio{display:grid;gap:22px}
.motrio-yazi{display:grid;gap:12px}
.motrio-yazi>p{color:var(--soluk)}
.tikli{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.tikli li{display:flex;gap:10px;align-items:center;font-weight:600}
.tikli svg{width:20px;height:20px;color:var(--yesil-2)}
.usta{display:flex;gap:12px;align-items:center;margin-top:6px;padding:12px;border-radius:20px;background:var(--kutu);border:1px solid var(--cizgi);box-shadow:var(--golge-2)}
.usta img{width:92px;height:62px;object-fit:cover;border-radius:12px}
.usta div{display:flex;flex-direction:column}
.usta span{color:var(--soluk);font-size:.84rem}
.motrio-foto{margin:0}
.motrio-foto img{border-radius:var(--r);width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--cizgi);box-shadow:var(--golge-3)}

/* ---------- yorumlar ---------- */
.yorumlar{display:grid;gap:12px;margin-bottom:16px}
.yorum{margin:0;padding:18px;border-radius:var(--r);background:var(--kutu);border:1px solid var(--cizgi);box-shadow:var(--golge-2)}
.yorum p{margin:10px 0 14px;color:var(--metin-2)}
.yorum footer{display:flex;gap:10px;align-items:center}
.yorum footer img{border-radius:50%}
.yorum footer span{display:flex;flex-direction:column;line-height:1.3}
.yorum footer small{color:var(--soluk)}

/* ---------- sss ---------- */
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{list-style:none;padding:17px 2px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--kirmizi);transition:transform .25s var(--ease)}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss details p{color:var(--soluk);padding:0 2px 18px}

/* ---------- iletişim ---------- */
.iletisim{display:grid;gap:26px}
.bilgi{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px}
.bilgi li{display:flex;gap:12px;color:var(--metin-2)}
.bilgi svg{width:22px;height:22px;color:var(--kirmizi);margin-top:2px}
.bilgi a{color:var(--metin);font-weight:700}
.harita{margin-top:14px;border-radius:20px;overflow:hidden;border:1px solid var(--cizgi)}
.harita iframe{width:100%;height:320px;border:0;display:block}
.form{padding:18px;border-radius:24px;background:var(--kutu);border:1px solid var(--cizgi);box-shadow:var(--golge-3);display:grid;gap:12px;align-self:start}
.form h3{font-family:var(--f-bas);font-style:italic;font-weight:800;text-transform:uppercase;font-size:1.8rem;line-height:1}
.form>p{color:var(--soluk);font-size:.92rem}
.form label{display:grid;gap:6px;font-weight:600;font-size:.88rem;color:var(--metin-2)}
.form input,.form select,.form textarea{font:inherit;font-size:16px;color:var(--metin);background:var(--kutu-2);border:1px solid var(--cizgi-2);border-radius:13px;padding:12px 14px;width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--kirmizi-cizgi);box-shadow:0 0 0 4px var(--kirmizi-acik)}
.form textarea{resize:vertical}

/* ---------- alt bilgi ---------- */
.alt{padding:40px 0 26px;background:var(--alt-bg);border-top:1px solid var(--cizgi);color:var(--soluk);font-size:.9rem}
.alt-ic{display:grid;gap:22px}
.alt-ic img{height:32px;width:auto;margin-bottom:10px}
.alt-ic b{color:var(--metin);display:block;margin-top:8px}
.alt-ic a{color:var(--soluk);display:block;text-decoration:none;padding:3px 0}
.alt-ic a:hover{color:var(--metin)}
.foot-bottom{margin-top:26px;padding-top:18px;border-top:1px solid var(--cizgi);font-size:.8rem}
.foot-bottom a{color:var(--soluk)}

/* ---------- sabit alt çubuk ---------- */
.altbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px;
  padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--altbar-bg);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border-top:1px solid var(--cizgi);box-shadow:0 -10px 30px -20px rgba(16,24,40,.35)}
.altbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:15px;font-size:.76rem;font-weight:800;letter-spacing:.02em;color:#fff;text-decoration:none;transition:transform .15s var(--ease)}
.altbar a:active{transform:scale(.95)}
.altbar svg{width:22px;height:22px}
.altbar-ara{background:linear-gradient(180deg,#ff3a47,var(--kirmizi-2));box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.altbar-wa{background:linear-gradient(180deg,#22c35e,var(--yesil));box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.altbar .altbar-yol{background:var(--kutu-2);border:1px solid var(--cizgi-2);color:var(--metin)}

/* ---------- alt pencere (sheet) ---------- */
.sayfa-perde{position:fixed;inset:0;z-index:80;background:rgba(10,12,16,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}
.sayfa-perde.acik{opacity:1}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:81;max-width:560px;margin:0 auto;background:var(--sheet);border:1px solid var(--cizgi);border-bottom:0;color:var(--metin);
  border-radius:28px 28px 0 0;padding:10px 18px calc(16px + env(safe-area-inset-bottom));display:grid;gap:10px;transform:translateY(105%);transition:transform .38s var(--ease);
  box-shadow:0 -30px 80px -20px rgba(10,12,16,.45)}
.sheet.acik{transform:none}
.sheet-tut{width:44px;height:5px;border-radius:3px;background:var(--cizgi-2);margin:2px auto 6px}
.sheet-model{color:var(--kirmizi);font-weight:800;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.sheet h3{font-family:var(--f-bas);font-style:italic;font-weight:800;text-transform:uppercase;font-size:2rem;line-height:.95}
.sheet-fiyat{font-family:var(--f-bas);font-weight:800;font-size:3rem;line-height:1}
.sheet-fiyat small{font-size:1.2rem;color:var(--soluk)}
.sheet-fiyat:empty{display:none}
.sheet-not{color:var(--soluk);font-size:.92rem}
.sheet-not:empty{display:none}
.sheet-kapat{background:none;border:0;color:var(--soluk);padding:10px;font-weight:700;cursor:pointer}

/* ---------- ışık kutusu (her temada koyu) ---------- */
.lb{position:fixed;inset:0;z-index:90;background:rgba(5,6,8,.95);display:flex;align-items:center;justify-content:center;padding:64px 12px calc(96px + env(safe-area-inset-bottom))}
.lb-icerik{max-width:min(1000px,100%);max-height:100%;display:flex;align-items:center;justify-content:center}
.lb-icerik img,.lb-icerik video{max-width:100%;max-height:calc(100svh - 170px);border-radius:14px;object-fit:contain}
.lb-x{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;cursor:pointer}
.lb-x svg{width:22px;height:22px}
.lb-wa{position:absolute;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translateX(-50%);white-space:nowrap}

/* ---------- mod penceresi ---------- */
/* kapı: ilk açılışta tam ekran "Mekanik mi, hasar mı?" (mod seçilmemişse); "Değiştir" de aynı pencereyi açar */
.mod-pencere{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:16px 14px calc(16px + env(safe-area-inset-bottom));
  background:var(--giris-bg);animation:kapiGel .4s var(--ease)}
.mod-pencere::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--grain);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.mod-pencere.acilis{background:var(--zemin)}
.mod-pencere.acilis::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--giris-bg)}
@keyframes kapiGel{from{opacity:0}to{opacity:1}}
.kapi{position:relative;z-index:1;width:100%;max-width:960px;margin:auto;display:grid;gap:14px;animation:yukari .45s var(--ease)}
.kapi-ust{text-align:center;display:grid;justify-items:center;gap:4px}
.kapi-logo{height:38px;width:auto;margin-bottom:6px}
.kapi-slogan{font-family:var(--f-bas);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(1.2rem,4.6vw,2rem);line-height:1;color:var(--metin);letter-spacing:.005em;text-wrap:balance}
.kapi-slogan em{font-style:italic;background:linear-gradient(180deg,#ff3a47,var(--kirmizi-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.04em}
.kapi-baslik{margin-top:8px;font-family:var(--f-bas);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(1.9rem,8vw,3.6rem);line-height:.95;color:var(--metin)}
.kapi-alt{color:var(--soluk);font-size:.92rem}
.kapi-kartlar{display:grid;gap:10px}
.kapi-kart{position:relative;display:grid;grid-template-columns:118px 1fr;width:100%;padding:0;border:1px solid var(--cizgi);border-radius:22px;overflow:hidden;background:var(--kutu);color:var(--metin);text-align:left;cursor:pointer;
  box-shadow:var(--golge-3);-webkit-tap-highlight-color:transparent;transition:transform .2s var(--ease),box-shadow .25s,border-color .2s;isolation:isolate}
.kapi-kart img{width:100%;height:100%;min-height:124px;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.kapi-kart::after{content:"";position:absolute;left:0;top:0;bottom:0;width:118px;pointer-events:none;background:linear-gradient(90deg,rgba(10,12,16,.05),rgba(10,12,16,.25))}
.kapi-kart:hover{transform:translateY(-4px);border-color:var(--kirmizi-cizgi);box-shadow:0 0 0 3px var(--kirmizi-acik),var(--golge-3)}
.kapi-kart:hover img{transform:scale(1.05)}
.kapi-kart:active{transform:scale(.985)}
.kapi-govde{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:2px 12px;align-items:center;padding:12px 12px 12px 14px}
.kapi-ikon{grid-row:1/4;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--kirmizi-acik);color:var(--kirmizi)}
.kapi-ikon svg{width:21px;height:21px}
.kapi-has .kapi-ikon{background:var(--metin);color:var(--zemin)}
.kapi-govde b{font-family:var(--f-bas);font-style:italic;font-weight:800;text-transform:uppercase;font-size:1.5rem;line-height:1}
.kapi-govde small{color:var(--soluk);font-size:.8rem;line-height:1.3}
.kapi-git{display:inline-flex;align-items:center;gap:4px;margin-top:3px;color:var(--kirmizi);font-weight:700;font-size:.88rem}
.kapi-git svg{width:16px;height:16px;transition:transform .2s}
.kapi-kart:hover .kapi-git svg{transform:translateX(3px)}
.kapi-dip{display:flex;flex-direction:column;align-items:center;gap:6px}
.kapi-dip .puan{align-self:center}
.mod-kapat{background:none;border:0;color:var(--soluk);padding:10px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.mod-kapat:hover{color:var(--metin)}
@keyframes yukari{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}

/* ---------- kaydırınca ortaya çıkış ---------- */
.gizli{opacity:0;transform:translateY(22px)}
.gizli.gor{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}

/* ---------- çerez kutusu (ads.js) — üstte, ince ---------- */
.cerez-kutu{top:calc(var(--ust-h) + 38px)!important;bottom:auto!important;left:10px!important;right:10px!important;max-width:560px!important;
  display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px!important;border-radius:16px!important;
  background:var(--sheet)!important;color:var(--metin)!important;border:1px solid var(--cizgi-2)!important;box-shadow:0 20px 50px -20px rgba(10,12,16,.45)!important;font-size:.84rem!important;transform:translateY(-12px)}
.cerez-kutu.gorunur{transform:none}
.cerez-kutu p{flex:1 1 220px;margin:0!important;font-size:.8rem;line-height:1.4;color:var(--soluk)}
.cerez-kutu a{color:var(--kirmizi)!important}
.cerez-dugmeler{display:flex!important;gap:8px!important;flex:0 0 auto}
.cerez-dugmeler button{flex:0 0 auto!important;padding:8px 14px!important;font-size:.84rem!important;border-radius:10px!important;font-family:var(--f-govde)!important;
  border:1px solid var(--cizgi-2)!important;background:var(--kutu-2)!important;color:var(--metin)!important}
.cerez-dugmeler .cerez-evet{background:linear-gradient(180deg,#ff3a47,var(--kirmizi-2))!important;border-color:transparent!important;color:#fff!important}

/* ======================= TABLET ======================= */
@media (min-width:600px){
  .kap{padding:0 24px}
  .ust-ic>.durum{display:inline-flex}
  .sorunlar{grid-template-columns:repeat(4,1fr)}
  .hiz-izgara{grid-template-columns:repeat(2,1fr)}
  .gal{grid-template-columns:repeat(3,1fr)}
  .gal-video{grid-column:span 3;aspect-ratio:21/9}
  .sig-izgara{grid-template-columns:repeat(5,1fr)}
  .yorumlar{grid-template-columns:repeat(2,1fr)}
  .eylem-cift{grid-template-columns:1fr 1fr}
  .giris-eylem{grid-template-columns:auto auto;justify-content:start}
  .giris-eylem .btn{padding:0 26px}
  .yon{grid-template-columns:1fr 1fr;max-width:720px}
  .kapi{gap:26px}
  .kapi-logo{height:52px}
  .kapi-kartlar{grid-template-columns:1fr 1fr;gap:18px}
  .kapi-kart{grid-template-columns:1fr}
  .kapi-kart img{height:210px;min-height:0}
  .kapi-kart::after{width:auto;right:0;bottom:auto;height:210px;background:linear-gradient(180deg,rgba(10,12,16,.05),rgba(10,12,16,.35))}
  .kapi-govde{padding:18px 20px 20px;gap:2px 14px}
  .kapi-ikon{width:50px;height:50px;border-radius:15px}
  .kapi-ikon svg{width:24px;height:24px}
  .kapi-govde b{font-size:1.7rem}
  .kapi-govde small{font-size:.86rem}
  .kapi-git{font-size:.92rem}
  .kapi-dip{flex-direction:row;justify-content:center;gap:20px}
  .adimlar{grid-template-columns:repeat(3,1fr)}
  .adimlar li{flex-direction:column}
  .arac-izgara{grid-template-columns:repeat(6,1fr)}
  .arac-panel{max-width:600px}
  .arac-panel .giris-eylem{grid-template-columns:1fr 1fr}
  .arac-panel .giris-eylem .btn{padding:0 12px}
}
@media (max-width:359px){.giris-eylem{grid-template-columns:1fr}}

/* ======================= MASAÜSTÜ ======================= */
@media (min-width:960px){
  :root{--ust-h:72px}
  body{padding-bottom:0}
  .altbar{display:none}
  .logo img{height:38px}
  .ust-nav{display:flex;gap:2px;margin:0 auto}
  .ust-nav a{padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--soluk);font-weight:600;font-size:.92rem;white-space:nowrap;transition:color .2s,background .2s}
  .ust-nav a:hover{color:var(--metin);background:var(--hover)}
  .logo{margin-right:0}
  .ust-tel{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:14px;white-space:nowrap;flex-shrink:0;text-decoration:none;color:#fff;background:linear-gradient(180deg,#ff3a47,var(--kirmizi-2));box-shadow:0 12px 30px -14px var(--kirmizi-isik)}
  .ust-tel svg{width:20px;height:20px}
  .ust-tel span{display:flex;flex-direction:column;line-height:1.1}
  .ust-tel small{font-size:.68rem;opacity:.9;font-weight:600}
  .ust-tel b{font-size:.98rem}
  .menu-dugme{display:none}
  .giris{padding:64px 0 72px}
  .giris-ic{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px}
  .giris h1{font-size:clamp(3rem,4.6vw,4.5rem)}
  .giris h1.slogan{font-size:clamp(2.8rem,4.3vw,4.2rem)}
  .giris-alt{font-size:1.14rem}
  .arac-izgara{grid-template-columns:repeat(3,1fr);gap:10px}
  .durtu{display:none}
  .giris-gorsel{aspect-ratio:4/5;max-width:none}
  .bolum{padding:88px 0}
  .kamp-serit{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible;max-width:var(--kap);margin:0 auto;padding:6px 24px 16px}
  .kamp{flex:none}
  .kamp-nokta{display:none}
  .fl{padding:18px}
  .fl-liste{columns:2;column-gap:28px}
  .fl-modeller{top:calc(var(--ust-h) + 38px)}
  .bento{grid-template-columns:repeat(4,1fr);grid-template-rows:minmax(160px,auto) minmax(160px,auto);grid-auto-rows:auto}
  .bento-google{grid-column:span 2;grid-row:span 2}
  .bento-google b{font-size:7rem}
  .bento-genis{grid-column:span 4}
  .hiz-izgara{grid-template-columns:repeat(4,1fr)}
  .hiz{grid-template-columns:1fr}
  .hiz svg{grid-row:auto;margin-bottom:8px}
  .gal{grid-template-columns:repeat(4,1fr)}
  .gal-video{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
  .motrio{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}
  .iletisim{grid-template-columns:1.1fr .9fr;gap:48px}
  .alt-ic{grid-template-columns:2fr 1fr 1fr}
  .sheet{bottom:24px;border-radius:28px;border-bottom:1px solid var(--cizgi)}
  .cerez-kutu{top:auto!important;bottom:20px!important}
}

/* dizüstü genişliği (960–1279): üst menü tek satıra sığsın */
@media (min-width:960px) and (max-width:1279px){
  .ust-ic>.durum{display:none}
  .ust-nav a{padding:10px 8px;font-size:.87rem}
}
@media (min-width:960px) and (max-width:1119px){
  .ust-nav a[href="#galeri"],.ust-nav a[href="#yorumlar"]{display:none}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .gizli{opacity:1;transform:none}
}