.hero-diwali{background:#f4ead8}
.diwali-poster{position:relative;isolation:isolate;width:100%;height:100%;min-height:480px;overflow:hidden;padding:30px 34px 24px;background:#f7eedc var(--diwali-background) center/100% 100% no-repeat;color:#4f3925;display:flex;flex-direction:column;align-items:center}
.diwali-poster:before{content:'';position:absolute;inset:0;background:#fff8ed30;z-index:-1}
.diwali-poster-copy{text-align:center;position:relative;z-index:1}
.diwali-poster-copy>span{font-size:9px;letter-spacing:3px}
.diwali-poster-copy strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:clamp(26px,3.3vw,44px);line-height:1.1;margin:10px 0}
.diwali-poster-copy p{margin:0;font-size:11px;letter-spacing:.6px}
.diwali-products{position:relative;flex:1;width:100%;max-width:360px;min-height:240px;margin:24px auto 100px;display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}
.diwali-products img{position:static;display:block;width:100%;height:100%;min-height:0;object-fit:cover;border:5px solid #fffaf0;box-shadow:0 12px 30px #54381b30}
.diwali-products .diwali-main-product{grid-row:1 / 3;border-radius:46% 46% 4px 4px;object-position:center}
.diwali-small-product{min-width:0}
.diwali-floral{object-position:center}
.diwali-clover{object-position:center}
.diwali-poster-note{position:relative;z-index:1;font-size:8px;letter-spacing:2px;text-align:center}
.product-share-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #d8ccb6;padding:7px 10px;background:#faf6ec;color:#554632;font-size:11px;line-height:1.4;margin:14px 0 20px;cursor:pointer}
.product-share-button svg{width:14px;height:14px}
.product-share-button:hover{background:#eee4d0}
#share-dialog{width:min(460px,calc(100vw - 28px));padding:24px;box-sizing:border-box;border:1px solid #ddcfb4;background:#fffcf5;color:#342e24}
#share-dialog .drawer-header{gap:16px}
#share-dialog h2{font-size:27px}
#share-dialog>p{overflow-wrap:anywhere}
.share-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.share-options a,.share-options button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:10px 4px;border:0;background:transparent;color:inherit;font-size:11px;line-height:1.4;text-align:center;cursor:pointer}
.share-options svg{width:17px;height:17px}
.share-url-label{display:block;font-size:12px}
#share-url{width:100%;min-width:0;margin-top:6px;font-size:12px}
#share-status{font-size:12px;min-height:18px}
@media(max-width:800px){.diwali-poster{min-height:360px;padding:24px 18px 20px}.diwali-products{min-height:180px;margin-bottom:80px}.diwali-poster-copy strong{font-size:28px}}
@media(max-width:600px){.diwali-poster{min-height:0;padding:18px 20px 14px}.diwali-products{min-height:0;max-width:190px;margin:12px auto 66px;gap:6px}.diwali-poster-copy strong{font-size:29px}.diwali-poster-copy>span{font-size:8px}.diwali-poster-note{font-size:7px}.diwali-products img{border-width:4px}}

.share-app-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eee5d4;color:#68543a}
.share-options .share-app-icon svg{width:20px;height:20px}
.share-whatsapp{background:#e2f2e5;color:#287441}
.share-telegram{background:#e0eff7;color:#237da6}
.share-instagram{background:#f4e4e9;color:#a4446c}
.share-options a:hover .share-app-icon,.share-options button:hover .share-app-icon{box-shadow:0 0 0 2px #d3bd91}
.share-options :focus-visible{outline:2px solid #927044;outline-offset:2px}

/* Soft festive lights sit behind the jewellery and copy. */
.diwali-poster:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 9% 12%,#fff8c9 0 2px,#e8bd6655 4px,transparent 13px),radial-gradient(circle at 88% 18%,#fff9db 0 2px,#e8bd6655 4px,transparent 14px),radial-gradient(circle at 7% 63%,#fff7be 0 1px,#e8bd6644 3px,transparent 10px),radial-gradient(circle at 89% 68%,#fff9dc 0 2px,#e8bd6655 4px,transparent 12px),radial-gradient(circle at 26% 87%,#fff9dc 0 1px,#e8bd6644 3px,transparent 10px);animation:diwali-twinkle 4s ease-in-out infinite alternate}
@keyframes diwali-twinkle{from{opacity:.35}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.diwali-poster:after{animation:none;opacity:.65}}