/* =========================================================
   BEAUTYHUB — RESPONSIVE OVERRIDES
   Breakpoints: 1440 / 1200 / 992 / 768 / 576 / 390
   ========================================================= */

@media (max-width: 1200px){
  .bh-hero{ padding: 70px 0 50px; }
}

@media (max-width: 992px){
  .bh-section{ padding: 50px 0; }
  .bh-cta-band{ padding: 40px 22px; }
  .bh-dash-main{ padding: 20px; }
}

@media (max-width: 768px){
  .bh-search-box{ flex-direction:column; }
  .bh-search-field{ border-right:none; border-bottom:1px solid var(--bh-border); width:100%; }
  .bh-search-submit .bh-btn-primary{ width:100%; }
  .bh-hero h1{ font-size:1.9rem; }
  .bh-loc-card{ height:150px; }
}

@media (max-width: 576px){
  .bh-navbar{ padding:10px 0; }
  .bh-hero{ padding:50px 0 36px; }
  .bh-hero-eyebrow{ font-size:.72rem; }
  .bh-section-title h2{ font-size:1.5rem; }
  .bh-cta-band h2{ font-size:1.5rem; }
  .flash-wrap{ left:12px; right:12px; max-width:none; top:80px; }
  .bh-artist-actions{ flex-direction:column; }
}

@media (max-width: 390px){
  .bh-logo-text{ font-size:1.1rem; }
  .bh-hero h1{ font-size:1.6rem; }
  .bh-stat-card .num{ font-size:1.4rem; }
}

/* Mobile filter drawer */
.bh-mobile-filter-btn{ display:none; }
@media (max-width: 991px){
  .bh-filters{ position:fixed; top:0; left:-100%; width:85%; max-width:340px; height:100vh; z-index:2500;
    border-radius:0; overflow-y:auto; transition:.3s ease; }
  .bh-filters.open{ left:0; }
  .bh-mobile-filter-btn{ display:inline-flex; }
  .bh-filter-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:2400; display:none; }
  .bh-filter-backdrop.open{ display:block; }
}