/* Single mobile search control, hamburger on the far right. Desktop unchanged. */
@media(max-width:760px){
  header .container.top{display:flex;align-items:center;gap:8px;min-width:0}
  header .top>.search{display:none!important}
  header .top>.logo{margin-right:auto;flex:0 1 auto;min-width:0}
  header .top>.actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex-shrink:0}
  header .top #searchBtn{order:1}
  header .top #cartBtn{order:2}
  header .top #menuBtn{order:3;display:grid!important;background:#f4f6fd;border-color:#dfe4ef}
  header .top #menuBtn[aria-expanded="true"]{background:#edeaff;border-color:#a79efa;color:#6152d9}
}

/* Small tablets use the same collapsible navigation as phones. */
@media (min-width:701px) and (max-width:760px){
 header #nav{display:none}
 header #nav.open{display:block}
 header #nav .nav-content{height:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px}
 header #nav .nav-content button{width:100%;text-align:left;padding:12px;border-bottom:1px solid #edf0f5}
 header #nav .nav-content .hot{margin-left:0}
}