/* === MOBILE COMFORT PATCH v3: telefon klavye + butonlu soru optimizasyonu === */
:root{--bsm-vh:100dvh;--bsm-keyboard:0px}
html,body{overflow:hidden}
.app{height:var(--bsm-vh);min-height:var(--bsm-vh);overflow:hidden}
.head{flex:0 0 auto}.prog{flex:0 0 auto}.chat{min-height:0;overscroll-behavior:contain}
.chat-input-bar{transition:transform .16s ease,opacity .16s ease,bottom .08s linear;z-index:30}
.chat-input-bar.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,115%)}
body.bsm-input-hidden .chat{padding-bottom:86px!important}
body.bsm-input-hidden .bottom-actions{bottom:16px!important}
body.bsm-keyboard-open .bottom-actions{display:none!important}
body.bsm-keyboard-open .chat{scroll-padding-bottom:120px}
@media(max-width:560px){
  body{background:#f3f4f6}
  .app{width:100vw;max-width:none;box-shadow:none}
  .head{padding:10px 12px;gap:10px}
  .logo{width:44px;height:44px;border-radius:14px;font-size:15px}
  .logo img{border-radius:14px}
  .title{font-size:18px;line-height:1.15}
  .sub{font-size:12.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .prog{height:5px}
  .chat{padding:12px 8px 138px}
  .row{margin:9px 0}
  .av{width:28px;height:28px;margin-right:6px;font-size:10px}
  .bubble{font-size:14px;line-height:1.42;padding:12px 12px;border-radius:17px}
  .bot .bubble{max-width:96%}
  .quick{gap:8px;margin-top:10px}
  .quick button{font-size:13.2px;padding:9px 11px}
  .bottom-actions{bottom:72px;gap:8px}
  .bottom-btn{padding:7px 12px;font-size:12px}
  .chat-input-bar{padding:8px 9px calc(8px + env(safe-area-inset-bottom));gap:8px}
  .chat-input-bar input{font-size:16px;padding:13px 14px}
  .chat-input-bar button{min-width:82px;padding:13px 14px}
  .model-carousel-wrap{margin-top:10px!important}
  .model-carousel-hint{font-size:11.5px!important;margin-bottom:6px!important}
  .model-choice-card{flex-basis:72%!important;min-width:205px!important;max-width:250px!important;border-radius:16px!important}
  .model-choice-img-wrap{aspect-ratio:16/8.8!important}
  .model-choice-body{padding:10px!important;min-height:122px!important}
  .model-choice-title{font-size:14.2px!important;margin-bottom:5px!important}
  .model-choice-desc{font-size:12px!important;line-height:1.28!important;min-height:31px!important}
  .model-choice-actions{padding-top:8px!important;gap:6px!important}
  .model-choice-actions button{min-height:34px!important;font-size:11.2px!important;border-radius:10px!important;padding:7px 6px!important}
  .model-cards-dots{margin-top:5px!important}
  .card{padding:11px;border-radius:14px}
  .kv{grid-template-columns:92px 1fr;font-size:12.7px}
}
@media(max-width:380px){
  .title{font-size:16.5px}.sub{font-size:12px}.chat{padding-left:7px;padding-right:7px}
  .model-choice-card{flex-basis:74%!important;min-width:198px!important}
}