@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Kalam:wght@400;700&family=Tiro+Devanagari+Hindi:ital@0;1&display=swap');
:root{--product-bg:#f5f1e8;--navy:#172b48;--orange:#eb602f;--yellow:#f0bd39;--muted:#6f6a60}.products-page{background:var(--product-bg)}.products-page:before{display:none}.products-page .nav{background:rgba(245,241,232,.92)}
.product-hero{min-height:440px;display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:60px;padding-block:76px 62px}.kicker{font-size:.78rem;font-weight:700;letter-spacing:.16em;color:var(--orange)}.product-hero h1{font-family:'Tiro Devanagari Hindi',serif;font-size:clamp(4rem,8vw,7.8rem);font-weight:400;line-height:.89;margin:24px 0 0;letter-spacing:-.045em}.product-hero h1 em{font-style:normal;color:var(--orange);position:relative}.product-hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:10px;background:var(--yellow);border-radius:50%;transform:rotate(-1deg);z-index:-1}.hero-note{border-left:1px solid #cbc3b5;padding-left:28px;margin-bottom:10px}.hero-note span{font-family:'Kalam',cursive;font-size:2rem;color:var(--navy)}.hero-note p{font-size:1rem;line-height:1.65;color:var(--muted);max-width:330px}
.product-controls{position:sticky;top:76px;z-index:8;background:rgba(245,241,232,.94);backdrop-filter:blur(14px);border-block:1px solid #d8d0c1}.control-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.filter-group{display:flex;gap:9px;flex-wrap:wrap}.product-filter{border:1px solid #cfc6b8;background:transparent;border-radius:999px;padding:11px 17px;font:600 .9rem 'DM Sans',sans-serif;color:var(--navy);cursor:pointer;transition:.25s}.product-filter span{opacity:.5;margin-left:5px}.product-filter:hover,.product-filter.active{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-1px)}.category-select{display:flex;align-items:center;gap:10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.category-select select{font:600 .9rem 'DM Sans',sans-serif;color:var(--navy);background:#fff;border:1px solid #d8d0c1;border-radius:10px;padding:11px 34px 11px 12px}
.collection{padding-block:62px 110px}.collection-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.collection-heading span{font-family:'Kalam',cursive;color:var(--orange);font-size:1.2rem}.collection-heading h2{font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.045em;margin:4px 0}.collection-heading p{color:var(--muted)}.product-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-tile{background:#fff;border:1px solid #ded7ca;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;animation:tile-in .55s both}.product-tile:hover{transform:translateY(-7px);box-shadow:0 22px 60px rgba(43,31,14,.12)}.product-media{height:330px;position:relative;display:grid;place-items:center;padding:28px;background:#f7d65d}.product-tile[data-brand="shri"] .product-media{background:#d8e4ff}.product-media:before{content:"";position:absolute;inset:18px;border:1px solid rgba(23,43,72,.13);border-radius:16px}.product-media img{width:100%;height:100%;object-fit:contain;position:relative;filter:drop-shadow(0 17px 14px rgba(56,34,10,.22));transition:transform .4s ease}.product-tile:hover .product-media img{transform:scale(1.035)}.weight-chip{position:absolute;top:20px;right:20px;background:var(--navy);color:#fff;border-radius:999px;padding:8px 12px;font-weight:700;font-size:.82rem;z-index:2}.product-copy{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}.product-meta{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}.product-tile[data-brand="shri"] .product-meta{color:#355caf}.product-copy h3{font-size:1.38rem;margin:8px 0 3px;color:var(--navy)}.product-copy .hindi{font-family:'Tiro Devanagari Hindi',serif;font-size:1rem;line-height:1.5;margin:15px 0 3px}.product-copy .english{font-size:.85rem;line-height:1.5;color:var(--muted);margin:0}.pack-line{margin-top:auto;padding-top:18px;border-top:1px solid #eee8de;display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}.pack-line b{color:var(--navy)}.empty-state{text-align:center;padding:80px 20px;color:var(--muted)}
.trade-strip{background:var(--navy);color:#fff}.trade-strip>.shell{min-height:260px;display:grid;grid-template-columns:1.2fr .8fr auto;align-items:center;gap:40px}.trade-strip span{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;color:#f6c64a}.trade-strip h2{font-family:'Tiro Devanagari Hindi',serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:400;margin:10px 0 0}.trade-strip p{line-height:1.6;color:#d6dbe3}.trade-strip a{background:var(--orange);padding:14px 20px;border-radius:999px;font-weight:700;white-space:nowrap}
@keyframes tile-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:900px){.product-list{grid-template-columns:repeat(2,1fr)}.trade-strip>.shell{grid-template-columns:1fr 1fr}.trade-strip a{grid-column:1/-1;justify-self:start;margin-bottom:35px}}@media(max-width:650px){.product-hero{grid-template-columns:1fr;min-height:auto;padding-block:52px 42px;gap:32px}.product-hero h1{font-size:3.9rem}.hero-note{margin:0}.product-controls{top:66px}.control-row{align-items:flex-start;flex-direction:column;padding-block:14px}.category-select{width:100%;justify-content:space-between}.product-list{grid-template-columns:1fr}.product-media{height:360px}.collection{padding-top:45px}.collection-heading{align-items:flex-start}.trade-strip>.shell{grid-template-columns:1fr;padding-block:55px}.trade-strip a{grid-column:auto;margin:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.mobile-nav{display:none}@media(max-width:650px){body{padding-bottom:64px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:10px;z-index:50;background:rgba(23,43,72,.96);backdrop-filter:blur(14px);padding:7px;border-radius:16px;box-shadow:0 15px 40px #0004}.mobile-nav a{color:#bac2ce;text-align:center;padding:10px 4px;border-radius:10px;font-size:.75rem;font-weight:700}.mobile-nav a.active{background:var(--orange);color:#fff}}
.product-tile.compact-500 .product-media img{width:72%;height:72%}.product-tile.compact-5 .product-media img{width:74%;height:74%}.premium-range{border-color:#b7c8ef;box-shadow:0 13px 36px rgba(42,74,143,.1)}.premium-range .product-media{background:linear-gradient(145deg,#edf2ff 0%,#cbd9ff 55%,#afc5ff 100%)}.premium-range .product-copy{background:linear-gradient(180deg,#fff 0%,#f9fbff 100%)}.premium-range:hover{box-shadow:0 24px 62px rgba(42,74,143,.2)}.premium-chip{position:absolute;top:20px;left:20px;z-index:2;background:#fff;color:#284a9c;border:1px solid rgba(40,74,156,.18);border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:800;letter-spacing:.04em;box-shadow:0 8px 22px rgba(32,60,124,.14)}.product-description{font-size:.9rem;line-height:1.58;color:var(--muted);margin:15px 0 4px}.language-hindi .product-description{font-family:'Tiro Devanagari Hindi',serif;font-size:1rem}@media(max-width:650px){.product-tile.compact-500 .product-media img{width:68%;height:68%}.product-tile.compact-5 .product-media img{width:72%;height:72%}}
.product-media{overflow:hidden}.product-shot{position:absolute;inset:24px;background-image:var(--shot);background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 17px 14px rgba(56,34,10,.22));transition:opacity .35s ease,transform .4s ease;z-index:1}.product-piece.clean-single{background-size:72% auto}.product-piece.from-pair{background-size:auto 88%;background-position:left center}.product-piece.from-pair.steel{background-size:auto 86%}.product-piece.from-pair.daana{background-size:auto 84%}.product-box{opacity:0;background-size:140% auto;background-position:right center;transform:scale(.96)}.product-box.jar-view{background-size:auto 96%;background-position:left center}.compact-500 .product-piece{inset:34px;background-size:70% auto}.compact-5 .product-piece{inset:38px;background-size:76% auto}@media(hover:hover){.product-tile:not(.solo-product):hover .product-piece{opacity:0;transform:scale(.96)}.product-tile:not(.solo-product):hover .product-box{opacity:1;transform:scale(1)}}@media(max-width:650px){.product-shot{inset:28px}.compact-500 .product-piece{inset:42px;background-size:68% auto}.compact-5 .product-piece{inset:44px;background-size:74% auto}}
.product-canvas{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain;filter:drop-shadow(0 17px 14px rgba(56,34,10,.22));transition:opacity .35s ease,transform .4s ease;z-index:1}.product-box-canvas{opacity:0;transform:scale(.96)}@media(hover:hover){.product-tile:not(.solo-product):hover .product-piece-canvas{opacity:0;transform:scale(.97)}.product-tile:not(.solo-product):hover .product-box-canvas{opacity:1;transform:scale(1)}}@media(max-width:650px){.product-canvas{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}}