/* Mobile web application shell. Desktop storefront rules stay in styles.css. */
.mobile-back,.mobile-location,.mobile-bottom-nav,.mobile-routebar{display:none}
.app-category-page{padding-top:24px;padding-bottom:30px}.app-category-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.app-category-top h1{font-size:25px}.app-category-top>a{display:flex;align-items:center;gap:3px;color:var(--orange);font-size:13px;font-weight:700}.app-category-layout{display:grid;grid-template-columns:220px minmax(0,1fr);height:650px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.app-category-rail{overflow:auto;overscroll-behavior:contain;background:#f5f6f8;padding:12px 0}.app-category-rail>button{display:flex;align-items:center;gap:10px;width:100%;padding:16px;text-align:left;line-height:1.45;border-left:3px solid transparent}.app-category-rail>button.active{border-left-color:var(--orange);background:#fff;color:var(--orange);font-weight:700}.app-category-body{overflow:auto;overscroll-behavior:contain;padding:24px;min-width:0}.app-category-feature{position:relative;display:flex;align-items:center;background:linear-gradient(115deg,#fff1e4,#ffe0c4);border-radius:14px;padding:20px;min-height:175px;overflow:hidden}.app-category-feature>div{position:relative;z-index:1;width:65%}.app-category-feature small{font-size:9px;letter-spacing:1px;color:#a25420;font-weight:700}.app-category-feature h2{font-size:24px;line-height:1.3;margin:10px 0 15px}.app-category-feature a{font-size:12px;font-weight:700;color:#b54600}.app-category-feature :is(img,svg.category-art){position:absolute;right:2%;width:34%;height:88%;object-fit:contain;mix-blend-mode:multiply}.app-category-heading{display:flex;align-items:center;gap:9px;margin:25px 0 12px}.app-category-heading h3{font-size:18px}.app-category-heading>button{display:grid;place-items:center;width:40px;height:40px;background:#f5f6f8;border-radius:50%}.app-category-all{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px;background:#fff7f0;border-radius:10px;color:#cc5000;font-weight:700;font-size:13px;margin-bottom:18px}.app-category-all>.icon{width:17px;height:17px}.app-subcategory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.app-subcategory{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start;text-align:center;gap:10px;min-width:0;padding:14px 9px;border:1px solid var(--line);border-radius:12px;font-size:12px;line-height:1.45;background:#fff}.app-subcategory:hover{border-color:#ffb987;background:#fffaf6}.app-subcategory-art{display:grid;place-items:center;width:88px;max-width:100%;height:80px;border-radius:12px;background:#f7f8fa}.app-subcategory-art :is(img,svg.category-art){height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.app-subcategory-art>.icon{width:36px;height:36px;color:var(--orange)}.app-subcategory>.icon{position:absolute;right:5px;top:5px;width:13px;height:13px;color:#9ca0aa}
@media(max-width:760px){
  :root{--app-header:110px;--app-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  html{scrollbar-gutter:auto;scroll-padding-top:calc(var(--app-header) + 12px)}
  body{padding-bottom:var(--app-bottom);background:#f5f6f8;-webkit-text-size-adjust:100%}
  .container{width:calc(100% - 28px)}
  input,select,textarea{font-size:16px}
  button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .campaign-strip,.utility-row,.site-header .nav-border,.header-main>.account-wrap,.header-main>.cart-button,.header-main>.location-button{display:none}
  .site-header{position:sticky;top:0;z-index:45;box-shadow:0 2px 10px #25262d08;padding-top:env(safe-area-inset-top,0px)}
  .header-main{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:34px 44px;gap:10px 12px;height:var(--app-header);min-height:0;padding:10px 0;align-items:center}
  .header-main>.brand{grid-row:1;grid-column:1;font-size:24px;letter-spacing:-1.2px;gap:5px;margin:0;white-space:nowrap}
  .header-main>.brand svg{width:22px;height:26px}
  .mobile-location{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;grid-row:1;grid-column:2;padding:0;height:34px;text-align:left}
  .mobile-location>.icon,.mobile-location>[data-icon]>.icon{width:17px;height:17px;color:var(--orange)}
  .mobile-location>span:nth-child(2){min-width:0}.mobile-location small{display:block;font-size:8px;color:var(--muted);line-height:1.3}.mobile-location b{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.5}.mobile-location .chevron{font-size:11px;color:var(--muted)}
  .header-main>.search-wrap{grid-row:2;grid-column:1/-1;width:100%;min-width:0;margin:0}
  #search-form{height:44px;border:0;border-radius:12px;background:#f1f3f6;padding-left:12px;box-shadow:inset 0 0 0 1px #e8eaf0}
  #search-form input{font-size:13px;background:transparent;min-width:0;padding:10px 7px}
  #search-form button{height:34px;min-width:48px;margin-right:5px;border-radius:8px;padding:0 11px;font-size:12px}
  .suggestions{max-height:calc(100dvh - var(--app-header) - var(--app-bottom) - 15px);overflow-y:auto;overscroll-behavior:contain;border-radius:12px}
  .suggestion{min-height:54px}.suggestion span{min-width:0}
  .mobile-back{position:absolute;display:none;left:-5px;top:7px;width:34px;height:40px;align-items:center;justify-content:center}
  body[data-route="product"] .mobile-back,body[data-route="cart"] .mobile-back,body[data-route="checkout"] .mobile-back{display:flex}
  body[data-route="product"] .header-main>.brand,body[data-route="cart"] .header-main>.brand,body[data-route="checkout"] .header-main>.brand{margin-left:29px;font-size:21px}
  .mobile-bottom-nav{position:fixed;z-index:70;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--app-bottom);padding:6px 8px calc(5px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e8eaf0;box-shadow:0 -5px 20px #25304405}
  .mobile-bottom-nav>a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;color:#737985;font-size:10px;font-weight:500;line-height:1.35}
  .mobile-bottom-nav>a>.icon,.mobile-bottom-nav [data-icon]>.icon{width:23px;height:23px;stroke-width:1.8}
  .mobile-bottom-nav>a.active{color:var(--orange);font-weight:700}
  .mobile-bottom-nav>a.active:before{content:'';position:absolute;top:-7px;width:25px;height:3px;background:var(--orange);border-radius:0 0 5px 5px}
  .mobile-cart-icon{position:relative;height:24px}.mobile-cart-icon>b{position:absolute;right:-12px;top:-5px;background:var(--orange);color:#fff;font-size:9px;min-width:16px;height:16px;line-height:16px;border-radius:8px;text-align:center;padding:0 3px;border:1px solid white}
  .main-home{padding-top:14px}.quick-categories{display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76px;gap:12px 7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -14px 14px;padding:0 14px 4px}
  .quick-categories::-webkit-scrollbar{display:none}.quick-category{min-width:0;width:76px;min-height:86px;font-size:10px;line-height:1.35;flex:none}.quick-category .category-orb{width:62px;height:62px;margin:0 auto 7px;border-radius:18px;box-shadow:0 2px 5px #25262d04}.category-orb :is(img,svg.category-art){width:100%;height:100%;object-fit:contain;padding:5px}
  .hero-grid{display:block;margin-bottom:16px}.hero-main{border-radius:17px;min-height:200px;isolation:isolate}.hero-text{padding:22px 18px 37px;width:63%;position:relative;z-index:2}.hero-text .eyebrow{font-size:8px;letter-spacing:.6px}.hero-text h1{font-size:26px;line-height:1.12;margin:12px 0 10px}.hero-text p{font-size:10px;line-height:1.6}.hero-text .button{font-size:10px;min-height:32px;padding:9px 12px;margin-top:13px}.hero-art{width:46%;pointer-events:none}.hero-art .product-main{width:100%;height:80%;right:-5%;top:12%;max-width:none}.hero-circle{width:225px;height:225px;right:-95px;top:5px}.hero-ring{width:170px;height:170px;right:-45px;top:35px}.hero-bottom{left:19px;bottom:13px}.hero-arrow{right:10px;bottom:10px}.hero-arrow button{width:28px;height:28px}.hero-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px}.mini-banner{padding:14px 11px;min-height:112px;border-radius:13px;overflow:hidden}.mini-banner small{font-size:7px}.mini-banner h2{font-size:15px;line-height:1.2;margin-top:9px;max-width:105px}.mini-banner b{font-size:8px;display:block;margin-top:9px;border-bottom:0;padding-bottom:0}.mini-banner :is(img,svg.category-art){width:65px;height:82px;right:-5px;bottom:0;opacity:.92}.service-strip{display:flex;gap:15px;overflow-x:auto;white-space:nowrap;font-size:9px;padding:13px 0;margin-bottom:10px;scrollbar-width:none}.service-strip .icon{width:16px;height:16px}.service-strip span{gap:5px}
  .section{margin-top:24px;margin-bottom:24px}.section-heading{gap:10px;margin-bottom:13px;align-items:center}.section-heading h2{font-size:18px;letter-spacing:-.5px;line-height:1.35}.section-heading>a{font-size:10px;white-space:nowrap}.section-heading .title-meta{font-size:10px;margin-top:4px}
  .product-grid,.catalog-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-deals>.product-card:nth-child(n+5){display:block}.product-card{min-width:0;border-radius:14px;overflow:hidden;border-color:#e8eaf0;box-shadow:0 2px 8px #25262d03}.product-image{height:clamp(145px,40vw,205px);padding:15px 12px 8px}.product-image img{max-height:100%;width:100%;object-fit:contain}.product-info{padding:10px 11px 12px;min-width:0}.product-seller{font-size:10px;line-height:1.4}.product-title{font-size:12px;line-height:1.5;height:36px;margin-top:4px;overflow:hidden}.product-info .rating{font-size:10px;gap:4px}.price-zone{min-height:38px;margin-top:7px}.product-price{font-size:clamp(17px,4.7vw,22px);letter-spacing:-.7px;line-height:1.3;flex-wrap:wrap;white-space:normal}.product-price small{font-size:10px}.old-price{font-size:10px}.discount{font-size:9px}.delivery-line{font-size:9px;margin:9px 0}.delivery-line .icon{width:13px;height:13px}.card-add{height:37px;min-height:37px;font-size:11px;border-radius:9px;background:#fff3e9;color:#e75b00;border:1px solid #ffe3cc;font-weight:700}.card-add .icon{width:15px;height:15px}.favorite-button{width:34px;height:34px;right:7px;top:7px;border-radius:50%;background:#fff;box-shadow:0 1px 8px #2530440a}.favorite-button .icon{width:19px;height:19px}.card-tag{font-size:8px;max-width:calc(100% - 50px);left:7px;top:10px}
  .promo-trio{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:11px;margin:24px -14px;padding:0 14px 4px;scrollbar-width:none}.promo-trio>.category-banner{flex:0 0 76%;min-height:166px;scroll-snap-align:center;padding:20px;border-radius:15px}.category-banner h2{font-size:23px;line-height:1.2}.category-banner small{font-size:8px}.category-banner :is(img,svg.category-art){width:115px;height:135px;right:0;bottom:0}.category-banner>b{font-size:10px;margin-top:16px}.tab-heading{display:block}.tab-pills{display:flex;overflow-x:auto;gap:8px;margin:12px -14px 0;padding:0 14px 4px;scrollbar-width:none}.pill{white-space:nowrap;min-height:38px;padding:9px 12px;font-size:11px}.category-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-directory>a{padding:14px 10px;gap:8px;align-items:start;border-radius:12px}.category-directory b{font-size:11px;line-height:1.5}.category-directory small{font-size:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-directory>a>.icon:first-child{width:20px;height:20px}.category-directory>a>.icon:last-child{display:none}
  .page-space{padding-top:16px;padding-bottom:24px}.breadcrumb{font-size:10px;white-space:nowrap;overflow:auto;margin-bottom:13px;scrollbar-width:none}.page-title{font-size:23px;line-height:1.4;letter-spacing:-.6px}.title-meta{font-size:11px;line-height:1.5}.catalog-top{gap:12px;align-items:flex-start;margin-bottom:16px}.catalog-top select{font-size:11px;max-width:140px;padding:10px 7px;min-height:40px}.catalog-top h1{font-size:21px}.catalog-banner{border-radius:10px;font-size:10px;line-height:1.6;padding:12px}.catalog-banner .icon{width:17px;height:17px}.result-info{font-size:10px;gap:10px;margin:14px 0}.mobile-filter{min-height:40px;min-width:85px;display:flex;align-items:center;justify-content:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:11px}.filter-sidebar.is-open{inset:15dvh 0 0;width:100%;max-width:100%;border-radius:22px 22px 0 0;padding:20px 20px calc(25px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}.filter-mobile-close{position:sticky;top:-20px;padding:12px 0;background:white;z-index:2}.filter-mobile-close button{width:44px;height:44px;font-size:28px}.filter-sidebar .check-row{min-height:40px;font-size:13px}.filter-sidebar input[type="checkbox"]{width:18px;height:18px}.filter-sidebar .button{min-height:44px;font-size:13px}.filter-category{min-height:36px}
  .app-category-page{width:100%;padding:0}.app-category-top{height:54px;margin:0;padding:0 16px;background:white;border-bottom:1px solid var(--line)}.app-category-top h1{font-size:21px}.app-category-top>a{font-size:11px}.app-category-layout{height:calc(100dvh - var(--app-header) - var(--app-bottom) - 54px - env(safe-area-inset-top,0px));min-height:260px;grid-template-columns:102px minmax(0,1fr);border:0;border-radius:0}.app-category-rail{padding:5px 0;background:#f1f3f6;scrollbar-width:none}.app-category-rail>button{min-height:78px;flex-direction:column;justify-content:center;gap:6px;padding:10px 7px;font-size:10px;text-align:center;line-height:1.4;border-left-width:3px}.app-category-rail .icon{width:22px;height:22px}.app-category-body{padding:12px;scrollbar-width:thin}.app-category-feature{min-height:122px;padding:13px;border-radius:12px}.app-category-feature>div{width:70%}.app-category-feature small{font-size:6px;letter-spacing:.3px}.app-category-feature h2{font-size:17px;margin:8px 0 10px}.app-category-feature a{font-size:9px}.app-category-feature :is(img,svg.category-art){width:37%;height:80%;right:0}.app-category-heading{margin:19px 0 10px;gap:7px}.app-category-heading h3{font-size:14px;line-height:1.5}.app-category-heading>button{width:34px;height:34px;flex:none}.app-category-heading .icon{width:18px;height:18px}.app-category-all{padding:11px 9px;font-size:10px;line-height:1.4;margin-bottom:12px;border-radius:9px}.app-category-all .icon{flex:none;width:15px;height:15px}.app-subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.app-subcategory{font-size:10px;padding:10px 5px;gap:9px;line-height:1.4;min-height:120px;border-radius:11px}.app-subcategory-art{width:65px;height:63px;border-radius:10px}.app-subcategory-art>.icon{width:28px;height:28px}
  .pdp-layout{display:flex;flex-direction:column;padding:0;border:0;gap:18px;background:transparent;margin-bottom:20px}.product-gallery{background:white;border-radius:16px;padding:12px;border:1px solid #e8eaf0}.gallery-main{height:min(85vw,360px);position:relative}.gallery-main>img{width:100%;height:100%;object-fit:contain}.gallery-thumbs{display:flex;overflow-x:auto;gap:8px;padding-top:12px;scrollbar-width:none}.gallery-thumbs button{width:53px;height:53px;flex:none;border-radius:9px}.gallery-thumbs img{width:100%;height:100%;object-fit:contain}.pdp-info{background:white;padding:18px;border-radius:15px;border:1px solid #e8eaf0}.pdp-info h1{font-size:20px;line-height:1.5;letter-spacing:-.3px}.pdp-brand{font-size:12px}.pdp-price{font-size:31px;line-height:1.3;margin-top:9px}.pdp-price span{font-size:16px}.pdp-info .installment-line{font-size:11px}.variant-options{gap:8px;flex-wrap:wrap}.variant-button{min-height:44px;min-width:48px;padding:10px 13px;font-size:12px;border-radius:10px}.pdp-info>.buy-row{display:none}.pdp-services{gap:10px;flex-wrap:wrap;font-size:9px}.seller-panel{padding:16px;border-radius:14px}.product-tabs{border-radius:14px;margin-bottom:20px}.tabs-header{padding:0 15px;gap:23px;scrollbar-width:none}.tabs-header button{min-height:48px;font-size:12px;padding:14px 0}.tab-content{padding:17px;font-size:13px;line-height:1.75;overflow-wrap:anywhere}.tab-content table{max-width:100%}.spec-grid{grid-template-columns:1fr}
  .mobile-routebar{position:fixed;inset:auto 0 0;z-index:75;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:11px 16px calc(11px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e8eaf0;box-shadow:0 -6px 20px #25304408}.mobile-routebar>div{min-width:0;flex:1}.mobile-routebar small{display:block;color:#777d88;font-size:10px;line-height:1.5;margin-bottom:3px}.mobile-routebar b{display:block;font-size:21px;line-height:1.25;letter-spacing:-.6px;white-space:nowrap}.mobile-routebar b span{font-size:12px}.mobile-routebar>.button{flex:0 0 48%;min-height:46px;border-radius:12px;padding:12px 9px;font-size:13px;gap:7px}.mobile-routebar .icon{width:19px;height:19px}.mobile-cartbar b{font-size:19px}
  body[data-route="product"],body[data-route="cart"],body[data-route="checkout"]{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}body[data-route="product"] .mobile-bottom-nav,body[data-route="cart"] .mobile-bottom-nav,body[data-route="checkout"] .mobile-bottom-nav{display:none}body[data-route="categories"] .site-footer,body[data-route="product"] .site-footer,body[data-route="cart"] .site-footer,body[data-route="checkout"] .site-footer{display:none}
  .cart-page{padding-top:18px}.cart-heading{margin-bottom:16px}.cart-heading small{font-size:11px}.cart-layout{gap:16px}.cart-notice{font-size:10px;line-height:1.6;padding:12px;border-radius:11px}.seller-cart{border-radius:14px;margin-top:14px}.seller-cart-header{padding:12px;font-size:11px}.seller-cart-header small{font-size:9px}.cart-item{position:relative;display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:15px 12px}.cart-item-image{width:80px;height:95px;object-fit:contain;background:#fff;border-radius:9px}.cart-item-info{min-width:0}.cart-item-info h3{font-size:12px;line-height:1.55}.cart-item-info>small{font-size:10px;display:block;margin-top:5px;line-height:1.5}.cart-item-actions{gap:10px;margin-top:9px;flex-wrap:wrap}.cart-item-actions button{font-size:10px;min-height:32px}.cart-item-right{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0}.cart-item-right .product-price{font-size:17px;margin:0}.quantity{height:35px;border-radius:8px}.quantity button{width:32px;min-height:33px}.quantity span{font-size:12px;min-width:25px}.order-summary{padding:18px;border-radius:14px}.order-summary h2{font-size:18px}.order-summary .button{min-height:44px}.summary-line{font-size:12px}.summary-total b{font-size:24px}.coupon-form{gap:8px}.coupon-form input{min-width:0;font-size:14px}.coupon-form button{min-height:44px}.checkout-steps{overflow-x:auto;gap:8px;font-size:10px;scrollbar-width:none}.checkout-layout{gap:16px}.panel{padding:18px;border-radius:14px}.form-field input,.form-field select,.form-field textarea{min-height:46px}.form-actions .button{min-height:46px}.account-nav{display:flex;overflow-x:auto;gap:7px;padding:8px;scrollbar-width:none}.account-nav a{white-space:nowrap;min-height:40px;padding:10px 12px;font-size:11px}.account-layout,.help-layout{margin-top:16px}.empty-state{padding:35px 15px}.empty-state h2{font-size:20px;line-height:1.4}.empty-state p{font-size:12px;line-height:1.7}.empty-state .button{min-height:44px}
  dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:90dvh;border-radius:23px 23px 0 0;border:0;padding-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior:contain}.modal-head{padding:21px 20px 16px}.modal-head h2{font-size:20px}.modal-head button{min-width:40px;min-height:40px}.modal-body{padding:8px 20px 24px}.modal-body .button{min-height:46px}.modal-body .form-field{margin-bottom:13px}.toast-region{bottom:calc(88px + env(safe-area-inset-bottom,0px));left:14px;right:14px}.toast{border-radius:12px;font-size:12px;line-height:1.5;max-width:100%}.back-top{bottom:calc(84px + env(safe-area-inset-bottom,0px));right:14px;width:38px;height:38px}.commerce-status{font-size:11px;margin-top:9px;padding:10px 12px;line-height:1.5}
  .footer-benefits,.footer-brand,.footer-news{display:none}.footer-main{padding:20px 0;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.footer-main h3{font-size:11px}.footer-main>div>a:not(.brand){font-size:10px;line-height:1.5}.footer-bottom{font-size:9px;line-height:1.7;padding:16px 0 22px}.site-footer{margin-top:25px}.campaign-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.campaign-visual{height:135px}.campaign-card-info{padding:13px}.campaign-card-info h2{font-size:15px}.campaign-card-info p{font-size:10px;line-height:1.6}.campaign-card-info .button{min-height:36px;font-size:10px}
}
@media(max-width:350px){.header-main>.brand{font-size:22px}.mobile-location b{max-width:110px;font-size:9px}.mobile-location small{font-size:7px}.mobile-bottom-nav>a{font-size:9px}.product-info{padding:9px}.product-price{font-size:16px}.mobile-routebar{padding-left:12px;padding-right:12px;gap:9px}.mobile-routebar b{font-size:18px}.mobile-routebar>.button{font-size:12px}.app-category-layout{grid-template-columns:90px minmax(0,1fr)}.app-category-body{padding:9px}.app-subcategory{font-size:9px}.app-subcategory-art{width:54px;height:55px}.hero-text h1{font-size:24px}.category-directory{grid-template-columns:1fr}}

@media(max-width:760px){body[data-route="cart"]:not(.has-routebar) .mobile-bottom-nav{display:grid}body[data-route="cart"]:not(.has-routebar){padding-bottom:var(--app-bottom)}}