@font-face{font-family:Archivo;src:url(/fonts/archivo.woff) format("woff");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
:root{--asfalt:#262322;--grafit:#3e3a39;--kirmizi:#e63a32;--kirmizi-k:#b8241d;--beton:#e9e7e3;--kagit:#f6f5f2;--cizgi:#cfcac4;--soluk:#5d5856;--yesil:#1f6e46;--yesil-a:#dcefe3;--sari:#7a4800;--sari-a:#f6e7c8;--kirmizi-a:#fbe3e1}
*{box-sizing:border-box}
html,body{margin:0;background:var(--kagit);color:var(--asfalt);font-family:Archivo,system-ui,sans-serif;-webkit-text-size-adjust:100%}
body{max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
@media(min-width:560px){body{box-shadow:0 0 0 1px #e2ded9}}
a{color:var(--kirmizi-k)}
[hidden]{display:none!important}
.ust{background:var(--grafit);color:var(--kagit);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ust b{font-size:14px;letter-spacing:.08em;font-weight:800}
.ust span{font-size:13px;color:#e9e7e3;text-align:right}
.ust.koyu{background:var(--asfalt)}
.marka{font-weight:800;letter-spacing:.08em;font-size:14px}.marka i{color:var(--kirmizi);font-style:normal}
main{flex:1;display:flex;flex-direction:column}
.ekran{padding:16px;display:flex;flex-direction:column;gap:14px;flex:1}
h1{margin:0;font-size:24px;line-height:1.15;font-weight:800}
h2{margin:0;font-size:18px;font-weight:800}
p{margin:0}
.not{font-size:13px;color:var(--soluk);line-height:1.45}
.alan{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:var(--grafit);min-width:0}
.alan input,.alan select,.alan textarea{min-height:48px;border-radius:8px;border:1.5px solid var(--cizgi);background:#fff;padding:0 12px;font:600 16px Archivo,sans-serif;color:var(--asfalt);width:100%}
.alan textarea{padding:10px 12px;min-height:72px;resize:vertical}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:2px solid var(--kirmizi);outline-offset:1px}
.ikili{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.secim{display:flex;flex-direction:column;gap:6px}
.secim>span{font-size:13px;font-weight:700;color:var(--grafit)}
.secenekler{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.secenekler.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.secenekler button,.kose{min-height:48px;border-radius:8px;border:1.5px solid var(--cizgi);background:#fff;color:var(--asfalt);font:600 14px Archivo,sans-serif;padding:4px;cursor:pointer}
.secenekler button[aria-pressed=true]{border-color:var(--asfalt);background:var(--asfalt);color:var(--kagit);font-weight:800}
.btn{min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;font:800 16px Archivo,sans-serif;text-decoration:none;cursor:pointer;padding:0 14px;text-align:center;border:0;width:100%}
.btn.kirmizi{background:var(--kirmizi);color:#fff}.btn.kirmizi:active{background:var(--kirmizi-k)}
.btn.cizgili{background:#fff;color:var(--asfalt);border:1.5px solid var(--asfalt)}
.btn.koyu{background:var(--asfalt);color:#fff}
.btn:disabled{opacity:.5;cursor:default}
.btn:focus-visible,.secenekler button:focus-visible,.kose:focus-visible{outline:3px solid var(--kirmizi);outline-offset:2px}
.metin-btn{background:none;border:0;color:var(--grafit);font:700 14px Archivo,sans-serif;min-height:44px;cursor:pointer;text-decoration:underline;padding:0 4px}
.bosluk{flex:1}
.hata{font-size:14px;color:#7d1712;background:var(--kirmizi-a);border-radius:8px;padding:10px 12px}
.bilgi-kutu{background:var(--beton);border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.45;color:var(--grafit)}
.koseler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kose{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.kose small{font-size:12px;font-weight:600;color:var(--soluk)}
.kose.secili{border:2px solid var(--kirmizi);color:var(--kirmizi-k);font-weight:800}
.kose.bitti{border-color:var(--yesil);background:var(--yesil-a);color:#14492f}
.kose.bitti small{color:#14492f}
.sonuc{border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}
.sonuc b{font-size:20px}
.sonuc.iyi{background:var(--yesil-a);color:#14492f}
.sonuc.sinirda{background:var(--sari-a);color:#5a3500}
.sonuc.yorgun{background:var(--kirmizi-a);color:#7d1712}
.sonuc.olcum-yok{background:var(--beton);color:var(--grafit)}
.sonuc span{font-size:14px}
.olcumler{display:flex;flex-direction:column}
.olcumler div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--cizgi);font-size:14px}
/* ölçüm ekranı */
.olcum{background:#1a1817;color:var(--kagit)}
.olcum .ekran{align-items:center;text-align:center;justify-content:center;gap:18px}
.komut{font-size:40px;font-weight:800;line-height:1.1;min-height:96px;display:flex;align-items:center}
.komut.sicak{color:#ff6a5f}
.alt-komut{font-size:16px;color:#cfcac4;max-width:320px;line-height:1.45}
.sure{font-size:64px;font-weight:800;font-variant-numeric:tabular-nums}
.canli{width:100%;max-width:360px;height:90px;background:#262322;border-radius:12px}
.kutucuklar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:360px}
.kutucuklar div{background:#262322;border-radius:10px;padding:10px 6px;display:flex;flex-direction:column}
.kutucuklar b{font-size:24px}.kutucuklar span{font-size:12px;color:#cfcac4}
.olcum .btn.cizgili{background:transparent;color:var(--kagit);border-color:#5d5856;max-width:360px}
.ok-yesil{color:#7ad3a0}.ok-sari{color:#e9b866}
/* rapor */
.rapor{background:#fff;padding:28px 22px;display:flex;flex-direction:column;gap:16px;color:var(--asfalt)}
.rapor-ust{display:flex;justify-content:space-between;gap:12px;border-bottom:3px solid var(--asfalt);padding-bottom:12px}
.rapor-ust h1{font-size:22px;margin-top:6px}
.rapor-ust .sag{text-align:right;font-size:12px;line-height:1.6;color:var(--grafit)}
.rapor-bilgi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;font-size:11px;color:var(--soluk)}
.rapor-bilgi b{display:block;font-size:14px;color:var(--asfalt)}
.rapor-koseler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rapor-koseler div{border:1.5px solid var(--cizgi);border-radius:10px;padding:12px}
.rapor-koseler .iyi{border-color:var(--yesil)}.rapor-koseler .sinirda{border-color:var(--sari);background:var(--sari-a)}.rapor-koseler .yorgun{border-color:#9f1f17;background:var(--kirmizi-a)}
.rapor-koseler small{display:block;font-size:11px;font-weight:700;color:var(--grafit)}
.rapor-koseler b{font-size:17px}
.rapor-koseler span{display:block;font-size:12px;color:var(--grafit)}
.imza{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;font-size:12px;color:var(--soluk);margin-top:18px}
.imza div:first-child{flex:1;border-top:1px solid var(--asfalt);padding-top:6px;max-width:220px}
@media print{body{max-width:none;box-shadow:none}.yazdirma{display:none!important}.rapor{padding:0}}
.yigin{display:flex;flex-direction:column;gap:12px}.yigin[hidden]{display:none!important}
.olcum{flex:1;display:flex;flex-direction:column}.olcum[hidden]{display:none!important}
.metin-btn.acik{color:#cfcac4}
.kucuk-baslik{font-size:14px}.oneri{font-size:14px;line-height:1.5;margin-top:4px}.ust-bosluk{margin-top:8px}
/* ---- müşteri uygulaması ---- */
.rozet-deneme{font-size:11px;font-weight:700;letter-spacing:.08em;border:1px solid #5d5856;border-radius:4px;padding:4px 8px;color:#e9e7e3}
.m-ekran{flex:1;display:flex;flex-direction:column}.m-ekran[hidden]{display:none!important}
.kahraman{background:var(--asfalt);color:var(--kagit);padding:4px 20px 30px;display:flex;flex-direction:column;gap:14px}
.kahraman-svg{width:100%;height:auto;max-height:110px}
.kahraman h1{font-size:31px;line-height:1.08}
.kahraman p{font-size:16px;line-height:1.5;color:#cfcac4}
.adimlar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;counter-reset:a}
.adimlar li{display:grid;grid-template-columns:32px 1fr;column-gap:14px;counter-increment:a}
.adimlar li::before{content:counter(a);grid-row:span 2;width:32px;height:32px;border-radius:16px;background:var(--asfalt);color:var(--kagit);display:flex;align-items:center;justify-content:center;font-weight:800}
.adimlar b{font-size:16px}.adimlar span{font-size:14px;color:var(--soluk);line-height:1.4}
.btn.buyuk{min-height:56px;font-size:18px}
.yan-yana{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.orta{text-align:center}
.baslik-cubugu{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--cizgi)}
.baslik-cubugu b{font-size:17px}.baslik-cubugu span{margin-left:auto;font-size:13px;color:var(--soluk)}
.geri{width:44px;height:44px;border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--asfalt)}
.geri svg,.komut-kutu svg,.kart-link svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.onay-kutu{display:flex;gap:12px;align-items:center;font-size:15px;background:var(--beton);border-radius:10px;padding:12px 14px;line-height:1.4;cursor:pointer}
.onay-kutu input{width:22px;height:22px;accent-color:var(--asfalt);flex:none;margin:0}
.onay-kutu.kucuk{font-size:13px;align-items:flex-start;background:none;padding:4px 0}
.cizim-kutu{background:var(--beton);border-radius:14px;padding:14px;display:flex;justify-content:center}
.cizim{width:100%;max-width:300px;height:auto}
.kontrol-listesi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.4}
.kontrol-listesi li{padding-left:30px;position:relative}
.kontrol-listesi li::before{position:absolute;left:0;top:-1px;font-weight:800;font-size:18px}
.kontrol-listesi .evet::before{content:"✓";color:var(--yesil)}.kontrol-listesi .hayir::before{content:"✕";color:var(--kirmizi-k)}
.olcum .ekran{gap:16px}
.test-ust{display:flex;justify-content:space-between;width:100%;max-width:360px;font-size:14px;color:#cfcac4}
.test-ust span:first-child{display:flex;align-items:center;gap:8px;color:var(--kagit);font-weight:600}
.nokta{width:10px;height:10px;border-radius:5px;background:var(--kirmizi);display:inline-block}
.komut-kutu{display:flex;gap:12px;align-items:flex-start;text-align:left;background:#262322;border-radius:14px;padding:16px;width:100%;max-width:360px}
.komut-kutu b{display:block;font-size:19px;line-height:1.3}.komut-kutu span{display:block;font-size:13px;color:#cfcac4;margin-top:6px}
.ust-etiket{font-size:12px;color:var(--soluk);font-weight:700;letter-spacing:.04em}
.sonuc-kart{border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:14px}
.sonuc-kart b{display:block;font-size:22px;font-weight:800}.sonuc-kart span{font-size:14px}
.sonuc-kart.iyi{background:var(--yesil-a);color:#14492f}.sonuc-kart.sinirda{background:var(--sari-a);color:#5a3500}
.sonuc-kart.yorgun{background:var(--kirmizi-a);color:#7d1712}.sonuc-kart.olcum-yok{background:var(--beton);color:var(--grafit)}
.gosterge{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;height:28px;margin-bottom:8px}
.dilim{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border-radius:4px}
.dilim.iyi{background:#b7dcc5;color:#14492f}.dilim.sinirda{background:#efd39a;color:#5a3500}.dilim.yorgun{background:#f0b4ae;color:#7d1712}
.isaret{position:absolute;top:-6px;width:4px;height:40px;margin-left:-2px;background:var(--asfalt);border-radius:2px}
.kucuk-bilgi{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--soluk)}.kucuk-bilgi b{color:var(--asfalt)}
.indirim{background:var(--asfalt);color:var(--kagit);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}
.indirim small{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--kirmizi)}
.indirim>b{font-size:18px;line-height:1.25}
.indirim div{display:flex;justify-content:space-between;font-size:14px;color:#cfcac4}.indirim div b{color:var(--kagit);letter-spacing:.08em}
.randevu-form{display:flex;flex-direction:column;gap:12px;border:1.5px solid var(--asfalt);border-radius:14px;padding:14px}.randevu-form[hidden]{display:none!important}
.randevu-form .secenekler button{font-size:13px}
.gizli{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;left:-9999px}
.tesekkur{display:flex;flex-direction:column;gap:4px;background:var(--yesil-a);color:#14492f;border-radius:12px;padding:14px;font-size:14px}.tesekkur[hidden]{display:none!important}
.tesekkur b{font-size:17px}
.urunler{display:flex;flex-direction:column;gap:8px}.urunler[hidden]{display:none!important}
.urunler h2{font-size:16px}
.urun-satir{display:flex;justify-content:space-between;gap:10px;align-items:center;text-decoration:none;color:var(--asfalt);border:1px solid var(--cizgi);background:#fff;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.35;min-height:56px}
.urun-satir small{display:block;font-size:11px;font-weight:700;color:var(--soluk);text-transform:uppercase;letter-spacing:.04em}
.urun-satir b{white-space:nowrap;font-size:14px}
.ayrac{border-top:1px solid var(--cizgi);margin:2px 0}
.kart-link{display:flex;gap:12px;align-items:center;text-align:left;text-decoration:none;color:var(--asfalt);background:var(--beton);border:0;border-radius:12px;padding:14px;font:500 14px/1.4 Archivo,sans-serif;cursor:pointer;width:100%}
.kart-link b{font-weight:800}
.bilgi-kutu.kucuk{font-size:13px}
.metin{font-size:16px;line-height:1.5}
.egri-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px}
.egri-kutu svg{width:100%;height:auto}
.egri-etiket{font-size:14px;font-weight:700}.egri-etiket.yesil{color:var(--yesil)}.egri-etiket.sari{color:#7a4800}
.grafik-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:10px}.grafik-kutu svg{width:100%;height:auto}
.renk-iyi{color:var(--yesil)}.renk-sinirda,.renk-yorgun{color:#7a4800}
.olcumler div{gap:10px}.olcumler span{min-width:0}
.alt-bilgi{padding:16px;font-size:11px;color:var(--soluk);text-align:center;border-top:1px solid #e2ded9}.alt-bilgi a{color:var(--soluk)}
.alt-bilgi[hidden]{display:none}
.aks-sonuc{display:flex;gap:14px;align-items:center}.aks-sonuc[hidden]{display:none!important}
.arac-ust{width:104px;height:auto;flex:none}
.bolge{fill:#e9e7e3}.bolge.iyi{fill:#dcefe3}.bolge.sinirda{fill:#f6e7c8}.bolge.yorgun{fill:#fbe3e1}
.teker{fill:#5d5856}.teker.iyi{fill:#1f6e46}.teker.sinirda{fill:#a86300}.teker.yorgun{fill:#b8241d}
.aks-kartlar{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
.aks-kart{border-radius:12px;padding:12px 14px;background:var(--beton);color:var(--grafit)}
.aks-kart small{display:block;font-size:12px;font-weight:700}
.aks-kart b{display:block;font-size:19px;font-weight:800;line-height:1.2}
.aks-kart span{display:block;font-size:13px;margin-top:2px}
.aks-kart.iyi{background:var(--yesil-a);color:#14492f}.aks-kart.sinirda{background:var(--sari-a);color:#5a3500}.aks-kart.yorgun{background:var(--kirmizi-a);color:#7d1712}
.sonuc-kart[hidden]{display:none!important}