/* ===== Dijitabela vitrin: ana sayfa + ortak üst/alt bilgi (kâğıt, mürekkep, LED kehribar) ===== */
:root{--kagit:#F4F3EF;--murekkep:#16181D;--led:#FFB000;--led-koyu:#8A5A00;--sonuk:#262A31;--gri:#5F646D;--cizgi:#D9D6CE;
  --baslik:"Archivo","Arial Narrow",system-ui,sans-serif;--mono:"Space Mono",ui-monospace,monospace}
body{background:var(--kagit)}

/* Üst bilgi */
.hdr{background:var(--kagit);border-bottom:2px solid var(--murekkep);box-shadow:none}
.hdr .nav{min-height:68px}
.hdr .nav ul a{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;border-radius:0;color:var(--murekkep)}
.hdr .nav ul a:hover{background:transparent;text-decoration:underline;text-decoration-color:var(--led);text-decoration-thickness:3px;text-underline-offset:6px}
.btn{border-radius:0}
.hdr .btn-p,.v-btn.ana{background:var(--led);color:var(--murekkep);border:2px solid var(--murekkep)}

/* Düğmeler */
.v-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 22px;border:2px solid var(--murekkep);color:var(--murekkep);background:transparent;font-weight:800;text-decoration:none;font-size:1rem;transition:background .15s}
.v-btn:hover{background:var(--murekkep);color:var(--kagit)}
.v-btn.ana:hover{background:var(--murekkep);color:var(--led)}
.v-dugmeler{display:flex;gap:12px;flex-wrap:wrap}

/* Ortak parçalar */
.v-etiket{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gri);display:flex;align-items:center;gap:10px}
.v-etiket::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--led);box-shadow:0 0 0 2px var(--murekkep)}
.v-b{padding:96px 0;border-top:2px solid var(--murekkep)}
.v-b h2{font-family:var(--baslik);font-stretch:68%;font-weight:800;text-transform:uppercase;font-size:clamp(2.4rem,6vw,4.6rem);line-height:.92;letter-spacing:-.01em;text-wrap:balance;margin:14px 0 18px}
.v-b .v-alt{font-size:1.15rem;color:#3A3E46;max-width:640px}
.v-ust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:end;margin-bottom:48px}

/* Açılış */
.v-hero{border-bottom:2px solid var(--murekkep);padding:0}
.v-tabela{background:var(--murekkep);padding:22px 0;border-bottom:6px solid var(--led)}
.v-tabela canvas{display:block;width:100%;height:clamp(64px,11vw,132px)}
.v-hero-ic{padding:56px 20px 64px}
.v-hero h1{font-family:var(--baslik);font-stretch:62%;font-weight:900;text-transform:uppercase;font-size:clamp(3.4rem,11vw,9.2rem);line-height:.86;letter-spacing:-.015em;margin:18px 0 26px}
.v-hero h1 span{background:var(--led);padding:0 .06em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.v-giris{font-size:1.22rem;line-height:1.55;max-width:680px;color:#2E3238;margin-bottom:30px}
.v-serit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--murekkep);margin-top:52px}
.v-serit div{padding:16px 18px 0 0}
.v-serit dt{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gri)}
.v-serit dd{font-family:var(--baslik);font-stretch:70%;font-weight:800;font-size:1.9rem;text-transform:uppercase;line-height:1.1}

/* Vaka */
.v-vaka-g{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:start}
.v-vaka-g figure{margin:0;border:2px solid var(--murekkep);background:var(--murekkep)}
.v-vaka-g figure img{width:100%;display:block}
.v-vaka-g figcaption{font-family:var(--mono);font-size:.72rem;color:#C9CCD2;padding:10px 14px;letter-spacing:.04em}
.v-oncesonra{display:grid;gap:0;border-top:2px solid var(--murekkep)}
.v-oncesonra div{padding:18px 0;border-bottom:1px solid var(--cizgi);display:grid;grid-template-columns:90px 1fr;gap:14px}
.v-oncesonra b{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;padding-top:3px}
.v-oncesonra .once b{color:#B3261E}.v-oncesonra .sonra b{color:var(--led-koyu)}
.v-oncesonra p{font-size:1.02rem}
.v-kucukler{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.v-kucukler img{width:100%;border:1px solid var(--cizgi);display:block;aspect-ratio:16/10;object-fit:cover;object-position:top}

/* Ne yapıyoruz */
.v-liste{list-style:none;counter-reset:n}
.v-liste>li{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1.2fr);gap:28px;padding:34px 0;border-top:1px solid var(--murekkep)}
.v-liste>li:last-child{border-bottom:1px solid var(--murekkep)}
.v-liste .no{font-family:var(--mono);font-size:1.1rem;font-weight:700}
.v-liste h3{font-family:var(--baslik);font-stretch:70%;font-weight:800;text-transform:uppercase;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:.95}
.v-liste p{color:#3A3E46;margin-bottom:10px}
.v-liste ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.v-liste ul li{font-family:var(--mono);font-size:.74rem;border:1px solid var(--murekkep);padding:4px 8px}
.v-liste figure{grid-column:2/-1;margin:10px 0 0;border:2px solid var(--murekkep)}
.v-liste figure img{width:100%;display:block}

/* Taslak */
.v-taslak{background:var(--murekkep);color:var(--kagit);border-top:6px solid var(--led)}
.v-taslak .v-etiket{color:#AEB3BB}
.v-taslak .v-alt{color:#C9CCD2}
.v-taslak-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px}
.v-adim{list-style:none;margin-top:30px;border-top:1px solid #3A3F48}
.v-adim li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #3A3F48}
.v-adim span{font-family:var(--mono);color:var(--led);font-weight:700}
.v-adim b{display:block;font-size:1.05rem}
.v-adim p{color:#AEB3BB;font-size:.95rem}
.v-form{background:var(--kagit);color:var(--murekkep);padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.v-form h3{grid-column:1/-1;font-family:var(--baslik);font-stretch:70%;font-weight:800;text-transform:uppercase;font-size:2rem;line-height:1}
.v-form label{display:grid;gap:6px;font-size:.82rem;font-weight:700}
.v-form label.tam{grid-column:1/-1}
.v-form input,.v-form select,.v-form textarea{font:inherit;font-weight:400;font-size:1rem;padding:12px;border:2px solid var(--murekkep);background:#fff;border-radius:0;color:var(--murekkep);width:100%}
.v-form input:focus,.v-form select:focus,.v-form textarea:focus{outline:3px solid var(--led);outline-offset:0}
.v-form .onay{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.85rem}
.v-form .onay input{width:18px;height:18px;margin-top:2px;accent-color:var(--murekkep)}
.v-form button{grid-column:1/-1;justify-content:center;cursor:pointer;font-family:inherit}
.v-form .durum{grid-column:1/-1;font-size:.92rem;min-height:1.2em}
.v-form .durum.iyi{background:var(--led);padding:12px 14px;font-weight:700}
.v-form .durum.kotu{color:#B3261E;font-weight:700}

/* Fiyatlar */
.v-paket{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;background:#fff;border:2px solid var(--murekkep)}
.v-paket th,.v-paket td{padding:14px 16px;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:top}
.v-paket thead th{border-bottom:2px solid var(--murekkep);vertical-align:bottom}
.v-paket thead th.p{width:22%}
.v-paket .pad{font-family:var(--baslik);font-stretch:70%;font-weight:800;font-size:1.6rem;text-transform:uppercase;line-height:1;display:block}
.v-paket .pf{font-family:var(--baslik);font-stretch:70%;font-weight:900;font-size:2.6rem;line-height:1;display:block;margin-top:10px}
.v-paket .pf small{font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.05em}
.v-paket .pk{font-size:.82rem;color:var(--gri);display:block;margin-top:6px}
.v-paket .onerilen{background:#FFF6DD}
.v-paket .onerilen .rozet{display:inline-block;font-family:var(--mono);font-size:.66rem;background:var(--murekkep);color:var(--led);padding:3px 6px;margin-bottom:8px;letter-spacing:.06em}
.v-paket td.v{font-weight:800;font-size:1.1rem}
.v-paket td.y{color:#B8B4AA}
.v-paket tfoot td{border-bottom:0;padding-top:18px}
.v-tablo-sar{overflow-x:auto}
.v-fiyatlistesi{columns:2;column-gap:56px;margin-top:56px}
.v-fiyatlistesi h4{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;padding-top:6px;break-after:avoid}
.v-fiyatlistesi ul{list-style:none;margin-bottom:26px;break-inside:avoid}
.v-fiyatlistesi li{display:flex;align-items:baseline;gap:8px;padding:7px 0;font-variant-numeric:tabular-nums}
.v-fiyatlistesi li span:nth-child(2){flex:1;border-bottom:2px dotted #A9A59B;transform:translateY(-4px)}
.v-fiyatlistesi li b{white-space:nowrap}
.v-not{font-family:var(--mono);font-size:.74rem;color:var(--gri);margin-top:18px}

/* Sektörler */
.v-sektor{display:flex;flex-wrap:wrap;gap:0 28px;font-family:var(--baslik);font-stretch:66%;font-weight:800;text-transform:uppercase;font-size:clamp(2rem,5vw,3.6rem);line-height:1.12}
.v-sektor span:nth-child(odd){color:var(--murekkep)}.v-sektor span:nth-child(even){color:transparent;-webkit-text-stroke:1.5px var(--murekkep)}

/* Süreç */
.v-surec{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--murekkep)}
.v-surec li{padding:22px 22px 0 0;border-right:1px solid var(--cizgi)}
.v-surec li:last-child{border-right:0}
.v-surec span{font-family:var(--mono);font-weight:700;font-size:.8rem;color:var(--led-koyu)}
.v-surec h3{font-family:var(--baslik);font-stretch:70%;font-weight:800;text-transform:uppercase;font-size:1.6rem;margin:8px 0 6px}
.v-surec p{color:#3A3E46;font-size:.96rem}

/* SSS */
.v-sss details{border-top:1px solid var(--murekkep);border-radius:0;background:transparent;padding:0}
.v-sss details:last-child{border-bottom:1px solid var(--murekkep)}
.v-sss summary{font-weight:800;font-size:1.12rem;padding:22px 40px 22px 0}
.v-sss details p{padding:0 0 22px;color:#3A3E46;max-width:760px}

/* Son çağrı */
.v-son{background:var(--murekkep);color:var(--kagit);padding:0 0 72px;border-top:2px solid var(--murekkep)}
.v-son canvas{display:block;width:100%;height:clamp(56px,8vw,96px);margin-bottom:48px}
.v-son .v-tabela{padding:18px 0}
.v-son h2{font-family:var(--baslik);font-stretch:62%;font-weight:900;text-transform:uppercase;font-size:clamp(2.6rem,7vw,5.6rem);line-height:.9;margin-bottom:24px}
.v-son .v-btn{border-color:var(--kagit);color:var(--kagit)}
.v-son .v-btn.ana{border-color:var(--led);color:var(--murekkep)}

/* Alt bilgi */
.ftr{background:var(--kagit);border-top:2px solid var(--murekkep)}
.ftr h4{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}

@media(max-width:900px){
  .v-ust,.v-vaka-g,.v-taslak-g{grid-template-columns:1fr}
  .v-liste>li{grid-template-columns:60px 1fr}.v-liste>li>div:last-of-type{grid-column:2}
  .v-liste figure{grid-column:1/-1}
  .v-surec{grid-template-columns:1fr 1fr}.v-surec li:nth-child(2){border-right:0}
  .v-serit{grid-template-columns:1fr 1fr}
  .v-fiyatlistesi{columns:1}
}
@media(max-width:600px){
  .v-b{padding:64px 0}
  .v-form{grid-template-columns:1fr;padding:22px}
  .v-surec{grid-template-columns:1fr}.v-surec li{border-right:0;border-bottom:1px solid var(--cizgi);padding-bottom:18px}
  .v-hero-ic{padding:36px 16px 44px}
  .v-giris{font-size:1.06rem}
}
@media(prefers-reduced-motion:reduce){.v-btn{transition:none}}

/* ===== Açılış: telefonda haritadaki işletme kartı (ÖNCE ↔ SONRA) ===== */
.v-hero-g{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:center}
.tel{margin:0;justify-self:end;width:320px;max-width:100%}
.tel-cerceve{border:10px solid var(--murekkep);border-radius:38px;background:#fff;overflow:hidden;aspect-ratio:9/16;display:flex;flex-direction:column;font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:#1f2328}
.tel-ust{display:flex;justify-content:space-between;align-items:center;padding:8px 18px 4px;font-size:.72rem;font-weight:700}
.tel-pil{width:22px;height:10px;border:2px solid #1f2328;border-radius:3px;position:relative}
.tel-pil::after{content:"";position:absolute;inset:1px 6px 1px 1px;background:#1f2328}
.tel-arama{margin:6px 12px 8px;border:1px solid #D7D4CC;border-radius:24px;padding:9px 14px;font-size:.8rem;display:flex;gap:8px;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.tel-arama i{width:11px;height:11px;border:2px solid #5F646D;border-radius:50%;position:relative}
.tel-arama i::after{content:"";position:absolute;width:5px;height:2px;background:#5F646D;right:-5px;bottom:-2px;transform:rotate(45deg)}
.tel-harita{position:relative;height:118px;background:#EFEBE2;flex:none}
.tel-harita svg{width:100%;height:100%;display:block}
.tel-pin{position:absolute;left:46%;top:32%;width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#9AA0A6;border:3px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:background .5s}
.tel-kart{padding:12px 14px;flex:1;display:flex;flex-direction:column;gap:6px}
.tel-foto{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;height:92px}
.tel-foto i{background-color:#DAD6CD;transition:opacity .6s,filter .6s}
.tel-foto i{background-image:url(img/tel-fotolar.png);background-size:300% 100%;background-repeat:no-repeat}
.tel-foto i:nth-child(1){background-position:0 50%}
.tel-foto i:nth-child(2){background-position:50% 50%}
.tel-foto i:nth-child(3){background-position:100% 50%}



.tel-kart h4{font-size:1.05rem;font-weight:700;margin-top:4px}
.tel-puan{font-size:.74rem;color:#5F646D}.tel-puan b{color:#1f2328}.tel-puan span{color:#E8A317;letter-spacing:-1px}
.tel-durum{font-size:.8rem}
.tel-durum .kapali{color:#C5221F}.tel-durum .acik{color:#188038}
.tel-dugmeler{display:flex;gap:4px;flex-wrap:nowrap;margin-top:4px}
.tel-dugmeler span{font-size:.62rem;font-weight:700;border:1px solid #D7D4CC;border-radius:16px;padding:5px 8px;color:#1a4fb5;white-space:nowrap;transition:opacity .5s,transform .5s}
.tel-dugmeler .yeni{background:#FFB000;border-color:#FFB000;color:#16181D}
.tel-web{font-size:.72rem;color:#1a4fb5;transition:opacity .5s}
.tel-etiket{margin-top:14px;font-family:var(--mono);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-align:center;height:1.4em;position:relative}
.tel-etiket span{position:absolute;inset:0;transition:opacity .4s}
.tel-etiket .e-once{color:#C5221F}
.tel-etiket .e-sonra{background:var(--led);color:var(--murekkep);padding:2px 0}
/* ÖNCE */
.tel[data-durum="once"] .acik,.tel[data-durum="once"] .yeni,.tel[data-durum="once"] .e-sonra{opacity:0}
.tel[data-durum="once"] .tel-dugmeler .yeni{transform:translateY(6px)}
.tel[data-durum="once"] .tel-foto i:nth-child(n+2){opacity:.15}
.tel[data-durum="once"] .tel-foto i:nth-child(1){filter:grayscale(1) contrast(.7);opacity:.55}
.tel[data-durum="once"] .tel-durum .acik{display:none}
/* SONRA */
.tel[data-durum="sonra"] .kapali,.tel[data-durum="sonra"] .e-once{opacity:0}
.tel[data-durum="sonra"] .tel-durum .kapali{display:none}
.tel[data-durum="sonra"] .tel-pin{background:#C5221F}
@media(max-width:900px){.v-hero-g{grid-template-columns:1fr;gap:40px}.tel{justify-self:center;width:280px}}
@media(prefers-reduced-motion:reduce){.tel *{transition:none!important}}

/* ===== Ücretsiz ekspertiz (ana sayfa şeridi + ekspertiz.html) ===== */
.v-eks{background:var(--led);border-top:2px solid var(--murekkep);border-bottom:2px solid var(--murekkep);padding:56px 0}
.v-eks-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end}
.v-eks .v-etiket{color:var(--murekkep)}.v-eks .v-etiket::before{background:var(--murekkep)}
.v-eks h2{font-family:var(--baslik);font-stretch:66%;font-weight:900;text-transform:uppercase;font-size:clamp(2.2rem,5vw,3.8rem);line-height:.92;margin:12px 0 14px;text-wrap:balance}
.v-eks p{max-width:560px;font-size:1.05rem}
.v-eks-f{display:grid;grid-template-columns:minmax(0,1fr) auto;border:2px solid var(--murekkep);background:#fff}
.v-eks-f input{font:inherit;font-size:1.05rem;padding:16px;border:0;min-width:0;background:transparent;color:var(--murekkep)}
.v-eks-f input:focus{outline:3px solid var(--murekkep);outline-offset:-3px}
.v-eks-f button{border:0;border-left:2px solid var(--murekkep);background:var(--murekkep);color:var(--led);font:inherit;font-weight:800;padding:0 22px;cursor:pointer}
.v-eks small{display:block;font-family:var(--mono);font-size:.72rem;margin-top:10px;letter-spacing:.03em}
.v-eks small a{color:inherit}

.eks .v-hero h1{font-size:clamp(3rem,9vw,7.4rem)}
.eks-form .onay{margin-top:-4px}
.eks-sorular h2,.eks-sonuc>h2{margin-top:10px}
.eks-soru-liste{list-style:none;counter-reset:s;margin:28px 0;border-top:2px solid var(--murekkep)}
.eks-soru-liste p{font-weight:700;font-size:1.05rem;margin-bottom:10px}
.eks-secim{display:flex;flex-wrap:wrap;gap:8px}
.eks-secim label{cursor:pointer}
.eks-secim input{position:absolute;opacity:0;pointer-events:none}
.eks-secim span{display:inline-block;padding:9px 16px;border:2px solid var(--murekkep);font-weight:700;font-size:.92rem;background:#fff}
.eks-secim input:checked+span{background:var(--murekkep);color:var(--led)}
.eks-secim input:focus-visible+span{outline:3px solid var(--led)}
.eks-ilerleme{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:.82rem;margin:0 0 20px}
.eks-ilerleme .nokta{width:12px;height:12px;border-radius:50%;background:var(--led);box-shadow:0 0 0 2px var(--murekkep);animation:eksNabiz 1s steps(2) infinite}
.eks-ilerleme.tamam .nokta{animation:none;background:#1E8E3E}
@keyframes eksNabiz{50%{background:var(--sonuk)}}
#eks-sonuc-dugme{cursor:pointer;font-family:inherit}
#eks-sonuc-dugme:disabled{opacity:.4;cursor:not-allowed}
.eks-skor{display:flex;align-items:baseline;gap:6px;font-family:var(--baslik);font-stretch:62%;font-weight:900;margin-top:14px}
.eks-skor b{font-size:clamp(5rem,16vw,9rem);line-height:.85}
.eks-skor span{font-size:2rem}
.eks-skor.kotu b{color:#B3261E}.eks-skor.orta b{color:var(--led-koyu)}.eks-skor.iyi b{color:#1E7A36}
.eks-bar{height:14px;border:2px solid var(--murekkep);background:#fff;margin-top:14px}
.eks-bar i{display:block;height:100%;background:var(--murekkep)}
.eks-h{font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}
.eks-liste{list-style:none;border-top:2px solid var(--murekkep)}
.eks-liste li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--cizgi)}
.eks-liste li>span{width:28px;height:28px;display:grid;place-items:center;font-weight:900;border:2px solid var(--murekkep)}
.eks-liste li.eksik>span{background:#B3261E;color:#fff;border-color:#B3261E}
.eks-liste li.uyari>span{background:var(--led)}
.eks-liste li.ok>span{background:#1E7A36;color:#fff;border-color:#1E7A36}
.eks-liste b{display:block}
.eks-liste p{color:#3A3E46;font-size:.95rem}
.eks-iyi{margin-top:22px}
.eks-iyi summary{cursor:pointer;font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;padding:10px 0}
.eks-cta{margin-top:48px;background:var(--murekkep);color:var(--kagit);padding:36px;border-top:6px solid var(--led)}
.eks-cta .v-etiket{color:#AEB3BB}
.eks-cta h2 span{color:var(--led)}
.eks-cta .v-alt{color:#C9CCD2;margin:14px 0 24px}
.eks-cta .v-btn{border-color:var(--kagit);color:var(--kagit)}
.eks-cta .v-btn.ana{border-color:var(--led);color:var(--murekkep)}
.eks-fiyat{display:flex;align-items:flex-end;gap:12px;font-family:var(--baslik);font-stretch:62%;font-weight:900;color:var(--led)}
.eks-fiyat b{font-size:clamp(4.6rem,14vw,8rem);line-height:.82}
.eks-fiyat span{font-family:var(--mono);font-size:.78rem;font-weight:700;color:var(--kagit);letter-spacing:.04em;padding-bottom:8px}
.eks-rapor{margin-top:30px}
@media(max-width:900px){.v-eks-g{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){.eks-cta{padding:24px 18px}.v-eks-f{grid-template-columns:1fr}.v-eks-f button{border-left:0;border-top:2px solid var(--murekkep);padding:14px}}
@media(prefers-reduced-motion:reduce){.eks-ilerleme .nokta{animation:none}}

/* Tanıtım videosu */
.v-video video{width:100%;display:block;border:2px solid var(--murekkep);background:var(--murekkep);aspect-ratio:16/9}
.eks .v-b{padding:56px 0 80px}.eks-form{border:2px solid var(--murekkep);background:#fff}.eks-form input,.eks-form select{background:var(--kagit)}

/* Ekspertiz: 4 alan */
.eks-soru-liste li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:20px 0;border-bottom:1px solid var(--cizgi)}
.eks-soru-liste .eks-no{font-family:var(--mono);font-weight:700;padding-top:2px}
.eks-soru-liste li.eks-alan-bas{display:block;background:var(--murekkep);color:var(--led);font-family:var(--mono);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;padding:10px 14px;margin-top:22px;border:0}
.eks-soru-liste li.eks-alan-bas:first-child{margin-top:0}
.eks-4{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--murekkep);margin-top:6px}
.eks-4 li{padding:16px 18px 4px 0;display:grid;gap:4px;align-content:start}
.eks-4 b{font-family:var(--mono);color:var(--led-koyu)}
.eks-4 span{font-family:var(--baslik);font-stretch:70%;font-weight:800;text-transform:uppercase;font-size:1.35rem;line-height:1}
.eks-4 small{color:var(--gri);font-size:.86rem}
.eks-alanlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0 0 34px;border-top:2px solid var(--murekkep)}
.eks-alanlar>div{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:14px 0;border-bottom:1px solid var(--cizgi);align-items:baseline}
.eks-alanlar dt{font-weight:800}
.eks-alanlar dd{font-family:var(--mono);font-size:.85rem}.eks-alanlar dd b{font-size:1.25rem}
.eks-alanlar .kotu dd b{color:#B3261E}.eks-alanlar .orta dd b{color:var(--led-koyu)}.eks-alanlar .iyi dd b{color:#1E7A36}
.eks-mini{grid-column:1/-1;height:8px;background:var(--cizgi)}.eks-mini i{display:block;height:100%;background:var(--murekkep)}
.eks-h{margin-top:28px}
.eks-cozum{font-family:var(--mono);font-size:.78rem!important;color:var(--led-koyu)!important;margin-top:6px;letter-spacing:.02em}
.eks-oneri{background:#23262D;padding:20px 22px;margin:6px 0 26px}
.eks-oneri-bas{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#AEB3BB;margin-bottom:8px}
.eks-oneri .row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #3A3F48;font-size:.95rem;font-variant-numeric:tabular-nums}
.eks-oneri .row.top{border-bottom:0;padding-top:14px;font-size:1.05rem}.eks-oneri .row.top b{color:var(--led);font-size:1.3rem}
.eks-kazanc{font-family:var(--mono);font-size:.8rem;color:var(--led);margin-top:6px}
.eks-sonuc>.eks-rapor{margin-top:28px;border:2px solid var(--murekkep);background:#fff}
@media(max-width:900px){.eks-4{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.eks-alanlar{grid-template-columns:1fr}.eks-4{grid-template-columns:1fr}.eks-soru-liste li{grid-template-columns:34px minmax(0,1fr)}}