/* teklif.css · 12 Eyl 2026 · /quote/ ve /tr/teklif/ sihirbazı · ana site tokenleri */
body.qz{background:#0B1526;color:#F2F5F9;font:16px/1.6 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;margin:0}
.qz *{box-sizing:border-box}
.qz .wrap{max-width:900px;margin:0 auto;padding:0 22px}
.qz-top{border-bottom:1px solid #22324D;background:rgba(11,21,38,.94);position:sticky;top:0;z-index:20}
.qz-top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}
.qz-top img{height:36px;width:auto;display:block}
.qz-top a.geri{color:#9AA8BD;text-decoration:none;font-size:.9rem}
.qz-top a.geri:hover{color:#7CC7FF}
.qz-bas{padding:40px 0 10px}
.qz h1{font:800 clamp(28px,3.6vw,38px)/1.1 "Manrope","Inter",sans-serif;letter-spacing:-.02em;margin:0 0 10px}
.qz .alt{color:#9AA8BD;margin:0 0 22px}
.qz-ilerleme{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 28px}
.qz-ilerleme span{height:6px;border-radius:999px;background:#22324D}
.qz-ilerleme span.dolu{background:#FF7A1A}
.qz-adimlar{position:relative}
.qz-adim{display:none}
.qz-adim.acik{display:block}
.qz h2{font:800 1.4rem/1.2 "Manrope","Inter",sans-serif;margin:0 0 6px}
.qz .h2alt{color:#9AA8BD;margin:0 0 18px;font-size:.95rem}
.qz-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.qz-kart{background:#111F36;border:1px solid #22324D;border-radius:14px;padding:16px;cursor:pointer;color:#F2F5F9;text-align:left;font:inherit;display:flex;flex-direction:column;gap:6px;min-height:92px}
.qz-kart b{font:700 1rem/1.3 "Manrope","Inter",sans-serif}
.qz-kart span{color:#9AA8BD;font-size:.86rem}
.qz-kart:hover{border-color:#7CC7FF}
.qz-kart.secili{border-color:#FF7A1A;box-shadow:0 0 0 2px rgba(255,122,26,.35)}
.qz-diger{margin-top:12px;display:none}
.qz-diger.acik{display:block}
.qz-grup{border:1px solid #22324D;border-radius:14px;background:#0F1B30;padding:14px 16px;margin:0 0 12px}
.qz-grup h3{font:700 .8rem/1 "Manrope","Inter",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#7CC7FF;margin:0 0 10px}
.qz-oz{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-top:1px solid #16264A;cursor:pointer}
.qz-oz:first-of-type{border-top:0}
.qz-oz input{margin:5px 0 0;width:18px;height:18px;accent-color:#FF7A1A;flex:none}
.qz-oz .m{flex:1}
.qz-oz .m b{display:block;font-weight:600;font-size:.97rem}
.qz-oz .m span{color:#9AA8BD;font-size:.88rem}
.rozet{flex:none;font:700 .66rem/1 "Manrope","Inter",sans-serif;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:5px 8px;margin-top:4px;white-space:nowrap}
.rozet.r{color:#0B1526;background:#7CC7FF}
.rozet.b{color:#9AA8BD;border:1px solid #22324D}
.qz-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qz-form label{display:grid;gap:6px;font-size:.85rem;color:#9AA8BD}
.qz-form label.tam{grid-column:1/-1}
.qz-form input,.qz-form select,.qz-form textarea{background:#111F36;border:1px solid #22324D;color:#F2F5F9;border-radius:10px;padding:12px;font:inherit;width:100%}
.qz-form input:focus,.qz-form select:focus,.qz-form textarea:focus{outline:none;border-color:#FF7A1A;box-shadow:0 0 0 3px rgba(255,122,26,.18)}
.qz-ozet{background:#111F36;border:1px solid #22324D;border-radius:14px;padding:14px 16px;margin:16px 0;color:#9AA8BD;font-size:.9rem;white-space:pre-wrap;font-family:"Consolas","SFMono-Regular",Menlo,monospace}
.qz-dugmeler{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:22px 0 40px;flex-wrap:wrap}
.qz-btn{border-radius:12px;padding:13px 20px;font:700 .95rem/1 "Manrope","Inter",sans-serif;cursor:pointer;text-decoration:none;display:inline-block}
.qz-btn.b1{background:#FF7A1A;color:#0B1526;border:1px solid #FF7A1A}
.qz-btn.b1:hover{background:#FF9448}
.qz-btn.b2{background:transparent;color:#F2F5F9;border:1px solid #22324D}
.qz-btn.b2:hover{border-color:#7CC7FF;color:#7CC7FF}
.qz-btn[disabled]{opacity:.45;cursor:not-allowed}
.qz-not{color:#9AA8BD;font-size:.86rem;margin:0 0 36px;border-top:1px solid #22324D;padding-top:14px}
.qz footer{border-top:1px solid #22324D;color:#9AA8BD;font-size:.86rem;padding:22px 0}
.qz footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.qz footer a{color:#7CC7FF;text-decoration:none}
@media (max-width:760px){
  .qz-kartlar{grid-template-columns:1fr}
  .qz-form{grid-template-columns:1fr}
  .qz-dugmeler{flex-direction:column-reverse;align-items:stretch}
  .qz-dugmeler .sag{display:flex;flex-direction:column;gap:8px}
  .qz-btn{text-align:center}
}