/* Mahan Hyper Reference V13 - categorical visual fidelity, photographed cart, mobile controls. */
/* This layer affects presentation only. Historical catalog and sandbox safety stay unchanged. */
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile{
  position:relative!important;display:block!important;height:166px!important;min-height:166px!important;
  padding:0!important;border:1px solid #ded3ce!important;border-radius:15px!important;
  box-shadow:0 7px 17px #240c1a26!important;isolation:isolate;overflow:hidden!important;
}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(1){
 background:radial-gradient(ellipse at 40% 35%,#bc8155,#4d2011 75%)!important;
}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(2){
 background:radial-gradient(ellipse at 40% 25%,#227c65,#05352f 76%)!important;
}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(3){
 background:radial-gradient(ellipse at 30% 20%,#418a44,#15351e 80%)!important;
}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(4){
 background:radial-gradient(ellipse at 35% 15%,#b81c4c,#570a25 85%)!important;
}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(5){
 background:radial-gradient(ellipse at 20% 18%,#73787a,#272c30 82%)!important;
}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(-n+5):after{
 content:"‹";position:absolute;bottom:5px;left:14px;z-index:4;color:#fff;font-size:23px;font-weight:500
}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(-n+5) .retail-category-title{
 position:absolute!important;z-index:3;bottom:0!important;right:0!important;left:0!important;
 min-height:38px;display:flex;align-items:center;justify-content:center;text-align:center;
 padding:6px 12px!important;background:linear-gradient(0deg,#130e13d9,#281623b0);
 color:#fffef7!important;font-size:15px!important;font-weight:900!important;
 white-space:nowrap;text-shadow:0 2px 5px #1706136b
}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(-n+5) .retail-category-count{display:none!important}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(-n+5) .retail-category-visual{
 position:absolute!important;inset:0 0 36px 0!important;width:100%!important;height:auto!important;display:block!important;overflow:hidden!important
}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(-n+5) .retail-category-visual img{
 position:absolute!important;object-fit:contain;max-width:66%!important;width:66%!important;
 height:118px!important;max-height:118px!important;top:8px!important;left:1%!important;
 filter:drop-shadow(0 8px 8px #11040a87)!important;mix-blend-mode:normal!important
}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(-n+5) .retail-category-visual img:nth-child(2){
 width:55%!important;max-width:55%!important;left:auto!important;right:0!important;
 top:3px!important;transform:rotate(-7deg)
}
/* Remaining groups appear only after the explicit 'show all' action. */
body:has(.mobile-bottom-nav) .category-tiles.ref-show-all .retail-category-tile:nth-child(n+6){
 background:#f9f2e9!important;height:153px!important;min-height:153px!important;padding:12px!important
}
body:has(.mobile-bottom-nav) .reference-promo{min-height:205px!important;padding-block:16px!important}
body:has(.mobile-bottom-nav) .reference-promo .promo-groceries{
 direction:ltr!important;font-size:inherit!important;transform:none!important;
 align-self:stretch;overflow:visible;filter:none!important
}
body:has(.mobile-bottom-nav) .promo-cart-scene{height:180px;position:relative;width:100%;max-width:450px;margin:auto;isolation:isolate}
body:has(.mobile-bottom-nav) .promo-cart-scene .cart-photo{
 position:absolute;z-index:2;object-fit:contain;max-height:115px;height:115px;
 width:23%;bottom:56px;filter:drop-shadow(0 6px 4px #0a020985)
}
body:has(.mobile-bottom-nav) .promo-cart-scene .cart-photo:nth-child(1){right:6%;transform:rotate(11deg)}
body:has(.mobile-bottom-nav) .promo-cart-scene .cart-photo:nth-child(2){right:25%;transform:rotate(-4deg)}
body:has(.mobile-bottom-nav) .promo-cart-scene .cart-photo:nth-child(3){right:47%;transform:rotate(7deg)}
body:has(.mobile-bottom-nav) .promo-cart-scene .cart-photo:nth-child(4){right:69%;transform:rotate(-12deg)}
body:has(.mobile-bottom-nav) .promo-cart-scene .cart-body{
 position:absolute;z-index:3;inset:auto 12% 22px 16%;height:82px;
 clip-path:polygon(3% 0,100% 0,92% 100%,14% 100%);
 border:6px solid #f8d4bb;
 background:repeating-linear-gradient(90deg,transparent 0 22px,#f5d3b8b0 23px 25px,transparent 27px 37px),
 repeating-linear-gradient(0deg,#ffffff19 0 14px,#f1cfafbc 15px 17px,transparent 18px 32px);
 box-shadow:0 11px 16px #240c1570;transform:skew(-6deg)
}
body:has(.mobile-bottom-nav) .promo-cart-scene .cart-handle{
 position:absolute;z-index:4;right:2%;bottom:104px;height:7px;width:30%;
 background:linear-gradient(90deg,#cf9f8e,#fff4de,#a87978);
 transform:rotate(-17deg);border-radius:10px
}
body:has(.mobile-bottom-nav) .promo-cart-scene .cart-wheels{
 position:absolute;z-index:5;bottom:5px;right:22%;width:50%;display:flex;justify-content:space-between
}
body:has(.mobile-bottom-nav) .promo-cart-scene .cart-wheels i{
 display:block;width:23px;height:23px;border-radius:50%;background:radial-gradient(circle,#cbb5b6 0 20%,#3b1a25 24% 65%,#f1c3a7 70%);
 box-shadow:0 3px 5px #13060b90
}
body:has(.mobile-bottom-nav) .promo-cart-scene .cart-tag{
 position:absolute;z-index:7;bottom:47px;left:3%;
 padding:8px 17px;border-radius:13px;background:linear-gradient(160deg,#8e1944,#4b0d23);
 box-shadow:0 6px 12px #1d08136b;border:2px solid #e9b868;color:#ffe4a1;font-size:26px;transform:rotate(-8deg)
}
body:has(.mobile-bottom-nav) .reference-featured .ref-feature-card{
 border:1px solid #e9deda!important;box-shadow:0 6px 13px #4c243016!important
}
body:has(.mobile-bottom-nav) .reference-featured .ref-feature-card .ref-label{
 background:#8d143e;color:#fff6f4;border-radius:9px;font-size:10px;padding:5px 8px
}
body:has(.mobile-bottom-nav) .reference-featured .ref-feature-card a{
 background:linear-gradient(100deg,#9e0d3f,#6d0b30);font-weight:900
}
body:has(.mobile-bottom-nav) .ref-carousel-control{display:none}
body:has(.mobile-bottom-nav) .ref-mobile-menu{display:none}
body:has(.mobile-bottom-nav) .ref-cart-logo{
 width:34px!important;height:34px!important;display:grid!important;place-items:center!important
}
body:has(.mobile-bottom-nav) .ref-cart-logo svg{width:100%;height:100%;display:block}
@media(max-width:720px){
 body:has(.mobile-bottom-nav) .category-showcase{margin-top:12px!important}
 body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(-n+4){
  min-height:113px!important;height:113px!important
 }
 body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(5){
  min-height:110px!important;height:110px!important
 }
 body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(-n+5) .retail-category-title{
  justify-content:flex-start;min-height:27px;font-size:12px!important;padding:3px 10px!important
 }
 body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(-n+5) .retail-category-visual{
  bottom:26px!important;height:auto!important
 }
 body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(-n+5) .retail-category-visual img{
  height:85px!important;max-height:85px!important;width:56%!important;top:0!important
 }
 body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(-n+5) .retail-category-visual img:nth-child(2){
  width:50%!important;top:3px!important
 }
 body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(5) .retail-category-visual img{left:18%!important}
 body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(5) .retail-category-visual img:nth-child(2){right:18%!important}
 body:has(.mobile-bottom-nav) .reference-promo{min-height:144px!important}
 body:has(.mobile-bottom-nav) .promo-cart-scene{height:128px;transform:scale(.92);transform-origin:center}
 body:has(.mobile-bottom-nav) .promo-cart-scene .cart-photo{height:78px;bottom:40px}
 body:has(.mobile-bottom-nav) .promo-cart-scene .cart-body{height:57px;bottom:22px}
 body:has(.mobile-bottom-nav) .promo-cart-scene .cart-handle{bottom:81px}
 body:has(.mobile-bottom-nav) .promo-cart-scene .cart-wheels{bottom:2px}
 body:has(.mobile-bottom-nav) .promo-cart-scene .cart-wheels i{width:15px;height:15px}
 body:has(.mobile-bottom-nav) .promo-cart-scene .cart-tag{font-size:18px;bottom:42px;left:0;padding:5px 10px}
 body:has(.mobile-bottom-nav) .reference-featured .ref-featured-grid{padding-inline:4px}
 body:has(.mobile-bottom-nav) .ref-feature-card{flex:0 0 85%!important}
 body:has(.mobile-bottom-nav) .reference-featured{position:relative}
 body:has(.mobile-bottom-nav) .ref-carousel-control{
  display:grid;place-items:center;position:absolute;top:48%;z-index:12;
  background:#fff7f4ed;color:#661b35;border:1px solid #ead5d1;border-radius:50%;
  width:36px;height:36px;box-shadow:0 3px 9px #45192a33;font-size:27px
 }
 body:has(.mobile-bottom-nav) .ref-carousel-prev{left:2px}
 body:has(.mobile-bottom-nav) .ref-carousel-next{right:2px}
 body:has(.mobile-bottom-nav) .ref-carousel-dots{display:flex;gap:5px;justify-content:center;margin:6px 0}
 body:has(.mobile-bottom-nav) .ref-carousel-dots button{background:#d7c5c9;border:none;width:7px;height:7px;border-radius:100%;min-width:7px;min-height:7px;padding:0}
 body:has(.mobile-bottom-nav) .ref-carousel-dots button[aria-current=true]{background:#870f3c;width:18px;border-radius:10px}
 body:has(.mobile-bottom-nav) .ref-mobile-menu{
  display:inline-flex!important;align-items:center;justify-content:center;border:0!important;
  background:transparent!important;color:#ffdd9b!important;font-size:21px!important;
  width:30px!important;height:30px!important;padding:0!important
 }
 body:has(.mobile-bottom-nav) .reference-header .header-nav.ref-mobile-open{
  display:flex!important;flex-direction:column!important;align-items:stretch;gap:3px;
  position:absolute!important;z-index:70;top:100%;right:10px;left:10px;
  background:#4d0b22!important;padding:12px!important;border:1px solid #b48267;
  border-radius:0 0 13px 13px;box-shadow:0 11px 21px #23091866
 }
 body:has(.mobile-bottom-nav) .reference-header .header-nav.ref-mobile-open a{font-size:13px;padding:9px}
}

/* QA V13: v12 initial view intentionally hides all but five category tiles. */
body:has(.mobile-bottom-nav) .category-tiles:not(.ref-show-all)>.retail-category-tile:nth-child(n+6){display:none!important}
body:has(.mobile-bottom-nav) .category-tiles.ref-show-all>.retail-category-tile:nth-child(n+6){display:block!important}

/* User-selected category imagery, cropped from the supplied reference design. */
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(-n+5){
 background-image:url('/images/category-reference-v13.webp')!important;
 background-repeat:no-repeat!important;
 background-size:500% 100%!important;
}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(1){background-position:100% 50%!important}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(2){background-position:75% 50%!important}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(3){background-position:50% 50%!important}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(4){background-position:25% 50%!important}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(5){background-position:0% 50%!important}
body:has(.mobile-bottom-nav) .category-tiles .retail-category-tile:nth-child(-n+5) .retail-category-visual{display:none!important}
body:has(.mobile-bottom-nav).ref-sprite-unavailable .category-tiles .retail-category-tile:nth-child(-n+5) .retail-category-visual{display:block!important}
body:has(.mobile-bottom-nav).ref-sprite-unavailable .category-tiles .retail-category-tile:nth-child(-n+5){background-image:none!important}

/* Final visual review: desktop legibility and brand mark on the burgundy tote. */
body:has(.mobile-bottom-nav) .reference-header .header-nav a{
 color:#fff2e5!important;font-size:12px!important;text-shadow:0 1px 3px #26051590
}
body:has(.mobile-bottom-nav) .reference-header .header-nav a:first-child{
 color:#fff!important;background:#9d1c4c!important
}
body:has(.mobile-bottom-nav) .ref-mobile-menu{display:none!important}
body:has(.mobile-bottom-nav) .reference-hero .ref-tote-brand{
 position:absolute;z-index:6;left:28%;bottom:22%;display:flex;flex-direction:column;align-items:center;
 pointer-events:none;color:#f2c97c;text-align:center;text-shadow:0 2px 6px #240915a0;
 font-weight:950;font-size:22px;line-height:1.35;transform:rotate(-2deg)
}
body:has(.mobile-bottom-nav) .reference-hero .ref-tote-brand svg{
 width:48px;height:43px;stroke:#edc26b;fill:none;stroke-width:3
}
@media(max-width:720px){
 body:has(.mobile-bottom-nav) .ref-mobile-menu{display:inline-flex!important}
 body:has(.mobile-bottom-nav) .reference-hero .ref-tote-brand{display:none!important}
 body:has(.mobile-bottom-nav) .reference-header .header-nav.ref-mobile-open a{color:#fff7eb!important}
}