:root{--zemin:#F4F5F2;--kart:#FFFFFF;--metin:#121614;--ikincil:#5A615C;--cizgi:#E2E5E0;--cerceve:#D5D9D3;--vurgu:#0F6B47;--vurgu-koyu:#0A4E33;--vurgu-acik:#E3F1EA;--uyari:#A33A1F;--uyari-acik:#F8E7E1;--sari:#FFF6DC}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--zemin);color:var(--metin);font-family:Manrope,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer;padding:0}
.app{max-width:600px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 24px calc(40px + env(safe-area-inset-bottom))}
body.alt-cubuklu .app{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
.ust{display:flex;align-items:center;justify-content:space-between;margin:4px 0 20px}
.ust .logo{height:24px;width:auto;color:var(--metin)}
.ust .firma{font-size:14px;color:var(--ikincil);font-weight:600}
h1{font-size:28px;letter-spacing:-.03em;font-weight:800;margin:0 0 16px;line-height:1.1}
h4{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ikincil);font-weight:700;margin:32px 0 10px}
.kart{background:var(--kart);border-radius:20px;padding:20px;margin:0 0 16px}
.kart.ince{padding:6px 20px}
textarea,input[type=text],input[type=number],input[type=tel],input[type=email],input:not([type]),select{width:100%;border:1px solid var(--cerceve);border-radius:14px;padding:13px 14px;background:var(--kart);font-size:16px}
textarea:focus,input:focus,select:focus{outline:2px solid var(--vurgu);outline-offset:-1px;border-color:transparent}
textarea{resize:vertical;min-height:96px;line-height:1.45}
.yapistir textarea{min-height:150px;border:0;padding:0;outline:0;font-size:17px}
.yapistir textarea:focus{outline:0}
label{display:block;font-size:13px;font-weight:700;color:var(--ikincil);margin:14px 0 6px}
label:first-child{margin-top:0}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;border-radius:14px;font-weight:700;font-size:16px;background:var(--vurgu);color:#fff;transition:background .15s}
.btn:active{background:var(--vurgu-koyu)}
.btn.iki{background:var(--kart);color:var(--metin);border:1px solid var(--cerceve)}
.btn.kucuk{min-height:44px;width:auto;padding:0 16px;font-size:14px}
.btn:disabled{opacity:.5}
.sira{display:flex;gap:10px}
.sira>*{flex:1}
.bosluk{height:12px}
.sor{background:var(--sari);border-radius:20px;padding:20px;margin:16px 0}
.sor p{margin:0 0 12px;font-weight:600}
.hata{background:var(--uyari-acik);color:var(--uyari);border-radius:14px;padding:14px 16px;margin:16px 0;font-weight:600}
.yuk{height:4px;border-radius:2px;margin:16px 0;background:linear-gradient(90deg,var(--vurgu-acik) 0,var(--vurgu) 50%,var(--vurgu-acik) 100%);background-size:200% 100%;animation:ak 1s linear infinite}
@keyframes ak{to{background-position:-200% 0}}
/* listeler */
.lis button,.satir-btn{display:flex;width:100%;text-align:left;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--cizgi)}
.lis button:last-child,.satir-btn:last-child{border-bottom:0}
.lis b,.satir-btn b{display:block;font-weight:700}
.lis small,.satir-btn small{color:var(--ikincil);font-size:14px}
.g{flex:1;min-width:0}
.ok-i{color:var(--cerceve);font-size:22px}
.pill{font-size:12px;font-weight:700;padding:5px 10px;border-radius:99px;background:var(--zemin);color:var(--ikincil);white-space:nowrap}
.pill.ok{background:var(--vurgu-acik);color:var(--vurgu)}
.pill.no{background:var(--uyari-acik);color:var(--uyari)}
.pill.bl{background:#E6EEF8;color:#24476B}
.pill.rv{background:var(--sari);color:#6B4E00}
.bos{color:var(--ikincil);padding:16px 0;margin:0}
/* üst geri */
.geri{display:inline-flex;align-items:center;gap:8px;min-height:60px;padding:0 26px 0 16px;border-radius:99px;background:var(--kart);font-weight:800;font-size:19px;margin-bottom:20px;border:1px solid var(--cizgi)}
.geri svg{width:26px;height:26px}
.geri:active{background:var(--cizgi)}
/* teklif ayrıntısı */
.link{display:flex;gap:10px;align-items:center;background:var(--kart);border-radius:20px;padding:12px 12px 12px 18px;margin-bottom:12px}
.link span{flex:1;font-size:14px;word-break:break-all;color:var(--ikincil)}
.kalem{padding:16px 0;border-bottom:1px solid var(--cizgi)}
.kalem:last-child{border-bottom:0}
.kalem .ad{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:15px}
.kalem .ad span{flex:1}
.kalem .sil{width:36px;height:36px;border-radius:50%;color:var(--ikincil);font-size:20px;flex:none}
.kalem .alt{display:flex;gap:10px;align-items:center;margin-top:10px}
.adet{display:flex;align-items:center;border:1px solid var(--cerceve);border-radius:14px;overflow:hidden;flex:none}
.adet button{width:44px;height:46px;font-size:20px}
.adet input{width:56px;border:0;border-radius:0;text-align:center;padding:0;height:46px}
.fiyat{flex:1;min-width:0}
.fiyat input{height:48px;text-align:right}
.fiyat small{display:block;text-align:right;font-size:12px;color:var(--ikincil);margin-top:4px}
.fiyat small.oz{color:var(--vurgu);font-weight:700}
.toplam{display:flex;justify-content:space-between;font-weight:800;font-size:18px;padding-top:14px}
.olay{font-size:14px;color:var(--ikincil);padding:6px 0}
.olay b{color:var(--metin);font-weight:700}
.sil-teklif{color:var(--uyari);font-weight:700;padding:16px 0;width:100%}
/* arama */
.sonuc button{display:flex;width:100%;text-align:left;gap:10px;padding:12px 0;border-bottom:1px solid var(--cizgi);font-size:15px}
.sonuc button:last-child{border-bottom:0}
.sonuc .fy{white-space:nowrap;font-weight:700}
/* araçlar */
.anahtar{display:flex;align-items:center;gap:14px;padding:16px 0;margin:0;font-size:16px;color:var(--metin);border-bottom:1px solid var(--cizgi);cursor:pointer}
.anahtar:last-child{border-bottom:0}
.anahtar span{flex:1;font-weight:600}
.anahtar input{appearance:none;-webkit-appearance:none;width:52px;height:32px;border-radius:99px;background:var(--cerceve);position:relative;transition:background .15s;flex:none;border:0;padding:0;margin:0}
.anahtar input::after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:left .15s}
.anahtar input:checked{background:var(--vurgu)}
.anahtar input:checked::after{left:23px}
.aciklama{color:var(--ikincil);font-size:15px;margin:0 0 16px}
.banka{display:grid;grid-template-columns:1fr 90px;gap:8px;padding:12px 0;border-bottom:1px solid var(--cizgi)}
.banka input:nth-child(3){grid-column:1/-1}
.banka button{grid-column:1/-1;justify-self:start;color:var(--uyari);font-weight:700;font-size:14px}
.logo-on{display:flex;align-items:center;gap:14px}
.logo-on img{height:48px;max-width:160px;object-fit:contain;background:#fff;border:1px solid var(--cizgi);border-radius:10px;padding:6px}
.yapiskan{position:sticky;bottom:calc(84px + env(safe-area-inset-bottom));padding-top:8px}
.bildirim{position:fixed;left:50%;bottom:calc(110px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--metin);color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;font-size:14px;z-index:20;opacity:0;transition:opacity .2s;pointer-events:none}
.bildirim.acik{opacity:1}
/* alt sekmeler */
nav.sekme{position:fixed;left:0;right:0;bottom:0;background:var(--kart);border-top:1px solid var(--cizgi);display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom);z-index:10}
nav.sekme div{display:flex;max-width:600px;width:100%}
nav.sekme button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0 14px;font-size:13px;font-weight:700;color:var(--ikincil)}
nav.sekme button svg{width:24px;height:24px}
nav.sekme button.secili{color:var(--vurgu)}
.doc-kap{margin-top:8px}
@media print{nav.sekme,.yazdirma{display:none!important}}

/* sade düzen */
.ust .geri{margin:0}
.ikon-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ikincil);background:var(--kart)}
.ikon-btn svg{width:22px;height:22px}
.yaz{display:flex;gap:8px;align-items:center;background:var(--kart);border:1px solid var(--cerceve);border-radius:16px;padding:6px 6px 6px 14px}
.yaz:focus-within{outline:2px solid var(--vurgu);outline-offset:-1px;border-color:transparent}
.yaz input{border:0;padding:10px 0;background:transparent;outline:0!important;flex:1;min-width:0}
.gonder{width:44px;height:44px;border-radius:12px;background:var(--vurgu);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.gonder svg{width:20px;height:20px}
.gonder:disabled{opacity:.5}
.sor .yaz{background:#fff}
.durum{border-radius:16px;padding:14px 18px;margin:0 0 14px;background:var(--kart);font-size:15px}
.durum b{display:block;font-weight:700}
.durum span{display:block;color:var(--ikincil);margin-top:4px}
.durum.ok{background:var(--vurgu-acik);color:var(--vurgu-koyu)}
.durum.rv{background:var(--sari);color:#5A4300}
.durum.no{background:var(--uyari-acik);color:var(--uyari)}
.durum.bl{background:#E6EEF8;color:#24476B}
.alt-cubuk{position:fixed;left:0;right:0;bottom:0;background:var(--zemin);border-top:1px solid var(--cizgi);padding:12px 24px calc(12px + env(safe-area-inset-bottom));z-index:10}
.alt-cubuk .ic{max-width:552px;margin:0 auto;display:grid;gap:10px}
.alt-cubuk .sor,.alt-cubuk .hata{margin:0}
.alt-cubuk .yuk{margin:0 0 4px}
.menu button{display:block;width:100%;text-align:left;padding:16px 0;border-bottom:1px solid var(--cizgi);font-weight:600}
.menu button:last-child{border-bottom:0}
.menu .kirmizi{color:var(--uyari)}
.baglanti{color:var(--vurgu);font-weight:700;padding:8px 0}
.bilgi{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--cizgi);font-size:15px}
.bilgi:last-child{border-bottom:0}
.bilgi span{color:var(--ikincil);font-weight:600;font-size:14px}
.bilgi div{word-break:break-word}
.bilgi .baglanti{padding:4px 0 0}
.logo-on{padding-bottom:12px;border-bottom:1px solid var(--cizgi)}
.tamam{background:var(--vurgu-acik);color:var(--vurgu-koyu);border-radius:14px;padding:14px 16px;margin-top:14px;font-weight:600}
.sat{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--cizgi);font-size:15px}
.sat:last-child{border-bottom:0}
.aciklama:last-child{margin-bottom:0}
@media print{.alt-cubuk,.ust,.durum,#menu{display:none!important}}

/* sayfa sayfa düzen */
.ust .geri{margin-bottom:0}
.ust{margin-bottom:20px}
.btn.buyuk{min-height:64px;font-size:18px;margin-bottom:24px}
h1{margin-top:4px}
.satirlar button,.bilgi.git{display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:20px 0;border-bottom:1px solid var(--cizgi);font-weight:700;font-size:17px;justify-content:space-between}
.satirlar button:last-child{border-bottom:0}
.satirlar svg,.bilgi.git svg{width:20px;height:20px;color:var(--cerceve);flex:none}
.satirlar .kirmizi{color:var(--uyari)}
.bilgi.git{display:grid;grid-template-columns:110px 1fr 20px;font-weight:400;font-size:15px;padding:14px 0}
.bilgi.git div{font-weight:600}
.logo-kucuk{height:28px;max-width:140px;object-fit:contain;display:block}
.alt-cubuk .ic.sira{display:flex;gap:10px}
.sor input{background:#fff}