/* =========================================================
   Nixie | فروشگاه اکسسوری و زیورآلات
   Design tokens
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');

:root{
  --wine-950:#2c1250;
  --wine-900:#6d28d9;
  --wine-800:#8b3fe8;
  --wine-700:#a462f0;
  --rosegold:#c9a0f0;
  --rosegold-light:#ecdcfb;
  --blush:#f3e8fd;
  --cream:#fbf8fd;
  --cream-2:#f4edfb;
  --ink:#241a33;
  --ink-soft:#6b5c7c;
  --gold:#9d6de0;
  --line:#e6dcf5;
  --shadow: 0 20px 45px -20px rgba(44,18,80,.35);
  --radius-lg: 26px;
  --radius-md: 16px;
  --radius-sm: 10px;
  --ease: cubic-bezier(.22,1,.36,1);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Vazirmatn', sans-serif;
  background:var(--cream);
  color:var(--ink);
  direction:rtl;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
ul{margin:0;padding:0;list-style:none;}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px;}

:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important;}
}

/* =========================== Announcement bar =========================== */
.announce{
  background:var(--wine-950);
  color:var(--rosegold-light);
  text-align:center;
  font-size:13px;
  letter-spacing:.3px;
  padding:9px 12px;
  overflow:hidden;
  position:relative;
}
.announce .track{
  display:inline-flex;
  gap:64px;
  white-space:nowrap;
  animation:marquee 22s linear infinite;
}
.announce b{color:var(--rosegold);font-weight:700;}
@keyframes marquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

/* =========================== Header =========================== */
header.site{
  position:sticky;top:0;z-index:60;
  background:rgba(251,246,242,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  transition:box-shadow .3s var(--ease);
}
header.site.scrolled{box-shadow:0 8px 24px -18px rgba(44,18,80,.5);}
.header-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 32px;gap:28px;max-width:1240px;margin:0 auto;
  transition:padding .3s var(--ease);
}
header.site.scrolled .header-row{padding:12px 32px;}

.logo{
  display:flex;align-items:center;gap:9px;
  color:var(--wine-900);
  white-space:nowrap;
}
.logo svg{width:28px;height:28px;flex:none;}
.brand-name{
  font-family:'Vazirmatn', sans-serif;
  font-style:normal;font-weight:800;
  font-size:32px;letter-spacing:.2px;line-height:1;
}
.logo .tag{
  display:block;font-size:10.5px;font-weight:500;color:var(--ink-soft);
  letter-spacing:.5px;margin-top:1px;
}
.logo-col{display:flex;flex-direction:column;line-height:1;}

.search{
  flex:1;max-width:420px;position:relative;
}
.search input{
  width:100%;padding:13px 46px 13px 18px;border-radius:999px;
  border:1px solid var(--line);background:var(--cream-2);
  font-family:inherit;font-size:14px;color:var(--ink);
  transition:border-color .25s, background .25s;
}
.search input:focus{border-color:var(--rosegold);background:#fff;outline:none;}
.search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--ink-soft);}
.search-shell{z-index:80}
.search-suggestions{position:absolute;top:calc(100% + 12px);right:0;width:min(510px,calc(100vw - 40px));padding:10px;background:rgba(255,255,255,.98);border:1px solid #eaddec;border-radius:20px;box-shadow:0 24px 55px -26px rgba(56,16,78,.42);opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;max-height:min(70vh,470px);overflow:auto}
.search-suggestions.open{opacity:1;visibility:visible;transform:translateY(0)}
.search-group-label{display:flex;align-items:center;gap:8px;padding:8px 10px 6px;color:#9b6b9d;font-size:11px;font-weight:800;letter-spacing:.4px}.search-group-label::before{content:'';width:5px;height:5px;border-radius:50%;background:#d85ca8}
.search-result{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;transition:background .18s,transform .18s}.search-result:hover,.search-result.is-active{background:#fff0f8;transform:translateX(-2px)}
.search-result img{width:48px;height:48px;object-fit:cover;border-radius:12px;background:#f8effb;flex:none}.search-result-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.search-result-title{font-size:13px;font-weight:800;color:#3b2445;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{font-size:10.5px;color:#a47ca3}.search-result-price{margin-right:auto;white-space:nowrap;font-size:11px;font-weight:800;color:#70268f}.search-category{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:13px;color:#5d2d6e;font-size:12.5px;font-weight:700}.search-category:hover{background:#f8effb}.search-category span{font-size:18px;color:#d05ca4}.search-empty{padding:24px 12px;text-align:center;color:#927a96;font-size:12px}.search-loading{padding:18px;text-align:center;color:#a47ca3;font-size:12px}

.header-actions{display:flex;align-items:center;gap:12px;}
.pill-btn{
  display:flex;align-items:center;gap:8px;
  padding:11px 20px;border-radius:999px;
  background:var(--wine-900);color:#fff;font-size:14px;font-weight:600;
  transition:background .25s var(--ease), transform .2s var(--ease);
}
.pill-btn:hover{background:var(--wine-800);transform:translateY(-1px);}
.pill-btn svg{width:16px;height:16px;}

.cart-btn{
  display:flex;align-items:center;gap:8px;
  padding:10px 18px;border-radius:999px;
  border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;
  position:relative;transition:border-color .25s,transform .2s var(--ease);
}
.cart-btn:hover{border-color:var(--rosegold);transform:translateY(-1px);}
.cart-btn svg{width:18px;height:18px;color:var(--wine-900);}
.cart-count{
  background:var(--gold);color:#fff;font-size:10.5px;font-weight:700;
  min-width:18px;height:18px;border-radius:50%;display:inline-flex;
  align-items:center;justify-content:center;
}
.icon-btn{
  width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);background:#fff;transition:border-color .25s, transform .2s var(--ease);
  flex:none;position:relative;
}
.icon-btn:hover{border-color:var(--rosegold);transform:translateY(-1px);}
.icon-btn svg{width:18px;height:18px;color:var(--wine-900);}
.wish-count{
  position:absolute;top:-4px;left:-4px;background:var(--gold);color:#fff;font-size:10.5px;font-weight:700;
  min-width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center;padding:0 3px;
}
.wish-count.show{display:flex;}

.burger{display:none;}

/* =========================== Main nav / mega menu =========================== */
nav.mainnav{border-top:1px solid var(--line);background:#fff;}
.nav-row{
  max-width:1240px;margin:0 auto;padding:0 32px;
  display:flex;align-items:center;gap:34px;
}
.nav-row > a{
  padding:15px 2px;font-size:14.5px;font-weight:600;color:var(--ink);
  position:relative;
}
.nav-row > a::after{
  content:'';position:absolute;right:0;bottom:9px;width:0;height:2px;
  background:var(--gold);transition:width .25s var(--ease);
}
.nav-row > a:hover::after{width:100%;}

.mega{position:relative;}
.mega > button{
  display:flex;align-items:center;gap:7px;
  padding:15px 2px;font-size:14.5px;font-weight:700;color:var(--wine-900);
}
.mega > button svg{width:12px;height:12px;transition:transform .25s var(--ease);}
.mega.open > button svg{transform:rotate(180deg);}

.mega-panel{
  position:absolute;top:100%;right:-10px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  box-shadow:var(--shadow);padding:26px 30px;
  display:grid;grid-template-columns:repeat(3,180px);gap:6px 40px;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .25s var(--ease), transform .25s var(--ease), visibility .25s;
  z-index:50;
}
.mega.open .mega-panel{opacity:1;visibility:visible;transform:translateY(0);}
.mega-panel a{
  display:flex;align-items:center;justify-content:space-between;
  padding:9px 4px;font-size:13.5px;color:var(--ink);border-radius:8px;
  transition:background .2s, color .2s, padding-right .2s;
}
.mega-panel a:hover{background:var(--blush);color:var(--wine-900);padding-right:10px;}
.mega-panel a::before{
  content:'';width:5px;height:5px;border-radius:50%;background:var(--rosegold);
  margin-left:8px;opacity:0;transition:opacity .2s;
}
.mega-panel a:hover::before{opacity:1;}

.mega-panel-cats{
  grid-template-columns:repeat(5,120px);gap:0 14px;padding:22px;
}
.mega-panel-cats a{
  flex-direction:column;justify-content:flex-start;gap:10px;padding:6px;text-align:center;
}
.mega-panel-cats a::before{display:none;}
.mega-panel-cats a:hover{background:transparent;padding-right:6px;}
.mega-panel-cats img{
  width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;
  border:1px solid var(--line);transition:transform .25s var(--ease), border-color .25s;
}
.mega-panel-cats a:hover img{transform:translateY(-4px) scale(1.04);border-color:var(--rosegold);}
.mega-panel-cats span{font-size:12.5px;font-weight:600;}


/* =========================== Makeup submenu in desktop mega menu =========================== */
.mega-makeup{position:relative;display:flex;flex-direction:column;align-items:stretch}
.mega-makeup-toggle{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:6px;border-radius:8px;text-align:center;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.mega-makeup-toggle img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:1px solid var(--line);transition:transform .25s var(--ease),border-color .25s}
.mega-makeup-toggle:hover,.mega-makeup-toggle.open{background:var(--blush);color:var(--wine-900)}
.mega-makeup-toggle:hover img,.mega-makeup-toggle.open img{transform:translateY(-4px) scale(1.04);border-color:var(--rosegold)}
.mega-makeup-subcats{display:grid;gap:4px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s var(--ease),opacity .2s,padding .3s}
.mega-makeup.open .mega-makeup-subcats{max-height:130px;opacity:1;padding:4px 2px 0}
.mega-makeup-subcats a{display:block!important;padding:5px 4px!important;font-size:10.5px!important;text-align:center;color:var(--ink-soft)!important;border-radius:6px}
.mega-makeup-subcats a:hover{background:var(--blush);color:var(--wine-900)!important}
@media(max-width:860px){.mega-makeup-subcats{display:none}}

/* =========================== Hero =========================== */
.hero{
  position:relative;overflow:hidden;border-radius:0 0 var(--radius-lg) var(--radius-lg);
  margin:0 32px;max-width:1240px;margin-inline:auto;margin-top:28px;
}
.hero-track{display:flex;transition:transform .7s var(--ease);}
.slide{
  min-width:100%;position:relative;
  display:flex;align-items:center;justify-content:space-between;
  padding:76px 64px;min-height:420px;
  background:linear-gradient(120deg,var(--wine-900) 0%, var(--wine-700) 45%, var(--rosegold) 130%);
  overflow:hidden;
}
.slide.alt{background:linear-gradient(120deg,#4a2a1c 0%, var(--gold) 55%, var(--rosegold-light) 130%);}
.slide-copy{position:relative;z-index:3;color:#fff;max-width:480px;}
.slide-eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;
  letter-spacing:1px;color:var(--rosegold-light);text-transform:uppercase;margin-bottom:14px;
}
.slide-eyebrow::before{content:'';width:22px;height:1px;background:var(--rosegold-light);}
.slide h2{font-size:44px;line-height:1.25;font-weight:800;margin:0 0 16px;}
.slide h2 span{color:var(--rosegold-light);}
.slide p{font-size:15.5px;line-height:1.9;color:rgba(255,255,255,.82);margin:0 0 26px;max-width:400px;}
.slide .cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.btn-solid{
  background:#fff;color:var(--wine-900);padding:14px 30px;border-radius:999px;
  font-weight:700;font-size:14.5px;transition:transform .25s var(--ease), box-shadow .25s var(--ease);
  box-shadow:0 10px 24px -8px rgba(0,0,0,.25);
}
.btn-solid:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(0,0,0,.32);}
.code-chip{
  display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;
  border:1px dashed rgba(255,255,255,.55);font-size:13px;color:#fff;letter-spacing:.5px;
}
.code-chip b{font-weight:800;color:var(--rosegold-light);}

.slide-photo{
  position:relative;z-index:2;width:380px;height:380px;flex:none;
  border-radius:28px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.4);
  border:4px solid rgba(255,255,255,.25);
  animation:float 6s ease-in-out infinite;
}
.slide-photo img{width:100%;height:100%;object-fit:cover;display:block;}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}

.hero-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:46px;height:46px;border-radius:50%;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);
  display:flex;align-items:center;justify-content:center;z-index:5;
  transition:background .25s, transform .25s var(--ease);
  color:#fff;
}
.hero-arrow:hover{background:rgba(255,255,255,.32);}
.hero-arrow svg{width:18px;height:18px;}
.hero-arrow.prev{left:22px;}
.hero-arrow.next{right:22px;}

.hero-dots{
  position:absolute;bottom:20px;right:50%;transform:translateX(50%);
  display:flex;gap:8px;z-index:5;
}
.hero-dots button{
  width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);
  transition:background .25s, width .25s var(--ease);
}
.hero-dots button.active{background:#fff;width:22px;border-radius:5px;}

/* =========================== Feature strip =========================== */
.features{
  max-width:1240px;margin:64px auto 0;padding:0 32px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.feature{
  display:flex;align-items:center;gap:14px;padding:20px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s;
}
.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--rosegold);}
.feature .ic{
  width:44px;height:44px;border-radius:12px;flex:none;
  background:var(--blush);display:flex;align-items:center;justify-content:center;color:var(--wine-900);
}
.feature .ic svg{width:22px;height:22px;}
.feature h4{margin:0 0 3px;font-size:14.5px;font-weight:700;}
.feature p{margin:0;font-size:12.5px;color:var(--ink-soft);}

/* =========================== Section heading =========================== */
.section{max-width:1240px;margin:0 auto;padding:80px 32px 0;}
.section-head{
  display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:20px;flex-wrap:wrap;
}
.section-head .eyebrow{
  font-size:12.5px;font-weight:700;color:var(--gold);letter-spacing:1px;
  display:flex;align-items:center;gap:8px;margin-bottom:8px;
}
.section-head .eyebrow::before{content:'';width:18px;height:1px;background:var(--gold);}
.section-head h3{margin:0;font-size:28px;font-weight:800;color:var(--wine-950);}
.section-head p{margin:6px 0 0;color:var(--ink-soft);font-size:14px;max-width:480px;}
.see-all{
  font-size:13.5px;font-weight:700;color:var(--wine-900);display:flex;align-items:center;gap:6px;
  padding:10px 4px;border-bottom:1px solid transparent;transition:border-color .25s;
}
.see-all:hover{border-color:var(--wine-900);}
.see-all svg{width:14px;height:14px;}

/* =========================== Category ring grid =========================== */
.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;}
.cat-item{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;}
.cat-thumb{
  width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;
  background:linear-gradient(155deg,var(--blush),var(--cream-2));
  display:flex;align-items:center;justify-content:center;color:var(--wine-900);
  border:1px solid var(--line);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;
}
.cat-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease);}
.cat-item:hover .cat-thumb{
  transform:translateY(-6px) scale(1.05);
  box-shadow:0 0 0 4px var(--cream), 0 0 0 6px var(--rosegold), 0 20px 40px -18px rgba(44,18,80,.4);
  border-color:var(--rosegold);
}
.cat-item:hover .cat-thumb img{transform:scale(1.08);}
.cat-item span{font-size:13.5px;font-weight:600;transition:color .2s;}
.cat-item:hover span{color:var(--wine-900);}

/* =========================== Product grid =========================== */
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.home-products-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;padding:28px;border:1px dashed var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.62);color:var(--ink-soft);text-align:center}.home-products-empty strong{color:var(--wine-900);font-size:14px}.home-products-empty span{font-size:12px}
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  overflow:hidden;transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s;
  display:flex;flex-direction:column;
}
.card:hover{
  transform:translateY(-8px);
  box-shadow:0 26px 50px -22px rgba(44,18,80,.4);
  border-color:var(--rosegold);
}
.card-media{
  aspect-ratio:1;position:relative;overflow:hidden;
  background:linear-gradient(150deg,var(--cream-2),var(--blush));
  display:flex;align-items:center;justify-content:center;
}
.card-media img.card-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;
  transition:opacity .6s ease, transform 3.6s cubic-bezier(.16,.72,.2,1);
}
.card-media img.card-img-main{opacity:1;}
.card-media img.card-img-alt{opacity:0;}
.card-img-empty{position:absolute;inset:0;z-index:1;background:linear-gradient(150deg,var(--cream-2),var(--blush));}
.card:hover .card-media img.card-img-main{opacity:0;transform:scale(1.14);}
.card:hover .card-media img.card-img-alt{opacity:1;transform:scale(1.14);}
/* کارت‌های دیتابیسی با تصویر دوم، همان زوم و فید قبلی را هنگام هاور حفظ می‌کنند. */
.card.has-hover-image:hover .card-media img.card-img-main{opacity:0;}
.card.has-hover-image:hover .card-media img.card-img-alt{opacity:1;}
.card-mini-thumbs{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  display:flex;gap:7px;padding:12px;
  background:linear-gradient(to top, rgba(42,32,25,.62), rgba(42,32,25,0));
  transform:translateY(100%);opacity:0;
  transition:transform .4s var(--ease), opacity .35s var(--ease);
  pointer-events:none;
}
.card:hover .card-mini-thumbs{transform:translateY(0);opacity:1;}
.card-mini-thumbs img{
  width:38px;height:38px;border-radius:9px;object-fit:cover;flex:none;
  border:2px solid rgba(255,255,255,.85);box-shadow:0 4px 10px -4px rgba(0,0,0,.4);
}
.badge{
  position:absolute;top:12px;right:12px;background:var(--wine-900);color:#fff;
  font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;z-index:3;
  box-shadow:0 6px 14px -6px rgba(44,18,80,.5);
  animation:badgePop .5s cubic-bezier(.22,1,.36,1) both, badgeShine 2.6s ease-in-out .6s infinite;
  background-image:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);
  background-repeat:no-repeat;background-size:220% 100%;background-position:180% 0;
}
.badge.gold{background-color:var(--gold);animation:badgePop .5s cubic-bezier(.22,1,.36,1) both, goldGlow 2.2s ease-in-out .6s infinite;}
@keyframes badgePop{
  0%{opacity:0;transform:scale(.4) translateY(-8px) rotate(-6deg);}
  60%{opacity:1;transform:scale(1.15) translateY(0) rotate(2deg);}
  100%{opacity:1;transform:scale(1) rotate(0);}
}
@keyframes badgeShine{0%,45%{background-position:180% 0;}70%{background-position:-40% 0;}100%{background-position:-40% 0;}}
@keyframes goldGlow{0%,100%{box-shadow:0 6px 14px -6px rgba(44,18,80,.5);}50%{box-shadow:0 6px 18px -2px rgba(157,109,224,.75);}}
.wish{
  position:absolute;top:12px;left:12px;width:32px;height:32px;border-radius:50%;z-index:3;
  background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;
  transition:background .2s, transform .2s var(--ease);
}
.wish:hover{background:#fff;transform:scale(1.1);}
.wish svg{width:15px;height:15px;color:var(--wine-900);transition:transform .2s var(--ease);}
.wish.active{background:var(--wine-900);}
.wish.active svg{fill:#fff;color:#fff;transform:scale(1.08);}
.card-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
.card-body .cat{font-size:11.5px;color:var(--ink-soft);}
.card-body h4{margin:0;font-size:14.5px;font-weight:700;line-height:1.5;transition:color .2s;}
.card:hover .card-body h4{color:var(--wine-900);}
.price-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px;}
.price{display:flex;align-items:baseline;gap:8px;}
.price .now{font-size:16px;font-weight:800;color:var(--wine-900);display:inline-block;animation:priceNowIn .5s cubic-bezier(.22,1,.36,1) both;}
.price .old{font-size:12.5px;color:var(--ink-soft);text-decoration:line-through;display:inline-block;animation:priceOldIn .45s ease .12s both;}
@keyframes priceNowIn{from{opacity:0;transform:translateY(5px) scale(.92);}to{opacity:1;transform:none;}}
@keyframes priceOldIn{from{opacity:0;transform:translateY(3px);}to{opacity:1;transform:none;}}
.add-btn{
  width:36px;height:36px;border-radius:50%;background:var(--blush);color:var(--wine-900);
  display:flex;align-items:center;justify-content:center;transition:background .25s,transform .25s var(--ease),box-shadow .25s;
}
.add-btn:hover{background:var(--wine-900);color:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 8px 18px -6px rgba(44,18,80,.5);}
.add-btn svg{width:16px;height:16px;transition:transform .25s var(--ease);}

/* =========================== Promo band =========================== */
.promo{
  margin:96px auto 0;max-width:1240px;padding:0 32px;
}
.promo-inner{
  border-radius:var(--radius-lg);padding:56px 60px;
  background:linear-gradient(120deg,var(--cream-2),var(--blush) 60%,var(--rosegold-light));
  display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;
  position:relative;overflow:hidden;border:1px solid var(--line);
}
.promo-inner::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 85% 20%, rgba(176,141,87,.18), transparent 55%);
  pointer-events:none;
}
.promo-copy{position:relative;z-index:1;max-width:480px;}
.promo-copy .eyebrow{font-size:12.5px;font-weight:700;color:var(--gold);letter-spacing:1px;margin-bottom:10px;display:block;}
.promo-copy h3{font-size:26px;font-weight:800;margin:0 0 12px;color:var(--wine-950);}
.promo-copy p{margin:0 0 22px;color:var(--ink-soft);font-size:14.5px;line-height:1.9;}
.btn-outline{
  display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:999px;
  border:1.5px solid var(--wine-900);color:var(--wine-900);font-weight:700;font-size:14px;
  transition:background .25s, color .25s, transform .25s var(--ease);
}
.btn-outline:hover{background:var(--wine-900);color:#fff;transform:translateY(-2px);}

/* =========================== Newsletter =========================== */
.newsletter{
  margin:96px auto 0;max-width:1240px;padding:0 32px 0;
}
.newsletter-inner{
  background:var(--wine-950);border-radius:var(--radius-lg);
  padding:54px 60px;text-align:center;color:#fff;position:relative;overflow:hidden;
}
.newsletter-inner::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 15% 15%, rgba(192,138,92,.35), transparent 45%),
             radial-gradient(circle at 85% 85%, rgba(192,138,92,.25), transparent 45%);
}
.newsletter-inner > *{position:relative;z-index:1;}
.newsletter-inner h3{font-size:26px;font-weight:800;margin:0 0 10px;}
.newsletter-inner p{margin:0 0 28px;color:rgba(255,255,255,.7);font-size:14px;}
.news-form{
  display:flex;gap:10px;max-width:440px;margin:0 auto;background:rgba(255,255,255,.08);
  padding:6px;border-radius:999px;border:1px solid rgba(255,255,255,.2);
}
.news-form input{
  flex:1;background:transparent;border:none;padding:12px 18px;color:#fff;font-family:inherit;font-size:14px;
}
.news-form input::placeholder{color:rgba(255,255,255,.55);}
.news-form input:focus{outline:none;}
.news-form button{
  background:var(--rosegold);color:var(--wine-950);font-weight:700;font-size:13.5px;
  padding:12px 24px;border-radius:999px;transition:background .25s;
}
.news-form button:hover{background:var(--rosegold-light);}
.news-link{
  display:inline-flex;align-items:center;gap:8px;background:var(--rosegold);color:var(--wine-950);
  font-weight:700;font-size:14px;padding:14px 32px;border-radius:999px;transition:background .25s,transform .25s;
}
.news-link:hover{background:var(--rosegold-light);transform:translateY(-2px);}
.news-link span{font-weight:400;}

/* =========================== Footer =========================== */
footer.site{margin-top:96px;background:var(--cream-2);border-top:1px solid var(--line);}
.footer-grid{
  max-width:1240px;margin:0 auto;padding:64px 32px 32px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;
}
.footer-brand .logo{margin-bottom:14px;}
.footer-brand p{font-size:13.5px;color:var(--ink-soft);line-height:1.9;max-width:280px;margin:0 0 18px;}
.social-row{display:flex;gap:10px;}
.social-row a{
  width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;transition:border-color .25s, transform .2s var(--ease);
}
.social-row a:hover{border-color:var(--rosegold);transform:translateY(-2px);}
.social-row svg{width:16px;height:16px;color:var(--wine-900);}
.footer-col h5{font-size:14px;font-weight:700;margin:0 0 16px;color:var(--wine-950);}
.footer-col ul li{margin-bottom:11px;}
.footer-col a{font-size:13.5px;color:var(--ink-soft);transition:color .2s;}
.footer-col a:hover{color:var(--wine-900);}
.footer-bottom{
  border-top:1px solid var(--line);padding:20px 32px;max-width:1240px;margin:0 auto;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;
  font-size:12.5px;color:var(--ink-soft);
}

/* =========================== Mobile search bar =========================== */
.mobile-search{
  display:none;align-items:center;gap:10px;
  padding:12px 18px;border-top:1px solid var(--line);position:relative;
}
.mobile-search input{
  width:100%;padding:11px 42px 11px 16px;border-radius:999px;
  border:1px solid var(--line);background:var(--cream-2);
  font-family:inherit;font-size:13.5px;color:var(--ink);
}
.mobile-search input:focus{border-color:var(--rosegold);outline:none;background:#fff;}
.mobile-search svg{position:absolute;left:30px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ink-soft);}
.mobile-search .search-suggestions{top:calc(100% + 8px);right:16px;width:calc(100% - 32px)}

/* =========================== Mobile drawer =========================== */
.drawer-overlay{
  position:fixed;inset:0;background:rgba(42,32,25,.5);z-index:90;
  opacity:0;visibility:hidden;transition:opacity .3s var(--ease), visibility .3s;
}
.drawer-overlay.open{opacity:1;visibility:visible;}
.drawer{
  position:fixed;top:0;bottom:0;right:0;width:82%;max-width:340px;
  background:var(--cream);z-index:95;
  display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .35s var(--ease);
  box-shadow:-20px 0 50px -20px rgba(0,0,0,.3);
}
.drawer.open{transform:translateX(0);}
.drawer-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 22px;border-bottom:1px solid var(--line);
}
.drawer-close{
  width:36px;height:36px;border-radius:50%;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;background:#fff;
}
.drawer-close svg{width:16px;height:16px;color:var(--wine-900);}
.drawer-nav{padding:14px 22px;display:flex;flex-direction:column;overflow-y:auto;flex:1;}
.drawer-nav > a{
  padding:15px 2px;font-size:15px;font-weight:600;border-bottom:1px solid var(--line);
}
.drawer-accordion{
  display:flex;align-items:center;justify-content:space-between;width:100%;
  padding:15px 2px;font-size:15px;font-weight:700;color:var(--wine-900);
  border-bottom:1px solid var(--line);
}
.drawer-accordion svg{width:13px;height:13px;transition:transform .25s var(--ease);}
.drawer-accordion.open svg{transform:rotate(180deg);}
.drawer-cats{
  display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;
  max-height:0;overflow:hidden;transition:max-height .3s var(--ease);
  border-bottom:1px solid transparent;
}
.drawer-cats.open{max-height:400px;border-bottom-color:var(--line);padding-bottom:10px;}
.drawer-cats a{padding:9px 2px;font-size:13.5px;color:var(--ink-soft);}
.drawer-actions{padding:18px 22px;border-top:1px solid var(--line);}

/* =========================== Cart drawer =========================== */
.cart-drawer{
  position:fixed;top:0;bottom:0;left:0;width:88%;max-width:380px;
  background:var(--cream);z-index:95;
  display:flex;flex-direction:column;
  transform:translateX(-100%);transition:transform .35s var(--ease);
  box-shadow:20px 0 50px -20px rgba(0,0,0,.3);
}
.cart-drawer.open{transform:translateX(0);}
.cart-drawer-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 22px;border-bottom:1px solid var(--line);
}
.cart-drawer-head h4{margin:0;font-size:16px;font-weight:800;color:var(--wine-950);}
.cart-drawer-body{flex:1;overflow-y:auto;padding:6px 22px;}
.cart-empty{padding:70px 10px;text-align:center;color:var(--ink-soft);font-size:13.5px;}
.cart-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);align-items:flex-start;}
.cart-item img{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover;flex:none;background:var(--cream-2);}
.cart-item-info{flex:1;min-width:0;}
.cart-item-info h5{margin:0 0 6px;font-size:13.5px;font-weight:700;color:var(--ink);}
.cart-item-price{font-size:12.5px;color:var(--wine-900);font-weight:700;}
.cart-item-qty{display:flex;align-items:center;gap:10px;margin-top:10px;}
.cart-item-qty button{
  width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:#fff;
  display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--wine-900);transition:background .2s;
}
.cart-item-qty button:hover{background:var(--blush);}
.cart-item-qty span{font-size:13px;font-weight:700;min-width:16px;text-align:center;}
.cart-item-remove{
  width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--ink-soft);flex:none;transition:color .2s,background .2s;
}
.cart-item-remove:hover{color:var(--wine-900);background:var(--blush);}
.cart-item-remove svg{width:16px;height:16px;}
.cart-drawer-foot{padding:16px 22px 22px;border-top:1px solid var(--line);}
.cart-total-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:14px;}
.cart-total-row b{font-size:17px;color:var(--wine-900);}
.cart-checkout{display:flex;align-items:center;justify-content:center;width:100%;}

/* =========================== Wishlist drawer =========================== */
.wish-drawer{
  position:fixed;top:0;bottom:0;right:0;width:88%;max-width:380px;
  background:var(--cream);z-index:95;
  display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .35s var(--ease);
  box-shadow:-20px 0 50px -20px rgba(0,0,0,.3);
}
.wish-drawer.open{transform:translateX(0);}
.wish-item-add{
  margin-top:10px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);
  font-size:12px;font-weight:600;color:var(--wine-900);background:#fff;transition:background .2s,border-color .2s;
}
.wish-item-add:hover{background:var(--blush);border-color:var(--rosegold);}

/* =========================== Mobile bottom nav =========================== */
.mobile-bottom-nav{display:none;}
@media (max-width:860px){
  body{padding-bottom:66px;}
  .mobile-bottom-nav{
    display:flex;position:fixed;bottom:0;left:0;right:0;z-index:80;
    background:#fff;border-top:1px solid var(--line);
    box-shadow:0 -10px 30px -18px rgba(44,18,80,.25);
    padding:8px 10px calc(6px + env(safe-area-inset-bottom));
  }
  .mnav-item{
    flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    padding:6px 0;font-size:11px;font-weight:600;color:var(--ink-soft);position:relative;transition:color .2s;
  }
  .mnav-item svg{width:21px;height:21px;}
  .mnav-item.active{color:var(--wine-900);}
  .mnav-badge{
    position:absolute;top:-2px;left:calc(50% + 4px);background:var(--wine-900);color:#fff;
    font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;padding:0 3px;
  }
  .cart-drawer{width:88%;}
  .wish-drawer{width:88%;}
}

/* =========================== Page hero (magazine / contact) =========================== */
.page-hero{
  max-width:1240px;margin:56px auto 0;padding:0 32px;text-align:center;
}
.page-hero .eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;
  color:var(--gold);letter-spacing:1px;margin-bottom:12px;
}
.page-hero .eyebrow::before,.page-hero .eyebrow::after{content:'';width:18px;height:1px;background:var(--gold);}
.page-hero h1{font-size:38px;font-weight:800;color:var(--wine-950);margin:0 0 12px;}
.page-hero p{font-size:15px;color:var(--ink-soft);max-width:520px;margin:0 auto;line-height:1.9;}

/* =========================== Responsive =========================== */
@media (max-width:1080px){
  .product-grid{grid-template-columns:repeat(3,1fr);}
  .cat-grid{grid-template-columns:repeat(4,1fr);}
  .features{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:860px){
  .search{display:none;}
  .nav-row{display:none;}
  .mobile-search{display:flex;}
  .burger{
    display:flex;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);
    align-items:center;justify-content:center;flex:none;background:#fff;
  }
  .burger svg{width:18px;height:18px;color:var(--wine-900);}
  .header-row{padding:14px 18px;gap:12px;}
  header.site.scrolled .header-row{padding:10px 18px;}
  .logo-col .tag{display:none;}
  .brand-name{font-size:26px;}
  .header-actions{gap:8px;}
  .pill-btn span{display:none;}
  .pill-btn{padding:0;width:38px;height:38px;border-radius:50%;justify-content:center;}
  .cart-label{display:none;}
  .cart-btn{padding:0;width:38px;height:38px;border-radius:50%;justify-content:center;}
  .cart-count{position:absolute;top:-4px;left:-4px;}
  .cart-btn{position:relative;}
  .icon-btn{width:38px;height:38px;}

  .slide{padding:44px 24px;flex-direction:column-reverse;text-align:center;gap:20px;min-height:auto;}
  .slide-copy{max-width:100%;}
  .slide-copy p{margin-left:auto;margin-right:auto;}
  .cta-row{justify-content:center;}
  .slide h2{font-size:27px;}
  .slide-photo{width:170px;height:170px;border-radius:20px;}
  .hero{margin:0 14px;margin-top:16px;border-radius:20px;}
  .hero-arrow{width:38px;height:38px;}
  .hero-arrow.prev{left:12px;}
  .hero-arrow.next{right:12px;}

  .section{padding:56px 18px 0;}
  .section-head h3{font-size:22px;}
  .features{margin-top:44px;padding:0 18px;gap:14px;}
  .feature{padding:16px;}
  .promo,.newsletter{margin-top:64px;padding:0 18px;}
  .promo-inner{padding:36px 24px;}
  .newsletter-inner{padding:40px 24px;}
  .footer-grid{padding-top:48px;}
}
@media (max-width:640px){
  .wrap,.header-row,.nav-row{padding-left:16px;padding-right:16px;}
  .section{padding:48px 16px 0;}
  .hero{margin:0 12px;}
  .product-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
  .card-body{padding:12px 12px 14px;gap:6px;}
  .card-body h4{font-size:13px;}
  .price .now{font-size:14px;}
  .cat-grid{grid-template-columns:repeat(3,1fr);gap:14px;}
  .cat-item span{font-size:12px;}
  .features{grid-template-columns:1fr 1fr;}
  .feature .ic{width:38px;height:38px;}
  .feature h4{font-size:13px;}
  .feature p{font-size:11.5px;}
  .promo-inner{flex-direction:column;text-align:center;}
  .promo-copy h3{font-size:21px;}
  .news-form{flex-direction:column;background:transparent;border:none;padding:0;gap:10px;}
  .news-form input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:13px 18px;}
  .news-form button{width:100%;}
  .footer-grid{grid-template-columns:1fr;padding-top:44px;gap:32px;text-align:right;}
  .footer-bottom{flex-direction:column;text-align:center;padding:18px 16px;}
  .announce{font-size:11.5px;padding:8px 10px;}
}
@media (max-width:400px){
  .cat-grid{grid-template-columns:repeat(2,1fr);}
  .brand-name{font-size:23px;}
  .slide h2{font-size:23px;}
}

/* ---- Page hero: responsive (shared by magazine/contact) ---- */
@media (max-width:860px){
  .page-hero{margin-top:36px;padding:0 18px;}
  .page-hero h1{font-size:29px;}
}
@media (max-width:640px){
  .page-hero h1{font-size:25px;}
}

/* =========================== Soft lavender-pink polish =========================== */
:root{--pink:#e98bc7;--pink-soft:#fff0fa;--violet-glow:rgba(139,63,232,.16)}
body{background-image:radial-gradient(circle at 8% 12%,rgba(239,177,220,.12),transparent 24%),radial-gradient(circle at 92% 42%,rgba(179,142,245,.10),transparent 25%)}
header.site{background:rgba(255,250,254,.92)}
.announce{background:linear-gradient(90deg,#321060,#6d28d9,#a846a5,#321060)}
.btn-solid,.pill-btn{background-image:linear-gradient(100deg,#6d28d9,#a846c0)}
.btn-solid:hover,.pill-btn:hover{filter:saturate(1.08) brightness(1.04)}
.card,.feature,.cat-thumb,.promo,.newsletter{animation:softReveal .65s var(--ease) both}
.card:nth-child(2),.feature:nth-child(2),.cat-item:nth-child(2){animation-delay:.06s}.card:nth-child(3),.feature:nth-child(3),.cat-item:nth-child(3){animation-delay:.12s}.card:nth-child(4),.cat-item:nth-child(4){animation-delay:.18s}
@keyframes softReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.card,.feature,.cat-thumb,.promo,.newsletter{animation:none}}

/* =========================== Drawer account card =========================== */
.drawer-actions .drawer-account-btn{width:100%;min-height:60px;justify-content:flex-start!important;gap:12px;padding:11px 15px;border-radius:18px;background:linear-gradient(112deg,#5d22b8 0%,#8b3fe8 48%,#d56db9 100%);box-shadow:0 14px 28px -17px rgba(109,40,217,.85);position:relative;overflow:hidden;transition:transform .28s var(--ease),box-shadow .28s var(--ease),filter .28s}
.drawer-actions .drawer-account-btn::after{content:'';position:absolute;top:-42px;left:-35px;width:90px;height:150px;background:rgba(255,255,255,.14);transform:rotate(28deg);transition:transform .5s var(--ease)}
.drawer-actions .drawer-account-btn:hover{transform:translateY(-3px);box-shadow:0 18px 32px -16px rgba(109,40,217,.95);filter:saturate(1.08)}
.drawer-actions .drawer-account-btn:hover::after{transform:translateX(170px) rotate(28deg)}
.drawer-actions .drawer-account-btn svg{width:34px;height:34px;padding:7px;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;flex:none;position:relative;z-index:1}
.drawer-actions .drawer-account-btn{font-size:14px;font-weight:800;letter-spacing:.1px}

/* =========================== High-contrast primary actions =========================== */
.btn-solid{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#fff0fa 55%,#f8d6ef 100%) !important;color:#54206f !important;border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 28px -12px rgba(35,9,62,.42),inset 0 0 0 1px rgba(255,255,255,.45);text-shadow:none;isolation:isolate}
.btn-solid::before{content:'';position:absolute;inset:1px auto 1px -42%;width:34%;background:rgba(255,255,255,.62);transform:skewX(-22deg);transition:left .55s var(--ease);z-index:-1}
.btn-solid:hover{color:#431656 !important;background:linear-gradient(135deg,#ffffff 0%,#ffe4f5 55%,#f5c9e7 100%) !important;box-shadow:0 18px 34px -13px rgba(35,9,62,.52),inset 0 0 0 1px rgba(255,255,255,.55);transform:translateY(-3px)}
.btn-solid:hover::before{left:118%}
.cart-checkout{font-weight:800;letter-spacing:.1px}

/* ========================================================================
   NIXIE 2.0 — Editorial beauty storefront
   A complete visual layer: plum / petal / pearl
   ======================================================================== */
:root{
  --wine-950:#211027;
  --wine-900:#64218f;
  --wine-800:#8738b4;
  --wine-700:#c55ca9;
  --rosegold:#ec9dcb;
  --rosegold-light:#ffe4f3;
  --blush:#fff0f8;
  --cream:#fcf9fd;
  --cream-2:#f7effb;
  --ink:#28162f;
  --ink-soft:#7b687f;
  --gold:#c78aa7;
  --line:#eadcec;
  --shadow:0 26px 70px -32px rgba(56,16,78,.32);
  --shadow-soft:0 16px 38px -24px rgba(56,16,78,.24);
  --radius-lg:32px;
  --radius-md:20px;
  --radius-sm:13px;
}
html{scroll-padding-top:130px}
body{background:var(--cream);color:var(--ink);position:relative}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 7% 11%,rgba(243,178,221,.14),transparent 22%),radial-gradient(circle at 94% 56%,rgba(195,164,236,.13),transparent 25%),linear-gradient(180deg,#fffafe 0%,#fcf9fd 54%,#faf3fd 100%)}
.announce{background:linear-gradient(100deg,#1d0829,#3d1557 42%,#722477 75%,#1d0829);padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.1)}
.announce .track{gap:86px;font-size:12px;letter-spacing:.45px}.announce b{color:#ffd2ec}
header.site{background:rgba(255,251,254,.88);border-bottom:1px solid rgba(234,220,236,.86);box-shadow:0 8px 30px -26px rgba(40,16,49,.45)}
.header-row{padding:17px 32px;gap:30px}.header-row,.nav-row{max-width:1320px}
header.site.scrolled .header-row{padding-top:11px;padding-bottom:11px}
.logo{color:#4e166b}.logo svg{width:30px;height:30px;filter:drop-shadow(0 4px 8px rgba(100,33,143,.12))}.brand-name{font-size:31px;font-weight:900;letter-spacing:.3px}
.logo-col .tag{color:#9b7ca0;font-size:10px;letter-spacing:.4px}
.search input{background:#fff;border-color:#eaddec;padding-top:13px;padding-bottom:13px;box-shadow:0 6px 18px -16px rgba(68,24,88,.45)}.search input:focus{border-color:#d38ac4;box-shadow:0 0 0 4px rgba(211,138,196,.12)}
.header-actions{gap:10px}.pill-btn{background:linear-gradient(120deg,#6b2191,#b34f9c)!important;border:1px solid rgba(255,255,255,.34);box-shadow:0 12px 24px -16px rgba(104,30,136,.8);padding:11px 19px}.pill-btn:hover{background:linear-gradient(120deg,#532078,#c25aac)!important;box-shadow:0 16px 30px -16px rgba(104,30,136,.8)}
.cart-btn,.icon-btn{border-color:#e8d8ec;background:rgba(255,255,255,.86);box-shadow:0 8px 20px -17px rgba(65,21,80,.55)}.cart-btn:hover,.icon-btn:hover{border-color:#d79bc9;background:#fff;box-shadow:0 12px 24px -17px rgba(101,31,133,.45)}.cart-btn svg,.icon-btn svg{color:#6b2191}.cart-count,.wish-count{background:#d85ca8}
nav.mainnav{background:rgba(255,255,255,.8);border-top:1px solid rgba(234,220,236,.75)}.nav-row{gap:38px}.nav-row>a,.mega>button{font-size:13.5px;color:#51365b;padding-top:16px;padding-bottom:16px}.nav-row>a::after{background:linear-gradient(90deg,#d85ca8,#7c2aa3);height:3px;border-radius:4px}.mega>button{color:#6b2191}.mega-panel{border-color:#eadcec;border-radius:20px;box-shadow:var(--shadow);background:rgba(255,255,255,.97)}.mega-panel-cats img{border-color:#ebdbef}.mega-panel-cats a:hover img{border-color:#d78bc2;box-shadow:0 10px 20px -14px #7c2aa3}
.hero{max-width:1320px;margin-top:30px;border-radius:36px;box-shadow:0 26px 62px -34px rgba(51,15,72,.42)}.hero-track{transition:transform .8s cubic-bezier(.22,1,.36,1)}
.slide{min-height:500px;padding:82px 84px;background:radial-gradient(circle at 8% 20%,rgba(240,165,221,.25),transparent 26%),linear-gradient(118deg,#281033 0%,#56207b 54%,#b255a2 130%)}.slide.alt{background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.22),transparent 26%),linear-gradient(118deg,#8b3b7d 0%,#cb6dad 53%,#f0b8d8 130%)}.slide::before{content:'';position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 80%);pointer-events:none}.slide::after{content:'';position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.22);border-radius:50%;left:25%;top:-185px;box-shadow:0 0 0 24px rgba(255,255,255,.04),0 0 0 48px rgba(255,255,255,.03);pointer-events:none}.slide-copy{max-width:520px}.slide-eyebrow{color:#ffd9ed;font-size:12px;letter-spacing:1.8px}.slide-eyebrow::before{background:#ffd9ed}.slide h2{font-size:50px;line-height:1.28;letter-spacing:-1.5px;text-shadow:0 10px 28px rgba(20,3,28,.16)}.slide h2 span{color:#ffd4ed}.slide p{font-size:15px;line-height:2;color:rgba(255,255,255,.82)}.slide .cta-row{gap:14px}.slide-photo{width:408px;height:408px;border-radius:32px;border:8px solid rgba(255,255,255,.15);box-shadow:0 34px 66px -23px rgba(17,3,26,.58);animation:float 6s ease-in-out infinite}.slide-photo img{filter:saturate(1.06)}
.btn-solid{background:linear-gradient(135deg,#fff 0%,#fff0fa 58%,#f6cde6 100%)!important;color:#54206f!important;border:1px solid rgba(255,255,255,.92);box-shadow:0 16px 28px -13px rgba(22,4,30,.48),inset 0 0 0 1px rgba(255,255,255,.46);font-weight:800;letter-spacing:.1px}.btn-solid:hover{background:linear-gradient(135deg,#fff,#ffe0f2 65%,#f2bddd 100%)!important;color:#40144f!important;box-shadow:0 20px 36px -14px rgba(22,4,30,.55)}.code-chip{border-color:rgba(255,226,244,.55);background:rgba(255,255,255,.07);backdrop-filter:blur(6px)}
.hero-arrow{width:48px;height:48px;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.36);box-shadow:0 10px 28px -15px rgba(0,0,0,.35)}.hero-arrow:hover{background:rgba(255,255,255,.27);transform:translateY(-50%) scale(1.06)}.hero-dots button{background:rgba(255,255,255,.42)}.hero-dots button.active{background:#fff}
.features{max-width:1320px;margin-top:28px;gap:16px}.feature{padding:19px 21px;border:1px solid #eaddec;border-radius:18px;background:rgba(255,255,255,.74);box-shadow:var(--shadow-soft)}.feature:hover{border-color:#d7a0cc;box-shadow:0 20px 40px -25px rgba(101,31,133,.35)}.feature .ic{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#fce9f7,#eee1fb);color:#7e319f}.feature h4{font-size:14px}.feature p{color:#886f8c}
.section{max-width:1320px;padding-top:92px}.section-head{margin-bottom:26px}.section-head .eyebrow{color:#b2619c;letter-spacing:1.5px}.section-head .eyebrow::before{background:#cf80b8}.section-head h3{font-size:32px;letter-spacing:-.6px;color:#2e1539}.section-head p{color:#8a718d}.see-all{color:#752b98;border-bottom-color:transparent}.see-all:hover{color:#b24d99;border-color:#d986bd}
.cat-grid{grid-template-columns:repeat(4,1fr);gap:18px}.cat-item{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:15px;padding:12px 15px;border:1px solid #eadced;border-radius:18px;background:rgba(255,255,255,.68);text-align:right;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}.cat-item:hover{transform:translateY(-5px);border-color:#db9cc9;box-shadow:0 20px 34px -25px rgba(101,31,133,.42)}.cat-thumb{width:76px;height:76px;aspect-ratio:1;border-radius:22px;border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);background:linear-gradient(145deg,#f5d7ed,#ebe0f9);}.cat-item:hover .cat-thumb{transform:none;box-shadow:inset 0 0 0 2px #e0a2ca,0 8px 18px -14px #7c2aa3}.cat-item:hover .cat-thumb img{transform:scale(1.12)}.cat-item span{font-size:14px;color:#4b3156}.cat-item:hover span{color:#762d99}
.product-grid{grid-template-columns:repeat(4,1fr);gap:20px}.card{border:1px solid #eadced;border-radius:21px;background:rgba(255,255,255,.88);box-shadow:0 12px 30px -25px rgba(72,22,92,.4)}.card:hover{transform:translateY(-9px);border-color:#d995c7;box-shadow:0 28px 48px -27px rgba(90,25,116,.42)}.card-media{background:linear-gradient(150deg,#f9effc,#fff1f8);border-bottom:1px solid #f0e3f2}.card-media img.card-img{transition:opacity .55s ease,transform 1.2s cubic-bezier(.16,.72,.2,1)}.card:hover .card-media img.card-img-main,.card:hover .card-media img.card-img-alt{transform:scale(1.08)}.badge{top:14px;right:14px;left:auto;border-radius:999px;background:#67218e;color:#fff;box-shadow:0 7px 14px -10px #3a0b54}.badge.gold{background:#da6aa9}.wish{top:13px;left:13px;right:auto;width:36px;height:36px;border-radius:13px;border-color:#eadced;background:rgba(255,255,255,.88);color:#8c4ba1;backdrop-filter:blur(8px)}.wish:hover,.wish.active{background:#fff0f8;color:#c04f99;border-color:#e3a2ce}.card-body{padding:17px 18px 18px}.card-body .cat{color:#b86c9f;font-size:11px;letter-spacing:.5px}.card-body h4{font-size:14px;line-height:1.8;color:#3a2443}.price-row{margin-top:14px}.price .now{font-size:14px;color:#62218b}.price .old{color:#af99b0}.add-btn{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#7026a1,#c459a5);color:#fff;box-shadow:0 10px 18px -12px #632187}.add-btn:hover{background:linear-gradient(135deg,#531578,#db6db0);transform:translateY(-2px)}
.promo{max-width:1320px;margin:96px auto 0;border-radius:30px;background:radial-gradient(circle at 88% 22%,rgba(255,198,234,.22),transparent 28%),linear-gradient(110deg,#24102d,#4d1d68 56%,#8e3c87);border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 60px -35px rgba(50,10,65,.45)}.promo-inner{padding:54px 64px}.promo-copy .eyebrow{color:#ffd9ee}.promo-copy h3{color:#fff;font-size:30px}.promo-copy p{color:rgba(255,255,255,.74)}.promo .btn-outline{border-color:#ffd6ed;color:#fff;background:rgba(255,255,255,.06)}.promo .btn-outline:hover{background:#fff;color:#70268e}.promo .slide-photo{border-color:rgba(255,255,255,.25);box-shadow:0 24px 45px -22px rgba(17,3,26,.55)}
.newsletter{max-width:1320px;margin:80px auto 0;border-radius:30px;background:linear-gradient(115deg,#f5d9ed,#eadff9);border:1px solid #e8d7ef;box-shadow:var(--shadow-soft)}.newsletter-inner{padding:48px 34px}.newsletter h3{color:#351842;font-size:26px}.newsletter p{color:#806985}.news-form{background:rgba(255,255,255,.66);border-color:rgba(255,255,255,.7);box-shadow:0 10px 25px -20px #7c2aa3}.news-form input{color:#382042}.news-form input::placeholder{color:#a18ca6}.news-form button{background:linear-gradient(120deg,#70259a,#c356a7);color:#fff;box-shadow:0 10px 18px -12px #632187}.news-link{background:linear-gradient(120deg,#70259a,#c356a7);color:#fff;box-shadow:0 10px 18px -12px #632187}.news-link:hover{background:linear-gradient(120deg,#5c1e80,#b34f95)}
footer.site{margin-top:92px;background:linear-gradient(120deg,#211027,#361543);border-top:1px solid rgba(255,255,255,.1);color:#fff}.footer-grid{max-width:1320px;padding:62px 32px 45px}.footer-brand .logo{color:#ffd5ed}.footer-brand p,.footer-col a{color:rgba(255,255,255,.65)}.footer-col h5{color:#fff}.footer-col a:hover{color:#ffd7ee}.social-row a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#ffd4ec}.social-row a:hover{background:#fff;color:#70268f;border-color:#fff}.footer-bottom{max-width:1320px;border-top-color:rgba(255,255,255,.12);color:rgba(255,255,255,.5)}
.drawer-overlay{background:rgba(28,8,39,.56)}.drawer,.cart-drawer,.wish-drawer{background:linear-gradient(180deg,#fffafe,#f9f0fc)}.drawer-head,.cart-drawer-head{border-bottom-color:#eadced}.drawer-nav>a{border-bottom-color:#eadced}.drawer-accordion{border-bottom-color:#eadced}.drawer-actions{border-top-color:#eadced}.drawer-close{border-color:#eadced}.drawer-account-btn{border:1px solid rgba(255,255,255,.2)!important}.cart-drawer-foot{border-top-color:#eadced}.cart-item{border-bottom-color:#eadced}.mobile-bottom-nav{background:rgba(255,251,254,.95);border-top-color:#eadced}
@media(max-width:1080px){.slide{padding:68px 56px}.slide h2{font-size:42px}.slide-photo{width:340px;height:340px}.cat-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.header-row{padding:14px 20px}.hero{margin-top:20px;margin-inline:16px;border-radius:25px}.slide{min-height:520px;padding:50px 32px;justify-content:center;text-align:center}.slide h2{font-size:34px}.slide-copy{max-width:100%}.slide p{margin-left:auto;margin-right:auto}.slide-photo{width:230px;height:230px;border-radius:24px}.cat-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr);gap:14px}.section{padding-inline:20px}.promo,.newsletter{margin-inline:16px}.promo-inner{padding:38px 28px}}
@media(max-width:560px){.brand-name{font-size:25px}.logo svg{width:25px;height:25px}.section{padding-top:64px}.section-head h3{font-size:25px}.cat-grid{gap:10px}.cat-item{grid-template-columns:54px 1fr;gap:10px;padding:9px;border-radius:15px}.cat-thumb{width:54px;height:54px;border-radius:16px}.cat-item span{font-size:12px}.product-grid{grid-template-columns:repeat(2,1fr)}.card-body{padding:13px 12px 14px}.card-body h4{font-size:12px}.price .now{font-size:12px}.add-btn{width:34px;height:34px}.promo-inner{padding:30px 22px}.promo-copy h3{font-size:23px}.newsletter-inner{padding:34px 20px}.newsletter h3{font-size:22px}}

/* =========================== Popular products — editorial showcase =========================== */
.popular-section{position:relative;max-width:1390px;margin-top:24px;padding:72px 42px 84px;border-radius:38px;background:radial-gradient(circle at 7% 8%,rgba(240,177,221,.24),transparent 23%),radial-gradient(circle at 92% 72%,rgba(199,170,240,.20),transparent 28%),linear-gradient(135deg,#fff9fd 0%,#f8effb 52%,#fdf8fc 100%);overflow:hidden;isolation:isolate}
.popular-section::before{content:'NIXIE';position:absolute;left:-20px;bottom:-33px;color:rgba(108,41,135,.035);font-size:180px;font-weight:900;letter-spacing:-10px;line-height:1;pointer-events:none;z-index:-1}
.popular-section::after{content:'';position:absolute;top:38px;right:7%;width:130px;height:130px;border:1px solid rgba(196,112,177,.18);border-radius:50%;box-shadow:0 0 0 18px rgba(196,112,177,.035),0 0 0 36px rgba(196,112,177,.025);pointer-events:none;z-index:-1}
.popular-section .section-head{align-items:flex-end;margin-bottom:30px}.popular-section .section-head h3{font-size:38px;margin-top:10px;letter-spacing:-1.2px}.popular-section .section-head p{max-width:520px;font-size:13px}
.popular-section .section-head .eyebrow{font-size:10px;font-weight:900;letter-spacing:2.8px}.popular-section .section-head .eyebrow::before{width:34px;height:2px;background:linear-gradient(90deg,#d85ca8,#70268f)}
.popular-section-note{display:flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid rgba(211,142,197,.45);border-radius:999px;background:rgba(255,255,255,.62);color:#7b4a7f;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 10px 22px -18px #70268f}.popular-live-dot{width:7px;height:7px;border-radius:50%;background:#d85ca8;box-shadow:0 0 0 5px rgba(216,92,168,.12);animation:popularPulse 1.8s ease-in-out infinite}@keyframes popularPulse{50%{box-shadow:0 0 0 8px rgba(216,92,168,.03);opacity:.65}}
.popular-grid{grid-template-columns:repeat(4,1fr);gap:22px;position:relative;z-index:1}.popular-grid .card{border-color:rgba(215,177,218,.72);background:rgba(255,255,255,.88);box-shadow:0 18px 34px -28px rgba(89,28,111,.48);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}.popular-grid .card:hover{transform:translateY(-12px);border-color:#d58cc1;box-shadow:0 30px 55px -29px rgba(90,25,116,.48)}
.popular-grid .card:first-child{grid-column:span 2;grid-row:span 2}.popular-grid .card:first-child .card-media{aspect-ratio:1.38}.popular-grid .card:first-child .card-body{padding:22px 24px 24px}.popular-grid .card:first-child .card-body h4{font-size:18px}.popular-grid .card:first-child .price .now{font-size:16px}.popular-grid .card:first-child .card-media::after{content:'NIXIE PICK';position:absolute;bottom:14px;right:14px;z-index:3;padding:7px 11px;border-radius:999px;background:rgba(44,13,57,.66);color:#ffe4f3;font-size:9px;font-weight:900;letter-spacing:1.5px;backdrop-filter:blur(8px)}
.popular-grid .card:not(:first-child) .card-media{aspect-ratio:.95}.popular-grid .card:not(:first-child) .card-body{padding:15px 16px 17px}.popular-grid .card:not(:first-child) .card-body h4{font-size:13px}.popular-grid .card:not(:first-child) .price .now{font-size:13px}
.popular-grid .card-media{background:linear-gradient(145deg,#fdf3fb,#f2e8fa);}.popular-grid .card-media img.card-img{transition:opacity .55s ease,transform 1.25s cubic-bezier(.16,.72,.2,1)}.popular-grid .card:hover .card-media img.card-img-main,.popular-grid .card:hover .card-media img.card-img-alt{transform:scale(1.09)}
.popular-grid .badge{top:16px;right:16px}.popular-grid .wish{top:15px;left:15px}.popular-grid .card-mini-thumbs{padding:14px}
@media(max-width:1080px){.popular-section{padding-inline:28px}.popular-section .section-head h3{font-size:32px}}
@media(max-width:860px){.popular-section{margin-inline:16px;padding:54px 20px 60px;border-radius:28px}.popular-section .section-head{align-items:flex-start;gap:18px}.popular-section .section-head h3{font-size:29px}.popular-grid{grid-template-columns:repeat(2,1fr);gap:14px}.popular-grid .card:first-child{grid-column:span 2;grid-row:auto}.popular-grid .card:first-child .card-media{aspect-ratio:1.5}.popular-grid .card:not(:first-child) .card-media{aspect-ratio:1}.popular-section::before{font-size:110px}}
@media(max-width:560px){.popular-section{padding:44px 14px 48px}.popular-section .section-head h3{font-size:24px;letter-spacing:-.5px}.popular-section .section-head p{font-size:11px;line-height:1.9}.popular-section-note{font-size:10px;padding:8px 11px}.popular-grid{gap:10px}.popular-grid .card:first-child .card-body{padding:16px 14px 17px}.popular-grid .card:first-child .card-body h4{font-size:14px}.popular-grid .card:not(:first-child) .card-body{padding:11px 10px 13px}.popular-grid .card:not(:first-child) .card-body h4{font-size:11px}.popular-grid .card:not(:first-child) .price .now{font-size:10.5px}.popular-grid .card:not(:first-child) .add-btn{width:31px;height:31px}.popular-section::after{width:80px;height:80px;right:3%;top:22px}}

/* =========================== Popular products — equal-size cards =========================== */
.popular-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;grid-auto-rows:1fr}
.popular-grid .card:first-child{grid-column:auto;grid-row:auto}
.popular-grid .card:first-child .card-media,.popular-grid .card:not(:first-child) .card-media{aspect-ratio:1}
.popular-grid .card:first-child .card-body,.popular-grid .card:not(:first-child) .card-body{padding:17px 18px 18px}
.popular-grid .card:first-child .card-body h4,.popular-grid .card:not(:first-child) .card-body h4{font-size:14px}
.popular-grid .card:first-child .price .now,.popular-grid .card:not(:first-child) .price .now{font-size:14px}
.popular-grid .card:first-child .card-media::after{display:none}
.popular-grid .card{animation:popularCardIn .62s var(--ease) both}
.popular-grid .card:nth-child(2){animation-delay:.06s}.popular-grid .card:nth-child(3){animation-delay:.12s}.popular-grid .card:nth-child(4){animation-delay:.18s}.popular-grid .card:nth-child(5){animation-delay:.24s}.popular-grid .card:nth-child(6){animation-delay:.30s}.popular-grid .card:nth-child(7){animation-delay:.36s}.popular-grid .card:nth-child(8){animation-delay:.42s}
@keyframes popularCardIn{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
.popular-grid .card:hover{transform:translateY(-8px) scale(1.012);box-shadow:0 25px 46px -28px rgba(90,25,116,.5)}
.popular-grid .card-media img.card-img{transition:opacity .5s ease,transform .85s var(--ease),filter .5s ease}.popular-grid .card:hover .card-media img.card-img-main,.popular-grid .card:hover .card-media img.card-img-alt{transform:scale(1.06);filter:saturate(1.05)}
@media(max-width:860px){.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.popular-grid .card:first-child{grid-column:auto}.popular-grid .card:first-child .card-body,.popular-grid .card:not(:first-child) .card-body{padding:13px 12px 14px}.popular-grid .card:first-child .card-body h4,.popular-grid .card:not(:first-child) .card-body h4{font-size:12px}.popular-grid .card:first-child .price .now,.popular-grid .card:not(:first-child) .price .now{font-size:12px}}
@media(max-width:560px){.popular-grid .card:first-child .card-body,.popular-grid .card:not(:first-child) .card-body{padding:13px 10px 14px}.popular-grid .card:first-child .card-body h4,.popular-grid .card:not(:first-child) .card-body h4{font-size:11.5px}.popular-grid .card:first-child .price .now,.popular-grid .card:not(:first-child) .price .now{font-size:10.5px}.popular-grid .card:hover{transform:translateY(-5px) scale(1.008)}}
@media(prefers-reduced-motion:reduce){.popular-grid .card{animation:none}.popular-grid .card:hover{transform:none}}

/* =========================== Shared inner-page art direction =========================== */
.page-hero{max-width:1320px;margin:30px auto 0;padding:64px 32px;border-radius:30px;text-align:center;background:radial-gradient(circle at 50% -90%,rgba(255,255,255,.28),transparent 48%),linear-gradient(118deg,#2a1235,#6f2d88 54%,#c65fa9);color:#fff;box-shadow:0 26px 58px -32px rgba(52,13,70,.5);position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.2);border-radius:50%;left:8%;bottom:-180px;box-shadow:0 0 0 25px rgba(255,255,255,.04),0 0 0 50px rgba(255,255,255,.03)}.page-hero::after{content:'✦';position:absolute;top:26px;right:12%;color:#ffd8ed;font-size:23px;opacity:.8}.page-hero>*{position:relative;z-index:1}.page-hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;color:#ffd9ee;font-size:12px;letter-spacing:1.8px}.page-hero .eyebrow::before{content:'';width:20px;height:1px;background:#ffd9ee}.page-hero h1{margin:10px 0 12px;font-size:42px;letter-spacing:-1px}.page-hero p{max-width:540px;margin:0 auto;color:rgba(255,255,255,.8);font-size:14px;line-height:2}
.breadcrumb{max-width:1320px!important;padding-left:32px!important;padding-right:32px!important;margin-top:24px!important}.breadcrumb a:hover{color:#b24d99!important}.breadcrumb .current{color:#7c2aa3!important}
@media(max-width:860px){.page-hero{margin:18px 16px 0;padding:44px 22px;border-radius:24px}.page-hero h1{font-size:32px}.breadcrumb{padding-left:20px!important;padding-right:20px!important}}
@media(max-width:560px){.page-hero{padding:36px 18px}.page-hero h1{font-size:27px}.page-hero p{font-size:12px}}

/* =========================== Contrast corrections =========================== */
.newsletter-inner{background:radial-gradient(circle at 12% 12%,rgba(230,142,202,.18),transparent 32%),linear-gradient(120deg,#24102e 0%,#4b1b67 56%,#7d367c 100%)!important;border:1px solid rgba(255,255,255,.12)}
.newsletter-inner h3{color:#fff7fc!important;text-shadow:0 2px 18px rgba(20,3,28,.28);position:relative}
.newsletter-inner h3::after{content:'';display:block;width:52px;height:3px;border-radius:4px;background:linear-gradient(90deg,#ffd1ea,#e98bc7);margin:13px auto 0}
.newsletter-inner p{color:rgba(255,242,250,.78)!important}
.news-form{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.3)!important}.news-form input{color:#fff!important}.news-form input::placeholder{color:rgba(255,240,249,.64)!important}.news-form button{background:linear-gradient(120deg,#ffcae8,#e987c2)!important;color:#4c155d!important;box-shadow:0 12px 22px -15px rgba(20,3,28,.7);font-weight:800}
.social-row a,.social-row a[aria-label="اینستاگرام"],.social-row a[aria-label="تلگرام"]{background:linear-gradient(135deg,#fff7fc,#ffd8ec)!important;border:1px solid rgba(255,255,255,.8)!important;color:#67218e!important;box-shadow:0 10px 18px -15px rgba(20,3,28,.65)}.social-row a:hover{background:#fff!important;color:#c04f99!important;transform:translateY(-4px) scale(1.04)}.social-row svg{color:#67218e!important}.social-row a:hover svg{color:#c04f99!important}
.page-hero h1{color:#fff7fc!important;text-shadow:0 3px 18px rgba(26,3,34,.3)}.page-hero p{color:rgba(255,243,251,.84)!important}

/* =========================== Men's care & style contrast =========================== */
.promo-inner{background:radial-gradient(circle at 86% 18%,rgba(238,167,220,.2),transparent 27%),radial-gradient(circle at 12% 100%,rgba(129,77,181,.28),transparent 34%),linear-gradient(116deg,#24102d 0%,#4c1a68 54%,#84377f 100%)!important;border-color:rgba(255,255,255,.14);box-shadow:0 26px 60px -35px rgba(43,8,58,.6)}
.promo-inner::after{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,207,237,.07),rgba(255,255,255,0))!important}.promo-copy h3{color:#fff7fc!important;text-shadow:0 3px 16px rgba(18,2,25,.28)}.promo-copy p{color:rgba(255,243,251,.78)!important}.promo-copy .eyebrow{color:#ffd8ed!important}.promo .slide-photo{background:linear-gradient(145deg,#3b1852,#a44b91);border-color:rgba(255,255,255,.24)!important}.promo .slide-photo::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(42,12,55,.04),rgba(42,12,55,.28));pointer-events:none}.promo .slide-photo img{filter:saturate(.9) contrast(1.05)}.promo .btn-outline{background:linear-gradient(135deg,#fff3fa,#f4d1e7)!important;color:#5d1f79!important;border-color:rgba(255,255,255,.92)!important;box-shadow:0 12px 24px -16px rgba(20,3,28,.7)}.promo .btn-outline:hover{background:#fff!important;color:#7d2c9d!important}

/* =========================== Cart success toast =========================== */
.cart-toast{position:fixed;z-index:1200;left:28px;bottom:28px;width:min(460px,calc(100vw - 40px));display:grid;grid-template-columns:54px 1fr auto;grid-template-areas:'icon copy close' 'icon action close';align-items:center;column-gap:14px;row-gap:12px;padding:17px 18px 17px 17px;border:1px solid rgba(255,255,255,.25);border-radius:22px;background:linear-gradient(125deg,#281034 0%,#64218f 57%,#bf5da5 125%);color:#fff;box-shadow:0 26px 48px -22px rgba(36,8,50,.65),0 0 0 5px rgba(255,223,242,.12);opacity:0;transform:translateY(24px) scale(.95);transform-origin:bottom left;pointer-events:none;overflow:hidden;transition:opacity .38s ease,transform .48s cubic-bezier(.22,1,.36,1)}.cart-toast::before{content:'';position:absolute;width:180px;height:180px;right:-90px;top:-100px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 16px rgba(255,255,255,.04),0 0 0 32px rgba(255,255,255,.025);pointer-events:none}.cart-toast.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.cart-toast-icon{grid-area:icon;width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#ffe1f1,#efa5d0);color:#66208b;box-shadow:0 10px 22px -14px rgba(255,214,239,.75);animation:toastIconPop .65s cubic-bezier(.22,1,.36,1) both}.cart-toast-icon svg{width:27px;height:27px}.cart-toast-copy{grid-area:copy;display:flex;flex-direction:column;min-width:0}.cart-toast-kicker{color:#ffd6eb;font-size:10px;font-weight:800;letter-spacing:.6px;margin-bottom:3px}.cart-toast-copy strong{font-size:14px;line-height:1.8;color:#fff;white-space:nowrap}.cart-toast-name{font-size:11px;color:rgba(255,241,249,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-toast-action{grid-area:action;justify-self:start;display:inline-flex;align-items:center;gap:7px;color:#ffd9ed;font-size:11px;font-weight:800;border-bottom:1px solid rgba(255,217,237,.45);padding-bottom:2px;transition:color .2s,border-color .2s}.cart-toast-action:hover{color:#fff;border-color:#fff}.cart-toast-action span{font-size:15px;line-height:1}.cart-toast-close{grid-area:close;align-self:start;width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:rgba(255,255,255,.7);transition:background .2s,color .2s}.cart-toast-close:hover{background:rgba(255,255,255,.18);color:#fff}.cart-toast-close svg{width:13px;height:13px}.cart-toast-spark{position:absolute;color:#ffd2eb;font-style:normal;opacity:.8;animation:toastSpark 2.6s ease-in-out infinite}.cart-toast-spark.spark-a{right:62px;top:12px;font-size:13px}.cart-toast-spark.spark-b{right:42px;bottom:12px;font-size:10px;animation-delay:.7s}.cart-bump{animation:cartBump .65s cubic-bezier(.22,1,.36,1)!important}@keyframes toastIconPop{0%{opacity:0;transform:scale(.55) rotate(-14deg)}65%{transform:scale(1.12) rotate(4deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@keyframes toastSpark{0%,100%{opacity:.45;transform:translateY(0) rotate(0)}50%{opacity:1;transform:translateY(-5px) rotate(16deg)}}@keyframes cartBump{0%,100%{transform:scale(1)}35%{transform:scale(1.12) rotate(-2deg)}70%{transform:scale(.96)}}
/* =========================== Hero motion system =========================== */
.hero{isolation:isolate}.hero::before{animation:heroGridDrift 18s linear infinite}.hero::after{animation:heroOrbit 14s ease-in-out infinite}.slide-photo{position:relative;overflow:hidden}.slide-photo::before{content:'';position:absolute;z-index:2;inset:-30% -70%;background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.26) 50%,transparent 58%);transform:translateX(-70%) rotate(13deg);pointer-events:none;animation:heroSheen 7.5s ease-in-out infinite}.slide-photo::after{content:'';position:absolute;inset:7px;border:1px solid rgba(255,255,255,.2);border-radius:inherit;pointer-events:none}.slide.is-current .slide-copy>*{animation:heroTextIn .72s cubic-bezier(.22,1,.36,1) both}.slide.is-current .slide-copy>*:nth-child(2){animation-delay:.08s}.slide.is-current .slide-copy>*:nth-child(3){animation-delay:.16s}.slide.is-current .cta-row{animation-delay:.24s}.slide.is-current .slide-photo{animation:heroPhotoIn .8s cubic-bezier(.22,1,.36,1) both,heroPhotoFloat 6s 1s ease-in-out infinite}.slide.is-current .slide-photo img{animation:heroImageBreath 7s ease-in-out infinite}.hero-dots button{transition:transform .25s var(--ease),background .25s}.hero-dots button.active{transform:scale(1.25)}@keyframes heroGridDrift{from{background-position:0 0}to{background-position:48px 48px}}@keyframes heroOrbit{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(18px,14px) rotate(14deg)}}@keyframes heroSheen{0%,52%,100%{transform:translateX(-70%) rotate(13deg)}72%{transform:translateX(70%) rotate(13deg)}}@keyframes heroTextIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes heroPhotoIn{from{opacity:0;transform:translateX(-24px) scale(.92)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes heroPhotoFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes heroImageBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@media(max-width:560px){.cart-toast{left:16px;bottom:18px;width:calc(100vw - 32px);grid-template-columns:46px 1fr 27px;column-gap:11px;padding:14px}.cart-toast-icon{width:46px;height:46px;border-radius:15px}.cart-toast-copy strong{font-size:12px}.cart-toast-action{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cart-toast-icon,.cart-toast-spark,.cart-bump,.hero::before,.hero::after,.slide-photo::before,.slide.is-current .slide-photo,.slide.is-current .slide-photo img{animation:none!important}.slide.is-current .slide-copy>*{animation:none!important}}

/* =========================== Mobile menu refinement =========================== */
@media(max-width:900px){
  .burger{width:44px;height:44px;border:1px solid rgba(126,49,159,.16);border-radius:15px;background:linear-gradient(145deg,#fff,#faeafa);color:#6b268e;box-shadow:0 9px 20px -16px rgba(73,21,94,.6);transition:transform .25s var(--ease),box-shadow .25s}.burger:hover{transform:translateY(-2px);box-shadow:0 13px 24px -17px rgba(73,21,94,.72)}
  .drawer-overlay{background:rgba(35,12,47,.5);backdrop-filter:blur(5px)}
  .drawer{width:min(390px,calc(100vw - 22px));right:0;left:auto;top:0;bottom:0;padding:22px 17px 20px;background:linear-gradient(160deg,#fffaff 0%,#f7effa 57%,#f0e0f4 100%);box-shadow:-24px 0 70px -24px rgba(39,10,51,.52);border-left:1px solid rgba(255,255,255,.8);overflow-y:auto;overscroll-behavior:contain}
  .drawer::before{content:'';position:absolute;z-index:-1;width:250px;height:250px;top:-100px;right:-100px;border-radius:50%;background:radial-gradient(circle,rgba(222,128,194,.24),transparent 68%);pointer-events:none}.drawer::after{content:'';position:absolute;z-index:-1;width:180px;height:180px;bottom:100px;left:-110px;border-radius:50%;background:radial-gradient(circle,rgba(125,75,183,.14),transparent 70%);pointer-events:none}
  .drawer.open{animation:drawerSlideIn .42s cubic-bezier(.22,1,.36,1)}
  .drawer-head{padding:3px 2px 18px;margin-bottom:10px;border-bottom:1px solid rgba(112,43,139,.11)}.drawer-head .logo{display:flex;align-items:center;gap:8px;color:#6e2690}.drawer-head .brand-name{font-size:25px;letter-spacing:-.7px}.drawer-close{width:40px;height:40px;border:1px solid rgba(126,49,159,.14);border-radius:14px;background:#fff;color:#70259a;box-shadow:0 8px 18px -15px #622084;transition:transform .25s,background .25s}.drawer-close:hover{transform:rotate(8deg);background:#f8eafa}
  .drawer-nav{display:flex;flex-direction:column;gap:7px}.drawer-accordion,.drawer-nav> a{width:100%;min-height:49px;padding:0 15px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;color:#451c59;background:rgba(255,255,255,.62);border:1px solid transparent;font-size:13px;font-weight:800;transition:background .25s,color .25s,transform .25s,border-color .25s,box-shadow .25s}.drawer-nav> a{position:relative;justify-content:flex-start;gap:10px}.drawer-nav> a::after{content:'←';position:absolute;left:15px;color:#c178b4;font-size:15px;opacity:0;transform:translateX(5px);transition:opacity .25s,transform .25s}.drawer-nav> a:hover,.drawer-nav> a:focus-visible{background:#fff0fa;color:#70259a;border-color:#efcce7;transform:translateX(-3px);box-shadow:0 10px 20px -20px #6d248d}.drawer-nav> a:hover::after,.drawer-nav> a:focus-visible::after{opacity:1;transform:translateX(0)}
  .drawer-accordion{cursor:pointer;color:#fff;background:linear-gradient(120deg,#592070,#9e43a1);box-shadow:0 14px 24px -18px rgba(80,24,105,.78)}.drawer-accordion svg{width:17px;transition:transform .28s}.drawer-accordion.open svg{transform:rotate(180deg)}.drawer-accordion.open{background:linear-gradient(120deg,#70259a,#bd5aa9)}
  .drawer-cats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 3px;padding:0;max-height:0;opacity:0;overflow:hidden;border-radius:20px;background:rgba(246,233,250,.7);transition:max-height .42s cubic-bezier(.22,1,.36,1),opacity .25s,padding .42s,margin .42s}.drawer-cats.open{max-height:530px;margin:2px 3px 7px;padding:10px;opacity:1;animation:drawerCatsReveal .45s cubic-bezier(.22,1,.36,1)}.drawer-cats>a{min-height:44px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(189,137,202,.2);border-radius:13px;background:rgba(255,255,255,.77);color:#653376;font-size:11px;font-weight:700;transition:transform .25s,background .25s,color .25s,border-color .25s,box-shadow .25s}.drawer-cats>a::before{content:'✦';display:grid;place-items:center;width:18px;height:18px;border-radius:7px;background:#f5d9ef;color:#a14c9d;font-size:10px;flex:0 0 18px}.drawer-cats>a:hover,.drawer-cats>a:focus-visible{transform:translateY(-2px);background:#fff;color:#70259a;border-color:#dbabd1;box-shadow:0 9px 16px -15px #6e268d}.drawer-cats>a.active{background:linear-gradient(120deg,#70259a,#b65bac);border-color:transparent;color:#fff;box-shadow:0 12px 20px -15px #632080}.drawer-cats>a.active::before{background:rgba(255,255,255,.24);color:#fff}
  .drawer-subcats{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:6px;margin-top:2px;padding-top:8px;border-top:1px dashed rgba(145,77,157,.24)}.drawer-subcat{min-height:39px!important;padding-inline:9px!important;background:linear-gradient(120deg,#fff4fb,#f6eafb)!important;border-color:#ecd3e9!important;color:#713080!important;font-size:11px!important}.drawer-subcat::before{display:none!important}.drawer-subcat-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:#f1d4ec;color:#a34b9e;font-size:14px;flex:0 0 22px}.drawer-subcat:hover,.drawer-subcat:focus-visible{background:linear-gradient(120deg,#ffe8f5,#eadcf9)!important;color:#70259a!important}.drawer-subcat.active{background:linear-gradient(120deg,#edc2e2,#dbcaf3)!important;color:#4e1b64!important;border-color:#c793cb!important;box-shadow:none!important}.drawer-subcat.active .drawer-subcat-icon{background:#9a4ba4;color:#fff}
  .drawer-actions{margin-top:18px;padding-top:17px;border-top:1px solid rgba(112,43,139,.11)}.drawer-account-btn{width:100%;min-height:52px;border-radius:17px!important;justify-content:center!important;background:linear-gradient(120deg,#ffe5f3,#e8dafa)!important;color:#68227f!important;border:1px solid #e5c3e2!important;box-shadow:0 16px 25px -21px #67217e!important}.drawer-account-btn:hover{background:linear-gradient(120deg,#70259a,#ba5ba8)!important;color:#fff!important;transform:translateY(-3px)}
}
@keyframes drawerSlideIn{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:translateX(0)}}@keyframes drawerCatsReveal{from{transform:translateY(-6px);opacity:.2}to{transform:translateY(0);opacity:1}}
@media(max-width:520px){.drawer{width:calc(100vw - 14px);padding-inline:13px}.drawer-cats{grid-template-columns:1fr 1fr}.drawer-cats>a{font-size:10.5px;padding-inline:8px}.drawer-nav> a,.drawer-accordion{font-size:12px}}
@media(prefers-reduced-motion:reduce){.drawer,.drawer-cats,.drawer-cats>a,.drawer-nav>a,.burger,.drawer-close{animation:none!important;transition:none!important}}

/* =========================== Makeup accordion inside mobile categories =========================== */
@media(max-width:900px){
  .drawer-cat-toggle{grid-column:1/-1;min-height:46px;padding:0 11px;border:1px solid rgba(189,137,202,.2);border-radius:14px;background:rgba(255,255,255,.82);color:#653376;font:inherit;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .28s var(--ease),background .28s,color .28s,border-color .28s,box-shadow .28s}.drawer-cat-toggle:hover{transform:translateY(-2px);background:#fff;border-color:#dbabd1;box-shadow:0 10px 18px -17px #6e268d}.drawer-cat-toggle.active,.drawer-cat-toggle.open{background:linear-gradient(120deg,#70259a,#b65bac);border-color:transparent;color:#fff;box-shadow:0 12px 20px -15px #632080}.drawer-cat-label{display:flex;align-items:center;gap:8px}.drawer-cat-icon{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:#f5d9ef;color:#a14c9d;font-size:11px}.drawer-cat-toggle.active .drawer-cat-icon{background:rgba(255,255,255,.22);color:#fff}.drawer-cat-toggle svg{width:16px;height:16px;transition:transform .38s cubic-bezier(.22,1,.36,1)}.drawer-cat-toggle.open svg{transform:rotate(180deg)}
  .drawer-cats .drawer-subcats{grid-column:1/-1;align-self:start;display:grid;grid-template-columns:1fr;gap:6px;max-height:0;opacity:0;overflow:hidden;margin-top:0;padding-top:0;border-top:0;transform:translateY(-7px);transition:max-height .5s cubic-bezier(.22,1,.36,1),opacity .28s ease,margin-top .5s,padding-top .5s,transform .5s cubic-bezier(.22,1,.36,1)}.drawer-cats .drawer-subcats.open{max-height:190px;opacity:1;overflow:visible;margin-top:2px;padding-top:8px;border-top:1px dashed rgba(145,77,157,.24);transform:translateY(0);animation:makeupSubmenuIn .5s cubic-bezier(.22,1,.36,1)}.drawer-cats .drawer-subcat{min-height:38px!important;padding-inline:9px!important;border-radius:12px!important;background:linear-gradient(120deg,#fff5fb,#f7effb)!important;color:#713080!important;font-size:10.5px!important;box-shadow:none!important}.drawer-cats .drawer-subcat:hover,.drawer-cats .drawer-subcat:focus-visible{transform:translateX(-3px);background:linear-gradient(120deg,#ffe8f5,#eadcf9)!important;color:#70259a!important}.drawer-cats .drawer-subcat.active{background:linear-gradient(120deg,#edc2e2,#dbcaf3)!important;border-color:#c793cb!important;color:#4e1b64!important}.drawer-cats .drawer-subcat::before{display:none!important}.drawer-cats .drawer-subcat-icon{display:grid;width:21px;height:21px;border-radius:7px;background:#f1d4ec;color:#a34b9e;font-size:13px;flex:0 0 21px}.drawer-cats .drawer-subcat.active .drawer-subcat-icon{background:#9a4ba4;color:#fff}
  .drawer-cats.open{max-height:760px;overflow:visible}
}
@keyframes makeupSubmenuIn{0%{opacity:0;transform:translateY(-9px) scaleY(.84);transform-origin:top}70%{opacity:1;transform:translateY(2px) scaleY(1.02)}100%{opacity:1;transform:translateY(0) scaleY(1)}}
@media(prefers-reduced-motion:reduce){.drawer-cat-toggle,.drawer-cat-toggle svg,.drawer-cats .drawer-subcats,.drawer-cats .drawer-subcat{animation:none!important;transition:none!important}}

/* =========================== Mobile account avatar =========================== */
.account-avatar{display:none;}
@media(max-width:860px){
  .pill-btn .account-avatar,
  .drawer-account-btn .account-avatar{display:block!important;visibility:visible;opacity:1;width:24px;height:24px;min-width:24px;border-radius:50%;object-fit:cover;flex:none;}
  .pill-btn > svg{display:none;}
}

/* =========================== Desktop makeup submenu visual treatment =========================== */
@media(min-width:861px){
  .mega-makeup-subcats{gap:7px;margin-top:4px;padding:6px 4px 2px;border-top:1px solid #f0e2f1;}
  .mega-makeup.open .mega-makeup-subcats{max-height:170px;}
  .mega-makeup-subcats a{display:flex!important;align-items:center;gap:8px;min-height:34px;padding:6px 8px!important;border:1px solid #eadced;border-radius:10px;background:linear-gradient(120deg,#fff8fc,#f7effb);font-size:12.5px!important;font-weight:700;color:#5e2c70!important;text-align:right;box-shadow:0 7px 14px -14px #632080;transition:transform .2s,background .2s,border-color .2s,color .2s,box-shadow .2s;}
  .mega-makeup-subcats a::before{display:grid!important;place-items:center;content:'✦';width:22px;height:22px;flex:0 0 22px;margin:0!important;border-radius:8px;background:#f1d8ef;color:#a34d9f;font-size:12px;opacity:1!important;}
  .mega-makeup-subcats a:nth-child(2)::before{content:'♡';background:#f5dfec;color:#b04d91;}
  .mega-makeup-subcats a:nth-child(3)::before{content:'◌';background:#e8def7;color:#7e4ba1;}
  .mega-makeup-subcats a:hover{transform:translateX(-3px);background:linear-gradient(120deg,#fff0f8,#eee3fb);border-color:#d8add1;color:#70259a!important;box-shadow:0 10px 18px -14px #632080;}
}

/* Larger account avatar display */
.pill-btn .account-avatar,.drawer-account-btn .account-avatar{width:31px;height:31px;min-width:31px;border-radius:50%;object-fit:cover;transform:scale(1.08)}
@media(max-width:700px){.pill-btn .account-avatar,.drawer-account-btn .account-avatar{width:30px;height:30px;min-width:30px}}

/* Nixie Shop brand logo */
.brand-logo-image{display:block;width:76px;height:76px;object-fit:contain;object-position:center;flex:none;filter:drop-shadow(0 7px 13px rgba(120,35,105,.18));transition:transform .25s ease}.logo:hover .brand-logo-image{transform:scale(1.04)}.logo-col .logo{gap:8px}.drawer-brand-logo{width:82px;height:82px}.footer-brand-logo{width:108px;height:108px}.footer-brand .logo{display:inline-flex}.footer-brand .logo .brand-logo-image{filter:drop-shadow(0 7px 13px rgba(255,160,220,.2))}@media(max-width:860px){.brand-logo-image{width:65px;height:65px}.drawer-brand-logo{width:78px;height:78px}}@media(max-width:560px){.brand-logo-image{width:58px;height:58px}.drawer-brand-logo{width:74px;height:74px}.footer-brand-logo{width:92px;height:92px}}

/* Complete makeup subcategory redesign */
@media(min-width:861px){.mega-makeup{position:relative}.mega-makeup-subcats{display:grid!important;grid-template-columns:1fr;gap:8px!important;width:270px!important;margin:8px -10px 0!important;padding:12px!important;border:1px solid #ecd8ef!important;border-radius:18px!important;background:linear-gradient(145deg,#fffafd,#f7effb)!important;box-shadow:0 18px 30px -24px #64217c!important;overflow:visible!important}.mega-makeup-subcats a{display:flex!important;align-items:center!important;gap:10px!important;min-height:54px!important;padding:9px 10px!important;border:1px solid #eddced!important;border-radius:13px!important;background:#fff!important;text-decoration:none!important;white-space:normal!important;text-align:right!important;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s!important}.mega-makeup-subcats a:hover{transform:translateX(-4px)!important;border-color:#dca5d2!important;background:linear-gradient(120deg,#fff5fc,#f3eafb)!important;box-shadow:0 10px 20px -17px #6e2889!important}.mega-makeup-subcats .submenu-symbol{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:10px;background:#f5dff0;color:#a54b9e;font-size:16px}.mega-makeup-subcats a:nth-child(2) .submenu-symbol{background:#f7e4ec;color:#bd4f91}.mega-makeup-subcats a:nth-child(3) .submenu-symbol{background:#e8def8;color:#7950a5}.mega-makeup-subcats a>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.mega-makeup-subcats b{color:#4e235f!important;font-size:12px!important;font-weight:900!important;line-height:1.4}.mega-makeup-subcats small{display:block;color:#9b849f;font-size:9px;line-height:1.5;white-space:nowrap}.mega-makeup-subcats:before{content:'زیرشاخه‌های آرایشی';display:block;padding:0 4px 3px;color:#b1539f;font-size:10px;font-weight:900}}
@media(max-width:860px){.drawer-subcats{gap:9px!important;padding:12px 10px 10px!important;border:1px solid #ecd9ef!important;border-radius:16px!important;background:linear-gradient(145deg,#fffafd,#f8effb)!important;box-shadow:inset 0 1px #fff!important}.drawer-cats .drawer-subcat{display:flex!important;align-items:center!important;gap:10px!important;min-height:56px!important;padding:9px 11px!important;border:1px solid #eddced!important;border-radius:13px!important;background:#fff!important;white-space:normal!important;text-align:right!important}.drawer-cats .drawer-subcat:hover,.drawer-cats .drawer-subcat:focus-visible{transform:translateX(-3px);background:linear-gradient(120deg,#fff0f8,#eee3fb)!important;border-color:#d8add1!important}.drawer-cats .drawer-subcat-icon{width:31px!important;height:31px!important;flex:0 0 31px!important;border-radius:10px!important;font-size:16px!important}.drawer-cats .drawer-subcat>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.drawer-cats .drawer-subcat b{color:#4e235f;font-size:11px;font-weight:900;line-height:1.4}.drawer-cats .drawer-subcat small{display:block;color:#9b849f;font-size:8.5px;line-height:1.5;white-space:nowrap}.drawer-cat-label{font-weight:900}.drawer-cat-toggle{min-height:48px!important;padding:10px 12px!important;border-radius:14px!important}}

/* Final category menu layout: ordered desktop panel + mobile list accordion */
@media(min-width:861px){
  .mega-panel-cats{display:grid!important;grid-template-columns:repeat(7,minmax(78px,1fr))!important;align-items:start!important;gap:12px!important;width:min(760px,calc(100vw - 44px))!important;padding:18px!important;overflow:visible!important}
  .mega-panel-cats>a,.mega-panel-cats>.mega-makeup{min-width:0!important;width:100%!important}
  .mega-panel-cats>a{display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;padding:4px!important;text-align:center!important}
  .mega-panel-cats>a img,.mega-panel-cats>.mega-makeup .mega-makeup-toggle img{width:68px!important;height:68px!important;aspect-ratio:1!important}
  .mega-panel-cats>a span,.mega-panel-cats>.mega-makeup .mega-makeup-toggle span{display:block!important;white-space:nowrap!important;font-size:11px!important;font-weight:800!important}
  .mega-panel-cats>.mega-makeup{position:relative!important;display:block!important}
  .mega-panel-cats>.mega-makeup .mega-makeup-toggle{width:100%!important;height:auto!important}
  .mega-panel-cats>.mega-makeup .mega-makeup-subcats{position:absolute!important;top:100%!important;right:50%!important;transform:translateX(50%)!important;display:none!important;grid-template-columns:1fr!important;width:290px!important;margin:10px 0 0!important;padding:12px!important;z-index:40!important}
  .mega-panel-cats>.mega-makeup.open .mega-makeup-subcats{display:grid!important}
  .mega-panel-cats>.mega-makeup .mega-makeup-subcats:before{display:block!important;text-align:right!important}
  .mega-panel-cats>.mega-makeup .mega-makeup-subcats a{flex-direction:row!important;justify-content:flex-start!important}
}
@media(max-width:860px){
  .drawer-nav{padding:12px 18px!important}
  .drawer-nav>a,.drawer-accordion{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:52px!important;padding:14px 5px!important;border-bottom:1px solid #eadced!important;font-size:14px!important;font-weight:800!important;color:#4b2459!important}
  .drawer-cats{display:flex!important;flex-direction:column!important;gap:5px!important;max-height:0!important;padding:0!important;overflow:hidden!important;border-bottom:1px solid transparent!important;transition:max-height .42s cubic-bezier(.22,1,.36,1),padding .35s ease!important}
  .drawer-cats.open{max-height:900px!important;padding:8px 0 12px!important;border-bottom-color:#eadced!important}
  .drawer-cats>a{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:46px!important;padding:10px 12px!important;border-radius:12px!important;background:rgba(255,255,255,.65)!important;color:#6c3b78!important;font-size:13px!important;font-weight:700!important;white-space:nowrap!important;transition:transform .2s,background .2s,color .2s!important}
  .drawer-cats>a:hover,.drawer-cats>a:focus-visible{transform:translateX(-3px)!important;background:linear-gradient(120deg,#fff0f8,#eee3fb)!important;color:#70259a!important}
  .drawer-cat-toggle{margin-top:3px!important;background:linear-gradient(120deg,#fff0f8,#f1e7fb)!important;border:1px solid #ecd5ed!important;box-shadow:0 8px 18px -18px #6d2787!important}
  .drawer-cat-toggle.open{border-color:#d49bcf!important;background:linear-gradient(120deg,#f8daec,#e9def8)!important;color:#602070!important}
  .drawer-subcats{display:flex!important;flex-direction:column!important;gap:7px!important;max-height:0!important;margin:0!important;padding:0 9px!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:max-height .42s cubic-bezier(.22,1,.36,1),padding .35s ease!important}
  .drawer-subcats.open{max-height:280px!important;padding:9px 9px 10px!important;border-right:2px solid #d69bca!important}
  .drawer-cats .drawer-subcat{width:100%!important;box-sizing:border-box!important;min-height:57px!important;padding:9px 11px!important;background:#fff!important}
  .drawer-cats .drawer-subcat>span:last-child{flex:1!important}
}

/* Category sizing and complete mobile list correction */
@media(min-width:861px){
  .mega-panel-cats{grid-template-columns:repeat(4,minmax(110px,1fr))!important;width:min(680px,calc(100vw - 44px))!important;gap:16px 13px!important;padding:20px!important}
  .mega-panel-cats>a img,.mega-panel-cats>.mega-makeup .mega-makeup-toggle img{width:88px!important;height:88px!important}
  .mega-panel-cats>a span,.mega-panel-cats>.mega-makeup .mega-makeup-toggle span{font-size:12px!important}
  .mega-panel-cats>.mega-makeup .mega-makeup-subcats{width:310px!important}
}
@media(max-width:860px){
  .drawer{overflow:hidden!important}
  .drawer-nav{min-height:0!important;overflow-y:auto!important;padding-bottom:18px!important}
  .drawer-cats.open{max-height:1200px!important;overflow:visible!important}
  .drawer-cats>a,.drawer-cats>.drawer-cat-toggle{flex:0 0 auto!important}
  .drawer-cats>a:nth-of-type(1),.drawer-cats>a:nth-of-type(2),.drawer-cats>a:nth-of-type(3),.drawer-cats>a:nth-of-type(4),.drawer-cats>a:nth-of-type(5),.drawer-cats>a:nth-of-type(6),.drawer-cats>a:nth-of-type(7){display:flex!important;visibility:visible!important}
  .drawer-cats>.drawer-cat-toggle{display:flex!important;visibility:visible!important}
  .drawer-subcats.open{max-height:320px!important}
}

/* Four trust features now appear below the newsletter */
.newsletter + .features{margin-top:36px}
.features{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:860px){.features{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px}}
@media(max-width:560px){.newsletter + .features{margin-top:28px}.features{grid-template-columns:1fr 1fr;gap:10px;padding-inline:18px}.feature{padding:14px 12px;gap:9px;align-items:flex-start}.feature .ic{width:38px;height:38px}.feature .ic svg{width:19px;height:19px}.feature h4{font-size:12px}.feature p{font-size:10px;line-height:1.7}}

/* =========================== Compact mobile footer =========================== */
@media(max-width:560px){
  footer.site{margin-top:44px;background:linear-gradient(155deg,#25102f 0%,#3c174b 58%,#24102e 100%);}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:28px 14px 20px;text-align:right;}
  .footer-brand{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px 20px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.14);}
  .footer-brand .logo{margin:0 0 7px;}
  .footer-brand-logo{width:78px;height:78px;filter:drop-shadow(0 8px 18px rgba(255,160,220,.28));}
  .footer-brand p{max-width:300px;margin:0;color:rgba(255,255,255,.72);font-size:10px;line-height:1.9;}
  .footer-brand .social-row{margin-top:12px;gap:8px;}
  .social-row a{width:31px;height:31px;background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.2)!important;color:#ffd8ef!important;}
  .social-row svg{width:14px;height:14px;color:inherit!important;}
  .footer-col{padding:13px 11px 11px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.06);}
  .footer-col h5{margin:0 0 10px;color:#fff;font-size:11px;}
  .footer-col ul li{margin-bottom:6px;line-height:1.45;}
  .footer-col ul li:last-child{margin-bottom:0;}
  .footer-col a{font-size:9.5px;color:rgba(255,255,255,.7);}
  .footer-bottom{display:flex;flex-direction:column;gap:3px;padding:13px 12px;font-size:8px;line-height:1.7;text-align:center;color:rgba(255,255,255,.52);border-top-color:rgba(255,255,255,.14);}
}
@media(max-width:360px){
  .footer-grid{column-gap:8px;padding-inline:10px;}
  .footer-brand-logo{width:70px;height:70px;}
  .footer-brand p{font-size:9px;}
  .footer-col{padding-inline:8px;}
  .footer-col h5{font-size:10px;}
  .footer-col a{font-size:8.5px;}
  .footer-bottom{font-size:7.5px;}
}