/* Purchase pages: mobile-only layout. Desktop uses the existing design. */
.mobile-shop-bar,.mobile-filter-open{display:none}
.mobile-specs>summary{display:none}
@media(min-width:768px){.mobile-specs>.detail-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}}
.mobile-filter-dialog{border:0;border-radius:16px 16px 0 0;padding:16px;width:min(100%,540px);max-height:85dvh;box-sizing:border-box}
.mobile-filter-dialog::backdrop{background:#10233580}
.mobile-filter-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mobile-filter-dialog button,.mobile-filter-dialog select{min-height:44px}
.mobile-filter-dialog form{display:grid!important;gap:12px!important;padding:12px 0!important;border:0!important;box-shadow:none!important}
.mobile-filter-dialog select{width:100%;min-width:0}
.mobile-filter-dialog #storeFilterForm{grid-template-columns:minmax(0,1fr)!important}
body.mobile-shop .mobile-filter-dialog #storeFilterForm :is(select,.filter-submit){display:block!important;width:100%!important;grid-column:auto!important}
@media(max-width:767px){
 body.mobile-shop{background:#f5f7f9;font-size:14px;padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
 body.mobile-shop *{box-sizing:border-box}
 body.mobile-shop :is(input,select,textarea){font-size:16px}
 body.mobile-shop :is(a,button,input,select,summary):focus-visible{outline:3px solid #1677ff;outline-offset:2px}
 body.mobile-shop :is(.top-strip,.top-notice){display:none!important}
 body.mobile-shop :is(.commerce-v4-shell,.category-page-main){width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important}
 body.mobile-shop .commerce-v4-header-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding-top:10px!important;padding-bottom:10px!important}
 body.mobile-shop .commerce-v4-brand{min-height:32px!important}
 body.mobile-shop .commerce-v4-brand small,body.mobile-shop .commerce-v4-nav{display:none!important}
 body.mobile-shop .commerce-v4-search-bar{display:flex!important;width:100%!important;min-width:0!important;margin:0!important}
 body.mobile-shop .commerce-v4-search-bar input{min-width:0!important;flex:1!important;height:44px!important}
 body.mobile-shop .commerce-v4-search-bar button{min-height:44px!important}
 body.mobile-shop :is(.section-head h2,.cart-panel h2){font-size:18px!important;line-height:1.3!important}
 body.mobile-shop .section-head{gap:8px!important;margin:12px 0!important}
 body.mobile-shop .section-head :is(.eyebrow,p){display:none!important}
 body.mobile-shop #homeCompactPromo{background:#fff!important;padding:10px!important;gap:8px!important;grid-template-columns:minmax(0,1fr)!important}
 body.mobile-shop #homeCompactPromo .commerce-v4-hero-copy{grid-area:1/1!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
 body.mobile-shop #homeCompactPromo h1{font-size:20px!important;margin:0!important}
 body.mobile-shop #homeCompactPromo .commerce-v4-hero-copy>p,body.mobile-shop #homeCompactPromo .compact-service-strip{display:none!important}
 body.mobile-shop #homeCompactPromo .commerce-v4-hero-actions{margin:0!important}
 body.mobile-shop #homeCompactPromo #homeHeroImageLink{grid-area:2/1!important;aspect-ratio:5/3!important}
 body.mobile-shop #homeCompactPromo #homeBanners{grid-area:3/1!important;display:flex!important;overflow-x:auto!important;gap:8px!important}
 body.mobile-shop #homeCompactPromo #homeBanners a{flex:0 0 68%!important;min-width:68%!important;width:68%!important;aspect-ratio:5/2!important}
 body.mobile-shop .category-page-hero{padding:12px 0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
 body.mobile-shop .category-page-hero h1{font-size:20px!important;margin:0!important}
 body.mobile-shop .category-page-hero :is(p,.badge){display:none!important}
 body.mobile-shop #products{display:flex!important;flex-wrap:wrap!important}
 body.mobile-shop.homepage-refined.category-products-page #products .product-head-actions{width:100%!important;display:flex!important;flex-direction:row!important;gap:8px!important}
 body.mobile-shop #products #productQuickSearch{display:block!important;flex:1!important;min-width:0!important;width:0!important;height:44px!important}
 body.mobile-shop #products .mobile-filter-open{width:auto!important;flex:0 0 auto!important}
 body.mobile-shop .mobile-filter-open{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;white-space:nowrap}
 body.mobile-shop .product-card{box-shadow:none!important;border-radius:10px!important;padding:8px!important;gap:6px!important;min-width:0!important}
 body.mobile-shop .product-card h3{font-size:14px!important;line-height:1.4!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;min-height:39px!important}
 body.mobile-shop .product-card :is(.ready-spec-line,.preorder-spec-line){font-size:12px!important;line-height:1.4!important}
 body.mobile-shop.mobile-cart main{padding:12px!important}
 body.mobile-shop.mobile-cart .page-hero{padding:0!important;margin:0 0 12px!important;border:0!important;box-shadow:none!important}
 body.mobile-shop.mobile-cart .page-hero :is(.badge,p){display:none!important}
 body.mobile-shop.mobile-cart h1{font-size:20px!important}
 body.mobile-shop.mobile-cart .site-header{padding:12px!important;min-height:0!important}
 body.mobile-shop.mobile-cart .site-header :is(form,nav){display:none!important}
 body.mobile-shop.mobile-cart .panel{padding:12px!important;border-radius:10px!important;box-shadow:none!important}
 body.mobile-shop .modern-cart-line{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:8px!important;padding:12px 0!important}
 body.mobile-shop .cart-line-art{grid-column:1;grid-row:1}
 body.mobile-shop .modern-cart-line .cart-line-art{width:64px!important;height:64px!important;min-width:0!important}
 body.mobile-shop .modern-cart-line .cart-line-info{min-width:0!important;width:auto!important}
 body.mobile-shop .cart-line-img{width:64px!important;height:64px!important;object-fit:contain}
 body.mobile-shop .cart-line-info{grid-column:2;min-width:0;overflow-wrap:anywhere}
 body.mobile-shop .cart-line-info>b{font-size:14px!important;line-height:1.4}
 body.mobile-shop .modern-cart-line .qty{grid-column:2;justify-self:start}
 body.mobile-shop .modern-cart-line .qty button{min-width:44px!important;min-height:44px!important}
 body.mobile-shop .cart-line-total{grid-column:2;overflow-wrap:anywhere}
 body.mobile-shop .remove-btn{grid-column:1;grid-row:2;min-height:44px!important}
 body.mobile-shop .mobile-shop-bar{position:fixed;display:flex;align-items:center;justify-content:space-between;gap:12px;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));z-index:45;background:#fff;border-top:1px solid #dbe3e9;padding:10px 12px}
 body.mobile-shop .mobile-shop-bar div{display:grid;min-width:0;overflow-wrap:anywhere}
 body.mobile-shop .mobile-shop-bar small{font-size:12px;color:#617384}
 body.mobile-shop .mobile-shop-bar b{font-size:16px;color:#102335}
 body.mobile-shop .mobile-shop-bar :is(button,a){min-height:44px;font-size:13px;padding:10px 12px}
 body.mobile-shop .mobile-shop-bar[hidden]{display:none}
 body.mobile-shop.has-shop-bar{padding-bottom:calc(156px + env(safe-area-inset-bottom))!important}
 body.mobile-shop .mobile-bottom-nav{height:calc(60px + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom)!important}
 body.mobile-shop .mobile-bottom-nav a{min-height:44px!important}
 body.mobile-shop.checkout-onepage .mobile-bottom-nav{display:none!important}
 body.mobile-shop.checkout-onepage .checkout-quick{bottom:0!important;left:0!important;right:0!important;border-radius:0!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;box-shadow:none!important}
 body.mobile-shop.checkout-onepage .checkout-nav{display:none!important}
 body.mobile-shop.checkout-onepage .checkout-topbar{padding:10px 12px!important;gap:8px!important}
 body.mobile-shop.checkout-onepage .checkout-main{padding:12px 12px 110px!important}
 body.mobile-shop.checkout-onepage .checkout-title-card{box-shadow:none!important;border-radius:10px!important}
 body.mobile-shop.checkout-onepage .checkout-title-card h1{font-size:20px!important}
 body.mobile-shop.checkout-onepage .checkout-account-chip{display:none!important}
 body.mobile-shop.checkout-onepage .checkout-card{box-shadow:none!important;border-radius:10px!important}
 body.mobile-shop.checkout-onepage :is(.checkout-main-stack,.checkout-layout-onepage){gap:12px!important}
 body.mobile-shop.checkout-onepage .checkout-card{margin:0!important}
 body.mobile-shop.checkout-onepage .checkout-order-item{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:8px!important;padding:10px!important}
 body.mobile-shop.checkout-onepage .checkout-order-thumb{width:56px!important;height:56px!important}
 body.mobile-shop.checkout-onepage .checkout-order-item>div:nth-child(2){min-width:0!important;overflow-wrap:anywhere}
 body.mobile-shop.checkout-onepage .checkout-order-item h3{font-size:14px!important;line-height:1.4!important;margin:0!important}
 body.mobile-shop.checkout-onepage .checkout-qty-control,body.mobile-shop.checkout-onepage .checkout-order-item>strong{grid-column:2!important}
 body.mobile-shop .mobile-filter-dialog{margin:auto auto 0}
 body.mobile-shop.mobile-keyboard :is(.mobile-shop-bar,.checkout-quick){display:none!important}
 body.mobile-shop footer{padding:16px 12px!important;font-size:12px!important}
 body.mobile-shop .mobile-specs>summary{display:list-item;min-height:44px;padding:12px 0;font-weight:600}
 body.mobile-shop.product-detail-page .detail-page-info>h1{font-size:20px!important;line-height:1.35!important}
 body.mobile-shop.product-detail-page .product-detail-layout{gap:12px!important}
 body.mobile-shop .mobile-bottom-nav{height:calc(66px + env(safe-area-inset-bottom))!important;min-height:66px!important}
 body.mobile-shop .mobile-shop-bar{bottom:calc(70px + env(safe-area-inset-bottom))}
 body.mobile-shop #homeCompactPromo .commerce-v4-hero-actions{flex:0 0 auto!important;width:auto!important}
 body.mobile-shop #homeCompactPromo .commerce-v4-hero-actions a:first-child{width:auto!important;min-width:0!important;padding:10px!important}
 body.mobile-shop #homeCompactPromo .commerce-v4-hero-actions a:first-child:after{content:none!important}
 body.mobile-shop #homeCompactPromo h1{font-size:18px!important}
 body.mobile-shop .home-points-widget{margin:8px 12px!important;padding:8px!important;gap:6px!important;font-size:12px!important}
}