:root{
    --ink:#111827;--muted:#6b7280;--line:#e5e7eb;--soft:#f7f8fb;--surface:#fff;
    --brand:#ef4444;--brand-dark:#c92929;--accent:#f97316;--green:#15945b;
    --container:1280px;--radius:18px;--shadow:0 16px 45px rgba(17,24,39,.09);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.site-container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.mobile-only{display:none!important}.announcement{color:#f9fafb;background:#111827;font-size:13px}.announcement__inner{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:20px}.announcement a,.announcement span{display:flex;align-items:center;gap:8px}.store-header{position:sticky;z-index:100;top:0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);box-shadow:0 4px 20px rgba(17,24,39,.04);backdrop-filter:blur(14px)}.header-main{display:grid;grid-template-columns:auto minmax(320px,1fr) auto;min-height:84px;align-items:center;gap:32px}.store-brand{display:flex;align-items:center;gap:12px;min-width:220px}.store-brand__mark{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent));font-size:17px;font-weight:900}.store-brand>span:last-child{display:grid;line-height:1}.store-brand strong{font-size:18px;letter-spacing:.03em}.store-brand small{margin-top:6px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.22em}.store-brand img{width:48px;height:48px;object-fit:contain}.store-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid #d9dde5;border-radius:14px;background:#f8fafc;transition:.2s}.store-search:focus-within{border-color:#9ca3af;background:#fff;box-shadow:0 0 0 4px rgba(17,24,39,.05)}.store-search i{margin-left:16px;color:#9ca3af}.store-search input{width:100%;height:48px;border:0;outline:0;padding:0 14px;background:transparent}.store-search button{height:40px;margin-right:4px;border:0;border-radius:10px;padding:0 18px;color:#fff;background:var(--ink);font-size:12px;font-weight:750}.header-actions{display:flex;align-items:center;gap:10px}.header-action{position:relative;display:flex;min-height:48px;align-items:center;gap:10px;padding:5px 8px;border-radius:12px}.header-action:hover{background:#f5f6f8}.header-action>i{font-size:23px}.header-action>span{display:grid;min-width:80px;font-size:12px;font-weight:700;line-height:1.15}.header-action small{margin-bottom:4px;color:var(--muted);font-size:9px;font-weight:600}.cart-link b{position:absolute;top:0;left:27px;display:grid;min-width:18px;height:18px;place-items:center;border:2px solid #fff;border-radius:99px;color:#fff;background:var(--brand);font-size:9px}.category-nav{border-top:1px solid #f0f1f4;background:#fff}.category-nav__inner{display:flex;min-height:46px;align-items:center;gap:3px;overflow-x:auto;scrollbar-width:none}.category-nav__inner::-webkit-scrollbar{display:none}.category-nav a{flex:0 0 auto;border-radius:9px;padding:9px 12px;color:#444b57;font-size:12px;font-weight:650}.category-nav a:hover,.category-nav a.active{color:var(--brand);background:#fff3f2}.category-nav__all{margin-right:7px;color:#fff!important;background:var(--ink)!important}.mobile-search-row{display:none}.store-main{min-height:60vh}.hero-banner{position:relative;display:block;overflow:hidden;margin-top:24px;border-radius:26px;background:#111827;box-shadow:var(--shadow)}.hero-banner>img{width:100%;aspect-ratio:1600/620;object-fit:cover}.hero-copy{position:absolute;inset:0;display:grid;width:56%;align-content:center;padding:7%;color:#fff}.hero-copy span,.section-heading span,.page-hero span,.dialog-heading>span,.auth-visual>span,.lookup-page form>span,.admin-page-head span{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.2em}.hero-copy h1{max-width:680px;margin:13px 0 8px;font-size:clamp(32px,4.8vw,70px);line-height:1.02}.hero-copy p{max-width:620px;margin:0 0 28px;color:#e5e7eb;font-size:clamp(14px,1.8vw,23px)}.hero-copy b{display:flex;width:max-content;align-items:center;gap:9px;border-radius:12px;padding:14px 18px;background:linear-gradient(135deg,var(--brand),var(--accent));font-size:13px}.home-section{padding-block:58px}.soft-section{position:relative}.soft-section:before{position:absolute;z-index:-1;inset:0 calc((100vw - 100%)/-2);background:#f8fafc;content:""}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2{margin:7px 0 0;font-size:clamp(25px,3vw,38px);line-height:1.15}.section-heading>a{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:14px}.category-grid>a{display:grid;min-width:0;justify-items:center;gap:9px;border:1px solid var(--line);border-radius:18px;padding:18px 7px 14px;background:#fff;text-align:center;transition:.22s}.category-grid>a:hover{border-color:#fecaca;box-shadow:0 14px 32px rgba(17,24,39,.08);transform:translateY(-4px)}.category-grid span{display:grid;width:78px;height:78px;place-items:center;border-radius:18px;background:#f8fafc}.category-grid img{width:70px;height:70px;object-fit:contain}.category-grid strong{overflow:hidden;width:100%;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.category-grid small{color:var(--muted);font-size:10px}.benefits{border-block:1px solid var(--line);padding-block:22px;background:#fbfcfe}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefits article{display:flex;align-items:center;gap:13px;padding:10px}.benefits i{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;color:var(--brand);background:#fff0ef;font-size:21px}.benefits article>div{display:grid}.benefits strong{font-size:13px}.benefits span{color:var(--muted);font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.22s}.product-card:hover{border-color:#d1d5db;box-shadow:var(--shadow);transform:translateY(-4px)}.product-card__image{position:relative;display:block;overflow:hidden;background:#f7f8fa}.product-card__image>img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:.3s}.product-card:hover .product-card__image>img{transform:scale(1.035)}.product-card__badges{position:absolute;top:12px;left:12px;display:flex;gap:5px}.product-card__badges span{border-radius:7px;padding:4px 8px;color:#fff;background:var(--ink);font-size:9px;font-weight:800;text-transform:uppercase}.product-card__badges .hot{background:var(--brand)}.sold-out{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(17,24,39,.55);font-weight:800}.product-card__body{padding:15px}.product-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase}.product-card__meta a{color:var(--brand)}.product-card h3{height:44px;margin:9px 0 13px;overflow:hidden;font-size:14px;line-height:1.55}.product-card h3 a:hover{color:var(--brand)}.product-price{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.product-price strong{color:#111827;font-size:18px}.product-price small{color:var(--muted);font-size:8px}.product-card__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px;border-top:1px solid #f0f1f3;padding-top:12px}.stock{display:flex;align-items:center;gap:6px;color:var(--green);font-size:10px;font-weight:700}.stock.out{color:var(--brand)}.product-card__bottom form button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:11px;color:#fff;background:var(--ink);font-size:16px}.product-card__bottom form button:hover{background:var(--brand)}.wholesale-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-block:20px 55px;border-radius:24px;padding:40px 48px;color:#fff;background:linear-gradient(120deg,#111827,#3b2c61)}.wholesale-strip h2{margin:8px 0;font-size:32px}.wholesale-strip p{max-width:700px;margin:0;color:#d1d5db}.primary-button,.secondary-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;padding:0 20px;font-size:13px;font-weight:800;transition:.2s}.primary-button{color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 10px 24px rgba(239,68,68,.2)}.primary-button:hover{color:#fff;filter:brightness(.96);transform:translateY(-1px)}.secondary-button{border:1px solid var(--line);background:#fff}.page-hero{padding-block:58px;background:linear-gradient(135deg,#f8fafc,#fff4f2)}.page-hero.compact{padding-block:35px}.page-hero h1{margin:8px 0 7px;font-size:clamp(30px,4vw,48px)}.page-hero p{max-width:700px;margin:0;color:var(--muted)}.catalog-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:30px;padding-block:38px 65px}.catalog-filter{position:sticky;top:148px;height:max-content;border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff}.filter-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.filter-title a{color:var(--brand);font-size:10px}.catalog-filter form{display:grid;gap:15px}.catalog-filter label,.auth-card label,.form-grid label,.lookup-page form label{display:grid;gap:6px;font-size:11px;font-weight:750}.catalog-filter input,.catalog-filter select,.auth-card input,.form-grid input,.form-grid select,.form-grid textarea,.lookup-page input{width:100%;min-height:43px;border:1px solid #d9dde5;border-radius:10px;padding:9px 11px;outline:0;background:#fff}.catalog-filter input:focus,.catalog-filter select:focus,.auth-card input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.lookup-page input:focus{border-color:#9ca3af;box-shadow:0 0 0 4px rgba(17,24,39,.05)}.checkbox-row{display:flex!important;align-items:center;gap:9px}.checkbox-row input{width:16px!important;min-height:auto!important}.catalog-toolbar{display:flex;min-height:42px;align-items:center;justify-content:space-between;margin-bottom:18px}.catalog-toolbar strong{font-size:13px}.pagination-wrap{margin-top:28px}.pagination{display:flex;gap:5px;padding:0;list-style:none}.page-link{border:1px solid var(--line)!important;border-radius:8px!important;color:var(--ink)!important}.page-item.active .page-link{color:#fff!important;background:var(--ink)!important}.empty-state{display:grid;min-height:260px;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center}.empty-state i{font-size:43px}.empty-state h1,.empty-state h2{margin:0;color:var(--ink)}.empty-state p{margin:0 0 12px}.empty-state.full{grid-column:1/-1}.page-empty{min-height:65vh}.breadcrumbs{display:flex;align-items:center;gap:8px;overflow:hidden;padding-block:18px;color:var(--muted);font-size:11px}.breadcrumbs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:45px;padding-block:15px 50px}.gallery-main{position:relative;overflow:hidden;border-radius:22px;background:#f7f8fb}.gallery-main img{width:100%;aspect-ratio:1/1;object-fit:contain}.gallery-main>span{position:absolute;top:15px;left:15px;border-radius:8px;padding:6px 10px;color:#fff;background:var(--brand);font-size:10px;font-weight:800}.gallery-thumbs{display:flex;gap:9px;margin-top:12px;overflow-x:auto}.gallery-thumbs button{flex:0 0 74px;overflow:hidden;border:2px solid transparent;border-radius:11px;padding:0;background:#f8fafc}.gallery-thumbs button.active{border-color:var(--brand)}.gallery-thumbs img{width:70px;height:70px;object-fit:cover}.summary-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:700}.summary-meta a{color:var(--brand)}.product-summary h1{margin:15px 0 12px;font-size:clamp(28px,3.5vw,46px);line-height:1.15}.summary-short{color:var(--muted);font-size:14px}.summary-price{display:grid;margin-block:23px;border-block:1px solid var(--line);padding-block:19px}.summary-price>small{color:var(--muted);font-size:10px;text-transform:uppercase}.summary-price>strong{margin:3px 0;color:var(--brand);font-size:34px}.summary-price>a{width:max-content;color:#245ec7;font-size:11px;font-weight:700}.summary-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-info>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;border-radius:13px;padding:12px;background:#f7f8fb;font-size:10px}.summary-info i{grid-row:1/3;color:var(--brand);font-size:20px}.summary-info b{font-size:9px;text-transform:uppercase}.add-cart-panel{display:flex;gap:12px;margin-top:22px}.quantity-input{display:grid;grid-template-columns:38px 50px 38px;overflow:hidden;border:1px solid #d7dbe1;border-radius:12px;background:#fff}.quantity-input button{border:0;background:#f5f6f8;font-size:19px}.quantity-input input{width:50px;border:0;outline:0;text-align:center;-moz-appearance:textfield}.quantity-input input::-webkit-outer-spin-button,.quantity-input input::-webkit-inner-spin-button{-webkit-appearance:none}.add-cart-panel .primary-button{flex:1}.wholesale-inline{display:flex;width:100%;align-items:center;gap:12px;margin-top:15px;border:1px solid #fed7aa;border-radius:14px;padding:13px;color:#7c2d12;background:#fff7ed;text-align:left}.wholesale-inline>i:first-child{font-size:23px}.wholesale-inline span{display:grid;flex:1;font-size:10px}.wholesale-inline b{font-size:12px}.out-stock-box{margin-top:20px;border-radius:12px;padding:15px;color:#991b1b;background:#fef2f2}.product-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:30px;padding-bottom:40px}.product-description,.specification-card{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff}.product-description h2,.specification-card h2{margin:0 0 20px;font-size:23px}.rich-content{color:#3f4651;line-height:1.8}.rich-content h2,.rich-content h3{color:var(--ink)}.rich-content img{border-radius:14px}.specification-card dl{margin:0}.specification-card dl>div{display:grid;grid-template-columns:43% 57%;gap:10px;border-bottom:1px solid #edf0f3;padding:12px 4px}.specification-card dl>div:last-child{border-bottom:0}.specification-card dt{color:var(--muted);font-size:12px;font-weight:500}.specification-card dd{margin:0;font-size:12px;font-weight:700}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:30px;padding-block:38px 70px}.cart-items{display:grid;gap:12px}.cart-row{display:grid;grid-template-columns:105px minmax(0,1fr) auto 110px 36px;align-items:center;gap:16px;border:1px solid var(--line);border-radius:17px;padding:12px;background:#fff}.cart-row__image img{width:105px;height:95px;border-radius:12px;object-fit:cover}.cart-row__info{display:grid}.cart-row__info small,.cart-row__info span{color:var(--muted);font-size:10px}.cart-row__info h3{margin:4px 0;font-size:14px}.cart-row__total{text-align:right}.cart-remove{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:9px;color:#b91c1c;background:#fef2f2}.cart-update{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.cart-update a{font-size:12px;font-weight:700}.cart-update button{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:#fff;font-size:11px;font-weight:700}.cart-summary,.checkout-summary{position:sticky;top:152px;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:0 12px 35px rgba(17,24,39,.06)}.cart-summary h2,.checkout-summary h2,.checkout-form h2{margin:0 0 18px;font-size:20px}.cart-summary>div,.checkout-summary>div:not(.checkout-item){display:flex;align-items:center;justify-content:space-between;margin:13px 0;font-size:12px}.cart-summary hr,.checkout-summary hr{border:0;border-top:1px solid var(--line)}.cart-grand strong,.checkout-summary .grand strong{color:var(--brand);font-size:21px}.cart-summary p,.checkout-summary>p{display:flex;gap:8px;color:var(--muted);font-size:10px}.cart-summary .primary-button,.checkout-summary>.primary-button{width:100%}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:35px;padding-block:40px 70px}.checkout-form{display:grid;gap:22px}.checkout-form>h2:not(:first-child){margin-top:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .full{grid-column:1/-1}.payment-option{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.payment-option>i{font-size:24px}.payment-option span{display:grid}.payment-option small{color:var(--muted)}.checkout-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #eff1f4;padding:10px 0}.checkout-item img{width:52px;height:52px;border-radius:9px;object-fit:cover}.checkout-item span{display:grid}.checkout-item b{font-size:11px}.checkout-item small{color:var(--muted);font-size:9px}.checkout-item>strong{font-size:11px}.success-page{display:grid;min-height:72vh;place-items:center;align-content:center;max-width:760px;padding-block:60px;text-align:center}.success-icon{display:grid;width:82px;height:82px;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:40px}.success-page>span{margin-top:18px;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.18em}.success-page h1{margin:8px 0;font-size:42px}.success-page>p{max-width:610px;color:var(--muted)}.success-order{display:grid;grid-template-columns:repeat(4,1fr);width:100%;margin-block:22px;border:1px solid var(--line);border-radius:16px;padding:18px}.success-order div{display:grid;border-right:1px solid var(--line);padding:5px 10px}.success-order div:last-child{border-right:0}.success-order span{color:var(--muted);font-size:9px}.success-order strong{font-size:12px}.success-actions{display:flex;gap:10px}.auth-page{display:grid;grid-template-columns:1.05fr .95fr;min-height:calc(100vh - 167px);background:#f8fafc}.auth-visual{display:grid;align-content:center;padding:10vw;color:#fff;background:linear-gradient(145deg,#111827,#3b2c61)}.auth-visual h1{max-width:620px;margin:12px 0;font-size:clamp(34px,4.5vw,62px);line-height:1.08}.auth-visual p{max-width:590px;color:#d1d5db}.auth-visual>div{display:flex;align-items:center;gap:9px;margin-top:12px}.auth-card{align-self:center;width:min(500px,calc(100% - 40px));margin:50px auto;border:1px solid var(--line);border-radius:22px;padding:34px;background:#fff;box-shadow:var(--shadow)}.auth-card h2{margin:0;font-size:29px}.auth-card>p{margin:6px 0 23px;color:var(--muted)}.auth-card>label{margin-bottom:14px}.auth-card>.primary-button{width:100%;margin-top:8px}.auth-links{margin-top:18px;text-align:center;font-size:12px}.auth-links a{color:var(--brand);font-weight:800}.account-layout{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:25px;padding-block:38px 70px}.account-menu{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.account-menu a,.account-menu button{display:flex;width:100%;align-items:center;gap:10px;border:0;border-bottom:1px solid #eff1f4;padding:14px;color:#4b5563;background:#fff;font-size:12px;text-align:left}.account-menu a.active,.account-menu a:hover,.account-menu button:hover{color:var(--brand);background:#fff5f4}.account-card{border:1px solid var(--line);border-radius:18px;padding:25px;background:#fff}.account-tier{display:grid;margin-bottom:25px;border-radius:14px;padding:18px;color:#fff;background:linear-gradient(130deg,#111827,#3b2c61)}.account-tier span,.account-tier small{color:#d1d5db;font-size:10px}.account-tier strong{font-size:24px}.account-card>.primary-button{margin-top:18px}.order-list{display:grid;gap:10px}.order-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;border:1px solid var(--line);border-radius:13px;padding:15px}.order-list>a:hover{border-color:#fca5a5}.order-list>a>div{display:grid}.order-list small{color:var(--muted);font-size:10px}.order-detail-page{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;padding-block:38px 70px}.order-products,.order-sidebar{border:1px solid var(--line);border-radius:18px;padding:22px}.order-products h2,.order-sidebar h2{margin:0 0 16px;font-size:19px}.order-products>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eff1f4;padding:12px 0}.order-products span{display:grid}.order-products small{color:var(--muted);font-size:10px}.order-products .order-total{border-bottom:0}.timeline{display:grid;gap:0}.timeline>div{display:grid;grid-template-columns:18px 1fr;gap:10px;min-height:55px}.timeline i{position:relative;display:block}.timeline i:before{position:absolute;top:4px;left:4px;width:10px;height:10px;border-radius:50%;background:var(--brand);content:""}.timeline i:after{position:absolute;top:14px;bottom:0;left:8px;width:2px;background:#fee2e2;content:""}.timeline>div:last-child i:after{display:none}.timeline span{display:grid}.timeline b{font-size:11px}.timeline small{color:var(--muted);font-size:9px}.lookup-page{display:grid;grid-template-columns:minmax(320px,480px) minmax(0,650px);justify-content:center;gap:35px;padding:70px 20px;background:#f8fafc}.lookup-page>form,.lookup-result{border:1px solid var(--line);border-radius:20px;padding:30px;background:#fff;box-shadow:0 14px 40px rgba(17,24,39,.06)}.lookup-page h1{margin:9px 0;font-size:34px}.lookup-page form>p{margin:0 0 23px;color:var(--muted)}.lookup-page form label{margin-bottom:14px}.lookup-page form .primary-button{width:100%}.lookup-success{display:flex;align-items:center;gap:12px;border-radius:14px;padding:15px;color:#065f46;background:#ecfdf5}.lookup-success>i{font-size:30px}.lookup-success span{display:grid;flex:1}.lookup-success small{font-size:10px}.lookup-item{display:flex;justify-content:space-between;border-bottom:1px solid #eff1f4;padding:14px 4px;font-size:11px}.lookup-result .timeline{margin-top:20px}.static-page{max-width:900px;padding-block:45px 75px}.store-footer{padding-top:50px;color:#d1d5db;background:#111827}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:42px}.footer-grid section{display:grid;align-content:start;gap:9px}.footer-brand{color:#fff;font-size:22px;font-weight:900}.footer-grid p{max-width:470px;color:#9ca3af;font-size:12px}.footer-grid h3{margin:0 0 8px;color:#fff;font-size:14px}.footer-grid a,.footer-grid button,.footer-grid span{border:0;padding:0;color:#9ca3af;background:transparent;font-size:11px;text-align:left}.footer-grid a:hover,.footer-grid button:hover{color:#fff}.footer-contact{display:grid;gap:7px}.footer-contact a,.footer-contact span{display:flex;align-items:center;gap:8px}.footer-bottom{margin-top:35px;border-top:1px solid #29303c;padding-block:18px;color:#6b7280;font-size:10px}.wholesale-fab{position:fixed;z-index:90;right:22px;bottom:22px;display:flex;align-items:center;gap:8px;border:0;border-radius:99px;padding:12px 17px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 12px 30px rgba(239,68,68,.28);font-size:12px;font-weight:800}.wholesale-dialog{width:min(720px,calc(100% - 30px));border:0;border-radius:22px;padding:28px;box-shadow:0 30px 80px rgba(17,24,39,.3)}.wholesale-dialog::backdrop{background:rgba(17,24,39,.65);backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:15px;right:15px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;background:#f3f4f6;font-size:22px}.dialog-heading h2{margin:7px 0 4px;font-size:30px}.dialog-heading p{margin:0 0 22px;color:var(--muted)}.toast-message{position:fixed;z-index:300;top:20px;left:50%;display:flex;width:min(480px,calc(100% - 24px));align-items:center;gap:10px;border:1px solid #a7f3d0;border-radius:13px;padding:12px 14px;color:#065f46;background:#ecfdf5;box-shadow:var(--shadow);transform:translateX(-50%)}.toast-message.is-error{border-color:#fecaca;color:#991b1b;background:#fef2f2}.toast-message span{flex:1;font-size:12px}.toast-message button{border:0;background:transparent;font-size:20px}.mobile-drawer,.mobile-bottom-nav{display:none}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(5,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.header-main{gap:17px}.store-brand{min-width:190px}.header-action>span{display:none}.product-content-grid{grid-template-columns:1fr 380px}}
@media(max-width:820px){body{padding-bottom:68px}.desktop-only{display:none!important}.mobile-only{display:flex!important}.site-container{width:min(var(--container),calc(100% - 26px))}.announcement{display:none}.store-header{top:0}.header-main{grid-template-columns:auto 1fr auto;min-height:62px;gap:10px}.icon-button{display:grid!important;width:40px;height:40px;place-items:center;border:0;border-radius:11px;background:#f3f4f6;font-size:23px}.store-brand{min-width:0}.store-brand__mark{width:38px;height:38px;border-radius:11px;font-size:13px}.store-brand strong{font-size:14px}.store-brand small{font-size:7px}.header-actions{justify-self:end}.cart-link{padding:3px}.cart-link>span{display:none}.cart-link>i{font-size:22px}.cart-link b{top:-2px;left:18px}.mobile-search-row{display:block;padding-bottom:9px}.mobile-search-row .store-search input{height:42px}.mobile-search-row .store-search button{display:grid;width:37px;height:35px;place-items:center;padding:0}.hero-banner{margin-top:13px;border-radius:17px}.hero-banner>img{min-height:270px;object-fit:cover;object-position:65% center}.hero-copy{width:70%;padding:7%}.hero-copy h1{font-size:30px}.hero-copy p{font-size:13px}.hero-copy b{padding:10px 13px;font-size:10px}.home-section{padding-block:38px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:25px}.category-grid{display:flex;gap:12px;overflow-x:auto;padding-bottom:7px;scroll-snap-type:x mandatory}.category-grid>a{flex:0 0 118px;padding:13px 6px;scroll-snap-align:start}.category-grid span{width:68px;height:68px}.category-grid img{width:60px;height:60px}.benefits-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-card{border-radius:14px}.product-card__body{padding:11px}.product-card h3{height:40px;margin:7px 0 10px;font-size:12px}.product-price{display:grid;align-items:start}.product-price strong{font-size:15px}.product-price small{font-size:7px}.wholesale-strip{display:grid;margin-bottom:35px;padding:26px}.wholesale-strip h2{font-size:26px}.catalog-layout{display:block;padding-top:20px}.catalog-filter{position:fixed;z-index:180;inset:auto 10px 74px;display:none;max-height:75vh;overflow-y:auto;box-shadow:0 20px 70px rgba(17,24,39,.3)}.catalog-filter.is-open{display:block}.catalog-toolbar{margin-bottom:11px}.filter-toggle{border:1px solid var(--line);border-radius:9px;padding:7px 10px;background:#fff}.product-detail{grid-template-columns:1fr;gap:25px;padding-bottom:35px}.product-summary h1{font-size:31px}.summary-info{grid-template-columns:1fr 1fr}.product-content-grid{grid-template-columns:1fr}.specification-card{order:-1}.cart-layout,.checkout-layout,.account-layout,.order-detail-page{grid-template-columns:1fr}.cart-summary,.checkout-summary{position:static}.cart-row{grid-template-columns:76px minmax(0,1fr) auto;gap:10px}.cart-row__image img{width:76px;height:72px}.cart-row .quantity-input{grid-column:2}.cart-row__total{grid-column:3;grid-row:2}.cart-remove{grid-column:3;grid-row:1}.checkout-summary{order:-1}.success-order{grid-template-columns:1fr 1fr}.success-order div:nth-child(2){border-right:0}.success-order div{border-bottom:1px solid var(--line)}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-card{margin-block:30px}.lookup-page{grid-template-columns:1fr;padding-block:30px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid section:first-child{grid-column:1/-1}.wholesale-fab{right:13px;bottom:79px;padding:11px}.wholesale-fab span{display:none}.mobile-bottom-nav{position:fixed;z-index:120;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);height:66px;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.97);box-shadow:0 -5px 22px rgba(17,24,39,.08);backdrop-filter:blur(14px)}.mobile-bottom-nav a,.mobile-bottom-nav button{position:relative;display:grid;place-items:center;align-content:center;gap:2px;border:0;color:#6b7280;background:transparent;font-size:9px}.mobile-bottom-nav i{font-size:20px}.mobile-bottom-nav .active{color:var(--brand)}.mobile-bottom-nav b{position:absolute;top:6px;left:55%;display:grid;min-width:17px;height:17px;place-items:center;border-radius:99px;color:#fff;background:var(--brand);font-size:8px}.mobile-drawer{position:fixed;z-index:250;inset:0;display:block;visibility:hidden;opacity:0;transition:.2s}.mobile-drawer.is-open{visibility:visible;opacity:1}.mobile-drawer__overlay{position:absolute;inset:0;width:100%;border:0;background:rgba(17,24,39,.6)}.mobile-drawer__panel{position:absolute;top:0;bottom:0;left:0;width:min(350px,88vw);overflow-y:auto;padding:14px;background:#fff;transform:translateX(-105%);transition:.25s}.mobile-drawer.is-open .mobile-drawer__panel{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:6px 5px 14px}.drawer-head button{border:0;background:transparent;font-size:22px}.drawer-user{display:flex;align-items:center;gap:10px;border-radius:13px;margin-block:12px;padding:12px;background:#f8fafc}.drawer-user>i{font-size:28px}.drawer-user>div{display:grid}.drawer-user small{color:var(--muted)}.mobile-drawer__panel>a,.mobile-drawer__panel form button{display:flex;width:100%;align-items:center;gap:11px;border:0;border-bottom:1px solid #f0f1f4;padding:12px 5px;background:#fff;font-size:12px;text-align:left}.mobile-drawer__panel>a img{width:31px;height:31px;object-fit:contain}.mobile-drawer__panel>a>i,.mobile-drawer__panel form i{width:31px;font-size:19px}.mobile-drawer__panel hr{border:0;border-top:1px solid var(--line)}}
@media(max-width:520px){.site-container{width:calc(100% - 20px)}.store-brand>span:last-child{display:none}.hero-banner>img{min-height:240px}.hero-copy{width:78%}.hero-copy h1{font-size:25px}.hero-copy p{display:none}.hero-copy b{margin-top:12px}.section-heading>a{display:none}.category-grid>a{flex-basis:103px}.category-grid strong{font-size:11px}.category-grid small{display:none}.benefits-grid{gap:4px}.benefits article{gap:8px;padding:7px 2px}.benefits i{width:36px;height:36px;font-size:17px}.benefits strong{font-size:10px}.benefits span{font-size:8px}.product-grid{gap:8px}.product-card__meta span{display:none}.product-card__badges{top:7px;left:7px}.product-card__badges span{padding:3px 6px;font-size:7px}.summary-info{grid-template-columns:1fr}.add-cart-panel{display:grid;grid-template-columns:126px 1fr}.product-description,.specification-card{padding:18px}.product-content-grid{gap:14px}.cart-row{padding:8px}.cart-row__info h3{font-size:11px}.cart-row__total{font-size:11px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.success-page h1{font-size:30px}.success-order{grid-template-columns:1fr}.success-order div{border-right:0}.success-actions{display:grid;width:100%}.auth-card{width:calc(100% - 20px);padding:22px}.footer-grid{grid-template-columns:1fr}.footer-grid section:first-child{grid-column:auto}.wholesale-dialog{padding:21px 17px}.dialog-heading h2{font-size:25px}}

/* ===== UI refinement 2026-07: consistent desktop + mobile layout ===== */
body.storefront{font-size:15px;background:#fff}
.store-header{box-shadow:0 6px 24px rgba(17,24,39,.055)}
.header-main{min-height:86px;gap:26px}
.store-search input{font-size:14px}
.store-search button{font-size:13px}
.header-action>span{font-size:13px}
.header-action small{font-size:10px}
.category-nav a{padding:10px 13px;font-size:13px}

.home-hero{padding-top:24px}
.hero-banner{
    display:grid;
    grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);
    min-height:470px;
    margin-top:0;
    overflow:hidden;
    border-radius:28px;
    background:linear-gradient(115deg,#101827 0%,#171a31 52%,#332451 100%);
}
.hero-copy{
    position:relative;
    z-index:2;
    inset:auto;
    display:flex;
    width:auto;
    min-width:0;
    align-content:initial;
    flex-direction:column;
    justify-content:center;
    padding:58px 32px 58px 72px;
}
.hero-copy span{font-size:12px;line-height:1.4}
.hero-copy h1{
    max-width:660px;
    margin:16px 0 14px;
    font-size:clamp(40px,4.2vw,62px);
    line-height:1.06;
    letter-spacing:-.035em;
    text-wrap:balance;
}
.hero-copy p{
    max-width:600px;
    margin:0 0 30px;
    color:#dfe4ec;
    font-size:clamp(16px,1.35vw,19px);
    line-height:1.65;
}
.hero-copy b{padding:14px 20px;font-size:14px}
.hero-visual{position:relative;min-width:0;overflow:hidden}
.hero-visual:before{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#171a31 0%,rgba(23,26,49,.1) 28%,transparent 55%);content:"";pointer-events:none}
.hero-visual img{width:100%;height:100%;min-height:470px;object-fit:cover;object-position:center}

.home-section{padding-block:52px}
.section-heading{margin-bottom:24px}
.section-heading h2{font-size:clamp(28px,2.6vw,38px);letter-spacing:-.025em}
.category-grid>a{min-height:164px;padding:18px 8px 15px}
.category-grid strong{font-size:14px;line-height:1.35;white-space:normal;text-wrap:balance}
.category-grid small{font-size:11px}
.benefits strong{font-size:14px}
.benefits span{font-size:12px}
.product-card h3{font-size:15px}
.product-card__meta{font-size:10px}
.product-price strong{font-size:19px}
.product-price small,.stock{font-size:10px}
.wholesale-strip p{font-size:15px;line-height:1.65}
.footer-grid p{font-size:13px}
.footer-grid a,.footer-grid button,.footer-grid span{font-size:12px}

@media(max-width:1100px){
    .hero-banner{grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);min-height:430px}
    .hero-copy{padding:48px 24px 48px 48px}
    .hero-copy h1{font-size:clamp(36px,4.6vw,52px)}
    .hero-visual img{min-height:430px}
}

@media(max-width:820px){
    body.storefront{font-size:14px}
    .header-main{min-height:64px}
    .home-hero{padding-top:13px}
    .hero-banner{
        grid-template-columns:1fr;
        min-height:0;
        border-radius:20px;
        background:linear-gradient(145deg,#101827 0%,#211d3d 100%);
    }
    .hero-copy{order:1;padding:30px 26px 26px}
    .hero-copy span{font-size:10px}
    .hero-copy h1{max-width:520px;margin:11px 0 10px;font-size:clamp(29px,7.2vw,40px);line-height:1.08}
    .hero-copy p{max-width:540px;margin-bottom:20px;font-size:14px;line-height:1.55}
    .hero-copy b{padding:11px 15px;font-size:12px}
    .hero-visual{order:2;height:210px}
    .hero-visual:before{background:linear-gradient(180deg,#211d3d 0%,rgba(33,29,61,.15) 28%,transparent 60%)}
    .hero-visual img{height:100%;min-height:0;object-position:center 43%}
    .category-grid strong{font-size:12px}
    .category-grid small{font-size:10px}
    .benefits strong{font-size:12px}
    .benefits span{font-size:10px}
    .product-card h3{font-size:13px}
    .product-price strong{font-size:16px}
    .mobile-bottom-nav a,.mobile-bottom-nav button{font-size:10px}
    .mobile-drawer__panel>a,.mobile-drawer__panel form button{font-size:14px}
}

@media(max-width:520px){
    .hero-copy{padding:25px 20px 22px}
    .hero-copy h1{font-size:28px}
    .hero-copy p{display:block;font-size:13px}
    .hero-visual{height:170px}
    .home-section{padding-block:34px}
    .category-grid>a{min-height:132px}
    .category-grid strong{font-size:12px}
    .benefits strong{font-size:11px}
    .benefits span{font-size:9px}
    .product-card h3{font-size:12.5px}
}

/* ===== Mobile compact homepage v5 ===== */
.search-button-icon{display:none}

@keyframes categoryReveal{
    from{opacity:0;filter:blur(3px)}
    to{opacity:1;filter:blur(0)}
}
@keyframes categoryIconFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-2px)}
}

.category-grid>a{animation:categoryReveal .42s ease both}
.category-grid>a:nth-child(2){animation-delay:.035s}
.category-grid>a:nth-child(3){animation-delay:.07s}
.category-grid>a:nth-child(4){animation-delay:.105s}
.category-grid>a:nth-child(5){animation-delay:.14s}
.category-grid>a:nth-child(6){animation-delay:.175s}
.category-grid>a:nth-child(7){animation-delay:.21s}
.category-grid>a:nth-child(8){animation-delay:.245s}
.category-grid>a:nth-child(9){animation-delay:.28s}
.category-grid>a span{animation:categoryIconFloat 3.4s ease-in-out infinite}
.category-grid>a:nth-child(2n) span{animation-delay:-.8s}
.category-grid>a:nth-child(3n) span{animation-delay:-1.6s}

@media(max-width:820px){
    .store-header{border-bottom:1px solid var(--line);box-shadow:0 5px 18px rgba(17,24,39,.055)}
    .header-main{
        grid-template-columns:40px 38px minmax(0,1fr) 40px;
        min-height:58px;
        gap:7px;
        padding-block:7px;
    }
    .header-main>.store-search{display:grid;min-width:0;border-radius:12px}
    .mobile-search-row{display:none!important}
    .store-brand{min-width:0;gap:0}
    .store-brand>span:last-child{display:none}
    .store-brand__mark,.store-brand img{width:36px;height:36px;border-radius:11px;font-size:12px}
    .icon-button{width:38px;height:38px;border-radius:11px;font-size:21px}
    .store-search i{margin-left:11px;font-size:13px}
    .store-search input{height:38px;padding:0 8px;font-size:12px}
    .store-search button{display:grid;width:34px;height:32px;place-items:center;margin-right:3px;padding:0;border-radius:9px}
    .store-search button .search-button-label{display:none}
    .store-search button .search-button-icon{display:block;margin:0;color:#fff;font-size:13px}
    .header-actions{min-width:38px;justify-content:flex-end;gap:0}
    .cart-link{display:grid;width:38px;height:38px;min-height:38px;place-items:center;padding:0}
    .cart-link>i{font-size:20px}
    .cart-link b{top:-3px;left:21px;min-width:16px;height:16px;font-size:8px}

    .home-hero{padding-top:10px}
    .hero-banner{
        grid-template-columns:minmax(0,1.3fr) minmax(118px,.7fr);
        min-height:218px;
        border-radius:18px;
        background:linear-gradient(135deg,#101827 0%,#171a31 56%,#332451 100%);
    }
    .hero-copy{order:1;justify-content:center;padding:21px 8px 20px 20px}
    .hero-copy span{font-size:8px;line-height:1.35;letter-spacing:.17em}
    .hero-copy h1{
        display:-webkit-box;
        overflow:hidden;
        max-width:100%;
        margin:8px 0 8px;
        font-size:clamp(22px,5.8vw,28px);
        line-height:1.08;
        letter-spacing:-.03em;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    .hero-copy p{
        display:-webkit-box;
        overflow:hidden;
        max-width:100%;
        margin:0 0 14px;
        font-size:11.5px;
        line-height:1.45;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    .hero-copy b{align-self:flex-start;padding:9px 12px;border-radius:10px;font-size:10px}
    .hero-visual{order:2;height:auto;min-height:218px}
    .hero-visual:before{background:linear-gradient(90deg,#171a31 0%,rgba(23,26,49,.38) 20%,transparent 66%)}
    .hero-visual img{height:100%;min-height:218px;object-fit:cover;object-position:center}

    .category-section{padding-block:20px 18px}
    .category-section .section-heading{margin-bottom:12px}
    .category-section .section-heading>div>span{font-size:8px;letter-spacing:.18em}
    .category-section .section-heading h2{margin-top:5px;font-size:22px;line-height:1.12}
    .category-section .section-heading>a{display:none}
    .category-grid{
        display:grid;
        grid-template-columns:repeat(5,minmax(0,1fr));
        gap:8px 7px;
        overflow:visible;
        padding:0;
        scroll-snap-type:none;
    }
    .category-grid>a{
        min-height:86px;
        gap:5px;
        border-radius:14px;
        padding:8px 3px 7px;
        box-shadow:0 5px 14px rgba(17,24,39,.045);
        scroll-snap-align:none;
    }
    .category-grid>a:nth-child(6):nth-last-child(4){grid-column:2}
    .category-grid>a:hover{transform:translateY(-3px)}
    .category-grid>a:active{transform:scale(.97)}
    .category-grid span{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#fff,#f3f6fa);box-shadow:inset 0 0 0 1px #e9edf3,0 4px 10px rgba(17,24,39,.055)}
    .category-grid img{width:39px;height:39px}
    .category-grid strong{
        display:-webkit-box;
        overflow:hidden;
        min-height:25px;
        font-size:9.5px;
        font-weight:750;
        line-height:1.3;
        text-overflow:ellipsis;
        white-space:normal;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    .category-grid small{display:none}
}

@media(max-width:520px){
    .site-container{width:calc(100% - 18px)}
    .hero-banner{min-height:202px;grid-template-columns:minmax(0,1.38fr) minmax(108px,.62fr)}
    .hero-copy{padding:18px 5px 18px 18px}
    .hero-copy h1{font-size:23px}
    .hero-copy p{font-size:10.5px}
    .hero-visual{min-height:202px}
    .hero-visual img{min-height:202px}
    .category-section{padding-block:18px 15px}
    .category-section .section-heading h2{font-size:21px}
}

@media(max-width:389px){
    .header-main{grid-template-columns:38px 34px minmax(0,1fr) 38px;gap:5px}
    .store-brand__mark,.store-brand img{width:34px;height:34px}
    .store-search input{font-size:11px}
    .hero-banner{grid-template-columns:minmax(0,1.42fr) minmax(96px,.58fr);min-height:194px}
    .hero-copy{padding:16px 3px 16px 16px}
    .hero-copy h1{font-size:21px}
    .hero-copy p{font-size:10px}
    .hero-visual,.hero-visual img{min-height:194px}
    .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
    .category-grid>a:nth-child(6):nth-last-child(4){grid-column:auto}
    .category-grid>a{min-height:82px}
    .category-grid strong{font-size:10px}
}

@media(prefers-reduced-motion:reduce){
    .category-grid>a,.category-grid>a span{animation:none!important;transition:none!important}
}


/* ===== Mobile catalog compact filter v6 ===== */
.mobile-catalog-filter{display:none}

@media(max-width:820px){
    .catalog-page-hero{
        padding-block:16px 12px;
        border-bottom:1px solid #eef0f3;
        background:#fff;
    }
    .catalog-page-hero span,.catalog-page-hero p{display:none}
    .catalog-page-hero h1{
        margin:0;
        font-size:24px;
        line-height:1.2;
        letter-spacing:-.025em;
    }

    .mobile-catalog-filter{
        position:sticky;
        z-index:96;
        top:58px;
        display:block!important;
        border-bottom:1px solid #e8ebf0;
        background:rgba(255,255,255,.96);
        box-shadow:0 7px 18px rgba(17,24,39,.055);
        backdrop-filter:blur(16px);
        transform:translateY(0);
        opacity:1;
        transition:transform .24s ease,opacity .2s ease,box-shadow .2s ease;
        will-change:transform;
    }
    .mobile-catalog-filter.is-scroll-hidden{
        pointer-events:none;
        transform:translateY(calc(-100% - 6px));
        opacity:0;
        box-shadow:none;
    }
    .mobile-catalog-filter__inner{padding-block:8px 9px}
    .mobile-filter-head{
        display:flex;
        min-height:22px;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        margin-bottom:7px;
    }
    .mobile-filter-head strong{font-size:12px;line-height:1.2}
    .mobile-filter-head a{
        display:inline-flex;
        align-items:center;
        gap:4px;
        color:var(--brand);
        font-size:10px;
        font-weight:750;
    }
    .mobile-filter-form{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }
    .mobile-filter-control{
        position:relative;
        display:flex;
        min-width:0;
        height:38px;
        align-items:center;
        overflow:hidden;
        border:1px solid #dde1e7;
        border-radius:11px;
        background:#fff;
    }
    .mobile-filter-control>i{
        flex:0 0 auto;
        margin-left:10px;
        color:#6b7280;
        font-size:12px;
        pointer-events:none;
    }
    .mobile-filter-control select{
        min-width:0;
        width:100%;
        height:100%;
        border:0;
        outline:0;
        padding:0 25px 0 7px;
        color:#273142;
        background:transparent;
        font-size:11px;
        font-weight:650;
        text-overflow:ellipsis;
    }
    .mobile-filter-control:focus-within{
        border-color:#aeb6c2;
        box-shadow:0 0 0 3px rgba(17,24,39,.05);
    }
    .mobile-stock-toggle{display:block;min-width:0}
    .mobile-stock-toggle input{position:absolute;opacity:0;pointer-events:none}
    .mobile-stock-toggle span{
        display:flex;
        height:38px;
        align-items:center;
        justify-content:center;
        gap:6px;
        border:1px solid #dde1e7;
        border-radius:11px;
        color:#4b5563;
        background:#fff;
        font-size:11px;
        font-weight:700;
        transition:.18s ease;
    }
    .mobile-stock-toggle input:checked+span{
        border-color:#fecaca;
        color:var(--brand-dark);
        background:#fff3f2;
        box-shadow:inset 0 0 0 1px rgba(239,68,68,.06);
    }
    .mobile-stock-toggle input:focus-visible+span{box-shadow:0 0 0 3px rgba(239,68,68,.12)}

    .catalog-layout{display:block;padding-block:14px 45px}
    .catalog-filter{display:none!important}
    .desktop-catalog-toolbar{display:none}
    .catalog-results{min-width:0}
}

@media(max-width:389px){
    .catalog-page-hero{padding-block:13px 10px}
    .catalog-page-hero h1{font-size:21px}
    .mobile-catalog-filter__inner{padding-block:7px 8px}
    .mobile-filter-head{margin-bottom:6px}
    .mobile-filter-control,.mobile-stock-toggle span{height:36px}
    .mobile-filter-control select,.mobile-stock-toggle span{font-size:10px}
}

@media(prefers-reduced-motion:reduce){
    .mobile-catalog-filter{transition:none!important}
}

/* ===== Cart drawer, motion and navigation fixes v7 ===== */
html.has-open-panel{overflow:hidden}
.header-action.cart-link{border:0;background:transparent;text-align:left}
.header-action.cart-link:hover{background:#f5f6f8}
.is-hidden{display:none!important}

.cart-drawer{position:fixed;z-index:420;inset:0;visibility:hidden;opacity:0;transition:visibility .28s,opacity .28s ease}
.cart-drawer.is-open{visibility:visible;opacity:1}
.cart-drawer__overlay{position:absolute;inset:0;width:100%;border:0;background:rgba(15,23,42,.52);backdrop-filter:blur(2px)}
.cart-drawer__panel{position:absolute;top:0;right:0;bottom:0;display:grid;width:min(430px,94vw);grid-template-rows:auto minmax(0,1fr) auto;background:#fff;box-shadow:-22px 0 60px rgba(15,23,42,.2);transform:translateX(104%);transition:transform .32s cubic-bezier(.22,.75,.18,1)}
.cart-drawer.is-open .cart-drawer__panel{transform:translateX(0)}
.cart-drawer__head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 20px 16px}
.cart-drawer__head small{color:var(--brand);font-size:9px;font-weight:900;letter-spacing:.17em}
.cart-drawer__head h2{display:flex;align-items:center;gap:8px;margin:4px 0 0;font-size:24px}
.cart-drawer__head h2 b{display:grid;min-width:25px;height:25px;place-items:center;border-radius:99px;color:#fff;background:var(--brand);font-size:11px}
.cart-drawer__head>button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:11px;background:#f3f4f6;font-size:18px}
.cart-drawer__content{min-height:0;overflow-y:auto;padding:10px 18px 18px}
.cart-drawer-items{display:grid}
.cart-drawer-item{display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid #eef0f3;padding:13px 0}
.cart-drawer-item img{width:66px;height:66px;border-radius:12px;object-fit:cover;background:#f5f7fa}
.cart-drawer-item>span{display:grid;min-width:0;gap:5px}
.cart-drawer-item>span strong{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.cart-drawer-item small{color:var(--muted);font-size:10px}
.cart-drawer-item>b{align-self:end;font-size:11px;white-space:nowrap}
.cart-drawer-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 0 4px}
.cart-drawer-summary>span{display:grid;font-size:13px;font-weight:750}
.cart-drawer-summary small{margin-top:2px;color:var(--muted);font-size:10px;font-weight:500}
.cart-drawer-summary strong{font-size:21px}
.cart-drawer-empty{display:grid;min-height:100%;place-content:center;justify-items:center;gap:8px;padding:40px 20px;color:var(--muted);text-align:center}
.cart-drawer-empty i{display:grid;width:62px;height:62px;place-items:center;border-radius:20px;color:var(--brand);background:#fff2f1;font-size:28px}
.cart-drawer-empty strong{color:var(--ink);font-size:16px}
.cart-drawer-empty span{max-width:260px;font-size:12px}
.cart-drawer__footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);padding:14px 18px calc(14px + env(safe-area-inset-bottom))}
.cart-drawer__footer .primary-button,.cart-drawer__footer .secondary-button{min-height:46px;padding-inline:10px}

.cart-fly-token{position:fixed;z-index:1000;display:grid;width:34px;height:34px;place-items:center;border:3px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 10px 25px rgba(239,68,68,.35);font-size:11px;font-weight:900;pointer-events:none;transform:translate3d(-50%,-50%,0) scale(1);opacity:1;transition:transform .68s cubic-bezier(.2,.75,.2,1),opacity .68s ease}
.is-cart-bump{animation:cartBump .48s ease}
.is-count-pop{animation:countPop .38s ease}
@keyframes cartBump{0%,100%{transform:scale(1)}45%{transform:scale(1.2) rotate(-8deg)}70%{transform:scale(.94) rotate(4deg)}}
@keyframes countPop{0%{transform:scale(.7)}55%{transform:scale(1.3)}100%{transform:scale(1)}}

.hero-slider{position:relative;isolation:isolate}
.hero-slider__track{position:relative}
.hero-slide{position:absolute;z-index:0;inset:0;width:100%;opacity:0;pointer-events:none;transform:translateX(2.2%) scale(.992);transition:opacity .62s ease,transform .72s cubic-bezier(.2,.72,.2,1)}
.hero-slide.is-active{position:relative;z-index:1;opacity:1;pointer-events:auto;transform:translateX(0) scale(1)}
.hero-slide .hero-copy>*{opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .58s cubic-bezier(.22,.75,.18,1)}
.hero-slide.is-active .hero-copy>*{opacity:1;transform:translateY(0)}
.hero-slide.is-active .hero-copy span{transition-delay:.08s}
.hero-slide.is-active .hero-copy h1{transition-delay:.14s}
.hero-slide.is-active .hero-copy p{transition-delay:.2s}
.hero-slide.is-active .hero-copy b{transition-delay:.26s}
.hero-slide.is-active .hero-visual img{animation:heroVisualFloat 6.8s ease-in-out infinite}
.hero-slider:before,.hero-slider:after{position:absolute;z-index:3;border-radius:50%;content:"";pointer-events:none;filter:blur(1px)}
.hero-slider:before{top:12%;right:28%;width:9px;height:9px;background:rgba(255,255,255,.62);box-shadow:34px 54px 0 rgba(249,115,22,.35),-46px 93px 0 rgba(255,255,255,.22);animation:heroSparkle 4.4s ease-in-out infinite}
.hero-slider:after{right:8%;bottom:10%;width:100px;height:100px;border:1px solid rgba(255,255,255,.08);animation:heroOrb 8s ease-in-out infinite}
.hero-slider__arrow{position:absolute;z-index:5;top:50%;display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;background:rgba(15,23,42,.25);box-shadow:0 8px 20px rgba(15,23,42,.15);backdrop-filter:blur(8px);transform:translateY(-50%);transition:.2s}
.hero-slider__arrow:hover{background:rgba(249,115,22,.88);transform:translateY(-50%) scale(1.06)}
.hero-slider__arrow--prev{left:14px}.hero-slider__arrow--next{right:14px}
.hero-slider__dots{position:absolute;z-index:5;bottom:15px;left:50%;display:flex;gap:7px;transform:translateX(-50%)}
.hero-slider__dots button{width:7px;height:7px;border:0;border-radius:99px;padding:0;background:rgba(255,255,255,.42);transition:.25s}
.hero-slider__dots button.is-active{width:25px;background:#fff}
@keyframes heroVisualFloat{0%,100%{transform:scale(1.025) translate3d(0,0,0)}50%{transform:scale(1.045) translate3d(0,-6px,0)}}
@keyframes heroSparkle{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}
@keyframes heroOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-14px,-10px) scale(1.08)}}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .62s ease,transform .68s cubic-bezier(.22,.75,.18,1)}
[data-reveal].is-revealed{opacity:1;transform:none}

@media(max-width:820px){
    body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
    .mobile-bottom-nav.mobile-only{position:fixed;z-index:160;right:0;bottom:0;left:0;display:grid!important;width:100%;height:calc(66px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;padding:0 3px env(safe-area-inset-bottom);background:rgba(255,255,255,.98)}
    .mobile-bottom-nav a,.mobile-bottom-nav button{display:grid!important;min-width:0;height:66px;place-items:center;align-content:center;gap:2px;border:0;padding:3px 1px;color:#6b7280;background:transparent;font-size:9px;line-height:1.15;text-align:center;white-space:nowrap}
    .mobile-bottom-nav a span,.mobile-bottom-nav button span{display:block;overflow:hidden;max-width:100%;text-overflow:ellipsis}
    .mobile-bottom-nav i{font-size:20px;line-height:1}
    .mobile-bottom-nav b{top:5px;left:calc(50% + 5px)}
    .wholesale-fab{bottom:calc(79px + env(safe-area-inset-bottom))}
    .cart-drawer__panel{width:min(390px,94vw)}
    .cart-drawer__head{padding:17px 16px 13px}
    .cart-drawer__content{padding-inline:14px}
    .cart-drawer__footer{padding-inline:14px}
    .hero-slider__arrow{display:none}
    .hero-slider__dots{bottom:9px}
    .hero-slider__dots button{width:6px;height:6px}
    .hero-slider__dots button.is-active{width:20px}
}

@media(max-width:389px){
    .mobile-bottom-nav a,.mobile-bottom-nav button{font-size:8px}
    .cart-drawer__footer{grid-template-columns:1fr}
    .cart-drawer-item{grid-template-columns:58px minmax(0,1fr)}
    .cart-drawer-item img{width:58px;height:58px}
    .cart-drawer-item>b{grid-column:2;justify-self:start}
}

@media(prefers-reduced-motion:reduce){
    .hero-slide,.hero-slide .hero-copy>*,[data-reveal],.cart-fly-token{transition:none!important;animation:none!important}
    .hero-slide.is-active .hero-visual img{animation:none!important}
}

/* ===== Stock quantity and compact card quantity selector v10 ===== */
.product-card__bottom{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    align-items:stretch;
}
.product-card__bottom .stock{
    min-width:0;
    line-height:1.35;
}
.product-card__bottom .stock b{font-weight:900}
.product-card__cart{
    display:flex;
    width:100%;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}
.product-card__qty{
    display:grid;
    grid-template-columns:28px minmax(34px,42px) 28px;
    min-width:0;
    overflow:hidden;
    border:1px solid #dfe3e9;
    border-radius:10px;
    background:#fff;
}
.product-card__cart .product-card__qty button{
    display:grid;
    width:28px;
    height:34px;
    place-items:center;
    border:0;
    border-radius:0;
    padding:0;
    color:var(--ink);
    background:#f6f8fb;
    font-size:15px;
    font-weight:800;
}
.product-card__cart .product-card__qty button:hover{color:#fff;background:var(--brand)}
.product-card__qty input{
    min-width:0;
    width:100%;
    height:34px;
    border:0;
    border-inline:1px solid #e5e7eb;
    outline:0;
    padding:0 2px;
    background:#fff;
    font-size:11px;
    font-weight:800;
    text-align:center;
    -moz-appearance:textfield;
}
.product-card__qty input::-webkit-outer-spin-button,.product-card__qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.product-card__cart .product-card__add{
    display:grid;
    width:38px;
    height:38px;
    flex:0 0 38px;
    place-items:center;
    border:0;
    border-radius:11px;
    color:#fff;
    background:var(--ink);
    font-size:16px;
}
.product-card__cart .product-card__add:hover{background:var(--brand)}

@media(max-width:520px){
    .product-card__body{padding:12px}
    .product-card__bottom{gap:8px;margin-top:11px;padding-top:10px}
    .product-card__bottom .stock{font-size:9px}
    .product-card__cart{gap:6px}
    .product-card__qty{grid-template-columns:24px minmax(29px,34px) 24px;border-radius:9px}
    .product-card__cart .product-card__qty button{width:24px;height:32px;font-size:13px}
    .product-card__qty input{height:32px;font-size:10px}
    .product-card__cart .product-card__add{width:34px;height:34px;flex-basis:34px;border-radius:9px;font-size:14px}
}