.hva-tasi{position:relative;z-index:50;margin:0 0 14px;padding:0;clear:both;display:flow-root}
.hva{position:relative;font-family:inherit;display:flow-root}
.hva *{box-sizing:border-box}
.hva-baslik{margin:0 0 10px;font-size:16pt;line-height:1.2}

/* Sekme düğmeleri */
.hva-sekmeler{display:flex;gap:6px;width:100%}
.hva-sekme{flex:1 1 0;min-width:0;min-height:40px;padding:8px 4px;border:0;border-radius:10px;font-family:inherit;font-size:11pt;font-weight:700;line-height:1.15;text-align:center;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
.hva-sekme::after{content:" ▾";font-size:8pt}
.hva-sekme.hva-acik::after{content:" ▴"}
.hva-sekme.r1{background:#e3f0fc;color:#1565c0}
.hva-sekme.r2{background:#fdecea;color:#c62828}
.hva-sekme.r3{background:#e6f4e7;color:#2e7d32}
.hva-sekme.r1.hva-acik{background:#1565c0!important;color:#fff!important;box-shadow:0 3px 8px rgba(21,101,192,.35)}
.hva-sekme.r2.hva-acik{background:#c62828!important;color:#fff!important;box-shadow:0 3px 8px rgba(198,40,40,.35)}
.hva-sekme.r3.hva-acik{background:#2e7d32!important;color:#fff!important;box-shadow:0 3px 8px rgba(46,125,50,.35)}

/* Yüzen panel: sayfayı itmez, sekmelerin altından kayarak açılır */
.hva-kutu{position:relative;height:0}
.hva-panel{position:absolute;top:8px;left:0;right:0;z-index:9999;max-height:75vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;background:#fff;border:2px solid #666;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.28);visibility:hidden;opacity:0;clip-path:inset(0 -30px 100% -30px);transition:clip-path .35s ease,opacity .25s ease,visibility 0s linear .35s}
.hva-panel.hva-acik{visibility:visible;opacity:1;clip-path:inset(0 -30px -40px -30px);transition:clip-path .35s ease,opacity .25s ease,visibility 0s}
.hva-panel.r1{--hva-r:#1565c0;border-color:#1565c0}
.hva-panel.r2{--hva-r:#c62828;border-color:#c62828}
.hva-panel.r3{--hva-r:#2e7d32;border-color:#2e7d32}

.hva-ust{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--hva-r,#666);font-size:12pt;font-weight:700;color:var(--hva-r,#333)}
.hva-kapat{width:34px;height:34px;border:0;border-radius:50%;background:#e6edf2;color:var(--hva-r,#333);font-size:13pt;line-height:1;cursor:pointer}
.hva-soru{margin:0 0 12px;font-size:13pt;font-weight:700;line-height:1.3;color:#222}

/* Seçenekler */
.hva-oge{position:relative;display:block;margin:0 0 8px;cursor:pointer}
.hva-oge input{position:absolute;opacity:0;pointer-events:none}
.hva-oge span{position:relative;display:block;padding:10px 12px 10px 40px;border:2px solid #dde3e8;border-radius:8px;font-size:12pt;line-height:1.3;color:#222;transition:border-color .2s,background .2s}
.hva-oge span::before{content:"";position:absolute;left:12px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid var(--hva-r,#666);border-radius:50%;background:#fff}
.hva-oge input:checked+span{border-color:var(--hva-r,#666);background:#f6f9fb}
.hva-oge input:checked+span::before{background:var(--hva-r,#666);box-shadow:inset 0 0 0 3px #fff}

/* Düğmeler */
.hva-dugmeler{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.hva-dugmeler button,.hva-geri{flex:1 1 auto;padding:10px 14px;border-radius:8px;font-family:inherit;font-size:12pt;font-weight:700;line-height:1.2;cursor:pointer}
.hva-oy{border:2px solid var(--hva-r,#666);background:var(--hva-r,#666);color:#fff}
.hva-gor,.hva-geri{border:2px solid var(--hva-r,#666);background:#fff;color:var(--hva-r,#666)}
.hva-oy:disabled{opacity:.6}
.hva-mesaj{min-height:1.2em;margin:8px 0 0;font-size:10.5pt;color:#c62828}

/* Sonuç çubukları */
.hva-bilgi{margin:0 0 10px;padding:8px 10px;border-radius:6px;background:#f2f5f8;font-size:10.5pt;color:#333}
.hva-sat{margin:0 0 11px}
.hva-sat-ust{display:flex;justify-content:space-between;gap:8px;margin:0 0 4px;font-size:11.5pt;line-height:1.25}
.hva-yuzde{flex:none;font-weight:700;color:var(--hva-r,#333)}
.hva-cubuk{height:14px;border-radius:7px;background:#eceff1;overflow:hidden}
.hva-dolgu{width:0;height:100%;border-radius:7px;background:var(--hva-r,#666);transition:width .8s ease}
.hva-toplam{margin:8px 0 10px;font-size:10.5pt;color:#777;text-align:center}

.hva-link{margin:12px 0 0;padding-top:10px;border-top:1px solid #e3e8ec;font-size:11.5pt}
.hva-link a{color:var(--hva-r,#1565c0);font-weight:700;text-decoration:underline}
.hva-gizli{display:none!important}

@media (max-width:600px){
  .hva-baslik{font-size:14pt}
  .hva-sekme{font-size:10pt;min-height:38px;padding:8px 2px}
  .hva-panel{padding:10px;max-height:70vh}
  .hva-ust{font-size:11pt}
  .hva-soru{font-size:12pt}
  .hva-oge span{font-size:11.5pt}
  .hva-sat-ust{font-size:11pt}
}