/* Mahan Hyper — premium storefront v9. Visual-only enhancement, no commerce logic. */
:root{
  --lux-ink:#172236;--lux-muted:#6f7788;--lux-line:#e9ebf2;
  --lux-rose:#c50e47;--lux-rose-2:#ec326b;--lux-pink:#fff0f5;
  --lux-mint:#dff9ee;--lux-teal:#126f63;--lux-sun:#ffe2a1;
  --lux-bg:#f7f8fc;--lux-white:#fff;
  --page-surface:var(--lux-bg);
  font-family:Tahoma,'Segoe UI',Arial,sans-serif;
  color:var(--lux-ink);background:var(--lux-bg);
}
html{scroll-behavior:smooth;scroll-padding-top:98px}
body:has(.mobile-bottom-nav){background:var(--lux-bg);color:var(--lux-ink);overflow-x:hidden}
body:has(.mobile-bottom-nav) main{max-width:1240px}
body:has(.mobile-bottom-nav) section{scroll-margin-top:100px}
body:has(.mobile-bottom-nav) .banner{
  background:linear-gradient(100deg,#581538,#99204d 55%,#bd2860);
  color:#fff1f4;font-size:11px;line-height:1.65;padding:8px 16px;
  border:0;letter-spacing:0
}
body:has(.mobile-bottom-nav) header{
  background:#ffffffed;border-bottom:1px solid #f2eaf0;backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);box-shadow:0 5px 25px #14213309;
  padding-top:14px;padding-bottom:14px
}
body:has(.mobile-bottom-nav) header .brand{display:inline-flex;align-items:center;gap:11px;color:var(--lux-ink);line-height:1.1;font-weight:900;font-size:24px;white-space:nowrap}
body:has(.mobile-bottom-nav) .brand-mark{
  display:grid;place-items:center;width:47px;height:47px;flex-shrink:0;
  border-radius:16px;color:white;font-size:27px;font-weight:900;
  background:linear-gradient(140deg,#ea2d66,#a80e46);
  box-shadow:0 8px 20px #ce2a6233
}
body:has(.mobile-bottom-nav) .brand-stack{display:flex;flex-direction:column;gap:6px}
body:has(.mobile-bottom-nav) .brand small{font-size:10px;letter-spacing:0;font-weight:500;color:#79808f}
body:has(.mobile-bottom-nav) header nav{align-items:center}
body:has(.mobile-bottom-nav) header nav a{
  color:#515b6d;border-radius:10px;padding:8px 12px;transition:background .2s,color .2s;border:0;font-weight:600
}
body:has(.mobile-bottom-nav) header nav a:hover,
body:has(.mobile-bottom-nav) header nav a:focus-visible{background:var(--lux-pink);color:var(--lux-rose)}
body:has(.mobile-bottom-nav) button,
body:has(.mobile-bottom-nav) a.button{transition:transform .18s ease,background .2s ease,box-shadow .2s ease}
body:has(.mobile-bottom-nav) button:not(:disabled):active,body:has(.mobile-bottom-nav) a.button:active{transform:scale(.98)}
body:has(.mobile-bottom-nav) :focus-visible{outline:3px solid #ffb54c;outline-offset:3px}
body:has(.mobile-bottom-nav) .mobile-top-search{
  margin-top:20px;margin-bottom:16px;background:white;border:1px solid #e7eaf1;
  box-shadow:0 8px 24px #2530450d;border-radius:18px;min-height:60px;
  padding:5px 7px 5px 8px;max-width:820px
}
body:has(.mobile-bottom-nav) .mobile-top-search input{font-weight:500;color:var(--lux-ink);font-size:13px}
body:has(.mobile-bottom-nav) .mobile-top-search button{
  width:45px;height:45px;min-width:45px;background:#fff0f5!important;
  color:var(--lux-rose)!important;border-radius:13px;font-size:27px
}
body:has(.mobile-bottom-nav) .hero{
  display:grid!important;grid-template-columns:1.1fr .9fr;align-items:center;
  position:relative;isolation:isolate;overflow:hidden;gap:10px;
  min-height:340px;margin:0 0 22px;padding:32px clamp(25px,4vw,58px);
  background:linear-gradient(122deg,#67123d 0%,#ad2056 43%,#e53c67 100%);
  color:white;border-radius:32px;box-shadow:0 18px 45px #ab265530
}
body:has(.mobile-bottom-nav) .hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 76% 18%,#ffd88f55,transparent 33%),
    radial-gradient(circle at 7% 91%,#87296885,transparent 45%)
}
body:has(.mobile-bottom-nav) .hero::after{
  content:"";position:absolute;width:390px;height:390px;border:1px solid #ffffff18;
  border-radius:50%;left:-120px;top:-185px;pointer-events:none
}
body:has(.mobile-bottom-nav) .hero>*{position:relative;z-index:1}
body:has(.mobile-bottom-nav) .hero-copy{min-width:0}
body:has(.mobile-bottom-nav) .hero .hero-eyebrow{
  display:inline-flex;padding:6px 13px;border-radius:50px;background:#ffffff19;
  border:1px solid #ffffff52;font-size:12px;letter-spacing:0
}
body:has(.mobile-bottom-nav) .hero h1{
  color:#fff;font-size:clamp(32px,4.2vw,58px);line-height:1.38;font-weight:900;letter-spacing:-.7px;
  margin:17px 0 11px;text-wrap:balance
}
body:has(.mobile-bottom-nav) .hero h1 em{font-style:normal;color:#ffde9d}
body:has(.mobile-bottom-nav) .hero p{color:#fff1f6;font-size:14px;line-height:2;max-width:500px;margin:0 0 20px}
body:has(.mobile-bottom-nav) .hero-ctas{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
body:has(.mobile-bottom-nav) .hero .button{
  background:#fff;color:#a21849;border-radius:14px;padding:11px 24px;font-weight:800;
  box-shadow:0 10px 24px #3b032c36;min-height:47px
}
body:has(.mobile-bottom-nav) .hero-soft-link{color:#fff;text-decoration:none;border-bottom:1px solid #ffffff8a;padding:4px 0;font-size:13px;font-weight:700}
body:has(.mobile-bottom-nav) .hero small{display:block;margin-top:17px;color:#ffe4ed;font-size:10px}
body:has(.mobile-bottom-nav) .hero-art{position:relative;min-width:0;height:270px;font-size:inherit}
body:has(.mobile-bottom-nav) .hero-orbit{position:absolute;inset:8px 12% 8px 10%;border:1px solid #ffffff36;border-radius:50%}
body:has(.mobile-bottom-nav) .hero-orbit::before{content:"";position:absolute;inset:28px;border-radius:50%;border:1px solid #ffffff2d}
body:has(.mobile-bottom-nav) .hero-emblem{
  position:absolute;inset:40px 22% 35px 21%;border-radius:38px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;
  background:linear-gradient(145deg,#ffe7b2,#fff8e7 60%,#ffe2bd);
  color:#981c4c;box-shadow:0 22px 45px #47072d4f;
  transform:rotate(-7deg)
}
body:has(.mobile-bottom-nav) .hero-emblem span{font-size:clamp(24px,3vw,45px);line-height:1.4;font-weight:950;letter-spacing:-1px}
body:has(.mobile-bottom-nav) .hero-emblem b{font-size:15px;letter-spacing:5px;color:#d34f71}
body:has(.mobile-bottom-nav) .hero-emblem i{font-size:12px;font-weight:800;font-style:normal;margin-top:13px;background:#c42d59;color:white;padding:4px 17px;border-radius:30px}
body:has(.mobile-bottom-nav) .hero-mini-card{
  position:absolute;z-index:2;padding:10px 14px;background:#ffffffed;border:1px solid #fff;
  box-shadow:0 9px 25px #420b293d;border-radius:15px;color:#28344b;
  transform:rotate(4deg);min-width:125px
}
body:has(.mobile-bottom-nav) .hero-mini-card span{display:block;font-size:10px;color:#be2959;font-weight:800}
body:has(.mobile-bottom-nav) .hero-mini-card strong{display:block;font-size:12px}
body:has(.mobile-bottom-nav) .hero-mini-one{top:18px;right:2%}
body:has(.mobile-bottom-nav) .hero-mini-two{bottom:15px;left:2%;transform:rotate(-5deg)}
body:has(.mobile-bottom-nav) .category-showcase{margin:20px 0 28px}
body:has(.mobile-bottom-nav) .heading{margin-bottom:10px}
body:has(.mobile-bottom-nav) .heading h2{
  font-size:clamp(21px,2.6vw,28px);font-weight:900;line-height:1.4;color:var(--lux-ink);margin:0
}
body:has(.mobile-bottom-nav) .heading a{color:var(--lux-rose);font-weight:800;font-size:12px}
body:has(.mobile-bottom-nav) .category-tiles{gap:13px}
body:has(.mobile-bottom-nav) .category-tile.retail-category-tile{
  border:1px solid transparent;border-radius:22px;min-height:166px;padding:15px 13px 9px;
  background:#f0f3fa;box-shadow:0 5px 17px #19283a0a;
  transition:transform .18s ease,box-shadow .2s ease;border-color:#ecebf2
}
body:has(.mobile-bottom-nav) .category-tile.retail-category-tile:nth-child(6n+1){background:#fce5ed}
body:has(.mobile-bottom-nav) .category-tile.retail-category-tile:nth-child(6n+2){background:#eaf5fc}
body:has(.mobile-bottom-nav) .category-tile.retail-category-tile:nth-child(6n+3){background:#fff3dd}
body:has(.mobile-bottom-nav) .category-tile.retail-category-tile:nth-child(6n+4){background:#e9f6eb}
body:has(.mobile-bottom-nav) .category-tile.retail-category-tile:nth-child(6n+5){background:#f2eaff}
body:has(.mobile-bottom-nav) .category-tile.retail-category-tile:nth-child(6n+6){background:#fff0ec}
body:has(.mobile-bottom-nav) .category-tile.retail-category-tile:hover{transform:translateY(-3px);box-shadow:0 12px 28px #2523381a}
body:has(.mobile-bottom-nav) .retail-category-title{font-weight:850;color:#242c3d;line-height:1.55}
body:has(.mobile-bottom-nav) .retail-category-count{color:#6c7281}
body:has(.mobile-bottom-nav) .retail-category-visual img{filter:drop-shadow(0 9px 7px #26222a20)}
body:has(.mobile-bottom-nav) .delivery-strip{
  background:linear-gradient(100deg,#e8f9f3,#eff9fc);border:1px solid #c9eee1;
  border-radius:20px;padding:17px 22px;margin:14px 0 34px;
  box-shadow:0 5px 16px #16634e0a;color:#23584c
}
body:has(.mobile-bottom-nav) .delivery-strip>span{font-size:30px;line-height:1}
body:has(.mobile-bottom-nav) .delivery-strip strong{font-size:15px}
body:has(.mobile-bottom-nav) .delivery-strip small{color:#46796a}
body:has(.mobile-bottom-nav) #catalog{margin-top:15px}
body:has(.mobile-bottom-nav) #retailGroupTabs{
  background:#f7f8fcf2;border-bottom:1px solid #e7e9ee;border-radius:12px 12px 0 0;gap:3px;
  backdrop-filter:blur(8px)
}
body:has(.mobile-bottom-nav) #retailGroupTabs button{font-weight:800!important}
body:has(.mobile-bottom-nav) #retailGroupTabs button[aria-selected=true]{
  color:var(--lux-rose)!important;border-bottom-color:var(--lux-rose)
}
body:has(.mobile-bottom-nav) #retailSubChips button{background:white!important;border-color:#e3e7f0;color:#5b6473!important}
body:has(.mobile-bottom-nav) #retailSubChips button[aria-pressed=true]{background:var(--lux-rose)!important;color:white!important;border-color:var(--lux-rose)}
body:has(.mobile-bottom-nav) .filters input,
body:has(.mobile-bottom-nav) .filters select{background:white;border:1px solid #e1e5ee;border-radius:14px;box-shadow:0 3px 10px #141f3008}
body:has(.mobile-bottom-nav) .photo-coverage{
  background:#fff8ec;border:1px solid #f3e4cc;border-radius:14px;color:#7a573b
}
body:has(.mobile-bottom-nav) #catalog .grid{gap:16px}
body:has(.mobile-bottom-nav) #catalog .card{
  border-radius:20px;border:1px solid #e8eaf0;background:#fff;
  box-shadow:0 5px 18px #2531450d;gap:8px;overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease
}
body:has(.mobile-bottom-nav) #catalog .card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #2531451d}
body:has(.mobile-bottom-nav) #catalog .card .product-photo{
  background:linear-gradient(#fff,#fffafc);border-radius:15px
}
body:has(.mobile-bottom-nav) #catalog .card .product-photo img{transition:transform .2s ease}
body:has(.mobile-bottom-nav) #catalog .card:hover .product-photo img{transform:scale(1.04)}
body:has(.mobile-bottom-nav) #catalog .card h3{color:#222b3d;font-weight:800}
body:has(.mobile-bottom-nav) #catalog .card strong{color:var(--lux-rose);font-size:15px}
body:has(.mobile-bottom-nav) #catalog .card .retail-add{
  background:var(--lux-rose)!important;color:white!important;border:2px solid white!important;
  box-shadow:0 6px 15px #b5145340;font-weight:500
}
body:has(.mobile-bottom-nav) #catalog .card .retail-add:hover{background:#a80d40!important}
body:has(.mobile-bottom-nav) #catalog .card .retail-detail-button{
  border-radius:11px;background:#f6f7fa!important;color:#4b5365!important;
  border:1px solid #eceef3;min-height:39px;font-weight:750
}
body:has(.mobile-bottom-nav) .panel{border:1px solid #e8eaf0;border-radius:22px;box-shadow:0 6px 25px #2531450b}
body:has(.mobile-bottom-nav) #productDetails:not([hidden]){border-radius:26px 26px 0 0}
body:has(.mobile-bottom-nav) #productDetails #addFromDetails{background:var(--lux-rose)!important}
body:has(.mobile-bottom-nav) .contact{border:1px solid #d9eee6;background:linear-gradient(120deg,#f2faf6,#eef5fb);border-radius:24px}
body:has(.mobile-bottom-nav) footer{background:#172239;color:#e4e7f1}
@media(min-width:701px){
 body:has(.mobile-bottom-nav) .mobile-top-search{display:flex;width:100%;margin:20px auto}
 body:has(.mobile-bottom-nav) .hero{min-height:350px}
}
@media(max-width:700px){
 html{scroll-padding-top:20px}
 body:has(.mobile-bottom-nav) header{
   position:relative;min-height:76px;flex-direction:row;align-items:center;
   justify-content:center;padding:12px 18px
 }
 body:has(.mobile-bottom-nav) .brand{font-size:22px;gap:9px}
 body:has(.mobile-bottom-nav) .brand-mark{width:43px;height:43px;border-radius:14px;font-size:25px}
 body:has(.mobile-bottom-nav) .brand small{font-size:9px}
 body:has(.mobile-bottom-nav) .mobile-top-search{margin:14px 0 15px}
 body:has(.mobile-bottom-nav) .hero{
   grid-template-columns:1fr;min-height:290px;gap:0;padding:27px 23px;
   margin:0 0 23px;border-radius:26px
 }
 body:has(.mobile-bottom-nav) .hero-copy{position:relative;z-index:2;max-width:73%}
 body:has(.mobile-bottom-nav) .hero .hero-eyebrow{font-size:10px;padding:5px 9px}
 body:has(.mobile-bottom-nav) .hero h1{font-size:clamp(25px,7vw,35px);line-height:1.52;margin:15px 0 9px}
 body:has(.mobile-bottom-nav) .hero p{font-size:11px;line-height:1.9;margin:0 0 13px}
 body:has(.mobile-bottom-nav) .hero .button{font-size:12px;padding:10px 13px;min-height:40px;border-radius:11px}
 body:has(.mobile-bottom-nav) .hero-soft-link{display:none}
 body:has(.mobile-bottom-nav) .hero small{font-size:9px;line-height:1.5;margin-top:12px;max-width:240px}
 body:has(.mobile-bottom-nav) .hero-art{
   position:absolute;inset-inline-start:auto;inset-inline-end:-20px;
   left:0;right:auto;top:54px;width:40%;height:208px;opacity:.96;pointer-events:none
 }
 body:has(.mobile-bottom-nav) .hero-orbit{inset:5px 1%}
 body:has(.mobile-bottom-nav) .hero-emblem{inset:35px 9% 31px 5%;border-radius:23px}
 body:has(.mobile-bottom-nav) .hero-emblem span{font-size:24px}
 body:has(.mobile-bottom-nav) .hero-emblem b{font-size:10px;letter-spacing:2px}
 body:has(.mobile-bottom-nav) .hero-emblem i{font-size:9px;margin-top:8px;padding:3px 12px}
 body:has(.mobile-bottom-nav) .hero-mini-card{min-width:80px;padding:5px 8px;border-radius:10px}
 body:has(.mobile-bottom-nav) .hero-mini-card span{font-size:8px}
 body:has(.mobile-bottom-nav) .hero-mini-card strong{font-size:9px}
 body:has(.mobile-bottom-nav) .hero-mini-one{right:0;top:8px}
 body:has(.mobile-bottom-nav) .hero-mini-two{left:0;bottom:6px}
 body:has(.mobile-bottom-nav) .category-showcase{margin:18px 0 27px}
 body:has(.mobile-bottom-nav) .category-tiles{gap:10px}
 body:has(.mobile-bottom-nav) .category-tile.retail-category-tile{
   border-radius:17px;min-height:149px;padding:10px 9px 7px
 }
 body:has(.mobile-bottom-nav) .retail-category-title{font-size:11px}
 body:has(.mobile-bottom-nav) .delivery-strip{margin:16px 0 28px;padding:12px 14px;gap:11px;border-radius:16px}
 body:has(.mobile-bottom-nav) .delivery-strip>span{font-size:24px}
 body:has(.mobile-bottom-nav) .delivery-strip strong{font-size:12px}
 body:has(.mobile-bottom-nav) .delivery-strip small{font-size:10px}
 body:has(.mobile-bottom-nav) #catalog .grid{gap:10px}
 body:has(.mobile-bottom-nav) #catalog .card{border-radius:16px;padding:9px 8px 12px}
 body:has(.mobile-bottom-nav) #catalog .card h3{font-size:12px}
 body:has(.mobile-bottom-nav) #catalog .card strong{font-size:13px}
 body:has(.mobile-bottom-nav) .mobile-bottom-nav{
   border-top:1px solid #efebf2;background:#ffffffee;backdrop-filter:blur(18px);
   -webkit-backdrop-filter:blur(18px);box-shadow:0 -10px 25px #1b22330e
 }
 body:has(.mobile-bottom-nav) .mobile-bottom-nav a{font-weight:750}
 body:has(.mobile-bottom-nav) .mobile-bottom-nav a[aria-current=page]{color:var(--lux-rose)}
 body:has(.mobile-bottom-nav) #mobileCartCount{background:var(--lux-rose)}
}
@media(max-width:360px){
 body:has(.mobile-bottom-nav) .hero{min-height:278px;padding:21px 18px}
 body:has(.mobile-bottom-nav) .hero-copy{max-width:79%}
 body:has(.mobile-bottom-nav) .hero h1{font-size:24px}
 body:has(.mobile-bottom-nav) .hero-art{opacity:.72;left:-39px}
 body:has(.mobile-bottom-nav) .category-tiles{gap:7px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 body:has(.mobile-bottom-nav) *,body:has(.mobile-bottom-nav) *::before,body:has(.mobile-bottom-nav) *::after{
  animation-duration:.01ms!important;transition-duration:.01ms!important
 }
}