/* ════════════════════════════════════════════════════════════════════
   Codelith Lab "Our Work" showcase — DEEPOTSAV EDITION 2026  (owd.css)
   Ek root class: html.owd-on (?owd=off = band). codelithlab.com Deepotsav
   jaisa: ivory + champagne gold + emerald. Site poori CSS variables par
   chalti hai — palette yahin badalti hai, baaki selectors sirf wahan jahan
   rang hardcoded hai. Decor kabhi content ke upar nahi (z<content).
   Motion do tier (reduce par bhi tier-1 chalta — Aditya ki machine).
   ════════════════════════════════════════════════════════════════════ */

html.owd-on, html.owd-on[data-theme] {
  --navy: #0F2E2B; --navy2: #123A35; --navy3: #18493F;
  --blue: #8F6419; --blue-d: #6E4A12; --blue-l: #E2B65C;
  --mist: #F1E7D4; --mist-d: #E3D3B5;
  --white: #FFFCF6; --surface: #FFFFFF; --ink: #12302C; --muted: #5C6A64;
  --sh-sm: 0 1px 2px rgba(120, 84, 24, .06), 0 6px 16px -8px rgba(120, 84, 24, .16);
  --sh: 0 1px 2px rgba(120, 84, 24, .06), 0 8px 24px -12px rgba(120, 84, 24, .16), 0 24px 48px -28px rgba(120, 84, 24, .22);
  --sh-lg: 0 1px 2px rgba(120, 84, 24, .08), 0 14px 32px -12px rgba(120, 84, 24, .24), 0 32px 64px -30px rgba(184, 134, 47, .34);
  --glow: 0 0 0 1px rgba(226, 182, 92, .45), 0 24px 56px -20px rgba(184, 134, 47, .45);
  --owd-gold: #B8862F; --owd-gold-hi: #E2B65C; --owd-gold-deep: #8A5F1A;
  --owd-em: #0E9E7A; --owd-em-deep: #0A6650; --owd-line: #EFE4D0;
  --owd-foil: linear-gradient(100deg, #7A5216 0%, #B8862F 24%, #D9AC5E 40%, #AE7C29 58%, #7E5618 78%, #BF9142 100%);
  --owd-foil-bright: linear-gradient(100deg, #B8862F 0%, #EFCB7E 22%, #FFF3D2 38%, #E7BE6A 54%, #B9883A 76%, #F0D08C 100%);
  --owd-serif: "Cormorant Garamond", Georgia, serif;
  --owd-ease: cubic-bezier(.22, .8, .24, 1);
  scrollbar-color: #D9C29A #FFFCF6;
}
html.owd-on ::selection { background: rgba(226, 182, 92, .4); color: var(--ink); }
/* light edition: dark toggle + cursor glow band (Aditya ko cursor-follow glow pasand nahi) */
html.owd-on #themeBtn, html.owd-on #glow { display: none !important; }
html.owd-on #progress { background: linear-gradient(90deg, #E7BE6A, #B8862F 60%, #EE8A22) !important; box-shadow: 0 0 10px rgba(226, 182, 92, .6) !important; }
html.owd-on nav.main a.nl[href="/refer/"], html.owd-on .mobile-menu a[href="/refer/"] { color: var(--owd-em-deep) !important; }

/* ════ RIBBON ═══════════════════════════════════════════════════════ */
.owd-ribbon { display: none; }
html.owd-on .owd-ribbon {
  position: relative; z-index: 101; display: flex; align-items: center; justify-content: center; gap: 16px;
  min-height: 40px; padding: 8px 48px; font: 500 13px/1.3 var(--sans); text-align: center; color: var(--ink);
  background: linear-gradient(90deg, #FFE9BA, #FFF9EC 30%, #FFF9EC 70%, #FFE9BA);
  box-shadow: inset 0 -1px 0 rgba(184, 134, 47, .28), inset 0 1px 0 rgba(255, 255, 255, .9); overflow: hidden;
}
html.owd-on .owd-ribbon:empty { min-height: 40px; }
html.owd-on .owd-ribbon.owd-gone, html.owd-on body.refbar-on .owd-ribbon { display: none; }
html.owd-on .owd-ribbon::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(105deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, 0) 60%) no-repeat;
  background-size: 300% 100%; background-position: 150% 0; animation: owd-sheen 7s ease-in-out infinite;
}
@keyframes owd-sheen { 0%, 60% { background-position: 150% 0; } 100% { background-position: -50% 0; } }
html.owd-on .owd-ribbon > * { position: relative; z-index: 1; }
html.owd-on .owd-rib-ed { font: italic 600 17px/1 var(--owd-serif); background-image: linear-gradient(180deg, #C99A4A, #7A5216); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
html.owd-on .owd-rib-sep { width: 4px; height: 4px; border-radius: 50%; background: #C9973B; opacity: .7; flex: none; }
html.owd-on .owd-rib-cd b { display: inline-block; min-width: 96px; margin-left: 4px; padding: 2px 8px; border-radius: 99px; font-weight: 700; font-variant-numeric: tabular-nums; color: #7A5216; background: rgba(255, 255, 255, .75); box-shadow: inset 0 0 0 1px rgba(184, 134, 47, .3); }
html.owd-on .owd-rib-offer s, html.owd-on .owd-rib-gst { color: var(--muted); }
html.owd-on .owd-rib-gst { font-size: 12px; }
html.owd-on .owd-rib-offer b { color: #7A5216; font-weight: 800; }
html.owd-on .owd-rib-cta { font-weight: 700; color: #0A6650; text-decoration: none; border-bottom: 1px solid rgba(10, 102, 80, .35); padding-bottom: 1px; transition: border-color .18s ease-out, color .18s ease-out; }
html.owd-on .owd-rib-cta:hover { border-color: #0A6650; color: var(--ink); }
html.owd-on .owd-rib-cta:focus-visible, html.owd-on .owd-rib-x:focus-visible { outline: 2px solid #0A6650; outline-offset: 3px; border-radius: 4px; }
html.owd-on .owd-rib-x { position: absolute; right: 8px; top: 50%; width: 32px; height: 32px; margin-top: -16px; border: 0; border-radius: 50%; display: grid; place-items: center; cursor: pointer; background: transparent; color: rgba(18, 48, 44, .55); font-size: 18px; line-height: 1; transition: background-color .18s ease-out, color .18s ease-out; }
html.owd-on .owd-rib-x:hover { background: rgba(255, 255, 255, .8); color: var(--ink); }
html.owd-on .owd-rib-x:active { transform: scale(.94); }
html.owd-on .owd-rib-sm { display: none; }

/* ════ HEADER + TORAN ═══════════════════════════════════════════════ */
html.owd-on header#hdr:not(#_) { background: rgba(255, 252, 246, .88) !important; border-bottom: 1px solid var(--owd-line) !important; box-shadow: 0 8px 24px -18px rgba(120, 84, 24, .28); }
html.owd-on .logo b { color: var(--owd-gold) !important; }
html.owd-on .owd-toran { position: absolute; left: 0; right: 0; top: 100%; height: 54px; pointer-events: none; z-index: 1; overflow: hidden; }
html.owd-on .owd-toran svg { display: block; width: 100%; height: 100%; filter: drop-shadow(0 2px 2px rgba(120, 84, 24, .2)) drop-shadow(0 0 6px rgba(255, 210, 120, .25)); }
html.owd-on .owd-toran .owd-glint { opacity: .35; animation: owd-tw 3.6s ease-in-out infinite; }
@keyframes owd-tw { 0%, 100% { opacity: .25; } 50% { opacity: .9; } }

/* ════ BUTTONS ══════════════════════════════════════════════════════ */
html.owd-on .btn-primary:not(#_) {
  background: linear-gradient(135deg, #FFE7A8 0%, #E7BC66 36%, #C38D34 70%, #E2B35C 100%) !important; background-color: #D9A84E !important;
  color: #2A1708 !important; box-shadow: 0 1px 2px rgba(120, 84, 24, .22), 0 10px 24px -10px rgba(195, 141, 52, .65), inset 0 1px 0 rgba(255, 250, 230, .8) !important;
}
html.owd-on .btn-primary:not(#_) i { color: #2A1708 !important; }
html.owd-on .btn-primary:not(#_):hover { box-shadow: 0 1px 2px rgba(120, 84, 24, .22), 0 18px 36px -12px rgba(195, 141, 52, .75), inset 0 1px 0 rgba(255, 250, 230, .9) !important; filter: brightness(1.04); }
html.owd-on .btn:not(#_):active { transform: scale(.98) !important; }
html.owd-on .btn:focus-visible { outline: 2px solid var(--owd-em-deep); outline-offset: 3px; }
html.owd-on .mobile-menu .mm-cta:not(#_) { color: #2A1708 !important; }
html.owd-on .btn-ghost:not(#_):hover, html.owd-on .plan .pbtn:not(#_):hover { background: var(--navy) !important; color: #FFF6E2 !important; }
html.owd-on .filters button.active:not(#_) { background: linear-gradient(120deg, #0E7A63, #0A5546) !important; box-shadow: 0 0 0 1px rgba(226, 182, 92, .6), 0 10px 24px -8px rgba(10, 85, 70, .45) !important; color: #FFF6E2 !important; }

/* ════ HERO — ujla ivory nimantran ══════════════════════════════════ */
html.owd-on .hero:not(#_) {
  background-color: #FFFCF6 !important; color: var(--ink) !important;
  background-image:
    radial-gradient(46% 60% at 8% 0%, rgba(255, 196, 140, .42) 0%, rgba(255, 196, 140, 0) 70%),
    radial-gradient(40% 50% at 96% 10%, rgba(240, 130, 170, .2) 0%, rgba(240, 130, 170, 0) 70%),
    radial-gradient(60% 46% at 50% 0%, rgba(239, 203, 126, .34) 0%, rgba(239, 203, 126, 0) 70%),
    radial-gradient(70% 40% at 50% 100%, rgba(14, 158, 122, .08) 0%, rgba(14, 158, 122, 0) 70%),
    linear-gradient(180deg, #FFFCF6 0%, #FFF8EC 100%) !important;
  padding-top: 112px;
}
html.owd-on .hero:not(#_)::before { display: none; }
html.owd-on .hero .b1:not(#_) { background: radial-gradient(circle, rgba(239, 190, 100, .9), transparent 70%); opacity: .22; }
html.owd-on .hero .b2:not(#_) { background: radial-gradient(circle, rgba(236, 120, 160, .7), transparent 70%); opacity: .16; }
html.owd-on .hero .b3:not(#_) { background: radial-gradient(circle, rgba(14, 158, 122, .6), transparent 70%); opacity: .1; }
html.owd-on .hero h1:not(#_) { color: var(--ink) !important; }
html.owd-on .hero h1 .grad:not(#_), html.owd-on .grad:not(#_) {
  background-image: linear-gradient(100deg, #7A5216 0%, #B8862F 18%, #D9AC5E 32%, #F0D08C 42%, #B8862F 56%, #8A5F1A 72%, #C99A4A 88%, #7A5216 100%) !important;
  background-size: 200% auto !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .8)) drop-shadow(0 6px 14px rgba(184, 134, 47, .22));
}
html.owd-on .hero p:not(#_) { color: #4B5D57 !important; }
html.owd-on .hero .badge:not(#_) { background: rgba(255, 255, 255, .88) !important; border-color: var(--owd-line) !important; color: var(--ink) !important; text-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: 0 1px 2px rgba(120, 84, 24, .06), 0 6px 16px -10px rgba(120, 84, 24, .22); }
html.owd-on .hero .badge .dot:not(#_) { background: #EE8A22; box-shadow: 0 0 0 4px rgba(238, 138, 34, .18); }
html.owd-on .hero .btn-light:not(#_) { background: rgba(255, 255, 255, .86) !important; color: var(--ink) !important; border-color: rgba(184, 134, 47, .45) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.owd-on .hero .btn-light:not(#_):hover { color: #8A5F1A !important; border-color: #B8862F !important; }
html.owd-on .hero .scroll-ind:not(#_) { color: var(--owd-gold) !important; }
html.owd-on .owd-hero > .wrap { position: relative; z-index: 2; }
html.owd-on .owd-dust { position: absolute; left: 0; top: 0; width: 100%; z-index: 0; pointer-events: none; }
html.owd-on .owd-hero-glow { position: absolute; left: 50%; top: 36%; width: 900px; height: 520px; margin: -260px 0 0 -450px; z-index: 0; pointer-events: none; background: radial-gradient(closest-side, rgba(255, 214, 140, .38), rgba(255, 214, 140, 0)); animation: owd-flick 5.6s ease-in-out infinite; }
html.owd-on .owd-mandala { position: absolute; left: 50%; top: 0; width: 1100px; height: 1100px; margin: -330px 0 0 -550px; z-index: 0; pointer-events: none; color: var(--owd-gold); opacity: .22; -webkit-mask-image: radial-gradient(closest-side, #000 36%, transparent 100%); mask-image: radial-gradient(closest-side, #000 36%, transparent 100%); }
html.owd-on .owd-mandala svg { width: 100%; height: 100%; display: block; }
@media (prefers-reduced-motion: no-preference) { html.owd-on .owd-mandala svg { animation: owd-spin 240s linear infinite; } }
@keyframes owd-spin { to { transform: rotate(360deg); } }
@keyframes owd-flick { 0%, 100% { opacity: .78; } 22% { opacity: 1; } 47% { opacity: .66; } 71% { opacity: .95; } }

/* "Happy Diwali" — liquid-gold glass text */
html.owd-on .owd-hd { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0 0 8px; line-height: 1; pointer-events: none; }
html.owd-on .owd-fil { display: block; width: 150px; height: 25px; flex: none; }
html.owd-on .owd-fil.r { transform: scaleX(-1); }
html.owd-on .owd-fil svg, html.owd-on .owd-spk svg { display: block; width: 100%; height: 100%; }
html.owd-on .owd-spk { display: block; width: 24px; height: 24px; flex: none; animation: owd-twinkle 3.2s ease-in-out infinite; }
html.owd-on .owd-spk.r { animation-delay: -1.6s; }
@keyframes owd-twinkle { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: no-preference) { html.owd-on .owd-spk { animation-name: owd-twinkle-s; } }
@keyframes owd-twinkle-s { 0%, 100% { opacity: .55; transform: scale(.78) rotate(0deg); } 50% { opacity: 1; transform: scale(1.08) rotate(45deg); } }
html.owd-on .owd-glasstext {
  position: relative; display: inline-block; padding: 2px 6px 10px; font: italic 700 clamp(54px, 6vw, 84px)/1.02 var(--owd-serif); letter-spacing: -.01em; white-space: nowrap;
  background-image: linear-gradient(105deg, rgba(255, 255, 255, 0) 44%, rgba(255, 252, 238, .85) 50%, rgba(255, 255, 255, 0) 56%), linear-gradient(180deg, #E8C27A 0%, #B8862F 30%, #7A5216 60%, #A9772A 82%, #D4A54E 100%);
  background-size: 260% 100%, 100% 100%; background-repeat: no-repeat; background-position: 160% 0, 0 0;
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: .4px rgba(255, 248, 225, .55);
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .9)) drop-shadow(0 2px 1.5px rgba(110, 72, 18, .32)) drop-shadow(0 12px 20px rgba(184, 134, 47, .32));
  animation: owd-glint 6s cubic-bezier(.4, 0, .2, 1) infinite;
}
@keyframes owd-glint { 0%, 55% { background-position: 160% 0, 0 0; } 85%, 100% { background-position: -60% 0, 0 0; } }
html.owd-on .hero .badge + .owd-hd { margin-top: -10px; }

/* ════ AKASH KANDIL (CSS 3D) ════════════════════════════════════════ */
html.owd-on .owd-lantern { position: absolute; top: 40px; z-index: 1; width: 104px; pointer-events: none; transform-origin: 50% 0; --u: 1.04px; }
html.owd-on .owd-lantern.l { left: 4.5%; } html.owd-on .owd-lantern.r { right: 4.5%; }
html.owd-on .owd-lantern::after { content: ""; position: absolute; left: 50%; top: 52%; width: 300px; height: 300px; margin: -150px 0 0 -150px; z-index: -1; border-radius: 50%; pointer-events: none; background: radial-gradient(closest-side, rgba(255, 168, 80, .26), rgba(255, 168, 80, .1) 50%, rgba(255, 168, 80, 0)); animation: owd-flick 3.4s ease-in-out infinite; }
html.owd-on .owd-lantern.r::after { animation-delay: -1.4s; background: radial-gradient(closest-side, rgba(236, 110, 150, .22), rgba(236, 110, 150, .08) 50%, rgba(236, 110, 150, 0)); }
@media (prefers-reduced-motion: no-preference) { html.owd-on .owd-lantern { animation: owd-swing 6.5s ease-in-out infinite; } html.owd-on .owd-lantern.r { animation-duration: 7.6s; animation-delay: -2.2s; } }
@keyframes owd-swing { 0%, 100% { transform: rotate(2deg); } 50% { transform: rotate(-2deg); } }
@media (max-width: 1399px) { html.owd-on .owd-lantern { --u: .8px; width: 80px; left: 2%; } html.owd-on .owd-lantern.r { left: auto; right: 2%; } }
@media (min-width: 1700px) { html.owd-on .owd-lantern { --u: 1.2px; width: 120px; } }
@media (max-width: 1199px) { html.owd-on .owd-lantern, html.owd-on .owd-ksmall { display: none; } }
html.owd-on .k3 { --kdur: calc(var(--kspd, 34s) * var(--kslow, 1)); position: relative; width: calc(100 * var(--u)); height: calc(262 * var(--u)); perspective: calc(620 * var(--u)); }
@media (prefers-reduced-motion: reduce) { html.owd-on { --kslow: 1.8; } }
html.owd-on .kd-hook { position: absolute; left: 50%; top: -4px; width: 8px; height: 8px; margin-left: -4px; border-radius: 50%; border: 1.6px solid #C9973B; box-shadow: 0 0 4px rgba(255, 214, 140, .6); }
html.owd-on .kd-cord { position: absolute; left: 50%; top: 3px; width: 1.4px; margin-left: -.7px; background: linear-gradient(#8A5F1A, #D9A84E); }
html.owd-on .kd-spin { position: absolute; left: 50%; width: 0; height: 0; transform-style: preserve-3d; transform: rotateX(10deg) rotateY(20deg); animation: kd-spin var(--kdur) linear infinite; animation-delay: calc(-1 * var(--k0, 0s)); }
@keyframes kd-spin { from { transform: rotateX(10deg) rotateY(0deg); } to { transform: rotateX(10deg) rotateY(360deg); } }
html.owd-on .kd-spin b { position: absolute; left: 0; top: 0; display: block; }
html.owd-on :is(.kd-f, .kd-g) { backface-visibility: hidden; }
html.owd-on .kd-f { overflow: hidden; }
html.owd-on .kd-f::after { content: ""; position: absolute; inset: 0; background: #1C0A26; opacity: .1; animation: kd-shade var(--kdur) linear infinite; animation-delay: calc(var(--a) * var(--kdur) / -360 - var(--k0, 0s)); }
@keyframes kd-shade { 0%, 100% { opacity: .02; } 12.5% { opacity: .12; } 25% { opacity: .42; } 37.5% { opacity: .62; } 50% { opacity: .66; } 62.5% { opacity: .5; } 75% { opacity: .22; } 87.5% { opacity: .06; } }
html.owd-on .kd-tri { clip-path: polygon(0 0, 100% 0, 50% 100%); }
html.owd-on .kd-tri.kd-lo { clip-path: polygon(50% 0, 100% 100%, 0 100%); }
html.owd-on .kd-dia { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><rect x='0' y='0' width='100' height='100' fill='none' stroke='%23E8BE5A' stroke-width='7'/><rect x='9' y='9' width='82' height='82' fill='none' stroke='%23FFE3A0' stroke-width='1.8' stroke-dasharray='.1 3.7' stroke-linecap='round'/><g transform='translate(50 50) rotate(-45) scale(1.299 1)'><circle r='32.522' fill='none' stroke='%23FFE3A0' stroke-width='1.4' stroke-dasharray='.1 3.1' stroke-linecap='round'/><g fill='none' stroke='%23FFE3A0' stroke-width='1.5'><ellipse cx='0' cy='-21.917' rx='4.8076' ry='9.0496'/><ellipse cx='0' cy='-21.917' rx='4.8076' ry='9.0496' transform='rotate(45)'/><ellipse cx='0' cy='-21.917' rx='4.8076' ry='9.0496' transform='rotate(90)'/><ellipse cx='0' cy='-21.917' rx='4.8076' ry='9.0496' transform='rotate(135)'/><ellipse cx='0' cy='-21.917' rx='4.8076' ry='9.0496' transform='rotate(180)'/><ellipse cx='0' cy='-21.917' rx='4.8076' ry='9.0496' transform='rotate(225)'/><ellipse cx='0' cy='-21.917' rx='4.8076' ry='9.0496' transform='rotate(270)'/><ellipse cx='0' cy='-21.917' rx='4.8076' ry='9.0496' transform='rotate(315)'/><circle r='13.433'/></g><g fill='%23FFE3A0'><circle r='7.07'/></g><circle r='3.1108' fill='%23B5172B' opacity='.55'/></g></svg>") 0 0 / 100% 100%, radial-gradient(closest-side, rgba(255, 238, 180, .5), rgba(255, 238, 180, 0)), radial-gradient(130% 130% at 15% 15%, var(--c1), var(--c2)); }
html.owd-on .kd-tri { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80' preserveAspectRatio='none'><polygon points='0,0 100,0 50,80' fill='none' stroke='%23E8BE5A' stroke-width='6'/><polygon points='15,7 85,7 50,63' fill='none' stroke='%23FFE3A0' stroke-width='1.6' stroke-dasharray='.1 3.4' stroke-linecap='round'/><circle cx='50' cy='25' r='3' fill='%23FFE3A0'/></svg>") 0 0 / 100% 100%, radial-gradient(120% 100% at 35% 20%, var(--c1), var(--c2)); }
html.owd-on .kd-tri.kd-lo { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80' preserveAspectRatio='none'><polygon points='50,0 100,80 0,80' fill='none' stroke='%23E8BE5A' stroke-width='6'/><polygon points='50,17 85,73 15,73' fill='none' stroke='%23FFE3A0' stroke-width='1.6' stroke-dasharray='.1 3.4' stroke-linecap='round'/><circle cx='50' cy='55' r='3' fill='%23FFE3A0'/></svg>") 0 0 / 100% 100%, radial-gradient(120% 100% at 35% 80%, var(--c1), var(--c2)); }
html.owd-on .kd-band { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 9' preserveAspectRatio='none'><path d='M0 1H40M0 8H40' stroke='%23E8BE5A' stroke-width='2'/><polyline points='0,4.5 2.5,2.9 5,4.5 7.5,6.1 10,4.5 12.5,2.9 15,4.5 17.5,6.1 20,4.5 22.5,2.9 25,4.5 27.5,6.1 30,4.5 32.5,2.9 35,4.5 37.5,6.1 40,4.5' fill='none' stroke='%23FFE3A0' stroke-width='.9'/></svg>") 0 0 / 100% 100%, linear-gradient(180deg, #16B891, #0B6A58); }
html.owd-on .kd-lid { backface-visibility: hidden; background: radial-gradient(closest-side, #FFF6D6, #FFC861 45%, #D9822B 80%, #9A4A1A); }
html.owd-on .kd-str { min-width: 1px; background: linear-gradient(#B8862F, #E7BE6A); }
html.owd-on .kd-bp { position: absolute; left: 0; top: 0; width: 0; height: 0; transform-style: preserve-3d; }
html.owd-on .kd-bell { position: absolute; left: calc(-2.3 * var(--u)); top: calc(.6 * var(--u)); width: calc(4.6 * var(--u)); height: calc(6.4 * var(--u)); border-radius: 46% 46% 14% 14% / 72% 72% 20% 20%; background: radial-gradient(circle at 50% 100%, #6B4510 0 18%, transparent 20%), linear-gradient(90deg, #8A5F1A, #FFE9AE 38%, #D9A84E 64%, #7A5214); }
html.owd-on .kd-ribw { position: absolute; left: 50%; width: calc(120 * var(--u)); height: calc(150 * var(--u)); margin-left: calc(-60 * var(--u)); transform-origin: 50% 0; animation: kd-ribsway 4.4s ease-in-out infinite; }
html.owd-on .kd-ribw.kd-fr { animation-duration: 3.7s; animation-delay: -1.9s; }
@keyframes kd-ribsway { 0%, 100% { transform: skewX(-2deg); } 50% { transform: skewX(2deg); } }
html.owd-on svg.kd-rib { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; overflow: visible; fill: none; }
html.owd-on .kd-rd { stroke: #FFE7A6; stroke-width: 1.1; stroke-dasharray: .1 2.5; stroke-linecap: round; }
html.owd-on .owd-ksmall { position: absolute; z-index: 0; width: calc(100 * var(--u)); height: calc(232 * var(--u)); pointer-events: none; transform-origin: 50% -150px; }
html.owd-on .owd-ksmall img { display: block; width: calc(120 * var(--u)); height: calc(236 * var(--u)); max-width: none; margin: calc(-4 * var(--u)) 0 0 calc(-10 * var(--u)); }
html.owd-on .owd-ksmall.far { opacity: .72; }
html.owd-on .owd-ksmall .k3-long { position: absolute; left: 50%; bottom: 100%; width: 1px; margin-left: -.5px; background: linear-gradient(rgba(138, 95, 26, 0), #B8862F); }
@media (prefers-reduced-motion: no-preference) { html.owd-on .owd-ksmall { animation: owd-swing 7.2s ease-in-out infinite; } }

/* ════ DIYA (SVG) ═══════════════════════════════════════════════════ */
html.owd-on .owd-diya { position: relative; display: inline-block; width: 64px; height: 62px; }
html.owd-on .owd-diya svg { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; filter: drop-shadow(0 3px 3px rgba(110, 60, 14, .28)) drop-shadow(0 8px 14px rgba(184, 120, 40, .22)); }
html.owd-on .owd-flame { position: absolute; left: 50%; bottom: 30px; width: 14px; height: 30px; margin-left: -7px; border-radius: 50% 50% 46% 46% / 64% 64% 36% 36%; background: radial-gradient(60% 75% at 50% 78%, #FFF8D8 0%, #FFD45E 28%, #FF9A2A 62%, rgba(255, 96, 20, .35) 82%, rgba(255, 96, 20, 0) 100%); transform-origin: 50% 100%; animation: owd-flame-o 1.8s ease-in-out infinite; }
html.owd-on .owd-flame b { position: absolute; left: 50%; bottom: 2px; width: 6px; height: 12px; margin-left: -3px; border-radius: 50% 50% 45% 45% / 62% 62% 38% 38%; background: radial-gradient(60% 80% at 50% 85%, rgba(170, 210, 255, .95) 0%, rgba(255, 255, 255, .95) 45%, rgba(255, 255, 255, 0) 100%); }
html.owd-on .owd-flame::after { content: ""; position: absolute; left: 50%; top: 50%; width: 90px; height: 90px; margin: -50px 0 0 -45px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 170, 60, .42), rgba(255, 170, 60, .12) 55%, rgba(255, 170, 60, 0)); animation: owd-flick 2.6s ease-in-out infinite; }
@media (prefers-reduced-motion: no-preference) { html.owd-on .owd-flame { animation: owd-flame-o 1.8s ease-in-out infinite, owd-flame-m 1.1s ease-in-out infinite; } }
@keyframes owd-flame-o { 0%, 100% { opacity: .92; } 40% { opacity: 1; } 70% { opacity: .8; } }
@keyframes owd-flame-m { 0%, 100% { transform: scale(1, 1) skewX(0); } 33% { transform: scale(.94, 1.06) skewX(2deg); } 66% { transform: scale(1.04, .95) skewX(-2deg); } }
html.owd-on :is(.owd-diyas, .owd-step-diya, .owd-reach-diyas) .owd-diya { opacity: .4; transition: opacity .6s ease-out; }
html.owd-on :is(.owd-diyas, .owd-step-diya, .owd-reach-diyas) .owd-diya .owd-flame { opacity: 0; transition: opacity .5s ease-out; animation-play-state: paused; }
html.owd-on :is(.owd-diyas, .owd-step-diya, .owd-reach-diyas) .owd-diya.lit { opacity: 1; }
html.owd-on :is(.owd-diyas, .owd-step-diya, .owd-reach-diyas) .owd-diya.lit .owd-flame { opacity: 1; animation-play-state: running; }

/* ════ SECTIONS ═════════════════════════════════════════════════════ */
html.owd-on .mist-bg:not(#_) { background: linear-gradient(180deg, #FFFCF6, #FFF4E2 50%, #FFFCF6) !important; }
html.owd-on .eyebrow:not(#_) { color: var(--owd-gold-deep) !important; }
html.owd-on .owd-orn { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 0 auto 12px; pointer-events: none; }
html.owd-on .owd-orn::before, html.owd-on .owd-orn::after { content: ""; width: 88px; height: 1px; background: linear-gradient(90deg, rgba(184, 134, 47, 0), rgba(184, 134, 47, .7)); }
html.owd-on .owd-orn::after { transform: scaleX(-1); }
html.owd-on .owd-orn svg { width: 34px; height: 22px; display: block; }
/* trust strip — gehra emerald, sone ke dots */
html.owd-on .trust:not(#_) { background: linear-gradient(90deg, #0F2E2B, #134139 50%, #0F2E2B) !important; box-shadow: inset 0 1px 0 rgba(226, 182, 92, .35), inset 0 -1px 0 rgba(226, 182, 92, .35); }
html.owd-on .trust .lab:not(#_) { color: #E7C27A !important; }
html.owd-on .trust .track b:not(#_) { color: #F3E6CC !important; }
html.owd-on .trust .track b i:not(#_) { color: #E2B65C !important; }
html.owd-on .stats b:not(#_) { background-image: var(--owd-foil) !important; }
/* gallery cards — sone ka ring, garam overlay */
html.owd-on .card:not(#_) { border-color: var(--owd-line) !important; }
html.owd-on .card:not(#_):hover { box-shadow: var(--glow) !important; border-color: rgba(226, 182, 92, .6) !important; }
html.owd-on .card .cover .ov:not(#_) { background: linear-gradient(150deg, rgba(184, 134, 47, .22), rgba(14, 80, 66, .12) 45%, rgba(15, 46, 43, .5)) !important; }
html.owd-on .card .tag:not(#_) { background: rgba(15, 70, 60, .88) !important; box-shadow: 0 0 0 1px rgba(226, 182, 92, .55); }
html.owd-on .card .tech:not(#_) { color: var(--owd-gold-deep) !important; }
html.owd-on .card .live:not(#_) { color: var(--owd-em-deep) !important; }
html.owd-on .card::after { background: linear-gradient(120deg, transparent, rgba(255, 246, 220, .4), transparent) !important; }
html.owd-on .owd-pline .pfrom { color: #B4600E; }
html.owd-on .owd-pline .pfrom::before { content: "🪔 "; }
html.owd-on .owd-pline .pamt { color: #8A5F1A; }
html.owd-on .owd-pline .pamt s { font-size: .8em; font-weight: 600; color: var(--muted); margin-right: 2px; }
html.owd-on .feat .card:not(#_) { border-color: rgba(200, 162, 75, .65) !important; }
/* process / services / plans / testimonials / blog / faq */
html.owd-on .step .num:not(#_), html.owd-on .plan .rib:not(#_) { background: linear-gradient(135deg, #FFE7A8, #C38D34) !important; color: #2A1708 !important; box-shadow: 0 8px 18px -6px rgba(195, 141, 52, .55) !important; }
html.owd-on .owd-steps .step:not(#_) { text-align: left; transition: border-color .6s ease-out, box-shadow .6s ease-out, transform .35s; }
html.owd-on .owd-steps .step.owd-lit:not(#_) { border-color: rgba(226, 182, 92, .6) !important; box-shadow: var(--sh), 0 0 0 1px rgba(226, 182, 92, .35) !important; }
html.owd-on .owd-step-diya { position: absolute; right: 18px; top: 14px; transform: scale(.78); transform-origin: 100% 0; }
html.owd-on .serv .ic:not(#_), html.owd-on .t .av:not(#_) { background: linear-gradient(135deg, #C9973B, #8A5F1A) !important; box-shadow: 0 0 0 2px rgba(255, 246, 225, .95), 0 0 0 3px rgba(184, 134, 47, .45), 0 10px 22px -8px rgba(138, 95, 26, .5) !important; }
html.owd-on .serv:not(#_)::before { background: linear-gradient(90deg, #E7BE6A, #B8862F) !important; }
html.owd-on .plan.pop:not(#_) { box-shadow: 0 0 0 1px rgba(226, 182, 92, .5), 0 30px 60px -24px rgba(15, 46, 43, .55) !important; }
html.owd-on .plan.pop:not(#_)::before { background: conic-gradient(from 0deg, transparent 0 66%, #E7BE6A 80%, #FFF3D2 88%, transparent 100%) !important; }
html.owd-on .plan.pop ul li i:not(#_) { color: #E7C27A !important; }
html.owd-on .t .stars:not(#_) { color: var(--owd-gold) !important; }
html.owd-on .post .ph:not(#_) { background: radial-gradient(70% 90% at 100% 100%, rgba(22, 184, 145, .3), transparent 62%), linear-gradient(150deg, #154A41, #0F2E2B 55%, #0A1F1C) !important; box-shadow: inset 0 0 0 1px rgba(226, 182, 92, .35); }
html.owd-on .post .ph i:not(#_) { color: #E7BE6A !important; }
html.owd-on .post .ph .pcat:not(#_) { background: linear-gradient(135deg, #FFE7A8, #D9A84E) !important; color: #2A1708 !important; }
html.owd-on .qa.open:not(#_) { border-color: rgba(226, 182, 92, .8) !important; }
html.owd-on .about-sec .card-glass:not(#_)::before { background: radial-gradient(circle, rgba(226, 182, 92, .2), transparent 70%) !important; }
/* contact (gehra emerald) */
html.owd-on .contact:not(#_) { background: radial-gradient(60% 60% at 0% 0%, rgba(226, 182, 92, .16), transparent 60%), linear-gradient(160deg, #134139, #0F2E2B 55%, #0A1F1C) !important; }
html.owd-on .contact .cb1:not(#_) { background: radial-gradient(circle, rgba(226, 182, 92, .3), transparent 70%) !important; }
html.owd-on .contact .cb2:not(#_) { background: radial-gradient(circle, rgba(14, 158, 122, .35), transparent 70%) !important; }
html.owd-on .contact .lead:not(#_), html.owd-on .form label:not(#_) { color: rgba(246, 238, 220, .8) !important; }
html.owd-on .contact .rows i:not(#_) { color: #E7C27A !important; border-color: rgba(226, 182, 92, .35) !important; }
html.owd-on .form:not(#_) { border-color: rgba(226, 182, 92, .28) !important; box-shadow: inset 0 0 0 1px rgba(255, 246, 225, .04); }
html.owd-on .form :is(input, select, textarea):not(#_) { background: rgba(6, 22, 20, .45) !important; border-color: rgba(226, 182, 92, .26) !important; font-size: 16px; }
html.owd-on .form :is(input, select, textarea):not(#_):focus { border-color: #E2B65C !important; }
html.owd-on .form select option:not(#_) { background: #0F2E2B; }
html.owd-on .contact .eyebrow:not(#_) { color: #E7C27A !important; }
/* gehre dabbe: gradient ke saath solid background-color bhi (checker/older browsers) */
html.owd-on .trust:not(#_), html.owd-on .contact:not(#_) { background-color: #0F2E2B !important; }
html.owd-on .filters button.active:not(#_) { background-color: #0A5546 !important; }
/* gallery: region tabs + tier chips (site me hardcoded navy #101f31) */
html.owd-on .rtabs:not(#_) { background: rgba(255, 252, 246, .95) !important; }
html.owd-on .rtab:not(#_) { border-color: var(--owd-line) !important; color: var(--ink) !important; }
html.owd-on .rtab b:not(#_) { background: #F6EDDC !important; color: #6E4A12 !important; }
html.owd-on .rtab.active:not(#_), html.owd-on .tchips button.active:not(#_) { background: #0F2E2B !important; background-color: #0F2E2B !important; border-color: #0F2E2B !important; color: #FFF6E2 !important; box-shadow: 0 0 0 1px rgba(226, 182, 92, .6), 0 10px 22px -10px rgba(15, 46, 43, .5) !important; }
html.owd-on .rtab.active b:not(#_) { background: rgba(226, 182, 92, .22) !important; color: #F3DDAA !important; }
html.owd-on .tierb.pro:not(#_) { background: #0F4A40 !important; color: #D7F1E8 !important; }
html.owd-on .owd-hd-sm { margin: 0 0 4px; font: italic 600 28px/1.1 var(--owd-serif); background-image: var(--owd-foil-bright); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }

/* ════ FOOTER ═══════════════════════════════════════════════════════ */
html.owd-on footer:not(#_) { background: radial-gradient(60% 40% at 50% 0%, rgba(226, 182, 92, .12), transparent 70%), #0F2E2B !important; border-top-color: rgba(226, 182, 92, .3) !important; }
html.owd-on footer .about:not(#_), html.owd-on footer .cols a:not(#_), html.owd-on footer .cl-rt small:not(#_) { color: rgba(246, 238, 220, .72) !important; }
html.owd-on footer .cols a:not(#_):hover { color: #F3DDAA !important; }
html.owd-on footer .bottom:not(#_) { color: rgba(246, 238, 220, .66) !important; border-top-color: rgba(226, 182, 92, .2) !important; }
html.owd-on footer .cl-reach:not(#_) { border-color: rgba(226, 182, 92, .3) !important; background: linear-gradient(160deg, rgba(255, 246, 225, .07), rgba(255, 246, 225, .015) 60%) !important; }
html.owd-on footer .cl-ri:not(#_) { color: #E7C27A !important; background: rgba(226, 182, 92, .12) !important; border-color: rgba(226, 182, 92, .3) !important; }
html.owd-on footer .cl-ra:not(#_) { color: rgba(246, 238, 220, .55) !important; }
html.owd-on .owd-reach-diyas { display: flex; gap: 4px; margin-left: auto; }
html.owd-on .owd-reach-diyas .owd-diya { transform: scale(.7); transform-origin: 50% 100%; margin: -10px -6px 0; }
html.owd-on .owd-wish { margin: 0 0 10px; font: italic 600 19px/1.4 var(--owd-serif); color: #F3DDAA; }
html.owd-on .owd-wish span { color: #E7BE6A; font-style: normal; font-size: 13px; }
html.owd-on .fab-wa:not(#_) { box-shadow: 0 0 0 2px rgba(255, 246, 225, .95), 0 0 0 3.5px rgba(184, 134, 47, .55), 0 12px 30px rgba(0, 0, 0, .28) !important; }
html.owd-on .mpill .mp-cta:not(#_) { background: linear-gradient(135deg, #FFE7A8, #C38D34) !important; color: #2A1708 !important; }

/* ════ DEEPOTSAV BAND ═══════════════════════════════════════════════ */
html.owd-on .owd-band { position: relative; isolation: isolate; overflow: hidden; padding: 72px 24px 0; background-color: #FFFCF6; background-image: radial-gradient(50% 60% at 50% 100%, rgba(255, 180, 90, .22) 0%, rgba(255, 180, 90, 0) 70%), radial-gradient(40% 50% at 0% 30%, rgba(240, 130, 170, .1) 0%, rgba(240, 130, 170, 0) 70%); }
html.owd-on .owd-band-card { position: relative; max-width: 1180px; margin: 0 auto; padding: 56px 64px 48px; border-radius: 24px; overflow: hidden; background: linear-gradient(160deg, #FFFFFF 0%, #FFFBF2 55%, #FFF5E2 100%); box-shadow: 0 1px 2px rgba(120, 84, 24, .08), 0 24px 56px -28px rgba(120, 84, 24, .32), 0 48px 100px -60px rgba(226, 150, 60, .5); }
html.owd-on .owd-band-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; pointer-events: none; background: linear-gradient(135deg, #E7BE6A, rgba(226, 182, 92, .25) 30%, rgba(226, 182, 92, .15) 60%, #D9A84E); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
html.owd-on .owd-band-pat { position: absolute; right: -170px; top: 50%; width: 540px; height: 540px; margin-top: -270px; pointer-events: none; opacity: .5; z-index: 0; }
html.owd-on .owd-band-pat svg { width: 100%; height: 100%; display: block; }
html.owd-on .owd-band-pat.l { right: auto; left: -300px; opacity: .28; }
@media (prefers-reduced-motion: no-preference) { html.owd-on .owd-band-pat svg { animation: owd-spin 180s linear infinite; } }
html.owd-on .owd-band-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
html.owd-on .owd-band-eyebrow { margin: 0 0 12px; font: 700 12px/1.4 var(--sans); letter-spacing: .26em; text-transform: uppercase; color: #B4600E; }
html.owd-on .owd-band-h, html.owd-on .owd-cd-done { margin: 0 0 8px; padding-bottom: 4px; font: italic 600 clamp(54px, 6vw, 80px)/1.04 var(--owd-serif); letter-spacing: -.01em; background-image: var(--owd-foil); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
html.owd-on .owd-band-tag { margin: 0 0 16px; font: italic 600 25px/1.3 var(--owd-serif); color: var(--owd-em-deep); }
html.owd-on .owd-band-sub { margin: 0 0 24px; max-width: 32em; font-size: 16px; line-height: 1.7; color: #4B5D57; }
html.owd-on .owd-band-pts { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
html.owd-on .owd-band-pts li { position: relative; padding-left: 32px; font-size: 15px; font-weight: 600; color: var(--ink); line-height: 24px; }
html.owd-on .owd-band-pts li::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.6' fill='none' stroke='%232A1708' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat, linear-gradient(135deg, #FFE7A8, #D9A84E); box-shadow: 0 4px 10px -4px rgba(184, 134, 47, .6); }
html.owd-on .owd-d3 { position: relative; width: 340px; height: 236px; margin: -32px 0 0 -28px; }
html.owd-on .owd-d3-cv { position: absolute; inset: 0; width: 100% !important; height: 100% !important; opacity: 0; transition: opacity .6s ease-out; }
html.owd-on .owd-d3.on .owd-d3-cv { opacity: 1; }
html.owd-on .owd-d3.owd-fail { display: none; }
html.owd-on .owd-coupon { position: relative; padding: 32px 32px 24px; border-radius: 20px; text-align: center; background: linear-gradient(170deg, #0F2E2B 0%, #0B2522 60%, #0A1F1C 100%); background-color: #0F2E2B; color: #F6EEDC; box-shadow: inset 0 0 0 1px rgba(226, 182, 92, .45), 0 24px 48px -24px rgba(14, 42, 39, .6), 0 0 0 6px rgba(255, 246, 225, .8), 0 0 0 7px rgba(184, 134, 47, .3); }
html.owd-on .owd-coupon::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient(60% 50% at 50% 0%, rgba(226, 182, 92, .26), transparent 70%), radial-gradient(40% 40% at 100% 100%, rgba(14, 158, 122, .2), transparent 70%); }
html.owd-on .owd-coupon > :not(.owd-cp-ribbon) { position: relative; }
html.owd-on .owd-cp-ribbon { position: absolute; left: 50%; top: -14px; transform: translateX(-50%); white-space: nowrap; padding: 6px 16px; border-radius: 999px; font: 800 11px/1.2 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: #2A1708; background: linear-gradient(135deg, #FFE7A8, #D9A84E); box-shadow: 0 6px 16px -6px rgba(184, 134, 47, .7); }
html.owd-on .owd-cp-item { margin: 8px 0; font: italic 600 22px/1.3 var(--owd-serif); color: #F3DDAA; }
html.owd-on .owd-cp-price { margin: 0; display: flex; align-items: baseline; justify-content: center; gap: 12px; flex-wrap: wrap; }
html.owd-on .owd-cp-price s { font-size: 18px; color: rgba(246, 238, 220, .6); }
html.owd-on .owd-cp-price b { font: 700 clamp(40px, 4.4vw, 52px)/1 var(--serif); letter-spacing: -.02em; background-image: var(--owd-foil-bright); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
html.owd-on .owd-cp-price span { font-size: 14px; font-weight: 600; color: rgba(246, 238, 220, .78); }
html.owd-on .owd-cp-save { margin: 8px 0 20px; padding-bottom: 20px; font-size: 13px; color: rgba(246, 238, 220, .78); border-bottom: 1px dashed rgba(226, 182, 92, .45); }
html.owd-on .owd-cd-lbl { margin: 0 0 12px; font: italic 600 20px/1.3 var(--owd-serif); color: #F3DDAA; }
html.owd-on .owd-cd-lbl i { display: block; margin-top: 6px; font: 700 10px/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: rgba(246, 238, 220, .66); font-style: normal; }
html.owd-on .owd-cd-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 20px; }
html.owd-on .owd-cd-cell { padding: 12px 4px 8px; border-radius: 12px; text-align: center; background: linear-gradient(180deg, #17423B, #11352F); box-shadow: inset 0 0 0 1px rgba(226, 182, 92, .32); }
html.owd-on .owd-cd-n { display: block; font: 600 36px/1 var(--owd-serif); font-variant-numeric: lining-nums tabular-nums; background-image: var(--owd-foil-bright); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; transition: opacity .3s ease-out; }
html.owd-on .owd-cd-n.tick { opacity: .45; }
html.owd-on .owd-cd-u { display: block; margin-top: 4px; font: 700 10px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: rgba(246, 238, 220, .66); font-style: normal; }
html.owd-on .owd-cp-wish .owd-cd-done { font-size: 48px; margin: 0; grid-column: 1 / -1; }
html.owd-on .owd-cp-cta { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 24px; border-radius: 999px; font: 700 15px/1.2 var(--sans); text-decoration: none; color: #2A1708; background: linear-gradient(135deg, #FFE7A8 0%, #E7BC66 36%, #C38D34 70%, #E2B35C 100%); background-color: #D9A84E; box-shadow: 0 1px 2px rgba(120, 84, 24, .22), 0 10px 24px -10px rgba(226, 182, 92, .65), inset 0 1px 0 rgba(255, 250, 230, .8); transition: transform .18s var(--owd-ease), box-shadow .18s var(--owd-ease), filter .18s var(--owd-ease); }
html.owd-on .owd-cp-cta:hover { color: #2A1708; transform: translateY(-2px); filter: brightness(1.04); }
html.owd-on .owd-cp-cta:active { transform: scale(.98); }
html.owd-on .owd-cp-cta:focus-visible { outline: 2px solid #F3DDAA; outline-offset: 3px; }
html.owd-on .owd-cp-trust { margin: 12px 0 0; font-size: 12px; color: rgba(246, 238, 220, .66); letter-spacing: .02em; }
html.owd-on .owd-diyas { position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; height: 112px; display: flex; justify-content: space-between; align-items: flex-end; padding: 0 24px 8px; }
html.owd-on .owd-diyas::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 14px; background: linear-gradient(90deg, rgba(226, 182, 92, 0), rgba(226, 182, 92, .75) 15%, #FFE7A8 50%, rgba(226, 182, 92, .75) 85%, rgba(226, 182, 92, 0)) 0 1px / 100% 1px no-repeat, linear-gradient(90deg, rgba(226, 182, 92, 0), rgba(226, 182, 92, .75) 15%, #FFE7A8 50%, rgba(226, 182, 92, .75) 85%, rgba(226, 182, 92, 0)) 0 12px / 100% 1px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='14'%3E%3Cpath d='M13 2.5l4 4.5-4 4.5-4-4.5z' fill='%23FFFFFF' stroke='%23C99436' stroke-width='.8'/%3E%3Ccircle cx='0' cy='7' r='1.4' fill='%23E2557F'/%3E%3Ccircle cx='26' cy='7' r='1.4' fill='%23E2557F'/%3E%3C/svg%3E") center / 26px 14px repeat-x; -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
html.owd-on .owd-dslot { position: relative; display: inline-flex; flex-direction: column; align-items: center; }
html.owd-on .owd-dslot .owd-diya { position: relative; z-index: 2; margin-bottom: -14px; }
html.owd-on .owd-plate { position: relative; z-index: 1; width: 96px; height: auto; display: block; opacity: .45; transition: opacity .6s ease-out; }
html.owd-on .owd-dslot:has(.owd-diya.lit) .owd-plate { opacity: 1; }

/* ════ PRELOADER skin — #pre (site ka timing: .done) ═════════════════ */
#pre .owd-pre, #pre .owd-pre-hd { display: none; }
html.owd-on #pre:not(#_) { background: radial-gradient(60% 50% at 50% 42%, #FFF4DC 0%, #FFFCF6 60%, #FFF8EC 100%) !important; }
html.owd-on #pre .pl:not(#_) { color: var(--ink) !important; }
html.owd-on #pre .pl b:not(#_) { color: var(--owd-gold) !important; }
html.owd-on #pre .bar:not(#_) { background: rgba(184, 134, 47, .2) !important; }
html.owd-on #pre .bar i:not(#_) { background: linear-gradient(90deg, #E7BE6A, #B8862F) !important; }
html.owd-on #pre .owd-pre { display: block; position: relative; width: 112px; height: 100px; animation: owd-pre-rise .6s cubic-bezier(.22, .8, .24, 1) .05s both; }
html.owd-on #pre .owd-pre svg { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; filter: drop-shadow(0 6px 8px rgba(110, 60, 14, .3)); }
html.owd-on #pre .owd-pre i { position: absolute; left: 50%; bottom: 52px; width: 24px; height: 50px; margin-left: -12px; transform-origin: 50% 100%; border-radius: 50% 50% 46% 46% / 64% 64% 36% 36%; background: radial-gradient(60% 75% at 50% 78%, #FFF8D8 0%, #FFD45E 28%, #FF9A2A 62%, rgba(255, 96, 20, .35) 82%, rgba(255, 96, 20, 0) 100%); animation: owd-pre-light .5s cubic-bezier(.3, 1.5, .5, 1) .45s both, owd-flame-m 1.1s ease-in-out 1s infinite; }
html.owd-on #pre .owd-pre i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 220px; height: 220px; margin: -120px 0 0 -110px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 170, 60, .45), rgba(255, 170, 60, .12) 55%, rgba(255, 170, 60, 0)); }
html.owd-on #pre .owd-pre-hd { display: block; margin-top: -8px; padding: 0 6px 6px; font: italic 700 clamp(34px, 5vw, 50px)/1.1 var(--owd-serif); background-image: linear-gradient(180deg, #E8C27A 0%, #B8862F 30%, #7A5216 60%, #A9772A 82%, #D4A54E 100%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; animation: owd-pre-rise .6s cubic-bezier(.22, .8, .24, 1) .6s both; }
@keyframes owd-pre-light { from { opacity: 0; transform: scale(.2, .1); } to { opacity: 1; transform: none; } }
@keyframes owd-pre-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* ════ FX canvas + reduce glows ═════════════════════════════════════ */
html.owd-on .owd-fx { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 2147480000; pointer-events: none; visibility: hidden; }
html.owd-on .owd-glows { position: fixed; inset: 0; z-index: 2147480000; pointer-events: none; }
html.owd-on .owd-glows i { position: absolute; width: 340px; height: 340px; margin: -170px 0 0 -170px; border-radius: 50%; opacity: 0; animation: owd-glowpop 1.5s ease-out both; }
@keyframes owd-glowpop { 0% { opacity: 0; } 30% { opacity: 1; } 100% { opacity: 0; } }

/* ════ MOTION PARK ══════════════════════════════════════════════════ */
html.owd-on .owd-zz :is(.owd-flame, .owd-spk, .owd-glasstext, .kd-spin, .kd-ribw, .owd-lantern, .owd-ksmall, .owd-mandala svg, .owd-band-pat svg, .owd-hero-glow) { animation-play-state: paused !important; }
html.owd-on .owd-zz .owd-flame::after, html.owd-on .owd-zz .kd-f::after, html.owd-on .owd-zz .owd-lantern::after { animation-play-state: paused !important; }

/* ════ WHITE-LABEL (/p/CODE) — Codelith promo kahin nahi ══════════════ */
html.owd-on.wl :is(.owd-rib-offer, .owd-rib-cta, .owd-rib-sep:not(.owd-tsep), .owd-band-pts) { display: none !important; }

/* ════ RESPONSIVE ═══════════════════════════════════════════════════ */
@media (max-width: 1023px) {
  html.owd-on .owd-band-card { padding: 48px 32px 40px; }
  html.owd-on .owd-band-grid { grid-template-columns: 1fr; gap: 40px; }
  html.owd-on .owd-band-copy { text-align: center; }
  html.owd-on .owd-band-sub { margin-left: auto; margin-right: auto; }
  html.owd-on .owd-band-pts { justify-content: center; text-align: left; }
  html.owd-on .owd-coupon { max-width: 460px; width: 100%; margin: 0 auto; }
  html.owd-on .owd-d3 { margin: -24px auto 0; }
}
@media (max-width: 900px) {
  html.owd-on .owd-ribbon { gap: 8px; padding: 8px 40px 8px 12px; font-size: 12px; flex-wrap: nowrap; white-space: nowrap; }
  html.owd-on :is(.owd-rib-ed, .owd-rib-sep.owd-tsep, .owd-rib-gst) { display: none; }
}
@media (max-width: 600px) {
  html.owd-on .owd-rib-cd, html.owd-on .owd-ribbon .owd-rib-sep, html.owd-on .owd-rib-l { display: none; }
  html.owd-on .owd-rib-sm { display: inline; }
  html.owd-on .owd-ribbon { justify-content: flex-start; padding-left: 16px; }
  html.owd-on.wl .owd-rib-cd { display: inline; }
}
@media (max-width: 767px) {
  html.owd-on .owd-toran { height: 40px; }
  html.owd-on .hero:not(#_) { padding-top: 84px; }
  html.owd-on .owd-mandala { width: 720px; height: 720px; margin: -160px 0 0 -360px; }
  html.owd-on .owd-hero-glow { width: 520px; height: 420px; margin: -210px 0 0 -260px; }
  html.owd-on .owd-hd { gap: 6px; margin-bottom: 4px; }
  html.owd-on .owd-fil { width: 40px; height: 10px; }
  html.owd-on .owd-spk { width: 14px; height: 14px; }
  html.owd-on .owd-glasstext { font-size: 46px; padding: 2px 4px 6px; }
  html.owd-on header#hdr:not(#_) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(255, 252, 246, .97) !important; }
  html.owd-on .owd-band { padding: 48px 16px 0; }
  html.owd-on .owd-band-card { padding: 40px 20px 32px; border-radius: 20px; }
  html.owd-on .owd-band-h { font-size: 52px; }
  html.owd-on .owd-band-tag { font-size: 21px; }
  html.owd-on .owd-band-pat { width: 380px; height: 380px; top: auto; bottom: -150px; margin-top: 0; right: -200px; opacity: .22; }
  html.owd-on .owd-band-pat.l { display: none; }
  html.owd-on .owd-coupon { padding: 32px 16px 20px; }
  html.owd-on .owd-cp-cta { font-size: 14px; padding: 12px 16px; gap: 6px; }
  html.owd-on .owd-cd-n { font-size: 30px; }
  html.owd-on .owd-d3 { width: 260px; height: 192px; }
  html.owd-on .owd-diyas { height: 84px; padding: 0 8px 8px; }
  html.owd-on .owd-diyas .owd-dslot .owd-diya { transform: scale(.74); transform-origin: 50% 100%; margin-bottom: -10px; }
  html.owd-on .owd-diyas .owd-plate { width: 64px; }
  html.owd-on .owd-wish { font-size: 17px; }
  html.owd-on .owd-reach-diyas { display: none; }
  html.owd-on .owd-step-diya { right: 10px; top: 8px; transform: scale(.66); }
}
@media (max-width: 380px) { html.owd-on .owd-glasstext { font-size: 40px; } html.owd-on .owd-cd-row { gap: 6px; } }