/* MAHAN HYPER Reference Match V12 - visual implementation from user-selected mockup.
   Sandbox only. No invented discounts, real orders or payment claims. */
:root{--ref-wine:#57071f;--ref-dark:#260b16;--ref-maroon:#790d32;--ref-gold:#f0c36f;--ref-ivory:#fff9f4;--ref-ink:#201820}
body:has(.mobile-bottom-nav){background:#f6f3f1!important;color:var(--ref-ink);font-family:Vazirmatn,Tahoma,Arial,sans-serif}
body:has(.mobile-bottom-nav) .banner{font-size:11px;text-align:center;padding:5px 12px;background:#360919!important;color:#ffe2ae!important;line-height:1.5}
body:has(.mobile-bottom-nav) header.reference-header{position:relative!important;display:block!important;min-height:0!important;padding:0!important;max-width:none!important;background:linear-gradient(110deg,#180f15 0%,#35101d 43%,#760826 100%)!important;border-bottom:2px solid #bb904f!important;border-radius:0!important;box-shadow:0 9px 28px #2308122b;overflow:visible}
body:has(.mobile-bottom-nav) .header-main{width:min(1280px,100%);margin:auto;padding:15px 22px 12px;display:grid;grid-template-columns:minmax(190px,1fr) minmax(280px,1.25fr) minmax(240px,1fr);grid-template-areas:"brand search utilities";align-items:center;gap:16px}
body:has(.mobile-bottom-nav) .header-main .brand{grid-area:brand;justify-self:start;direction:rtl;display:flex;gap:10px;color:#f8d48f!important;font-size:26px;font-weight:950;text-shadow:0 2px 8px #0005;white-space:nowrap}
body:has(.mobile-bottom-nav) .header-main .brand .brand-mark{background:transparent!important;border:0!important;box-shadow:none!important;font-size:33px;color:#f4c05b;width:auto;height:auto;padding:0}
body:has(.mobile-bottom-nav) .header-main .brand small{color:#fff2e7!important;font-size:11px;display:block;font-weight:500;text-align:right;margin-top:3px}
body:has(.mobile-bottom-nav) .header-utilities{grid-area:utilities;display:flex;align-items:center;justify-content:flex-end;gap:13px;direction:ltr}
body:has(.mobile-bottom-nav) .header-utilities a,body:has(.mobile-bottom-nav) .header-utilities button,body:has(.mobile-bottom-nav) .header-utilities .coming-soon{background:transparent;border:0;color:#f6eae7;text-decoration:none;font:700 11px Vazirmatn,Tahoma,sans-serif;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
body:has(.mobile-bottom-nav) .header-utilities .coming-soon{opacity:.72;cursor:default}
body:has(.mobile-bottom-nav) .header-utilities .cart-button{color:#25151d;background:linear-gradient(175deg,#ffe5a4,#d99b3d)!important;border:1px solid #efc97e!important;border-radius:10px!important;padding:9px 13px!important;font-weight:900!important;box-shadow:0 5px 13px #0004}
body:has(.mobile-bottom-nav) .header-utilities #count{font-size:10px;color:#fff;background:#8c1242;border-radius:99px;padding:1px 5px}
body:has(.mobile-bottom-nav) .mobile-top-search{grid-area:search;display:flex!important;width:100%;min-width:0;max-width:none;margin:0!important;min-height:46px!important;padding:4px 5px!important;background:#fffaf9;border:1px solid #d6bfbb;border-radius:9px!important;box-shadow:0 6px 18px #12050d3b}
body:has(.mobile-bottom-nav) .mobile-top-search input{font-size:12px;color:#3b2330;direction:rtl;padding:0 10px;min-height:38px!important}
body:has(.mobile-bottom-nav) .mobile-top-search button{background:transparent!important;color:#6b2344!important;font-size:23px!important;border-radius:7px!important;height:38px!important;width:40px!important;min-width:40px!important}
body:has(.mobile-bottom-nav) .header-nav{display:flex!important;align-items:center;justify-content:center;gap:clamp(15px,3vw,42px);background:linear-gradient(90deg,#500b22,#7b0a2e,#430819);border-top:1px solid #ffffff20;min-height:43px;padding:7px 12px}
body:has(.mobile-bottom-nav) .header-nav a{font-size:11px;font-weight:700;padding:5px 9px;color:#fff8f2;text-decoration:none;white-space:nowrap;border-radius:12px;transition:background .2s}
body:has(.mobile-bottom-nav) .header-nav a:first-child{background:#981340;padding-inline:20px}
body:has(.mobile-bottom-nav) .header-nav a:hover{background:#ffffff24;color:#fff}
body:has(.mobile-bottom-nav) main{max-width:1280px!important;margin:auto;padding-inline:16px!important}
body:has(.mobile-bottom-nav) main .notice:empty,body:has(.mobile-bottom-nav) main .actions:has(>button[hidden]:last-child){display:none}
body:has(.mobile-bottom-nav) .luxe-hero.reference-hero{height:400px!important;min-height:400px!important;display:grid!important;grid-template-columns:.87fr 1.13fr!important;gap:0!important;margin:13px 0 0!important;padding:0 38px!important;border-radius:21px!important;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 70% 34%,#a81c3f4d,transparent 45%),linear-gradient(110deg,#230d18 0%,#370917 36%,#700a28 100%)!important;border:2px solid #9b3750!important;box-shadow:0 15px 36px #2b0b1c35!important}
body:has(.mobile-bottom-nav) .luxe-hero.reference-hero:before{background:linear-gradient(90deg,transparent 25%,#a96c3a17 55%,transparent 85%),radial-gradient(ellipse at 55% 80%,#f0aa3a2b,transparent 52%);content:"";position:absolute;inset:0}
body:has(.mobile-bottom-nav) .luxe-hero.reference-hero:after{border:1px solid #f2c78724!important;inset:12px;border-radius:15px}
body:has(.mobile-bottom-nav) .reference-hero .hero-copy{align-self:center!important;z-index:2;padding:15px 15px 15px 0!important;max-width:100%;text-align:right}
body:has(.mobile-bottom-nav) .reference-hero .hero-eyebrow{background:none!important;border:0!important;padding:0!important;display:inline-block;color:#e5c183!important;font-size:12px!important;font-weight:800}
body:has(.mobile-bottom-nav) .reference-hero h1{font-size:clamp(36px,4.4vw,57px)!important;line-height:1.30!important;font-weight:950!important;margin:16px 0 18px!important;color:white;text-shadow:0 5px 13px #15010a83;letter-spacing:-1px}
body:has(.mobile-bottom-nav) .reference-hero h1 span{display:block;color:#fff}
body:has(.mobile-bottom-nav) .ref-delivery-chip{width:max-content;max-width:100%;background:linear-gradient(#ffedc6,#efc679)!important;color:#502337!important;padding:10px 20px;border:1px solid #f9db8f;border-radius:99px;font-size:15px;font-weight:900;box-shadow:0 5px 13px #16030a63}
body:has(.mobile-bottom-nav) .ref-hero-bullets{display:flex;gap:15px;flex-wrap:wrap;margin:16px 0 18px;color:#fbecdf;font-size:12px}
body:has(.mobile-bottom-nav) .ref-hero-bullets span:before{content:"✓";margin-left:5px;color:#f1c77a}
body:has(.mobile-bottom-nav) .reference-hero .ref-hero-btn{display:inline-flex;align-items:center;justify-content:center;min-width:215px;background:linear-gradient(165deg,#ffdf91,#df9d39)!important;color:#3e1a22!important;min-height:44px;border:1px solid #f8e5b5;border-radius:99px!important;text-decoration:none;font-weight:950;font-size:14px;box-shadow:0 7px 21px #14040a5e}
body:has(.mobile-bottom-nav) .reference-hero .ref-hero-disclaimer{display:block;color:#e6b5bd!important;font-size:10px!important;margin:14px 0 0}
body:has(.mobile-bottom-nav) .reference-hero .hero-art{height:100%!important;min-width:0!important;position:relative!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;overflow:visible!important;padding:22px 5px 0!important}
body:has(.mobile-bottom-nav) .bag-stage{width:100%;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 10px 16px #11040c66)}
body:has(.mobile-bottom-nav) .bag-shadow{position:absolute;left:8%;right:7%;bottom:14px;height:26px;background:#140910a8;filter:blur(14px);border-radius:50%}
body:has(.mobile-bottom-nav) .bag-body{z-index:4;position:absolute;bottom:21px;left:12%;width:76%;height:45%;background:linear-gradient(125deg,#350b1a 0%,#8a1d3a 32%,#650e29 58%,#2d091a 100%);clip-path:polygon(4% 0,95% 0,100% 100%,0 100%);border-bottom:3px solid #b75a62;box-shadow:inset 12px 4px 23px #f2a09732,inset -16px 3px 30px #09020c72;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f4c36d}
body:has(.mobile-bottom-nav) .bag-body:after{position:absolute;content:"";inset:0 18%;border-inline:3px solid #e5a3a316;pointer-events:none}
body:has(.mobile-bottom-nav) .bag-body strong{font-size:25px;font-weight:950;text-shadow:0 3px 7px #0009;line-height:1.5;white-space:nowrap}
body:has(.mobile-bottom-nav) .bag-body .bag-logo{font-size:33px;line-height:1}
body:has(.mobile-bottom-nav) .bag-handle{z-index:2;position:absolute;bottom:40%;width:44%;height:38%;border:14px solid #5c1631;border-bottom:0;border-radius:50% 50% 8% 8%;box-shadow:inset 1px 0 4px #fff3,6px 5px 8px #0c020c63}
body:has(.mobile-bottom-nav) .market-grocery{position:absolute;z-index:3;font-size:clamp(43px,6.5vw,91px);line-height:1;filter:drop-shadow(0 9px 6px #0005);user-select:none}
body:has(.mobile-bottom-nav) .mg-one{left:11%;bottom:47%;transform:rotate(-24deg)}
body:has(.mobile-bottom-nav) .mg-two{left:31%;bottom:53%;transform:rotate(-9deg)}
body:has(.mobile-bottom-nav) .mg-three{left:52%;bottom:49%;transform:rotate(8deg)}
body:has(.mobile-bottom-nav) .mg-four{left:67%;bottom:47%;transform:rotate(24deg)}
body:has(.mobile-bottom-nav) .mg-five{left:29%;bottom:42%;transform:rotate(15deg)}
body:has(.mobile-bottom-nav) .mg-six{left:49%;bottom:41%;transform:rotate(-16deg)}
body:has(.mobile-bottom-nav) .market-grocery.foreground{z-index:5;font-size:clamp(35px,5.5vw,70px);bottom:7%}
body:has(.mobile-bottom-nav) .mg-seven{left:-1%}.body:has(.mobile-bottom-nav) .mg-eight{right:-5%}
body:has(.mobile-bottom-nav) .reference-trust{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;position:relative;z-index:4;background:#fffdfb;border:1px solid #ead8d1;padding:8px 12px;border-radius:15px;margin:-2px 14px 22px!important;box-shadow:0 8px 22px #360a211c}
body:has(.mobile-bottom-nav) .reference-trust .trust-item{background:transparent!important;border:0!important;border-left:1px solid #eadad2!important;border-radius:0!important;min-height:52px!important;padding:8px 12px!important;box-shadow:none!important;justify-content:center;display:flex;flex-direction:row-reverse;gap:9px}
body:has(.mobile-bottom-nav) .reference-trust .trust-item:last-child{border-left:0!important}
body:has(.mobile-bottom-nav) .reference-trust .trust-icon{background:none!important;width:auto;height:auto;color:#792e44;font-size:24px}
body:has(.mobile-bottom-nav) .reference-trust .trust-copy strong{font-size:12px;color:#39212d}
body:has(.mobile-bottom-nav) .reference-trust .trust-copy small{font-size:10px;color:#856c73}
body:has(.mobile-bottom-nav) .category-showcase{margin:16px 0 22px!important}
body:has(.mobile-bottom-nav) .heading h2{font-size:24px!important;color:#221921!important;padding:0 0 9px!important;border-bottom:3px solid #e9bf6b;display:inline-block}
body:has(.mobile-bottom-nav) .heading h2:before{display:none!important}
body:has(.mobile-bottom-nav) .category-tiles{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
body:has(.mobile-bottom-nav) .category-tiles:not(.ref-show-all) >:nth-child(n+6){display:none}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile{background:linear-gradient(175deg,#f8f3f1,#e7ddd6)!important;min-height:165px!important;padding:12px!important;border:1px solid #ddd0cb!important;border-radius:14px!important;box-shadow:0 4px 13px #200c0f14!important;overflow:hidden}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(2){background:linear-gradient(#e3f1e8,#cadde9)!important}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(3){background:linear-gradient(#e9f5e5,#cbdfc6)!important}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(4){background:linear-gradient(#faedf0,#9b1435)!important}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(5){background:linear-gradient(#f1f1ed,#c7c8c5)!important}
body:has(.mobile-bottom-nav) .retail-category-title{color:#231d24!important;font-size:16px!important;font-weight:950!important}
body:has(.mobile-bottom-nav) .retail-category-count{font-size:10px!important;color:#78666d!important}
body:has(.mobile-bottom-nav) .retail-category-visual{height:97px!important;width:100%;justify-content:center}
body:has(.mobile-bottom-nav) .retail-category-visual img{max-height:95px!important;height:95px!important;max-width:53%;filter:drop-shadow(0 6px 6px #2b182b35)}
body:has(.mobile-bottom-nav) .reference-promo{background:linear-gradient(100deg,#4b061e,#820c36 64%,#42091d);border:1px solid #a74256;border-radius:20px;min-height:190px;margin:20px 0;display:grid;grid-template-columns:1fr .6fr;align-items:center;padding:22px clamp(20px,4vw,60px);color:#fff;box-shadow:0 12px 24px #3d0a2526;overflow:hidden;position:relative}
body:has(.mobile-bottom-nav) .reference-promo:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 18% 60%,#e5ba5655,transparent 43%);pointer-events:none}
body:has(.mobile-bottom-nav) .reference-promo h2{color:#ffefd0;font-size:clamp(24px,3.5vw,43px);margin:6px 0 8px;line-height:1.4}
body:has(.mobile-bottom-nav) .reference-promo strong{color:#ffd57e;font-size:16px}
body:has(.mobile-bottom-nav) .reference-promo p{font-size:11px;color:#ffebef;margin:10px 0}
body:has(.mobile-bottom-nav) .reference-promo a{background:linear-gradient(#f8dc96,#dfad53);color:#481828;border-radius:40px;display:inline-block;padding:9px 24px;text-decoration:none;font-weight:900;font-size:12px}
body:has(.mobile-bottom-nav) .promo-groceries{text-align:center;font-size:78px;letter-spacing:-9px;filter:drop-shadow(0 10px 14px #0008);transform:rotate(-8deg)}
body:has(.mobile-bottom-nav) .reference-featured{margin:23px 0!important}
body:has(.mobile-bottom-nav) .reference-featured .heading{display:flex;justify-content:space-between;align-items:center}
body:has(.mobile-bottom-nav) .reference-featured .heading h2{margin:0}
body:has(.mobile-bottom-nav) .reference-featured .heading a{font-size:12px;text-decoration:none}
body:has(.mobile-bottom-nav) .ref-featured-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}
body:has(.mobile-bottom-nav) .ref-feature-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:white;border:1px solid #e6dcdc;border-radius:14px;padding:12px 10px;min-width:0;box-shadow:0 6px 14px #2b102012}
body:has(.mobile-bottom-nav) .ref-feature-card .feature-photo{height:145px;width:100%;object-fit:contain;background:#fff;margin:2px auto 8px}
body:has(.mobile-bottom-nav) .ref-feature-card h3{font-size:12px;line-height:1.8;min-height:45px;margin:2px 0;color:#2b2028;font-weight:850;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body:has(.mobile-bottom-nav) .ref-feature-card .feature-meta{font-size:10px;color:#88767d;display:block}
body:has(.mobile-bottom-nav) .ref-feature-card .feature-price{font-size:14px;color:#8b143d;font-weight:950;margin:8px 0}
body:has(.mobile-bottom-nav) .ref-feature-card a{display:block;width:100%;background:#8a123d;color:white;text-decoration:none;border-radius:9px;padding:8px 6px;font-size:11px;font-weight:900}
body:has(.mobile-bottom-nav) .ref-feature-card .ref-label{position:absolute;right:9px;top:9px;background:#fff4df;color:#822442;font-size:9px;border-radius:7px;padding:3px 6px}
body:has(.mobile-bottom-nav) .delivery-strip{display:none}
body:has(.mobile-bottom-nav) #catalog{background:#fffdfb;border-radius:20px;padding:19px!important}
body:has(.mobile-bottom-nav) #catalog .grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px!important}
body:has(.mobile-bottom-nav) #catalog .card{border-radius:14px!important;padding:10px!important}
body:has(.mobile-bottom-nav) #catalog .card .product-photo{min-height:168px!important;padding:8px 3px 32px!important}
body:has(.mobile-bottom-nav) #catalog .card .product-photo img{height:133px!important;max-height:133px!important}
body:has(.mobile-bottom-nav) #catalog .card h3{font-size:12px!important}
body:has(.mobile-bottom-nav) #catalog .card strong{font-size:14px!important;color:#8b143d!important}
body:has(.mobile-bottom-nav) #catalog .card .retail-add{background:#8b143d!important;color:white!important;box-shadow:none!important}
body:has(.mobile-bottom-nav) #catalog .card .retail-detail-button{background:#fff3e8!important;color:#621f39!important}
body:has(.mobile-bottom-nav) .mobile-bottom-nav{display:none!important}
body:has(.mobile-bottom-nav) footer{background:#3e0c21!important}
@media(max-width:1100px){body:has(.mobile-bottom-nav) .header-main{grid-template-columns:1fr 1fr;grid-template-areas:"brand utilities" "search search";row-gap:8px}body:has(.mobile-bottom-nav) .luxe-hero.reference-hero{height:355px!important;min-height:355px!important}body:has(.mobile-bottom-nav) .reference-hero h1{font-size:42px!important}}
@media(max-width:720px){
 body:has(.mobile-bottom-nav) .banner{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 8px}
 body:has(.mobile-bottom-nav) header.reference-header{position:relative!important}
 body:has(.mobile-bottom-nav) .header-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand utilities" "search search"!important;padding:9px 12px 11px!important;gap:8px}
 body:has(.mobile-bottom-nav) .header-main .brand{justify-self:start;font-size:18px!important;gap:4px}
 body:has(.mobile-bottom-nav) .header-main .brand .brand-mark{font-size:25px!important}
 body:has(.mobile-bottom-nav) .header-main .brand small{display:none}
 body:has(.mobile-bottom-nav) .header-utilities{justify-content:flex-start;gap:12px}
 body:has(.mobile-bottom-nav) .header-utilities .text-label,.header-utilities .coming-soon{display:none!important}
 body:has(.mobile-bottom-nav) .header-utilities a,body:has(.mobile-bottom-nav) .header-utilities button{font-size:20px!important;padding:2px!important;min-height:32px}
 body:has(.mobile-bottom-nav) .header-utilities .cart-button{border:0!important;padding:2px 4px!important;background:transparent!important;box-shadow:none!important;color:#ffd18b!important;font-size:23px!important}
 body:has(.mobile-bottom-nav) .mobile-top-search{min-height:42px!important;height:42px!important;border-radius:9px!important;padding:2px 5px!important}
 body:has(.mobile-bottom-nav) .mobile-top-search input{font-size:12px!important;min-height:34px!important}
 body:has(.mobile-bottom-nav) .mobile-top-search button{height:34px!important}
 body:has(.mobile-bottom-nav) .header-nav{display:none!important}
 body:has(.mobile-bottom-nav) main{padding-inline:9px!important}
 body:has(.mobile-bottom-nav) .luxe-hero.reference-hero{height:246px!important;min-height:246px!important;padding:11px 12px!important;border-radius:14px!important;grid-template-columns:1fr .93fr!important;gap:0!important;margin:9px 0 15px!important}
 body:has(.mobile-bottom-nav) .luxe-hero.reference-hero:after{inset:6px;border-radius:10px}
 body:has(.mobile-bottom-nav) .reference-hero .hero-copy{padding:2px 2px 2px 0!important;align-self:center}
 body:has(.mobile-bottom-nav) .reference-hero .hero-eyebrow{font-size:9px!important}
 body:has(.mobile-bottom-nav) .reference-hero h1{font-size:clamp(22px,5.4vw,31px)!important;line-height:1.35!important;letter-spacing:-.4px!important;margin:9px 0!important}
 body:has(.mobile-bottom-nav) .ref-delivery-chip{padding:6px 9px;font-size:10px;line-height:1.5}
 body:has(.mobile-bottom-nav) .ref-hero-bullets{display:none}
 body:has(.mobile-bottom-nav) .reference-hero .ref-hero-btn{font-size:10px;min-height:32px;min-width:0;padding:6px 16px;margin-top:10px}
 body:has(.mobile-bottom-nav) .reference-hero .ref-hero-disclaimer{font-size:8px!important;margin-top:9px;line-height:1.5}
 body:has(.mobile-bottom-nav) .reference-hero .hero-art{height:220px!important;padding:0!important;align-self:end}
 body:has(.mobile-bottom-nav) .bag-body{bottom:24px;height:40%;width:94%;left:3%}
 body:has(.mobile-bottom-nav) .bag-body strong{font-size:12px}
 body:has(.mobile-bottom-nav) .bag-body .bag-logo{font-size:21px}
 body:has(.mobile-bottom-nav) .bag-handle{border-width:7px;bottom:38%;height:36%}
 body:has(.mobile-bottom-nav) .market-grocery{font-size:36px!important}
 body:has(.mobile-bottom-nav) .mg-one{left:0;bottom:43%}.body:has(.mobile-bottom-nav) .mg-two{left:25%}
 body:has(.mobile-bottom-nav) .mg-three{left:48%}.body:has(.mobile-bottom-nav) .mg-four{left:73%}
 body:has(.mobile-bottom-nav) .market-grocery.foreground{font-size:28px!important}
 body:has(.mobile-bottom-nav) .reference-trust{display:none!important}
 body:has(.mobile-bottom-nav) .category-showcase{margin:10px 0 14px!important}
 body:has(.mobile-bottom-nav) .heading h2{font-size:17px!important;margin:0 0 5px}
 body:has(.mobile-bottom-nav) .heading a{font-size:10px!important}
 body:has(.mobile-bottom-nav) .category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile{min-height:106px!important;padding:9px!important;border-radius:13px!important;position:relative}
 body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(5){grid-column:1 / -1}
 body:has(.mobile-bottom-nav) .retail-category-title{font-size:13px!important;position:relative;z-index:2}
 body:has(.mobile-bottom-nav) .retail-category-count{font-size:9px!important;position:relative;z-index:2}
 body:has(.mobile-bottom-nav) .retail-category-visual{height:64px!important;justify-content:flex-end;position:absolute;bottom:4px;left:7px;width:67%}
 body:has(.mobile-bottom-nav) .retail-category-visual img{height:60px!important;max-height:62px!important}
 body:has(.mobile-bottom-nav) .reference-promo{grid-template-columns:1fr .65fr;gap:5px;min-height:132px!important;padding:13px 14px;border-radius:13px;margin:14px 0}
 body:has(.mobile-bottom-nav) .reference-promo h2{font-size:18px;margin:3px 0}
 body:has(.mobile-bottom-nav) .reference-promo strong{font-size:13px}
 body:has(.mobile-bottom-nav) .reference-promo p{font-size:9px;margin:4px 0}
 body:has(.mobile-bottom-nav) .reference-promo a{padding:6px 12px;font-size:10px}
 body:has(.mobile-bottom-nav) .promo-groceries{font-size:45px;letter-spacing:-6px}
 body:has(.mobile-bottom-nav) .reference-featured{margin:15px 0!important}
 body:has(.mobile-bottom-nav) .ref-featured-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;gap:8px;margin-top:8px}
 body:has(.mobile-bottom-nav) .ref-feature-card{flex:0 0 44%;scroll-snap-align:start;padding:8px}
 body:has(.mobile-bottom-nav) .ref-feature-card .feature-photo{height:113px}
 body:has(.mobile-bottom-nav) .ref-feature-card h3{font-size:10px;min-height:35px}
 body:has(.mobile-bottom-nav) .ref-feature-card .feature-price{font-size:12px}
 body:has(.mobile-bottom-nav) #catalog{padding:12px!important}
 body:has(.mobile-bottom-nav) #catalog .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 body:has(.mobile-bottom-nav) #catalog .card .product-photo{min-height:150px!important}
 body:has(.mobile-bottom-nav) #catalog .card .product-photo img{height:108px!important;max-height:108px!important}
 body:has(.mobile-bottom-nav) #catalog .card h3{font-size:11px!important}
 body:has(.mobile-bottom-nav) .mobile-bottom-nav{display:flex!important;z-index:65}
 body:has(.mobile-bottom-nav) main{padding-bottom:70px}
}
@media(max-width:360px){body:has(.mobile-bottom-nav) .reference-hero h1{font-size:21px!important}body:has(.mobile-bottom-nav) .ref-delivery-chip{font-size:9px}body:has(.mobile-bottom-nav) .header-main .brand{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){body:has(.mobile-bottom-nav) *{scroll-behavior:auto!important;transition:none!important}}

/* QA correction: wishlist controls must overlay cards, not occupy a full row. */
body:has(.mobile-bottom-nav) #goods .card{position:relative!important}
body:has(.mobile-bottom-nav) #goods .card .ref-fav{
 position:absolute!important;top:12px!important;right:12px!important;left:auto!important;z-index:10!important;
 width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;
 padding:0!important;margin:0!important;display:grid!important;place-items:center!important;flex:none!important;
 border:1px solid #eedbd9!important;border-radius:50%!important;background:#fffdfa!important;
 color:#8b1944!important;font-size:23px!important;font-weight:800!important;line-height:1!important;
 box-shadow:0 3px 8px #24081918!important
}
body:has(.mobile-bottom-nav) #goods .card .ref-fav[aria-pressed=true]{color:#ab123f!important;background:#fff3f5!important}
body:has(.mobile-bottom-nav) #goods .card[hidden]{display:none!important}
/* Restore the larger supermarket-bag silhouette and remove inherited transforms. */
body:has(.mobile-bottom-nav) .reference-hero .bag-stage{min-width:0;max-width:none;transform:scale(1.07);transform-origin:center bottom}
body:has(.mobile-bottom-nav) .reference-hero .bag-body{min-height:95px}
body:has(.mobile-bottom-nav) .reference-hero .bag-handle{min-height:90px}
@media(max-width:720px){
 body:has(.mobile-bottom-nav) .reference-hero .bag-stage{transform:scale(1.20);transform-origin:center bottom}
 body:has(.mobile-bottom-nav) .reference-hero .bag-body{min-height:84px}
 body:has(.mobile-bottom-nav) .reference-hero .bag-handle{min-height:80px}
 body:has(.mobile-bottom-nav) #goods .card .ref-fav{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;font-size:20px!important}
}

/* Product photography supplied for this redesign: original generated hero asset, local and offline-safe. */
body:has(.mobile-bottom-nav) .luxe-hero.reference-hero{
 background:
 linear-gradient(to left,#370818e8 0%,#4c0922d0 31%,#520b2533 62%,transparent 85%),
 url('/images/hero-photographic-v12.webp') center center / cover no-repeat !important;
 grid-template-columns:1fr 1fr!important;
}
body:has(.mobile-bottom-nav) .reference-hero .hero-copy{grid-column:1!important;position:relative!important;z-index:5!important}
body:has(.mobile-bottom-nav) .reference-hero .hero-art{display:none!important}
body:has(.mobile-bottom-nav) .reference-hero .ref-hero-disclaimer{color:#fff3e8!important}
@media(max-width:720px){
 body:has(.mobile-bottom-nav) .luxe-hero.reference-hero{
  background:
  linear-gradient(to left,#310515f2 0%,#42081fde 37%,#38061422 77%,transparent 95%),
  url('/images/hero-photographic-v12.webp') 42% center / cover no-repeat !important;
  grid-template-columns:1.10fr .90fr!important;
 }
}

/* Promotional panel positions as in the supplied desktop reference: visual on the right, copy left. */
body:has(.mobile-bottom-nav) .reference-promo{direction:ltr;grid-template-columns:1fr .95fr}
body:has(.mobile-bottom-nav) .reference-promo>div:first-child{direction:rtl;text-align:center;position:relative;z-index:2}
body:has(.mobile-bottom-nav) .reference-promo .promo-groceries{direction:rtl;font-size:clamp(70px,8vw,112px)}
@media(max-width:720px){
 body:has(.mobile-bottom-nav) .ref-featured-grid{scroll-padding-inline:7px}
 body:has(.mobile-bottom-nav) .ref-feature-card{flex:0 0 82%;padding:14px 18px}
 body:has(.mobile-bottom-nav) .ref-feature-card .feature-photo{height:170px;max-height:170px}
 body:has(.mobile-bottom-nav) .ref-feature-card h3{font-size:14px;min-height:42px}
 body:has(.mobile-bottom-nav) .ref-feature-card .feature-price{font-size:16px}
 body:has(.mobile-bottom-nav) .ref-feature-card a{font-size:13px;padding:10px}
 body:has(.mobile-bottom-nav) .reference-promo{grid-template-columns:1fr .74fr;min-height:145px!important}
 body:has(.mobile-bottom-nav) .reference-promo .promo-groceries{font-size:45px}
}