/* Device-specific refinement layered over the core storefront styles. */
.mobile-nav-backdrop,.mobile-nav-panel{display:none}

@media (max-width:1180px) and (min-width:1021px){
  .header-inner{grid-template-columns:150px 1fr 190px;padding-inline:20px}
  .nav{gap:22px;font-size:13px}
  .icon-btn{padding-inline:9px}
  .container{width:min(calc(100% - 40px),var(--max))}
  .hero-grid{grid-template-columns:1fr .88fr}
  .hero h1{font-size:clamp(54px,6.2vw,76px)}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap-inline:16px}
  .cart-layout{grid-template-columns:minmax(0,1fr) 340px;gap:30px}
  .checkout-grid{grid-template-columns:minmax(0,1fr) 360px;gap:30px}
  .footer-grid{gap:32px}
}

@media (max-width:1020px){
  html,body{max-width:100%;overflow-x:clip}
  body.mobile-nav-open{overflow:hidden}
  .mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:80;background:rgba(6,10,7,.48);opacity:0;pointer-events:none;transition:opacity .25s}
  .mobile-nav-panel{display:block;position:fixed;top:0;right:0;bottom:0;z-index:90;width:min(88vw,380px);padding:max(18px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom));background:var(--paper);box-shadow:-24px 0 70px rgba(0,0,0,.22);transform:translateX(105%);transition:transform .28s ease}
  .mobile-nav-open .mobile-nav-backdrop{opacity:1;pointer-events:auto}
  .mobile-nav-open .mobile-nav-panel{transform:translateX(0)}
  .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}
  .mobile-nav-panel nav{display:grid;padding-top:12px}
  .mobile-nav-panel nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px;border-bottom:1px solid var(--line);font-size:19px;font-weight:850}
  .mobile-nav-panel nav span{color:var(--sub);font-size:11px;font-weight:600}
  .toolbar>div:last-child{min-width:min(100%,360px)}
  .table-wrap{-webkit-overflow-scrolling:touch}
  body:not(.mobile-nav-open) .mobile-nav-backdrop,
  body:not(.mobile-nav-open) .mobile-nav-panel{display:none}
}

@media (max-width:760px){
  html{scroll-padding-top:72px}
  body{overflow-x:hidden}
  .topbar{padding:7px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-inline:max(14px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-right))}
  .header-actions{gap:2px}
  .header-actions .icon-btn{padding-inline:9px}
  .hero-copy{padding-top:clamp(42px,10vw,58px)}
  .hero h1{font-size:clamp(40px,13vw,52px);overflow-wrap:anywhere}
  .hero-visual{min-height:clamp(310px,92vw,390px)}
  .hero-disc{width:min(82vw,330px)}
  .hero-product{width:min(62vw,250px)}
  .hero-metric{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));width:100%;padding-bottom:4px}
  .section,.section-sm{padding-block:clamp(58px,15vw,76px)}
  .category-chips{width:100%;max-width:100%;flex-wrap:nowrap;overflow-x:auto;margin-inline:0;padding:0 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .category-chips::-webkit-scrollbar{display:none}
  .chip{flex:0 0 auto;min-height:42px}
  .toolbar>div:last-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto;width:100%;margin-top:14px}
  .searchbox{margin:0;min-width:0}
  .select{max-width:145px;padding-right:28px}
  .product-card{min-width:0}
  .product-info h3,.product-sub{overflow:hidden;text-overflow:ellipsis}
  .product-info h3{white-space:nowrap}
  .wish{width:42px;height:42px}
  .detail-media{border-radius:20px;aspect-ratio:1/1.04}
  .detail-copy h1{font-size:clamp(32px,10vw,46px)}
  .purchase-box{padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .cart-page,.checkout,.account,.legal{padding-bottom:max(72px,calc(56px + env(safe-area-inset-bottom)))}
  .cart-item{grid-template-columns:82px minmax(0,1fr);gap:14px;padding:14px}
  .cart-thumb{width:82px}
  .cart-info h3{font-size:15px;overflow-wrap:anywhere}
  .cart-side{align-items:center;gap:12px}
  .summary,.form-card,.auth-card,.order-card,.account-nav{border-radius:16px}
  .form-card{padding:22px 18px}
  .address-row{grid-template-columns:minmax(0,1fr);gap:8px}
  .address-row .btn{width:100%}
  .field input,.field textarea,.field select{min-height:48px;font-size:16px}
  .account-nav{margin-inline:-16px;border-radius:0;padding:10px 16px}
  .admin-top .brand small,.admin-top .icon-btn:first-child{display:none}
  .admin-head{align-items:flex-start;gap:12px;flex-direction:column}
  .admin-head .btn{width:100%}
  .panel{padding:17px}
  .table{min-width:660px}
  .legal article{border-radius:18px}
  main .product-grid[style*="repeat(3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:480px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .brand{font-size:19px;gap:8px}
  .brand-orb{width:25px;height:25px;border-width:6px}
  .header-actions .icon-btn{min-width:38px;font-size:12px}
  .hero-metric{grid-template-columns:1fr;gap:12px;overflow:visible}
  .hero-metric span{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);padding-top:10px}
  .hero-metric strong{font-size:17px}
  .floating-note{max-width:145px}
  .trust-grid{grid-template-columns:1fr}
  .trust-item,.trust-item:nth-child(2){border-right:0;border-bottom:1px solid rgba(0,0,0,.13)}
  .trust-item:last-child{border-bottom:0}
  .trust-item span{display:block}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 8px}
  .product-meta .rating{display:none}
  .price{font-size:14px}
  .compare{display:block;margin:2px 0 0}
  .stat-row{grid-template-columns:1fr;gap:14px}
  .review-card{min-height:auto;padding:22px}
  .footer-grid{grid-template-columns:1fr}
  .footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:auto}
  .auth-card{padding:25px 18px}
  .metric-grid{grid-template-columns:1fr}
  .toast{bottom:max(20px,env(safe-area-inset-bottom));width:calc(100% - 28px)}
  main .product-grid[style*="repeat(3"]{grid-template-columns:1fr!important}
}

@media (max-width:340px){
  .container{width:calc(100% - 22px)}
  .topbar{font-size:9px}
  .brand{font-size:17px}
  .header-actions .icon-btn{padding-inline:6px}
  .hero h1{font-size:35px}
  .hero .btn-row{display:grid;grid-template-columns:1fr}
  .hero .btn{width:100%}
  .product-grid{grid-template-columns:1fr}
  .product-meta .rating{display:inline}
  .compare{display:inline;margin-left:6px}
  .mobile-nav-panel{width:94vw;padding-inline:18px}
}

@media (min-width:1600px){
  .hero-grid{min-height:700px}
  .hero-copy{padding-block:100px}
  .hero-disc{width:540px}
  .hero-product{width:405px}
}

@media (max-height:600px) and (orientation:landscape) and (max-width:1020px){
  .topbar{display:none}
  .header-inner{height:58px}
  .hero-copy{padding-top:38px}
  .hero-visual{min-height:300px}
  .mobile-nav-panel{overflow-y:auto}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}