/* ==========================================================================
   Nova Sigorta — site stili. Tasarım: koyu lacivert (#0a1324) + açık (#f4f7fb) bölümler,
   36px üst yuvarlatmalı üst üste binen şeritler, hap düğmeler, mavi vurgu (#1a8cff).
   ========================================================================== */
:root{--koyu:#0a1324;--koyu2:#10284f;--panel:#152238;--panel2:#0b1a36;--acik:#f4f7fb;--beyaz:#fff;--mavi:#1a8cff;--mavi2:#0d6fe6;--mavi3:#3aa0ff;--mavi-acik:#7fb8ff;--mavi-yumusak:#eaf2fd;--mavi-cip:#e6eef9;--mavi-metin:#1a6fe0;--metin:#0b1220;--gri:#6b7788;--gri2:#4a5668;--acik-metin:#c4d0e3;--acik-metin2:#a9b8cf;--cizgi:#dbe3ee;--cizgi2:#e6edf6;--yesil:#12b981;--sari:#f5a524;--kirmizi:#d7263d;--r:22px;--golge:0 8px 30px rgba(10,19,36,.06);--golge2:0 22px 44px rgba(10,19,36,.12);--kap:max(20px,calc(50% - 620px))}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--koyu);color:var(--metin);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--mavi);text-decoration:none}a:hover{color:#4da6ff}
img,svg,picture{max-width:100%;display:block}
button{font:inherit;cursor:pointer}
input,select,textarea{font:inherit;color:var(--metin)}
input::placeholder,textarea::placeholder{color:#9aa6b8}
h1,h2,h3,h4{margin:0;line-height:1.15;font-weight:800;letter-spacing:-.8px}
h1{font-size:clamp(34px,4.5vw,58px);letter-spacing:-1.8px;line-height:1.06}
h2{font-size:clamp(26px,3vw,34px)}
h3{font-size:20px;letter-spacing:-.4px}
p{margin:0}
.kap{padding-left:var(--kap);padding-right:var(--kap)}
.ik{flex:none;vertical-align:middle}
.el-yazisi{font-family:Caveat,cursive;font-weight:600;line-height:1}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---- düğmeler ---- */
.dug{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:999px;border:0;font-size:14px;font-weight:600;white-space:nowrap;transition:transform .25s,box-shadow .25s,background .25s;text-decoration:none}
.dug.birincil{background:linear-gradient(90deg,var(--mavi),var(--mavi2));color:#fff;box-shadow:0 12px 30px rgba(26,140,255,.35)}
.dug.birincil:hover{transform:translateY(-2px);color:#fff}
.dug.ikincil{background:var(--panel);color:#fff}.dug.ikincil:hover{background:#1c2c48;color:#fff}
.dug.beyaz{background:#fff;color:var(--metin);box-shadow:var(--golge)}
.dug.cip{background:var(--mavi-cip);color:var(--mavi-metin);padding:10px 18px;font-size:12px}
.dug.hayalet{background:transparent;color:var(--gri2);border:1px solid var(--cizgi)}.dug.hayalet:hover{border-color:var(--mavi)}
.dug.koyu{background:var(--metin);color:#fff}
.dug.kucuk{padding:10px 20px;font-size:12px}
.dug.buyuk{padding:16px 32px;font-size:15px}
.dug.tam{width:100%}
.dug[disabled]{opacity:.6;cursor:default;transform:none}
.dug.parlak{position:relative;overflow:hidden}
.dug.parlak::after{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:parla 3.5s ease-in-out infinite}

/* ---- üst bar ---- */
.ust{position:sticky;top:0;z-index:50;background:rgba(10,19,36,.6);backdrop-filter:blur(10px);transition:background .3s}
.ust.kaydi{background:rgba(10,19,36,.92);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px;padding-bottom:18px}
.logo{display:flex;align-items:center;gap:10px;color:#fff}.logo:hover{color:#fff}
.logo-isaret{position:relative;width:34px;height:32px;flex:none}
.logo-isaret i{position:absolute;top:2px;width:8px;height:28px;border-radius:2px}
.logo-isaret i:nth-child(1){left:1px;background:var(--mavi);transform:skewX(-6deg)}
.logo-isaret i:nth-child(2){left:6px;background:#63b6ff;transform:skewX(-32deg);transform-origin:top}
.logo-isaret i:nth-child(3){right:3px;background:#0d5fd6;transform:skewX(-6deg)}
.logo-isaret.buyuk{width:36px;height:34px}.logo-isaret.buyuk i{width:9px;height:30px}
.logo-yazi{line-height:1;display:flex;flex-direction:column}.logo-yazi b{font-weight:800;font-size:19px;letter-spacing:.5px}.logo-yazi small{font-size:10px;color:var(--acik-metin2);margin-top:2px}
.nav{display:flex;gap:34px;font-size:13px}
.nav>a{color:#d7e1f0;padding:6px 0;border-bottom:2px solid transparent}.nav>a:hover,.nav>a[aria-current]{color:#fff;border-color:var(--mavi)}
.nav-bas,.nav-dip,.nav-perde,.nav-kapat{display:none}
.ust-sag{display:flex;align-items:center;gap:12px}
.menu-dug{display:none;background:var(--panel);border:0;color:#fff;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center}

/* ---- bildirimler ---- */
.bildirimler{position:fixed;top:84px;right:16px;left:16px;z-index:60;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.bildirim{pointer-events:auto;margin-left:auto;max-width:520px;display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#fff;color:var(--metin);box-shadow:var(--golge2);font-size:13px;border-left:4px solid var(--yesil)}
.bildirim.hata{border-left-color:var(--kirmizi)}.bildirim.uyari{border-left-color:var(--sari)}
.bildirim button{background:none;border:0;font-size:18px;line-height:1;color:var(--gri)}

/* ---- ortak bölüm/kart ---- */
.bolum{position:relative;padding-top:90px;padding-bottom:90px}
.bolum.acik{background:var(--acik);color:var(--metin);border-radius:36px 36px 0 0;margin-top:-36px}
.bolum.koyu{background:var(--koyu);color:#fff;border-radius:36px 36px 0 0;margin-top:-36px;overflow:hidden}
.bolum.koyu .ust-etiket{color:var(--mavi3)}
.ust-etiket{font-size:11px;letter-spacing:2px;font-weight:600;color:var(--mavi-metin);display:flex;align-items:center;gap:8px;text-transform:uppercase}
.alt-yazi{font-size:15px;color:var(--gri);margin-top:8px}
.bolum.koyu .alt-yazi{color:var(--acik-metin2)}
.baslik-satir{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.kart{background:#fff;border-radius:20px;box-shadow:var(--golge)}
.rozet{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.4px;background:var(--mavi-yumusak);color:var(--mavi-metin)}
.rozet.gri{background:#eef2f7;color:var(--gri2)}.rozet.yesil{background:#e3f7ee;color:#0a7f5a}.rozet.sari{background:#fff4de;color:#946d00}.rozet.kirmizi{background:#fde8ec;color:#b0143a}.rozet.mavi{background:var(--mavi-yumusak);color:var(--mavi-metin)}
.uyari{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;font-size:13.5px;line-height:1.5;background:#fff4de;color:#7a5200;border:1px solid #f5d98a}
.uyari.hata{background:#fde8ec;color:#8c1030;border-color:#f3b8c4}.uyari.basari{background:#e3f7ee;color:#0a5c42;border-color:#b6e9d1}.uyari.bilgi{background:var(--mavi-yumusak);color:#0f3f7a;border-color:#bcd7f7}
.izgara{display:grid;gap:22px}.izgara.iki{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.izgara.uc{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.izgara.dort{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.sus{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sus svg{position:absolute;opacity:.18;animation:sus-yuz 12s ease-in-out infinite}
.sus svg:nth-child(2){animation-delay:-3s;animation-duration:14s}.sus svg:nth-child(3){animation-delay:-6s}.sus svg:nth-child(4){animation-delay:-2s;animation-duration:15s}.sus svg:nth-child(5){animation-delay:-8s}.sus svg:nth-child(6){animation-delay:-5s;animation-duration:11s}
.bolum.acik .sus svg{opacity:.1}
.izgara-zemin{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 30% 40%,#000,transparent 80%);mask-image:radial-gradient(ellipse 60% 70% at 30% 40%,#000,transparent 80%);pointer-events:none}
.kure{position:absolute;border-radius:50%;pointer-events:none}
.kure.a{left:-120px;top:120px;width:420px;height:420px;background:radial-gradient(circle,rgba(26,140,255,.22),transparent 70%);animation:sur 14s ease-in-out infinite}
.kure.b{right:20%;bottom:-160px;width:520px;height:520px;background:radial-gradient(circle,rgba(13,95,214,.18),transparent 70%);animation:sur2 18s ease-in-out infinite}
.ikon-kutu{width:40px;height:40px;border-radius:12px;background:var(--mavi-yumusak);display:grid;place-items:center;color:var(--mavi);flex:none}
.ikon-kutu.yuvarlak{border-radius:50%}.ikon-kutu.koyu{background:#132649;border:1px solid #223a66;color:var(--mavi3)}

/* ---- ana sayfa: kahraman ---- */
.kahraman{position:relative;background:radial-gradient(ellipse 50% 60% at 78% 35%,var(--koyu2) 0%,var(--koyu) 70%);color:#fff;padding-bottom:30px;overflow:hidden}
.kahraman-gorsel{position:absolute;right:0;top:40px;width:min(60%,880px);aspect-ratio:1672/941;will-change:transform;z-index:1}
.kahraman-gorsel img{width:100%;height:100%;object-fit:contain;animation:yuz 9s ease-in-out infinite;-webkit-mask-image:radial-gradient(ellipse 62% 58% at 55% 50%,#000 45%,rgba(0,0,0,.6) 65%,transparent 92%);mask-image:radial-gradient(ellipse 62% 58% at 55% 50%,#000 45%,rgba(0,0,0,.6) 65%,transparent 92%)}
.kahraman-gorsel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--koyu) 0%,rgba(10,19,36,.4) 18%,rgba(10,19,36,0) 45%)}
.yuzen{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:rgba(21,34,56,.72);border:1px solid rgba(127,184,255,.25);backdrop-filter:blur(8px);box-shadow:0 16px 40px rgba(0,0,0,.35);animation:yuz2 6s ease-in-out infinite;font-size:11px;line-height:1.2;z-index:2}
.yuzen b{display:block;font-weight:700}.yuzen small{display:block;font-size:10px;color:var(--acik-metin2);margin-top:2px}
.yuzen .top{width:26px;height:26px;border-radius:50%;background:var(--mavi);display:grid;place-items:center;flex:none}.yuzen .top.yesil{background:var(--yesil)}
.yuzen.hap{border-radius:999px;padding:8px 12px;animation:yuz 5.5s ease-in-out -1s infinite;font-weight:600}
.yuzen.a{left:12%;top:22%}.yuzen.b{right:4%;top:46%;animation-delay:-2s}.yuzen.c{left:38%;top:6%}
.kahraman-ic{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);padding-top:20px;align-items:start}
.kahraman-metin{padding-top:100px}
.kahraman-metin h1{margin-top:20px}.kahraman-metin h1 span{color:var(--mavi3)}
.kahraman-metin p{margin-top:26px;font-size:15px;color:var(--acik-metin);max-width:460px}
.kahraman-eylem{display:flex;align-items:center;gap:26px;margin-top:36px;flex-wrap:wrap}
.oynat{display:flex;align-items:center;gap:14px;color:#fff}
.oynat .halka{width:46px;height:46px;border-radius:50%;border:1.5px solid #3b4d6b;display:grid;place-items:center;flex:none;animation:halka 2.4s ease-out infinite}
.oynat b{display:block;font-size:13px}.oynat small{font-size:11px;color:var(--acik-metin2)}
.kahraman-sag{position:relative;min-height:460px;display:flex;align-items:flex-end;justify-content:flex-end;padding-bottom:60px}
.kahraman-not{display:flex;justify-content:flex-end;align-items:center;gap:22px;flex-wrap:wrap}
.kahraman-not .el-yazisi{font-size:28px;color:#fff;transform:rotate(-8deg);text-align:center}
.mini-kart{width:90px;height:92px;border-radius:18px;background:rgba(21,34,56,.85);border:1px solid #223354;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:9px;line-height:1.35;color:var(--acik-metin)}
.mini-kart .top{width:28px;height:28px;border-radius:8px;background:var(--mavi);display:grid;place-items:center}
.ozellik-serit{position:relative;z-index:2;display:flex;gap:clamp(40px,5vw,80px);margin-top:10px;flex-wrap:wrap}
.ozellik-serit>div{display:flex;gap:12px;align-items:center}
.ozellik-serit .top{width:36px;height:36px;border-radius:50%;background:#132649;display:grid;place-items:center;flex:none;color:var(--mavi3)}
.ozellik-serit b{display:block;font-size:13px}.ozellik-serit small{font-size:11px;color:var(--acik-metin2)}

/* ---- ana sayfa: teklif kutusu + ürünler ---- */
.teklif-bolum{position:relative;background:var(--acik);border-radius:36px 36px 0 0;margin-top:150px;padding-bottom:80px;display:flow-root}
.teklif-kutu{position:relative;transform:translateY(-150px);margin:0 auto -150px;max-width:900px;background:#fff;border-radius:var(--r);padding:38px 44px 44px;box-shadow:0 30px 70px rgba(10,19,36,.28);z-index:2}
.teklif-kutu h2{font-size:22px;letter-spacing:-.3px;font-weight:700}
.teklif-kutu .ipucu{font-size:13px;color:var(--gri);margin-top:8px}
.sekmeler{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.sekme{display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;background:#eef3f9;color:var(--metin);font-size:13px;font-weight:600;border:0;transition:background .25s,color .25s,transform .2s}
.sekme:hover{transform:translateY(-1px)}.sekme.aktif{background:var(--mavi);color:#fff}
.teklif-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px 20px;margin-top:30px;align-items:end}
.teklif-form label{display:block}.teklif-form .onay-kutu.tam{grid-column:1/-1;margin-top:0;display:flex}.teklif-form label>span{display:block;font-size:12px;font-weight:600;margin-bottom:8px}
.alan-giris{width:100%;padding:14px 16px;border:1px solid var(--cizgi);border-radius:12px;font-size:14px;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}
.alan-giris:focus{border-color:var(--mavi);box-shadow:0 0 0 3px rgba(26,140,255,.15)}
select.alan-giris{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7788' stroke-width='2'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.teklif-not{position:absolute;left:calc(50% + 470px);top:20px;display:flex;align-items:center;gap:12px;transform:rotate(-8deg);pointer-events:none;white-space:nowrap}
.teklif-not .el-yazisi{font-size:28px;color:var(--metin);text-align:center}
.urun-kartlar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.5vw,22px);margin-top:40px}
.urun-kart{color:inherit;background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--golge);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.urun-kart:hover{transform:translateY(-6px);box-shadow:var(--golge2);color:inherit}
.urun-kart .gorsel{height:170px;position:relative;overflow:hidden;background:#0f1f3d}
.urun-kart .gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.urun-kart:hover .gorsel img{transform:scale(1.06)}
.urun-kart .gorsel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 55%,#fff 100%)}
.urun-kart .govde{padding:6px 18px 22px;display:flex;flex-direction:column;gap:10px;flex:1;position:relative;background:#fff}
.urun-kart b{font-size:15px;font-weight:700}.urun-kart p{font-size:12px;color:var(--gri);flex:1}
.urun-kart .bag{display:flex;align-items:center;gap:8px;color:var(--mavi-metin);font-size:12px;font-weight:600;margin-top:8px}

/* ---- adımlar (hasar süreci) ---- */
.adimlar-kap{position:relative;margin-top:56px}
.adim-cizgi{position:absolute;left:10%;right:10%;top:38px;height:2px;background:#1a2a4a;border-radius:2px;overflow:hidden}
.adim-cizgi i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mavi),#63b6ff);box-shadow:0 0 12px var(--mavi);transition:width .9s cubic-bezier(.2,.7,.2,1)}
.bolum.acik .adim-cizgi{background:var(--cizgi)}
.adimlar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}
.adim{display:flex;flex-direction:column;align-items:center;text-align:center;opacity:.55;transition:opacity .6s;cursor:default}
.adim.aktif,.adim.tamam{opacity:1}
.adim .daire{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#1b3c74,#0f2450);border:1px solid #2b4a80;display:grid;place-items:center;box-shadow:0 0 30px rgba(26,140,255,.15);transition:all .6s cubic-bezier(.2,.7,.2,1);color:#fff}
.adim.aktif .daire{background:radial-gradient(circle at 50% 40%,var(--mavi),#0d5fd6);border-color:#63b6ff;box-shadow:0 0 0 8px rgba(26,140,255,.18),0 0 50px rgba(26,140,255,.55);transform:scale(1.1)}
.bolum.acik .adim{opacity:1;cursor:pointer}
.bolum.acik .adim .daire{background:#fff;border-color:var(--cizgi);box-shadow:0 8px 24px rgba(10,19,36,.06);color:#8a97ab}
.bolum.acik .adim.tamam .daire{color:var(--mavi)}
.bolum.acik .adim.aktif .daire{background:linear-gradient(135deg,var(--mavi),#0d5fd6);border-color:#63b6ff;color:#fff;box-shadow:0 0 0 8px rgba(26,140,255,.15),0 16px 40px rgba(26,140,255,.35);transform:scale(1.08)}
.adim .bas{display:flex;align-items:center;gap:10px;margin-top:22px}
.adim .no{width:22px;height:22px;border-radius:50%;background:#24365a;font-size:11px;font-weight:700;display:grid;place-items:center;color:#fff;transition:background .5s}
.adim.aktif .no,.adim.tamam .no{background:var(--mavi)}
.bolum.acik .adim .no{background:#cfd9e6}
.adim .bas b{font-size:16px;font-weight:700}
.adim p{font-size:12px;color:var(--acik-metin2);margin-top:10px;max-width:180px}
.bolum.acik .adim p{color:var(--gri)}
.adim-detay{margin-top:36px;background:#fff;border-radius:20px;padding:26px 30px;box-shadow:var(--golge);display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center}
.adim-detay .ikon-kutu{width:54px;height:54px;border-radius:16px}
.adim-detay b{font-size:15px}.adim-detay b span{color:var(--mavi-metin)}.adim-detay p{font-size:13px;color:var(--gri);margin-top:4px}
.kose-not{position:absolute;right:var(--kap);top:40px;display:flex;align-items:center;gap:14px;pointer-events:none;white-space:nowrap}
.kose-not .el-yazisi{font-size:28px;color:var(--mavi-acik);transform:rotate(-10deg);text-align:center}

/* ---- istatistik, yorumlar, hesap kartı ---- */
.ist-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:48px;align-items:center;position:relative}
.ist-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}
.ist-kart{background:#fff;border-radius:20px;padding:26px 24px 30px;box-shadow:var(--golge);transition:transform .3s,box-shadow .3s}
.ist-kart:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,19,36,.1)}
.ist-kart .deger{font-size:30px;font-weight:800;letter-spacing:-1px;margin-top:22px;font-variant-numeric:tabular-nums}
.ist-kart small{font-size:12px;color:var(--gri);margin-top:6px;display:block}
.yuzen.acik-a{left:-30px;top:-46px;background:#fff;border:0;color:var(--metin);box-shadow:0 12px 30px rgba(10,19,36,.1);border-radius:999px;padding:8px 14px;font-weight:600;animation:yuz 6s ease-in-out infinite}
.yuzen.acik-b{right:-20px;bottom:-40px;background:var(--metin);border:0;color:#fff;border-radius:999px;padding:8px 14px;font-weight:600;animation-delay:-3s}
.nokta-yesil{width:8px;height:8px;border-radius:50%;background:var(--yesil);display:inline-block}
.yorum-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:48px;margin-top:100px;align-items:start}
.kaydirici{overflow:hidden;margin-top:34px;padding:6px 0 10px}
.kaydirici-ray{display:flex;gap:18px;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.yorum{flex:0 0 calc((100% - 36px)/3);background:#fff;border-radius:18px;padding:24px 22px 22px;box-shadow:var(--golge);display:flex;flex-direction:column;gap:14px}
.yorum .tirnak{font-size:30px;line-height:.6;font-weight:800;font-family:Georgia,serif}
.yorum p{font-size:12px;color:var(--gri2);flex:1}
.yorum .kisi{display:flex;align-items:center;gap:10px}
.yorum .avatar{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700}
.yorum .kisi b{font-size:12px;display:block}.yorum .kisi small{font-size:11px;color:var(--gri)}
.yorum .yildizlar{color:var(--sari);font-size:9px;letter-spacing:.5px;margin-left:auto;white-space:nowrap}
.noktalar{display:flex;justify-content:center;gap:8px;margin-top:16px}
.nokta{width:8px;height:8px;border-radius:4px;background:#cfd9e6;border:0;padding:0;transition:all .4s}.nokta.aktif{width:22px;background:var(--mavi)}
.hesap-kart{position:relative;background:linear-gradient(180deg,#eef4fb,#dbe7f6);border-radius:26px;padding:34px 34px 40px;min-height:400px;overflow:hidden}
.hesap-kart h3{margin-top:14px;font-size:28px;letter-spacing:-.6px;position:relative;z-index:1}
.hesap-kart .alt{font-size:14px;font-weight:600;margin-top:14px}
.hesap-kart ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--gri2);max-width:58%;position:relative;z-index:1}
.hesap-kart li{display:flex;align-items:center;gap:10px}
.hesap-kart .eylem{display:flex;gap:10px;margin-top:26px;position:relative;z-index:1;flex-wrap:wrap}
.tel-mock{position:absolute;right:20px;bottom:-30px;width:min(180px,30%);aspect-ratio:9/18;background:var(--metin);border-radius:30px;padding:8px;transform:rotate(-8deg);box-shadow:0 30px 60px rgba(10,19,36,.35);animation:yuz 7s ease-in-out infinite}
.tel-mock>div{width:100%;height:100%;border-radius:24px;background:linear-gradient(180deg,#0f1f3d,var(--koyu));padding:22px 16px;color:#fff}
.tel-mock small{font-size:9px;color:var(--acik-metin2)}.tel-mock b{display:block;font-size:14px;line-height:1.25;margin-top:8px}
.tel-mock .kutular{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.tel-mock .kutular span{height:56px;border-radius:10px;background:var(--panel);font-size:8px;color:var(--acik-metin);display:flex;align-items:flex-end;padding:8px}
.cta-band{position:relative;display:block;margin:0 0 -36px;border-radius:36px 36px 0 0;overflow:hidden;background:var(--koyu)}
.cta-band img{width:100%;height:auto}

/* ---- alt bilgi ---- */
.dip{position:relative;background:var(--koyu);color:#fff;border-radius:36px 36px 0 0;padding:90px 0 40px;overflow:hidden}
.dip-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}
.dip h3{font-size:14px;font-weight:700;margin-bottom:20px}
.dip ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;font-size:12px}
.dip ul a,.dip-iletisim a{color:var(--acik-metin2)}.dip ul a:hover,.dip-iletisim a:hover{color:#fff}
.dip-slogan{font-size:12px;color:var(--acik-metin2);margin-top:20px}
.dip-iletisim{display:flex;flex-direction:column;gap:10px;margin-top:22px;font-size:12px}
.dip-iletisim a{display:flex;align-items:center;gap:8px}
.dip p{font-size:12px;color:var(--acik-metin2)}
.bulten{display:flex;align-items:center;margin-top:18px;background:var(--panel);border-radius:999px;padding:6px 6px 6px 20px;gap:10px}
.bulten input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:#fff;font-size:13px}
.bulten button{width:38px;height:38px;border-radius:50%;background:var(--mavi);border:0;display:grid;place-items:center;flex:none}
.dip-alt{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:60px;padding-top:26px;border-top:1px solid #16223a;font-size:11px;color:#7f8ea6}
.dip-alt a{color:var(--acik-metin2);font-weight:600}
.hareket-dug{background:none;border:0;color:var(--acik-metin2);font-size:11px;padding:0;text-decoration:underline}
.dip-yukari{display:flex;align-items:center;gap:20px}
.yukari{width:34px;height:34px;border-radius:50%;background:var(--panel);border:0;display:grid;place-items:center;transition:background .2s}.yukari:hover{background:var(--mavi)}
.wa-kutu{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.wa-sabit{display:flex;align-items:center;gap:10px;height:56px;padding:0 18px 0 14px;border:0;border-radius:999px;background:#25d366;color:#fff;box-shadow:0 12px 30px rgba(37,211,102,.45);font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s}
.wa-sabit:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(37,211,102,.55)}
.wa-kutu.dikkat .wa-sabit{animation:wa-nabiz 2.2s ease-out infinite}
.wa-kutu.acik .wa-sabit{background:var(--metin);box-shadow:0 12px 30px rgba(10,19,36,.35)}
.wa-kutu.acik .wa-etiket{display:none}
.wa-pencere{width:min(360px,calc(100vw - 36px));background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(10,19,36,.35);animation:belir .3s ease both;display:flex;flex-direction:column}
.wa-bas{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;background:linear-gradient(135deg,#075e54,#128c7e);color:#fff}
.wa-bas b{display:block;font-size:15px}.wa-bas small{display:flex;align-items:center;gap:6px;font-size:11px;color:#cfe9e1;margin-top:3px}
.wa-nokta{width:8px;height:8px;border-radius:50%;background:#25d366;display:inline-block;box-shadow:0 0 0 3px rgba(37,211,102,.25)}
.wa-avatar{position:relative;width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.wa-avatar .logo-isaret{width:24px;height:22px}.wa-avatar .logo-isaret i{width:6px;height:20px}
.wa-cevrim{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#25d366;border:2px solid #0b7a6a}
.wa-kapat{margin-left:auto;background:rgba(255,255,255,.15);border:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center}
.wa-govde{padding:16px;background:#e5ddd5 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'><circle cx='10' cy='10' r='1.2' fill='%23ffffff' opacity='.5'/><circle cx='40' cy='30' r='1.2' fill='%23ffffff' opacity='.5'/><circle cx='20' cy='48' r='1.2' fill='%23ffffff' opacity='.5'/></svg>");display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow:auto}
.wa-balon{position:relative;align-self:flex-start;max-width:88%;background:#fff;border-radius:12px;border-top-left-radius:2px;padding:10px 14px 18px;font-size:13.5px;line-height:1.5;color:var(--metin);box-shadow:0 1px 1px rgba(0,0,0,.08)}
.wa-balon b{display:block;font-size:12px;color:#128c7e;margin-bottom:3px}
.wa-saat{position:absolute;right:10px;bottom:4px;font-size:10px;color:#8a97ab}
.wa-konular{display:flex;flex-wrap:wrap;gap:6px}
.wa-konu{background:#fff;border:1px solid #cfe3dc;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;color:#075e54;transition:all .2s}
.wa-konu:hover,.wa-konu.secili{background:#128c7e;border-color:#128c7e;color:#fff}
.wa-yanit{align-self:flex-start;max-width:88%;background:#fff;border-radius:12px;border-top-left-radius:2px;padding:10px 14px;font-size:13px;color:var(--metin);animation:belir .3s ease both}
.wa-yaz{display:flex;gap:8px;padding:10px 12px;background:#f0f2f5;border-top:1px solid #e3e8ee}
.wa-yaz input{flex:1;min-width:0;border:1px solid #d9e0e7;border-radius:999px;padding:11px 16px;font-size:14px;outline:none;background:#fff}
.wa-yaz input:focus{border-color:#128c7e}
.wa-yaz button{width:44px;height:44px;border-radius:50%;border:0;background:#25d366;display:grid;place-items:center;flex:none}
.wa-alt{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;font-size:11px;color:var(--gri);background:#f0f2f5}
@keyframes wa-nabiz{0%{box-shadow:0 12px 30px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 12px 30px rgba(37,211,102,.45),0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 12px 30px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,0)}}

/* ---- iç sayfa kahramanı ---- */
.ic-kahraman{position:relative;background:radial-gradient(ellipse 60% 70% at 70% 40%,var(--koyu2) 0%,var(--koyu) 70%);color:#fff;overflow:hidden}
.ic-kahraman .yol{position:relative;padding-top:14px;display:flex;gap:8px;align-items:center;font-size:12px;color:var(--acik-metin2);flex-wrap:wrap}
.ic-kahraman .yol a{color:var(--acik-metin2)}.ic-kahraman .yol span{color:#fff}
.ic-kahraman-ic{position:relative;padding-top:56px;padding-bottom:110px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}
.ic-kahraman-ic>div:first-child{max-width:600px}
.ic-kahraman h1{margin-top:18px}.ic-kahraman h1 span{color:var(--mavi3)}
.ic-kahraman p.ozet{margin-top:22px;font-size:16px;color:var(--acik-metin)}
.ic-kahraman .sag{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.cam-kart{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:rgba(21,34,56,.75);border:1px solid rgba(127,184,255,.3);backdrop-filter:blur(8px);font-size:12px;font-weight:600;animation:yuz2 6s ease-in-out infinite}
.urun-kahraman .ic-kahraman-ic{grid-template-columns:minmax(0,520px);padding-top:60px;padding-bottom:130px}
.urun-kahraman .arka{position:absolute;right:0;top:0;bottom:0;width:min(60%,820px);background-size:cover;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(180deg,transparent 0%,#000 25%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(180deg,transparent 0%,#000 25%);mask-composite:intersect;animation:yuz 9s ease-in-out infinite}
.rozet-serit{display:flex;gap:34px;margin-top:40px;flex-wrap:wrap}
.rozet-serit>div{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.35;font-weight:600}
.rozet-serit .ikon-kutu{width:36px;height:36px;border-radius:50%}

/* ---- ürün sayfası ---- */
.urun-govde{position:relative;background:var(--acik);padding-bottom:60px;display:flow-root}
.hizli-kutu{position:relative;transform:translateY(-70px);margin:0 auto -70px;background:#fff;border-radius:var(--r);padding:28px 36px;box-shadow:0 30px 70px rgba(10,19,36,.22);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}
.hizli-kutu .sol{display:flex;align-items:center;gap:20px;padding-right:32px;border-right:1px solid var(--cizgi2)}
.hizli-kutu .sol .ikon-kutu{width:66px;height:66px;border-radius:50%}
.hizli-kutu h2{font-size:22px;font-weight:700;letter-spacing:-.4px;line-height:1.2}
.hizli-kutu .sol small{display:block;font-size:12px;color:var(--gri);margin-top:6px}
.hizli-form{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}
.plaka-alan{flex:1;min-width:200px;display:flex;border:1px solid var(--cizgi);border-radius:12px;overflow:hidden;background:#fff}
.plaka-alan .tr{width:44px;background:var(--mavi);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;flex:none}
.plaka-alan input{flex:1;min-width:0;border:0;outline:none;padding:14px 16px;font-size:14px;letter-spacing:1px;background:#fff}
.hizli-kutu .guven{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--gri);margin-top:12px}
.neden{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:48px;align-items:center;margin-top:60px}
.neden .etiket{font-size:12px;font-weight:600;color:var(--mavi-metin)}
.neden h2{margin-top:12px}.neden p{margin-top:20px;font-size:15px;line-height:1.65;color:var(--gri2)}
.neden .bag{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:13px;font-weight:600;color:var(--mavi-metin)}
.gorsel-kart{border-radius:var(--r);overflow:hidden;box-shadow:0 20px 50px rgba(10,19,36,.15)}
.gorsel-kart img{width:100%;height:100%;object-fit:cover;aspect-ratio:640/420}
.kapsam-izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:32px;margin-top:80px;align-items:start}
.kapsam-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:26px}
.kapsam-kart{background:#fff;border:1px solid var(--cizgi2);border-radius:18px;padding:22px 18px;transition:transform .3s,box-shadow .3s}
.kapsam-kart:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,19,36,.08)}
.kapsam-kart b{display:block;font-size:14px;margin-top:18px}.kapsam-kart p{font-size:12px;color:var(--gri);margin-top:8px}
.avantajlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:16px}
.avantajlar>div{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--cizgi2);border-radius:14px;padding:12px 14px;font-size:12px;font-weight:600}
.avantajlar .ikon-kutu{width:30px;height:30px;border-radius:50%}
.yan-kutu{background:var(--panel2);color:#fff;border-radius:var(--r);padding:28px 26px 26px;box-shadow:0 30px 60px rgba(10,19,36,.3);position:sticky;top:96px}
.yan-kutu h3{font-size:20px;font-weight:700}.yan-kutu p{font-size:13px;color:var(--acik-metin2);margin-top:8px}
.yan-kutu .plaka-alan{margin-top:20px;border:0}.yan-kutu .plaka-alan .tr{width:40px}
.yan-kutu .dug{margin-top:12px}
.yan-kutu ul{list-style:none;padding:20px 0 0;margin:22px 0 0;border-top:1px solid #1c2c50;display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--acik-metin)}
.yan-kutu li{display:flex;align-items:center;gap:10px}
.adim-bolum{position:relative;background:linear-gradient(90deg,#e8f0fb 0%,var(--acik) 55%,#dfe9f7 100%);padding-top:70px;padding-bottom:70px;overflow:hidden}
.adim-bolum-ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:40px;align-items:center}
.uc-adim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.uc-adim .adim{align-items:flex-start;text-align:left;opacity:1}
.uc-adim .adim .ust{display:flex;align-items:center;gap:14px}
.uc-adim .adim .no{background:#fff;color:var(--mavi-metin);width:26px;height:26px;font-size:13px;font-weight:800;box-shadow:0 4px 12px rgba(10,19,36,.1)}
.uc-adim .adim .daire{width:54px;height:54px;background:var(--mavi-metin);border:0;color:#fff;box-shadow:0 8px 20px rgba(26,140,255,.25)}
.uc-adim .adim.aktif .daire{background:linear-gradient(135deg,var(--mavi),var(--mavi2));box-shadow:0 0 0 8px rgba(26,140,255,.18),0 14px 30px rgba(26,140,255,.45);transform:scale(1.1)}
.uc-adim .adim b{display:block;font-size:15px;margin-top:14px}.uc-adim .adim p{font-size:12px;color:var(--gri);margin-top:6px;max-width:none}
.adim-gorsel{aspect-ratio:520/540;border-radius:24px;overflow:hidden;animation:yuz 8s ease-in-out infinite;box-shadow:0 30px 60px rgba(10,19,36,.2)}
.adim-gorsel img{width:100%;height:100%;object-fit:cover}
.sss-bolum{background:var(--acik);padding-top:60px;padding-bottom:40px}
.sss-izgara{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:32px;align-items:start}
.sss-liste{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.sss-oge{background:#fff;border:1px solid var(--cizgi2);border-radius:14px;transition:box-shadow .2s}
.sss-oge:hover{box-shadow:0 8px 24px rgba(10,19,36,.06)}
.sss-soru{width:100%;background:none;border:0;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;font-weight:600;text-align:left;color:var(--metin)}
.sss-soru .ik{transition:transform .3s}.sss-oge.acik .sss-soru .ik{transform:rotate(180deg)}
.sss-cevap{display:none;padding:0 18px 16px;font-size:13px;line-height:1.6;color:var(--gri2)}
.sss-oge.acik .sss-cevap{display:block}
.cta-kart{position:relative;margin-top:40px;border-radius:var(--r);overflow:hidden;background:var(--panel2);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;gap:24px;align-items:center;min-height:200px}
.cta-kart .arka{position:absolute;inset:0;background-size:cover;background-position:center 60%;-webkit-mask-image:linear-gradient(90deg,transparent 20%,#000 50%);mask-image:linear-gradient(90deg,transparent 20%,#000 50%)}
.cta-kart .metin{position:relative;padding:32px 0 32px 36px}
.cta-kart h2{font-size:clamp(20px,2vw,26px)}.cta-kart p{font-size:13px;color:var(--acik-metin);margin-top:10px}
.cta-kart .metin .dug{margin-top:20px}
.cta-kart .kartlar{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px 28px 24px 0}
.cta-kart .kartlar>div{display:flex;align-items:center;gap:10px;background:rgba(10,19,36,.55);border:1px solid rgba(127,184,255,.25);border-radius:12px;padding:8px 12px;backdrop-filter:blur(6px);font-size:12px;font-weight:600;line-height:1.3}
.cta-kart .kartlar .ikon-kutu{width:30px;height:30px;border-radius:50%;background:var(--panel);color:var(--mavi3)}
.icerik-metin{font-size:15px;line-height:1.75;color:var(--gri2)}
.icerik-metin h2{font-size:24px;margin:34px 0 12px;color:var(--metin)}.icerik-metin h3{font-size:18px;margin:26px 0 8px;color:var(--metin)}
.icerik-metin p{margin:0 0 14px}.icerik-metin ul,.icerik-metin ol{margin:0 0 14px;padding-left:22px}.icerik-metin li{margin-bottom:6px}
.icerik-metin table{width:100%;border-collapse:collapse;font-size:13.5px;margin:14px 0}.icerik-metin th,.icerik-metin td{border:1px solid var(--cizgi);padding:9px 12px;text-align:left}.icerik-metin th{background:var(--mavi-yumusak)}
.icerik-metin img{border-radius:14px}

/* ---- kurumsal sayfalar ---- */
.ust-kartlar{position:relative;transform:translateY(-60px);margin:0 auto -60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}
.ust-kartlar .kart{padding:24px;box-shadow:0 20px 50px rgba(10,19,36,.12)}
.ust-kartlar .deger{font-size:30px;font-weight:800;letter-spacing:-1px;color:var(--mavi-metin)}
.ust-kartlar small{font-size:13px;color:var(--gri);margin-top:4px;display:block}
.iki-sutun{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:80px}
.deger-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:32px}
.deger-kart{background:#fff;border-radius:20px;padding:28px;box-shadow:var(--golge);transition:transform .3s,box-shadow .3s}
.deger-kart:hover{transform:translateY(-6px);box-shadow:var(--golge2)}
.deger-kart .no{width:46px;height:46px;border-radius:14px;background:var(--mavi-yumusak);display:grid;place-items:center;color:var(--mavi);font-size:18px;font-weight:800}
.deger-kart b{display:block;font-size:17px;margin-top:18px;letter-spacing:-.3px}.deger-kart p{font-size:13px;color:var(--gri);margin-top:8px;line-height:1.6}
.karsilastir{margin-top:90px;background:var(--panel2);border-radius:var(--r);padding:44px 48px;color:#fff;position:relative;overflow:hidden}
.karsilastir .kure{right:-100px;top:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(26,140,255,.28),transparent 70%)}
.karsilastir table{position:relative;width:100%;margin-top:28px;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;border:1px solid rgba(127,184,255,.2);font-size:13px}
.karsilastir th{padding:14px 18px;background:rgba(21,34,56,.8);font-size:12px;letter-spacing:1px;color:var(--acik-metin2);font-weight:600;text-align:left}
.karsilastir th.biz{background:var(--mavi);color:#fff;text-align:center;font-weight:700}
.karsilastir td{padding:14px 18px;border-top:1px solid rgba(127,184,255,.12)}
.karsilastir td.biz{background:rgba(26,140,255,.12);font-weight:700;text-align:center;color:var(--mavi-acik)}
.karsilastir td.diger{text-align:center;color:var(--acik-metin2)}
.ortaklar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:28px}
.ortaklar>div{background:#fff;border-radius:14px;padding:18px;box-shadow:0 8px 30px rgba(10,19,36,.04);display:grid;place-items:center;min-height:76px;font-size:13px;font-weight:700;letter-spacing:1.5px;color:#8a97ab;text-transform:uppercase;text-align:center}
.ortaklar img{max-height:40px;width:auto;object-fit:contain}
.kanal-kartlar{position:relative;transform:translateY(-60px);margin:0 auto -60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.kanal{background:#fff;border-radius:20px;padding:26px 24px;box-shadow:0 20px 50px rgba(10,19,36,.12);display:flex;flex-direction:column;gap:14px;color:var(--metin);transition:transform .3s}
.kanal:hover{transform:translateY(-4px);color:var(--metin)}
.kanal .ikon-kutu{width:44px;height:44px;border-radius:14px}
.kanal b{font-size:15px;display:block}.kanal p{font-size:13px;color:var(--gri);margin-top:4px}.kanal .deger{font-size:14px;font-weight:700;color:var(--mavi-metin);margin-top:auto}
.form-kart{background:#fff;border-radius:var(--r);padding:36px 40px;box-shadow:var(--golge)}
.form-kart h2{margin-top:12px;font-size:28px}
.form-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:22px}
.alan{display:block}.alan>span{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.alan .ipucu{display:block;font-size:11.5px;color:var(--gri);margin-top:6px;font-weight:400}
.alan.tam{grid-column:1/-1}
textarea.alan-giris{resize:vertical;min-height:120px}
.onay-kutu{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.45;color:var(--gri);margin-top:16px;cursor:pointer}
.onay-kutu input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--mavi);flex:none}
.konu-cipler{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.konu-cipler label{padding:9px 16px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;background:#eef3f9;transition:all .25s}
.konu-cipler input{display:none}.konu-cipler input:checked+span{color:#fff}.konu-cipler label:has(input:checked){background:var(--mavi);color:#fff}
.harita-kart{position:relative;border-radius:var(--r);overflow:hidden;background:var(--panel2);min-height:280px;color:#fff}
.harita-kart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.harita-kart .perde{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,19,36,.1),rgba(10,19,36,.9))}
.harita-kart .izgara-zemin{-webkit-mask-image:none;mask-image:none;background-size:40px 40px;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)}
.harita-kart .pin{position:absolute;left:50%;top:42%;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--mavi);box-shadow:0 0 0 6px rgba(26,140,255,.3);animation:halka 2s ease-out infinite}
.harita-kart .metin{position:absolute;left:24px;right:24px;bottom:22px}
.harita-kart b{font-size:16px;display:block;margin-top:6px}.harita-kart small{font-size:13px;color:var(--acik-metin2)}
.saat-kart{background:#fff;border-radius:var(--r);padding:26px 28px;box-shadow:var(--golge)}
.saat-kart b{font-size:15px}.saat-kart ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:10px;font-size:13px}
.saat-kart li{display:flex;justify-content:space-between;color:var(--gri2);gap:12px}.saat-kart li strong{color:var(--metin)}.saat-kart li .yesil{color:var(--yesil);font-weight:600}
.blog-one{position:relative;transform:translateY(-60px);margin:0 auto -60px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 30px 70px rgba(10,19,36,.22);color:var(--metin)}
.blog-one:hover{color:var(--metin)}
.blog-one .gorsel{min-height:320px;background:#0f1f3d}.blog-one .gorsel img{width:100%;height:100%;object-fit:cover}
.blog-one .govde{padding:40px 44px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.blog-one h2{font-size:30px}.blog-one p{font-size:14px;color:var(--gri)}
.yazi-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;margin-top:32px}
.yazi-kart{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--golge);display:flex;flex-direction:column;color:var(--metin);transition:transform .3s,box-shadow .3s}
.yazi-kart:hover{transform:translateY(-6px);box-shadow:var(--golge2);color:var(--metin)}
.yazi-kart .gorsel{height:170px;position:relative;overflow:hidden;background:#0f1f3d}
.yazi-kart .gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.yazi-kart:hover .gorsel img{transform:scale(1.06)}
.yazi-kart .etiket{position:absolute;left:14px;top:14px;padding:5px 12px;border-radius:999px;background:rgba(10,19,36,.75);color:#fff;font-size:10px;letter-spacing:1.2px;font-weight:600;text-transform:uppercase}
.yazi-kart .govde{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.yazi-kart small{font-size:11px;color:var(--gri)}.yazi-kart b{font-size:17px;line-height:1.3;letter-spacing:-.3px}.yazi-kart p{font-size:13px;color:var(--gri);flex:1}
.yazi-kart .bag{display:flex;align-items:center;gap:8px;color:var(--mavi-metin);font-size:12px;font-weight:600}
.yazi-govde{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;margin-top:40px;align-items:start}
.yazi-govde .icerik-metin{background:#fff;border-radius:var(--r);padding:40px 44px;box-shadow:var(--golge)}
.yazi-govde .icerik-metin>img:first-child{width:100%;margin-bottom:24px}
.yan-liste{background:#fff;border-radius:var(--r);padding:26px 28px;box-shadow:var(--golge);position:sticky;top:96px}
.yan-liste ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:12px;font-size:13px}
.yan-liste a{color:var(--metin);font-weight:600}.yan-liste small{display:block;color:var(--gri);font-weight:400;font-size:11px}
.sayfalama{display:flex;gap:8px;justify-content:center;margin-top:40px}
.sayfalama a,.sayfalama span{padding:9px 14px;border-radius:10px;background:#fff;font-size:13px;font-weight:600;color:var(--metin);box-shadow:var(--golge)}.sayfalama span{background:var(--mavi);color:#fff}
.bulten-kart{margin-top:60px;background:var(--panel2);border-radius:var(--r);padding:40px 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:32px;align-items:center;color:#fff}
.bulten-kart h3{font-size:26px;margin-top:12px}.bulten-kart p{font-size:14px;color:var(--acik-metin2);margin-top:8px}
.bulten-kart .bulten{margin-top:0}.bulten-kart .bulten button{width:auto;border-radius:999px;padding:12px 22px;font-size:13px;font-weight:600;color:#fff}

/* ---- giriş / kayıt ---- */
.giris-sahne{position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--koyu);color:#fff}
.giris-arka{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.giris-arka .sahne{position:absolute;left:clamp(200px,26%,420px);top:0;bottom:0;width:min(40%,560px);background:url("gorsel/giris-sahne.webp") center bottom/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.giris-arka .yan{position:absolute;right:0;top:0;bottom:0;width:22%;background:url("gorsel/giris-yan.webp") right center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%);opacity:.9}
.giris-arka .perde{position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 10% 30%,rgba(26,140,255,.16),transparent 70%),linear-gradient(180deg,rgba(10,19,36,.5),rgba(10,19,36,0) 25%,rgba(10,19,36,0) 70%,rgba(10,19,36,.75) 100%)}
.giris-ust{position:relative;display:flex;justify-content:space-between;align-items:center;padding:34px clamp(24px,5vw,80px) 0;gap:16px}
.giris-ust .logo-yazi b{font-size:26px}.giris-ust .logo-yazi small{font-size:13px}
.giris-ust a.geri{display:flex;align-items:center;gap:10px;color:#fff;font-size:14px}
.giris-izgara{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:40px;align-items:center;padding:40px clamp(24px,5vw,80px) 60px}
.giris-yan{max-width:420px;animation:belir .8s ease both}
.giris-yan h1{margin-top:22px}.giris-yan h1 span{color:var(--mavi3)}.giris-yan p{margin-top:26px;font-size:16px;color:#dbe4f0}
.giris-yan ul{list-style:none;padding:0;margin:38px 0 0;display:flex;flex-direction:column;gap:18px}
.giris-yan li{display:flex;align-items:center;gap:16px}
.giris-yan li .ikon-kutu{width:54px;height:54px;border-radius:50%;background:rgba(21,34,56,.75);border:1px solid rgba(127,184,255,.35);color:var(--mavi3);backdrop-filter:blur(6px)}
.giris-yan li b{display:block;font-size:15px}.giris-yan li small{font-size:12px;color:var(--acik-metin)}
.giris-yan .el-yazisi{font-size:34px;color:#fff;transform:rotate(-8deg);margin-top:60px;display:inline-block}
.giris-panel{position:relative;background:rgba(12,24,48,.62);border:1px solid rgba(127,184,255,.28);border-radius:26px;padding:40px 44px 36px;backdrop-filter:blur(18px);box-shadow:0 40px 90px rgba(0,0,0,.45);animation:belir .8s .15s ease both;justify-self:end;width:100%}
.giris-sekmeler{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(127,184,255,.2);position:relative}
.giris-sekmeler a{text-align:center;padding:12px 0 16px;font-size:16px;font-weight:600;color:var(--acik-metin2)}.giris-sekmeler a.aktif{color:#fff}
.giris-sekmeler i{position:absolute;bottom:-1px;left:0;width:50%;height:2px;background:linear-gradient(90deg,var(--mavi),#63b6ff);box-shadow:0 0 12px var(--mavi);transition:left .4s}
.giris-sekmeler i.sag{left:50%}
.giris-panel h2{margin-top:34px;font-size:34px;letter-spacing:-1px}.giris-panel>p{margin-top:12px;font-size:15px;color:var(--acik-metin2)}
.giris-form{display:flex;flex-direction:column;gap:14px;margin-top:28px}
.koyu-alan{position:relative}.koyu-alan .ik{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--mavi-acik)}
.koyu-alan input,.koyu-alan select{width:100%;padding:18px 18px 18px 52px;border:1px solid rgba(127,184,255,.3);border-radius:14px;background:rgba(10,19,36,.55);color:#fff;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}
.koyu-alan input:focus,.koyu-alan select:focus{border-color:var(--mavi);box-shadow:0 0 0 3px rgba(26,140,255,.2)}
.koyu-alan.sade input,.koyu-alan.sade select{padding-left:18px}
.koyu-alan .istege{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;color:#7f8ea6;letter-spacing:1px;padding:3px 8px;border-radius:999px;background:rgba(127,184,255,.12)}
.tarih-uclu{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px}
.tarih-uclu select{width:100%;padding:18px 14px;border:1px solid rgba(127,184,255,.3);border-radius:14px;background:rgba(10,19,36,.55) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a9b8cf' stroke-width='2'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 14px center;color:#fff;font-size:15px;outline:none;appearance:none;-webkit-appearance:none}
.giris-panel .onay-kutu{color:var(--acik-metin)}.giris-panel .onay-kutu a{color:var(--mavi-acik)}
.giris-panel .dug.tam{margin-top:22px;padding:18px;font-size:16px}
.giris-panel .alt-bag{text-align:center;margin-top:24px;font-size:14px;color:var(--acik-metin2)}.giris-panel .alt-bag a{font-weight:600;color:var(--mavi-acik)}
.giris-panel .uyari{margin-top:16px}
.giris-dip{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px clamp(24px,5vw,80px);background:rgba(10,19,36,.8);border-top:1px solid rgba(127,184,255,.12);font-size:12px;color:var(--acik-metin2)}
.giris-dip a{color:var(--acik-metin2)}

/* ---- hesap ---- */
.hesap-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.hesap-sekmeler{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.hesap-sekmeler a{padding:10px 18px;border-radius:999px;background:#fff;font-size:13px;font-weight:600;color:var(--metin);box-shadow:var(--golge)}.hesap-sekmeler a.aktif{background:var(--mavi);color:#fff}
.hesap-sekmeler a .rozet{margin-left:6px;padding:2px 8px}
.tablo-sar{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tablo{width:100%;min-width:560px;border-collapse:collapse;font-size:13px;background:#fff;border-radius:var(--r);overflow:hidden}
.tablo th{text-align:left;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gri);padding:14px 16px;border-bottom:1px solid var(--cizgi2);background:#fafcfe}
.tablo td{padding:14px 16px;border-bottom:1px solid var(--cizgi2);vertical-align:middle}
.tablo tr:last-child td{border-bottom:0}.tablo td.ana{font-weight:600}.tablo td .alt{font-size:11.5px;color:var(--gri)}
.bos{padding:40px;text-align:center;color:var(--gri);font-size:14px}.bos b{display:block;color:var(--metin);margin-bottom:6px}
.ozet-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:28px}
.mesaj-balon{padding:12px 16px;border-radius:14px;background:#f0f4f9;font-size:13px;margin-top:8px}.mesaj-balon.yonetici{background:var(--mavi-yumusak)}
.mesaj-balon small{display:block;color:var(--gri);font-size:11px;margin-bottom:4px}

/* ---- sihirbaz (teklif akışı) ---- */
body.sihirbaz{background:var(--acik)}
body.sihirbaz .ust{background:var(--koyu)}
.sh{padding-top:40px;padding-bottom:80px;background:var(--acik);min-height:70vh}
.sh-ic{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start;max-width:1160px;margin:0 auto}
.sh-yan{background:#fff;border-radius:var(--r);padding:24px;box-shadow:var(--golge);position:sticky;top:96px}
.sh-yan .baslik{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gri);font-weight:600}
.sh-yan ol{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:6px}
.sh-yan li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font-size:13px;color:var(--gri)}
.sh-yan li .no{width:26px;height:26px;border-radius:50%;background:#eef2f7;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}
.sh-yan li.aktif{background:var(--mavi-yumusak);color:var(--metin);font-weight:600}.sh-yan li.aktif .no{background:var(--mavi);color:#fff}
.sh-yan li.tamam{color:var(--metin)}.sh-yan li.tamam .no{background:var(--yesil);color:#fff}
.sh-yan .destek{margin-top:22px;padding-top:18px;border-top:1px solid var(--cizgi2);font-size:12px;color:var(--gri)}
.sh-yan .destek a{display:flex;align-items:center;gap:8px;margin-top:8px;font-weight:600}
.sh-kart{background:#fff;border-radius:var(--r);padding:36px 40px;box-shadow:var(--golge)}
.sh-kart h1{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.8px}
.sh-kart .alt-yazi{margin-top:8px}
.sh-kart .uyari{margin-top:20px}
.sh-form{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.sh-dip{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--cizgi2);flex-wrap:wrap}
.sh-dip .geri{color:var(--gri);font-size:13px;display:inline-flex;align-items:center;gap:6px}
.secenek-kutular{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.secenek-kutu{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--cizgi);border-radius:12px;font-size:13px;cursor:pointer;background:#fff}
.secenek-kutu:has(input:checked){border-color:var(--mavi);background:var(--mavi-yumusak)}
.secenek-kutu input{accent-color:var(--mavi)}
.plaka-parca{display:grid;grid-template-columns:70px 1fr 1fr;gap:8px}
.ozet-kutu{background:#f7f9fc;border:1px solid var(--cizgi2);border-radius:14px;padding:16px 18px;font-size:13px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 20px;margin-top:20px}
.ozet-kutu small{display:block;font-size:11px;color:var(--gri);text-transform:uppercase;letter-spacing:.6px}.ozet-kutu b{font-weight:600}
.paketler{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:22px}
.paket{border:2px solid var(--cizgi2);border-radius:18px;padding:22px;cursor:pointer;position:relative;display:block;transition:border-color .2s,box-shadow .2s}
.paket:has(input:checked){border-color:var(--mavi);box-shadow:0 12px 30px rgba(26,140,255,.15)}
.paket input{position:absolute;opacity:0}
.paket .rozet{position:absolute;right:14px;top:14px}
.paket b{font-size:18px;display:block}.paket .slogan{font-size:12px;color:var(--gri);margin-top:6px}
.paket ul{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px;font-size:12.5px}
.paket li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--cizgi2);padding-bottom:6px}
.paket li span:last-child{font-weight:600;text-align:right}.paket li.yok span:last-child{color:var(--gri)}
.luks-secenekler{margin-top:16px;padding-top:16px;border-top:1px solid var(--cizgi2);display:grid;gap:10px}
.luks-secenekler label{font-size:12px;font-weight:600}.luks-secenekler select{margin-top:4px}
.tk-ust{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.tk-durum{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gri)}
.tk-nokta{width:10px;height:10px;border-radius:50%;background:var(--sari);animation:nabiz 1.2s ease-in-out infinite}.tk-nokta.tamam{background:var(--yesil);animation:none}.tk-nokta.hata{background:var(--kirmizi);animation:none}
.tk-ilerleme{height:4px;border-radius:4px;background:var(--cizgi2);overflow:hidden;margin-top:16px}.tk-ilerleme i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mavi),#63b6ff);transition:width .6s}
.tk-liste{display:flex;flex-direction:column;gap:14px;margin-top:22px}
.tk-kart{border:1px solid var(--cizgi2);border-radius:18px;padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:center;background:#fff;transition:box-shadow .2s;animation:belir .5s ease both}
.tk-kart:hover{box-shadow:var(--golge2)}
.tk-kart.en-iyi{border-color:var(--mavi)}
.tk-sirket{display:flex;align-items:center;gap:14px;min-width:0}
.tk-logo{width:64px;height:40px;border-radius:10px;background:#f4f7fb;display:grid;place-items:center;overflow:hidden;flex:none;font-size:10px;font-weight:800;color:var(--gri2);text-align:center;padding:4px}
.tk-logo img{max-width:100%;max-height:100%;object-fit:contain}
.tk-sirket b{font-size:15px;display:block}.tk-sirket .rozetler{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.tk-sirket .alt{font-size:11.5px;color:var(--gri);margin-top:6px;display:flex;gap:10px;flex-wrap:wrap}
.tk-prim{text-align:right}
.tk-prim .brut{font-size:12px;color:var(--gri);text-decoration:line-through}
.tk-prim .fiyat{font-size:26px;font-weight:800;letter-spacing:-.8px;color:var(--metin)}
.tk-prim .indirim{font-size:11px;color:#0a7f5a;font-weight:600}
.tk-prim small{display:block;font-size:11px;color:var(--gri)}
.tk-eylem{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px dashed var(--cizgi2)}
.tk-eylem .sol{display:flex;gap:8px;flex-wrap:wrap}
.tk-ac{background:none;border:1px solid var(--cizgi);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;color:var(--gri2)}
.tk-ac.acik{border-color:var(--mavi);color:var(--mavi-metin)}
.tk-teminat{grid-column:1/-1;display:none;flex-wrap:wrap;gap:8px}
.tk-teminat.acik{display:flex}
.tk-teminat span{background:#f4f7fb;border-radius:999px;padding:6px 12px;font-size:11.5px}.tk-teminat span b{font-weight:600}
.tk-taksit{grid-column:1/-1;display:none;flex-direction:column;gap:6px}
.tk-taksit.acik{display:flex}
.tk-taksit label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--cizgi2);border-radius:12px;font-size:13px;cursor:pointer}
.tk-taksit label:has(input:checked){border-color:var(--mavi);background:var(--mavi-yumusak)}
.tk-taksit label b{font-weight:600}
.tk-bos{padding:40px 20px;text-align:center;color:var(--gri);font-size:14px;border:1px dashed var(--cizgi);border-radius:18px;margin-top:22px}
.tk-sebepler{margin-top:18px;font-size:12.5px;color:var(--gri)}
.tk-sebepler summary{cursor:pointer;font-weight:600;color:var(--gri2)}
.tk-sebepler ul{margin:10px 0 0;padding-left:18px}
.kart-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:22px}
.kart-form .alan.tam{grid-column:1/-1}
.kart-ozet{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--panel2);color:#fff;border-radius:18px;padding:20px 24px;margin-top:22px;flex-wrap:wrap}
.kart-ozet b{font-size:24px;letter-spacing:-.6px}.kart-ozet small{display:block;font-size:12px;color:var(--acik-metin2)}
.sonuc-kutu{text-align:center;padding:40px 20px}
.sonuc-kutu .top{width:84px;height:84px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:#e3f7ee;color:#0a7f5a}
.sonuc-kutu.hata .top{background:#fde8ec;color:#b0143a}.sonuc-kutu.bekliyor .top{background:#fff4de;color:#946d00}
.sonuc-kutu h1{margin-top:22px}.sonuc-kutu p{margin-top:12px;color:var(--gri);max-width:560px;margin-left:auto;margin-right:auto}
.sonuc-kutu .eylem{display:flex;gap:12px;justify-content:center;margin-top:26px;flex-wrap:wrap}
.detay-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:26px;text-align:left}
.detay-liste>div{background:#f7f9fc;border-radius:14px;padding:14px 16px}.detay-liste small{display:block;font-size:11px;color:var(--gri);text-transform:uppercase;letter-spacing:.6px}.detay-liste b{display:block;margin-top:4px;font-weight:600;word-break:break-word}
.tel-satir{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.gorsel-kart.mini img{aspect-ratio:auto}

/* ---- 404 ---- */
.bos-sayfa{min-height:60vh;display:grid;place-items:center;text-align:center;padding:80px 20px;color:#fff}
.bos-sayfa h1{font-size:clamp(60px,10vw,120px);color:var(--mavi3)}

/* ---- animasyonlar ---- */
@keyframes yuz{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes yuz2{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes sur{0%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-30px) scale(1.15)}100%{transform:translate(0,0) scale(1)}}
@keyframes sur2{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-50px,30px) scale(1.1)}100%{transform:translate(0,0) scale(1)}}
@keyframes halka{0%{box-shadow:0 0 0 0 rgba(26,140,255,.45)}100%{box-shadow:0 0 0 22px rgba(26,140,255,0)}}
@keyframes parla{0%{transform:translateX(-120%)}100%{transform:translateX(220%)}}
@keyframes sus-yuz{0%,100%{transform:translate(0,0) rotate(-6deg)}33%{transform:translate(14px,-22px) rotate(4deg)}66%{transform:translate(-10px,-10px) rotate(-2deg)}}
@keyframes belir{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes nabiz{0%,100%{opacity:1}50%{opacity:.35}}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
[data-reveal="in"]{opacity:1;transform:none}
[data-reveal][data-d="2"]{transition-delay:.12s}[data-reveal][data-d="3"]{transition-delay:.24s}[data-reveal][data-d="4"]{transition-delay:.36s}[data-reveal][data-d="5"]{transition-delay:.48s}
html:not(.hareket) [data-reveal],html.hareketsiz [data-reveal]{opacity:1;transform:none;transition:none}
html.hareketsiz *{animation:none!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}
@media print{.ust,.dip,.wa-kutu,.sus,.yuzen,.kure{display:none!important}body{background:#fff;color:#000}}

/* ==========================================================================
   Mobil duyarlılık
   ========================================================================== */
@media (max-width:1240px){.teklif-not,.kose-not{display:none}}
@media (max-width:1100px){.kahraman-gorsel{width:70%;top:80px;opacity:.75}.yuzen.a,.yuzen.b,.yuzen.c{display:none}}
@media (max-width:1000px){.sus{display:none}.urun-kartlar{grid-template-columns:repeat(3,minmax(0,1fr))}.adimlar{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:34px}.adim-cizgi{display:none}.yorum{flex-basis:calc((100% - 18px)/2)}.sh-ic{grid-template-columns:minmax(0,1fr)}.sh-yan{position:static}.sh-yan ol{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}.sh-yan li{white-space:nowrap;flex:none}.sh-yan .destek{display:none}.yazi-govde{grid-template-columns:minmax(0,1fr)}.yan-liste{position:static}.kapsam-izgara{grid-template-columns:minmax(0,1fr)}.yan-kutu{position:static}}
@media (max-width:980px){
  .nav{position:fixed;top:0;right:0;bottom:0;width:min(86vw,360px);background:var(--koyu);flex-direction:column;gap:6px;padding:20px 22px 30px;transform:translateX(105%);transition:transform .35s;z-index:70;overflow-y:auto;box-shadow:-20px 0 60px rgba(0,0,0,.4)}
  html.menu-acik .nav{transform:none}html.menu-acik{overflow:hidden}
  .nav>a{font-size:16px;padding:14px 0;border-bottom:1px solid #16223a}
  .nav-bas{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#fff}
  .nav-kapat{display:grid;place-items:center;background:var(--panel);border:0;color:#fff;width:40px;height:40px;border-radius:50%}
  .nav-dip{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:20px}
  .nav-tel{display:flex;align-items:center;gap:8px;color:var(--acik-metin);font-size:14px;justify-content:center;margin-top:6px}
  .nav-perde{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:65;opacity:0;pointer-events:none;transition:opacity .3s}
  html.menu-acik .nav-perde{display:block;opacity:1;pointer-events:auto}
  .ust-sag .dug.ikincil{display:none}.menu-dug{display:grid}
  .kahraman-ic{grid-template-columns:minmax(0,1fr)}.kahraman-metin{padding-top:60px}.kahraman-sag{min-height:0;padding-bottom:20px;justify-content:flex-start}.kahraman-gorsel{position:relative;width:100%;top:0;margin-top:-40px;opacity:1}
  .kahraman-not{justify-content:flex-start}
  .ic-kahraman-ic{grid-template-columns:minmax(0,1fr)}.ic-kahraman .sag{justify-content:flex-start}
  .urun-kahraman .arka{width:100%;opacity:.35}
  .hizli-kutu{grid-template-columns:minmax(0,1fr);padding:24px}.hizli-kutu .sol{border-right:0;padding-right:0}
  .iki-sutun,.yazi-govde,.blog-one,.bulten-kart,.cta-kart,.ic-kahraman-ic{grid-template-columns:minmax(0,1fr)!important}
  .adim-bolum-ic{grid-template-columns:minmax(0,1fr)}.adim-gorsel{max-width:360px}
  .sss-izgara{grid-template-columns:minmax(0,1fr)}
  .cta-kart .arka{-webkit-mask-image:linear-gradient(180deg,transparent 30%,#000 70%);mask-image:linear-gradient(180deg,transparent 30%,#000 70%);opacity:.5}.cta-kart .kartlar{flex-direction:row;flex-wrap:wrap;padding:0 24px 24px}.cta-kart .metin{padding:28px 24px 0}
  .giris-izgara{grid-template-columns:minmax(0,1fr)}.giris-yan{display:none}.giris-panel{justify-self:stretch;padding:30px 24px}.giris-arka .sahne{left:0;width:100%;opacity:.35}
  .karsilastir{padding:28px 22px}
}
@media (max-width:860px){.bolum{padding-top:64px;padding-bottom:64px}.teklif-bolum{margin-top:110px}.teklif-kutu{transform:translateY(-110px);margin-bottom:-110px;padding:26px 22px 30px}.uc-adim{grid-template-columns:minmax(0,1fr);gap:26px}.adim-detay{grid-template-columns:minmax(0,1fr)}.tk-kart{grid-template-columns:minmax(0,1fr)}.tk-prim{text-align:left}.ozet-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.yorum{flex-basis:100%}.urun-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}.adimlar{grid-template-columns:repeat(2,minmax(0,1fr))}.dip-alt{flex-direction:column;align-items:flex-start}.sh-kart{padding:26px 20px}.form-kart{padding:26px 20px}.hesap-kart ul{max-width:100%}.tel-mock{display:none}.kahraman-eylem .oynat{display:none}.plaka-parca{grid-template-columns:60px 1fr 1fr}.ust-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){h1{letter-spacing:-1px}.urun-kart .gorsel{height:150px}.hizli-kutu .sol{flex-direction:column;align-items:flex-start;gap:12px}.hizli-kutu h2{font-size:19px}.wa-pencere{width:calc(100vw - 24px)}.sh-dip{flex-direction:column-reverse;align-items:stretch}.sh-dip .dug{width:100%}.kahraman-metin{padding-top:40px}.ozellik-serit{gap:18px}.urun-kartlar{grid-template-columns:minmax(0,1fr)}.ust-kartlar{grid-template-columns:minmax(0,1fr)}.hesap-sekmeler{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.hesap-sekmeler a{white-space:nowrap}.ozet-kartlar{grid-template-columns:minmax(0,1fr)}.wa-kutu{right:12px;bottom:12px}.wa-sabit{height:50px;padding:0 14px 0 12px}.wa-etiket{display:none}.wa-govde{max-height:46vh}.kaydirici-ray{gap:12px}}