/* MADHURAVANA home — cinematic premium hero. DESKTOP ONLY (>=1001px). Tablet & mobile layouts are untouched. */
.mh-scene,.mh-orbit,.mh-stone,.mh-flower,.mh-drop,.mh-scroll,.mh-dots,.mh-btn-ghost{display:none}
@media(min-width:1001px){
:root{--hp-gold:#e6b04a;--hp-gold2:#f6d58a;--hp-deep:#0b2412}
html{scroll-behavior:smooth}
/* header: floating warm glass bar over the hero */
.madhuravana-home .site-header{position:fixed;top:0;left:0;right:0;background:rgba(251,245,230,.9);backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.35);box-shadow:0 10px 40px rgba(20,40,15,.12);transition:background .4s,box-shadow .4s}
.madhuravana-home .site-header.is-solid{background:rgba(251,245,230,.94)}
.madhuravana-home .nav-links a{font-size:.8rem;letter-spacing:.14em;color:#2b2a1c}
.madhuravana-home .nav-links a:hover{color:#a8710f}
.madhuravana-home .cart-link{display:inline-flex;align-items:center;gap:8px}
.madhuravana-home .cart-count{background:#a8710f;color:#fff;border-radius:99px;min-width:24px;height:24px;display:inline-grid;place-items:center;font-size:.72rem}
/* hero scene */
.mh-hero{min-height:100svh;background:#0d2412;isolation:isolate}
.mh-hero-bg{background:radial-gradient(ellipse 55% 75% at 80% 30%,rgba(255,206,110,.95),rgba(255,160,50,.42) 38%,transparent 68%),radial-gradient(ellipse 45% 60% at 10% 70%,rgba(5,22,10,.95),transparent 70%),linear-gradient(180deg,#566a2a 0%,#2c4a1f 38%,#15321a 70%,#0a1d0e 100%)}
.mh-hero-bg:after{background:linear-gradient(90deg,rgba(6,20,10,.82) 0%,rgba(6,20,10,.45) 42%,transparent 70%),linear-gradient(0deg,rgba(6,16,8,.65),transparent 38%)}
.mh-scene{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.mh-sun{position:absolute;right:6%;top:2%;width:46vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,236,170,.75),rgba(255,190,80,.25) 40%,transparent 68%);animation:hpSun 9s ease-in-out infinite alternate;transform:translate(var(--px,0),var(--py,0))}
.mh-palms{position:absolute;inset:auto 0 0 0;width:100%;height:100%;opacity:.85;filter:blur(1.2px)}
.mh-mist{position:absolute;left:-10%;width:120%;height:34%;background:radial-gradient(ellipse at 50% 50%,rgba(255,236,190,.22),transparent 65%);filter:blur(22px);animation:hpMist 22s linear infinite alternate}
.mh-mist.m1{bottom:14%}.mh-mist.m2{bottom:38%;animation-duration:30s;opacity:.7}
.mh-leaf{position:absolute;width:210px;height:96px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#6f9a34,#1d4a1a 70%);box-shadow:inset 0 0 18px rgba(0,0,0,.35);filter:blur(1.5px);opacity:.92}
.mh-leaf.l1{top:7%;left:-40px;transform:rotate(38deg);width:260px;height:120px}
.mh-leaf.l2{top:12%;right:-50px;transform:rotate(-142deg);width:300px;height:130px;filter:blur(2.5px)}
.mh-leaf.l3{bottom:22%;right:-30px;transform:rotate(-155deg);width:230px}
.mh-leaf.l4{bottom:8%;left:36%;transform:rotate(15deg);width:160px;height:70px;opacity:.55;filter:blur(4px)}
.mh-spark{position:absolute;left:var(--x);bottom:-10px;width:var(--s);height:var(--s);border-radius:50%;background:#ffe39a;box-shadow:0 0 12px 3px rgba(255,214,110,.8);opacity:0;animation:hpRise var(--d) linear var(--dl) infinite}
.mh-bee-a{position:absolute;width:44px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}
.mh-bee-a.b1{left:44%;top:44%;animation:hpBee1 14s ease-in-out infinite}
.mh-bee-a.b2{right:7%;top:36%;width:50px;animation:hpBee2 17s ease-in-out infinite}
.mh-bee-a.b3{right:30%;top:20%;width:34px;animation:hpBee1 20s ease-in-out -6s infinite reverse}
.mh-hero-inner{z-index:3;padding-top:84px;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)}
.mh-hero-copy{padding:60px 0 90px 3vw}
.mh-eyebrow{color:var(--hp-gold2);display:flex;align-items:center;gap:16px}
.mh-hero .mh-eyebrow:before{content:"";width:46px;height:1px;background:var(--hp-gold)}
.mh-hero h1{font-size:clamp(3rem,5.1vw,6rem);color:#fff;line-height:.92;letter-spacing:-.03em;text-shadow:0 8px 40px rgba(0,0,0,.45)}
.mh-hero h1 em{white-space:nowrap;background:linear-gradient(180deg,#ffd978 10%,#e0a02e 55%,#b9771a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}
.mh-hero-copy>p{color:#fbf1d8;font-family:Fraunces,Georgia,serif;font-size:clamp(1.15rem,1.6vw,1.6rem);line-height:1.4;max-width:520px;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.mh-benefits-mini{color:#fbf1d8;gap:14px;flex-wrap:nowrap}
.mh-benefits-mini span{gap:12px;line-height:1.2;font-family:Fraunces,Georgia,serif;font-size:.9rem}
.mh-benefits-mini b{width:40px;height:40px;flex:0 0 40px;border:1.5px solid var(--hp-gold);border-radius:50%;display:inline-grid;place-items:center;color:var(--hp-gold2);background:rgba(230,176,74,.08);font-size:1rem}
.mh-benefits-mini i{background:rgba(255,235,190,.3)}
.mh-hero-cta{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.mh-hero .mh-btn{background:linear-gradient(180deg,#f2c566,#d99a2b);color:#2a1706;padding:18px 36px;box-shadow:0 14px 40px rgba(217,154,43,.4),inset 0 1px 0 rgba(255,255,255,.55)}
.mh-hero .mh-btn:hover{box-shadow:0 22px 55px rgba(217,154,43,.55),inset 0 1px 0 rgba(255,255,255,.6)}
.mh-hero .mh-btn-ghost{display:inline-flex;background:rgba(10,30,14,.35);color:#fbf1d8;border:1.5px solid rgba(230,176,74,.7);box-shadow:none;backdrop-filter:blur(8px)}
.mh-btn-ghost i{font-style:normal;font-size:.8rem;color:var(--hp-gold)}
.mh-hero .mh-btn-ghost:hover{background:rgba(230,176,74,.18);box-shadow:none}
/* jar on the stone */
.mh-hero-product{height:min(82vh,760px);padding:10px 3vw 70px 0;transform:translate(calc(var(--px,0px)*-.6),calc(var(--py,0px)*-.6));transition:transform .2s ease-out}
.mh-product-glow{width:92%;background:radial-gradient(circle,rgba(255,226,140,.9),rgba(255,176,60,.3) 45%,transparent 70%);animation:hpGlow 5s ease-in-out infinite alternate}
.mh-hero-product img{max-width:62%;filter:drop-shadow(0 40px 45px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(255,190,70,.35));animation:hpFloat 7s ease-in-out infinite}
.mh-wood-plinth{display:none}
.mh-stone{display:block;position:absolute;z-index:1;bottom:20px;width:84%;height:150px}
.mh-stone:before{content:"";position:absolute;inset:0;border-radius:46% 54% 40% 40%/60% 60% 40% 40%;background:radial-gradient(ellipse at 50% 18%,#6a4a33,#3b2819 55%,#1f140b);box-shadow:0 30px 50px rgba(0,0,0,.55),inset 0 6px 14px rgba(255,200,130,.18)}
.mh-stone i{position:absolute;left:8%;right:8%;top:-10px;height:46px;border-radius:50%;background:radial-gradient(ellipse at 50% 60%,#5d8a2e,#2c5a1d 60%,transparent 72%);filter:blur(2px);opacity:.85}
.mh-orbit{display:block;position:absolute;z-index:3;width:112%;left:-6%;top:6%;height:78%;pointer-events:none;animation:hpOrbit 16s linear infinite;filter:drop-shadow(0 0 10px rgba(255,200,90,.8))}
.mh-flower{display:block;position:absolute;z-index:4;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.4);filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}
.mh-flower.f1{font-size:3.2rem;right:6%;bottom:56px;transform:rotate(12deg)}
.mh-flower.f2{font-size:2.2rem;left:6%;bottom:96px;transform:rotate(-20deg)}
.mh-drop{display:block;position:absolute;z-index:4;left:14%;bottom:100px;width:34px;height:34px;border-radius:50% 50% 50% 50%;background:radial-gradient(circle at 35% 30%,#ffe19a,#d98b12 60%,#8a4d07);box-shadow:0 6px 14px rgba(0,0,0,.4)}
.mh-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:80px;background:#fbf7ed;clip-path:polygon(0% 100%,0.0% 21%,1.7% 39%,3.3% 8%,5.0% 22%,6.7% 17%,8.3% 30%,10.0% 34%,11.7% 25%,13.3% 6%,15.0% 60%,16.7% 23%,18.3% 24%,20.0% 24%,21.7% 19%,23.3% 23%,25.0% 61%,26.7% 35%,28.3% 49%,30.0% 14%,31.7% 34%,33.3% 11%,35.0% 52%,36.7% 24%,38.3% 52%,40.0% 17%,41.7% 28%,43.3% 33%,45.0% 61%,46.7% 35%,48.3% 53%,50.0% 34%,51.7% 51%,53.3% 13%,55.0% 41%,56.7% 17%,58.3% 19%,60.0% 6%,61.7% 30%,63.3% 14%,65.0% 48%,66.7% 38%,68.3% 38%,70.0% 38%,71.7% 61%,73.3% 38%,75.0% 34%,76.7% 13%,78.3% 28%,80.0% 12%,81.7% 27%,83.3% 27%,85.0% 58%,86.7% 34%,88.3% 39%,90.0% 28%,91.7% 53%,93.3% 8%,95.0% 47%,96.7% 37%,98.3% 52%,100.0% 31%,100% 100%);z-index:4}
.mh-scroll{display:grid;position:absolute;z-index:5;left:49%;bottom:104px;width:26px;height:44px;border:1.5px solid rgba(255,235,190,.75);border-radius:14px;place-items:start center;padding-top:8px;transform:translateX(-50%)}
.mh-scroll i{width:3px;height:9px;border-radius:2px;background:var(--hp-gold2);animation:hpScroll 1.8s ease-in-out infinite}
.mh-dots{display:flex;flex-direction:column;gap:18px;position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:60;padding:14px 10px;border-radius:99px;background:rgba(10,28,14,.45);backdrop-filter:blur(10px)}
.mh-dots a{font:600 .7rem/1 Fraunces,Georgia,serif;letter-spacing:.08em;color:rgba(255,240,205,.55);text-align:center;position:relative;transition:color .3s}
.mh-dots a:after{content:"";display:block;width:6px;height:6px;margin:7px auto 0;border-radius:50%;background:currentColor;opacity:.6;transition:.3s}
.mh-dots a.on{color:var(--hp-gold2)}.mh-dots a.on:after{opacity:1;box-shadow:0 0 10px var(--hp-gold);transform:scale(1.4)}
/* lower sections: quiet premium polish */
.mh-golden{background:radial-gradient(ellipse at 50% 0,#fff9e8,#fbf7ed 60%)}
.mh-golden .mh-eyebrow{color:#a8710f}
.mh-golden h2:after{content:"";display:block;width:70px;height:3px;margin-top:20px;border-radius:2px;background:linear-gradient(90deg,var(--hp-gold),transparent)}
.mh-golden-aura{background:radial-gradient(circle,rgba(238,190,80,.42),transparent 67%);animation:hpGlow 6s ease-in-out infinite alternate}
.mh-features article{padding:16px 20px;border-radius:20px;background:rgba(255,253,246,.8);border:1px solid rgba(169,137,76,.22);box-shadow:0 10px 30px rgba(90,60,15,.06);transition:transform .35s,box-shadow .35s}
.mh-features article:hover{transform:translateX(6px);box-shadow:0 18px 40px rgba(90,60,15,.12)}
.mh-ritual-bg{background:radial-gradient(circle at 78% 30%,rgba(230,176,74,.5),transparent 34%),linear-gradient(90deg,rgba(8,30,14,.98),rgba(24,66,34,.8))}
.mh-ritual-product img{animation:hpFloat 8s ease-in-out infinite}
.mh-shop .product-card{transition:transform .4s,box-shadow .4s}.mh-shop .product-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(90,60,15,.16)}
.mh-btn-gold{background:linear-gradient(180deg,#e8b04a,#bd7c0d)}
@keyframes hpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes hpGlow{from{opacity:.75;transform:scale(.96)}to{opacity:1;transform:scale(1.05)}}
@keyframes hpSun{from{opacity:.8}to{opacity:1}}
@keyframes hpMist{from{transform:translateX(-4%)}to{transform:translateX(4%)}}
@keyframes hpRise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(-95vh) translateX(40px);opacity:0}}
@keyframes hpBee1{0%,100%{transform:translate(0,0) rotate(-8deg)}33%{transform:translate(40px,-30px) rotate(6deg)}66%{transform:translate(-20px,24px) rotate(-14deg)}}
@keyframes hpBee2{0%,100%{transform:translate(0,0) scaleX(-1)}50%{transform:translate(-50px,26px) scaleX(-1) rotate(8deg)}}
@keyframes hpOrbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes hpScroll{0%{transform:translateY(0);opacity:1}100%{transform:translateY(14px);opacity:0}}
@media(prefers-reduced-motion:reduce){.mh-scene *,.mh-hero-product img,.mh-product-glow,.mh-orbit,.mh-scroll i,.mh-golden-aura,.mh-ritual-product img,.mh-sun{animation:none!important}.mh-spark{display:none}}
}
