/* Tara Incense v2 — Jyoti-style storefront layout, Tara magenta brand. */
:root{
  --brand:#DC127B; --brand-dark:#B40F64; --brand-soft:#FCE8F2;
  --ink:#222; --ink-2:#444; --muted:#666; --line:#EEE; --line-2:#DEDEDE;
  --cream:#FFF4E7; --grey:#F5F5F5; --white:#fff; --black:#111;
  --serif:"Merriweather", Georgia, serif; --sans:"Jost", system-ui, -apple-system, "Segoe UI", sans-serif; --hindi:"Tiro Devanagari Hindi", serif;
  --wrap:1320px; --gut:clamp(14px,3vw,30px); --r:10px; --r-sm:6px;
  --shadow:0 10px 30px rgba(0,0,0,.08); --ease:cubic-bezier(.22,1,.36,1);
  --hh:76px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.25;margin:0}
p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-60px;z-index:999;background:var(--ink);color:#fff;padding:8px 14px;border-radius:4px}
.skip:focus{top:12px}
.wrap{width:min(var(--wrap),100% - 2*var(--gut));margin-inline:auto}
.hindi{font-family:var(--hindi)}
.muted{color:var(--muted);font-size:14px}
.hp{position:absolute;left:-9999px;opacity:0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 26px;border-radius:var(--r-sm);font-weight:500;font-size:15px;letter-spacing:.01em;transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease);white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn--brand{background:var(--brand);color:#fff}
.btn--brand:hover{background:var(--brand-dark)}
.btn--dark{background:var(--black);color:#fff}
.btn--dark:hover{background:#333}
.btn--light{background:#fff;color:var(--ink)}
.btn--light:hover{background:var(--brand);color:#fff}
.btn--outline{border:1px solid var(--ink);color:var(--ink);background:transparent}
.btn--outline:hover{background:var(--ink);color:#fff}
.btn--block{width:100%}
.link-u{display:inline-block;font-weight:500;border-bottom:1.5px solid currentColor;padding-bottom:2px;transition:color .2s}
.link-u:hover{color:var(--brand)}

/* announcement + sub bar */
.announce{background:var(--brand);color:#fff;text-align:center;font-size:14px;font-weight:500}
.announce__inner{padding:9px 0}
.announce p{margin:0}
.subbar{border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.subbar__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:7px 0}
.subbar__social{display:flex;gap:14px}
.subbar__social a{display:grid;place-items:center;width:22px;height:22px;transition:color .2s}
.subbar__social a:hover{color:var(--brand)}
.subbar__text{margin:0;text-align:center}
.subbar__text a{text-decoration:underline;text-underline-offset:2px}
.subbar__phone{justify-self:end}
@media (max-width:860px){.subbar__inner{grid-template-columns:1fr}.subbar__social,.subbar__phone{display:none}}

/* header */
.header{position:sticky;top:0;z-index:60;background:#fff;transition:box-shadow .3s}
.header.is-stuck{box-shadow:0 2px 18px rgba(0,0,0,.08)}
.header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;height:var(--hh)}
.header__logo img{height:52px;width:auto;transition:height .3s}
.header.is-stuck .header__logo img{height:44px}
.header__burger{display:none;width:40px;height:40px;position:relative}
.header__burger span{position:absolute;left:9px;width:22px;height:1.6px;background:var(--ink)}
.header__burger span:nth-child(1){top:13px}.header__burger span:nth-child(2){top:19px}.header__burger span:nth-child(3){top:25px}
.nav ul{list-style:none;margin:0;padding:0}
.nav>ul{display:flex;justify-content:center;gap:clamp(14px,2.2vw,34px)}
.nav__item{position:relative}
.nav__link{display:inline-flex;align-items:center;gap:4px;height:var(--hh);font-size:15px;font-weight:500;position:relative}
.nav__link::after{content:"";position:absolute;left:0;right:0;bottom:22px;height:1.5px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav__link:hover::after,.nav__link.is-active::after,.nav__item:focus-within .nav__link::after{transform:scaleX(1)}
.nav__link.is-active{color:var(--brand)}
.nav__chev{transition:transform .3s}
.has-drop:hover .nav__chev,.has-drop.is-open .nav__chev{transform:rotate(180deg)}
.drop{position:absolute;left:50%;top:100%;transform:translate(-50%,12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .35s var(--ease),visibility .25s;background:#fff;border-radius:var(--r);box-shadow:0 24px 60px rgba(0,0,0,.14);padding:26px;min-width:680px;z-index:70}
.has-drop:hover .drop,.has-drop:focus-within .drop,.has-drop.is-open .drop{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.drop__grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:26px}
.drop__title{font-family:var(--serif);font-size:16px;margin:0 0 10px}
.drop__col ul{display:grid;gap:2px}
.drop__col a{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:15px;color:var(--ink-2);transition:color .2s,padding .25s var(--ease)}
.drop__col a span{color:#aaa;font-size:13px}
.drop__col a:hover{color:var(--brand);padding-left:6px}
.drop__feature{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:200px;border-radius:var(--r);background:linear-gradient(160deg,#3b2417,#1d120c);color:#fff;padding:18px;overflow:hidden}
.drop__feature img{position:absolute;left:50%;top:38%;width:110%;transform:translate(-50%,-50%) rotate(-10deg);filter:drop-shadow(0 18px 20px rgba(0,0,0,.45));transition:transform .6s var(--ease)}
.drop__feature:hover img{transform:translate(-50%,-54%) rotate(-6deg) scale(1.04)}
.drop__feature-t{position:relative;font-family:var(--serif);font-size:18px;line-height:1.3}
.drop__feature-t em{color:#f9b5d6}
.drop__feature-cta{position:relative;font-size:13px;margin-top:6px;opacity:.85}
.header__icons{display:flex;align-items:center;gap:6px}
.icon-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;transition:background .2s,color .2s}
.icon-btn:hover{background:var(--grey);color:var(--brand)}
.count{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--brand);color:#fff;font:600 11px/18px var(--sans);text-align:center;font-style:normal}
.count.bump{animation:bump .5s var(--ease)}
@keyframes bump{40%{transform:scale(1.45)}}
@media (max-width:980px){
  .nav{display:none}
  .header__burger{display:block}
  .header__inner{grid-template-columns:1fr auto 1fr;gap:8px}
  .header__logo{justify-self:center}
  .header__logo img{height:44px}
  .header__icons{justify-self:end}
  .icon-btn--hide-sm{display:none}
}

/* mobile menu */
.mmenu{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.mmenu.is-open{opacity:1;visibility:visible}
.mmenu__panel{position:absolute;inset:0 auto 0 0;width:min(86vw,360px);background:#fff;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .4s var(--ease);overflow:auto}
.mmenu.is-open .mmenu__panel{transform:none}
.mmenu__head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.mmenu__head img{height:40px;width:auto}
.mmenu__list{list-style:none;margin:0;padding:8px 0;flex:1}
.mmenu__list>li>a,.mmenu__toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;font-size:17px;font-weight:500;border-bottom:1px solid var(--line);text-align:left}
.mmenu__toggle[aria-expanded="true"] svg{transform:rotate(45deg)}
.mmenu__toggle svg{transition:transform .3s}
.mmenu__sub{list-style:none;margin:0;padding:4px 0 8px 20px;background:var(--grey)}
.mmenu__sub a{display:block;padding:10px 20px;font-size:15px;color:var(--ink-2)}
.mmenu__foot{display:grid;gap:6px;padding:18px 20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}

/* hero */
.hero{position:relative;background:#1b120d}
.hero__swiper{height:clamp(420px,62vh,620px)}
.hero__slide{position:relative;overflow:hidden;color:#fff}
.hero__slide--amber{background:radial-gradient(120% 120% at 75% 55%,#9c5a22 0%,#4a2612 45%,#1a0e08 100%)}
.hero__slide--forest{background:radial-gradient(120% 120% at 75% 55%,#4f6a35 0%,#203216 48%,#0b1408 100%)}
.hero__slide--plum{background:radial-gradient(120% 120% at 75% 55%,#8d2a6a 0%,#40102f 48%,#160612 100%)}
.hero__smoke{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.9}
.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(16px,4vw,60px);height:100%}
.hero__eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;opacity:.8;margin-bottom:14px}
.hero__title{font-size:clamp(30px,4.2vw,54px);line-height:1.18;max-width:14ch;margin-bottom:26px}
.hero__cta{display:inline-block;font-weight:500;font-size:16px;border-bottom:1.5px solid #fff;padding-bottom:3px;transition:color .2s,border-color .2s}
.hero__cta:hover{color:#f9b5d6;border-color:#f9b5d6}
.hero__art{position:relative;display:grid;place-items:center}
.hero__art img{width:min(100%,640px);transform:rotate(-9deg);filter:drop-shadow(0 34px 36px rgba(0,0,0,.55)) drop-shadow(0 6px 8px rgba(0,0,0,.3))}
.hero__glow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,200,140,.28),transparent);filter:blur(10px)}
.hero__slide--forest .hero__glow{background:radial-gradient(closest-side,rgba(210,255,170,.22),transparent)}
.hero__slide--plum .hero__glow{background:radial-gradient(closest-side,rgba(255,160,220,.25),transparent)}
.hero .hero__dots{position:absolute;left:auto!important;right:clamp(14px,3vw,30px)!important;top:50%!important;bottom:auto!important;width:auto!important;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:10px}
.hero__dots .swiper-pagination-bullet{width:10px;height:10px;margin:0!important;background:transparent;border:1.5px solid #fff;opacity:.7;transition:all .3s}
.hero__dots .swiper-pagination-bullet-active{background:#fff;opacity:1;height:24px;border-radius:6px}
.hero__nav{position:absolute;bottom:22px;z-index:5;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;backdrop-filter:blur(6px);transition:background .2s}
.hero__nav:hover{background:var(--brand)}
.hero__nav--prev{left:calc(50% - 50px)}.hero__nav--next{left:calc(50% + 8px)}
@media (max-width:760px){
  .hero__swiper{height:auto}
  .hero__swiper .swiper-wrapper{align-items:stretch}
  .hero__slide{height:auto!important}
  .hero__inner{min-height:100%}
  .hero__inner{grid-template-columns:1fr;text-align:center;padding:30px 0 70px;gap:4px}
  .hero__copy{order:2}
  .hero__art{order:1}
  .hero__art{padding:10px 0 30px}
  .hero__art img{width:84%}
  .hero__title{margin-inline:auto;font-size:28px;margin-bottom:18px}
  .hero .hero__dots{flex-direction:row;top:auto!important;bottom:26px!important;right:auto!important;left:20px!important;transform:none}
  .hero__dots .swiper-pagination-bullet-active{height:10px;width:24px}
  .hero__nav--prev{left:auto;right:64px}.hero__nav--next{left:auto;right:16px}
  .hero__nav{bottom:16px}
}

/* sections */
.sec{padding:clamp(48px,7vw,80px) 0}
.sec--tight{padding:clamp(28px,4vw,48px) 0}
.sec--cream{background:var(--cream)}
.sec--grey{background:var(--grey)}
.sec__head{text-align:center;max-width:760px;margin:0 auto clamp(26px,4vw,40px)}
.sec__head--row{display:flex;justify-content:space-between;align-items:center;text-align:left;max-width:none;gap:16px}
.sec__title{font-size:clamp(26px,3vw,36px);margin-bottom:10px}
.sec__title--left{text-align:left}
.sec__title--light{color:#fff;text-align:center;margin-bottom:30px}
.sec__sub{color:var(--muted);margin:0}
.sec__more{text-align:center;margin-top:34px}

/* grids + cards */
.grid{display:grid;gap:clamp(12px,1.8vw,24px)}
.grid--cards{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1100px){.grid--4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.grid--cards,.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:340px){.grid--cards,.grid--4{grid-template-columns:1fr}}
@media (max-width:560px){.grid--3{grid-template-columns:1fr}}
.card{display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:var(--r);padding:12px;background:#fff;transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.card.is-hidden{display:none}
.card__media{position:relative;display:grid;place-items:center;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--tint) 16%,#fff),color-mix(in srgb,var(--tint) 30%,#f4f0ea))}
.card__media img{width:92%;transform:rotate(-10deg);filter:drop-shadow(0 16px 16px rgba(0,0,0,.25));transition:transform .7s var(--ease)}
.card:hover .card__media img{transform:rotate(-5deg) scale(1.07)}
.card__badge{position:absolute;top:10px;left:10px;z-index:2;background:#fff;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500;color:var(--ink-2)}
.card__quick{position:absolute;left:50%;bottom:12px;transform:translate(-50%,12px);opacity:0;display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--ink);border-radius:20px;padding:7px 14px;font-size:13px;font-weight:500;box-shadow:0 6px 18px rgba(0,0,0,.12);transition:opacity .3s,transform .35s var(--ease),background .2s,color .2s}
.card:hover .card__quick,.card__quick:focus-visible{opacity:1;transform:translate(-50%,0)}
.card__quick:hover{background:var(--ink);color:#fff}
@media (hover:none){.card__quick{opacity:1;transform:translate(-50%,0);padding:6px 10px}.card__quick span{display:none}}
.card__body{padding:12px 2px 10px;flex:1}
.card__title{font-family:var(--sans);font-size:16px;font-weight:500;line-height:1.35;margin-bottom:2px}
.card__title a:hover{color:var(--brand)}
.card__hindi{color:#888;font-size:14px;margin:0 0 6px}
.card__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.price{color:var(--brand);font-weight:600;font-size:17px}
.price--lg{font-size:28px}
.weight{color:#888;font-size:13px}
.card__add{min-height:42px;font-size:14px}
.card__add.is-added{background:var(--ink)}
@media (max-width:560px){.card{padding:8px}.card__title{font-size:14px}.card__add{min-height:38px;font-size:13px;padding:0 8px}.price{font-size:15px}}

/* promo banners */
.promo{position:relative;overflow:hidden;color:#fff;min-height:clamp(240px,32vw,360px);display:flex;align-items:center}
.promo--wood{background:linear-gradient(110deg,#140b06 0%,#3d2414 55%,#6b4223 100%)}
.promo--saffron{background:linear-gradient(110deg,#5a2a05 0%,#a35a14 55%,#d78b2a 100%)}
.promo__smoke{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.promo__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:30px 0}
.promo--left .promo__img{order:2}
.promo__img{width:min(100%,560px);justify-self:center;transform:rotate(-8deg);filter:drop-shadow(0 30px 30px rgba(0,0,0,.5))}
.promo__copy h2{font-size:clamp(24px,3vw,38px);margin-bottom:20px;max-width:18ch}
@media (max-width:760px){.promo__inner{grid-template-columns:1fr;text-align:center}.promo--left .promo__img{order:0}.promo__copy h2{margin-inline:auto}.promo__img{width:78%}}

/* shop by pack */
.packs{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(10px,1.5vw,20px)}
.pack{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.pack__img{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:50%;background:var(--tint);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s}
.pack__img img{width:96%;transform:rotate(-14deg);filter:drop-shadow(0 12px 12px rgba(0,0,0,.2));transition:transform .6s var(--ease)}
.pack:hover .pack__img{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.1)}
.pack:hover .pack__img img{transform:rotate(-6deg) scale(1.08)}
.pack__name{font-family:var(--serif);font-size:17px;margin-top:8px}
.pack__meta{font-size:13px;color:var(--muted)}
@media (max-width:1000px){.packs{grid-template-columns:repeat(3,1fr)}}
@media (max-width:480px){.packs{grid-template-columns:repeat(2,1fr)}}

/* story */
.story{padding:clamp(48px,7vw,90px) 0;background:#fff}
.story__inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,70px);align-items:center}
.story__media{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/4.4;max-width:520px}
.story__media img{width:100%;height:100%;object-fit:cover;filter:sepia(.15)}
.story__badge{position:absolute;left:16px;bottom:16px;background:#fff;border-radius:var(--r-sm);padding:10px 14px;font-size:13px;color:var(--muted);box-shadow:var(--shadow)}
.story__badge strong{display:block;font-family:var(--serif);font-size:17px;color:var(--ink);font-weight:400}
.story__copy .sec__title{text-align:left}
.story__copy .sec__sub{margin-bottom:16px}
.story__copy p{color:var(--ink-2)}
.prose h3{font-size:20px;margin:26px 0 8px}
@media (max-width:860px){.story__inner{grid-template-columns:1fr}.story__media{max-width:440px;margin-inline:auto}}

/* icon band */
.iconband{background:var(--brand);color:#fff;padding:clamp(44px,6vw,70px) 0}
.iconband__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.iconband__grid--3{grid-template-columns:repeat(3,1fr);text-align:left}
.iconband__icon{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--cream);color:var(--brand);margin-bottom:14px;transition:transform .5s var(--ease)}
.iconband__item:hover .iconband__icon{transform:rotate(-8deg) scale(1.06)}
.iconband__item h3{font-size:18px;margin-bottom:4px}
.iconband__item p{margin:0;opacity:.85;font-size:14px}
.iconband__num{font-family:var(--serif);font-style:italic;font-size:15px;opacity:.75}
.iconband--pillars .iconband__item{background:rgba(255,255,255,.08);border-radius:var(--r);padding:24px}
.iconband--pillars h3{margin:10px 0 8px}
@media (max-width:820px){.iconband__grid{grid-template-columns:repeat(2,1fr)}.iconband__grid--3{grid-template-columns:1fr}}

/* posts / events */
.post__media{display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;margin-bottom:14px}
.post__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.post:hover .post__media img{transform:scale(1.06)}
.post__title{font-size:19px;margin-bottom:8px}
.post__title a:hover{color:var(--brand)}
.post__text{color:var(--muted);font-size:15px}

/* promises slider */
.slider-nav{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.slider-nav button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;background:#fff;transition:background .2s,color .2s,border-color .2s}
.slider-nav button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.promise{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;height:100%}
.promise__num{font-family:var(--serif);font-style:italic;color:var(--brand);margin-bottom:10px}
.promise h3{font-size:19px;margin-bottom:8px}
.promise p:last-child{color:var(--muted);margin:0;font-size:15px}
.promises .swiper-slide{height:auto}

/* CTA */
.cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cta .sec__title{text-align:left}
.cta__actions{display:flex;gap:12px;flex-wrap:wrap}

/* page head */
.pagehead{background:var(--cream);padding:clamp(30px,5vw,60px) 0}
.pagehead--fam{background:var(--tint)}
.pagehead__inner{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:24px}
.pagehead__inner--center{grid-template-columns:1fr;text-align:center}
.pagehead__inner--center .crumbs{justify-content:center}
.pagehead__title{font-size:clamp(30px,4vw,46px);margin:8px 0 10px}
.pagehead__sub{color:var(--ink-2);max-width:60ch;margin:0}
.pagehead__inner--center .pagehead__sub{margin-inline:auto}
.pagehead__meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.pagehead__meta span{background:#fff;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500}
.pagehead__img{width:min(100%,420px);justify-self:center;transform:rotate(-10deg);filter:drop-shadow(0 22px 24px rgba(0,0,0,.25))}
@media (max-width:760px){.pagehead__inner{grid-template-columns:1fr}.pagehead__img{width:70%;order:-1}}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted)}
.crumbs a:hover{color:var(--brand)}

/* toolbar */
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{padding:8px 16px;border:1px solid var(--line-2);border-radius:22px;font-size:14px;font-weight:500;transition:all .2s}
.chip:hover{border-color:var(--ink)}
.chip.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.toolbar__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.select select{appearance:none;border:1px solid var(--line-2);border-radius:22px;padding:8px 34px 8px 14px;font-size:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center}
.toolbar__count{font-size:14px;color:var(--muted)}
.empty{text-align:center;color:var(--muted);padding:40px 0}
.empty a{color:var(--brand);text-decoration:underline}

/* product page */
.pdp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,60px);margin-top:18px;align-items:start}
.pdp>*{min-width:0}
.pdp__gallery{position:sticky;top:calc(var(--hh) + 16px)}
.pdp__main{border-radius:var(--r);overflow:hidden;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--tint) 14%,#fff),color-mix(in srgb,var(--tint) 28%,#f4f0ea))}
.pdp__zoom{display:grid;place-items:center;aspect-ratio:1/1;padding:8%;cursor:zoom-in}
.pdp__zoom img{width:100%;transform:rotate(-8deg);filter:drop-shadow(0 26px 26px rgba(0,0,0,.28))}
.pdp__main .swiper-pagination-bullet-active{background:var(--brand)}
.pdp__thumbs{display:flex;gap:10px;margin-top:12px}
.pdp__thumbs button{width:84px;aspect-ratio:1;border-radius:8px;border:1.5px solid transparent;background:color-mix(in srgb,var(--tint) 16%,#fff);display:grid;place-items:center;padding:6px;transition:border-color .2s}
.pdp__thumbs button.is-active{border-color:var(--ink)}
.pdp__fam{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.pdp__title{font-size:clamp(26px,3vw,38px);margin-bottom:4px}
.pdp__hindi{font-size:20px;color:#888;margin-bottom:12px}
.pdp__price{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-block:1px solid var(--line);margin-bottom:16px}
.pdp__tagline{font-family:var(--serif);font-style:italic;color:var(--brand);font-size:19px;margin-bottom:8px}
.pdp__desc{color:var(--ink-2)}
.pdp__label{font-weight:500;margin-bottom:8px}
.pdp__size-list,.frag__packs{display:flex;gap:8px;flex-wrap:wrap}
.size{padding:8px 14px;border:1px solid var(--line-2);border-radius:var(--r-sm);font-size:14px;transition:all .2s}
.size:hover{border-color:var(--ink)}
.size.is-active{border-color:var(--ink);background:var(--ink);color:#fff}
.pdp__sizes{margin-bottom:18px}
.pdp__buy{display:flex;gap:12px;margin-bottom:12px}
.qty{display:flex;align-items:center;border:1px solid var(--line-2);border-radius:var(--r-sm);height:46px}
.qty button{width:40px;height:100%;font-size:20px}
.qty input{width:48px;text-align:center;border:0;-moz-appearance:textfield;font-weight:500}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pdp__add{flex:1}
.pdp__perks{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px;font-size:15px;color:var(--ink-2)}
.pdp__perks li{display:flex;gap:10px}
.pdp__perks li::before{content:"";flex:0 0 18px;height:18px;margin-top:3px;border-radius:50%;background:var(--brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23DC127B' stroke-width='3'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") no-repeat center}
.acc{border-top:1px solid var(--line)}
.acc__item{border-bottom:1px solid var(--line)}
.acc__head{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 0;font-weight:500;font-size:16px;text-align:left}
.acc__head span{position:relative;width:14px;height:14px}
.acc__head span::before,.acc__head span::after{content:"";position:absolute;left:0;top:6px;width:14px;height:1.6px;background:currentColor;transition:transform .3s}
.acc__head span::after{transform:rotate(90deg)}
.acc__item.is-open .acc__head span::after{transform:rotate(0)}
.acc__body{padding:0 0 16px;color:var(--ink-2)}
.acc__body a{color:var(--brand);text-decoration:underline}
@media (max-width:860px){.pdp{grid-template-columns:minmax(0,1fr)}.pdp__gallery{position:static}}
.related .swiper-slide{height:auto}
.related .card{height:100%}

/* fragrance list */
.fraglist{display:grid;gap:clamp(18px,3vw,30px)}
.frag{display:grid;grid-template-columns:300px 1fr;gap:clamp(18px,3vw,40px);align-items:center;padding:clamp(14px,2vw,22px);border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:box-shadow .35s}
.frag:hover{box-shadow:var(--shadow)}
.frag__media{display:grid;place-items:center;aspect-ratio:4/3;border-radius:8px;background:radial-gradient(circle,color-mix(in srgb,var(--c) 14%,#fff),color-mix(in srgb,var(--c) 28%,#f4f0ea))}
.frag__media img{width:88%;transform:rotate(-10deg);filter:drop-shadow(0 14px 14px rgba(0,0,0,.22))}
.frag__fam{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.frag__name{font-size:26px;margin-bottom:4px}
.frag__name .hindi{font-size:18px;color:#999;margin-left:6px}
.frag__tag{font-family:var(--serif);font-style:italic;color:var(--brand)}
.frag__meta{font-size:14px;color:var(--muted)}
.frag__meta strong{color:var(--ink)}
@media (max-width:760px){.frag{grid-template-columns:1fr}}

/* timeline */
.timeline{list-style:none;margin:0 auto;padding:0;max-width:860px;position:relative}
.timeline::before{content:"";position:absolute;left:90px;top:6px;bottom:6px;width:2px;background:var(--brand-soft)}
.timeline li{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:14px 0;position:relative}
.timeline li::before{content:"";position:absolute;left:84px;top:22px;width:14px;height:14px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px #fff}
.timeline__year{font-family:var(--serif);font-size:22px;color:var(--brand)}
.timeline p{margin:0;color:var(--ink-2)}
@media (max-width:560px){.timeline::before{left:68px}.timeline li{grid-template-columns:68px 1fr;gap:24px}.timeline li::before{left:62px}.timeline__year{font-size:18px}}

/* group logos */
.logos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.logos__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff;border-radius:var(--r);padding:22px;min-height:150px;text-align:center;font-size:14px;color:var(--muted);transition:box-shadow .3s}
.logos__item:hover{box-shadow:var(--shadow)}
.logos__item img{max-height:72px;width:auto}
@media (max-width:760px){.logos{grid-template-columns:repeat(2,1fr)}}

/* dealers / contact */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);align-items:start}
.split--contact{margin-top:clamp(28px,4vw,50px)}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.ticks{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}
.ticks li{display:flex;gap:10px}
.ticks li::before{content:"";flex:0 0 18px;height:18px;margin-top:4px;border-radius:50%;background:var(--brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23DC127B' stroke-width='3'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") no-repeat center}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
.mini{background:var(--cream);border-radius:var(--r);padding:16px}
.mini h3{font-size:16px;margin-bottom:4px}
.mini p{margin:0;font-size:14px;color:var(--ink-2)}
@media (max-width:480px){.mini-grid{grid-template-columns:1fr}}
.form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,3vw,32px);box-shadow:var(--shadow);display:grid;gap:12px}
.form h2{font-size:26px}
.form__note{color:var(--muted);margin:0}
.form .btn + .form__note{font-size:13px;text-align:center;margin-top:-4px}
.form label{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--ink-2)}
.form input,.form select,.form textarea{width:100%;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:12px;font-size:16px;background:#fff;transition:border-color .2s,box-shadow .2s}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.form__row{grid-template-columns:1fr}}
.form__ok{background:var(--brand-soft);border-radius:var(--r-sm);padding:12px;margin:0;font-size:14px}
.addr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.addr{background:var(--cream);border-radius:var(--r);padding:22px}
.addr__label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:6px}
.addr h3{font-size:20px;margin-bottom:8px}
.addr address{font-style:normal;color:var(--ink-2);margin-bottom:12px}
@media (max-width:860px){.addr-grid{grid-template-columns:1fr}}
.contact-list{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}
.contact-list li{display:grid;grid-template-columns:100px 1fr;gap:10px}
.contact-list span{color:var(--muted);font-size:14px}
.contact-list a:hover{color:var(--brand)}
.map{border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;background:var(--grey)}
.map iframe{width:100%;height:100%;border:0}

/* events gallery */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gallery--2{grid-template-columns:repeat(2,1fr)}
.gallery__item{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:3/2}
.gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.gallery__item:hover img{transform:scale(1.06)}
.gallery__item span{position:absolute;left:0;right:0;bottom:0;padding:24px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;font-size:13px}
@media (max-width:640px){.gallery,.gallery--2{grid-template-columns:1fr}}

/* footer */
.footer{background:var(--brand);color:#fff;padding-top:clamp(40px,6vw,64px)}
.footer__grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:28px;padding-bottom:40px}
.footer__name{font-family:var(--serif);font-size:28px;margin-bottom:2px}
.footer__tag{opacity:.85;margin-bottom:16px;font-size:14px}
.footer address{font-style:normal;font-size:14px;line-height:1.7}
.footer address a:hover,.footer__col a:hover{text-decoration:underline}
.footer__col h3{font-size:17px;margin-bottom:14px}
.footer__col ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.footer__col a{display:inline-block;padding:4px 0;font-size:15px}
.footer__note{font-size:14px;opacity:.9}
.footer__social{display:flex;gap:10px}
.footer__social a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--brand);transition:transform .3s var(--ease)}
.footer__social a:hover{transform:translateY(-3px)}
.footer__bottom{background:#fff;color:var(--ink-2);font-size:14px}
.footer__bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0}
.footer__bottom p{margin:0}
@media (max-width:1000px){.footer__grid{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}
@media (max-width:480px){.footer__grid{grid-template-columns:1fr}}

/* mobile sticky bar */
.mbar{display:none}
@media (max-width:760px){
  body{padding-bottom:64px}
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(0,0,0,.06);padding-bottom:env(safe-area-inset-bottom)}
  .mbar a,.mbar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:60px;font-size:11px;color:var(--ink-2)}
  .mbar .count{top:6px;right:calc(50% - 22px)}
}

/* back to top */
.totop{position:fixed;right:18px;bottom:22px;z-index:50;width:46px;height:46px;border-radius:50%;background:var(--black);color:#fff;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s}
.totop.is-on{opacity:1;visibility:visible;transform:none}
.totop:hover{background:var(--brand)}
@media (max-width:760px){.totop{bottom:78px;right:12px;width:42px;height:42px}}

/* overlays: search, drawer, quick view */
.search,.drawer,.quick{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.search.is-open,.drawer.is-open,.quick.is-open{opacity:1;visibility:visible}
.search__panel{background:#fff;max-height:88vh;overflow:auto;transform:translateY(-30px);transition:transform .4s var(--ease);padding:22px 0 30px}
.search.is-open .search__panel{transform:none}
.search__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.search__head h3{font-size:22px}
.search__field input{width:100%;border:0;border-bottom:2px solid var(--ink);padding:12px 0;font-size:clamp(18px,2.4vw,26px);font-family:var(--serif)}
.search__field input:focus{outline:none;border-color:var(--brand)}
.search__popular{margin:14px 0 18px;font-size:14px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.search__popular button{border:1px solid var(--line-2);border-radius:18px;padding:5px 12px;font-size:13px;color:var(--ink)}
.search__popular button:hover{border-color:var(--ink)}
.search__results{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:860px){.search__results{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.search__results{grid-template-columns:1fr;gap:10px}}
.sres{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;transition:border-color .2s}
.sres:hover{border-color:var(--ink)}
.sres__img{flex:0 0 64px;height:64px;border-radius:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,#fff)}
.sres__img img{width:92%;transform:rotate(-10deg)}
.sres b{display:block;font-weight:500;font-size:14px;line-height:1.3}
.sres span{font-size:13px;color:var(--brand)}
.search__none{color:var(--muted);grid-column:1/-1}
.drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(92vw,420px);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .4s var(--ease)}
.drawer.is-open .drawer__panel{transform:none}
.drawer__head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}
.drawer__head h3{font-size:22px}
.drawer__body{flex:1;overflow:auto;padding:12px 20px}
.drawer__empty{text-align:center;color:var(--muted);padding:40px 0}
.drawer__empty .btn{margin-top:14px}
.ditem{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.ditem__img{height:72px;border-radius:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,#fff)}
.ditem__img img{width:92%;transform:rotate(-10deg)}
.ditem b{display:block;font-weight:500;font-size:15px;line-height:1.3}
.ditem small{color:var(--muted)}
.ditem .qty{height:34px;margin-top:6px;width:max-content}
.ditem .qty button{width:30px;font-size:16px}
.ditem .qty input{width:34px;font-size:14px}
.ditem__rm{font-size:13px;color:var(--muted);text-decoration:underline;align-self:start}
.ditem__rm:hover{color:var(--brand)}
.drawer__foot{padding:16px 20px;border-top:1px solid var(--line);display:grid;gap:10px}
.drawer__total{display:flex;justify-content:space-between;margin:0}
.drawer__hint{font-size:13px;color:var(--muted);margin:0}
.quick__panel{position:absolute;left:50%;top:50%;width:min(94vw,900px);max-height:90vh;overflow:auto;background:#fff;border-radius:var(--r);transform:translate(-50%,-46%);opacity:.6;transition:transform .4s var(--ease),opacity .3s}
.quick.is-open .quick__panel{transform:translate(-50%,-50%);opacity:1}
.quick__close{position:absolute;top:10px;right:10px;z-index:2;background:#fff}
.quick__body{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}
.quick__media{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;background:radial-gradient(circle,color-mix(in srgb,var(--c) 14%,#fff),color-mix(in srgb,var(--c) 28%,#f4f0ea))}
.quick__media img{width:90%;transform:rotate(-9deg);filter:drop-shadow(0 18px 18px rgba(0,0,0,.25))}
.quick__info h3{font-size:26px;margin:4px 0}
.quick__info .btn{margin-top:10px}
@media (max-width:700px){.quick__body{grid-template-columns:1fr;padding:18px}}
.toast{position:fixed;left:50%;bottom:24px;z-index:120;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:#fff;border-radius:30px;padding:12px 20px;font-size:14px;box-shadow:var(--shadow);transition:all .35s var(--ease);pointer-events:none;max-width:90vw;text-align:center}
.toast.is-on{opacity:1;transform:translate(-50%,0)}
@media (max-width:760px){.toast{bottom:80px}}
body.is-locked{overflow:hidden}

/* reveal */
.js [data-reveal]{opacity:0;transform:translateY(24px)}
.js [data-reveal].is-in{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js [data-reveal]{opacity:1;transform:none}
  .hero__smoke,.promo__smoke{display:none}
}

/* contact: old-site vCard QR block */
.qr-card{display:flex;gap:16px;align-items:center;margin:4px 0 22px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.qr-card img{flex:0 0 120px;width:120px;height:120px;border-radius:6px}
.qr-card__t{font-family:var(--serif);font-size:18px;margin-bottom:4px}