:root{--yellow:#feee00;--blue:#3866df;--ink:#202534;--muted:#697080;--line:#e6e8ec;--soft:#f5f6f8;--green:#16834d}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font:16px/1.6 Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button{color:inherit}input,select,textarea{min-width:0}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[hidden]{display:none!important}.container{width:min(1440px,calc(100% - 48px));margin-inline:auto}main{min-height:55vh}.icon{flex-shrink:0;vertical-align:middle}h1,h2,h3,h4,p{margin-top:0}h1{font-size:28px;line-height:1.4}h2{font-size:24px;line-height:1.5}h3{font-size:18px}small{font-size:13px}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.skip-link{position:fixed;top:-100px;background:#fff;padding:12px;z-index:500}.skip-link:focus{top:8px}
/* Shared header */
.store-header{position:relative;z-index:30;background:var(--yellow)}.header-main{min-height:82px;display:flex;align-items:center;gap:24px}.store-logo{flex-shrink:0;line-height:1.1;color:#161923!important}.store-logo strong{font-size:31px;display:block;letter-spacing:-1px}.store-logo strong span{font-size:15px;margin-inline-start:4px}.store-logo small{font-size:10px;letter-spacing:2px;display:block;text-align:center;margin-top:7px}.delivery-location{display:flex;align-items:center;gap:7px;white-space:nowrap}.delivery-location small,.delivery-location b{display:block}.delivery-location small{font-size:12px}.header-search{display:flex;flex:1;min-width:150px;height:46px;background:white;border-radius:9px;overflow:hidden}.header-search input{width:100%;border:0!important;padding:10px 15px!important;background:transparent;outline-offset:-3px}.header-search button{border:0;padding:0 15px;background:white}.header-actions{display:flex;align-items:center;gap:16px;white-space:nowrap}.header-actions>a{display:flex;gap:7px;align-items:center;font-size:14px;position:relative}.header-actions>a+a{border-inline-start:1px solid #c9bf21;padding-inline-start:16px}.cart-count{position:absolute;top:-10px;inset-inline-end:-8px;background:#25304c;color:#fff;min-width:19px;height:19px;border-radius:20px;font-size:11px;text-align:center;line-height:19px}.category-bar{background:#fff;border-bottom:1px solid var(--line)}.category-bar-inner{display:flex;align-items:stretch;gap:20px;min-height:48px}.all-categories{position:relative;flex:0 0 155px}.all-categories summary{list-style:none;height:100%;display:flex;justify-content:space-between;align-items:center;font-weight:700;border-inline-end:1px solid var(--line);padding-inline-end:20px;font-size:14px}.all-categories summary::-webkit-details-marker{display:none}.all-categories nav{position:absolute;inset-inline-start:0;top:100%;width:280px;max-height:65vh;overflow:auto;background:#fff;box-shadow:0 12px 30px #17244326;padding:10px;border:1px solid var(--line)}.all-categories nav a{display:block;padding:10px 14px;border-radius:5px}.all-categories nav a:hover{background:var(--soft)}.category-links{display:flex;gap:26px;align-items:center;overflow:auto;scrollbar-width:thin;font-size:14px;font-weight:bold;white-space:nowrap}.category-links a{padding-block:13px}.mobile-nav{display:none}
/* Homepage */
.home-page{padding-bottom:32px}.offer-strip{display:flex;align-items:center;justify-content:center;gap:24px;background:#e5f0f9;padding:12px 20px;margin-block:14px;font-size:14px}.offer-strip a{border-inline-start:1px solid #bbcbd7;padding-inline-start:24px;color:#24436c;text-decoration:underline}.hero-carousel{position:relative;overflow:hidden;background:#fff4bd}.hero-slide{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:330px;padding:32px 6%;background:linear-gradient(105deg,#ffe9a6,#fff5c7 65%,#fff8da)}.hero-copy small{display:block;font-size:18px}.hero-copy h1,.hero-copy h2{font-size:clamp(32px,4vw,55px);line-height:1.3;margin:10px 0;font-weight:900;letter-spacing:-1px}.hero-copy p{margin-bottom:20px}.primary-link{display:inline-block;background:#202534;color:white!important;border-radius:5px;padding:10px 30px;font-weight:bold}.hero-products{display:flex;align-items:center;justify-content:center;gap:12px}.hero-products a{width:42%;background:white;padding:12px;border-radius:12px;box-shadow:0 12px 24px #a3781220;transform:rotate(-5deg)}.hero-products a:nth-child(2){transform:rotate(7deg);margin-top:44px}.hero-products a:nth-child(3){display:none}.hero-products img{aspect-ratio:1;object-fit:contain}.hero-slide-blue{background:linear-gradient(110deg,#cee4fa,#e8f5ff)}.hero-controls{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.hero-controls button{padding:0;width:10px;height:10px;border-radius:20px;background:#fff;border:1px solid #727272}.hero-controls button[aria-pressed=true]{width:28px;background:#202534;border-color:#202534}.category-circles{display:flex;justify-content:space-around;gap:20px;overflow:auto;padding:24px 8px 28px;background:#fff;margin-bottom:16px;scrollbar-width:thin}.category-circles>a{flex:0 0 92px;text-align:center}.category-circles>a>span{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:#fff6c3;margin:0 auto 10px;overflow:hidden}.category-circles img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.category-circles .icon{width:35px;height:35px;stroke:#8d7835}.category-circles b{font-size:13px;line-height:1.5;display:block}.discovery-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px}.discovery-panel{background:white;padding:18px;min-width:0}.discovery-panel h2{font-size:21px;margin-bottom:14px}.discovery-categories{display:grid;grid-template-columns:1fr 1fr;gap:10px}.discovery-categories>a{display:flex;flex-direction:column;min-height:118px;justify-content:center;text-align:center;background:#f4f6fa;padding:12px;border-radius:5px}.discovery-categories img{height:85px;object-fit:contain;mix-blend-mode:multiply}.discovery-categories small{color:var(--muted);margin-top:5px;font-size:12px}.featured-panel{background:#fff0df}.discovery-products{display:grid;grid-template-columns:1fr 1fr;gap:12px}.discovery-products .product-media{aspect-ratio:1.25}.discovery-products .product-body h3{font-size:13px}.more-panel>a{display:flex;flex-direction:column;justify-content:center;padding:24px 20px;min-height:118px;background:#e6ecf9;margin-bottom:12px;border-radius:5px}.more-panel>a:last-child{background:#fff4ca}.more-panel b{font-size:20px;margin-top:8px}.catalog-section{padding:24px 20px;background:white;margin-top:18px}.section-title,.jm-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-title h2{margin:0}.outline-link{display:inline-block;border:1px solid #b1b7c2;border-radius:4px;padding:7px 18px;font-size:14px;background:#fff;white-space:nowrap}.product-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity;scrollbar-width:thin}.product-scroll>*{scroll-snap-align:start}.business-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 36px;margin-top:18px;background:#e8edf9}.business-banner small,.business-banner b{display:block}.business-banner b{font-size:28px;margin-top:5px}.business-banner strong{padding:12px 22px;background:var(--yellow);border-radius:4px;white-space:nowrap}.brand-list{display:flex;gap:16px;overflow:auto}.brand-list>a{flex:0 0 160px;height:80px;border:1px solid var(--line);display:grid;place-items:center;border-radius:6px;padding:16px}.brand-list img{max-height:45px;object-fit:contain}.shopping-copy{padding:30px 10px 0;color:var(--muted)}.shopping-copy h2{font-size:18px;color:var(--ink)}.shopping-copy p{font-size:14px;line-height:1.9;margin:0}
/* Catalog and product cards */
.products-grid,.jm-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0;transition:box-shadow .2s}.product-card:hover{box-shadow:0 4px 18px #1f2d4612}.product-media{position:relative;display:grid;place-items:center;aspect-ratio:1;background:#f8f9fb;padding:16px;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.image-fallback{color:#8d96a5;font-size:25px;font-weight:bold;letter-spacing:2px;text-align:center}.image-fallback small{display:block;font-size:12px}.discount-badge{position:absolute;top:10px;inset-inline-start:10px;background:#e8f5ec;color:#16753d;font-weight:bold;font-size:12px;border-radius:4px;padding:3px 7px}.wish-form{position:absolute;top:10px;inset-inline-end:10px;margin:0;z-index:1}.wish-btn{width:32px;height:32px;display:grid;place-items:center;background:white;border:1px solid #e8e8e8;border-radius:50%;padding:6px}.wish-btn .icon{width:18px;height:18px}.product-body{padding:13px}.product-body>small{color:var(--muted);font-size:12px}.product-body h3{font-size:14px;font-weight:normal;line-height:1.6;margin:5px 0 9px;min-height:45px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px}.price-row strong{font-size:18px}.price-row del{font-size:12px;color:var(--muted)}.card-action{display:block;text-align:center;color:#33497c;border:1px solid #dce1ec;border-radius:5px;padding:7px;margin-top:14px;font-size:13px;font-weight:bold}.card-action:hover{background:var(--yellow);color:#202534;border-color:var(--yellow)}
/* Listings and filters */
.page-banner{padding:26px 0 0}.page-banner h1{margin:6px 0 0}.page-banner small,.breadcrumbs{color:var(--muted);font-size:13px}.page-banner p{margin:8px 0 0;color:var(--muted)}.section{padding:26px 0 44px}.section-soft{background:#eef0f4}.shop-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:24px}.filters{background:white;padding:18px;border:1px solid var(--line);border-radius:6px;height:max-content}.filter-block{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.filter-block h3{font-size:15px;display:flex;justify-content:space-between}.filter-block h3 span{font-size:12px;color:var(--muted)}.filter-list{display:grid;gap:12px}.filter-list label{display:flex;align-items:center;gap:8px;font-size:14px}.filter-list small{margin-inline-start:auto;color:var(--muted)}input[type=radio],input[type=checkbox]{accent-color:var(--blue);width:17px;height:17px;flex-shrink:0}.filter-input,.price-filter input,.shop-toolbar select,input:not([type=radio]):not([type=checkbox]):not([type=hidden]),textarea{border:1px solid #d9dde5;border-radius:5px;padding:11px 12px;background:#fff;color:var(--ink);max-width:100%}.price-filter{display:flex;gap:8px}.price-filter input{width:50%}.filter-submit,.auth-card>button,.address-form>button,.track-card button,.checkout-btn,.place-order-btn{background:var(--blue);color:white;border:0;border-radius:5px;padding:12px 20px;text-align:center;font-weight:bold;display:block;width:100%}.filter-reset{display:block;text-align:center;color:var(--muted);font-size:13px;margin-top:14px}.filter-toggle{display:none}.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;font-size:14px}.shop-toolbar select{font-size:14px;max-width:220px}.shop-content{min-width:0}.empty-state{grid-column:1/-1;background:#fff;border:1px solid var(--line);padding:48px 24px;text-align:center;border-radius:8px;width:100%}.empty-state a{color:var(--blue);font-weight:bold}.pagination-wrap{margin-top:28px}.pagination-wrap nav>div{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}.pagination-wrap svg{width:18px;height:18px;display:inline}.pagination-wrap a,.pagination-wrap span[aria-current=page]{display:inline-flex;padding:7px 12px;border:1px solid var(--line);background:#fff;border-radius:4px;margin:2px}.pagination-wrap p{font-size:13px;color:var(--muted)}
/* Product details */
.product-page{background:white}.breadcrumbs{margin-bottom:24px}.product-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:48px}.product-gallery{display:grid;grid-template-columns:70px minmax(0,1fr);gap:15px;align-items:start}.thumb-list{display:flex;flex-direction:column;gap:12px}.thumb{border:1px solid var(--line);background:white;border-radius:6px;padding:5px;aspect-ratio:1}.thumb img{height:100%;width:100%;object-fit:contain}.thumb:hover,.thumb[aria-pressed=true]{border-color:var(--blue)}.main-image{background:#fafbfc;border-radius:8px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}.main-image img{width:100%;height:100%;object-fit:contain}.product-brand{color:var(--blue);font-size:14px}.product-info h1{margin:7px 0 12px;font-size:26px}.sku{font-size:13px;color:var(--muted);direction:ltr;text-align:right}.product-price-big{display:flex;align-items:baseline;gap:14px;padding:20px 0}.product-price-big strong{font-size:30px}.product-price-big del{color:var(--muted);font-size:15px}.product-summary{color:#596273;line-height:1.9}.variant-box{margin:20px 0}.variant-box h3{font-size:15px}.variant-options{display:flex;flex-wrap:wrap;gap:10px}.variant-choice{border:1px solid var(--line);border-radius:5px;padding:10px;display:flex;gap:8px;align-items:center;cursor:pointer}.variant-choice:has(input:checked){border-color:var(--blue);background:#f0f4ff}.variant-choice b,.variant-choice small{display:block}.variant-choice small{font-size:12px;color:var(--muted)}.variant-choice.disabled{opacity:.5}.delivery-card{border-block:1px solid var(--line);padding:16px 0;margin-bottom:20px;font-size:14px}.delivery-card p{color:var(--muted);margin:4px 0 0}.purchase-row{display:grid;grid-template-columns:80px 1fr;gap:12px}.purchase-row input{width:100%}.purchase-row button{border:0;border-radius:5px;background:var(--blue);color:white;font-weight:bold;padding:12px}.wishlist-product-form button{background:white;border:1px solid var(--line);border-radius:5px;width:100%;padding:12px;margin-top:14px}.product-tabs{margin-top:40px;border:1px solid var(--line);border-radius:6px}.product-tabs details+details{border-top:1px solid var(--line)}summary{padding:16px;font-weight:bold}.product-tabs details>div{padding:5px 20px 24px;line-height:2;color:var(--muted)}
/* Checkout and forms */
.cart-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.cart-row{display:grid;grid-template-columns:95px minmax(0,1fr) 80px;gap:16px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:20px;margin-bottom:14px;align-items:center}.cart-thumb{width:95px;height:105px;display:grid;place-items:center;background:#f8f9fb;grid-row:span 2}.cart-thumb img{height:100%;width:100%;object-fit:contain}.cart-info h3{font-size:16px;margin:0 0 8px}.cart-info small{display:block;color:var(--muted);font-size:12px}.cart-info strong{display:block;margin-top:8px}.qty-form input{width:72px;padding:6px!important}.qty-form button{background:none;border:0;color:var(--blue);font-size:13px}.line-total{font-size:14px;font-weight:bold}.remove-btn,.address-card button{background:transparent;color:#9e3b3b;border:0;padding:5px;font-size:13px}.cart-summary,.checkout-summary,.checkout-form,.auth-card,.address-form,.account-nav,.track-card,.order-result,.info-page,.account-content,.admin-panel{background:#fff;border:1px solid var(--line);border-radius:7px;padding:24px;min-width:0}.cart-summary,.checkout-summary{position:sticky;top:20px}.cart-summary>div,.checkout-summary>div{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin-block:16px}.cart-summary>div b,.checkout-summary>div b{white-space:nowrap}.grand-total{border-top:1px solid var(--line);padding-top:15px;font-size:18px!important}.checkout-btn{margin-top:25px;color:white!important}.checkout-form h2{font-size:20px;margin-top:18px}.checkout-form h2:first-of-type{margin-top:0}.checkout-form label,.auth-card label,.address-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .full{grid-column:1/-1}textarea{width:100%;min-height:95px;resize:vertical}.check-line,.payment-option{flex-direction:row!important;align-items:center;gap:10px!important}.payment-option{padding:16px;background:#f5f8ff;border:1px solid #dfe7fc;border-radius:6px}.saved-addresses{display:grid;gap:12px}.saved-address{flex-direction:row!important;border:1px solid var(--line);padding:15px;border-radius:6px}.saved-address:has(input:checked){border-color:var(--blue)}.saved-address span>*{display:block}.saved-address small{color:var(--muted);margin-top:4px}.divider{text-align:center;color:var(--muted);margin:20px;font-size:13px}.auth-shell{max-width:520px}.auth-card{padding:32px}.auth-card h2{font-size:26px}.auth-card p{font-size:14px;color:var(--muted);margin-bottom:24px}.auth-card>a{display:block;text-align:center;color:var(--blue);font-size:14px;margin-top:22px}.success-box,.form-errors,.form-error,.not-found-box{padding:13px 16px;border-radius:6px;margin:15px 0;font-size:14px;background:#fff1f1;color:#9b2828}.success-box{background:#eaf6ee;color:#216c40}.success-page{text-align:center;background:white;max-width:700px;padding:50px 25px;border:1px solid var(--line);border-radius:10px}.success-icon{width:70px;height:70px;margin:0 auto 22px;border-radius:50%;background:#e3f5e9;color:var(--green);font-size:36px;line-height:70px}.success-actions{display:flex;justify-content:center;gap:12px;margin-top:30px;flex-wrap:wrap}.success-actions a{background:var(--blue);color:#fff;padding:12px 20px;border-radius:5px}.success-actions a+a{background:var(--soft);color:var(--ink)}
/* Account and help pages */
.account-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}.account-nav{padding:12px}.account-nav>a{display:block;padding:13px 15px;border-radius:4px;font-size:14px}.account-nav>a:hover,.account-nav>a[aria-current=page]{background:#fffbc9;color:#202534;font-weight:bold}.account-nav button{background:none;border:0;border-top:1px solid var(--line);width:100%;text-align:start;padding:16px;color:#a33f3f}.account-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.account-stats>div{background:#f4f7fd;padding:22px;border-radius:7px;display:flex;align-items:center;gap:16px}.account-stats b{font-size:30px;color:var(--blue)}.order-list-row,.order-head,.order-result-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.order-head small,.order-head b,.order-result-head small,.order-result-head b{display:block}.order-head>span,.order-result-head>span{border-radius:20px;background:#eef3ff;color:#2d55a8;padding:5px 14px}.order-info-grid,.order-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0;font-size:14px}.order-info-grid small,.order-info-grid b,.order-meta small,.order-meta b{display:block}.order-info-grid small,.order-meta small{color:var(--muted)}.orders-table{width:100%;border-collapse:collapse;font-size:14px}.orders-table th,.orders-table td{padding:14px 10px;text-align:start;border-bottom:1px solid var(--line)}.orders-table th{background:#f6f7f9;color:var(--muted)}.orders-table small{display:block}.orders-table a{color:var(--blue)}.order-total{text-align:end;font-size:19px;padding-top:24px}.addresses-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.address-card{padding:20px;border:1px solid var(--line);border-radius:6px}.address-card>span{display:block;color:var(--muted);font-size:14px;margin-top:6px}.address-card p{margin-top:10px;font-size:14px}.track-wrap{max-width:900px}.track-card form{display:flex;gap:12px}.track-card input{flex:1;min-width:0}.track-card button{width:auto}.track-card p{color:var(--muted)}.order-result{margin-top:24px}.status-track{display:flex;justify-content:space-between;margin-top:30px;gap:12px}.status-step{flex:1;color:var(--muted);border-top:3px solid #e4e7ec;padding-top:10px;font-size:13px}.status-step.active{border-color:var(--green);color:var(--green)}.info-page{max-width:1050px;line-height:2.1;min-height:200px}.info-page details{border-bottom:1px solid var(--line)}.info-page details p{padding:0 16px 16px}.info-page a{color:var(--blue)}.info-page p:last-child{margin-bottom:0}.admin-panel input,.admin-panel select,.admin-panel textarea{max-width:100%;padding:10px;border:1px solid var(--line);border-radius:4px}.admin-panel button{padding:8px 15px;border:1px solid var(--line);border-radius:4px}.admin-panel table{width:100%;border-collapse:collapse}.admin-panel th,.admin-panel td{padding:12px;border-bottom:1px solid var(--line);text-align:start}.admin-panel{overflow-x:auto}
/* Footer */
.store-footer{background:#fff;border-top:1px solid var(--line)}.support-strip{background:#f8f9fb;border-bottom:1px solid var(--line);padding:24px 0}.support-inner{display:flex;align-items:center;gap:55px}.support-inner>div{margin-inline-end:auto}.support-inner h2{font-size:23px;margin-bottom:4px}.support-inner p{font-size:14px;color:var(--muted);margin:0}.support-inner>a{display:flex;gap:14px;align-items:center;white-space:nowrap}.support-inner>a>.icon{width:42px;height:42px;padding:10px;background:white;border:1px solid var(--line);border-radius:50%}.support-inner small,.support-inner b{display:block}.support-inner small{color:var(--muted);font-size:12px}.support-inner b{font-size:16px}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-block:34px}.footer-columns h3{font-size:16px;margin-bottom:14px}.footer-columns a{display:block;font-size:14px;padding:5px 0;color:#596273}.footer-bottom{background:#f7f8fa;border-top:1px solid var(--line);padding:24px 0}.footer-bottom>.container{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.footer-bottom a{margin-inline-start:20px}.payment-label{background:#fff;border:1px solid var(--line);border-radius:4px;padding:7px 13px;color:var(--ink)}
/* Responsive layouts */
@media(min-width:1500px){.product-scroll{grid-auto-columns:calc((100% - 80px)/6)}}
@media(max-width:1150px){.header-main{gap:16px}.delivery-location,.orders-link{display:none!important}.header-actions{gap:12px}.header-actions>a+a{padding-inline-start:12px}.discovery-grid{grid-template-columns:1fr 1fr}.more-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.more-panel h2{grid-column:1/-1;margin-bottom:0}.more-panel>a{margin:0}.product-scroll{grid-auto-columns:calc((100% - 48px)/4)}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cart-layout,.checkout-layout{grid-template-columns:minmax(0,1fr) 310px}.support-inner{gap:25px}.product-detail{gap:28px}}
@media(max-width:800px){body{padding-bottom:72px}.container{width:calc(100% - 24px)}.header-main{flex-wrap:wrap;gap:12px;padding-block:12px;min-height:auto}.store-logo{margin-inline-end:auto}.store-logo strong{font-size:27px}.store-logo small{font-size:9px}.header-actions>a>span{display:none}.header-actions>a+a{border:0;padding-inline-start:0}.header-actions{gap:22px}.header-search{order:3;flex-basis:100%;height:44px}.category-bar-inner{gap:12px;min-height:42px}.all-categories{flex-basis:100px}.all-categories summary{font-size:13px;padding-inline-end:10px}.category-links{gap:20px;font-size:13px}.category-links a{padding-block:10px}.offer-strip{font-size:12px;gap:12px;padding:10px}.offer-strip span{display:none}.offer-strip a{padding-inline-start:12px}.hero-slide{padding:24px;min-height:270px;gap:16px}.hero-copy h1,.hero-copy h2{font-size:34px}.hero-copy p{font-size:13px}.hero-copy small{font-size:14px}.primary-link{padding:9px 20px;font-size:14px}.hero-products a{width:70%}.hero-products a:nth-child(2){display:none}.category-circles{padding-block:18px;gap:16px;justify-content:flex-start}.category-circles>a{flex-basis:76px}.category-circles>a>span{width:68px;height:68px}.category-circles b{font-size:12px}.discovery-panel{padding:14px}.discovery-panel h2{font-size:18px}.discovery-categories>a{min-height:110px;font-size:14px}.catalog-section{padding:18px 12px}.product-scroll{grid-auto-columns:calc((100% - 24px)/3);gap:12px}.section-title h2{font-size:21px}.business-banner{padding:22px}.business-banner b{font-size:22px}.business-banner strong{font-size:13px;padding:10px}.shop-layout{grid-template-columns:1fr;gap:16px}.filters{padding:0}.filter-toggle{display:flex;width:100%;justify-content:space-between;background:white;border:0;border-radius:6px;padding:14px 18px;font-weight:bold}.filters #filter-fields{display:none;padding:0 18px 18px}.filters.is-open #filter-fields{display:block}.filter-list{grid-template-columns:1fr 1fr}.product-detail{grid-template-columns:1fr}.product-gallery{max-width:600px;width:100%;margin:auto}.main-image{max-height:450px}.product-info h1{font-size:24px}.cart-layout,.checkout-layout{grid-template-columns:1fr}.cart-summary,.checkout-summary{position:static}.account-layout{grid-template-columns:1fr}.account-nav{display:flex;flex-wrap:wrap;padding:8px;gap:2px}.account-nav>a{padding:9px;font-size:13px}.account-nav form{margin-inline-start:auto}.account-nav button{padding:9px;border:0;font-size:13px}.support-inner{flex-wrap:wrap;gap:20px}.support-inner>div{flex-basis:100%}.support-inner h2{font-size:21px}.footer-columns{grid-template-columns:1fr 1fr;padding-block:24px}.footer-bottom>.container{flex-wrap:wrap;justify-content:center;text-align:center}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;inset-inline:0;background:#fff;z-index:100;border-top:1px solid var(--line);padding:7px 0 max(7px,env(safe-area-inset-bottom));box-shadow:0 -3px 18px #00000008}.mobile-nav a{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#626b7a}.mobile-nav a[aria-current=page]{color:#1e2a43;font-weight:bold}.mobile-nav a[aria-current=page] .icon{background:var(--yellow);border-radius:5px}.mobile-nav span{font-size:11px}.mobile-nav .cart-count{top:0;inset-inline-end:20%}.info-page{padding:22px}.section{padding-top:20px}}
@media(max-width:520px){.hero-slide{min-height:250px;padding:20px 18px;grid-template-columns:1.2fr .8fr;gap:6px}.hero-copy h1,.hero-copy h2{font-size:28px}.hero-copy p{font-size:12px}.hero-products a{width:100%;padding:5px}.offer-strip{justify-content:space-between;gap:6px}.offer-strip b{font-size:11px}.offer-strip a{font-size:11px;border:0;padding:0}.discovery-grid{grid-template-columns:1fr;gap:12px}.discovery-panel h2{font-size:20px}.discovery-categories{grid-template-columns:repeat(2,1fr)}.discovery-categories>a{min-height:96px}.more-panel{grid-column:auto;gap:10px}.more-panel h2{font-size:20px}.more-panel>a{padding:15px 12px;min-height:105px}.more-panel b{font-size:16px}.more-panel small{font-size:12px}.discovery-products .product-media{aspect-ratio:1.5}.products-grid,.jm-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-scroll{grid-auto-columns:calc((100% - 12px)/2.15)}.product-body{padding:10px}.product-body h3{font-size:13px;min-height:42px}.price-row strong{font-size:16px}.price-row del{font-size:11px}.product-media{padding:10px}.business-banner{align-items:flex-start;flex-direction:column;gap:14px;padding:20px}.business-banner b{font-size:22px}.shop-toolbar{align-items:flex-start;font-size:12px;gap:10px}.shop-toolbar select{max-width:170px;font-size:12px;padding:8px}.outline-link{font-size:12px;padding:6px 12px}.filter-list{grid-template-columns:1fr}.product-gallery{grid-template-columns:1fr}.thumb-list{order:2;flex-direction:row;overflow:auto}.thumb{width:60px;flex:0 0 60px}.main-image{order:1}.product-info h1{font-size:22px}.product-price-big strong{font-size:27px}.cart-row{padding:14px;grid-template-columns:70px minmax(0,1fr) 70px;gap:10px}.cart-thumb{width:70px;height:90px}.cart-info h3{font-size:13px}.cart-info strong{font-size:14px}.cart-info small{font-size:11px}.cart-summary,.checkout-summary,.checkout-form,.auth-card,.account-content,.address-form{padding:20px}.form-grid,.addresses-grid{grid-template-columns:1fr}.account-stats{gap:10px}.account-stats>div{padding:12px;gap:10px}.account-stats b{font-size:24px}.account-stats span{font-size:13px}.order-list-row{flex-wrap:wrap;font-size:12px}.order-info-grid,.order-meta{grid-template-columns:1fr;gap:12px}.orders-table{font-size:12px;table-layout:fixed}.orders-table th,.orders-table td{padding:10px 5px;overflow-wrap:anywhere}.track-card{padding:20px}.track-card form{flex-direction:column}.track-card button{width:100%}.status-track{flex-direction:column}.status-step{border-top:0;border-inline-start:3px solid #e4e7ec;padding:5px 12px}.status-step.active{border-inline-start-color:var(--green)}.footer-columns{gap:24px 15px}.footer-columns h3{font-size:14px}.footer-columns a{font-size:13px}.support-inner b{font-size:14px}.support-inner p{font-size:13px}.support-inner>a{gap:8px}.support-inner>a>.icon{width:34px;height:34px;padding:7px}.footer-bottom a{margin-inline:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.store-pagination{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center}.store-pagination>span{padding:7px 12px}.store-pagination [aria-current=page]{background:var(--blue)!important;color:white;border-color:var(--blue)!important}.store-pagination [aria-disabled=true]{color:#9297a2}

/* Mobile campaign cards, matched to the supplied October 1 video. */
.mobile-promotions{display:none}
@media(max-width:800px){
 .home-page{background:#fff;width:100%;padding-top:8px}
 .home-page>.offer-strip,.home-page>.hero-carousel{display:none}
 .mobile-promotions{display:block}
 .mobile-promo-strip{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:36px;margin:0 12px 9px;padding:5px 12px;border-radius:30px;background:linear-gradient(100deg,#ff8c25,#ff6411);color:#fff!important;overflow:hidden}
 .mobile-promo-strip>b{font-size:16px;line-height:1;white-space:nowrap}.mobile-promo-strip>b>span{font-size:10px}
 .mobile-promo-strip-copy{font-size:10px;font-weight:bold;text-align:center;line-height:1.4}.mobile-promo-strip-copy small{display:block;font-size:9px;font-weight:normal}
 .mobile-promo-strip-cta{background:#fff3dc;color:#a34303;padding:3px 7px;border-radius:5px;font-size:9px;font-weight:bold;white-space:nowrap}
 .mobile-promo-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:15%;padding:0 15% 4px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .mobile-promo-track::-webkit-scrollbar{display:none}
 .mobile-promo-card{flex:0 0 100%;min-width:0;aspect-ratio:2/3;position:relative;display:flex;flex-direction:column;align-items:center;border-radius:16px;overflow:hidden;scroll-snap-align:center;padding:21px 15px 15px;text-align:center;isolation:isolate;color:#171c28!important}
 .mobile-promo-card--sun{background:radial-gradient(ellipse at 20% 75%,#fff369 0,transparent 55%),linear-gradient(145deg,#ffb144,#ffd44c 60%,#fff150)}
 .mobile-promo-card--night{background:linear-gradient(150deg,#111726,#323c52);color:#fff!important}
 .mobile-promo-card--sky{background:linear-gradient(145deg,#99d8ff,#d0f4ff 70%,#e8faff)}
 .mobile-promo-card-copy{width:100%}.mobile-promo-card-copy>small{display:block;font-size:11px;font-weight:bold;margin-bottom:5px}
 .mobile-promo-card-copy h2{font-size:clamp(28px,8vw,48px);font-weight:900;line-height:1.15;letter-spacing:-1px;margin:0 0 6px}
 .mobile-promo-card-copy p{font-size:clamp(13px,3.7vw,20px);font-weight:bold;line-height:1.35;margin:0 0 7px}
 .mobile-promo-card-copy strong{font-size:11px;letter-spacing:1.3px}.mobile-promo-card--night .mobile-promo-card-copy p{color:#feee00}
 .mobile-promo-card-image{flex:1;min-height:0;width:100%;display:grid;place-items:center;margin:10px 0;overflow:hidden;border-radius:10px}
 .mobile-promo-card-image img{height:100%;width:100%;object-fit:contain;max-height:240px}
 .mobile-promo-card-cta{font-size:11px;font-weight:bold;padding:5px 14px;border:1px solid currentColor;border-radius:20px}
 .mobile-promo-card-fallback{flex:1;display:flex;flex-direction:column;justify-content:center;font-size:50px;font-weight:bold;line-height:1.3}.mobile-promo-card-fallback span{font-size:24px}
 .mobile-category-heading{font-size:16px;margin:16px 12px 0;line-height:1.4}
 .home-page>.category-circles{padding:12px 12px 18px;gap:12px;justify-content:flex-start}.home-page>.category-circles>a{flex-basis:72px}.home-page>.category-circles>a>span{border-radius:14px;background:linear-gradient(145deg,#ffb044,#ffe99e);height:72px;width:72px}.home-page>.category-circles b{font-size:11px}
 .home-page>.discovery-grid,.home-page>.business-banner,.home-page>.shopping-copy{margin-inline:12px}.home-page>.catalog-section{margin-inline:0}
}
@media(min-width:521px) and (max-width:800px){.mobile-promo-track{padding-inline:25%;scroll-padding-inline:25%}.mobile-promo-card{max-height:520px}}
@media(prefers-reduced-motion:reduce){.mobile-promo-track{scroll-behavior:auto}}
@media(max-width:360px){.mobile-promo-strip{gap:4px;padding-inline:9px}.mobile-promo-strip>b{font-size:14px}.mobile-promo-strip-copy{font-size:9px;white-space:nowrap}.mobile-promo-strip-copy small{font-size:8px}.mobile-promo-strip-cta{font-size:8px;padding-inline:5px}}


/* ===== Tager Safety merchandising upgrade ===== */
.home-controlled-slider{position:relative;overflow:hidden;background:#fff}.image-hero-slide{display:block;position:relative;padding:0!important;min-height:auto!important;background:#fff!important}.image-hero-slide>img{width:100%;aspect-ratio:1300/340;object-fit:cover}.image-hero-overlay{position:absolute;inset-block:0;inset-inline-start:0;width:min(44%,520px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px;color:#fff;background:linear-gradient(90deg,transparent,rgba(0,0,0,.6))}.image-hero-overlay small{font-size:15px}.image-hero-overlay b{font-size:34px;line-height:1.25;margin:8px 0}.image-hero-overlay em{font-style:normal;background:var(--yellow);color:#111;padding:10px 18px;border-radius:6px;font-weight:800}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#ffffffe8;font-size:30px;cursor:pointer}.hero-arrow-prev{right:12px}.hero-arrow-next{left:12px}
.noon-promo-section{margin-top:22px}.noon-promo-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.noon-promo-card{background:#fff4a6;border-radius:22px;overflow:hidden;text-align:center;display:flex;flex-direction:column;min-width:0}.noon-promo-image{margin:12px 12px 0;border:1.5px solid #ff7b00;border-radius:18px;background:#fff;aspect-ratio:1.16;display:grid;place-items:center;overflow:hidden}.noon-promo-image img{width:100%;height:100%;object-fit:contain}.noon-promo-card>b{padding:10px 8px 2px;font-size:16px}.noon-promo-card>small{padding:0 8px 9px;color:#5e6570}.noon-promo-card>strong{margin-top:auto;background:#ff7300;color:#fff;font-size:17px;padding:10px 8px}
.noon-product-card{border:1px solid #e3e5ea;border-radius:9px;background:#fff;overflow:hidden;box-shadow:none}.noon-product-card .product-media{background:#f7f8fa;aspect-ratio:1/1.08;padding:0}.product-media-slider{position:relative}.product-card-slide{width:100%;height:100%;display:grid;place-items:center}.product-card-slide[hidden]{display:none}.product-card-slide img{width:100%;height:100%;object-fit:contain;padding:10px}.product-image-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:30px;height:30px;border-radius:50%;border:1px solid #d8dce3;background:#ffffffe8;font-size:20px;opacity:0;transition:.18s;cursor:pointer}.product-image-prev{right:6px}.product-image-next{left:6px}.product-card:hover .product-image-nav{opacity:1}.product-card-dots{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:3}.product-card-dots button{width:6px;height:6px;border:0;border-radius:50%;background:#c4c6cc;padding:0}.product-card-dots button.active{background:#111}.card-badge{position:absolute;top:0;right:0;background:#086a5d;color:#fff;padding:5px 9px;border-radius:0 0 0 10px;font-size:11px;z-index:5}.noon-product-card .discount-badge{top:auto;bottom:8px;right:8px;background:#00a83a}.noon-product-card .wish-form{position:absolute;z-index:6;top:10px;left:10px}.noon-product-card .wish-btn{position:static!important;background:transparent;border:0;width:30px;height:30px}.quick-add-form{position:absolute;left:10px;bottom:10px;z-index:7;margin:0}.quick-add-btn{position:absolute;left:10px;bottom:10px;z-index:7;width:38px;height:38px;border:1px solid #e1e4e9;background:#fff;border-radius:8px;display:grid;place-items:center;font-size:28px;line-height:1;cursor:pointer;color:#28334a}.quick-add-form .quick-add-btn{position:static}.quick-add-disabled{opacity:.45;cursor:not-allowed}.noon-product-card .product-body{padding:12px}.noon-product-card .product-body>small{display:none}.noon-product-card .product-body h3{font-size:14px;line-height:1.5;min-height:44px;margin:0 0 7px;font-weight:500}.product-rating{display:flex;align-items:center;gap:5px;font-size:12px;margin:3px 0 7px}.product-rating b{color:#0b8f2e}.product-rating span{color:#8790a2}.price-saving{color:#0aaf35;font-size:13px}.shipping-message{font-size:12px;color:#5e6674;margin-top:7px}.noon-product-card .card-action{display:none}
.flash-sale-section{margin:24px 0;background:#fff5a5;padding:24px 16px;border-radius:2px}.flash-sale-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.flash-sale-head h2{font-size:32px;margin:2px 0;letter-spacing:.5px}.flash-sale-head small{color:#ff6f00;font-weight:800}.flash-countdown{display:flex;align-items:center;gap:10px}.flash-countdown span{font-size:13px}.flash-countdown b{background:#27100b;color:#fff;border-radius:8px;padding:10px 14px;direction:ltr}.flash-product-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/6);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.flash-product-row>*{scroll-snap-align:start}
.strong-brands .strong-brand-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.strong-brand-grid a{min-height:100px;background:#f7f7f4;display:grid;place-items:center;padding:14px}.strong-brand-grid img{max-height:58px;max-width:90%;object-fit:contain}.strong-brand-grid b{text-align:center}.popular-search-section{padding:26px 0 36px}.popular-search-section h2{font-size:20px}.popular-search-cloud{display:flex;flex-wrap:wrap;gap:8px}.popular-search-cloud a{background:#f4f5f7;border-radius:3px;padding:7px 10px;font-size:12px;color:#4f5663}.popular-search-cloud a:hover{background:#e9ebef}
.home-admin-stack{display:grid;gap:20px}.home-manager-form{display:grid;gap:12px;border-top:1px solid #eceef2;padding-top:16px;margin-top:16px}.home-manager-form:first-of-type{border-top:0}.home-manager-form label{display:grid;gap:6px}.destination-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px}.home-admin-list{display:grid;gap:14px;margin-top:18px}.home-manager-item{background:#fafbfc;border:1px solid #e4e7ec;border-radius:10px;padding:14px}.home-manager-preview img{width:100%;max-height:170px;object-fit:cover;border-radius:8px}.home-manager-card-preview img{width:160px;height:140px;object-fit:contain;background:#fff;border-radius:10px}.inline-actions{display:flex;gap:8px}.compact-manager{grid-template-columns:1.2fr 1.2fr 100px auto auto;align-items:end}.popular-admin-grid{display:grid;gap:8px;margin-top:15px}.popular-admin-grid>form{display:grid;grid-template-columns:1.2fr 1.2fr 90px auto auto auto;gap:8px;align-items:center}.popular-admin-grid>form+form:empty{display:none}
@media(max-width:1000px){.noon-promo-track{grid-template-columns:repeat(3,1fr)}.strong-brands .strong-brand-grid{grid-template-columns:repeat(4,1fr)}.flash-product-row{grid-auto-columns:calc((100% - 36px)/4)}.destination-grid{grid-template-columns:1fr}.compact-manager,.popular-admin-grid>form{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.home-controlled-slider.image-hero-slide{display:none}.image-hero-slide>img{aspect-ratio:16/7}.image-hero-overlay{width:70%;padding:20px}.image-hero-overlay b{font-size:24px}.noon-promo-track{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory}.noon-promo-card{flex:0 0 42%;scroll-snap-align:start}.product-image-nav{opacity:1}.flash-sale-section{margin-inline:0}.flash-sale-head{align-items:flex-start;flex-direction:column}.flash-product-row{grid-auto-columns:calc((100% - 12px)/2.15)}.strong-brands .strong-brand-grid{grid-template-columns:repeat(3,1fr)}.popular-search-section{padding-inline:12px}}
@media(max-width:520px){.noon-promo-card{flex-basis:56%}.noon-promo-card>b{font-size:14px}.noon-promo-card>strong{font-size:15px}.flash-sale-head h2{font-size:25px}.strong-brand-grid a{min-height:82px}.popular-admin-grid>form,.compact-manager{grid-template-columns:1fr}.product-image-nav{width:27px;height:27px;font-size:18px}}

/* ===== Stories + Product Reels (2026-10-01) ===== */
.story-strip{display:flex;gap:14px;overflow-x:auto;padding:12px 4px 8px;scrollbar-width:none;scroll-snap-type:x proximity}.story-strip::-webkit-scrollbar{display:none}.story-bubble{flex:0 0 76px;border:0;background:transparent;padding:0;cursor:pointer;text-align:center;color:var(--ink)}.story-ring{width:68px;height:68px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#ff7a00,#feee00 55%,#1267ff);display:block;margin:auto}.story-thumb{width:100%;height:100%;border-radius:50%;background:#fff;border:2px solid #fff;overflow:hidden;display:grid;place-items:center}.story-thumb img{width:100%;height:100%;object-fit:cover}.story-video-mark{width:100%;height:100%;display:grid;place-items:center;background:#202534;color:#fff;font-size:21px}.story-bubble b{display:block;font-size:11px;line-height:1.25;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-viewer{position:fixed;inset:0;z-index:500;display:grid;place-items:center}.story-viewer[hidden]{display:none}.story-backdrop{position:absolute;inset:0;background:#000c}.story-stage{position:relative;width:min(430px,100vw);height:min(760px,100dvh);background:#050505;border-radius:18px;overflow:hidden;z-index:1;box-shadow:0 20px 60px #0008}.story-frame{position:absolute;inset:0}.story-frame[hidden]{display:none}.story-frame>img,.story-frame>video{width:100%;height:100%;object-fit:contain;background:#000}.story-copy{position:absolute;left:0;right:0;bottom:0;padding:80px 22px 26px;background:linear-gradient(transparent,#000b);color:#fff;display:flex;justify-content:space-between;align-items:end;gap:12px}.story-copy b{font-size:18px}.story-copy a{background:var(--yellow);color:#111!important;padding:9px 15px;border-radius:20px;font-weight:800;font-size:13px}.story-close{position:absolute;top:16px;left:16px;z-index:6;width:36px;height:36px;border:0;border-radius:50%;background:#0008;color:#fff;font-size:25px}.story-nav{position:absolute;top:48%;z-index:6;width:40px;height:52px;border:0;background:#0004;color:#fff;font-size:30px}.story-prev{right:0;border-radius:10px 0 0 10px}.story-next{left:0;border-radius:0 10px 10px 0}.story-progress{position:absolute;top:10px;left:10px;right:10px;z-index:7;display:flex;gap:4px}.story-progress i{height:3px;flex:1;background:#ffffff55;border-radius:10px;overflow:hidden}.story-progress i:before{content:"";display:block;height:100%;width:0;background:#fff}.story-progress i.done:before{width:100%}.story-progress i.active:before{animation:storyFill 5s linear forwards}@keyframes storyFill{to{width:100%}}

.home-reels-section{margin-top:20px;background:#111;padding:20px;border-radius:12px;color:#fff}.home-reels-section .section-title h2{color:#fff}.home-reels-section .outline-link{border-color:#666;background:#222;color:#fff!important}.home-reels-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,220px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}.home-reel-card{scroll-snap-align:start;background:#1c1c1c;border-radius:14px;overflow:hidden}.home-reel-media{position:relative;display:block;aspect-ratio:9/16;background:#000}.home-reel-media video{width:100%;height:100%;object-fit:cover}.home-reel-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#0008;color:#fff;font-size:18px}.home-reel-info{padding:10px}.home-reel-info>div:first-child b,.home-reel-info>div:first-child small{display:block}.home-reel-info>div:first-child b{font-size:13px;line-height:1.45}.home-reel-info>div:first-child small{font-size:11px;color:#bbb;margin-top:4px}.home-reel-stats{display:flex;gap:12px;font-size:11px;color:#ddd;margin:8px 0}.home-reel-product{display:block;background:var(--yellow);color:#111!important;text-align:center;border-radius:6px;padding:7px;font-size:12px;font-weight:800}

.reels-page{background:#050505;min-height:calc(100dvh - 130px)}.reels-feed{height:calc(100dvh - 130px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;background:#000}.reel-screen{height:100%;min-height:100%;scroll-snap-align:start;display:grid;place-items:center;position:relative}.reel-video-wrap{height:100%;width:min(520px,100%);position:relative;background:#000;overflow:hidden}.reel-video-wrap>video{width:100%;height:100%;object-fit:contain;background:#000}.reel-gradient{position:absolute;inset:0;background:linear-gradient(transparent 52%,#000b);pointer-events:none}.reel-sound{position:absolute;top:18px;left:18px;z-index:5;width:36px;height:36px;border:0;border-radius:50%;background:#0008;color:#fff}.reel-caption{position:absolute;bottom:22px;right:16px;left:82px;color:#fff;z-index:3}.reel-caption>b{font-size:16px}.reel-caption>p{font-size:13px;line-height:1.6;margin:7px 0 10px;white-space:pre-line}.reel-product-chip{display:flex;align-items:center;gap:9px;background:#ffffffef;color:#111!important;border-radius:10px;padding:7px;max-width:310px}.reel-product-chip img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:7px}.reel-product-chip span{min-width:0;display:grid;line-height:1.25}.reel-product-chip small{font-size:10px;color:#777}.reel-product-chip strong{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reel-product-chip em{font-size:12px;font-style:normal;font-weight:800;margin-top:3px}.reel-actions{position:absolute;left:14px;bottom:24px;z-index:4;display:flex;flex-direction:column;gap:16px}.reel-actions form{margin:0}.reel-action{border:0;background:transparent;color:#fff!important;display:grid;place-items:center;gap:3px;min-width:48px;text-align:center}.reel-action>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#0008;font-size:25px}.reel-action>b{font-size:11px}.reel-action.is-liked>span{color:#ff3040;background:#fff}.reel-comments-sheet{position:absolute;z-index:10;right:0;left:0;bottom:0;background:#fff;color:#111;border-radius:18px 18px 0 0;max-height:68%;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 -10px 35px #0007}.reel-comments-sheet[hidden]{display:none}.reel-comments-head{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid #eee}.reel-comments-head button{border:0;background:#f3f3f3;border-radius:50%;width:32px;height:32px;font-size:21px}.reel-comments-list{overflow-y:auto;padding:8px 15px}.reel-comment{display:flex;gap:10px;padding:10px 0}.comment-avatar{width:34px;height:34px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-weight:900;flex:0 0 34px}.reel-comment div{min-width:0}.reel-comment b{font-size:12px}.reel-comment p{font-size:13px;margin:3px 0;line-height:1.5;overflow-wrap:anywhere}.reel-comment small{font-size:10px;color:#999}.no-comments{text-align:center;color:#888;padding:20px}.reel-comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #eee}.reel-comment-form input{border:1px solid #ddd;border-radius:22px;padding:9px 13px}.reel-comment-form button{border:0;border-radius:20px;background:var(--yellow);font-weight:800;padding:0 16px}.login-to-comment{display:block;text-align:center;background:var(--yellow);color:#111!important;margin:10px;border-radius:20px;padding:10px;font-weight:800}.empty-reels{min-height:65vh;display:grid;place-items:center;align-content:center;text-align:center;color:#fff;gap:10px}.empty-reels a{background:var(--yellow);color:#111!important;padding:10px 18px;border-radius:7px}.social-preview img,.reel-admin-preview img{width:110px;height:110px;object-fit:cover;border-radius:12px}.video-preview-label,.reel-admin-preview>div{width:110px;height:110px;display:grid;place-items:center;background:#222;color:#fff;border-radius:12px}.reel-admin-preview{display:flex;align-items:center;gap:12px}.admin-comments-list{display:grid;gap:8px}.admin-comments-list>div{display:flex;justify-content:space-between;gap:12px;border:1px solid #e7e8eb;padding:12px;border-radius:8px}.admin-comments-list b,.admin-comments-list small{display:block}.admin-comments-list small{color:#888}.admin-comments-list p{margin:5px 0 0}.admin-comments-list form{margin:0}

@media(max-width:800px){body:has(.reels-page){padding-bottom:70px}.mobile-nav{grid-template-columns:repeat(6,1fr)}.mobile-nav span{font-size:9.5px}.mobile-nav .icon{width:22px;height:22px}.story-strip{padding:7px 12px 6px;margin-inline:-12px}.story-bubble{flex-basis:68px}.story-ring{width:61px;height:61px}.story-stage{width:100vw;height:100dvh;border-radius:0}.story-copy{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.home-reels-section{margin-inline:-12px;border-radius:0;padding:15px 12px}.home-reels-track{grid-auto-columns:44vw}.reels-page{margin-top:-1px;min-height:calc(100dvh - 70px)}.reels-feed{height:calc(100dvh - 70px)}.reel-video-wrap{width:100%;height:100%}.reel-caption{bottom:84px}.reel-actions{bottom:86px}.reel-comments-sheet{bottom:0;max-height:72%}}
@media(max-width:520px){.home-reels-track{grid-auto-columns:53vw}.story-bubble b{font-size:10px}.reel-caption{left:72px}.reel-product-chip{max-width:250px}.admin-comments-list>div{flex-direction:column}}

/* ===== Homepage admin full-control + full-image promo cards ===== */
.home-control-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.home-control-overview>a{display:grid;gap:4px;background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:15px;box-shadow:0 4px 14px #15213a08}.home-control-overview>a:hover{border-color:#d3c300;color:#202534}.home-control-overview b{font-size:15px}.home-control-overview small{color:#737b8a;line-height:1.55}.admin-link-note{background:#fff9c9;border:1px solid #efe18e;border-radius:10px;padding:12px 15px;margin-bottom:18px;font-size:13px}.admin-link-note a{text-decoration:underline;font-weight:800}.panel-help{font-size:13px;color:#687080;margin:-4px 0 12px}.home-manager-card-preview img{width:180px;height:180px;object-fit:cover;background:#fff;border-radius:12px}
.noon-promo-card--full{position:relative;display:block!important;aspect-ratio:4/5;background:#111;border-radius:18px;overflow:hidden;isolation:isolate;text-align:right}.noon-promo-full-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.noon-promo-card--full:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000c);z-index:1}.noon-promo-overlay{position:absolute;right:0;left:0;bottom:0;z-index:2;padding:18px;color:#fff;display:grid;gap:4px}.noon-promo-overlay em{justify-self:start;background:#feee00;color:#111;border-radius:20px;padding:4px 9px;font-style:normal;font-size:11px;font-weight:800}.noon-promo-overlay b{font-size:18px;line-height:1.35}.noon-promo-overlay small{color:#f1f1f1;font-size:12px;line-height:1.5}
.mobile-promo-card--managed{padding:0!important;background:#111!important;color:#fff!important;display:block!important;position:relative;aspect-ratio:4/5!important}.mobile-promo-full-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mobile-promo-card--managed:after{content:"";position:absolute;inset:32% 0 0;background:linear-gradient(transparent,#000d);z-index:1}.mobile-promo-overlay{position:absolute;right:0;left:0;bottom:0;z-index:2;padding:16px;text-align:right;display:grid;gap:4px;color:#fff}.mobile-promo-overlay em{justify-self:start;background:#feee00;color:#111;border-radius:20px;padding:4px 9px;font-style:normal;font-size:10px;font-weight:800}.mobile-promo-overlay b{font-size:21px;line-height:1.25}.mobile-promo-overlay small{font-size:12px;color:#f3f3f3}.mobile-promotions{display:none}
@media(max-width:800px){.home-control-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-promotions{display:block;margin:10px -12px 14px}.mobile-promo-track{display:flex;overflow-x:auto;gap:10px;padding:0 12px;scroll-snap-type:x mandatory;scrollbar-width:none}.mobile-promo-track::-webkit-scrollbar{display:none}.mobile-promo-card{flex:0 0 76%;scroll-snap-align:center;border-radius:16px}.noon-promo-section{display:none}.home-manager-card-preview img{width:140px;height:140px}}
@media(max-width:520px){.home-control-overview{grid-template-columns:1fr}.mobile-promo-card{flex-basis:82%}.mobile-promo-overlay b{font-size:20px}}

/* ===== 2026-10-01 media fallback + mobile home cards + horizontal lock ===== */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body{position:relative}
main,.site-header,.site-footer,.home-page{width:100%;max-width:100%;overflow-x:clip}
.container{max-width:100%;min-width:0}
.home-page>*{max-width:100%;min-width:0}
img,video{max-width:100%}
.product-scroll,.noon-promo-track,.mobile-promo-track,.home-reels-track,.category-circles,.strong-brand-grid{min-width:0;max-width:100%}

@media(max-width:800px){
  .mobile-promotions{display:block;margin:10px 0 16px;width:100%;max-width:100%;overflow:hidden}
  .mobile-promo-track{display:flex;gap:10px;width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden;padding:0 12px 6px;scroll-snap-type:x mandatory;scroll-padding-inline:12px;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x pan-y}
  .mobile-promo-track::-webkit-scrollbar{display:none}
  .mobile-promo-card.mobile-promo-card--managed{position:relative!important;display:block!important;flex:0 0 clamp(138px,43vw,178px)!important;width:auto!important;max-width:none!important;aspect-ratio:2/3!important;padding:0!important;margin:0!important;border:0!important;border-radius:16px!important;overflow:hidden!important;background:#f4f4f4!important;scroll-snap-align:start;box-shadow:none!important}
  .mobile-promo-card--managed:after{display:none!important}
  .mobile-promo-full-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important}
  .mobile-promo-overlay{display:none!important}
  .story-strip,.home-reels-section{max-width:100%;overflow:hidden}
  .story-strip{overflow-x:auto!important}
  .home-reels-track{overflow-x:auto!important}
  .category-circles{overflow-x:auto!important}
}

@media(max-width:420px){
  .mobile-promo-card.mobile-promo-card--managed{flex-basis:44vw!important;min-width:0!important}
}

/* ===== Mobile-only stories/cards + bigger full-image cards + viewport lock ===== */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body{position:relative}
.site-header,.site-footer,main,.home-page,.home-page>*,.container{max-width:100%;min-width:0}

/* Stories and managed promo cards are phone/tablet only. */
@media(min-width:801px){
  .story-strip,.mobile-promotions{display:none!important}
}

@media(max-width:800px){
  .story-strip{display:flex!important;width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden;margin:0!important;padding:8px 12px 7px!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .story-strip::-webkit-scrollbar{display:none}
  .mobile-promotions{display:block!important;width:100%;max-width:100%;overflow:hidden!important;margin:10px 0 18px!important;padding:0!important}
  .mobile-promo-track{display:flex!important;width:100%;max-width:100%;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 12px 8px!important;scroll-snap-type:x mandatory;scroll-padding-inline:12px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x}
  .mobile-promo-track::-webkit-scrollbar{display:none}
  .mobile-promo-card.mobile-promo-card--managed{position:relative!important;display:block!important;flex:0 0 min(64vw,390px)!important;width:min(64vw,390px)!important;min-width:min(64vw,390px)!important;max-width:none!important;aspect-ratio:2/3!important;padding:0!important;margin:0!important;border:0!important;border-radius:22px!important;overflow:hidden!important;background:#f2f2f2!important;scroll-snap-align:start;box-shadow:none!important}
  .mobile-promo-card--managed:after,.mobile-promo-overlay{display:none!important}
  .mobile-promo-full-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important}
}

@media(max-width:520px){
  .mobile-promo-card.mobile-promo-card--managed{flex-basis:72vw!important;width:72vw!important;min-width:72vw!important;border-radius:20px!important}
}

@media(max-width:360px){
  .mobile-promo-card.mobile-promo-card--managed{flex-basis:74vw!important;width:74vw!important;min-width:74vw!important}
}


/* ===== EXACT PHONE PRODUCT CARD REF ===== */
.noon-product-card{
  background:#fff;
  border:1px solid #dfe2e8;
  border-radius:10px;
  overflow:hidden;
  min-width:0;
  box-shadow:none;
}

.noon-product-card .product-media{
  position:relative;
  padding:0!important;
  aspect-ratio:1/1.03;
  background:#f7f7f8;
  overflow:hidden;
}

.product-card-gallery-link{
  position:absolute;
  inset:0;
  display:block;
}

.product-card-slide{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
}

.product-card-slide[hidden]{display:none!important}

.product-card-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:10px 8px 20px!important;
  mix-blend-mode:normal!important;
  background:#f7f7f8;
}

.noon-product-card .card-badge{
  position:absolute;
  top:0;
  right:0;
  z-index:8;
  background:#0a665a;
  color:#fff;
  padding:6px 10px;
  border-radius:0 0 0 10px;
  font-size:11px;
  font-weight:700;
}

.noon-product-card .wish-form{
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  right:auto!important;
  z-index:9;
  margin:0;
}

.noon-product-card .wish-btn{
  width:34px!important;
  height:34px!important;
  padding:6px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.88)!important;
  display:grid!important;
  place-items:center!important;
  color:#303847!important;
  box-shadow:0 1px 5px rgba(0,0,0,.06);
}

.noon-product-card .wish-btn .icon{
  width:21px;
  height:21px;
}

.product-image-nav{
  width:28px;
  height:28px;
  border:1px solid #d8dce3;
  background:rgba(255,255,255,.92);
  border-radius:50%;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:7;
  display:grid;
  place-items:center;
  font-size:19px;
  line-height:1;
  color:#333;
  opacity:0;
}

.product-image-prev{right:6px}
.product-image-next{left:6px}
.noon-product-card:hover .product-image-nav{opacity:1}

.product-card-dots{
  position:absolute;
  left:50%;
  bottom:8px;
  transform:translateX(-50%);
  display:flex;
  gap:5px;
  z-index:8;
}

.product-card-dots button{
  width:5px;
  height:5px;
  border:0;
  padding:0;
  border-radius:50%;
  background:#c4c7ce;
}

.product-card-dots button.active{
  background:#111;
  transform:scale(1.2);
}

.noon-product-card .discount-badge{
  position:absolute!important;
  right:auto!important;
  left:11px!important;
  top:auto!important;
  bottom:46px!important;
  background:#fff!important;
  color:#109a31!important;
  border:0!important;
  font-size:11px!important;
  font-weight:800!important;
  padding:0!important;
  z-index:8;
}

.quick-add-form{
  position:absolute;
  left:10px;
  bottom:8px;
  z-index:9;
  margin:0;
}

.quick-add-btn{
  position:absolute;
  left:10px;
  bottom:8px;
  z-index:9;
  width:38px;
  height:38px;
  border:1px solid #dfe2e8;
  background:#fff;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#313847;
  font-size:27px;
  line-height:1;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}

.quick-add-form .quick-add-btn{
  position:static;
}

.noon-product-card .product-body{
  padding:9px 10px 10px!important;
  text-align:right;
}

.noon-product-card .product-body h3{
  margin:0 0 6px!important;
  min-height:39px!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.5!important;
  color:#2d3340;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.product-rating{
  display:flex;
  align-items:center;
  gap:4px;
  margin:2px 0 7px!important;
  font-size:11px!important;
  direction:rtl;
}

.product-rating b{
  color:#2b3039!important;
  font-weight:500;
}

.product-rating .rating-star{
  color:#0aa33c!important;
  font-size:15px;
  line-height:1;
}

.product-rating span:last-child{
  color:#7f8794;
}

.product-price-line{
  display:flex;
  align-items:baseline;
  gap:4px;
  flex-wrap:wrap;
  margin-top:2px;
  direction:rtl;
}

.product-price-line strong{
  color:#161a20;
  font-size:16px;
  font-weight:800;
}

.product-price-line>span{
  color:#272b33;
  font-size:11px;
}

.product-price-line del{
  color:#8e949d;
  font-size:11px;
  margin-inline-start:3px;
}

.product-price-line em{
  color:#11a539;
  font-style:normal;
  font-size:11px;
  font-weight:700;
}

.shipping-message{
  margin-top:6px!important;
  color:#636a75!important;
  font-size:10.5px!important;
  line-height:1.4;
  min-height:15px;
}

.shipping-check{
  color:#08a535;
  font-weight:900;
  margin-left:3px;
}

.product-card-bottom{
  display:flex;
  justify-content:flex-end;
  margin-top:8px;
}

.fulfillment-badge{
  display:inline-flex;
  align-items:center;
  min-height:21px;
  background:#ffe500;
  color:#141414;
  border-radius:12px;
  padding:3px 8px;
  font-size:9.5px;
  font-weight:800;
}

/* Phone layout inspired by the supplied reference:
   narrow cards, 2+ cards visible, contained horizontal scroll. */
@media(max-width:800px){
  .product-scroll,
  .flash-product-row{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 12px 8px!important;
    margin-inline:-12px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .product-scroll::-webkit-scrollbar,
  .flash-product-row::-webkit-scrollbar{
    display:none;
  }

  .product-scroll>.product-card,
  .flash-product-row>.product-card{
    flex:0 0 43.5%!important;
    min-width:43.5%!important;
    max-width:43.5%!important;
    scroll-snap-align:start;
  }

  .noon-product-card .product-media{
    aspect-ratio:1/1.08;
  }

  .noon-product-card .product-body{
    padding:8px 9px 9px!important;
  }

  .noon-product-card .product-body h3{
    font-size:12.5px!important;
    min-height:38px!important;
  }

  .product-image-nav{
    display:none!important;
  }

  .quick-add-btn{
    width:36px;
    height:36px;
    font-size:25px;
  }
}

@media(max-width:380px){
  .product-scroll>.product-card,
  .flash-product-row>.product-card{
    flex-basis:47%!important;
    min-width:47%!important;
    max-width:47%!important;
  }
}


/* ===== CARD VERTICAL SCROLL + SHIPPING ROTATOR FIX ===== */

/* The product card must move normally with the page.
   Nothing in the card is sticky/fixed, and vertical touch scroll stays available. */
.noon-product-card,
.noon-product-card .product-media,
.noon-product-card .product-body,
.noon-product-card .product-card-gallery-link {
  position: relative;
  top: auto !important;
  right: auto;
  bottom: auto;
  left: auto;
  transform: none;
  scroll-margin: 0;
}

.noon-product-card {
  overflow: hidden;
  touch-action: auto !important;
  overscroll-behavior: auto !important;
}

.noon-product-card .product-media {
  position: relative !important;
  touch-action: auto !important;
  overscroll-behavior: auto !important;
}

.noon-product-card .product-card-gallery-link {
  position: absolute !important;
  inset: 0 !important;
  touch-action: auto !important;
}

/* Keep vertical page scrolling responsive even when the gesture starts on a card/image. */
.product-scroll,
.flash-product-row,
.product-scroll > .product-card,
.flash-product-row > .product-card,
.noon-product-card img {
  touch-action: auto !important;
  overscroll-behavior-y: auto !important;
}

/* Shipping message + Tager Safety badge are one aligned vertical stack. */
.product-shipping-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin-top: 6px;
  min-height: 42px;
}

.shipping-message-rotator {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  margin: 0 !important;
  min-height: 18px !important;
  line-height: 18px !important;
  white-space: nowrap;
  overflow: hidden;
}

.shipping-rotating-text {
  position: relative;
  display: inline-block;
  width: 72px;
  height: 18px;
  overflow: hidden;
  vertical-align: middle;
}

.shipping-text {
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 18px;
  line-height: 18px;
  opacity: 0;
  transform: translateY(5px);
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  text-align: right;
}

.shipping-text-a {
  animation-name: shippingMessageA;
}

.shipping-text-b {
  animation-name: shippingMessageB;
}

@keyframes shippingMessageA {
  0%, 44% {
    opacity: 1;
    transform: translateY(0);
  }
  50%, 94% {
    opacity: 0;
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes shippingMessageB {
  0%, 44% {
    opacity: 0;
    transform: translateY(5px);
  }
  50%, 94% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-5px);
  }
}

.product-shipping-stack .fulfillment-badge {
  margin: 0 !important;
  align-self: flex-start;
}

/* Old wrapper no longer used, but neutralize it if cached markup exists. */
.product-card-bottom {
  margin-top: 4px !important;
  justify-content: flex-start !important;
}

@media (max-width: 800px) {
  .product-scroll,
  .flash-product-row {
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    touch-action: auto !important;
  }

  .product-shipping-stack {
    gap: 3px;
    margin-top: 5px;
  }

  .shipping-rotating-text {
    width: 68px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .shipping-text {
    animation: none !important;
    opacity: 0;
    transform: none;
  }
  .shipping-text-a {
    opacity: 1;
  }
}


/* ===== TWO SHIPPING MESSAGES VERTICAL SLIDE ===== */
/* الرسالتان من لوحة التحكم فقط، وكل رسالة تظهر لمدة ثانيتين ثم تتحرك لأعلى/أسفل */
.shipping-message-rotator{
  overflow:hidden !important;
  min-height:18px !important;
}

.shipping-rotating-text{
  position:relative !important;
  display:inline-block !important;
  width:110px !important;
  height:18px !important;
  overflow:hidden !important;
  vertical-align:middle !important;
}

.shipping-rotating-text .shipping-text{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:18px !important;
  line-height:18px !important;
  opacity:0;
  transform:translateY(100%);
  animation-duration:4s !important;
  animation-iteration-count:infinite !important;
  animation-timing-function:ease-in-out !important;
}

.shipping-rotating-text .shipping-text-a{
  animation-name:shippingSlideA !important;
}

.shipping-rotating-text .shipping-text-b{
  animation-name:shippingSlideB !important;
}

@keyframes shippingSlideA{
  0%{
    opacity:1;
    transform:translateY(0);
  }
  42%{
    opacity:1;
    transform:translateY(0);
  }
  50%{
    opacity:0;
    transform:translateY(-100%);
  }
  92%{
    opacity:0;
    transform:translateY(100%);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes shippingSlideB{
  0%{
    opacity:0;
    transform:translateY(100%);
  }
  42%{
    opacity:0;
    transform:translateY(100%);
  }
  50%{
    opacity:1;
    transform:translateY(0);
  }
  92%{
    opacity:1;
    transform:translateY(0);
  }
  100%{
    opacity:0;
    transform:translateY(-100%);
  }
}


/* ===== REQUESTED ONLY: HOME CARD SCROLL + WHITE REELS + SLIGHTLY SMALLER CARDS ===== */

/* 1) الكروت الكبيرة تحت الحالات: اسمح للصفحة تنزل حتى لو السحب بدأ من فوق الكارت/الصورة */
@media (max-width:800px) {
  .mobile-promotions,
  .mobile-promo-track,
  .mobile-promo-card,
  .mobile-promo-card--managed,
  .mobile-promo-card--managed *,
  .mobile-promo-full-image {
    touch-action:auto !important;
    overscroll-behavior-y:auto !important;
  }

  .mobile-promo-track {
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain !important;
    overscroll-behavior-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .mobile-promo-full-image {
    pointer-events:none !important;
    -webkit-user-drag:none !important;
    user-select:none !important;
    -webkit-user-select:none !important;
  }

  /* 3) تصغير بسيط فقط */
  .mobile-promo-card.mobile-promo-card--managed {
    flex:0 0 64vw !important;
    width:64vw !important;
    min-width:64vw !important;
    max-width:64vw !important;
  }
}

@media (max-width:520px) {
  .mobile-promo-card.mobile-promo-card--managed {
    flex-basis:66vw !important;
    width:66vw !important;
    min-width:66vw !important;
    max-width:66vw !important;
  }
}

/* 2) شيل الخلفية السودة من الريلز في الرئيسية فقط */
.home-reels-section,
.home-reels-strip,
.home-reels-grid {
  background:#fff !important;
  background-color:#fff !important;
  color:#111 !important;
}

.home-reels-section .home-reels-track,
.home-reels-strip .home-reels-track,
.home-reels-grid .home-reels-track,
.home-reels-section .home-reels-three,
.home-reels-strip .home-reels-three,
.home-reels-grid .home-reels-three {
  background:transparent !important;
}

/* السواد يفضل جوه صفحة الريلز الكاملة فقط */
.reels-page,
body:has(.reels-page) {
  background:#000 !important;
}


/* ===== ONLY: 3 HOME REELS + SCROLLABLE REELS PAGE ===== */

/* الرئيسية: 3 ريلز جنب بعض فقط */
.home-reels-section .home-reels-track,
.home-reels-section .home-reels-three,
.home-reels-strip .home-reels-track,
.home-reels-grid .home-reels-track {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  gap:7px !important;
  overflow:visible !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
}

.home-reels-section .home-reel-card,
.home-reels-strip .home-reel-card,
.home-reels-grid .home-reel-card {
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  aspect-ratio:9/16 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#eee !important;
}

/* صفحة الريلز: سكرول رأسي ريل وراء ريل */
@media (max-width:800px) {
  body:has(.reels-page) {
    overflow:hidden !important;
    background:#000 !important;
  }

  body:has(.reels-page) .site-header,
  body:has(.reels-page) .site-footer {
    display:none !important;
  }

  body:has(.reels-page) main {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .reels-page {
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    overflow:hidden !important;
    background:#000 !important;
  }

  .reels-feed {
    width:100% !important;
    height:100dvh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    touch-action:pan-y !important;
    scroll-snap-type:y mandatory !important;
    overscroll-behavior-y:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .reel-screen {
    width:100% !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
    touch-action:pan-y !important;
  }

  .reel-screen video,
  .reel-video-wrap {
    touch-action:pan-y !important;
  }
}


/* ===== HOME REEL COUNTS + SPONSORED + IMMERSIVE REELS PAGE ===== */

/* ممول يظهر فقط للكارت المحدد من لوحة التحكم */
.mobile-promo-card--managed{
  position:relative !important;
}
.mobile-promo-sponsored{
  position:absolute;
  top:9px;
  right:9px;
  z-index:6;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#222;
  font-size:10px;
  font-weight:900;
  line-height:1;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
}

/* الرئيسية: أرقام التفاعل والتعليقات فقط فوق الريل */
.home-reel-media{
  position:relative !important;
}
.home-reel-numbers{
  position:absolute;
  right:7px;
  left:7px;
  bottom:7px;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  pointer-events:none;
}
.home-reel-numbers > span{
  display:inline-flex;
  align-items:center;
  gap:3px;
  min-height:24px;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(0,0,0,.58);
  color:#fff;
  font-size:10px;
  font-weight:800;
  line-height:1;
  backdrop-filter:blur(5px);
}
.home-reel-numbers b{
  font:inherit;
  color:inherit;
}

/* صفحة الريلز نفسها: تجربة كاملة شبيهة بصفحات الريلز وليست صفحة متجر عادية */
body:has(.reels-page--immersive){
  overflow:hidden !important;
  background:#000 !important;
}
body:has(.reels-page--immersive) .site-header,
body:has(.reels-page--immersive) .site-footer,
body:has(.reels-page--immersive) .mobile-nav{
  display:none !important;
}
body:has(.reels-page--immersive) main{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
.reels-page--immersive{
  position:fixed !important;
  inset:0 !important;
  z-index:999 !important;
  width:100vw !important;
  height:100dvh !important;
  min-height:100dvh !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#000 !important;
}
.reels-page--immersive .reels-feed{
  width:100% !important;
  height:100dvh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  touch-action:pan-y !important;
  scroll-snap-type:y mandatory !important;
  overscroll-behavior-y:contain !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none;
}
.reels-page--immersive .reels-feed::-webkit-scrollbar{
  display:none;
}
.reels-page--immersive .reel-screen{
  width:100% !important;
  height:100dvh !important;
  min-height:100dvh !important;
  max-height:100dvh !important;
  scroll-snap-align:start !important;
  scroll-snap-stop:always !important;
  display:grid !important;
  place-items:center !important;
  touch-action:pan-y !important;
}
.reels-page--immersive .reel-video-wrap{
  width:min(100%,520px) !important;
  height:100dvh !important;
  position:relative !important;
  background:#000 !important;
  overflow:hidden !important;
  touch-action:pan-y !important;
}
.reels-page--immersive .reel-video-wrap > video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  background:#000 !important;
  touch-action:pan-y !important;
}
.reels-page--immersive .reels-back-btn{
  position:fixed !important;
  top:max(14px,env(safe-area-inset-top)) !important;
  right:14px !important;
  z-index:1010 !important;
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:rgba(0,0,0,.55) !important;
  color:#fff !important;
  font-size:26px !important;
  line-height:1 !important;
}

@media(max-width:800px){
  .reels-page--immersive .reel-video-wrap{
    width:100% !important;
  }
  .home-reel-numbers > span{
    padding:4px 6px;
    font-size:9.5px;
  }
}


/* ===== ONLY: DESKTOP HEART + SPONSORED LEFT ===== */

/* كلمة ممول على الشمال */
.mobile-promo-sponsored{
  left:9px !important;
  right:auto !important;
}

/* القلب جنب رقم اللايك على الكمبيوتر */
.home-reel-like-count{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
}

.home-reel-heart{
  display:inline-block !important;
  font-size:15px !important;
  line-height:1 !important;
  color:#fff !important;
  font-family:Arial, sans-serif !important;
  font-weight:400 !important;
}

@media (min-width:801px){
  .home-reel-heart{
    font-size:17px !important;
  }
}


/* ===== TWO SMALL BANNERS BETWEEN HOME SECTIONS ===== */
.home-mini-banner-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:18px 0 22px;
}

.home-mini-banner{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:12px;
  background:#f5f5f5;
  aspect-ratio:2.45/1;
  border:1px solid #ececec;
}

.home-mini-banner img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.home-mini-banner-sponsored{
  position:absolute;
  top:8px;
  left:8px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#222;
  font-size:10px;
  font-weight:900;
  line-height:1;
  box-shadow:0 2px 9px rgba(0,0,0,.12);
}

@media(max-width:560px){
  .home-mini-banner-pair{
    gap:6px;
    margin:13px 0 16px;
  }

  .home-mini-banner{
    border-radius:9px;
    aspect-ratio:1.9/1;
  }

  .home-mini-banner-sponsored{
    top:6px;
    left:6px;
    min-height:20px;
    padding:3px 7px;
    font-size:9px;
  }
}


/* ===== DESKTOP HOMEPAGE CLEANUP ONLY ===== */
@media (min-width:801px){

  /* كروت ما تحت الحالات للموبايل فقط */
  .mobile-promotions{
    display:none !important;
  }

  /* عرض الرئيسية على الكمبيوتر بشكل أهدى وأبسط */
  .home-page.container{
    width:min(1240px,calc(100% - 40px)) !important;
  }

  .home-page{
    padding-top:14px !important;
    padding-bottom:28px !important;
  }

  .home-page > * + *{
    margin-top:16px;
  }

  /* الشريط العلوي داخل الرئيسية */
  .offer-strip{
    margin-block:0 14px !important;
    padding:9px 16px !important;
    min-height:42px !important;
    border-radius:8px !important;
    gap:18px !important;
    font-size:13px !important;
  }

  /* البنر الرئيسي: أقل ارتفاعًا وأشيك */
  .hero-carousel{
    border-radius:12px !important;
  }

  .image-hero-slide>img{
    aspect-ratio:1240/300 !important;
    max-height:300px !important;
    object-fit:cover !important;
  }

  .image-hero-overlay{
    width:min(42%,470px) !important;
    padding:28px 34px !important;
  }

  .image-hero-overlay b{
    font-size:29px !important;
  }

  .image-hero-overlay small{
    font-size:13px !important;
  }

  .image-hero-overlay em{
    padding:8px 15px !important;
    font-size:13px !important;
  }

  .hero-arrow{
    width:36px !important;
    height:36px !important;
    font-size:25px !important;
  }

  /* الأقسام: أصغر وأهدى */
  .category-circles{
    justify-content:center !important;
    gap:18px !important;
    padding:17px 12px 19px !important;
    margin-bottom:0 !important;
    border-radius:10px !important;
    overflow-x:auto !important;
  }

  .category-circles>a{
    flex:0 0 78px !important;
  }

  .category-circles>a>span{
    width:68px !important;
    height:68px !important;
    margin-bottom:7px !important;
  }

  .category-circles b{
    font-size:12px !important;
  }

  /* أقسام المنتجات: مساحات أصغر */
  .catalog-section{
    margin-top:0 !important;
    padding:18px 16px !important;
    border-radius:10px !important;
  }

  .section-title,
  .jm-section-title{
    margin-bottom:13px !important;
  }

  .section-title h2{
    font-size:20px !important;
  }

  .outline-link{
    padding:5px 13px !important;
    font-size:12px !important;
  }

  .product-scroll{
    grid-auto-columns:calc((100% - 56px)/5) !important;
    gap:14px !important;
    padding-bottom:4px !important;
  }

  /* تصغير كارت المنتج على الكمبيوتر بشكل بسيط فقط */
  .catalog-section .product-card .product-media{
    padding:11px !important;
  }

  .catalog-section .product-card .product-body{
    padding:10px 11px !important;
  }

  .catalog-section .product-card .product-body h3{
    font-size:13px !important;
    min-height:41px !important;
    margin:4px 0 7px !important;
  }

  .catalog-section .product-card .price-row strong{
    font-size:16px !important;
  }

  /* البنرين بين الأقسام */
  .home-mini-banner-pair{
    margin:15px 0 !important;
    gap:10px !important;
  }

  .home-mini-banner{
    aspect-ratio:2.8/1 !important;
    border-radius:10px !important;
    max-height:205px !important;
  }

  /* الريلز في الرئيسية: خفيفة ومش ضخمة */
  .home-reels-section{
    padding:16px !important;
    margin-top:0 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#111 !important;
  }

  .home-reels-section .section-title h2{
    color:#111 !important;
  }

  .home-reels-section .outline-link{
    background:#fff !important;
    color:#111 !important;
    border-color:#d9dce2 !important;
  }

  .home-reels-section .home-reels-track,
  .home-reels-section .home-reels-three{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .home-reels-section .home-reel-card{
    max-height:360px !important;
  }

  .home-reels-section .home-reel-media{
    height:360px !important;
    aspect-ratio:auto !important;
  }

  /* الفلاش والبراندات والبحث بشكل أهدى */
  .flash-sale-section{
    margin:0 !important;
    padding:18px 16px !important;
    border-radius:10px !important;
  }

  .flash-sale-head{
    margin-bottom:12px !important;
  }

  .flash-sale-head h2{
    font-size:24px !important;
  }

  .strong-brands .strong-brand-grid{
    gap:10px !important;
  }

  .strong-brand-grid a{
    min-height:76px !important;
    padding:10px !important;
    border-radius:8px !important;
  }

  .strong-brand-grid img{
    max-height:42px !important;
  }

  .popular-search-section{
    padding:18px 8px 20px !important;
  }

  .shopping-copy{
    padding-top:18px !important;
  }

  /* لو قسم كروت العروض الكبير ظهر في الكمبيوتر، اخفيه */
  .noon-promo-section{
    display:none !important;
  }
}


/* ===== COMPACT WHITE FLASH SALE ===== */
/* FLASH SALE فقط: أبيض وصغير ومنظم */
.flash-sale-section{
  margin:16px 0 !important;
  padding:14px !important;
  border:1px solid #e8eaed !important;
  border-radius:11px !important;
  background:#fff !important;
}

.flash-sale-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:11px !important;
}

.flash-sale-head>div:first-child{
  display:flex !important;
  align-items:baseline !important;
  gap:8px !important;
}

.flash-sale-head small{
  display:none !important;
}

.flash-sale-head h2{
  margin:0 !important;
  font-size:20px !important;
  line-height:1.2 !important;
  color:#111 !important;
}

.flash-countdown{
  gap:6px !important;
}

.flash-countdown span{
  font-size:10px !important;
  color:#6f7782 !important;
}

.flash-countdown b{
  padding:6px 9px !important;
  border-radius:7px !important;
  background:#111827 !important;
  color:#fff !important;
  font-size:11px !important;
}

.flash-product-row{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:145px !important;
  gap:8px !important;
  overflow-x:auto !important;
  padding:1px 1px 5px !important;
  scroll-snap-type:x proximity !important;
}

.flash-product-row>.product-card{
  min-width:0 !important;
  border-radius:9px !important;
  box-shadow:none !important;
  scroll-snap-align:start !important;
}

.flash-product-row>.product-card .product-media{
  aspect-ratio:1/1 !important;
  padding:7px !important;
}

.flash-product-row>.product-card .product-body{
  padding:7px 8px 9px !important;
}

.flash-product-row>.product-card .product-body h3{
  margin:3px 0 5px !important;
  min-height:32px !important;
  font-size:10.5px !important;
  line-height:1.45 !important;
}

.flash-product-row>.product-card .price-row strong{
  font-size:13px !important;
}

.flash-product-row>.product-card .old-price,
.flash-product-row>.product-card .discount-text,
.flash-product-row>.product-card .shipping-message,
.flash-product-row>.product-card .fulfillment-badge{
  font-size:8.5px !important;
}

@media(max-width:800px){
  .flash-sale-section{
    margin:12px 0 !important;
    padding:10px !important;
    border-radius:9px !important;
  }

  .flash-sale-head{
    align-items:center !important;
    flex-direction:row !important;
    margin-bottom:8px !important;
  }

  .flash-sale-head h2{
    font-size:16px !important;
  }

  .flash-countdown span{
    display:none !important;
  }

  .flash-countdown b{
    padding:5px 7px !important;
    font-size:9.5px !important;
  }

  .flash-product-row{
    grid-auto-columns:118px !important;
    gap:7px !important;
  }

  .flash-product-row>.product-card .product-body{
    padding:6px !important;
  }

  .flash-product-row>.product-card .product-body h3{
    min-height:29px !important;
    font-size:9.5px !important;
  }
}


/* ===== FULL MOBILE HOMEPAGE POLISH ===== */
@media (max-width:800px){

  /* الصفحة كلها */
  body{
    background:#f5f6f8 !important;
    overflow-x:hidden !important;
  }

  .home-page.container{
    width:100% !important;
    max-width:none !important;
    padding:0 10px 86px !important;
    margin:0 !important;
    overflow-x:hidden !important;
  }

  .home-page > *{
    max-width:100% !important;
  }

  .home-page > * + *{
    margin-top:10px !important;
  }

  /* الحالات */
  .story-strip{
    display:flex !important;
    gap:9px !important;
    overflow-x:auto !important;
    padding:10px 2px 7px !important;
    margin:0 !important;
    scrollbar-width:none !important;
    background:transparent !important;
  }

  .story-strip::-webkit-scrollbar{
    display:none !important;
  }

  .story-bubble{
    flex:0 0 62px !important;
    width:62px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  .story-ring{
    width:58px !important;
    height:58px !important;
    padding:2px !important;
    border-radius:50% !important;
  }

  .story-thumb{
    width:100% !important;
    height:100% !important;
    border:2px solid #fff !important;
  }

  .story-bubble b{
    display:block !important;
    margin-top:4px !important;
    font-size:9.5px !important;
    line-height:1.3 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    color:#2b3038 !important;
  }

  /* كروت العروض تحت الحالات: فون فقط + سكرول رأسي مايقفش */
  .mobile-promotions{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
  }

  .mobile-promo-track{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 0 3px !important;
    scrollbar-width:none !important;
    touch-action:auto !important;
    overscroll-behavior-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .mobile-promo-track::-webkit-scrollbar{
    display:none !important;
  }

  .mobile-promo-card.mobile-promo-card--managed{
    flex:0 0 64vw !important;
    width:64vw !important;
    min-width:64vw !important;
    max-width:64vw !important;
    border-radius:11px !important;
    overflow:hidden !important;
    box-shadow:none !important;
    border:1px solid #e9ebef !important;
    background:#fff !important;
    touch-action:auto !important;
  }

  .mobile-promo-full-image{
    width:100% !important;
    height:auto !important;
    object-fit:cover !important;
    pointer-events:none !important;
    user-select:none !important;
    -webkit-user-drag:none !important;
  }

  .mobile-promo-sponsored{
    top:6px !important;
    left:6px !important;
    right:auto !important;
    min-height:20px !important;
    padding:3px 7px !important;
    font-size:8.5px !important;
  }

  /* الشريط الأزرق القديم: نخليه بسيط جدًا */
  .offer-strip{
    display:none !important;
  }

  /* البنر الرئيسي */
  .hero-carousel{
    margin:0 !important;
    border-radius:12px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  .hero-slide{
    min-height:0 !important;
    padding:0 !important;
    display:block !important;
  }

  .image-hero-slide{
    position:relative !important;
    display:block !important;
  }

  .image-hero-slide>img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16/7 !important;
    object-fit:cover !important;
  }

  .image-hero-overlay{
    position:absolute !important;
    right:10px !important;
    left:auto !important;
    bottom:10px !important;
    width:auto !important;
    max-width:72% !important;
    padding:8px 10px !important;
    border-radius:8px !important;
    background:rgba(17,24,39,.72) !important;
    color:#fff !important;
    backdrop-filter:blur(5px) !important;
  }

  .image-hero-overlay small{
    display:block !important;
    margin-bottom:2px !important;
    font-size:8px !important;
    color:#e5e7eb !important;
  }

  .image-hero-overlay b{
    display:block !important;
    font-size:13px !important;
    line-height:1.35 !important;
  }

  .image-hero-overlay em{
    display:inline-flex !important;
    margin-top:5px !important;
    padding:4px 7px !important;
    border-radius:5px !important;
    background:#feee00 !important;
    color:#111827 !important;
    font-size:8px !important;
    font-style:normal !important;
    font-weight:900 !important;
  }

  .hero-arrow{
    width:28px !important;
    height:28px !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.9) !important;
    font-size:18px !important;
  }

  .hero-controls{
    bottom:6px !important;
    gap:5px !important;
  }

  .hero-controls button{
    width:6px !important;
    height:6px !important;
    border:0 !important;
  }

  .hero-controls button[aria-pressed=true]{
    width:18px !important;
  }

  /* الأقسام الدائرية */
  .category-circles{
    display:flex !important;
    justify-content:flex-start !important;
    gap:10px !important;
    overflow-x:auto !important;
    padding:11px 4px 12px !important;
    margin:0 !important;
    background:#fff !important;
    border-radius:11px !important;
    scrollbar-width:none !important;
  }

  .category-circles::-webkit-scrollbar{
    display:none !important;
  }

  .category-circles>a{
    flex:0 0 65px !important;
    width:65px !important;
  }

  .category-circles>a>span{
    width:56px !important;
    height:56px !important;
    margin:0 auto 5px !important;
    background:#f6f7f9 !important;
  }

  .category-circles b{
    font-size:9px !important;
    line-height:1.3 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* كروت العروض القديمة داخل الرئيسية */
  .noon-promo-section{
    display:none !important;
  }

  /* كل أقسام المنتجات */
  .catalog-section{
    margin:0 !important;
    padding:11px 8px 10px !important;
    border-radius:11px !important;
    background:#fff !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  .section-title,
  .jm-section-title{
    margin:0 0 9px !important;
    gap:8px !important;
    align-items:center !important;
  }

  .section-title h2,
  .jm-section-title h2{
    margin:0 !important;
    font-size:15px !important;
    line-height:1.35 !important;
    color:#1f2937 !important;
  }

  .outline-link{
    padding:4px 8px !important;
    min-height:26px !important;
    border-radius:6px !important;
    font-size:9px !important;
    border-color:#dfe3e8 !important;
    background:#fff !important;
  }

  .product-scroll{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:43% !important;
    gap:7px !important;
    overflow-x:auto !important;
    padding:1px 0 4px !important;
    scroll-snap-type:x proximity !important;
    scrollbar-width:none !important;
    touch-action:pan-y !important;
  }

  .product-scroll::-webkit-scrollbar{
    display:none !important;
  }

  .product-scroll>*{
    scroll-snap-align:start !important;
  }

  /* كارت المنتج على الموبايل */
  .product-card,
  .noon-product-card{
    border-radius:9px !important;
    border:1px solid #eceef1 !important;
    box-shadow:none !important;
    background:#fff !important;
  }

  .product-card .product-media,
  .noon-product-card .product-media{
    padding:8px !important;
    aspect-ratio:1/1 !important;
    background:#fafbfc !important;
    touch-action:pan-y !important;
  }

  .product-card .product-media img,
  .noon-product-card .product-media img{
    pointer-events:none !important;
    user-select:none !important;
    -webkit-user-drag:none !important;
  }

  .product-body{
    padding:7px !important;
  }

  .product-body h3{
    margin:3px 0 5px !important;
    min-height:31px !important;
    font-size:10px !important;
    line-height:1.45 !important;
  }

  .price-row{
    gap:4px !important;
  }

  .price-row strong{
    font-size:13px !important;
  }

  .price-row del{
    font-size:8px !important;
  }

  .wish-btn{
    width:27px !important;
    height:27px !important;
    padding:5px !important;
  }

  .discount-badge{
    top:6px !important;
    right:6px !important;
    left:auto !important;
    padding:3px 5px !important;
    font-size:8px !important;
  }

  .product-shipping-stack{
    margin-top:5px !important;
    gap:3px !important;
  }

  .shipping-message{
    min-height:16px !important;
    font-size:8.5px !important;
  }

  .shipping-rotating-text{
    height:16px !important;
    width:94px !important;
  }

  .shipping-rotating-text .shipping-text{
    height:16px !important;
    line-height:16px !important;
    font-size:8.5px !important;
  }

  .fulfillment-badge{
    font-size:8px !important;
    padding:2px 5px !important;
    min-height:18px !important;
  }

  /* البنرين الصغيرين */
  .home-mini-banner-pair{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
    margin:0 !important;
  }

  .home-mini-banner{
    aspect-ratio:1.85/1 !important;
    border-radius:9px !important;
    border:1px solid #eceef1 !important;
  }

  .home-mini-banner-sponsored{
    top:5px !important;
    left:5px !important;
    min-height:19px !important;
    padding:3px 6px !important;
    font-size:8px !important;
  }

  /* الريلز في الرئيسية */
  .home-reels-section,
  .home-reels-strip,
  .home-reels-grid{
    margin:0 !important;
    padding:11px 8px !important;
    border-radius:11px !important;
    background:#fff !important;
    color:#111 !important;
  }

  .home-reels-section .home-reels-track,
  .home-reels-section .home-reels-three,
  .home-reels-strip .home-reels-track,
  .home-reels-grid .home-reels-track{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:5px !important;
    overflow:visible !important;
  }

  .home-reel-card{
    width:100% !important;
    min-width:0 !important;
    aspect-ratio:9/16 !important;
    border-radius:9px !important;
    overflow:hidden !important;
    background:#111 !important;
  }

  .home-reel-media{
    width:100% !important;
    height:100% !important;
    aspect-ratio:auto !important;
  }

  .home-reel-media video{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .home-reel-play{
    width:28px !important;
    height:28px !important;
    font-size:11px !important;
  }

  .home-reel-numbers{
    right:4px !important;
    left:4px !important;
    bottom:4px !important;
    gap:3px !important;
  }

  .home-reel-numbers>span{
    min-height:20px !important;
    padding:3px 5px !important;
    font-size:8px !important;
  }

  .home-reel-heart{
    font-size:12px !important;
  }

  /* Flash Sale */
  .flash-sale-section{
    margin:0 !important;
    padding:11px 8px !important;
    border-radius:11px !important;
    background:#fff !important;
    border:1px solid #eceef1 !important;
  }

  .flash-sale-head{
    margin-bottom:8px !important;
    align-items:center !important;
  }

  .flash-sale-head h2{
    font-size:15px !important;
  }

  .flash-countdown{
    gap:4px !important;
  }

  .flash-countdown b{
    padding:5px 7px !important;
    border-radius:6px !important;
    font-size:9px !important;
  }

  .flash-product-row{
    grid-auto-columns:43% !important;
    gap:7px !important;
  }

  /* البراندات */
  .strong-brands{
    padding-bottom:12px !important;
  }

  .strong-brand-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  .strong-brand-grid a{
    min-height:58px !important;
    padding:7px !important;
    border-radius:8px !important;
    border:1px solid #eceef1 !important;
    background:#fff !important;
  }

  .strong-brand-grid img{
    max-height:32px !important;
  }

  .strong-brand-grid b{
    font-size:8.5px !important;
    text-align:center !important;
  }

  /* البحث الشائع */
  .popular-search-section{
    margin:0 !important;
    padding:11px 8px !important;
    border-radius:11px !important;
    background:#fff !important;
  }

  .popular-search-section h2{
    font-size:15px !important;
    margin-bottom:8px !important;
  }

  .popular-search-cloud{
    display:flex !important;
    gap:6px !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    scrollbar-width:none !important;
  }

  .popular-search-cloud::-webkit-scrollbar{
    display:none !important;
  }

  .popular-search-cloud a{
    flex:0 0 auto !important;
    padding:6px 9px !important;
    border-radius:999px !important;
    font-size:9px !important;
    background:#f4f5f7 !important;
    border:1px solid #e5e7eb !important;
  }

  /* النص الطويل تحت الرئيسية */
  .shopping-copy{
    margin:0 !important;
    padding:12px 10px !important;
    border-radius:10px !important;
    background:#fff !important;
  }

  .shopping-copy h2{
    margin-bottom:5px !important;
    font-size:13px !important;
  }

  .shopping-copy p{
    font-size:9.5px !important;
    line-height:1.7 !important;
  }

  /* أي empty state يبقى صغير */
  .empty-state{
    padding:14px 8px !important;
    font-size:10px !important;
  }
}

@media (max-width:420px){
  .home-page.container{
    padding-inline:8px !important;
  }

  .mobile-promo-card.mobile-promo-card--managed{
    flex-basis:68vw !important;
    width:68vw !important;
    min-width:68vw !important;
    max-width:68vw !important;
  }

  .product-scroll,
  .flash-product-row{
    grid-auto-columns:46% !important;
  }

  .strong-brand-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}


/* ===== MOBILE PRODUCT CARDS CLEAN FIX ===== */
@media (max-width:800px){

  /* صف المنتجات: كارتين واضحين جنب بعض بدل الكروت الرفيعة */
  .catalog-section .product-scroll,
  .category-products-section .product-scroll,
  .flash-sale-section .flash-product-row{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    padding:1px 1px 5px !important;
    scroll-snap-type:x proximity !important;
    scrollbar-width:none !important;
    touch-action:pan-y !important;
  }

  .catalog-section .product-scroll::-webkit-scrollbar,
  .category-products-section .product-scroll::-webkit-scrollbar,
  .flash-sale-section .flash-product-row::-webkit-scrollbar{
    display:none !important;
  }

  .catalog-section .product-scroll > .product-card,
  .category-products-section .product-scroll > .product-card,
  .flash-sale-section .flash-product-row > .product-card{
    flex:0 0 calc((100% - 8px)/2) !important;
    width:calc((100% - 8px)/2) !important;
    min-width:calc((100% - 8px)/2) !important;
    max-width:calc((100% - 8px)/2) !important;
    scroll-snap-align:start !important;
    border:1px solid #eceff2 !important;
    border-radius:11px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:0 2px 9px rgba(17,24,39,.045) !important;
    transform:none !important;
  }

  /* الصورة */
  .catalog-section .product-card .product-media,
  .category-products-section .product-card .product-media,
  .flash-sale-section .product-card .product-media{
    width:100% !important;
    aspect-ratio:1/1 !important;
    min-height:0 !important;
    padding:9px !important;
    background:#fafafa !important;
    overflow:hidden !important;
    touch-action:pan-y !important;
  }

  .catalog-section .product-card .product-media img,
  .category-products-section .product-card .product-media img,
  .flash-sale-section .product-card .product-media img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    pointer-events:none !important;
  }

  /* محتوى الكارت */
  .catalog-section .product-card .product-body,
  .category-products-section .product-card .product-body,
  .flash-sale-section .product-card .product-body{
    padding:8px 9px 10px !important;
  }

  .catalog-section .product-card .product-body h3,
  .category-products-section .product-card .product-body h3,
  .flash-sale-section .product-card .product-body h3{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    min-height:34px !important;
    margin:3px 0 6px !important;
    font-size:11px !important;
    line-height:1.5 !important;
    color:#20242b !important;
  }

  .catalog-section .product-card .price-row,
  .category-products-section .product-card .price-row,
  .flash-sale-section .product-card .price-row{
    display:flex !important;
    align-items:baseline !important;
    gap:5px !important;
    flex-wrap:wrap !important;
    min-height:24px !important;
  }

  .catalog-section .product-card .price-row strong,
  .category-products-section .product-card .price-row strong,
  .flash-sale-section .product-card .price-row strong{
    font-size:15px !important;
    line-height:1 !important;
  }

  .catalog-section .product-card .price-row del,
  .category-products-section .product-card .price-row del,
  .flash-sale-section .product-card .price-row del{
    font-size:9px !important;
  }

  /* التقييم */
  .catalog-section .product-card .rating-row,
  .category-products-section .product-card .rating-row,
  .flash-sale-section .product-card .rating-row{
    margin-top:4px !important;
    font-size:9px !important;
    min-height:16px !important;
  }

  /* زر + */
  .catalog-section .product-card .quick-add-btn,
  .category-products-section .product-card .quick-add-btn,
  .flash-sale-section .product-card .quick-add-btn,
  .catalog-section .product-card .product-plus-btn,
  .category-products-section .product-card .product-plus-btn,
  .flash-sale-section .product-card .product-plus-btn{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    border-radius:8px !important;
    font-size:20px !important;
  }

  /* القلب والخصم */
  .catalog-section .product-card .wish-btn,
  .category-products-section .product-card .wish-btn,
  .flash-sale-section .product-card .wish-btn{
    width:29px !important;
    height:29px !important;
    top:7px !important;
    left:7px !important;
  }

  .catalog-section .product-card .discount-badge,
  .category-products-section .product-card .discount-badge,
  .flash-sale-section .product-card .discount-badge{
    top:7px !important;
    right:7px !important;
    padding:3px 5px !important;
    border-radius:5px !important;
    font-size:8px !important;
  }

  /* التوصيل وتاجر سيفتي */
  .catalog-section .product-card .product-shipping-stack,
  .category-products-section .product-card .product-shipping-stack,
  .flash-sale-section .product-card .product-shipping-stack{
    margin-top:6px !important;
    gap:3px !important;
  }

  .catalog-section .product-card .shipping-message,
  .category-products-section .product-card .shipping-message,
  .flash-sale-section .product-card .shipping-message{
    font-size:8.5px !important;
    min-height:16px !important;
  }

  .catalog-section .product-card .fulfillment-badge,
  .category-products-section .product-card .fulfillment-badge,
  .flash-sale-section .product-card .fulfillment-badge{
    width:max-content !important;
    max-width:100% !important;
    min-height:18px !important;
    padding:2px 6px !important;
    border-radius:5px !important;
    font-size:8px !important;
  }

  /* النقاط أسفل الصورة */
  .catalog-section .product-card .product-dots,
  .category-products-section .product-card .product-dots,
  .flash-sale-section .product-card .product-dots{
    gap:3px !important;
    bottom:5px !important;
  }

  .catalog-section .product-card .product-dots span,
  .category-products-section .product-card .product-dots span,
  .flash-sale-section .product-card .product-dots span{
    width:4px !important;
    height:4px !important;
  }
}

@media (max-width:380px){
  .catalog-section .product-scroll > .product-card,
  .category-products-section .product-scroll > .product-card,
  .flash-sale-section .flash-product-row > .product-card{
    flex-basis:calc((100% - 7px)/2) !important;
    width:calc((100% - 7px)/2) !important;
    min-width:calc((100% - 7px)/2) !important;
    max-width:calc((100% - 7px)/2) !important;
  }
}


/* ===== SMALL SMOOTH MOBILE CARDS + SOFT FLASH ===== */
@media (max-width:800px){

  /* المنتجات: كروت صغيرة ناعمة ويبان جزء من الكارت اللي بعده */
  .catalog-section .product-scroll,
  .category-products-section .product-scroll{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:7px !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    padding:1px 1px 5px !important;
    scroll-snap-type:x proximity !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
  }

  .catalog-section .product-scroll::-webkit-scrollbar,
  .category-products-section .product-scroll::-webkit-scrollbar{
    display:none !important;
  }

  .catalog-section .product-scroll > .product-card,
  .category-products-section .product-scroll > .product-card{
    flex:0 0 39% !important;
    width:39% !important;
    min-width:39% !important;
    max-width:39% !important;
    scroll-snap-align:start !important;
    border:1px solid #eceff2 !important;
    border-radius:10px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-shadow:0 1px 6px rgba(17,24,39,.04) !important;
    transform:none !important;
  }

  /* معرض الصور داخل الكارت: السحب يمين/شمال يغير الصورة، والسحب لفوق/تحت ينزل الصفحة */
  .catalog-section .product-card .product-media-slider,
  .category-products-section .product-card .product-media-slider{
    position:relative !important;
    width:100% !important;
    aspect-ratio:1/1.05 !important;
    min-height:0 !important;
    padding:6px !important;
    background:#fafafa !important;
    touch-action:pan-y !important;
    user-select:none !important;
    -webkit-user-select:none !important;
  }

  .catalog-section .product-card .product-card-gallery-link,
  .category-products-section .product-card .product-card-gallery-link{
    display:block !important;
    width:100% !important;
    height:100% !important;
    touch-action:pan-y !important;
  }

  .catalog-section .product-card .product-card-slide,
  .category-products-section .product-card .product-card-slide{
    width:100% !important;
    height:100% !important;
  }

  .catalog-section .product-card .product-card-slide img,
  .category-products-section .product-card .product-card-slide img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    pointer-events:none !important;
    user-select:none !important;
    -webkit-user-drag:none !important;
  }

  /* الأسهم مش محتاجينها على الموبايل، السحب هو الأساسي */
  .catalog-section .product-card .product-image-nav,
  .category-products-section .product-card .product-image-nav{
    display:none !important;
  }

  /* نقاط الصور صغيرة وناعمة */
  .catalog-section .product-card .product-card-dots,
  .category-products-section .product-card .product-card-dots{
    position:absolute !important;
    right:50% !important;
    bottom:5px !important;
    transform:translateX(50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    z-index:4 !important;
  }

  .catalog-section .product-card .product-card-dots button,
  .category-products-section .product-card .product-card-dots button{
    width:4px !important;
    height:4px !important;
    min-width:4px !important;
    min-height:4px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:#c8cdd3 !important;
  }

  .catalog-section .product-card .product-card-dots button.active,
  .category-products-section .product-card .product-card-dots button.active{
    width:6px !important;
    height:6px !important;
    background:#24272c !important;
  }

  /* جسم الكارت أصغر */
  .catalog-section .product-card .product-body,
  .category-products-section .product-card .product-body{
    padding:6px 7px 8px !important;
  }

  .catalog-section .product-card .product-body h3,
  .category-products-section .product-card .product-body h3{
    min-height:29px !important;
    margin:2px 0 5px !important;
    font-size:9.5px !important;
    line-height:1.45 !important;
  }

  .catalog-section .product-card .product-rating,
  .category-products-section .product-card .product-rating{
    min-height:14px !important;
    font-size:8px !important;
  }

  .catalog-section .product-card .product-price-line,
  .category-products-section .product-card .product-price-line{
    gap:3px !important;
    min-height:21px !important;
  }

  .catalog-section .product-card .product-price-line strong,
  .category-products-section .product-card .product-price-line strong{
    font-size:13.5px !important;
  }

  .catalog-section .product-card .product-price-line span,
  .category-products-section .product-card .product-price-line span,
  .catalog-section .product-card .product-price-line del,
  .category-products-section .product-card .product-price-line del,
  .catalog-section .product-card .product-price-line em,
  .category-products-section .product-card .product-price-line em{
    font-size:7.5px !important;
  }

  .catalog-section .product-card .wish-btn,
  .category-products-section .product-card .wish-btn{
    width:26px !important;
    height:26px !important;
    top:5px !important;
    left:5px !important;
    padding:5px !important;
  }

  .catalog-section .product-card .quick-add-btn,
  .category-products-section .product-card .quick-add-btn{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    right:6px !important;
    bottom:7px !important;
    border-radius:7px !important;
    font-size:18px !important;
  }

  .catalog-section .product-card .discount-badge,
  .category-products-section .product-card .discount-badge{
    top:5px !important;
    right:5px !important;
    padding:2px 4px !important;
    border-radius:4px !important;
    font-size:7.5px !important;
  }

  .catalog-section .product-card .card-badge,
  .category-products-section .product-card .card-badge{
    top:5px !important;
    right:5px !important;
    max-width:72% !important;
    padding:3px 5px !important;
    border-radius:4px !important;
    font-size:7.5px !important;
  }

  .catalog-section .product-card .product-shipping-stack,
  .category-products-section .product-card .product-shipping-stack{
    margin-top:4px !important;
    gap:2px !important;
  }

  .catalog-section .product-card .shipping-message,
  .category-products-section .product-card .shipping-message{
    min-height:14px !important;
    font-size:7.5px !important;
  }

  .catalog-section .product-card .shipping-rotating-text,
  .category-products-section .product-card .shipping-rotating-text{
    width:78px !important;
    height:14px !important;
  }

  .catalog-section .product-card .shipping-rotating-text .shipping-text,
  .category-products-section .product-card .shipping-rotating-text .shipping-text{
    height:14px !important;
    line-height:14px !important;
    font-size:7.5px !important;
  }

  .catalog-section .product-card .fulfillment-badge,
  .category-products-section .product-card .fulfillment-badge{
    min-height:16px !important;
    padding:2px 5px !important;
    font-size:7px !important;
  }

  /* FLASH SALE: أصفر هادي جدًا */
  .flash-sale-section{
    background:#fff8dc !important;
    border:1px solid #f4e8ad !important;
    border-radius:11px !important;
    box-shadow:none !important;
  }

  .flash-sale-section .flash-sale-head h2{
    color:#2a2d31 !important;
  }

  .flash-sale-section .flash-product-row{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:7px !important;
    overflow-x:auto !important;
    padding:1px 1px 5px !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .flash-sale-section .flash-product-row::-webkit-scrollbar{
    display:none !important;
  }

  .flash-sale-section .flash-product-row > .product-card{
    flex:0 0 39% !important;
    width:39% !important;
    min-width:39% !important;
    max-width:39% !important;
    background:#fff !important;
    border-radius:10px !important;
    border:1px solid rgba(224,210,139,.65) !important;
    box-shadow:none !important;
  }

  /* نفس حركة الصور داخل كروت الفلاش */
  .flash-sale-section .product-media-slider{
    touch-action:pan-y !important;
  }

  .flash-sale-section .product-image-nav{
    display:none !important;
  }
}

@media (max-width:390px){
  .catalog-section .product-scroll > .product-card,
  .category-products-section .product-scroll > .product-card,
  .flash-sale-section .flash-product-row > .product-card{
    flex-basis:41% !important;
    width:41% !important;
    min-width:41% !important;
    max-width:41% !important;
  }
}


/* ===== PRODUCT COLOR SWATCHES ===== */
.product-color-swatches{
  position:absolute;
  left:6px;
  bottom:7px;
  z-index:6;
  display:flex;
  align-items:center;
  gap:3px;
  padding:3px 4px;
  border:1px solid rgba(215,219,224,.9);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 1px 5px rgba(17,24,39,.08);
  backdrop-filter:blur(4px);
  pointer-events:none;
}

.product-color-swatch{
  display:inline-grid;
  place-items:center;
  width:10px;
  height:10px;
  min-width:10px;
  border-radius:50%;
  border:1px solid rgba(17,24,39,.18);
  background:var(--swatch-color);
  box-sizing:border-box;
}

.product-color-swatch--named{
  background:#eef1f4;
  color:#4b5563;
  font-size:6px;
  font-weight:900;
  line-height:1;
}

.product-color-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:13px;
  height:10px;
  padding:0 2px;
  border-radius:999px;
  color:#5f6874;
  font-size:6px;
  font-weight:900;
  line-height:1;
}

@media(max-width:800px){
  .product-color-swatches{
    left:5px;
    bottom:6px;
    gap:2px;
    padding:3px;
  }

  .product-color-swatch{
    width:9px;
    height:9px;
    min-width:9px;
  }

  .product-color-more{
    height:9px;
    font-size:5.5px;
  }
}


/* ===== FIX PRODUCT ROW HORIZONTAL SWIPE ===== */
@media (max-width:800px){

  /* صف المنتجات نفسه لازم يقبل السحب يمين/شمال */
  .catalog-section .product-scroll,
  .category-products-section .product-scroll,
  .flash-sale-section .flash-product-row{
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
    overscroll-behavior-x:contain !important;
    scroll-behavior:smooth !important;
  }

  /* الكارت مايمسكش السحب الأفقي */
  .catalog-section .product-card,
  .category-products-section .product-card,
  .flash-sale-section .product-card,
  .catalog-section .product-card .product-body,
  .category-products-section .product-card .product-body,
  .flash-sale-section .product-card .product-body{
    touch-action:pan-x pan-y !important;
  }

  /* السحب على جسم الكارت يحرك صف المنتجات */
  .catalog-section .product-card a:not(.product-card-gallery-link),
  .category-products-section .product-card a:not(.product-card-gallery-link),
  .flash-sale-section .product-card a:not(.product-card-gallery-link){
    touch-action:pan-x pan-y !important;
  }

  /*
   * الصورة تفضل لوحدها مخصصة لتغيير صور نفس المنتج:
   * سحب يمين/شمال على الصورة = تغيير الصورة
   * سحب يمين/شمال من باقي الكارت = تحريك صف المنتجات
   */
  .catalog-section .product-card .product-media-slider,
  .category-products-section .product-card .product-media-slider,
  .flash-sale-section .product-card .product-media-slider,
  .catalog-section .product-card .product-card-gallery-link,
  .category-products-section .product-card .product-card-gallery-link,
  .flash-sale-section .product-card .product-card-gallery-link{
    touch-action:pan-y !important;
  }
}


/* ===== NOON-LIKE MOBILE CARD REFINEMENT ===== */
@media (max-width:800px){

  /* الكارت أكبر شوية ومنظم، ويبان جزء من اللي بعده */
  .catalog-section .product-scroll,
  .category-products-section .product-scroll,
  .flash-sale-section .flash-product-row{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    padding:2px 2px 6px !important;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    touch-action:pan-x pan-y !important;
  }

  .catalog-section .product-scroll::-webkit-scrollbar,
  .category-products-section .product-scroll::-webkit-scrollbar,
  .flash-sale-section .flash-product-row::-webkit-scrollbar{
    display:none !important;
  }

  .catalog-section .product-scroll > .product-card,
  .category-products-section .product-scroll > .product-card,
  .flash-sale-section .flash-product-row > .product-card{
    flex:0 0 46% !important;
    width:46% !important;
    min-width:46% !important;
    max-width:46% !important;
    scroll-snap-align:start !important;
    border:1px solid #e3e6ea !important;
    border-radius:12px !important;
    background:#fff !important;
    overflow:hidden !important;
    box-shadow:0 2px 8px rgba(17,24,39,.045) !important;
    transform:none !important;
  }

  /* الصورة تظهر كاملة مهما كان مقاس الملف */
  .catalog-section .product-card .product-media,
  .category-products-section .product-card .product-media,
  .flash-sale-section .product-card .product-media{
    position:relative !important;
    width:100% !important;
    aspect-ratio:1/1.05 !important;
    min-height:0 !important;
    padding:8px !important;
    background:#f8f9fa !important;
    overflow:hidden !important;
  }

  .catalog-section .product-card .product-card-gallery-link,
  .category-products-section .product-card .product-card-gallery-link,
  .flash-sale-section .product-card .product-card-gallery-link,
  .catalog-section .product-card .product-card-slide,
  .category-products-section .product-card .product-card-slide,
  .flash-sale-section .product-card .product-card-slide{
    position:absolute !important;
    inset:8px !important;
    width:auto !important;
    height:auto !important;
    display:grid !important;
    place-items:center !important;
  }

  .catalog-section .product-card .product-card-slide[hidden],
  .category-products-section .product-card .product-card-slide[hidden],
  .flash-sale-section .product-card .product-card-slide[hidden]{
    display:none !important;
  }

  .catalog-section .product-card .product-card-slide img,
  .category-products-section .product-card .product-card-slide img,
  .flash-sale-section .product-card .product-card-slide img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    padding:0 !important;
    margin:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:transparent !important;
    pointer-events:none !important;
    user-select:none !important;
    -webkit-user-select:none !important;
    -webkit-user-drag:none !important;
  }

  /* صورة واحدة = السحب عليها يحرك صف المنتجات */
  .catalog-section .single-image-gallery,
  .category-products-section .single-image-gallery,
  .flash-sale-section .single-image-gallery,
  .catalog-section .single-image-gallery .product-card-gallery-link,
  .category-products-section .single-image-gallery .product-card-gallery-link,
  .flash-sale-section .single-image-gallery .product-card-gallery-link{
    touch-action:pan-x pan-y !important;
  }

  /* أكتر من صورة = السحب الأفقي على الصورة يغيّر صور نفس المنتج */
  .catalog-section .multi-image-gallery,
  .category-products-section .multi-image-gallery,
  .flash-sale-section .multi-image-gallery,
  .catalog-section .multi-image-gallery .product-card-gallery-link,
  .category-products-section .multi-image-gallery .product-card-gallery-link,
  .flash-sale-section .multi-image-gallery .product-card-gallery-link{
    touch-action:pan-y !important;
  }

  /* الأسهم مخفية على الموبايل */
  .catalog-section .product-image-nav,
  .category-products-section .product-image-nav,
  .flash-sale-section .product-image-nav{
    display:none !important;
  }

  /* نقاط الصور */
  .catalog-section .product-card-dots,
  .category-products-section .product-card-dots,
  .flash-sale-section .product-card-dots{
    bottom:7px !important;
    gap:4px !important;
    z-index:7 !important;
  }

  .catalog-section .product-card-dots button,
  .category-products-section .product-card-dots button,
  .flash-sale-section .product-card-dots button{
    width:5px !important;
    height:5px !important;
    min-width:5px !important;
    min-height:5px !important;
  }

  .catalog-section .product-card-dots button.active,
  .category-products-section .product-card-dots button.active,
  .flash-sale-section .product-card-dots button.active{
    width:7px !important;
    height:7px !important;
  }

  /* الخطوط أكبر شوية */
  .catalog-section .product-card .product-body,
  .category-products-section .product-card .product-body,
  .flash-sale-section .product-card .product-body{
    padding:9px 10px 11px !important;
  }

  .catalog-section .product-card .product-body h3,
  .category-products-section .product-card .product-body h3,
  .flash-sale-section .product-card .product-body h3{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    min-height:38px !important;
    margin:4px 0 7px !important;
    font-size:12.5px !important;
    line-height:1.5 !important;
    font-weight:600 !important;
    color:#20242b !important;
  }

  .catalog-section .product-card .product-rating,
  .category-products-section .product-card .product-rating,
  .flash-sale-section .product-card .product-rating{
    margin:4px 0 7px !important;
    min-height:18px !important;
    font-size:10px !important;
    gap:4px !important;
  }

  .catalog-section .product-card .product-price-line,
  .category-products-section .product-card .product-price-line,
  .flash-sale-section .product-card .product-price-line{
    display:flex !important;
    align-items:baseline !important;
    flex-wrap:wrap !important;
    gap:4px !important;
    min-height:25px !important;
  }

  .catalog-section .product-card .product-price-line strong,
  .category-products-section .product-card .product-price-line strong,
  .flash-sale-section .product-card .product-price-line strong{
    font-size:17px !important;
    line-height:1 !important;
    color:#111827 !important;
  }

  .catalog-section .product-card .product-price-line span,
  .category-products-section .product-card .product-price-line span,
  .flash-sale-section .product-card .product-price-line span{
    font-size:10px !important;
  }

  .catalog-section .product-card .product-price-line del,
  .category-products-section .product-card .product-price-line del,
  .flash-sale-section .product-card .product-price-line del{
    font-size:10px !important;
    color:#9aa1aa !important;
  }

  .catalog-section .product-card .product-price-line em,
  .category-products-section .product-card .product-price-line em,
  .flash-sale-section .product-card .product-price-line em{
    font-size:10px !important;
    color:#10a83e !important;
    font-style:normal !important;
  }

  .catalog-section .product-card .shipping-message,
  .category-products-section .product-card .shipping-message,
  .flash-sale-section .product-card .shipping-message{
    min-height:17px !important;
    font-size:9px !important;
  }

  .catalog-section .product-card .fulfillment-badge,
  .category-products-section .product-card .fulfillment-badge,
  .flash-sale-section .product-card .fulfillment-badge{
    min-height:19px !important;
    padding:3px 6px !important;
    font-size:8.5px !important;
  }

  /* شكل الألوان زي المرجع: عمودي داخل كبسولة رمادي */
  .product-color-swatches{
    position:absolute !important;
    left:6px !important;
    bottom:46px !important;
    z-index:8 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:4px !important;
    min-width:28px !important;
    padding:6px 5px 5px !important;
    border:1px solid #d7dce2 !important;
    border-radius:11px !important;
    background:rgba(243,244,246,.94) !important;
    box-shadow:0 1px 4px rgba(17,24,39,.08) !important;
    backdrop-filter:blur(4px) !important;
    pointer-events:none !important;
  }

  .product-color-stack{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:0 !important;
  }

  .product-color-swatch{
    width:12px !important;
    height:12px !important;
    min-width:12px !important;
    margin-top:-2px !important;
    border:1px solid rgba(255,255,255,.9) !important;
    box-shadow:0 0 0 1px rgba(17,24,39,.12) !important;
  }

  .product-color-stack .product-color-swatch:first-child{
    margin-top:0 !important;
  }

  .product-color-swatch--named{
    font-size:6px !important;
  }

  .product-color-count{
    font-size:9px !important;
    font-weight:800 !important;
    color:#4b5563 !important;
    line-height:1 !important;
  }

  /* زر + أكبر وأنظف */
  .catalog-section .quick-add-btn,
  .category-products-section .quick-add-btn,
  .flash-sale-section .quick-add-btn{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    left:8px !important;
    bottom:8px !important;
    border-radius:8px !important;
    font-size:22px !important;
  }

  .catalog-section .wish-btn,
  .category-products-section .wish-btn,
  .flash-sale-section .wish-btn{
    width:31px !important;
    height:31px !important;
  }
}

/* أقل شاشة: نفضل مظهر كارت كبير ومريح */
@media (max-width:390px){
  .catalog-section .product-scroll > .product-card,
  .category-products-section .product-scroll > .product-card,
  .flash-sale-section .flash-product-row > .product-card{
    flex-basis:48% !important;
    width:48% !important;
    min-width:48% !important;
    max-width:48% !important;
  }
}


/* ===== FINAL MOBILE PRODUCT CARD LIKE REFERENCE ===== */
@media(max-width:800px){

  /* صف المنتجات: متوسط، ناعم، ويبان جزء من المنتج التالي */
  .catalog-section .product-scroll,
  .category-products-section .product-scroll,
  .flash-sale-section .flash-product-row{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    padding:2px 2px 6px !important;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    touch-action:pan-x pan-y !important;
  }

  .catalog-section .product-scroll::-webkit-scrollbar,
  .category-products-section .product-scroll::-webkit-scrollbar,
  .flash-sale-section .flash-product-row::-webkit-scrollbar{
    display:none !important;
  }

  .catalog-section .product-scroll>.product-card,
  .category-products-section .product-scroll>.product-card,
  .flash-sale-section .flash-product-row>.product-card{
    flex:0 0 42% !important;
    width:42% !important;
    min-width:42% !important;
    max-width:42% !important;
    scroll-snap-align:start !important;
    overflow:hidden !important;
    border:1px solid #e1e4e8 !important;
    border-radius:11px !important;
    background:#fff !important;
    box-shadow:0 1px 6px rgba(17,24,39,.045) !important;
    transform:none !important;
  }

  /* منطقة الصورة */
  .catalog-section .product-media,
  .category-products-section .product-media,
  .flash-sale-section .product-media{
    position:relative !important;
    width:100% !important;
    aspect-ratio:1/1.05 !important;
    min-height:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#f8f9fa !important;
  }

  .catalog-section .product-card-gallery-link,
  .category-products-section .product-card-gallery-link,
  .flash-sale-section .product-card-gallery-link{
    position:absolute !important;
    inset:7px !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
  }

  .catalog-section .product-card-slide,
  .category-products-section .product-card-slide,
  .flash-sale-section .product-card-slide{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
  }

  .catalog-section .product-card-slide[hidden],
  .category-products-section .product-card-slide[hidden],
  .flash-sale-section .product-card-slide[hidden]{
    display:none !important;
  }

  /* الصورة كاملة مهما كانت أبعاد الملف */
  .catalog-section .product-card-slide img,
  .category-products-section .product-card-slide img,
  .flash-sale-section .product-card-slide img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    margin:auto !important;
    padding:0 !important;
    background:transparent !important;
    pointer-events:none !important;
    -webkit-user-drag:none !important;
    user-select:none !important;
  }

  /* في iPhone نخلي JS هو المسؤول عن اتجاه السحب */
  .single-image-gallery,
  .multi-image-gallery,
  .single-image-gallery .product-card-gallery-link,
  .multi-image-gallery .product-card-gallery-link{
    touch-action:pan-y !important;
  }

  .product-image-nav{
    display:none !important;
  }

  /* نقاط صور المنتج */
  .product-card-dots{
    position:absolute !important;
    right:50% !important;
    bottom:7px !important;
    transform:translateX(50%) !important;
    z-index:8 !important;
    display:flex !important;
    gap:4px !important;
    align-items:center !important;
  }

  .product-card-dots button{
    width:5px !important;
    height:5px !important;
    min-width:5px !important;
    min-height:5px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:#c9cdd2 !important;
  }

  .product-card-dots button.active{
    width:7px !important;
    height:7px !important;
    background:#191c20 !important;
  }

  /* كبسولة الألوان زي المرجع */
  .product-color-swatches{
    position:absolute !important;
    left:7px !important;
    bottom:42px !important;
    z-index:9 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    min-width:27px !important;
    padding:5px 5px 4px !important;
    border:1px solid #d8dce1 !important;
    border-radius:10px !important;
    background:rgba(242,243,245,.96) !important;
    box-shadow:0 1px 4px rgba(17,24,39,.08) !important;
    backdrop-filter:blur(4px) !important;
    pointer-events:none !important;
  }

  .product-color-stack{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:0 !important;
  }

  .product-color-swatch{
    display:block !important;
    width:12px !important;
    height:12px !important;
    min-width:12px !important;
    margin-top:-2px !important;
    border-radius:50% !important;
    border:1px solid rgba(255,255,255,.95) !important;
    background:var(--swatch-color) !important;
    box-shadow:0 0 0 1px rgba(17,24,39,.13) !important;
  }

  .product-color-stack .product-color-swatch:first-child{
    margin-top:0 !important;
  }

  .product-color-count{
    color:#4b5563 !important;
    font-size:9px !important;
    font-weight:900 !important;
    line-height:1 !important;
  }

  /* القلب + زر الإضافة */
  .wish-btn{
    width:29px !important;
    height:29px !important;
    top:6px !important;
    left:6px !important;
  }

  .quick-add-btn{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    left:7px !important;
    bottom:7px !important;
    border-radius:8px !important;
    font-size:21px !important;
  }

  /* البيانات تحت الصورة */
  .product-body{
    padding:8px 9px 10px !important;
  }

  .product-body h3{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    min-height:34px !important;
    margin:3px 0 6px !important;
    color:#20242a !important;
    font-size:11.5px !important;
    font-weight:600 !important;
    line-height:1.48 !important;
  }

  .product-rating{
    min-height:17px !important;
    margin:3px 0 6px !important;
    gap:3px !important;
    font-size:9.5px !important;
  }

  .product-price-line{
    display:flex !important;
    align-items:baseline !important;
    flex-wrap:wrap !important;
    gap:4px !important;
    min-height:24px !important;
  }

  .product-price-line strong{
    color:#111827 !important;
    font-size:16px !important;
    line-height:1 !important;
  }

  .product-price-line span,
  .product-price-line del,
  .product-price-line em{
    font-size:9px !important;
  }

  .product-price-line em{
    color:#12a63a !important;
    font-style:normal !important;
  }

  .product-shipping-stack{
    margin-top:5px !important;
    gap:2px !important;
  }

  .shipping-message{
    min-height:16px !important;
    font-size:8.5px !important;
  }

  .fulfillment-badge{
    width:max-content !important;
    min-height:18px !important;
    padding:2px 6px !important;
    font-size:8px !important;
  }

  /* فلاش سيل بخلفية أصفر هادية */
  .flash-sale-section{
    background:#fff8dc !important;
    border:1px solid #f1e3a5 !important;
    box-shadow:none !important;
  }
}

@media(max-width:390px){
  .catalog-section .product-scroll>.product-card,
  .category-products-section .product-scroll>.product-card,
  .flash-sale-section .flash-product-row>.product-card{
    flex-basis:44% !important;
    width:44% !important;
    min-width:44% !important;
    max-width:44% !important;
  }
}


/* ===== CLEAN MARKETPLACE CARD MATCH ===== */
@media(max-width:800px){

  /* صف أفقي حر وواضح */
  .catalog-section .product-scroll,
  .category-products-section .product-scroll,
  .flash-sale-section .flash-product-row{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    padding:2px 2px 7px !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    scroll-snap-type:x proximity !important;
    touch-action:pan-x pan-y !important;
  }

  .catalog-section .product-scroll::-webkit-scrollbar,
  .category-products-section .product-scroll::-webkit-scrollbar,
  .flash-sale-section .flash-product-row::-webkit-scrollbar{
    display:none !important;
  }

  /* كارت متوسط ونظيف */
  .catalog-section .product-scroll>.product-card,
  .category-products-section .product-scroll>.product-card,
  .flash-sale-section .flash-product-row>.product-card{
    flex:0 0 43% !important;
    width:43% !important;
    min-width:43% !important;
    max-width:43% !important;
    background:#fff !important;
    border:1px solid #e3e6e9 !important;
    border-radius:11px !important;
    overflow:hidden !important;
    box-shadow:none !important;
    scroll-snap-align:start !important;
    transform:none !important;
  }

  /* منطقة الصورة بنفس إحساس المرجع */
  .catalog-section .product-media,
  .category-products-section .product-media,
  .flash-sale-section .product-media{
    position:relative !important;
    width:100% !important;
    aspect-ratio:1/1.06 !important;
    background:#f7f7f8 !important;
    overflow:hidden !important;
    padding:0 !important;
  }

  .catalog-section .product-card-gallery-link,
  .category-products-section .product-card-gallery-link,
  .flash-sale-section .product-card-gallery-link{
    position:absolute !important;
    inset:7px !important;
    display:block !important;
  }

  .catalog-section .product-card-slide,
  .category-products-section .product-card-slide,
  .flash-sale-section .product-card-slide{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
  }

  .catalog-section .product-card-slide[hidden],
  .category-products-section .product-card-slide[hidden],
  .flash-sale-section .product-card-slide[hidden]{
    display:none !important;
  }

  .catalog-section .product-card-slide img,
  .category-products-section .product-card-slide img,
  .flash-sale-section .product-card-slide img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    display:block !important;
    pointer-events:none !important;
    user-select:none !important;
    -webkit-user-drag:none !important;
  }

  /* لو صورة واحدة: الصف يتحرك من فوق الصورة نفسها */
  .single-image-gallery,
  .single-image-gallery .product-card-gallery-link{
    touch-action:pan-x pan-y !important;
  }

  /* لو أكتر من صورة: السحب الأفقي يبدل الصور */
  .multi-image-gallery,
  .multi-image-gallery .product-card-gallery-link{
    touch-action:pan-y !important;
  }

  .product-image-nav{
    display:none !important;
  }

  /* نقاط الصور */
  .product-card-dots{
    bottom:8px !important;
    gap:4px !important;
  }

  .product-card-dots button{
    width:5px !important;
    height:5px !important;
    min-width:5px !important;
    min-height:5px !important;
    border-radius:50% !important;
    background:#c8ccd1 !important;
  }

  .product-card-dots button.active{
    width:7px !important;
    height:7px !important;
    background:#17191d !important;
  }

  /* الألوان: كبسولة صغيرة زي المرجع */
  .product-color-swatches{
    left:7px !important;
    bottom:44px !important;
    min-width:29px !important;
    padding:5px 5px 4px !important;
    border-radius:10px !important;
    background:rgba(239,240,242,.96) !important;
    border:1px solid #d7dbe0 !important;
    box-shadow:0 1px 4px rgba(17,24,39,.07) !important;
  }

  .product-color-stack{
    gap:0 !important;
  }

  .product-color-swatch{
    width:13px !important;
    height:13px !important;
    min-width:13px !important;
    margin-top:-2px !important;
    border:1px solid rgba(255,255,255,.95) !important;
    box-shadow:0 0 0 1px rgba(17,24,39,.12) !important;
  }

  .product-color-stack .product-color-swatch:first-child{
    margin-top:0 !important;
  }

  .product-color-count{
    margin-top:2px !important;
    font-size:9px !important;
    font-weight:900 !important;
    color:#4d5662 !important;
  }

  /* قلب */
  .wish-btn{
    top:7px !important;
    left:7px !important;
    width:30px !important;
    height:30px !important;
    background:rgba(255,255,255,.78) !important;
    border:0 !important;
  }

  /* زر السلة في نفس مكان + */
  .quick-add-btn{
    left:7px !important;
    bottom:7px !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#111827 !important;
    border:1px solid #dfe3e7 !important;
    box-shadow:0 1px 3px rgba(17,24,39,.04) !important;
  }

  .quick-add-btn .quick-cart-icon{
    width:18px !important;
    height:18px !important;
    display:block !important;
  }

  /* نصوص الكارت */
  .product-body{
    padding:8px 9px 10px !important;
  }

  .product-body h3{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    min-height:34px !important;
    margin:3px 0 6px !important;
    font-size:11.5px !important;
    line-height:1.48 !important;
    font-weight:600 !important;
    color:#23272d !important;
  }

  .product-rating{
    min-height:17px !important;
    margin:3px 0 6px !important;
    font-size:9.5px !important;
  }

  .product-price-line{
    min-height:24px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:baseline !important;
    gap:4px !important;
  }

  .product-price-line strong{
    font-size:16px !important;
    line-height:1 !important;
    color:#111827 !important;
  }

  .product-price-line span,
  .product-price-line del,
  .product-price-line em{
    font-size:9px !important;
  }

  .product-price-line em{
    color:#11a13b !important;
    font-style:normal !important;
  }

  .shipping-message{
    min-height:16px !important;
    font-size:8.5px !important;
  }

  .fulfillment-badge{
    min-height:18px !important;
    padding:2px 6px !important;
    font-size:8px !important;
  }
}

@media(max-width:390px){
  .catalog-section .product-scroll>.product-card,
  .category-products-section .product-scroll>.product-card,
  .flash-sale-section .flash-product-row>.product-card{
    flex-basis:45% !important;
    width:45% !important;
    min-width:45% !important;
    max-width:45% !important;
  }
}


/* ===== MOBILE IMAGE LOAD + SINGLE IMAGE ROW SWIPE FIX ===== */
@media(max-width:800px){

  .catalog-section .product-scroll,
  .category-products-section .product-scroll,
  .flash-sale-section .flash-product-row{
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
    overscroll-behavior-x:contain !important;
  }

  /* صورة واحدة: لا تمنع حركة صف المنتجات */
  .single-image-gallery,
  .single-image-gallery .product-card-gallery-link,
  .single-image-gallery .product-card-slide{
    touch-action:pan-x pan-y !important;
  }

  /* أكثر من صورة: الصفحة تنزل رأسيًا، والـJS يبدل الصور أفقيًا */
  .multi-image-gallery,
  .multi-image-gallery .product-card-gallery-link{
    touch-action:pan-y !important;
  }

  .product-card-gallery-link{
    overflow:hidden !important;
  }

  .product-card-slide{
    overflow:hidden !important;
  }

  .product-card-slide img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    opacity:1 !important;
    visibility:visible !important;
  }
}


/* ===== MOBILE PRODUCT IMAGE VISIBLE ONLY ===== */
@media (max-width:800px){

  /* نحجز مساحة الصورة داخل الكارت بوضوح */
  .catalog-section .product-card .product-media,
  .category-products-section .product-card .product-media,
  .flash-sale-section .product-card .product-media{
    position:relative !important;
    display:block !important;
    width:100% !important;
    aspect-ratio:1 / 1.06 !important;
    min-height:150px !important;
    overflow:hidden !important;
    background:#f7f7f8 !important;
  }

  /* اللينك نفسه يملأ مساحة الصورة بالكامل */
  .catalog-section .product-card .product-card-gallery-link,
  .category-products-section .product-card .product-card-gallery-link,
  .flash-sale-section .product-card .product-card-gallery-link{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    z-index:1 !important;
    overflow:hidden !important;
  }

  /* السلايد يملأ اللينك بالكامل */
  .catalog-section .product-card .product-card-slide,
  .category-products-section .product-card .product-card-slide,
  .flash-sale-section .product-card .product-card-slide{
    position:absolute !important;
    inset:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:1 !important;
  }

  .catalog-section .product-card .product-card-slide[hidden],
  .category-products-section .product-card .product-card-slide[hidden],
  .flash-sale-section .product-card .product-card-slide[hidden]{
    display:none !important;
  }

  /* إظهار الصورة نفسها وعدم السماح لأي CSS قديم بإخفائها */
  .catalog-section .product-card .product-card-slide img,
  .category-products-section .product-card .product-card-slide img,
  .flash-sale-section .product-card .product-card-slide img{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    margin:0 !important;
    padding:8px !important;
    opacity:1 !important;
    visibility:visible !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#f7f7f8 !important;
    mix-blend-mode:normal !important;
    z-index:1 !important;
  }

  /* عناصر الكارت تفضل فوق الصورة */
  .catalog-section .product-card .wish-form,
  .catalog-section .product-card .card-badge,
  .catalog-section .product-card .discount-badge,
  .catalog-section .product-card .quick-add-form,
  .catalog-section .product-card .quick-add-btn,
  .category-products-section .product-card .wish-form,
  .category-products-section .product-card .card-badge,
  .category-products-section .product-card .discount-badge,
  .category-products-section .product-card .quick-add-form,
  .category-products-section .product-card .quick-add-btn,
  .flash-sale-section .product-card .wish-form,
  .flash-sale-section .product-card .card-badge,
  .flash-sale-section .product-card .discount-badge,
  .flash-sale-section .product-card .quick-add-form,
  .flash-sale-section .product-card .quick-add-btn{
    z-index:5 !important;
  }
}


/* ===== SMOOTH PRODUCT CARD SWIPE ONLY ===== */
@media (max-width:800px){
  .catalog-section .product-scroll,
  .category-products-section .product-scroll,
  .flash-sale-section .flash-product-row{
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-behavior:smooth !important;
    scroll-snap-type:x proximity !important;
    scroll-padding-inline:8px !important;
    overscroll-behavior-x:contain !important;
    touch-action:pan-x pan-y !important;
    scrollbar-width:none !important;
  }

  .catalog-section .product-scroll::-webkit-scrollbar,
  .category-products-section .product-scroll::-webkit-scrollbar,
  .flash-sale-section .flash-product-row::-webkit-scrollbar{
    display:none !important;
  }

  .catalog-section .product-scroll > .product-card,
  .category-products-section .product-scroll > .product-card,
  .flash-sale-section .flash-product-row > .product-card{
    scroll-snap-align:start !important;
    scroll-snap-stop:normal !important;
  }
}


/* ===== MOBILE PRODUCT IMAGE REAL FLOW FIX ===== */
@media (max-width:800px){

  /*
   * السبب الحقيقي كان إن رابط الصورة والسلايد متثبتين absolute بالكامل
   * على الموبايل، فبعض المتصفحات كانت بتحسب مساحة الصورة بشكل غير ثابت.
   * هنا نخلي الصورة نفسها في الـ normal flow عشان الكارت ياخد ارتفاع حقيقي.
   */
  .catalog-section .product-card .product-media,
  .category-products-section .product-card .product-media,
  .flash-sale-section .product-card .product-media{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#f7f7f8 !important;
  }

  .catalog-section .product-card .product-card-gallery-link,
  .category-products-section .product-card .product-card-gallery-link,
  .flash-sale-section .product-card .product-card-gallery-link{
    position:relative !important;
    inset:auto !important;
    display:grid !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    aspect-ratio:1 / 1.06 !important;
    overflow:hidden !important;
    z-index:1 !important;
  }

  .catalog-section .product-card .product-card-slide,
  .category-products-section .product-card .product-card-slide,
  .flash-sale-section .product-card .product-card-slide{
    position:relative !important;
    inset:auto !important;
    grid-area:1 / 1 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    overflow:hidden !important;
  }

  .catalog-section .product-card .product-card-slide[hidden],
  .category-products-section .product-card .product-card-slide[hidden],
  .flash-sale-section .product-card .product-card-slide[hidden]{
    display:none !important;
  }

  .catalog-section .product-card .product-card-slide img,
  .category-products-section .product-card .product-card-slide img,
  .flash-sale-section .product-card .product-card-slide img{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    margin:0 !important;
    padding:7px !important;
    opacity:1 !important;
    visibility:visible !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#f7f7f8 !important;
    mix-blend-mode:normal !important;
  }
}


/* ===== MOBILE CARD IMAGE BACKGROUND FALLBACK ===== */
@media (max-width:800px){
  /*
   * الهاتف أحيانًا لا يرسم <img> داخل سلايدر الكارت رغم أن نفس الرابط يعمل على الكمبيوتر.
   * لذلك نعرض أول صورة أيضًا كخلفية احتياطية للكارت نفسه.
   * لو عنصر img ظهر طبيعي سيغطي الخلفية، ولو اختفى تظل الصورة ظاهرة.
   */
  .catalog-section .product-card .product-media[style*="--card-image-"],
  .category-products-section .product-card .product-media[style*="--card-image-"],
  .flash-sale-section .product-card .product-media[style*="--card-image-"]{
    background-color:#f7f7f8 !important;
    background-image:var(--card-image-media), var(--card-image-storage) !important;
    background-repeat:no-repeat, no-repeat !important;
    background-position:center, center !important;
    background-size:contain, contain !important;
  }

  .catalog-section .product-card .product-card-slide,
  .category-products-section .product-card .product-card-slide,
  .flash-sale-section .product-card .product-card-slide{
    background:transparent !important;
  }

  .catalog-section .product-card .product-card-slide img,
  .category-products-section .product-card .product-card-slide img,
  .flash-sale-section .product-card .product-card-slide img{
    background:transparent !important;
  }
}


/* ===== FIX STORY VIEWER SCREEN IN PLACE ===== */
html:has(body.story-is-open),
body.story-is-open{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

body.story-is-open{
  touch-action:none !important;
}

.story-viewer{
  position:fixed !important;
  inset:0 !important;
  width:100% !important;
  height:100dvh !important;
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

.story-stage{
  max-height:100dvh !important;
  overscroll-behavior:none !important;
  touch-action:manipulation !important;
}


/* ===== PRODUCT COLORS HORIZONTAL ABOVE DOTS ===== */
.product-color-swatches{
  left:50% !important;
  right:auto !important;
  bottom:22px !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  min-width:0 !important;
  width:max-content !important;
  max-width:calc(100% - 18px) !important;
  padding:4px 6px !important;
  border-radius:999px !important;
  white-space:nowrap !important;
}

.product-color-stack{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
}

.product-color-swatch{
  width:11px !important;
  height:11px !important;
  min-width:11px !important;
  margin:0 !important;
}

.product-color-stack .product-color-swatch:first-child{
  margin:0 !important;
}

.product-color-count{
  margin:0 2px 0 0 !important;
  line-height:1 !important;
}

@media(max-width:800px){
  .product-color-swatches{
    bottom:21px !important;
    padding:3px 5px !important;
    gap:3px !important;
  }

  .product-color-stack{
    gap:3px !important;
  }

  .product-color-swatch{
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    margin:0 !important;
  }

  .product-color-count{
    font-size:8px !important;
  }
}


/* ===== STORY VIEWER FULL SCREEN ===== */
.story-viewer{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  z-index:9999 !important;
  display:block !important;
  overflow:hidden !important;
  background:#000 !important;
}

.story-viewer[hidden]{
  display:none !important;
}

.story-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:#000 !important;
}

.story-stage{
  position:absolute !important;
  inset:0 !important;
  width:100vw !important;
  max-width:none !important;
  height:100dvh !important;
  max-height:none !important;
  margin:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#000 !important;
}

.story-frame{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
}

.story-frame>img,
.story-frame>video{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#000 !important;
}

.story-progress{
  top:calc(10px + env(safe-area-inset-top)) !important;
  left:12px !important;
  right:12px !important;
}

.story-close{
  top:calc(22px + env(safe-area-inset-top)) !important;
  left:14px !important;
}

.story-copy{
  padding-bottom:calc(26px + env(safe-area-inset-bottom)) !important;
}

@media(max-width:800px){
  .story-stage{
    width:100vw !important;
    height:100dvh !important;
    border-radius:0 !important;
  }

  .story-copy{
    padding-bottom:calc(82px + env(safe-area-inset-bottom)) !important;
  }
}


/* ===== PRODUCT CARD NAME FONT BIGGER ===== */
.noon-product-card .product-card-title,
.noon-product-card .product-title{
  font-size:15px !important;
  line-height:1.55 !important;
  font-weight:700 !important;
}

@media(max-width:800px){
  .noon-product-card .product-card-title,
  .noon-product-card .product-title{
    font-size:14px !important;
    line-height:1.5 !important;
  }
}


/* ===== PRODUCT CARD VERY SLIGHTLY SMALLER ===== */
.product-scroll > .product-card,
.flash-product-row > .product-card,
.category-products-section .product-card,
.catalog-section .product-card{
  flex-basis:calc(25% - 10px) !important;
  max-width:250px !important;
}

@media(max-width:800px){
  .product-scroll > .product-card,
  .flash-product-row > .product-card,
  .category-products-section .product-card,
  .catalog-section .product-card{
    flex:0 0 46% !important;
    width:46% !important;
    max-width:190px !important;
  }
}


/* ===== PRODUCT CARD NAME CLEARLY BIGGER ===== */
.noon-product-card .product-card-title,
.noon-product-card .product-title,
.noon-product-card h3,
.noon-product-card h4{
  font-size:16px !important;
  line-height:1.5 !important;
  font-weight:700 !important;
}

@media(max-width:800px){
  .noon-product-card .product-card-title,
  .noon-product-card .product-title,
  .noon-product-card h3,
  .noon-product-card h4{
    font-size:15px !important;
    line-height:1.45 !important;
  }
}


/* ===== MOBILE TOP HEADER: NOTIFICATION + MENU ===== */
.mobile-header-tools{
  display:none;
}

@media(max-width:800px){
  .header-main{
    position:relative;
  }

  .delivery-location,
  .header-actions{
    display:none !important;
  }

  .mobile-header-tools{
    display:flex;
    align-items:center;
    gap:10px;
    margin-inline-start:auto;
    position:relative;
    z-index:45;
  }

  .mobile-notification-btn,
  .mobile-account-menu>summary{
    width:40px;
    height:40px;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#161923 !important;
    display:grid;
    place-items:center;
    box-shadow:0 1px 5px rgba(0,0,0,.08);
  }

  .mobile-notification-btn svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .mobile-account-menu{
    position:relative;
  }

  .mobile-account-menu>summary{
    list-style:none;
    cursor:pointer;
    padding:10px;
    gap:4px;
  }

  .mobile-account-menu>summary::-webkit-details-marker{
    display:none;
  }

  .mobile-account-menu>summary span{
    display:block;
    width:19px;
    height:2px;
    background:#161923;
    border-radius:3px;
  }

  .mobile-account-dropdown{
    position:absolute;
    top:48px;
    inset-inline-end:0;
    width:210px;
    padding:8px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:12px;
    box-shadow:0 14px 34px rgba(0,0,0,.16);
    display:grid;
    gap:2px;
    z-index:100;
  }

  .mobile-account-dropdown a,
  .mobile-account-dropdown button{
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    padding:8px 12px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#171a24 !important;
    font:inherit;
    font-size:13px;
    font-weight:700;
    text-align:right;
    cursor:pointer;
  }

  .mobile-account-dropdown a:active,
  .mobile-account-dropdown button:active{
    background:#f5f5f5;
  }

  .mobile-account-dropdown form{
    margin:0;
  }

  .mobile-account-dropdown .mobile-menu-login{
    background:#feee00;
    justify-content:center;
  }

  .store-logo{
    margin-inline-end:0 !important;
  }

  .header-search{
    order:3;
    flex-basis:100%;
  }
}


/* ===== FULL NOTIFICATION SYSTEM ===== */
.mobile-notification-btn{
  position:relative;
}

.notification-count{
  position:absolute;
  top:-3px;
  inset-inline-end:-3px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#e11d48;
  color:#fff;
  font-size:10px;
  font-weight:800;
  line-height:1;
  border:2px solid #fff;
}

.notification-count[hidden]{
  display:none !important;
}

.notifications-page{
  padding:28px 0 54px;
}

.notifications-shell{
  max-width:860px;
  margin:0 auto;
}

.notifications-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}

.notifications-head h1{
  margin:0;
  font-size:26px;
  font-weight:800;
}

.notifications-head p{
  margin:4px 0 0;
  color:#737782;
  font-size:13px;
}

.notifications-read-all{
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:10px;
  padding:10px 14px;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.notifications-list{
  display:grid;
  gap:10px;
}

.notification-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:15px;
  border:1px solid #eceef2;
  border-radius:14px;
  background:#fff;
  color:#171a24;
  text-decoration:none;
  transition:.18s ease;
}

.notification-item.is-unread{
  border-color:#eadf00;
  background:#fffef2;
}

.notification-item:hover{
  transform:translateY(-1px);
  border-color:#d8dbe2;
}

.notification-item-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f5f5f5;
  font-size:20px;
}

.notification-item-body{
  min-width:0;
  flex:1;
}

.notification-item-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:4px;
}

.notification-item-title strong{
  font-size:14px;
}

.notification-unread-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#e11d48;
}

.notification-item p{
  margin:0;
  color:#555b66;
  font-size:13px;
  line-height:1.7;
}

.notification-item time{
  display:block;
  margin-top:7px;
  color:#969ba5;
  font-size:11px;
}

.notifications-empty{
  padding:42px 20px;
  border:1px dashed #d9dce2;
  border-radius:14px;
  text-align:center;
  background:#fff;
}

.notifications-empty b{
  display:block;
  margin-bottom:6px;
}

.notifications-empty p{
  margin:0;
  color:#7a7f89;
  font-size:13px;
}

@media(max-width:800px){
  .notifications-page{
    padding:18px 12px 90px;
  }

  .notifications-head{
    align-items:flex-start;
  }

  .notifications-head h1{
    font-size:22px;
  }

  .notification-item{
    padding:13px;
  }

  .notifications-read-all{
    white-space:nowrap;
    padding:9px 11px;
  }
}


/* ===== REMOVE STORY YELLOW RING ===== */
.story-ring{
  padding:0 !important;
  background:transparent !important;
}


/* ===== MIDDLE BANNER 5-SLIDE HORIZONTAL ===== */
.home-middle-banner-slider{
  width:100%;
  margin:18px 0;
  overflow:hidden;
  position:relative;
}

.home-middle-banner-track{
  display:flex;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  border-radius:14px;
}

.home-middle-banner-track::-webkit-scrollbar{
  display:none;
}

.home-middle-banner-slide{
  position:relative;
  flex:0 0 100%;
  width:100%;
  aspect-ratio:3 / 1;
  overflow:hidden;
  scroll-snap-align:start;
  background:#f5f5f5;
}

.home-middle-banner-slide img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.home-middle-banner-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:5px;
  margin-top:8px;
}

.home-middle-banner-dots i{
  width:6px;
  height:6px;
  border-radius:999px;
  background:#cfd2d8;
  transition:.2s ease;
}

.home-middle-banner-dots i.active{
  width:18px;
  background:#161923;
}

@media(max-width:800px){
  .home-middle-banner-slider{
    margin:12px 0;
  }

  .home-middle-banner-track{
    border-radius:10px;
  }

  .home-middle-banner-slide{
    aspect-ratio:2.65 / 1;
  }
}


/* ===== STORY RING RESTORE + HIDE TOP PROGRESS ===== */
.story-ring{
  padding:3px !important;
  background:linear-gradient(135deg,#ff7a00,#feee00 55%,#1267ff) !important;
}

@media(max-width:800px){
  .story-ring{
    padding:2px !important;
  }
}

/* Hide the top progress bar inside the opened story. */
.story-viewer .story-progress{
  display:none !important;
}


/* ===== REMOVE YELLOW BAR INSIDE OPEN STORY ===== */
body.story-is-open .store-header{
  visibility:hidden !important;
}

.story-viewer .story-progress,
.story-stage .story-progress{
  display:none !important;
}

.story-viewer::before,
.story-viewer::after,
.story-stage::before,
.story-stage::after{
  content:none !important;
  display:none !important;
}

.story-viewer,
.story-stage{
  border-top:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}


/* ===== STORY VIEWER TRUE FULL SCREEN FINAL ===== */
html:has(body.story-is-open),
body.story-is-open{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

body.story-is-open .store-header,
body.story-is-open .site-header,
body.story-is-open .mobile-bottom-nav,
body.story-is-open .top-strip,
body.story-is-open .header-main{
  display:none !important;
}

.story-viewer{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  max-width:100vw !important;
  max-height:100dvh !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#000 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  z-index:999999 !important;
}

.story-viewer[hidden]{
  display:none !important;
}

.story-backdrop{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background:#000 !important;
}

.story-stage{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#000 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

.story-frame{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#000 !important;
}

.story-frame>img,
.story-frame>video{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#000 !important;
}

.story-progress,
.story-viewer .story-progress,
.story-stage .story-progress{
  display:none !important;
}

.story-viewer::before,
.story-viewer::after,
.story-stage::before,
.story-stage::after{
  content:none !important;
  display:none !important;
}

.story-close{
  position:absolute !important;
  top:calc(14px + env(safe-area-inset-top)) !important;
  left:14px !important;
  z-index:1000000 !important;
}

.story-prev,
.story-next{
  z-index:1000000 !important;
}

.story-copy{
  z-index:1000000 !important;
  padding-bottom:calc(26px + env(safe-area-inset-bottom)) !important;
}

@media(max-width:800px){
  .story-viewer,
  .story-stage,
  .story-frame{
    width:100vw !important;
    height:100dvh !important;
    max-width:100vw !important;
    max-height:100dvh !important;
    border-radius:0 !important;
  }

  .story-copy{
    padding-bottom:calc(78px + env(safe-area-inset-bottom)) !important;
  }
}


/* ===== PROFESSIONAL HOME PRODUCT CARD + PRODUCT DETAILS ===== */

/* Homepage / listing product card */
.noon-product-card{
  border:1px solid #e7e9ee !important;
  border-radius:14px !important;
  background:#fff !important;
  overflow:hidden !important;
  box-shadow:0 2px 10px rgba(20,31,54,.05) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.noon-product-card:hover{
  transform:translateY(-2px);
  border-color:#d8dce4 !important;
  box-shadow:0 10px 26px rgba(20,31,54,.10) !important;
}

.noon-product-card .card-visual,
.noon-product-card .product-media{
  position:relative;
  background:#f7f8fa !important;
  overflow:hidden;
  border-bottom:1px solid #eff1f4;
}

.noon-product-card .card-image-link{
  display:block;
  width:100%;
  aspect-ratio:1 / 1.08;
  padding:10px;
}

.noon-product-card .card-image-slide{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
}

.noon-product-card .card-image-slide img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  background:transparent !important;
  mix-blend-mode:multiply;
  transition:transform .22s ease;
}

.noon-product-card:hover .card-image-slide img{
  transform:scale(1.025);
}

.noon-product-card .card-badge{
  top:9px !important;
  right:9px !important;
  padding:5px 9px !important;
  border-radius:7px !important;
  background:#173f36 !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:800 !important;
  box-shadow:0 4px 12px rgba(0,0,0,.10);
}

.noon-product-card .wish-form{
  top:9px !important;
  left:9px !important;
}

.noon-product-card .wish-btn{
  width:34px !important;
  height:34px !important;
  border:1px solid rgba(224,227,233,.9) !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 3px 12px rgba(17,24,39,.08);
}

.noon-product-card .discount-badge{
  right:9px !important;
  bottom:9px !important;
  top:auto !important;
  padding:4px 8px !important;
  border-radius:7px !important;
  background:#eaf8ef !important;
  color:#087d34 !important;
  font-size:11px !important;
  font-weight:900 !important;
}

.noon-product-card .quick-add-form,
.noon-product-card .quick-add-btn{
  left:9px !important;
  bottom:9px !important;
}

.noon-product-card .quick-add-btn{
  width:38px !important;
  height:38px !important;
  border:1px solid #e1e4e9 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#202534 !important;
  box-shadow:0 4px 14px rgba(20,31,54,.10);
  transition:.18s ease;
}

.noon-product-card .quick-add-btn:hover{
  background:#202534 !important;
  color:#fff !important;
  border-color:#202534 !important;
}

.noon-product-card .product-card-dots{
  bottom:8px !important;
  gap:4px !important;
}

.noon-product-card .product-card-dots button{
  width:5px !important;
  height:5px !important;
  background:#c9cdd4 !important;
}

.noon-product-card .product-card-dots button.active{
  width:14px !important;
  border-radius:20px !important;
  background:#202534 !important;
}

.noon-product-card .product-color-swatches{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:22px !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  z-index:6 !important;
}

.noon-product-card .product-color-stack{
  display:flex !important;
  flex-direction:row !important;
  gap:4px !important;
}

.noon-product-card .product-color-swatch{
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:var(--swatch-color) !important;
  border:1px solid rgba(0,0,0,.16) !important;
  box-shadow:0 0 0 1px #fff;
}

.noon-product-card .product-color-count{
  display:none !important;
}

.noon-product-card .product-body{
  padding:12px 12px 13px !important;
}

.noon-product-card .product-body h3{
  min-height:44px !important;
  margin:0 0 7px !important;
  font-size:15px !important;
  line-height:1.5 !important;
  font-weight:700 !important;
  color:#202534 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.noon-product-card .product-body h3 a{
  color:inherit !important;
}

.noon-product-card .product-rating{
  margin:0 0 7px !important;
  gap:4px !important;
  font-size:11px !important;
}

.noon-product-card .product-rating b{
  font-size:11px !important;
  color:#087d34 !important;
}

.noon-product-card .rating-star{
  color:#f5a000 !important;
}

.noon-product-card .product-price-line{
  display:flex !important;
  align-items:baseline !important;
  flex-wrap:wrap !important;
  gap:5px !important;
  min-height:28px;
}

.noon-product-card .product-price-line strong{
  font-size:19px !important;
  line-height:1 !important;
  color:#171c28 !important;
}

.noon-product-card .product-price-line>span{
  font-size:11px !important;
  color:#5f6774 !important;
}

.noon-product-card .product-price-line del{
  font-size:11px !important;
  color:#9aa1ac !important;
}

.noon-product-card .product-price-line em{
  padding:2px 5px !important;
  border-radius:5px !important;
  background:#eaf8ef !important;
  color:#087d34 !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:900 !important;
}

.noon-product-card .product-shipping-stack{
  margin-top:8px !important;
  display:grid !important;
  gap:5px !important;
}

.noon-product-card .shipping-message{
  min-height:20px;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  color:#596273 !important;
  font-size:11.5px !important;
  line-height:1.45 !important;
}

.noon-product-card .shipping-check{
  color:#0a8f47 !important;
  font-weight:900 !important;
}

.noon-product-card .fulfillment-badge{
  justify-self:start;
  padding:3px 7px;
  border-radius:5px;
  background:#fff8c7;
  color:#6b5b00;
  font-size:10px;
  font-weight:800;
}

/* Product details page */
.product-page{
  background:#f6f7f9 !important;
}

.product-page .breadcrumbs{
  margin-bottom:16px !important;
  color:#7c8492 !important;
  font-size:12px !important;
}

.product-detail{
  align-items:start !important;
  gap:32px !important;
}

.product-gallery{
  padding:16px !important;
  background:#fff !important;
  border:1px solid #e6e9ee !important;
  border-radius:16px !important;
  gap:14px !important;
}

.product-gallery .thumb-list{
  gap:9px !important;
}

.product-gallery .thumb{
  border:1px solid #e2e5ea !important;
  border-radius:9px !important;
  background:#fff !important;
  padding:5px !important;
}

.product-gallery .thumb[aria-pressed=true],
.product-gallery .thumb:hover{
  border-color:#202534 !important;
  box-shadow:0 0 0 1px #202534 inset !important;
}

.product-gallery .main-image{
  min-height:500px;
  border-radius:13px !important;
  background:#f8f9fb !important;
  padding:20px !important;
}

.product-gallery .main-image img{
  object-fit:contain !important;
  mix-blend-mode:multiply;
}

.product-info{
  padding:26px !important;
  background:#fff !important;
  border:1px solid #e6e9ee !important;
  border-radius:16px !important;
  position:sticky;
  top:16px;
}

.product-info .product-brand{
  display:inline-flex !important;
  padding:4px 10px !important;
  border-radius:20px !important;
  background:#eef3ff !important;
  color:#315bb3 !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.product-info h1{
  margin:12px 0 8px !important;
  font-size:30px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  color:#171c28 !important;
}

.product-info .sku{
  color:#8a91a0 !important;
  font-size:12px !important;
}

.product-price-big{
  margin-top:8px !important;
  padding:17px 0 !important;
  border-top:1px solid #eef0f3;
  border-bottom:1px solid #eef0f3;
}

.product-price-big strong{
  font-size:34px !important;
  color:#111827 !important;
}

.product-price-big del{
  color:#9ca3af !important;
  font-size:15px !important;
}

.product-summary{
  margin-top:16px !important;
  color:#5f6775 !important;
  font-size:14px !important;
  line-height:1.9 !important;
}

.variant-box{
  margin:20px 0 !important;
}

.variant-box h3{
  margin-bottom:10px !important;
  font-size:15px !important;
}

.variant-options{
  gap:9px !important;
}

.variant-choice{
  border:1px solid #e1e4e9 !important;
  border-radius:10px !important;
  background:#fff !important;
  padding:10px 12px !important;
  transition:.18s ease !important;
}

.variant-choice:has(input:checked){
  border-color:#202534 !important;
  background:#f8fafc !important;
  box-shadow:0 0 0 1px #202534 inset !important;
}

.delivery-card{
  margin:18px 0 !important;
  padding:14px !important;
  border:1px solid #eceef2 !important;
  border-radius:10px !important;
  background:#fafbfc !important;
}

.purchase-row{
  grid-template-columns:88px minmax(0,1fr) !important;
  gap:10px !important;
}

.purchase-row input{
  height:50px !important;
  text-align:center !important;
  border-radius:9px !important;
}

.purchase-row button{
  min-height:50px !important;
  border-radius:9px !important;
  background:#202534 !important;
  font-size:15px !important;
  font-weight:900 !important;
}

.wishlist-product-form button{
  min-height:44px !important;
  border-radius:9px !important;
  background:#fff !important;
}

.product-tabs{
  margin-top:24px !important;
  background:#fff !important;
  border:1px solid #e6e9ee !important;
  border-radius:14px !important;
  overflow:hidden !important;
}

.product-tabs summary{
  padding:17px 20px !important;
  font-size:15px !important;
}

.product-tabs details[open] summary{
  background:#fafbfc !important;
}

.product-tabs details>div{
  padding:0 20px 20px !important;
  color:#626b79 !important;
  font-size:14px !important;
  line-height:2 !important;
}

@media(max-width:800px){
  .noon-product-card{
    border-radius:11px !important;
  }

  .noon-product-card .card-image-link{
    aspect-ratio:1 / 1.05;
    padding:7px;
  }

  .noon-product-card .product-body{
    padding:10px 9px 11px !important;
  }

  .noon-product-card .product-body h3{
    min-height:40px !important;
    font-size:14px !important;
  }

  .noon-product-card .product-price-line strong{
    font-size:17px !important;
  }

  .noon-product-card .shipping-message{
    font-size:10.5px !important;
  }

  .product-page{
    background:#fff !important;
  }

  .product-detail{
    gap:0 !important;
  }

  .product-gallery,
  .product-info{
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
  }

  .product-gallery{
    grid-template-columns:1fr !important;
    padding:10px 12px 14px !important;
    border-top:0 !important;
  }

  .product-gallery .main-image{
    order:1;
    min-height:0 !important;
    aspect-ratio:1 / 1 !important;
    padding:12px !important;
  }

  .product-gallery .thumb-list{
    order:2;
    flex-direction:row !important;
    overflow-x:auto !important;
    scrollbar-width:none;
  }

  .product-gallery .thumb-list::-webkit-scrollbar{
    display:none;
  }

  .product-gallery .thumb{
    width:58px !important;
    flex:0 0 58px !important;
  }

  .product-info{
    position:static !important;
    padding:18px 14px 20px !important;
    border-top:8px solid #f5f6f8 !important;
  }

  .product-info h1{
    font-size:22px !important;
  }

  .product-price-big strong{
    font-size:28px !important;
  }

  .product-tabs{
    margin-top:8px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
  }
}


/* ===== DAILY AUTO PRODUCT STORY ===== */
.story-copy:has(.story-product-info){
  align-items:flex-end !important;
  gap:12px !important;
}

.story-product-info{
  min-width:0;
  max-width:72%;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:15px;
  background:rgba(15,18,24,.62);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 8px 28px rgba(0,0,0,.20);
}

.story-product-info>b{
  display:block;
  margin:0 0 7px;
  color:#fff;
  font-size:15px;
  line-height:1.45;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.story-product-meta{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}

.story-product-rating{
  display:inline-flex;
  align-items:center;
  gap:2px;
  color:#ffd43b;
  font-size:12px;
  font-weight:900;
}

.story-product-rating small{
  color:#d8dce4;
  font-size:10px;
  font-weight:600;
}

.story-product-price{
  color:#fff;
  font-size:14px;
  font-weight:900;
}

.story-product-meta del{
  color:#b9bec8;
  font-size:10px;
}

.story-copy:has(.story-product-info)>a{
  flex:0 0 auto;
  min-height:42px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:9px 14px !important;
  border-radius:22px !important;
  background:#feee00 !important;
  color:#111 !important;
  font-size:11px !important;
  font-weight:900 !important;
  white-space:nowrap;
  box-shadow:0 7px 22px rgba(0,0,0,.22);
}

@media(max-width:800px){
  .story-product-info{
    max-width:68%;
    padding:10px 11px;
    border-radius:13px;
  }

  .story-product-info>b{
    font-size:13px;
    margin-bottom:5px;
  }

  .story-product-rating{
    font-size:11px;
  }

  .story-product-price{
    font-size:13px;
  }

  .story-copy:has(.story-product-info)>a{
    padding:8px 11px !important;
    min-height:39px;
    font-size:10.5px !important;
  }
}


/* ===== 10 DAILY AUTO STORIES + PROFESSIONAL VIEWER ===== */
.story-viewer{
  background:#000 !important;
}

.story-stage{
  background:
    radial-gradient(circle at 50% 35%,rgba(255,255,255,.04),transparent 48%),
    #000 !important;
}

.story-frame>img,
.story-frame>video{
  object-fit:contain !important;
  background:#000 !important;
}

.story-copy{
  padding:120px 16px calc(22px + env(safe-area-inset-bottom)) !important;
  background:linear-gradient(transparent 20%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.90) 100%) !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:12px !important;
  z-index:20 !important;
}

.story-product-info{
  min-width:0 !important;
  max-width:72% !important;
  padding:12px 13px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:16px !important;
  background:rgba(18,20,26,.60) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.26) !important;
}

.story-product-info>b{
  display:block !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.45 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  margin:0 0 7px !important;
}

.story-product-meta{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}

.story-product-rating{
  display:inline-flex !important;
  align-items:center !important;
  gap:3px !important;
  min-height:24px !important;
  padding:3px 7px !important;
  border-radius:20px !important;
  background:rgba(255,212,59,.13) !important;
  color:#ffd43b !important;
  font-size:11px !important;
  font-weight:900 !important;
}

.story-product-rating small{
  color:#e4e7ec !important;
  font-size:9px !important;
  font-weight:600 !important;
}

.story-product-price{
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
}

.story-product-meta del{
  color:#b7bdc8 !important;
  font-size:10px !important;
}

.story-copy>a{
  flex:0 0 auto !important;
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  padding:9px 13px !important;
  border-radius:24px !important;
  border:0 !important;
  background:#feee00 !important;
  color:#111 !important;
  font-size:11px !important;
  font-weight:900 !important;
  box-shadow:0 8px 24px rgba(0,0,0,.26) !important;
}

.story-copy>a::before{
  content:"↗";
  width:21px;
  height:21px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-size:11px;
}

.story-close{
  top:calc(24px + env(safe-area-inset-top)) !important;
  left:14px !important;
  z-index:1000004 !important;
  background:rgba(0,0,0,.45) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.story-nav{
  z-index:1000003 !important;
}

/* Final override: keep the story progress bar visible above every story. */
.story-progress,
.story-viewer .story-progress,
.story-stage .story-progress{
  display:flex !important;
  position:absolute !important;
  top:calc(10px + env(safe-area-inset-top)) !important;
  left:12px !important;
  right:12px !important;
  z-index:1000005 !important;
  gap:4px !important;
  height:3px !important;
  pointer-events:none !important;
}

.story-progress i{
  position:relative !important;
  display:block !important;
  flex:1 1 0 !important;
  height:3px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.34) !important;
}

.story-progress i::before{
  content:"" !important;
  display:block !important;
  height:100% !important;
  width:0;
  border-radius:999px !important;
  background:#fff !important;
}

.story-progress i.done::before{
  width:100% !important;
}

.story-progress i.active::before{
  animation:storyFill var(--story-duration,5s) linear forwards !important;
  animation-play-state:var(--story-play-state,running) !important;
}

@keyframes storyFill{
  from{width:0}
  to{width:100%}
}

@media(max-width:800px){
  .story-copy{
    padding:100px 13px calc(20px + env(safe-area-inset-bottom)) !important;
    gap:9px !important;
  }

  .story-product-info{
    max-width:68% !important;
    padding:10px 11px !important;
    border-radius:14px !important;
  }

  .story-product-info>b{
    font-size:13px !important;
    margin-bottom:5px !important;
  }

  .story-product-rating{
    min-height:22px !important;
    padding:2px 6px !important;
    font-size:10px !important;
  }

  .story-product-price{
    font-size:13px !important;
  }

  .story-copy>a{
    min-height:39px !important;
    padding:8px 10px !important;
    font-size:10px !important;
  }
}


/* ===== Tager Safety Dark / Light Theme Toggle ===== */
.mobile-theme-toggle{
  display:none;
}

@media(max-width:800px){
  .mobile-theme-toggle{
    width:40px;
    height:40px;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#161923;
    display:grid;
    place-items:center;
    padding:9px;
    box-shadow:0 1px 5px rgba(0,0,0,.08);
  }

  .mobile-theme-toggle svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .mobile-theme-toggle .theme-moon-icon{
    display:none;
  }

  html[data-theme="dark"] .mobile-theme-toggle .theme-sun-icon{
    display:none;
  }

  html[data-theme="dark"] .mobile-theme-toggle .theme-moon-icon{
    display:block;
  }
}

/* Dark mode: colors only, no layout changes */
html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#f4f5f7;
  --muted:#a8afba;
  --line:#343944;
  --soft:#111419;
  --blue:#f4c400;
}

html[data-theme="dark"] body{
  background:#111419;
  color:#f4f5f7;
}

html[data-theme="dark"] main,
html[data-theme="dark"] .home-page,
html[data-theme="dark"] .product-page,
html[data-theme="dark"] .section,
html[data-theme="dark"] .section-soft,
html[data-theme="dark"] .page-banner{
  background:#111419;
  color:#f4f5f7;
}

html[data-theme="dark"] .store-header{
  background:#171a20;
  color:#fff;
}

html[data-theme="dark"] .store-logo,
html[data-theme="dark"] .store-logo:hover,
html[data-theme="dark"] .delivery-location,
html[data-theme="dark"] .header-actions>a{
  color:#fff!important;
}

html[data-theme="dark"] .header-actions>a+a{
  border-inline-start-color:#3b404b;
}

html[data-theme="dark"] .header-search{
  background:#22262d;
  border-color:#353a44;
}

html[data-theme="dark"] .header-search input,
html[data-theme="dark"] .header-search button{
  background:#22262d!important;
  color:#f5f6f8!important;
}

html[data-theme="dark"] .header-search input::placeholder{
  color:#9299a5;
}

html[data-theme="dark"] .category-bar{
  background:#1b1f25;
  border-bottom-color:#353a44;
}

html[data-theme="dark"] .all-categories nav,
html[data-theme="dark"] .mobile-account-dropdown{
  background:#20242b;
  border-color:#373c46;
  color:#f4f5f7;
}

html[data-theme="dark"] .all-categories nav a:hover,
html[data-theme="dark"] .mobile-account-dropdown a:active,
html[data-theme="dark"] .mobile-account-dropdown button:active{
  background:#2a2f38;
}

html[data-theme="dark"] .mobile-notification-btn,
html[data-theme="dark"] .mobile-theme-toggle,
html[data-theme="dark"] .mobile-account-menu>summary{
  background:#262b33!important;
  color:#f4c400!important;
  box-shadow:none;
}

html[data-theme="dark"] .mobile-account-menu>summary span{
  background:#f4c400!important;
}

html[data-theme="dark"] .mobile-account-dropdown a,
html[data-theme="dark"] .mobile-account-dropdown button{
  color:#f4f5f7!important;
}

html[data-theme="dark"] .offer-strip,
html[data-theme="dark"] .catalog-section,
html[data-theme="dark"] .discovery-panel,
html[data-theme="dark"] .category-circles,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .noon-product-card,
html[data-theme="dark"] .filters,
html[data-theme="dark"] .cart-row,
html[data-theme="dark"] .cart-summary,
html[data-theme="dark"] .checkout-summary,
html[data-theme="dark"] .checkout-form,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .address-form,
html[data-theme="dark"] .account-nav,
html[data-theme="dark"] .account-content,
html[data-theme="dark"] .track-card,
html[data-theme="dark"] .order-result,
html[data-theme="dark"] .info-page,
html[data-theme="dark"] .admin-panel,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .success-page{
  background:#1b1f25!important;
  color:#f4f5f7!important;
  border-color:#343944!important;
}

html[data-theme="dark"] .product-media,
html[data-theme="dark"] .main-image,
html[data-theme="dark"] .thumb,
html[data-theme="dark"] .brand-list>a,
html[data-theme="dark"] .strong-brand-grid a{
  background:#22262d!important;
  border-color:#343944!important;
}

html[data-theme="dark"] .product-body h3,
html[data-theme="dark"] .section-title h2,
html[data-theme="dark"] .jm-section-title h2,
html[data-theme="dark"] .shopping-copy h2,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4{
  color:#f5f6f8!important;
}

html[data-theme="dark"] .product-body>small,
html[data-theme="dark"] .shipping-message,
html[data-theme="dark"] .shopping-copy,
html[data-theme="dark"] .breadcrumbs,
html[data-theme="dark"] .page-banner small,
html[data-theme="dark"] .page-banner p{
  color:#a8afba!important;
}

html[data-theme="dark"] input:not([type=radio]):not([type=checkbox]):not([type=hidden]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  background:#22262d!important;
  color:#f4f5f7!important;
  border-color:#3a404a!important;
}

html[data-theme="dark"] .outline-link,
html[data-theme="dark"] .wish-btn{
  background:#252a32!important;
  color:#f4f5f7!important;
  border-color:#3a404a!important;
}

html[data-theme="dark"] .variant-choice{
  background:#22262d;
  border-color:#3a404a;
}

html[data-theme="dark"] .variant-choice:has(input:checked){
  background:#332f14;
  border-color:#f4c400;
}

html[data-theme="dark"] .product-tabs,
html[data-theme="dark"] .product-tabs details+details{
  border-color:#343944;
}

html[data-theme="dark"] .store-footer{
  background:#171a20;
  color:#dfe3e8;
  border-color:#30353e;
}

html[data-theme="dark"] .support-strip{
  background:#101216;
  border-bottom-color:#30353e;
}

html[data-theme="dark"] .footer-columns h3,
html[data-theme="dark"] .support-inner h2,
html[data-theme="dark"] .support-inner b{
  color:#fff;
}

html[data-theme="dark"] .footer-columns a,
html[data-theme="dark"] .support-inner p,
html[data-theme="dark"] .support-inner small{
  color:#b4bac4;
}

html[data-theme="dark"] .footer-columns a:hover{
  color:#f4c400;
}

html[data-theme="dark"] .footer-bottom{
  background:#0d0f12;
  border-top-color:#30353e;
  color:#9fa6b1;
}

html[data-theme="dark"] .payment-label{
  background:#f4c400;
  border-color:#f4c400;
  color:#20242d;
}

@media(max-width:800px){
  html[data-theme="dark"] .mobile-nav{
    background:#171a20;
    border-top-color:#343944;
  }

  html[data-theme="dark"] .mobile-nav a{
    color:#aeb4bd;
  }

  html[data-theme="dark"] .mobile-nav a[aria-current=page]{
    color:#f4c400;
  }
}

/* ===== Category images: 5 per row ===== */
.category-circles{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:12px !important;
    overflow:visible !important;
    padding:16px 0 !important;
    background:transparent !important;
}

.category-circles>a{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:10px 8px !important;
    background:#fff !important;
    border:1px solid var(--line) !important;
    border-radius:10px !important;
    text-align:center !important;
}

.category-circles>a>span{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    margin:0 !important;
    border-radius:10px !important;
    background:#f6f7f9 !important;
    overflow:hidden !important;
}

.category-circles>a>span img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
}

.category-circles b{
    font-size:12px !important;
    line-height:1.35 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
}

html[data-theme="dark"] .category-circles>a{
    background:#1b1f25 !important;
    border-color:#343944 !important;
    color:#f4f5f7 !important;
}

html[data-theme="dark"] .category-circles>a>span{
    background:#22262d !important;
}

@media(max-width:800px){
    .category-circles{
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
        gap:7px !important;
        padding:10px 0 !important;
    }

    .category-circles>a{
        padding:7px 4px !important;
        gap:5px !important;
        border-radius:8px !important;
    }

    .category-circles>a>span{
        width:52px !important;
        height:52px !important;
        min-width:52px !important;
        border-radius:8px !important;
    }

    .category-circles b{
        font-size:9px !important;
        line-height:1.25 !important;
    }
}

@media(max-width:380px){
    .category-circles{
        gap:5px !important;
    }

    .category-circles>a>span{
        width:46px !important;
        height:46px !important;
        min-width:46px !important;
    }

    .category-circles b{
        font-size:8px !important;
    }
}


/* ===== Footer social + app badges ===== */
.footer-extra{
  border-top:1px solid #30353e;
  border-bottom:1px solid #30353e;
  background:#171a20;
}

.footer-extra-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding-block:24px;
}

.footer-social-block h3,
.footer-app-block h3{
  margin:0 0 10px;
  color:#fff;
  font-size:16px;
}

.footer-social-block small,
.footer-app-block p{
  margin:8px 0 0;
  color:#aeb4bd;
  font-size:12px;
}

.footer-social-links{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}

.footer-social-links a{
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid #3a404a;
  display:grid;
  place-items:center;
  color:#fff;
  background:#20242b;
  transition:.15s ease;
}

.footer-social-links a:hover{
  background:var(--yellow);
  border-color:var(--yellow);
  color:#20242d;
  transform:translateY(-1px);
}

.footer-social-links svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.footer-social-links a:first-child svg,
.footer-app-badges svg{
  fill:currentColor;
  stroke:none;
}

.footer-app-block{
  text-align:start;
}

.footer-app-badges{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
}

.footer-app-badges>span{
  min-width:145px;
  min-height:48px;
  border:1px solid #414650;
  border-radius:9px;
  background:#0f1115;
  color:#fff;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 12px;
}

.footer-app-badges svg{
  width:26px;
  height:26px;
  flex:0 0 26px;
}

.footer-app-badges small,
.footer-app-badges b{
  display:block;
  line-height:1.2;
}

.footer-app-badges small{
  color:#aeb4bd;
  font-size:9px;
}

.footer-app-badges b{
  color:#fff;
  font-size:14px;
  margin-top:2px;
}

@media(max-width:800px){
  .footer-extra-inner{
    flex-direction:column;
    align-items:flex-start;
    gap:22px;
    padding-block:20px;
  }

  .footer-social-block,
  .footer-app-block{
    width:100%;
  }

  .footer-app-badges{
    width:100%;
  }

  .footer-app-badges>span{
    flex:1 1 145px;
  }
}


/* ===== Dark mode visibility + desktop theme icon fix ===== */

/* Desktop notification + sun/moon buttons */
.desktop-notification-btn,
.desktop-theme-toggle{
  width:38px;
  height:38px;
  min-width:38px;
  border:1px solid rgba(32,36,45,.16);
  border-radius:50%;
  background:#fff;
  color:#20242d !important;
  display:grid;
  place-items:center;
  position:relative;
  padding:8px;
}

.desktop-theme-toggle{
  cursor:pointer;
}

.desktop-notification-btn svg,
.desktop-theme-toggle svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.desktop-theme-toggle .theme-moon-icon{
  display:none;
}

html[data-theme="dark"] .desktop-theme-toggle .theme-sun-icon{
  display:none;
}

html[data-theme="dark"] .desktop-theme-toggle .theme-moon-icon{
  display:block;
}

html[data-theme="dark"] .desktop-notification-btn,
html[data-theme="dark"] .desktop-theme-toggle{
  background:#262b33;
  color:#f4c400 !important;
  border-color:#3b414b;
}

/* Hide desktop-only buttons on mobile because the mobile equivalents already exist */
@media(max-width:800px){
  .desktop-notification-btn,
  .desktop-theme-toggle{
    display:none !important;
  }
}

/* Make text readable everywhere in dark mode */
html[data-theme="dark"] body,
html[data-theme="dark"] main,
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] label,
html[data-theme="dark"] summary,
html[data-theme="dark"] td,
html[data-theme="dark"] th{
  color:#f2f4f7;
}

html[data-theme="dark"] .product-summary,
html[data-theme="dark"] .shopping-copy,
html[data-theme="dark"] .shopping-copy p,
html[data-theme="dark"] .product-tabs details>div,
html[data-theme="dark"] .cart-info small,
html[data-theme="dark"] .order-info-grid small,
html[data-theme="dark"] .order-meta small,
html[data-theme="dark"] .track-card p,
html[data-theme="dark"] .info-page p,
html[data-theme="dark"] .filter-reset,
html[data-theme="dark"] .divider,
html[data-theme="dark"] .shipping-message,
html[data-theme="dark"] .sku,
html[data-theme="dark"] .footer-social-block small,
html[data-theme="dark"] .footer-app-block p{
  color:#b7bec8 !important;
}

html[data-theme="dark"] .price-row strong,
html[data-theme="dark"] .product-price-big strong,
html[data-theme="dark"] .cart-info strong,
html[data-theme="dark"] .line-total,
html[data-theme="dark"] .grand-total,
html[data-theme="dark"] .order-total,
html[data-theme="dark"] .product-rating,
html[data-theme="dark"] .product-rating span{
  color:#f4f5f7 !important;
}

html[data-theme="dark"] .product-body h3 a,
html[data-theme="dark"] .section-title a,
html[data-theme="dark"] .outline-link,
html[data-theme="dark"] .breadcrumbs a,
html[data-theme="dark"] .category-links a,
html[data-theme="dark"] .all-categories summary{
  color:#f4f5f7 !important;
}

html[data-theme="dark"] .category-links a:hover,
html[data-theme="dark"] .breadcrumbs a:hover,
html[data-theme="dark"] .section-title a:hover{
  color:#f4c400 !important;
}

/* White/light cards that were leaving dark text invisible */
html[data-theme="dark"] .noon-promo-card,
html[data-theme="dark"] .business-banner,
html[data-theme="dark"] .more-panel>a,
html[data-theme="dark"] .featured-panel,
html[data-theme="dark"] .discovery-categories>a,
html[data-theme="dark"] .popular-search-cloud a,
html[data-theme="dark"] .home-manager-item{
  background:#1f242b !important;
  color:#f4f5f7 !important;
  border-color:#353b45 !important;
}

html[data-theme="dark"] .noon-promo-card>small,
html[data-theme="dark"] .discovery-categories small,
html[data-theme="dark"] .popular-search-cloud a{
  color:#bac1cb !important;
}

/* notification badge border should match dark header */
html[data-theme="dark"] .desktop-notification-btn .notification-count,
html[data-theme="dark"] .mobile-notification-btn .notification-count{
  border-color:#262b33;
}


/* ===== Bottom footer color only ===== */
.footer-bottom{
  background:#f4c400 !important;
  color:#20242d !important;
  border-top-color:#d2a900 !important;
}

.footer-bottom a{
  color:#20242d !important;
}

.footer-bottom a:hover{
  color:#000 !important;
}

.footer-bottom .payment-label{
  background:#20242d !important;
  border-color:#20242d !important;
  color:#fff !important;
}

/* Keep the same bottom-strip color in dark mode */
html[data-theme="dark"] .footer-bottom{
  background:#f4c400 !important;
  color:#20242d !important;
  border-top-color:#d2a900 !important;
}

html[data-theme="dark"] .footer-bottom a{
  color:#20242d !important;
}

html[data-theme="dark"] .footer-bottom .payment-label{
  background:#20242d !important;
  border-color:#20242d !important;
  color:#fff !important;
}


/* ===== Footer one-color match with social section ===== */
/* خلي الجزء اللي فوق التواصل + التواصل + الشريط الأخير بنفس اللون */
.store-footer,
.store-footer .footer-columns,
.footer-extra,
.footer-bottom{
  background:#171a20 !important;
  color:#e9ebef !important;
}

.store-footer .footer-columns{
  border-color:#30353e !important;
}

.footer-columns h3,
.footer-extra h3{
  color:#fff !important;
}

.footer-columns a,
.footer-extra a,
.footer-bottom a{
  color:#c4c9d1 !important;
}

.footer-columns a:hover,
.footer-extra a:hover,
.footer-bottom a:hover{
  color:var(--yellow) !important;
}

.footer-bottom{
  border-top:1px solid #30353e !important;
}

.footer-bottom small{
  color:#aeb4bd !important;
}

.footer-bottom .payment-label{
  background:#20242d !important;
  border-color:#3a404a !important;
  color:#fff !important;
}

/* نفس اللون في الدارك بدون اختلاف */
html[data-theme="dark"] .store-footer,
html[data-theme="dark"] .store-footer .footer-columns,
html[data-theme="dark"] .footer-extra,
html[data-theme="dark"] .footer-bottom{
  background:#171a20 !important;
  color:#e9ebef !important;
}

html[data-theme="dark"] .footer-bottom a{
  color:#c4c9d1 !important;
}

html[data-theme="dark"] .footer-bottom small{
  color:#aeb4bd !important;
}

html[data-theme="dark"] .footer-bottom .payment-label{
  background:#20242d !important;
  border-color:#3a404a !important;
  color:#fff !important;
}


/* ===== Support strip icons + dark text visibility ===== */

/* نفس لون قسم التواصل الاجتماعي */
.support-strip{
  background:#171a20 !important;
  border-bottom:1px solid #30353e !important;
  color:#e9ebef !important;
}

.support-inner h2{
  color:#fff !important;
}

.support-inner p{
  color:#b8bec8 !important;
}

.support-action-link{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  color:#f2f4f7 !important;
}

.support-action-link:hover{
  color:var(--yellow) !important;
}

.support-action-link small{
  color:#aeb4bd !important;
}

.support-action-link b{
  color:#fff !important;
}

.support-action-icon{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--yellow);
  color:#20242d;
  border:1px solid var(--yellow);
}

.support-action-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Dark mode: الكلام يفضل واضح في الشريط والفوتر */
html[data-theme="dark"] .support-strip{
  background:#171a20 !important;
  color:#e9ebef !important;
}

html[data-theme="dark"] .support-inner h2,
html[data-theme="dark"] .support-action-link b{
  color:#fff !important;
}

html[data-theme="dark"] .support-inner p,
html[data-theme="dark"] .support-action-link small{
  color:#b8bec8 !important;
}

html[data-theme="dark"] .support-action-link{
  color:#f2f4f7 !important;
}

html[data-theme="dark"] .support-action-link:hover{
  color:var(--yellow) !important;
}

html[data-theme="dark"] .footer-columns h3,
html[data-theme="dark"] .footer-social-block h3,
html[data-theme="dark"] .footer-app-block h3{
  color:#fff !important;
}

html[data-theme="dark"] .footer-columns a,
html[data-theme="dark"] .footer-social-block small,
html[data-theme="dark"] .footer-app-block p,
html[data-theme="dark"] .footer-bottom,
html[data-theme="dark"] .footer-bottom small,
html[data-theme="dark"] .footer-bottom a{
  color:#c4c9d1 !important;
}

html[data-theme="dark"] .footer-columns a:hover,
html[data-theme="dark"] .footer-bottom a:hover{
  color:var(--yellow) !important;
}

@media(max-width:800px){
  .support-inner{
    gap:14px !important;
  }

  .support-action-link{
    width:100%;
  }

  .support-action-icon{
    width:38px;
    height:38px;
    min-width:38px;
  }
}


/* ===== Product card heart background only ===== */
.product-card .wish-btn,
.noon-product-card .wish-btn{
  background:transparent !important;
}

html[data-theme="dark"] .product-card .wish-btn,
html[data-theme="dark"] .noon-product-card .wish-btn{
  background:transparent !important;
}


/* ===== Product card heart snug background ===== */
.product-card .wish-btn,
.noon-product-card .wish-btn{
  width:28px !important;
  height:28px !important;
  padding:4px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.88) !important;
  border:0 !important;
  box-shadow:none !important;
  display:grid !important;
  place-items:center !important;
}

.product-card .wish-btn .icon,
.noon-product-card .wish-btn .icon,
.product-card .wish-btn svg,
.noon-product-card .wish-btn svg{
  width:18px !important;
  height:18px !important;
  margin:0 !important;
}

html[data-theme="dark"] .product-card .wish-btn,
html[data-theme="dark"] .noon-product-card .wish-btn{
  background:rgba(32,36,43,.88) !important;
  border:0 !important;
}


/* ===== Shipping messages: 2 seconds smooth vertical rotate ===== */
/* شحن سريع / توصيل مجاني: كل رسالة ثانيتين، والجديدة تطلع بنعومة من تحت */
.shipping-message-rotator{
  overflow:hidden !important;
}

.shipping-rotating-text{
  position:relative !important;
  overflow:hidden !important;
}

.shipping-rotating-text .shipping-text{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  opacity:0;
  transform:translateY(100%);
  will-change:transform,opacity;
  animation-duration:4s !important;
  animation-iteration-count:infinite !important;
  animation-timing-function:cubic-bezier(.22,.61,.36,1) !important;
}

.shipping-rotating-text .shipping-text-a{
  animation-name:tagerShippingUpA !important;
}

.shipping-rotating-text .shipping-text-b{
  animation-name:tagerShippingUpB !important;
}

@keyframes tagerShippingUpA{
  0%,42%{
    opacity:1;
    transform:translateY(0);
  }
  48%,92%{
    opacity:0;
    transform:translateY(-100%);
  }
  93%{
    opacity:0;
    transform:translateY(100%);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes tagerShippingUpB{
  0%,42%{
    opacity:0;
    transform:translateY(100%);
  }
  50%,92%{
    opacity:1;
    transform:translateY(0);
  }
  98%,100%{
    opacity:0;
    transform:translateY(-100%);
  }
}

@media(prefers-reduced-motion:reduce){
  .shipping-rotating-text .shipping-text{
    animation:none !important;
  }
  .shipping-rotating-text .shipping-text-a{
    opacity:1 !important;
    transform:none !important;
  }
  .shipping-rotating-text .shipping-text-b{
    opacity:0 !important;
  }
}