/* Mahan Hyper Storefront V10 — November 2026. Presentation-only overrides, offline-capable and RTL/mobile-first. */
body:has(.mobile-bottom-nav){
  --s10-accent:#b3164d;--s10-accent-deep:#78143d;--s10-ink:#21283a;
  --s10-soft:#f6f7fb;--s10-line:#e7e9f1;--s10-muted:#667085;
  background:#f6f7fb;color:var(--s10-ink);font-family:Tahoma,'Segoe UI',Arial,sans-serif;
}
body:has(.mobile-bottom-nav) main{max-width:1300px;padding-inline:clamp(14px,2.5vw,30px)}
body:has(.mobile-bottom-nav) .banner{background:#782143;color:#fff8fb;border:0;font-weight:600;padding-block:8px}
body:has(.mobile-bottom-nav) header{
  background:#fffffff5;border-bottom:1px solid #eee7ed;box-shadow:0 8px 28px #22132a0a;
  max-width:none;padding-block:14px;gap:20px
}
body:has(.mobile-bottom-nav) header .brand{color:#1c2432;font-size:23px;letter-spacing:-.4px}
body:has(.mobile-bottom-nav) header .brand small{color:#768092;letter-spacing:0;line-height:1.5}
body:has(.mobile-bottom-nav) .brand-mark{
  background:linear-gradient(150deg,#ee3b76 0%,#ad1551 65%,#78143d 100%);
  border-radius:15px;box-shadow:0 6px 15px #b5164d35
}
body:has(.mobile-bottom-nav) header nav a{
  color:#4c5262;padding:9px 12px;border-radius:12px;font-weight:700
}
body:has(.mobile-bottom-nav) header nav a:hover{background:#fff0f5;color:var(--s10-accent)}
body:has(.mobile-bottom-nav) .mobile-top-search{
  width:100%;max-width:900px;min-height:62px;margin:19px auto 20px;
  border-radius:18px;border:1px solid #e9e6ed;box-shadow:0 8px 28px #21283a0b;
  background:#fff;display:flex;align-items:center;gap:8px;padding:6px 9px
}
body:has(.mobile-bottom-nav) .mobile-top-search input{flex:1;min-width:0;width:100%;font-size:14px;font-weight:600;min-height:44px}
body:has(.mobile-bottom-nav) .mobile-top-search input::placeholder{color:#9298a4;opacity:1}
body:has(.mobile-bottom-nav) .mobile-top-search button{
  width:46px;height:46px;min-width:46px;border-radius:13px;
  background:#fff0f5!important;color:#ab1548!important
}
body:has(.mobile-bottom-nav) .hero{
  border-radius:28px;min-height:330px;margin-bottom:18px;
  background:linear-gradient(116deg,#5d1b42 0%,#a82058 52%,#e44c78 100%);
  box-shadow:0 18px 42px #8b244331;padding:32px clamp(24px,4vw,52px)
}
body:has(.mobile-bottom-nav) .hero::before{background:
  radial-gradient(ellipse at 85% 22%,#ffd9af45,transparent 48%),
  radial-gradient(ellipse at 8% 93%,#f23a7252,transparent 42%)}
body:has(.mobile-bottom-nav) .hero .hero-eyebrow{background:#ffffff24;border-color:#ffffff4f;color:#fff7fb}
body:has(.mobile-bottom-nav) .hero h1{font-size:clamp(30px,4.5vw,56px);line-height:1.35}
body:has(.mobile-bottom-nav) .hero h1 em{color:#ffdfa2}
body:has(.mobile-bottom-nav) .hero p{max-width:460px;color:#ffeaf2}
body:has(.mobile-bottom-nav) .hero .button{border-radius:13px;box-shadow:0 11px 24px #5b113342}
body:has(.mobile-bottom-nav) .hero-emblem{
  box-shadow:0 22px 46px #450f3d5e;
  background:linear-gradient(130deg,#ffedc7,#fff8e9 70%,#ffe4bd)
}
body:has(.mobile-bottom-nav) .trust-strip{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 30px
}
body:has(.mobile-bottom-nav) .trust-item{
  display:flex;gap:12px;align-items:center;background:#fff;
  border:1px solid #ebebf2;border-radius:17px;padding:13px 16px;
  box-shadow:0 5px 20px #18222d08;min-width:0
}
body:has(.mobile-bottom-nav) .trust-icon{
  flex:none;width:38px;height:38px;display:grid;place-items:center;
  background:#fff1f6;border-radius:13px;color:#b3164d;font-size:19px
}
body:has(.mobile-bottom-nav) .trust-copy{min-width:0}
body:has(.mobile-bottom-nav) .trust-copy strong{display:block;font-size:12px;line-height:1.65;color:#293043}
body:has(.mobile-bottom-nav) .trust-copy small{display:block;font-size:10px;line-height:1.7;color:#738093}
body:has(.mobile-bottom-nav) .category-showcase{margin:23px 0 29px}
body:has(.mobile-bottom-nav) .heading h2{font-size:clamp(20px,2.5vw,29px);font-weight:900}
body:has(.mobile-bottom-nav) .heading a{color:#ad1548}
body:has(.mobile-bottom-nav) .category-tiles{gap:12px}
body:has(.mobile-bottom-nav) .category-tile.retail-category-tile{
  min-height:164px;border-radius:20px;padding:14px 13px 10px;border:1px solid #ececf1;
  box-shadow:0 6px 19px #1d23350c;transition:transform .18s ease,box-shadow .18s ease
}
body:has(.mobile-bottom-nav) .category-tile.retail-category-tile:hover{
  transform:translateY(-4px);box-shadow:0 13px 30px #1d23351b
}
body:has(.mobile-bottom-nav) .retail-category-title{font-weight:900;color:#283044}
body:has(.mobile-bottom-nav) .retail-category-visual img{filter:drop-shadow(0 10px 7px #16162f1c)}
body:has(.mobile-bottom-nav) .delivery-strip{
  border-radius:17px;border:1px solid #d2ebdf;
  background:linear-gradient(112deg,#ecfaf2,#f4fbfc);box-shadow:none
}
body:has(.mobile-bottom-nav) #catalog{padding-top:7px}
body:has(.mobile-bottom-nav) #retailGroupTabs{
  background:#f6f7fbef;border:1px solid #e7eaf0;border-radius:15px;
  padding:7px 8px;gap:4px;margin-top:14px;scrollbar-width:none
}
body:has(.mobile-bottom-nav) #retailGroupTabs button{
  font-size:12px!important;border:0!important;border-radius:11px!important;
  min-height:40px;padding-inline:14px;font-weight:800!important;color:#4d5668!important
}
body:has(.mobile-bottom-nav) #retailGroupTabs button[aria-selected=true]{
  background:var(--s10-accent)!important;color:#fff!important;
  box-shadow:0 3px 10px #b3164d2b
}
body:has(.mobile-bottom-nav) #retailSubChips{padding-block:5px;margin-bottom:14px;gap:8px}
body:has(.mobile-bottom-nav) #retailSubChips button{
  background:#fff!important;border:1px solid #e1e6ef;border-radius:99px;font-weight:700
}
body:has(.mobile-bottom-nav) #retailSubChips button[aria-pressed=true]{
  background:#fff0f5!important;color:#a51a4f!important;border-color:#eea9c2
}
body:has(.mobile-bottom-nav) .filters{gap:10px;margin-bottom:14px}
body:has(.mobile-bottom-nav) .filters input,
body:has(.mobile-bottom-nav) .filters select{
  min-height:51px;border-radius:13px;border:1px solid #e1e5ed;
  box-shadow:0 3px 11px #29364708;padding-inline:13px;background:white
}
body:has(.mobile-bottom-nav) #catalogCount{color:#667085;font-size:12px;font-weight:700}
body:has(.mobile-bottom-nav) .photo-coverage{
  font-size:12px;background:#fff8f1;border-color:#f4e5d3;border-radius:13px
}
body:has(.mobile-bottom-nav) #catalog .grid{gap:15px}
body:has(.mobile-bottom-nav) #catalog .card{
  display:flex;flex-direction:column;gap:6px;padding:12px 11px 14px;
  background:#fff;border:1px solid #e8ebf1;border-radius:18px;
  box-shadow:0 6px 18px #1b293412;overflow:hidden;
  transition:box-shadow .18s ease,transform .18s ease
}
body:has(.mobile-bottom-nav) #catalog .card:hover{
  transform:translateY(-3px);box-shadow:0 15px 31px #1b29341c
}
body:has(.mobile-bottom-nav) #catalog .card .product-photo{
  min-height:202px;margin-bottom:4px;padding:7px 5px 39px;background:#fff;
  border:1px solid #f2f1f5;border-radius:14px
}
body:has(.mobile-bottom-nav) #catalog .card .product-photo img{
  height:157px;max-height:157px;object-fit:contain
}
body:has(.mobile-bottom-nav) #catalog .card h3{
  font-size:13px;min-height:43px;font-weight:900;color:#242e42;line-height:1.65
}
body:has(.mobile-bottom-nav) #catalog .card p{font-size:11px;color:#738093;line-height:1.6}
body:has(.mobile-bottom-nav) #catalog .card strong{
  color:#ac174d;font-size:15px;font-weight:900;margin-top:3px
}
body:has(.mobile-bottom-nav) #catalog .card .image-badge{
  display:block;inset-inline:5px;bottom:5px;border-radius:8px;
  padding:4px 3px;font-size:10px;line-height:1.45;text-align:center;
  font-weight:650;color:#6a5a5c;background:#f5f6faee
}
body:has(.mobile-bottom-nav) #catalog .card .product-photo[data-image-status=approximate] .image-badge{
  background:#fff0d9;color:#80530e;border:1px solid #f2dcaf
}
body:has(.mobile-bottom-nav) #catalog .card .product-photo[data-image-status=verified_real] .image-badge{
  background:#e4f7ed;color:#21684a
}
body:has(.mobile-bottom-nav) #catalog .card .retail-add{
  top:139px;left:16px;right:auto;width:42px;height:42px;border-radius:14px;
  background:#b3164d!important;color:#fff!important;border:2px solid #fff!important;
  box-shadow:0 7px 14px #95204234;line-height:1
}
body:has(.mobile-bottom-nav) #catalog .card .retail-add:disabled{background:#d7d9dd!important;color:#5e6570!important}
body:has(.mobile-bottom-nav) #catalog .card .retail-detail-button{
  border-radius:11px;min-height:42px;padding:7px 6px;font-weight:800;
  background:#f4f5f8!important;border:1px solid #e8e9ef;color:#3d4657!important
}
body:has(.mobile-bottom-nav) #loadMore{width:min(310px,100%);display:block;margin:20px auto}
body:has(.mobile-bottom-nav) #loadMore[hidden]{display:none}
body:has(.mobile-bottom-nav) .panel{border-radius:23px;box-shadow:0 10px 28px #1b293412}
body:has(.mobile-bottom-nav) #productDetails:not([hidden]){box-shadow:0 0 0 100vmax #1c1d2b89,0 -8px 34px #0002}
body:has(.mobile-bottom-nav) #productDetails .detail-visual .product-photo[data-image-status=approximate] .image-badge{
  background:#fff0d9;color:#80530e
}
body:has(.mobile-bottom-nav) #basket #submit{background:#b3164d!important}
body:has(.mobile-bottom-nav) .contact{border-radius:22px}
body:has(.mobile-bottom-nav) footer{background:#202537;color:#d9dce6}
@media(min-width:1100px){
 body:has(.mobile-bottom-nav) #catalog .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
 body:has(.mobile-bottom-nav) #catalog .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
 body:has(.mobile-bottom-nav) main{padding-inline:13px}
 body:has(.mobile-bottom-nav) header{padding:12px 15px;min-height:72px}
 body:has(.mobile-bottom-nav) header .brand{font-size:21px}
 body:has(.mobile-bottom-nav) .mobile-top-search{
   margin:13px 0 17px;border-radius:15px;min-height:57px;padding:5px 6px
 }
 body:has(.mobile-bottom-nav) .mobile-top-search button{width:43px;height:43px;min-width:43px}
 body:has(.mobile-bottom-nav) .hero{
   min-height:286px;border-radius:23px;padding:23px 20px;margin-bottom:13px
 }
 body:has(.mobile-bottom-nav) .hero-copy{max-width:73%}
 body:has(.mobile-bottom-nav) .hero h1{font-size:clamp(25px,7vw,36px);margin:12px 0 8px}
 body:has(.mobile-bottom-nav) .hero p{font-size:11px;line-height:1.9}
 body:has(.mobile-bottom-nav) .hero-art{opacity:.9;left:-9px;right:auto;width:38%;top:50px}
 body:has(.mobile-bottom-nav) .trust-strip{
   display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px;
   margin-bottom:25px;scrollbar-width:none;padding-bottom:2px
 }
 body:has(.mobile-bottom-nav) .trust-item{flex:0 0 72%;min-height:67px;scroll-snap-align:start;padding:10px 12px;gap:10px}
 body:has(.mobile-bottom-nav) .trust-icon{height:35px;width:35px}
 body:has(.mobile-bottom-nav) .trust-copy strong{font-size:12px}
 body:has(.mobile-bottom-nav) .category-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 body:has(.mobile-bottom-nav) .category-tile.retail-category-tile{
   min-height:146px;border-radius:16px;padding:10px 9px 7px
 }
 body:has(.mobile-bottom-nav) .retail-category-title{font-size:11px}
 body:has(.mobile-bottom-nav) #retailGroupTabs{
   position:sticky;top:0;margin-inline:-12px;border-radius:0;padding:7px 11px;z-index:19
 }
 body:has(.mobile-bottom-nav) #catalog .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body:has(.mobile-bottom-nav) #catalog .card{padding:8px 8px 12px;border-radius:15px;gap:5px}
 body:has(.mobile-bottom-nav) #catalog .card .product-photo{
   min-height:167px;padding:5px 3px 40px;border-radius:11px
 }
 body:has(.mobile-bottom-nav) #catalog .card .product-photo img{height:122px;max-height:122px}
 body:has(.mobile-bottom-nav) #catalog .card .image-badge{font-size:9px;line-height:1.35}
 body:has(.mobile-bottom-nav) #catalog .card .retail-add{
   top:99px;left:10px;width:39px;height:39px;border-radius:12px
 }
 body:has(.mobile-bottom-nav) #catalog .card h3{font-size:12px;min-height:41px;line-height:1.7}
 body:has(.mobile-bottom-nav) #catalog .card strong{font-size:13px}
 body:has(.mobile-bottom-nav) .mobile-bottom-nav{
   background:#fffffffa;border-top:1px solid #ebebf1;
   box-shadow:0 -7px 23px #1c29341c;z-index:60
 }
 body:has(.mobile-bottom-nav) .mobile-bottom-nav a{font-size:10px;color:#596274}
 body:has(.mobile-bottom-nav) .mobile-bottom-nav a[aria-current=page]{color:#b3164d}
 body:has(.mobile-bottom-nav) .mobile-bottom-nav a span{font-size:21px}
}
@media(max-width:370px){
 body:has(.mobile-bottom-nav) .hero{min-height:270px;padding:20px 15px}
 body:has(.mobile-bottom-nav) .hero-copy{max-width:78%}
 body:has(.mobile-bottom-nav) .hero h1{font-size:25px}
 body:has(.mobile-bottom-nav) .trust-item{flex-basis:85%}
 body:has(.mobile-bottom-nav) #catalog .card .product-photo img{height:116px}
}
@media(prefers-reduced-motion:reduce){
 body:has(.mobile-bottom-nav) *,body:has(.mobile-bottom-nav) *::before,body:has(.mobile-bottom-nav) *::after{transition:none!important;scroll-behavior:auto!important}
}

/* Clearly labelled genuine category photograph when exact SKU is absent. */
body:has(.mobile-bottom-nav) #catalog .card .product-photo[data-image-status="category_reference"] .image-badge,
body:has(.mobile-bottom-nav) #productDetails .detail-visual .product-photo[data-image-status="category_reference"] .image-badge { background: rgba(255,246,232,.96); color: #6b4b35; border: 1px solid rgba(109,78,51,.20); white-space:normal; }