/* Mobile-only overrides (<= 991px) */
@media (max-width: 991px){
  /* header row becomes brand + hamburger */
  .hdr-row{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; padding:8px 0}

  /* show hamburger, hide inline desktop nav */
  .nav-toggle{display:inline-block; appearance:none; border:1px solid #e5e7eb; background:#fff; padding:8px 10px; border-radius:10px; font-size:18px; line-height:1}
  .nav{display:none; position:absolute; left:0; right:0; top:56px; background:#fff; border-bottom:1px solid #e5e7eb}
  .nav.open{display:block}
  .nav ul{list-style:none; margin:0; padding:8px}
  .nav li{border-top:1px solid #e5e7eb}
  .nav li:first-child{border-top:0}
  .nav a{display:block; padding:12px 16px; font-weight:600; color:#0f172a; text-decoration:none}
  .nav form.search{display:flex; gap:8px; align-items:center; padding:8px 16px}
  .nav .search-input{flex:1 1 auto; min-width:140px}

  /* brand stack + circular EC */
  .brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit}
  .brand-text{display:flex; flex-direction:column}
  .brand-line-1,.brand-line-2{font-size:18px; line-height:1.1; font-weight:700}
  .brand-orb{width:32px; aspect-ratio:1/1; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:#2563eb; color:#fff; font-weight:800}

  /* category bar becomes horizontal scroll pills */
  .catnav{display:flex; gap:12px; overflow:auto; padding:8px 0; border-top:1px solid #e5e7eb}
  .catnav a{white-space:nowrap}
}

/* Keep desktop untouched */
@media (min-width: 992px){
  .nav-toggle{display:none}
}