/* sb-style.css - Hero layout & search form (Model A, horizontal) */
.sb-hero{
  padding:60px 0;
  background-size:cover;
  background-position:center;
}
.sb-container{ width:86%; max-width:1200px; margin:0 auto; }
.sb-search-wrap{
  background:#063233;
  display:flex;
  gap:12px;
  align-items:center;
  padding:16px;
  border-radius:2px;
  box-shadow:0 2px 0 rgba(0,0,0,0.2);
}
.sb-field{ background:#fff; padding:8px 12px; display:flex; align-items:center; min-height:44px; border-radius:3px; flex:1; }
.sb-field input{ border:none; outline:none; width:100%; font-size:14px; background:transparent; }
.sb-dates{ flex:1.4; }
.sb-arrow{ flex:0 0 40px; justify-content:center; display:flex; background:transparent; color:#fff; font-size:20px; border-radius:0; }
.sb-room{ flex:0.9; position:relative; cursor:pointer; }
.sb-promo{ flex:0.9; }
.sb-btn{ flex:0 0 110px; padding:0; display:flex; justify-content:center; }
.sb-search-btn{ background:#0b0b0b; color:#fff; border:1px solid #fff; padding:10px 14px; cursor:pointer; font-weight:600; border-radius:4px; }

.sb-room-panel{
  position:absolute; top:54px; left:0; width:340px; background:#fff; box-shadow:0 8px 20px rgba(0,0,0,0.2); border:1px solid #ddd; display:none; z-index:9999; padding:10px;
}
.sb-room-controls{ display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.sb-ctrl{ padding:6px 9px; margin-left:6px; cursor:pointer; background:#f4f4f4; border:1px solid #ddd; }

.room-row{ border-top:1px solid #eee; padding:10px; display:grid; grid-template-columns:1fr 120px; gap:10px; align-items:center; }
.room-title{ font-weight:700; background:#0b0b0b; color:#fff; padding:6px; border-radius:3px; display:inline-block; margin-bottom:6px; }
.counter{ display:flex; align-items:center; justify-content:space-between; border:1px solid #e6e6e6; padding:6px; border-radius:4px; }
.counter button{ background:#f0f0f0; border:none; padding:6px 8px; cursor:pointer; }
.counter .num{ min-width:28px; text-align:center; font-weight:600; }

@media (max-width:900px){
  .sb-search-wrap{ flex-direction:column; }
  .sb-arrow{ display:none; }
  .sb-field{ width:100%; }
  .sb-btn{ width:100%; }
  .sb-room-panel{ position:static; width:100%; margin-top:6px; display:none; }
}