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

/* Sekme düğmeleri */
.hvsp-sekmeler{display:flex;gap:6px;margin:0;width:100%}
.hvsp-sekme{flex:1 1 0;min-width:0;min-height:42px;padding:8px 4px;border:0;border-radius:8px;font-family:inherit;font-size:10pt;font-weight:700;line-height:1.15;text-align:center;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s;-webkit-tap-highlight-color:transparent}
.hvsp-sekme::after{content:" ▾";font-size:7pt}
.hvsp-sekme.hvsp-acik::after{content:" ▴"}
.hvsp-sekme.k1{background:#fdecea;color:#c62828}
.hvsp-sekme.k2{background:#e3f0fc;color:#1565c0}
.hvsp-sekme.k3{background:#fff1e0;color:#d9650b}
.hvsp-sekme.k1.hvsp-acik{background:#c62828!important;color:#fff!important}
.hvsp-sekme.k2.hvsp-acik{background:#1565c0!important;color:#fff!important}
.hvsp-sekme.k3.hvsp-acik{background:#d9650b!important;color:#fff!important}

/* Yüzen panel: sayfayı aşağı itmez */
.hvsp-kutu{position:relative;height:0;overflow:visible}
.hvsp-panel{display:none!important;position:absolute;top:8px;left:0;right:0;z-index:99999;max-height:75vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px;background:#fff;border:2px solid #666;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.hvsp-panel.hvsp-acik{display:block!important;animation:hvspAc .25s ease}
@keyframes hvspAc{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.hvsp-panel.k1{border-color:#c62828}
.hvsp-panel.k2{border-color:#1565c0}
.hvsp-panel.k3{border-color:#d9650b}

.hvsp-ust{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid #ddd;font-size:11pt;color:#333}
.hvsp-panel.k1 .hvsp-ust{color:#c62828;border-color:#c62828}
.hvsp-panel.k2 .hvsp-ust{color:#1565c0;border-color:#1565c0}
.hvsp-panel.k3 .hvsp-ust{color:#d9650b;border-color:#d9650b}
.hvsp-kapat{width:34px;height:34px;border:0;border-radius:50%;background:#e6edf2;color:#333;font-size:13pt;line-height:1;cursor:pointer}

.hvsp-cerceve{display:block;width:100%;max-width:768px;margin:0 auto;border:0;background:#fff}
.hvsp-yukleniyor{margin:0 0 8px;padding:10px;border-radius:6px;background:#f7f7f7;font-size:10pt;color:#555;text-align:center}
.hvsp-not{margin:10px 0 0;font-size:9pt;line-height:1.35;color:#777;text-align:center}
.hvsp-not a{color:#1565c0;text-decoration:underline}

@media (max-width:600px){
  .hvsp-baslik{font-size:13pt}
  .hvsp-sekme{font-size:10pt;padding:8px 2px}
  .hvsp-panel{padding:8px;max-height:70vh}
}