/* Keep navigation usable without JavaScript and preserve 44px touch targets. */
@media(max-width:650px){
 body>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 5%;position:relative}
 body>header>.brand{min-width:0;max-width:100%;font-size:15px}
 body>header>nav{grid-column:1/-1;grid-row:2;width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:18px;overflow-x:auto;padding:0;scrollbar-width:thin}
 body>header>nav a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
 body>header .header-actions,body>header .headeractions{width:auto;min-width:0;display:flex;gap:0;flex-wrap:nowrap;justify-content:flex-end}
 body>header .header-actions>.button,body>header .headeractions>.button{display:none}
 body>header select{max-width:110px;min-height:44px;font-size:14px}
 .review-topbar-inner{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:18px;padding:0}
 .review-topbar-platforms{width:auto;flex-wrap:nowrap;gap:18px}.review-topbar a{flex-shrink:0;white-space:nowrap;min-height:44px}
 .seo-related li{margin:8px 0}.seo-related a{display:inline-flex;align-items:center;min-height:44px}
}

@media(max-width:650px){
 .detailhero{padding-top:24px;gap:22px}
 .detailhero img{order:1;height:230px;max-height:230px}
 .detailhero h1{font-size:clamp(30px,8vw,40px);line-height:1.15;margin:10px 0 16px}
 .detailhero .price{margin-top:16px}
 .breadcrumbs{padding-top:14px;padding-bottom:8px}
}

.mobile-menu-toggle{display:none}
@media(max-width:650px){
 body>header.mobile-nav-ready{grid-template-columns:minmax(0,1fr) auto}
 body>header.mobile-nav-ready>nav{display:none;grid-row:3;grid-column:1/-1;overflow:visible;flex-wrap:wrap;gap:4px 18px;padding:8px 0;border-top:1px solid #d4d9d1}
 body>header.mobile-menu-open>nav{display:flex}
 .mobile-menu-toggle{display:block;grid-row:2;grid-column:1/-1;justify-self:end;min-height:44px;padding:8px 14px;border:1px solid #a9b6af;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}
 .mobile-menu-toggle:focus-visible{outline:3px solid #007d83;outline-offset:2px}
}