:root{--paper:#b88c58;--paper2:#c69a67;--ink:#111;--cream:#fff0c6;--cream2:#fff6df;--green:#0a4b3d;--green2:#07382f;--gold:#efb13f;--line:rgba(58,35,18,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:#102e28;font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input{font:inherit}
.vsv4-notice{min-height:52px;background:#050505;color:#fff;display:grid;place-items:center;padding:9px 28px;text-align:center;font:400 14px/1.35 'DM Sans',sans-serif;letter-spacing:.005em;position:relative;z-index:120}.vsv4-notice strong{font-weight:800}
.vsv4-header{height:60px;background-color:var(--paper);background-image:radial-gradient(rgba(65,36,13,.13) .55px,transparent .75px),radial-gradient(rgba(255,255,255,.08) .55px,transparent .75px);background-position:0 0,3px 4px;background-size:6px 6px,8px 8px;border-bottom:1px solid rgba(41,24,12,.28);position:relative;z-index:110}.admin-bar .vsv4-header{top:0}.vsv4-header-inner{height:100%;position:relative;display:grid;grid-template-columns:80px 1fr 110px;align-items:center;padding:0 20px}.vsv4-menu-btn{width:44px;height:44px;background:transparent;border:0;padding:8px;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}.vsv4-menu-btn i{display:block;width:28px;height:3px;background:#080808;border-radius:5px}.vsv4-brand{justify-self:center;width:126px;height:52px;display:grid;place-items:center}.vsv4-brand img{width:118px;height:48px;object-fit:contain;filter:brightness(.52) saturate(.9) sepia(.25)}.vsv4-actions{justify-self:end;display:flex;align-items:center;gap:10px}.vsv4-account,.vsv4-cart{width:46px;height:46px;border:2px solid #111;border-radius:50%;display:grid;place-items:center;position:relative}.vsv4-account svg{width:27px;height:27px;fill:#111}.vsv4-cart svg{width:27px;height:24px;fill:none;stroke:#111;stroke-width:1.8;stroke-linejoin:round}.vsv4-cart b{position:absolute;right:-2px;top:-10px;font:700 13px/1 'DM Sans';background:transparent;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.vsv4-drawer{position:absolute;left:0;top:60px;width:min(310px,88vw);background:#111;color:#fff;padding:28px 26px;transform:translateX(-104%);transition:transform .34s cubic-bezier(.2,.8,.2,1);box-shadow:20px 20px 40px rgba(0,0,0,.24)}.vsv4-header.menu-open .vsv4-drawer{transform:none}.vsv4-menu{list-style:none;margin:0;padding:0}.vsv4-menu li{border-bottom:1px solid rgba(255,255,255,.18)}.vsv4-menu a{display:block;padding:15px 0;font:700 12px/1 'Manrope',sans-serif;letter-spacing:.16em}
.vsv4-hero{height:535px;position:relative;background-color:var(--paper);background-image:radial-gradient(rgba(68,38,14,.11) .6px,transparent .8px),radial-gradient(rgba(255,255,255,.07) .5px,transparent .75px);background-position:0 0,4px 3px;background-size:6px 6px,9px 9px;overflow:hidden;isolation:isolate}.vsv4-paper-noise{position:absolute;inset:0;pointer-events:none;opacity:.22;background:linear-gradient(97deg,transparent 0 49%,rgba(90,53,22,.17) 50%,transparent 50.4%),linear-gradient(12deg,transparent 0 69%,rgba(255,255,255,.09) 70%,transparent 70.5%);background-size:320px 100%,100% 280px;mix-blend-mode:multiply}
.vsv4-search{position:absolute;z-index:20;top:18px;left:22px;right:22px;height:56px;background:#fff;border:2px solid #111;border-radius:999px;display:flex;align-items:center;padding:0 18px;box-shadow:none}.vsv4-search svg{width:25px;height:25px;fill:none;stroke:#111;stroke-width:2;margin-right:15px;flex:0 0 auto}.vsv4-search input{border:0;outline:0;background:transparent;width:100%;font-size:18px;color:#222}.vsv4-search input::placeholder{color:#4b4b4b;opacity:.88}
.vsv4-hero-stage{position:absolute;left:0;right:0;top:88px;bottom:66px}.vsv4-ghost-urdu{position:absolute;left:50%;top:23%;transform:translate(-50%,-50%);font-family:'Noto Nastaliq Urdu',serif;font-size:clamp(84px,18vw,158px);line-height:1;color:#9f652c;opacity:.20;white-space:nowrap;z-index:2}.vsv4-hero-copy{position:absolute;z-index:9;left:50%;top:56%;transform:translate(-50%,-50%);text-align:center;color:#111;width:54%}.vsv4-kicker{font-family:'Oswald','Arial Narrow',sans-serif;font-weight:400;font-size:clamp(34px,7.8vw,58px);line-height:1.15;letter-spacing:.005em}.vsv4-wah{font-family:'Noto Nastaliq Urdu',serif;font-size:clamp(78px,15vw,122px);line-height:.84;margin-top:14px;color:#050505;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff)}
.vsv4-tray{position:absolute;z-index:6;width:min(52vw,360px);filter:drop-shadow(0 17px 14px rgba(42,23,8,.28));will-change:transform}.vsv4-tray img{width:100%;height:auto}.vsv4-tray-left{left:-27vw;top:44%;transform:rotate(21deg)}.vsv4-tray-right{right:-27vw;top:44%;transform:rotate(-21deg)}
.vsv4-bowl{position:absolute;z-index:10;width:112px;height:112px}.vsv4-bowl img{width:100%;height:100%;object-fit:contain}.vsv4-bowl-left{left:18%;bottom:3%}.vsv4-bowl-right{right:18%;bottom:3%}.vsv4-line{position:absolute;display:block;background:rgba(70,42,21,.5);z-index:-1}.vsv4-bowl-left .tl{width:1px;height:105px;left:42px;top:-72px}.vsv4-bowl-left .bl{height:1px;width:145px;left:-14px;bottom:-17px}.vsv4-bowl-right .tr{width:1px;height:105px;right:42px;top:-72px}.vsv4-bowl-right .br{height:1px;width:145px;right:-14px;bottom:-17px}.vsv4-center-line{position:absolute;left:50%;bottom:-12px;width:70px;height:1px;background:rgba(70,42,21,.5);transform:translateX(-50%)}
.vsv4-drip-edge{position:absolute;z-index:16;left:0;right:0;bottom:-1px;height:88px;pointer-events:none}.vsv4-drip-edge svg{position:absolute;left:0;bottom:0;width:100%;height:88px}.vsv4-drip{position:absolute;top:29px;background:var(--paper);border-radius:0 0 16px 16px}.vsv4-drip.d1{left:37%;width:13px;height:44px;transform:rotate(3deg)}.vsv4-drip.d2{left:52%;width:15px;height:62px;transform:rotate(-3deg)}
.vsv4-mithaas{min-height:620px;background:var(--cream);position:relative;display:flex;flex-direction:column;align-items:center;padding:54px 20px 76px;overflow:hidden}.vsv4-find{font-family:'Oswald','Arial Narrow',sans-serif;font-size:24px;color:#111;line-height:1;margin-bottom:2px}.vsv4-mithaas h1{font-family:'Noto Nastaliq Urdu',serif;color:#9b5d1e;font-size:84px;line-height:.9;margin:0}.vsv4-cat-gallery{width:min(1180px,96%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:42px;align-items:start}.vsv4-cat-card{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.vsv4-cat-img{width:100%;height:180px;display:flex;align-items:center;justify-content:center;transition:transform .35s ease}.vsv4-cat-img img{width:100%;height:100%;object-fit:contain;display:block}.vsv4-cat-card strong{font:800 17px/1.15 'Manrope',sans-serif;color:#111;letter-spacing:-.02em;margin-top:10px}.vsv4-cat-card:hover .vsv4-cat-img{transform:translateY(-7px) rotate(-1deg)}
/* remaining homepage */
.vsv4-signature{min-height:760px;background:var(--cream2);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.vsv4-signature-stage{position:relative;display:grid;place-items:center;min-height:720px}.vsv4-ring{position:absolute;border-radius:50%}.ring-back{width:min(43vw,620px);height:min(43vw,620px);border:72px solid var(--green2)}.ring-front{width:min(29vw,420px);height:min(29vw,420px);border:3px solid var(--gold)}.vsv4-product-placeholder{position:relative;z-index:4}.vsv4-product-placeholder.gulab{width:min(24vw,340px);height:min(24vw,340px);border-radius:50%;background:radial-gradient(circle at 34% 25%,#e7a34a,#a64d1e 58%,#6f2b12);box-shadow:inset -30px -34px 50px rgba(60,18,5,.18),0 38px 48px rgba(60,26,7,.2)}.vsv4-product-placeholder.gulab:before{content:'';position:absolute;left:24%;top:18%;width:44%;height:13%;background:rgba(255,220,135,.47);border-radius:50%;filter:blur(4px)}.vsv4-cutout{position:relative;z-index:4;width:min(45vw,620px);max-height:640px;object-fit:contain;filter:drop-shadow(0 36px 34px rgba(42,22,6,.21))}.vsv4-float-piece{position:absolute;width:31px;height:66px;background:var(--gold);border-radius:70% 30% 62% 38%;z-index:2}.vsv4-float-piece.p1{left:15%;top:16%;transform:rotate(-38deg)}.vsv4-float-piece.p2{right:11%;top:26%;height:44px}.vsv4-float-piece.p3{left:28%;bottom:12%;height:39px;transform:rotate(43deg)}.vsv4-signature-copy,.vsv4-feature-copy{padding:100px clamp(36px,6vw,100px);display:flex;flex-direction:column;justify-content:center}.vsv4-signature-copy>span,.vsv4-feature-copy>span{font:800 9px 'Manrope';letter-spacing:.22em;margin-bottom:24px}.vsv4-signature-copy h2,.vsv4-feature-copy h2{font:800 clamp(48px,6vw,94px)/.9 'Manrope';letter-spacing:-.06em;text-transform:uppercase;margin:0 0 28px}.vsv4-signature-copy p,.vsv4-feature-copy p{font-size:16px;line-height:1.7;max-width:590px;margin:0 0 30px}.vsv4-pill{align-self:flex-start;background:var(--green2);color:var(--cream2);min-width:205px;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 24px;font:800 9px 'Manrope';letter-spacing:.13em}.vsv4-detail-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--gold);border-top:1px solid rgba(6,61,52,.18);border-bottom:1px solid rgba(6,61,52,.18)}.vsv4-detail-strip article{height:270px;position:relative;overflow:hidden;padding:30px 32px;border-right:1px solid rgba(6,61,52,.22)}.vsv4-detail-strip small{font:800 9px 'Manrope';letter-spacing:.14em}.vsv4-detail-strip h3{font:800 clamp(20px,2vw,29px)/.95 'Manrope';letter-spacing:-.045em;margin:55px 0 0}.mini{position:absolute;right:-27px;bottom:-38px;width:155px;height:155px}.mini.m1{border-radius:50%;background:radial-gradient(circle at 35% 24%,#e1a34a,#843716)}.mini.m2{border-radius:26px;background:linear-gradient(145deg,#f7da89,#c58a30);transform:rotate(15deg)}.mini.m3{border-radius:58% 42% 62% 38%;background:#0a6654;transform:rotate(31deg)}.mini.m4{border:29px solid var(--green2);border-radius:50%}.vsv4-products{padding:90px clamp(22px,5.5vw,88px) 110px;background:#f5ead8}.vsv4-products-title{max-width:1450px;margin:0 auto 50px;display:flex;align-items:flex-end;gap:28px}.vsv4-products-title span{font:800 clamp(31px,4vw,64px)/.94 'Manrope';letter-spacing:-.057em}.vsv4-products-title h2{font-family:'Noto Nastaliq Urdu';font-size:clamp(100px,12vw,185px);line-height:.62;margin:0;padding-bottom:16px}.vsv4-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.vsv4-photo{height:370px;background:#ead7b8;overflow:hidden;display:grid;place-items:center}.vsv4-photo img{width:100%;height:100%;object-fit:cover}.vsv4-photo.ph{background:linear-gradient(145deg,#efdcbf,#d4ac70)}.vsv4-ph-sweet{width:160px;height:160px;box-shadow:0 25px 32px rgba(69,35,13,.2)}.ph.g .vsv4-ph-sweet{border-radius:50%;background:radial-gradient(circle at 34% 25%,#e5a34c,#8b3818 72%)}.ph.l .vsv4-ph-sweet{border-radius:50%;background:radial-gradient(circle at 34% 25%,#f1b137,#b56113 70%)}.ph.b .vsv4-ph-sweet{border-radius:24px;background:linear-gradient(145deg,#f6df8d,#b98232);transform:rotate(-5deg)}.ph.x .vsv4-ph-sweet{width:210px;height:145px;border-radius:11px;background:var(--green2);box-shadow:inset 0 0 0 8px var(--gold),0 25px 32px rgba(69,35,13,.2)}.vsv4-card-copy{padding:20px 2px}.vsv4-card-copy h3{font:700 19px/1.2 'Manrope';margin:0 0 10px}.vsv4-card-copy p{font-size:13px;line-height:1.55;min-height:42px;margin:0 0 16px}.vsv4-card-foot{display:flex;align-items:center;justify-content:space-between}.vsv4-card-foot a{font:800 9px 'Manrope';border-bottom:2px solid var(--green2);padding-bottom:4px}.vsv4-full-menu{display:flex;align-items:center;gap:15px;width:max-content;margin:50px auto 0;border:1px solid var(--green2);height:45px;border-radius:999px;padding:0 21px;font:800 9px 'Manrope';letter-spacing:.13em}.vsv4-feature{min-height:760px;background:var(--green2);color:var(--gold);display:grid;grid-template-columns:.92fr 1.08fr;overflow:hidden}.vsv4-feature-copy p{color:#f5d89a}.vsv4-pill.gold{background:var(--gold);color:var(--green2)}.vsv4-feature-stage{min-height:680px;position:relative;display:grid;place-items:center}.vsv4-feature-loop{position:absolute;width:min(46vw,650px);height:min(46vw,650px);border:6px solid var(--gold);border-radius:50%}.vsv4-product-placeholder.laddu{width:min(29vw,390px);height:min(29vw,390px);border-radius:50%;background:radial-gradient(circle at 34% 25%,#f0b74c,#b76316 63%,#763311);box-shadow:0 42px 58px rgba(0,0,0,.25)}.nut{position:absolute;background:#e6be66;border-radius:60% 40% 55% 45%;width:27px;height:65px}.n1{top:15%;left:26%;transform:rotate(-35deg)}.n2{right:14%;top:27%;height:45px;transform:rotate(35deg)}.n3{bottom:14%;left:22%;height:42px;transform:rotate(50deg)}.vsv4-footer{background:#021f1b;color:#f4d793;padding:70px clamp(25px,6vw,95px) 25px;display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:60px}.vsv4-footer-brand img{width:185px;height:82px;object-fit:contain}.vsv4-footer p,.vsv4-footer a{font-size:13px;line-height:1.7}.vsv4-footer>div:not(.vsv4-footer-brand):not(.vsv4-footer-bottom){display:flex;flex-direction:column;gap:8px}.vsv4-footer h4{font:800 9px 'Manrope';letter-spacing:.18em;margin:0 0 12px}.vsv4-footer-bottom{grid-column:1/-1;border-top:1px solid rgba(244,215,147,.18);padding-top:20px;display:flex;justify-content:space-between;font:800 8px 'Manrope';letter-spacing:.14em}
@media(min-width:781px){.vsv4-notice{min-height:44px;font-size:14px}.vsv4-header{height:86px}.vsv4-header-inner{grid-template-columns:130px 1fr 145px;padding:0 42px}.vsv4-menu-btn{width:50px;height:50px}.vsv4-menu-btn i{width:32px}.vsv4-brand{width:180px;height:74px}.vsv4-brand img{width:170px;height:68px}.vsv4-account,.vsv4-cart{width:51px;height:51px}.vsv4-drawer{top:86px}.vsv4-hero{height:calc(100vh - 130px);min-height:690px;max-height:920px}.vsv4-search{top:26px;left:4vw;right:4vw;height:64px}.vsv4-hero-stage{top:105px;bottom:90px}.vsv4-tray{width:min(43vw,650px)}.vsv4-tray-left{left:-17vw;top:34%}.vsv4-tray-right{right:-17vw;top:34%}.vsv4-bowl{width:150px;height:150px}.vsv4-bowl-left{left:20%;bottom:4%}.vsv4-bowl-right{right:20%;bottom:4%}.vsv4-hero-copy{width:38%;top:55%}.vsv4-kicker{font-size:clamp(48px,4.7vw,82px)}.vsv4-wah{font-size:clamp(105px,8vw,160px)}.vsv4-drip-edge,.vsv4-drip-edge svg{height:120px}.vsv4-mithaas{min-height:690px;padding-top:64px}.vsv4-find{font-size:35px}.vsv4-mithaas h1{font-size:145px}.vsv4-cat-gallery{margin-top:46px}.vsv4-cat-img{height:220px}.vsv4-cat-card strong{font-size:20px}}
@media(max-width:780px){.vsv4-signature,.vsv4-feature{grid-template-columns:1fr}.vsv4-signature-stage,.vsv4-feature-stage{min-height:540px}.vsv4-signature-copy,.vsv4-feature-copy{padding:68px 8vw 82px}.vsv4-detail-strip{grid-template-columns:1fr 1fr}.vsv4-grid{grid-template-columns:1fr 1fr}.vsv4-footer{grid-template-columns:1fr;gap:32px}.vsv4-footer-bottom{display:block}.ring-back{width:380px;height:380px;border-width:50px}.ring-front{width:245px;height:245px}.vsv4-product-placeholder.gulab{width:205px;height:205px}.vsv4-feature-loop{width:360px;height:360px}.vsv4-product-placeholder.laddu{width:245px;height:245px}}
@media(max-width:520px){.vsv4-notice{min-height:52px;font-size:12.5px;padding:8px 18px}.vsv4-header-inner{grid-template-columns:55px 1fr 98px;padding:0 12px}.vsv4-brand{width:108px}.vsv4-brand img{width:102px}.vsv4-actions{gap:7px}.vsv4-account,.vsv4-cart{width:42px;height:42px}.vsv4-menu-btn{padding-left:7px}.vsv4-menu-btn i{width:28px}.vsv4-hero{height:525px}.vsv4-search{left:18px;right:18px;top:17px;height:49px;padding:0 14px}.vsv4-search svg{width:23px;margin-right:12px}.vsv4-search input{font-size:16px}.vsv4-hero-stage{top:79px;bottom:61px}.vsv4-ghost-urdu{top:27%;font-size:90px}.vsv4-tray{width:58vw}.vsv4-tray-left{left:-33vw;top:43%;transform:rotate(22deg)}.vsv4-tray-right{right:-33vw;top:43%;transform:rotate(-22deg)}.vsv4-hero-copy{top:58%;width:60%}.vsv4-kicker{font-size:32px}.vsv4-wah{font-size:76px;margin-top:10px}.vsv4-bowl{width:92px;height:92px}.vsv4-bowl-left{left:19%;bottom:0}.vsv4-bowl-right{right:19%;bottom:0}.vsv4-bowl-left .tl,.vsv4-bowl-right .tr{height:80px;top:-51px}.vsv4-bowl-left .bl,.vsv4-bowl-right .br{width:120px}.vsv4-drip-edge,.vsv4-drip-edge svg{height:76px}.vsv4-drip.d1{top:25px;height:36px}.vsv4-drip.d2{top:24px;height:50px}.vsv4-mithaas{min-height:980px;height:auto;padding:42px 18px 70px}.vsv4-find{font-size:21px}.vsv4-mithaas h1{font-size:72px}.vsv4-cat-gallery{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px;margin-top:40px}.vsv4-cat-img{height:150px}.vsv4-cat-card strong{font-size:17px;line-height:1.18}.vsv4-cat-card:last-child{grid-column:1/-1;width:50%;justify-self:center}.vsv4-detail-strip{grid-template-columns:1fr}.vsv4-detail-strip article{height:190px}.vsv4-grid{grid-template-columns:1fr}.vsv4-products-title{display:block}.vsv4-products-title h2{font-size:105px;line-height:.82;margin-top:12px}.vsv4-photo{height:335px}.vsv4-signature-copy,.vsv4-feature-copy{padding:58px 20px 70px}.vsv4-signature-copy h2,.vsv4-feature-copy h2{font-size:47px}.vsv4-footer{padding:58px 20px 25px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* mobile screenshot calibration pass */
.vsv4-cart b{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#8b6337;display:grid;place-items:center;right:-5px;top:-8px;color:#fff;text-shadow:none;font-size:12px}
.vsv4-hero-stage:before,.vsv4-hero-stage:after{content:'';position:absolute;top:8%;bottom:3%;width:1px;background:rgba(70,42,21,.22);z-index:1}.vsv4-hero-stage:before{left:28.5%}.vsv4-hero-stage:after{right:28.5%}
@media(max-width:520px){
 .vsv4-hero{height:470px}
 .vsv4-search{left:15px;right:15px;top:14px;height:42px;padding:0 13px}
 .vsv4-search svg{width:21px;height:21px;margin-right:11px}
 .vsv4-search input{font-size:15px}
 .vsv4-hero-stage{top:66px;bottom:55px}
 .vsv4-ghost-urdu{top:27%;font-size:88px}
 .vsv4-tray{width:58vw}
 .vsv4-tray-left{left:-33vw;top:43%}
 .vsv4-tray-right{right:-33vw;top:43%}
 .vsv4-hero-copy{top:52%;width:61%}
 .vsv4-kicker{font-size:31px;line-height:1.16}
 .vsv4-wah{font-size:74px;margin-top:9px}
 .vsv4-bowl{width:90px;height:90px}
 .vsv4-bowl-left{left:18%;bottom:0}.vsv4-bowl-right{right:18%;bottom:0}
 .vsv4-drip-edge,.vsv4-drip-edge svg{height:58px}
 .vsv4-drip.d1{top:18px;height:29px}.vsv4-drip.d2{top:18px;height:40px}
 .vsv4-mithaas{height:auto}
}

/* V4.2 — Find Your Mithaas responsive parity + mobile visibility safeguard */
.vsv4-cat-gallery,
.vsv4-cat-card,
.vsv4-cat-img,
.vsv4-cat-img img{
  visibility:visible;
}
.vsv4-cat-card{opacity:1}
.vsv4-cat-img img{opacity:1}

@media (min-width: 781px){
  .vsv4-mithaas{padding:64px 4vw 86px;min-height:690px;height:auto}
  .vsv4-cat-gallery{width:min(1240px,94vw);grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin-top:48px}
  .vsv4-cat-img{height:225px}
  .vsv4-cat-card strong{font-size:20px;min-height:48px;display:flex;align-items:flex-start;justify-content:center}
}

@media (max-width: 780px){
  .vsv4-mithaas{height:auto!important;min-height:0!important;padding:44px 16px 72px!important;overflow:visible}
  .vsv4-cat-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:560px;gap:34px 14px!important;margin:38px auto 0!important;align-items:start!important;opacity:1!important;visibility:visible!important}
  .vsv4-cat-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;opacity:1!important;visibility:visible!important;min-width:0!important}
  .vsv4-cat-img{display:flex!important;width:100%!important;height:168px!important;align-items:center!important;justify-content:center!important;opacity:1!important;visibility:visible!important}
  .vsv4-cat-img img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;opacity:1!important;visibility:visible!important}
  .vsv4-cat-card strong{display:block!important;color:#111!important;font-size:17px!important;line-height:1.18!important;margin-top:10px!important;opacity:1!important;visibility:visible!important}
  .vsv4-cat-card:last-child{grid-column:1/-1!important;width:50%!important;justify-self:center!important}
}

@media (max-width: 430px){
  .vsv4-cat-gallery{gap:30px 10px!important;margin-top:34px!important}
  .vsv4-cat-img{height:150px!important}
  .vsv4-cat-card strong{font-size:16px!important}
}


/* V4.3 — persistent hero trays + bidirectional Mithaas scroll entrances */
.vsv4-tray,
.vsv4-tray-motion,
.vsv4-tray-motion img{
  opacity:1!important;
  visibility:visible!important;
}
.vsv4-tray-motion{
  width:100%;
  height:auto;
  will-change:transform;
  transform-origin:center center;
}
.vsv4-tray-motion img{width:100%;height:auto}
.vsv4-cat-card{
  will-change:transform;
  backface-visibility:hidden;
  transform:translateZ(0);
}
@media(max-width:780px){
  .vsv4-cat-gallery{overflow:visible!important}
  .vsv4-cat-card{opacity:1!important;visibility:visible!important}
}

/* ================================================================
   V4.4 — hard stability fix
   1) Hero trays: CSS-only entrance, never controlled by ScrollTrigger.
   2) Mithaas cards: IntersectionObserver-driven alternating side entrances.
   ================================================================ */

/* Hero tray final state is always visible. */
.vsv4-tray{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none;
}
.vsv4-tray-motion,
.vsv4-tray-motion img{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

/* Per-side variables let one keyframe keep the exact responsive final rotation. */
.vsv4-tray-left{
  --vsv4-tray-start-x:-62vw;
  --vsv4-tray-start-rot:10deg;
  --vsv4-tray-final-rot:21deg;
  transform:translate3d(0,0,0) rotate(var(--vsv4-tray-final-rot))!important;
  animation:vsv4TrayIn 1.05s cubic-bezier(.16,1,.3,1) .30s both;
}
.vsv4-tray-right{
  --vsv4-tray-start-x:62vw;
  --vsv4-tray-start-rot:-10deg;
  --vsv4-tray-final-rot:-21deg;
  transform:translate3d(0,0,0) rotate(var(--vsv4-tray-final-rot))!important;
  animation:vsv4TrayIn 1.05s cubic-bezier(.16,1,.3,1) .30s both;
}
@keyframes vsv4TrayIn{
  from{transform:translate3d(var(--vsv4-tray-start-x),28px,0) rotate(var(--vsv4-tray-start-rot))}
  to{transform:translate3d(0,0,0) rotate(var(--vsv4-tray-final-rot))}
}

/* Category cards are visible without JS. Motion starts only after JS confirms IO. */
.vsv4-cat-card{
  opacity:1!important;
  visibility:visible!important;
  transition:transform .82s cubic-bezier(.16,1,.3,1)!important;
  transform:translate3d(0,0,0);
}
body.vsv4-category-motion-ready .vsv4-cat-card:nth-child(odd):not(.is-inview){
  transform:translate3d(-34vw,0,0)!important;
}
body.vsv4-category-motion-ready .vsv4-cat-card:nth-child(even):not(.is-inview){
  transform:translate3d(34vw,0,0)!important;
}
body.vsv4-category-motion-ready .vsv4-cat-card.is-inview{
  transform:translate3d(0,0,0)!important;
}

@media(min-width:781px){
  .vsv4-tray-left{--vsv4-tray-start-x:-48vw;--vsv4-tray-final-rot:13deg}
  .vsv4-tray-right{--vsv4-tray-start-x:48vw;--vsv4-tray-final-rot:-13deg}
  body.vsv4-category-motion-ready .vsv4-cat-card:nth-child(odd):not(.is-inview){transform:translate3d(-18vw,0,0)!important}
  body.vsv4-category-motion-ready .vsv4-cat-card:nth-child(even):not(.is-inview){transform:translate3d(18vw,0,0)!important}
}

@media(max-width:520px){
  .vsv4-tray-left{--vsv4-tray-start-x:-72vw;--vsv4-tray-final-rot:22deg}
  .vsv4-tray-right{--vsv4-tray-start-x:72vw;--vsv4-tray-final-rot:-22deg}
  body.vsv4-category-motion-ready .vsv4-cat-card:nth-child(odd):not(.is-inview){transform:translate3d(-46vw,0,0)!important}
  body.vsv4-category-motion-ready .vsv4-cat-card:nth-child(even):not(.is-inview){transform:translate3d(46vw,0,0)!important}
}

@media(prefers-reduced-motion:reduce){
  .vsv4-tray-left,.vsv4-tray-right{animation:none!important}
  body.vsv4-category-motion-ready .vsv4-cat-card{transform:none!important;transition:none!important}
}


/* ================================================================
   V4.5 — scroll-proof hero + reliable category-image entrances
   ----------------------------------------------------------------
   Hero trays:
   - the OUTER tray owns only its permanent position/rotation;
   - the INNER tray-motion does the one-time side entrance;
   - no keyframe fill state and no ScrollTrigger ever touches a tray.
   This avoids iOS Safari losing the trays after scroll/compositor rebuilds.

   Find Your Mithaas:
   - cards stay in normal layout at all times;
   - only the image inside each card moves left/right;
   - ScrollTrigger watches the untransformed card, so the trigger can never
     deadlock because the animated image starts outside the viewport.
   ================================================================ */

/* Kill V4.4 keyframes on the permanent tray wrappers. */
.vsv4-tray-left,
.vsv4-tray-right{
  animation:none!important;
  opacity:1!important;
  visibility:visible!important;
  will-change:auto!important;
}
.vsv4-tray-left{transform:translate3d(0,0,0) rotate(21deg)!important}
.vsv4-tray-right{transform:translate3d(0,0,0) rotate(-21deg)!important}

/* The inner layer alone performs the opening movement. */
.vsv4-tray-motion{
  opacity:1!important;
  visibility:visible!important;
  transform:translate3d(0,0,0)!important;
  transition:transform 1.05s cubic-bezier(.16,1,.3,1) .30s!important;
  will-change:transform!important;
}
.vsv4-tray-motion img{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
html.vsv4-prep .vsv4-tray-left .vsv4-tray-motion{
  transform:translate3d(-72vw,28px,0)!important;
}
html.vsv4-prep .vsv4-tray-right .vsv4-tray-motion{
  transform:translate3d(72vw,28px,0)!important;
}

/* Do not let the older observer CSS move the card itself. */
body.vsv4-category-motion-ready .vsv4-cat-card,
body.vsv4-category-motion-ready .vsv4-cat-card:nth-child(odd):not(.is-inview),
body.vsv4-category-motion-ready .vsv4-cat-card:nth-child(even):not(.is-inview),
body.vsv4-category-motion-ready .vsv4-cat-card.is-inview,
.vsv4-cat-card{
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
}
.vsv4-cat-img{
  opacity:1!important;
  visibility:visible!important;
  transition:none!important;
  will-change:transform;
  backface-visibility:hidden;
}
.vsv4-cat-card:hover .vsv4-cat-img{transform:none}
.vsv4-cat-img img{will-change:transform;backface-visibility:hidden}

@media(min-width:781px){
  .vsv4-tray-left{transform:translate3d(0,0,0) rotate(13deg)!important}
  .vsv4-tray-right{transform:translate3d(0,0,0) rotate(-13deg)!important}
  html.vsv4-prep .vsv4-tray-left .vsv4-tray-motion{transform:translate3d(-48vw,22px,0)!important}
  html.vsv4-prep .vsv4-tray-right .vsv4-tray-motion{transform:translate3d(48vw,22px,0)!important}
}
@media(max-width:520px){
  .vsv4-tray-left{transform:translate3d(0,0,0) rotate(22deg)!important}
  .vsv4-tray-right{transform:translate3d(0,0,0) rotate(-22deg)!important}
  html.vsv4-prep .vsv4-tray-left .vsv4-tray-motion{transform:translate3d(-78vw,24px,0)!important}
  html.vsv4-prep .vsv4-tray-right .vsv4-tray-motion{transform:translate3d(78vw,24px,0)!important}
}
@media(prefers-reduced-motion:reduce){
  .vsv4-tray-motion{transition:none!important}
  html.vsv4-prep .vsv4-tray-motion{transform:none!important}
  .vsv4-cat-img{transform:none!important}
}