/** Shopify CDN: Minification failed

Line 673:0 Unexpected "}"

**/
/* ===== AstroAura energised: free note+checkbox (Siddh add-on), PDP medal, cart strip =====
   Loaded globally via theme.liquid. Light + dark. Brand: cream card, orange->pink stripe,
   gold seal. */

/* ---------- shared seal (starburst ॥सिद्ध॥) ---------- */
.aa-seal{position:relative;width:56px;height:56px;border-radius:12px;overflow:hidden;flex:0 0 auto;
  background:radial-gradient(120% 120% at 50% 30%,#20130d,#0f0a08);
  border:1px solid #3a2a1c;box-shadow:0 4px 12px rgba(20,12,6,.35), inset 0 0 0 1px rgba(232,200,119,.25)}
.aa-seal i{position:absolute;inset:-8px;background:
  repeating-conic-gradient(from 0deg at 50% 50%, rgba(232,200,119,.55) 0deg 1deg, transparent 1deg 6deg)}
.aa-seal i.two{background:repeating-conic-gradient(from 3deg at 50% 50%, rgba(184,145,90,.35) 0deg .6deg, transparent .6deg 6deg)}
.aa-seal b{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;
  color:#F2D98C;font-size:12px;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.6)}

/* ---------- note + checkbox chip (replaces the plain Siddh add-on row) ---------- */
.optionplus-widget .aa-nrg{position:relative;display:block;background:#FFFCF7;border:1px solid #F0E6D6;
  border-radius:16px;padding:15px 16px 15px 20px;box-shadow:0 8px 22px rgba(36,16,25,.06);overflow:hidden;
  cursor:pointer;margin:6px 0;transition:border-color .18s, box-shadow .18s;-webkit-tap-highlight-color:transparent}
.aa-nrg::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#FF8C42,#FF2E93)}
.aa-nrg:has(.aa-nrg__cb:checked){border-color:#E7C9A6;box-shadow:0 10px 26px rgba(184,145,90,.18)}
.aa-nrg__cb{position:absolute;opacity:0;pointer-events:none}
.aa-nrg{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.aa-nrg__seal{order:1}
.aa-nrg__b{order:2;flex:1;min-width:120px}
.aa-nrg__t{display:block;font-weight:800;font-size:1.05rem;line-height:1.2;color:#241019}
.aa-nrg__d{display:block;margin-top:2px;font-size:.88rem;color:#6b6058;line-height:1.35}
.aa-nrg__price{order:3;display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 auto}
.aa-nrg__was{font-size:.82rem;color:#b3a79c;text-decoration:line-through}
.aa-nrg__free{background:#0f7a4d;color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.04em;
  padding:4px 12px;border-radius:999px;box-shadow:0 4px 12px rgba(15,122,77,.22)}
.aa-nrg__check{order:4;flex:0 0 auto;width:24px;height:24px;border-radius:7px;border:2px solid #cbb89b;
  background:#fff;display:grid;place-items:center;transition:.16s}
.aa-nrg:has(.aa-nrg__cb:checked) .aa-nrg__check{background:linear-gradient(135deg,#C6A24E,#8a6a3e);border-color:transparent}
.aa-nrg__check svg{width:15px;height:15px;stroke:#fff;stroke-width:3.2;fill:none;opacity:0;transition:.16s}
.aa-nrg:has(.aa-nrg__cb:checked) .aa-nrg__check svg{opacity:1}
.aa-nrg__eta{order:5;flex:0 0 100%;display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}
.aa-nrg:has(.aa-nrg__cb:checked) .aa-nrg__eta{grid-template-rows:1fr}
.aa-nrg__eta > span{overflow:hidden}
.aa-nrg__eta > span::before{content:"✨ ";}
.aa-nrg__eta span span, .aa-nrg__eta > span{background:#FBF3E7;border:1px dashed #E7CFA6;border-radius:11px;
  display:block;padding:9px 12px;font-size:.83rem;color:#8a6a3e;line-height:1.4}
.aa-nrg__eta b{color:#6f5327}

/* ---------- PDP energised note (neat boxed, title + sub-line stacked) ---------- */
.aa-echip{display:flex;align-items:center;gap:10px;margin:0;padding:8px 12px;
  border:1px solid #E7DCCC;border-radius:12px;background:rgba(255,252,247,.6);
  box-shadow:0 2px 8px rgba(36,16,25,.04);cursor:pointer;user-select:none;
  -webkit-tap-highlight-color:transparent;text-align:left;transition:border-color .16s, background .16s}
.aa-echip:has(.aa-echip__cb:checked){border-color:#DDC7AE;background:rgba(255,250,243,.92)}
.aa-echip__cb{position:absolute;opacity:0;pointer-events:none}
/* "Ek nazar mein" - label left, value right. Sized between the first pass
   (too small) and the second (too big), with a tighter label column so the
   value sits close to its label instead of floating off to the right. */
.aa-facts{margin:0 0 14px;padding:0;border:1px solid #E3D8C4;border-radius:12px;
  overflow:hidden;background:#FFFDF8}
.aa-facts__r{display:grid;grid-template-columns:40% 60%;border-bottom:1px solid #E3D8C4}
.aa-facts__jump{display:inline-block;margin-left:8px;font-size:12px;font-weight:600;color:#7A3B63;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.aa-facts__jump:hover{color:#E9027A}
#AaPlate{scroll-margin-top:96px}
html[data-theme="dark"] .aa-facts__jump{color:#FF8C42}
.aa-facts__r:last-child{border-bottom:0}
.aa-facts dt{display:flex;align-items:center;margin:0;padding:9px 13px;
  border-right:1px solid #E3D8C4;font-size:12.5px;font-weight:600;color:#8b7f70;line-height:1.35}
.aa-facts dd{display:flex;align-items:center;gap:6px;margin:0;padding:9px 13px;
  font-size:13.5px;font-weight:700;color:#241019;line-height:1.35}
.aa-facts dd span{font-weight:500;font-size:12.5px;color:#9b8d7d}
html[data-theme="dark"] .aa-facts{border-color:#3a2d4a;background:#171226}
html[data-theme="dark"] .aa-facts__r{border-bottom-color:#3a2d4a}
html[data-theme="dark"] .aa-facts dt{border-right-color:#3a2d4a;color:#b3aacb}
html[data-theme="dark"] .aa-facts dd{color:#EDE7FA}
@media (max-width:520px){
  .aa-facts__r{grid-template-columns:44% 56%}
  .aa-facts dt{padding:8px 10px;font-size:11.5px}
  .aa-facts dd{padding:8px 10px;font-size:12.5px}
  .aa-facts dd span{font-size:11.5px}
}

/* Pran-Pratishta film - plain heading, gradient rule, inline player */
.aa-ppc{margin:18px 0 16px}
.aa-ppc__h{margin:0 0 14px;padding-bottom:10px;position:relative;
  font-size:1.35rem;font-weight:800;line-height:1.25;color:#241019;letter-spacing:-.01em}
.aa-ppc__h::after{content:"";position:absolute;left:0;bottom:0;width:84px;height:3px;border-radius:2px;
  background:linear-gradient(96deg,#E9027A,#F58220)}
.aa-ppc__stage{position:relative;border-radius:12px;overflow:hidden;background:#EFE7DA;aspect-ratio:16/9}
.aa-ppc__film{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:none;display:block}
.aa-ppc__poster{width:100%;height:100%;object-fit:cover;display:block}
.aa-ppc__poster--none{display:block;width:100%;height:100%;
  background:repeating-linear-gradient(45deg,#EDE3D2 0 12px,#F4ECDE 12px 24px)}
.aa-ppc__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:62px;height:44px;border-radius:10px;display:grid;place-items:center;
  background:rgba(20,10,16,.55);color:#fff;transition:background .18s ease,transform .18s ease}
.aa-ppc__film:hover .aa-ppc__play{background:linear-gradient(96deg,#E9027A,#F58220);transform:translate(-50%,-50%) scale(1.06)}
.aa-ppc__play svg{width:21px;height:21px;margin-left:2px}
.aa-ppc__iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.aa-ppc__cap{margin:10px 0 0;font-size:.95rem;font-weight:700;line-height:1.4;color:#241019}
html[data-theme="dark"] .aa-ppc__h,html[data-theme="dark"] .aa-ppc__cap{color:#EDE7FA}

/* option tiles - flat soft rectangles, matching the reference proportions.
   The fieldset deliberately omits BOTH .product-form__input--pill and
   .product-form__input: aa-product-page.css styles `.product-form__input legend`
   with !important, which no specificity can beat. Dropping the class is the fix. */
.aa-pdp-opt--tile{margin:0 0 18px;padding:0;border:0}
.aa-pdp-opt--tile .aa-pdp-opt__label{display:flex;align-items:baseline;gap:8px;margin:0 0 9px;padding:0;
  font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9b8d7d}
.aa-pdp-opt--tile .aa-pdp-opt__val{font-size:15px;letter-spacing:0;text-transform:none;color:#241019;font-weight:800}
.aa-pdp-opt--tile .aa-pdp-sizechart{margin-left:auto;letter-spacing:0;text-transform:none}
.aa-pdp-opt--tile input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.aa-pdp-opt--tile input[type="radio"] + label{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:58px;height:46px;padding:0 18px;margin:0 10px 10px 0;
  border-radius:18px;cursor:pointer;
  background:#F7F3EC;border:1px solid transparent;
  font-size:15px;font-weight:600;color:#3f3833;line-height:1;
  transition:background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.aa-pdp-opt--tile input[type="radio"] + label:hover{background:#F1EBE1}
.aa-pdp-opt--tile input[type="radio"]:checked + label{
  background:#FDEAF3;color:#241019;border-color:rgba(233,2,122,.38);
  box-shadow:0 0 0 4px rgba(233,2,122,.12);font-weight:700;
}
.aa-pdp-opt--tile input[type="radio"]:focus-visible + label{outline:2px solid #E9027A;outline-offset:2px}
.aa-pdp-opt--tile input[type="radio"]:disabled + label{opacity:.4;cursor:not-allowed;text-decoration:line-through}
html[data-theme="dark"] .aa-pdp-opt--tile input[type="radio"] + label{background:#221a33;color:#EDE7FA}
html[data-theme="dark"] .aa-pdp-opt--tile input[type="radio"]:checked + label{
  background:#3a1030;color:#EDE7FA;border-color:rgba(255,143,184,.4);box-shadow:0 0 0 4px rgba(255,143,184,.14)}
@media (max-width:520px){
  .aa-pdp-opt--tile input[type="radio"] + label{min-width:52px;height:42px;padding:0 15px;font-size:14px;border-radius:16px;margin:0 8px 8px 0}
}

/* variant dropdowns - shrink to their content and sit side by side.
   Tiles keep their own full-width row. */
.aa-pdp-variants{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 18px}
.aa-pdp-variants > .aa-pdp-opt--tile{flex:1 0 100%}
.aa-pdp-variants > .aa-pdp-opt--drop{flex:0 1 auto;max-width:100%;min-width:0;margin:0 0 14px}
.aa-pdp-opt--drop{flex:0 1 auto;max-width:100%;margin:0 0 14px}
.aa-pdp-opt--drop .aa-pdp-opt__label{display:flex;align-items:center;gap:8px;margin:0 0 6px;
  font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9b8d7d}
.aa-pdp-opt--drop .select{position:relative;display:inline-block;max-width:100%}
/* Dawn draws its own rounded ring + shadow on .select via ::before/::after at a
   different radius than our select, which left a sliver at each corner. Only our
   own border should draw the box. Kept from the live file: the newer local design
   dropped it, but it only ever prevents that artefact. */
.aa-pdp-opt--drop .select::before,
.aa-pdp-opt--drop .select::after{display:none}
.aa-pdp-opt--drop .select__select{
  width:auto;max-width:100%;appearance:none;-webkit-appearance:none;
  height:40px;min-height:0;padding:0 34px 0 13px;border:1px solid #DFD3C0;border-radius:10px;background:#FFFCF7;
  font-size:14px;color:#241019;cursor:pointer;line-height:38px;
}
.aa-pdp-opt--drop .select__select:focus{outline:2px solid #E9027A;outline-offset:1px}
.aa-pdp-opt--drop .svg-wrapper{position:absolute;right:11px;top:50%;transform:translateY(-50%);
  pointer-events:none;display:grid;place-items:center;color:#8a7a68}
.aa-pdp-opt--drop .svg-wrapper svg{width:11px;height:11px}
html[data-theme="dark"] .aa-pdp-opt--drop .select__select{background:#171226;border-color:#3a2d4a;color:#EDE7FA}
html[data-theme="dark"] .aa-pdp-opt--drop .aa-pdp-opt__label{color:#EDE7FA}
@media (max-width:520px){
  .aa-pdp-variants{gap:0 12px}
  .aa-pdp-opt--drop .select__select{font-size:13.5px;height:38px;line-height:36px;padding:0 30px 0 11px}
}
.aa-echip .aa-seal{width:34px;height:34px;border-radius:8px;flex:0 0 auto}
.aa-echip .aa-seal b{font-size:7.5px}
.aa-echip__mid{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
.aa-echip__t{font-weight:800;font-size:.9rem;line-height:1.2;color:#241019;white-space:nowrap}
.aa-echip__eta{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}
.aa-echip:has(.aa-echip__cb:checked) .aa-echip__eta{grid-template-rows:1fr}
/* one line only: the row grows by exactly one line when expanded, never two */
.aa-echip__eta > span{overflow:hidden;display:block;font-size:.73rem;color:#8a7a6c;line-height:1.3;
  white-space:nowrap;text-overflow:ellipsis}
.aa-echip__price{flex:0 0 auto;display:flex;align-items:baseline;gap:5px}
.aa-echip__was{font-size:.78rem;color:#b3a79c;text-decoration:line-through}
.aa-echip__free{color:#0f7a4d;font-weight:800;font-size:.86rem;letter-spacing:.02em}
.aa-echip__box{flex:0 0 auto;width:20px;height:20px;border-radius:5px;border:1.5px solid #c7b3a6;
  background:#fff;display:grid;place-items:center;transition:.14s}
.aa-echip:has(.aa-echip__cb:checked) .aa-echip__box{background:#0f7a4d;border-color:#0f7a4d}
.aa-echip__box svg{width:12px;height:12px;stroke:#fff;stroke-width:3.4;fill:none;opacity:0;transition:.14s}
.aa-echip:has(.aa-echip__cb:checked) .aa-echip__box svg{opacity:1}
/* hide OptionPlus energised checkbox to avoid a duplicate (the native note above covers it) */
.optionplus-widget .aa-nrg{display:none}
html[data-theme="dark"] .aa-echip{border-color:#3a2d4a;background:rgba(23,18,38,.55)}
html[data-theme="dark"] .aa-echip:has(.aa-echip__cb:checked){border-color:#4a3a5a;background:rgba(23,18,38,.85)}
html[data-theme="dark"] .aa-echip__t{color:#EDE7FA}
html[data-theme="dark"] .aa-echip__eta > span{color:#b3aacb}
html[data-theme="dark"] .aa-echip__box{background:#0f0a1f;border-color:#5a4a6a}
html[data-theme="dark"] .aa-echip:has(.aa-echip__cb:checked) .aa-echip__box{background:#0f7a4d;border-color:#0f7a4d}
html[data-theme="dark"] .aa-echip__was{color:#8a7f95}

/* ---------- cart strip ---------- */
.aa-cart-nrg{display:flex;align-items:center;gap:11px;margin:0 0 12px;padding:11px 13px;border-radius:12px;
  background:linear-gradient(100deg,#FFF6EC,#FDEFF6);border:1px dashed #E1CFB4}
.aa-cart-nrg .aa-seal{width:42px;height:42px}
.aa-cart-nrg .aa-seal b{font-size:9px}
.aa-cart-nrg b{display:block;font-weight:800;font-size:.9rem;color:#241019}
.aa-cart-nrg small{display:block;font-size:.8rem;color:#6b6058}

/* ---------- dark mode ---------- */
html[data-theme="dark"] .optionplus-widget .aa-nrg{background:#171226;border-color:#2c2340}
html[data-theme="dark"] .aa-nrg__t,
html[data-theme="dark"] .aa-medal__cap{color:#EDE7FA}
html[data-theme="dark"] .aa-nrg__d,
html[data-theme="dark"] .aa-medal__sub,
html[data-theme="dark"] .aa-cart-nrg small{color:#b3aacb}
html[data-theme="dark"] .aa-nrg__check{background:#0f0a1f;border-color:#4a3f6a}
html[data-theme="dark"] .aa-nrg__eta span span,
html[data-theme="dark"] .aa-nrg__eta > span{background:#211a33;border-color:#4a3a2a;color:#e6c98f}
html[data-theme="dark"] .aa-cart-nrg{background:linear-gradient(100deg,#1a1330,#241033);border-color:#3a2d4a}
html[data-theme="dark"] .aa-cart-nrg b{color:#EDE7FA}

/* ---------- PDP exclusive offers (coupon cards) — pink shader panel ---------- */
.aa-offers{margin:16px 0 20px;padding:0;border-radius:0;background:none;border:none}
.aa-offers__head{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1rem;letter-spacing:.05em;
  text-transform:uppercase;color:#241019;margin:0 0 12px}
.aa-offers__badge{width:26px;height:26px;flex:0 0 auto;background:#C0392B;border-radius:50%;
  display:grid;place-items:center;box-shadow:0 3px 8px rgba(192,57,43,.28)}
.aa-offers__badge svg{width:15px;height:15px}
.aa-offers__ttl{margin-right:auto}
.aa-offers__timer{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;
  letter-spacing:.01em;text-transform:none;color:#8a5a44;white-space:nowrap}
.aa-offers__timer-lbl{opacity:.8}
.aa-offers__timer [data-aa-countdown]{color:#C0392B;font-variant-numeric:tabular-nums}
.aa-offers__row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.aa-offers__row::-webkit-scrollbar{height:0}
.aa-offer{flex:1 1 0;min-width:0;scroll-snap-align:start;background:#fff;border:1.5px dashed #E2CFC0;border-radius:12px;
  padding:12px 15px;display:flex;flex-direction:column;gap:5px;
  -webkit-mask:radial-gradient(circle 9px at 0 50%,transparent 8.5px,#000 9px),radial-gradient(circle 9px at 100% 50%,transparent 8.5px,#000 9px);
  -webkit-mask-composite:source-in;mask:radial-gradient(circle 9px at 0 50%,transparent 8.5px,#000 9px),radial-gradient(circle 9px at 100% 50%,transparent 8.5px,#000 9px);mask-composite:intersect}
.aa-offer__t{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.02rem;color:#241019;line-height:1.2}
.aa-offer__ic{font-size:1.1rem;flex:0 0 auto}
.aa-offer__d{font-size:.82rem;color:#6b6058;line-height:1.38;flex:1}
.aa-offer__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px dashed #E2CFC0;padding-top:8px}
.aa-offer__code{font-weight:800;font-size:.98rem;letter-spacing:.03em;color:#C0392B;font-family:ui-monospace,"SF Mono",monospace}
.aa-offer__copy{background:none;border:none;cursor:pointer;font-weight:700;font-size:.9rem;color:#241019;padding:2px 4px}
.aa-offer__copy.is-copied{color:#0f7a4d}
html[data-theme="dark"] .aa-offers{background:none;border:none}
html[data-theme="dark"] .aa-offers__head{color:#EDE7FA}
html[data-theme="dark"] .aa-offers__timer{color:#e6b48f}
html[data-theme="dark"] .aa-offer{background:#171226;border-color:#3a2d4a}
html[data-theme="dark"] .aa-offer__t{color:#EDE7FA}
html[data-theme="dark"] .aa-offer__d{color:#b3aacb}
html[data-theme="dark"] .aa-offer__foot{border-color:#3a2d4a}
html[data-theme="dark"] .aa-offer__copy{color:#EDE7FA}
html[data-theme="dark"] .aa-offer__code{color:#ff8a7a}

/* GemsAura Wallet cashback ribbon - a semi-curved tab that sits on TOP of the two
   PREPAID offer cards (WELCOME20, PREPAID15). Dark cosmic band + gold text so it
   reads as a bonus on those cards only. Whole ribbon deep-links to the app. */
.aa-offer--cb{position:relative;overflow:hidden;border-color:#C79A54}
.aa-offer__ribbon{
  display:block;margin:-13px -14px 10px;padding:9px 12px;
  border-radius:11px 11px 0 0;                               /* straight rectangle, rounded top only */
  background:linear-gradient(110deg,#2a1030 0%,#43193a 60%,#5a2145 100%);
  color:#F3CE7E;font-weight:800;font-size:.9rem;letter-spacing:.01em;
  text-align:center;text-decoration:none;line-height:1.2;white-space:nowrap;
  box-shadow:0 4px 10px -5px rgba(30,10,40,.6);
  -webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;
}
.aa-offer__ribbon::after{content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.22),transparent);
  transform:skewX(-18deg);animation:aa-rib-shine 4.5s ease-in-out infinite;pointer-events:none}
@keyframes aa-rib-shine{0%{left:-60%}45%,100%{left:150%}}
.aa-offer__ribbon:active{filter:brightness(1.12)}
html[data-theme="dark"] .aa-offer--cb{border-color:#6a4a2a}
@media (max-width:430px){ .aa-offer__ribbon{font-size:.82rem;padding:8px 8px} }
@media (prefers-reduced-motion:reduce){ .aa-offer__ribbon::after{display:none} }


/* "How cashback works" trigger - clean pink text link, centered under the offers row */
.aa-offers:has(.aa-offers__how){display:flex;flex-direction:column}
.aa-offers__how{align-self:center;margin:9px auto 0;padding:2px 4px;
  background:none;border:none;cursor:pointer;font:inherit;font-weight:800;font-size:.86rem;
  color:#D6357E;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;
  text-decoration-color:rgba(214,53,126,.4);-webkit-tap-highlight-color:transparent;transition:color .15s}
.aa-offers__how:hover{color:#B02566;text-decoration-color:#D6357E}
html[data-theme="dark"] .aa-offers__how{color:#FF8FB8}

/* ---------- energised note sits inside the price row, one line, aligned right ---------- */
/* Offer card: price and the Pran-Pratishta add-on share ONE bordered box and
   stack, instead of sitting side by side across the full column width. Same
   pattern as the reference - it reads as a single offer, and reclaims the
   horizontal sprawl that was pushing the CTA down. */
.aa-pdp-pricerow{display:flex !important;flex-direction:column !important;align-items:stretch !important;
  flex-wrap:nowrap !important;gap:0 !important;
  border:1px solid #E7DCC7;border-radius:12px;background:#FFFCF6;
  overflow:hidden;padding:0 !important;margin:0 0 14px !important}
/* row 1 of the card: price on the left, countdown on the right */
/* Card: text column on the left, countdown pinned top-right. Compact by design -
   two short lines, no competing objects on the same axis. */
/* Row 1: price, MRP, discount, then the countdown pushed right on the SAME
   baseline - stacking a label above it was what made it read as unaligned.
   Row 2: the savings/terms line. */
.aa-pdp-pricemain{padding:0}
/* Benefits marquee across the top of the card. The track holds the item list
   twice and slides exactly -50%, so it loops without a visible seam. */
.aa-pstrip{position:relative;border-bottom:1px solid #EFE6D6;background:#FBF5E9;
  overflow:hidden;padding:5px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 34px,#000 calc(100% - 34px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 34px,#000 calc(100% - 34px),transparent)}
.aa-pstrip__track{display:flex;width:max-content;animation:aa-pstrip-run 26s linear infinite}
.aa-pstrip:hover .aa-pstrip__track{animation-play-state:paused}
/* travels left -> right: start the duplicated track half-shifted and run it back
   to zero, so content enters from the left edge and the loop stays seamless */
@keyframes aa-pstrip-run{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.aa-pstrip__i{display:inline-flex;align-items:center;gap:6px;padding:0 11px;
  font-size:11px;font-weight:600;color:#8a7a63;white-space:nowrap;line-height:1.2}
.aa-pstrip__i i{font-style:normal;font-size:11.5px;line-height:1}
.aa-pstrip__i::after{content:"";width:3px;height:3px;border-radius:50%;background:#DCCDB4;
  margin-left:11px}
@media (prefers-reduced-motion:reduce){
  .aa-pstrip__track{animation:none}
}
/* One baseline row, spread across the card so there is no trailing gutter and
   no hole in the middle. Sizes are up a notch so the row carries the width. */
.aa-pdp-priceline{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;
  justify-content:space-between;gap:10px;padding:12px 16px 13px}
.aa-pdp-priceline > .aa-pdp-pricerow__price{flex:1 1 auto}
.aa-pdp-priceline .price__sale{width:100% !important;justify-content:space-between !important}
/* screen-reader labels must leave the flex flow or they take a share of the gaps */
.aa-pdp-priceline .price__sale > .visually-hidden{position:absolute !important;width:1px !important;
  height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important}
.aa-otimer{flex:0 0 auto;display:inline-flex;flex-direction:row;align-items:baseline;gap:6px;
  margin-left:0;padding:0 0 0 16px;border:0;border-left:1px solid #E7DCC7;
  background:none;white-space:nowrap}
.aa-otimer__lbl{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;
  color:#9b8d7d;line-height:1}
.aa-otimer__clock{display:inline-flex;align-items:baseline;gap:1px;
  font-size:15px;font-weight:800;color:#B0142E;letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;line-height:1}
.aa-otimer__clock s{text-decoration:none;color:#E0A3AE;padding:0 1px;font-weight:700}
.aa-pdp-pricerow > .aa-pdp-priceline > .aa-pdp-pricerow__price{flex:1 1 auto;min-width:0;padding:0}
/* second line under the price: fills the row so the countdown is not floating
   opposite a single line, and answers the two questions asked at this point. */
.aa-pdp-priceline__note{margin:0;font-size:12.5px;line-height:1.4;color:#8A8177;font-weight:500}
.aa-pdp-priceline__note b{color:#2E7D32;font-weight:800}
/* Dawn stacks 8px+2px on .price and 12px on .price__container inside a 41px row.
   The extra ancestor is needed to beat the ID-scoped section rules. */
.product__info-container .aa-pdp-pricerow .price,
.product__info-container .aa-pdp-pricerow .price__container{margin:0 !important;padding:0 !important}

/* calendar-style countdown */
/* Horizontal panel: the stacked version left a wide void on a 674px row because
   a small light element cannot hold the right edge. Label beside the digits on a
   tinted ground gives it enough width and weight to anchor the row. */
@media (max-width:749px){
  .aa-pdp-priceline{gap:8px;padding:10px 12px 11px;justify-content:flex-start}
  .aa-pdp-priceline .price__sale{justify-content:flex-start !important;gap:8px !important}
  .aa-otimer{padding-left:10px}
  .aa-pstrip{padding:7px 0}
  .aa-pstrip__i{font-size:11.5px;padding:0 13px}
  .aa-pstrip__i::after{margin-left:13px}
  .aa-pdp-priceline__note{font-size:11px;margin-top:2px}
  .aa-otimer{gap:7px;padding:4px 7px 4px 9px}
  .aa-otimer__lbl{font-size:9px;max-width:46px}
  .aa-otimer__b{min-width:30px;padding:3px 4px 2px}
  .aa-otimer__b b{font-size:12.5px}
}
html[data-theme="dark"] .aa-otimer__b{background:#3a2d4a}

@media(max-width:749px){
  .aa-pdp-pricerow{gap:0 !important}
  .aa-pdp-pricerow > .aa-echip{flex:1 1 100%;margin-top:4px}
}

/* Offer rail above the CTA - the original ticket cards on their own, no panel.
   Side arrows fade in on hover; touch devices just swipe the rail. */
.aa-orew{position:relative;margin:0 0 14px}
.aa-orew__vp{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding:2px 0 5px}
.aa-orew__vp::-webkit-scrollbar{height:0}
.aa-orew__track{display:flex;gap:10px}
.aa-orew__arw{position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:50%;cursor:pointer;
  border:1px solid #E7DCCC;background:#fff;color:#241019;box-shadow:0 2px 9px rgba(36,16,25,.14);
  opacity:0;pointer-events:none;transition:opacity .18s ease,border-color .18s ease,color .18s ease}
.aa-orew__arw svg{width:15px;height:15px}
.aa-orew__arw--l{left:-9px}
.aa-orew__arw--r{right:-9px}
.aa-orew:hover .aa-orew__arw:not(.is-off),
.aa-orew:focus-within .aa-orew__arw:not(.is-off){opacity:1;pointer-events:auto}
.aa-orew__arw:hover{border-color:#C0392B;color:#C0392B}
@media (hover:none){.aa-orew__arw{display:none}}
html[data-theme="dark"] .aa-orew__arw{background:#171226;border-color:#3a2d4a;color:#EDE7FA}

/* natural-variation disclaimer - sits above the option tiles, kept quiet.
   Size/colour/weight are set in main-product.liquid (that rule uses !important). */
.product__info-container .product__text.inline-richtext{margin:0 0 12px;letter-spacing:0}
html[data-theme="dark"] .product__info-container .product__text.inline-richtext{color:rgba(245,239,234,.5) !important}

/* Energisation film section - media left, brand story right.
   Top-aligned with the video frame. The number chips centre via line-height +
   text-align rather than flex/grid centring, because a theme rule forces
   display:block on these spans and would silently break place-items. */
.aa-story__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}
.aa-story__grid--flip .aa-story__media{order:2}
.aa-story__media .aa-ppc__stage{margin:0;border-radius:14px}
.aa-story__media .aa-ppc__cap{margin:11px 0 0;font-size:12.5px;font-weight:500;color:#a2968a;text-align:center}
.aa-story__body{padding-top:2px}
.aa-story__eyebrow{display:inline-block;margin:0 0 14px;padding:6px 13px;border-radius:999px;
  font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;
  color:#C2185B;background:#FDEAF3;border:1px solid rgba(233,2,122,.16)}
.aa-story__h{margin:0 0 14px;font-size:32px;line-height:1.14;font-weight:800;letter-spacing:-.022em;
  color:#241019;text-wrap:balance}
.aa-story__rte{margin:0;font-size:15px;line-height:1.6;color:#6b6058;max-width:52ch}
.aa-story__rte p{margin:0 0 10px}
.aa-story__rte p:last-child{margin-bottom:0}
.aa-story__steps{list-style:none;margin:22px 0 0;padding:22px 0 0;border-top:1px solid #E7DCCC;
  display:flex;flex-direction:column;gap:16px}
.aa-story__step{display:flex;align-items:flex-start;gap:14px}
.aa-story__n{flex:0 0 auto;width:26px;height:26px;border-radius:50%;
  background:#F3EADA;color:#9a8259;
  font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;
  text-align:center;line-height:26px}
.aa-story__step b{display:block;font-size:15px;font-weight:700;color:#241019;line-height:1.3}
.aa-story__step span:not(.aa-story__n){display:block;margin-top:3px;font-size:13.5px;line-height:1.5;color:#8A8177}
/* Scroll reveal - ADDITIVE: nothing is hidden until JS adds .aa-anim, so if the
   script or IntersectionObserver never runs the content still renders. */
.aa-story.aa-anim .aa-story__reveal,
.aa-story.aa-anim .aa-story__step{opacity:0;transform:translateY(14px);
  transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.aa-story.aa-anim.is-in .aa-story__reveal,
.aa-story.aa-anim.is-in .aa-story__step{opacity:1;transform:none}
.aa-story.aa-anim.is-in .aa-story__body .aa-story__reveal:nth-child(2){transition-delay:.07s}
.aa-story.aa-anim.is-in .aa-story__body .aa-story__reveal:nth-child(3){transition-delay:.14s}
.aa-story.aa-anim.is-in .aa-story__step:nth-child(1){transition-delay:.22s}
.aa-story.aa-anim.is-in .aa-story__step:nth-child(2){transition-delay:.31s}
.aa-story.aa-anim.is-in .aa-story__step:nth-child(3){transition-delay:.40s}
.aa-story.aa-anim.is-in .aa-story__step:nth-child(4){transition-delay:.49s}
@media (prefers-reduced-motion:reduce){
  .aa-story.aa-anim .aa-story__reveal,
  .aa-story.aa-anim .aa-story__step{opacity:1;transform:none;transition:none}
}
@media (max-width:989px){
  .aa-story__grid{grid-template-columns:1fr;gap:26px}
  .aa-story__grid--flip .aa-story__media{order:0}
  .aa-story__h{font-size:25px}
  .aa-story__rte{font-size:14.5px;max-width:none}
}
html[data-theme="dark"] .aa-story__h,html[data-theme="dark"] .aa-story__step b{color:#EDE7FA}
html[data-theme="dark"] .aa-story__rte{color:#b3aacb}
html[data-theme="dark"] .aa-story__eyebrow{color:#FF8FB8;background:rgba(233,2,122,.14);border-color:rgba(255,143,184,.28)}
html[data-theme="dark"] .aa-story__steps{border-top-color:#3a2d4a}
html[data-theme="dark"] .aa-story__n{background:rgba(255,236,205,.12);color:#D9B071}
html[data-theme="dark"] .aa-story__step span:not(.aa-story__n){color:rgba(245,239,234,.6)}

/* "What's inside" - bracelets. Text left, lit bead stage right. */
/* rows: head is auto, the rest is one flexible row. Without this the tall bead
   column stretches BOTH rows and pushes a gap between the intro and the list. */
.aa-beads__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  grid-template-areas:"head bead" "list bead";grid-template-rows:auto 1fr;
  gap:0 56px;align-items:start}
.aa-beads__head{grid-area:head;max-width:520px;margin:0 0 24px}
.aa-beads__left{grid-area:list;max-width:520px;align-self:start}
.aa-beads__right{grid-area:bead}
.aa-beads__h{margin:0 0 14px;font-size:38px;line-height:1.1;font-weight:800;letter-spacing:-.028em;
  color:#241019;text-wrap:balance}
.aa-beads__sub{margin:0;font-size:16px;line-height:1.65;color:#6b6058}
.aa-beads__sub p{margin:0}
/* plain pointers - no boxes, so the panel above stays the only card */
.aa-beads__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.aa-beads__list{transition:opacity .16s ease,transform .16s ease}
.aa-beads__list.is-out{opacity:0;transform:translateY(6px)}
@media (prefers-reduced-motion:reduce){.aa-beads__list{transition:none}.aa-beads__list.is-out{opacity:1;transform:none}}
.aa-beads__c{display:flex;align-items:flex-start;gap:11px}
.aa-beads__tick{flex:0 0 auto;display:grid;place-items:center;width:21px;height:21px;margin-top:1px;
  border-radius:50%;background:transparent;color:#E9027A}
.aa-beads__tick svg{width:12px;height:12px}
.aa-beads__cbody{min-width:0}
.aa-beads__n{display:block;font-size:15.5px;font-weight:800;color:#241019;line-height:1.3;letter-spacing:-.01em}
.aa-beads__t{display:block;margin:2px 0 0;font-size:13.5px;line-height:1.5;color:#8A8177}

/* bead stage.
   The sphere is a fixed circle - it is never transformed in 3D, because
   rotating a flat disc squashes it into an ellipse. Spin is faked by scrolling
   a turbulence texture inside a static shading shell, which stays perfectly
   round at every angle. */
.aa-beads__right{display:flex;flex-direction:column;align-items:center}
.aa-bead-stage{position:relative;width:100%;padding:56px 28px 32px;border-radius:22px;text-align:center;
  -webkit-touch-callout:none;
  background:radial-gradient(120% 90% at 50% 6%,#FFFDF7,#F6EFE2 60%,#EFE5D2);
  border:1px solid #E7DCCC;cursor:grab;user-select:none;-webkit-user-select:none;overflow:hidden}
/* photos are static now - no grab cursor implying a drag that does nothing */
.aa-bead-stage:has(.aa-bead__img){cursor:default}
.aa-bead__orb{width:200px;height:200px;margin:0 auto;position:relative}
.aa-bead__sphere{position:absolute;inset:0;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 33% 27%,
    color-mix(in srgb, var(--aa-b1) 92%, #fff) 0%,
    var(--aa-b1) 14%, var(--aa-b2) 48%, var(--aa-b3) 92%);
  box-shadow:
    inset -16px -20px 40px rgba(0,0,0,.42),
    inset 14px 16px 30px rgba(255,255,255,.22),
    0 22px 34px -16px rgba(60,42,18,.5)}
/* granular stone body: fine turbulence, scrolled by --aa-rot to read as spin */
.aa-bead__tex{position:absolute;inset:-2px;border-radius:50%;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='130'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='260' height='130' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:200% 100%;
  background-position:calc(var(--aa-rot,0) * 1px) 50%;
  opacity:.30;mix-blend-mode:overlay}
/* sparkle flecks - aventurine/pyrite glitter, also scrolled */
.aa-bead__tex::after{content:"";position:absolute;inset:0;border-radius:50%;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.24' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 -9 4.2'/%3E%3C/filter%3E%3Crect width='240' height='120' filter='url(%23s)'/%3E%3C/svg%3E");
  background-size:200% 100%;
  background-position:calc(var(--aa-rot,0) * 1.25px) 50%;
  opacity:.5;mix-blend-mode:screen}
/* static shading shell keeps the light source fixed while the body turns */
.aa-bead__shade{position:absolute;inset:0;border-radius:50%;pointer-events:none;
  background:
    radial-gradient(circle at 31% 25%, rgba(255,255,255,.42), rgba(255,255,255,0) 42%),
    radial-gradient(circle at 72% 78%, rgba(0,0,0,.34), rgba(0,0,0,0) 58%),
    radial-gradient(circle at 50% 50%, rgba(0,0,0,0) 58%, rgba(0,0,0,.22) 100%)}
.aa-bead__spec{position:absolute;left:22%;top:15%;width:29%;height:21%;border-radius:50%;
  pointer-events:none;filter:blur(1px);
  background:radial-gradient(ellipse at 42% 40%, rgba(255,255,255,.95), rgba(255,255,255,0) 68%)}
.aa-bead__spec::after{content:"";position:absolute;right:-118%;bottom:-150%;width:62%;height:44%;
  border-radius:50%;filter:blur(2px);
  background:radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.34), rgba(255,255,255,0) 70%)}
/* rim light along the shadowed edge - the cue that sells roundness */
.aa-bead__rim{position:absolute;inset:0;border-radius:50%;pointer-events:none;
  box-shadow:inset -5px -7px 14px rgba(255,255,255,.22), inset 2px 3px 8px rgba(255,255,255,.10)}
.aa-bead__img{width:100%;height:100%;object-fit:contain;display:block;
  -webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;
  pointer-events:none;
  filter:drop-shadow(0 18px 26px rgba(60,42,18,.34))}
.aa-bead-stage.is-swap .aa-bead__img{animation:aa-bead-pop .42s cubic-bezier(.22,1,.36,1)}
@keyframes aa-bead-pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.aa-bead__shadow{display:block;width:152px;height:16px;margin:18px auto 0;border-radius:50%;
  background:radial-gradient(ellipse at 50% 50%, rgba(70,48,24,.28), transparent 72%);filter:blur(3px)}
.aa-bead__cert{display:inline-flex;align-items:center;gap:6px;margin:18px 0 0;padding:6px 13px;
  border-radius:999px;background:#fff;border:1px solid #CFE4D3;
  font-size:12px;font-weight:700;color:#1f7a4c;white-space:nowrap}
.aa-bead__cert svg{width:13px;height:13px}
.aa-bead__name{margin:13px 0 0;font-size:27px;font-weight:800;letter-spacing:-.02em;color:#241019;line-height:1.15}
.aa-bead__props{margin:8px auto 0;max-width:44ch;font-size:13.5px;line-height:1.55;color:#8A8177}
.aa-bead-stage.is-swap .aa-bead__name,.aa-bead-stage.is-swap .aa-bead__props{
  animation:aa-bead-swap .38s cubic-bezier(.22,1,.36,1)}
@keyframes aa-bead-swap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* mixed-bead bracelets: one swatch per stone */
.aa-bead__swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 0}
.aa-bead__sw{width:40px;height:40px;padding:2px;border-radius:50%;cursor:pointer;overflow:hidden;
  border:2px solid transparent;background:none;transition:border-color .2s ease,transform .2s ease}
.aa-bead__sw img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;
  -webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;
  pointer-events:none}
.aa-bead__sw span{display:block;width:100%;height:100%;border-radius:50%;
  background:radial-gradient(circle at 34% 28%, var(--aa-b1), var(--aa-b2) 52%, var(--aa-b3) 94%);
  box-shadow:inset -3px -4px 7px rgba(0,0,0,.34), inset 2px 3px 5px rgba(255,255,255,.34)}
.aa-bead__sw:hover{transform:translateY(-2px)}
.aa-bead__sw.is-on{border-color:#241019}
.aa-bead__hint{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 0;
  font-size:12.5px;color:#a2968a}
.aa-bead__hint svg{width:14px;height:14px}

.aa-beads.aa-anim .aa-beads__reveal{opacity:0;transform:translateY(16px);
  transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.aa-beads.aa-anim.is-in .aa-beads__reveal{opacity:1;transform:none}
.aa-beads.aa-anim.is-in .aa-beads__sub{transition-delay:.07s}
.aa-beads.aa-anim.is-in .aa-beads__right{transition-delay:.12s}
.aa-beads.aa-anim.is-in .aa-beads__c:nth-child(1){transition-delay:.20s}
.aa-beads.aa-anim.is-in .aa-beads__c:nth-child(2){transition-delay:.28s}
.aa-beads.aa-anim.is-in .aa-beads__c:nth-child(3){transition-delay:.36s}
.aa-beads.aa-anim.is-in .aa-beads__c:nth-child(4){transition-delay:.44s}
@media (prefers-reduced-motion:reduce){
  .aa-beads.aa-anim .aa-beads__reveal{opacity:1;transform:none;transition:none}
}
@media (max-width:989px){
  .aa-beads__grid{grid-template-columns:1fr;grid-template-areas:"head" "bead" "list";gap:0}
  .aa-beads__head{max-width:none;margin:0 0 20px}
  .aa-beads__left{max-width:none}
  .aa-beads__right{margin:0 0 26px}
  .aa-beads__focus{margin-top:0}
  .aa-beads__h{font-size:27px}
  .aa-beads__sub{font-size:15px}
  .aa-bead__orb{width:150px;height:150px}
  .aa-bead-stage{padding:40px 20px 28px}
  .aa-bead__name{font-size:23px}
}
html[data-theme="dark"] .aa-beads__h,html[data-theme="dark"] .aa-beads__n,
html[data-theme="dark"] .aa-bead__name{color:#EDE7FA}
html[data-theme="dark"] .aa-beads__sub{color:#b3aacb}
html[data-theme="dark"] .aa-beads__t,html[data-theme="dark"] .aa-bead__props{color:rgba(245,239,234,.6)}
html[data-theme="dark"] .aa-bead-stage{background:radial-gradient(120% 90% at 50% 8%,#211a33,#171226);
  border-color:#3a2d4a}
html[data-theme="dark"] .aa-bead__cert{background:rgba(255,255,255,.06);border-color:rgba(120,200,150,.3);color:#7BD3A0}

/* selected-bead panel on the left, kept in sync with the stage */
.aa-beads__focus{position:relative;overflow:hidden;margin:0 0 22px;padding:15px 18px;border-radius:14px;
  background:#FFFDF8;border:1px solid #E7DCCC}
/* brand-gradient rail. overflow:hidden lets the card's radius curve it, the
   way the old gold border did. */
.aa-beads__focus::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3.5px;
  background:linear-gradient(180deg,#FF8C42,#FF2E93)}
.aa-beads__focus-lbl{display:block;font-size:10.5px;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:#a2968a}
.aa-beads__focus-n{display:block;margin:0;font-size:19px;font-weight:800;letter-spacing:-.015em;color:#241019}
.aa-beads__focus-t{margin:5px 0 0;font-size:14px;line-height:1.55;color:#6b6058}
.aa-beads.is-swap .aa-beads__focus-n,.aa-beads.is-swap .aa-beads__focus-t{
  animation:aa-bead-swap .4s cubic-bezier(.22,1,.36,1)}
.aa-beads__list-lbl{display:block;margin:24px 0 10px;font-size:10.5px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:#a2968a}
html[data-theme="dark"] .aa-beads__focus{background:#171226;border-color:#3a2d4a;border-left-color:#C79447}
html[data-theme="dark"] .aa-beads__focus-n{color:#EDE7FA}
html[data-theme="dark"] .aa-beads__focus-t{color:#b3aacb}
html[data-theme="dark"] .aa-beads__tick{background:transparent;color:#FF7FBE}

/* Featured review trust card - real review, gold rule, under the beads grid */
/* Compact: this sits inside the buy box column, under the price. */
.aa-rtrust{margin:14px 0 4px;padding:13px 15px;border-radius:12px;background:#FFFDF8;
  border:1px solid #E7DCCC;border-left:3px solid #C79447}
.aa-rtrust__stars{display:flex;gap:2px;color:#C79447;margin:0 0 7px}
.aa-rtrust__stars svg{width:13px;height:13px}
.aa-rtrust__q{margin:0;font-size:14px;line-height:1.5;color:#241019;font-weight:500}
.aa-rtrust__q::before{content:"\201C"}
.aa-rtrust__q::after{content:"\201D"}
.aa-rtrust__by{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:9px 0 0;
  font-size:12.5px;color:#8A8177}
.aa-rtrust__by b{font-weight:700;color:#241019}
.aa-rtrust__vf{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;
  background:#EFF7F1;color:#1f7a4c;font-size:11.5px;font-weight:700}
.aa-rtrust__vf svg{width:11px;height:11px}
@media (max-width:989px){
  .aa-rtrust{padding:12px 13px}
  .aa-rtrust__q{font-size:13.5px}
}
html[data-theme="dark"] .aa-rtrust{background:#171226;border-color:#3a2d4a;border-left-color:#C79447}
html[data-theme="dark"] .aa-rtrust__q,html[data-theme="dark"] .aa-rtrust__by b{color:#EDE7FA}
html[data-theme="dark"] .aa-rtrust__by{color:rgba(245,239,234,.6)}
html[data-theme="dark"] .aa-rtrust__vf{background:rgba(31,122,76,.18);color:#7BD3A0}

/* Social proof bar: rating pill + customer cluster + count, under the title. */
/* a later sheet re-declares .aa-pdp-rating as inline-flex with a 6px gap, so the
   parent is included here to outrank it rather than guess which file it lives in */
.product__info-container .aa-pdp-rating.aa-sproof,
.aa-pdp-rating.aa-sproof{display:flex !important;align-items:center;flex-wrap:wrap;
  gap:10px 14px !important;margin:12px 0 16px !important;font-size:inherit;line-height:normal}
.aa-pdp-rating.aa-sproof .aa-pdp-stars{display:none}
/* Rating: no container - gold stars, bold score, underlined review count. */
.aa-sproof__rate{display:inline-flex;align-items:center;gap:9px;padding:0;border:0;background:none;
  white-space:nowrap;text-decoration:none}
.aa-sproof__stars{position:relative;display:inline-block;line-height:1;font-size:16px;
  letter-spacing:2px;white-space:nowrap}
.aa-sproof__stars-bg{color:#DED2BC}
.aa-sproof__stars-fg{position:absolute;left:0;top:0;overflow:hidden;width:var(--aa-fill,0%);
  color:#E8A33D}
.aa-sproof__rate b{font-size:15.5px;font-weight:800;color:#241019;letter-spacing:-.01em;line-height:1}
.aa-sproof__rate .aa-pdp-rating__count{font-size:13.5px;color:#8A8177;font-weight:500;line-height:1;
  text-decoration:underline;text-underline-offset:3px;text-decoration-color:#CFC2AC;
  text-decoration-thickness:1px}
.aa-sproof__rate:hover .aa-pdp-rating__count{color:#241019;text-decoration-color:#8A8177}

/* customer cluster: overlapping circles with a white ring */
.aa-sproof__faces{display:inline-flex;align-items:center}
.aa-sproof__faces img,.aa-sproof__ini{width:32px;height:32px;border-radius:50%;
  border:2px solid #fff;margin-left:-12px;flex:0 0 auto}
.aa-sproof__faces img{object-fit:cover;-webkit-user-drag:none;user-select:none;pointer-events:none;
  filter:blur(.5px) saturate(.92) contrast(.97)}
.aa-sproof__faces > :first-child{margin-left:0}
.aa-sproof__txt{display:inline-flex;align-items:center;min-width:0;font-size:13px;line-height:1.3}
.aa-sproof__txt b{font-size:15px;font-weight:800;letter-spacing:-.01em;
  background:linear-gradient(96deg,#F58220,#E9027A);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent}
.aa-sproof__txt span{color:#8A8177}
@media (max-width:520px){
  .aa-pdp-rating.aa-sproof{gap:9px}
  .aa-sproof__pill{padding:6px 11px;border-radius:12px}
  .aa-sproof__pill b{font-size:15px}
  .aa-sproof__faces img,.aa-sproof__ini{width:31px;height:31px;margin-left:-10px}
  .aa-sproof__ini{font-size:12.5px}
  .aa-sproof__txt b{font-size:14px}
  .aa-sproof__txt span{font-size:11.5px}
}
}
html[data-theme="dark"] .aa-sproof__pill{background:rgba(255,255,255,.06);border-color:#3a2d4a}
html[data-theme="dark"] .aa-sproof__pill b{color:#EDE7FA}
html[data-theme="dark"] .aa-sproof__pill .aa-pdp-rating__count{color:rgba(245,239,234,.7)}
html[data-theme="dark"] .aa-sproof__txt span{color:rgba(245,239,234,.6)}
html[data-theme="dark"] .aa-sproof__faces img,html[data-theme="dark"] .aa-sproof__ini{border-color:#171226}

/* ---------------------------------------------------------------------------
   Typography roles.

   One grotesque across headings and UI, separated by weight rather than by
   family: 700 for headings and card titles, 400 for body. Serif display faces
   read as fussy here and went spindly at card sizes.
   --------------------------------------------------------------------------- */
html body h1, html body h2, html body h3, html body h4,
html body .h0, html body .h1, html body .h2 {
  font-optical-sizing: auto;
}
/* product cards, quick view, rails, search results */
/* THREE card systems ship on this store and each names its title differently:
     .pcard .nm        - homepage / PDP rails   (181 on the homepage alone)
     .aa-pcard__title  - collection and search
     .aac__name        - the compact accessory cards
   Styling only one of them is why the rails never changed. */
html body .pcard .nm,
html body .pcard .nm a,
html body .aac__name,
html body h3.aa-pcard__title,
html body .aa-pcard .aa-pcard__title,
html body .aa-pcard__title,
html body .aa-pcard__title a,
html body .card__heading,
html body .card__heading a,
html body .aa-qv__title,
html body .pcard__title,
html body h3.card__heading {
  font-family: 'Instrument Sans', 'Mukta', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
  /* was 500 at 14px, which read as weak next to the 800-weight price in the
     same card. Titles now carry the card. */
  font-weight: 700 !important;
  font-size: 15.5px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.015em !important;
  color: #1F0820 !important;
}


/* ---------------------------------------------------------------------------
   Product page readability.

   The body copy was computing to 12px at ~87 characters per line. Long measure
   at small size is what makes text feel unsteady - the eye loses the line on
   the return sweep. Target is 15-16px at 60-72 characters, which is the
   comfortable range for continuous reading.

   Sizes are set on the paragraphs themselves because a theme rule sets p to
   12px and beats the container.
   --------------------------------------------------------------------------- */
body.template-product .aa-beads__sub,
body.template-product .aa-beads__sub p,
body.template-product .aa-story__rte,
body.template-product .aa-story__rte p {
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  max-width: 62ch;
  color: #5f564f !important;
}
body.template-product .aa-beads__t,
body.template-product .aa-bead__props,
body.template-product .aa-story__step span:not(.aa-story__n) {
  font-size: 14px !important;
  line-height: 1.6 !important;
  max-width: 60ch;
}
body.template-product .aa-facts dd,
body.template-product .collapsible-row-content p,
body.template-product .aa-drop-item {
  font-size: 14.5px !important;
  line-height: 1.6 !important;
}
body.template-product .collapsible-row-content {
  max-width: 68ch;
}

/* Attention line above the product title - dot + gradient benefit/offer line */
.aa-pdp-hook{display:flex;align-items:flex-start;gap:9px;margin:0 0 8px;
  font-size:15px;font-weight:700;line-height:1.4;letter-spacing:-.005em}
.aa-pdp-hook__dot{flex:0 0 auto;width:11px;height:11px;margin-top:6px;border-radius:50%;
  background:#C2185B}
.aa-pdp-hook__t{background:linear-gradient(96deg,#C2185B 0%,#E9027A 38%,#F58220 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  color:#E9027A}
@media (max-width:749px){
  .aa-pdp-hook{font-size:13.5px;gap:8px;margin-bottom:6px}
  .aa-pdp-hook__dot{width:9px;height:9px;margin-top:5px}
}
html[data-theme="dark"] .aa-pdp-hook__dot{background:#FF8FB8}
html[data-theme="dark"] .aa-pdp-hook__t{
  background:linear-gradient(96deg,#FF8FB8 0%,#FF6FA8 40%,#FFA95E 100%);
  -webkit-background-clip:text;background-clip:text}

/* Align the info column with the top of the photo frame.
   Dawn pads .product__info-wrapper by 36px, which dropped the Hindi eyebrow
   below the image. Desktop only - on mobile the columns stack and the padding
   is the gap between them. */
@media (min-width: 990px) {
  body.template-product .product__info-wrapper { padding-top: 0 !important; }
}

/* ---------------------------------------------------------------------------
   Mobile buy box: compact and aligned.
   The stack was losing a lot of height to oversized chips, a customer count
   that dropped to its own line, and generous block margins. Everything below
   is mobile-only; desktop is untouched.
   --------------------------------------------------------------------------- */
@media (max-width: 749px) {
  /* title: tighter, one clear block */
  body.template-product .product__title h1,
  body.template-product .product__title h2.h1 { font-size: 25px !important; line-height: 1.2 !important; }
  body.template-product .aa-pdp-subrow { margin-bottom: 2px !important; }
  body.template-product .aa-pdp-subtitle { font-size: 13px !important; }

  /* trust bar: keep the count on the same line as the faces */
  body.template-product .aa-pdp-rating.aa-sproof {
    gap: 8px !important; margin: 8px 0 10px !important; flex-wrap: nowrap !important;
  }
  body.template-product .aa-sproof__rate { padding: 0 !important; gap: 7px !important; }
  body.template-product .aa-sproof__rate b { font-size: 13px !important; }
  body.template-product .aa-sproof__stars { font-size: 14px !important; letter-spacing: 1.5px !important; }
  body.template-product .aa-sproof__rate .aa-pdp-rating__count { font-size: 12px !important; }
  body.template-product .aa-sproof__faces img { width: 26px !important; height: 26px !important; margin-left: -9px !important; }
  /* keeping the count on one line must never push it off-screen: let it shrink */
  body.template-product .aa-sproof__rate,
  body.template-product .aa-sproof__faces { flex: 0 0 auto !important; }
  body.template-product .aa-sproof__txt {
    font-size: 12px !important; line-height: 1.2 !important;
    flex: 0 1 auto !important; min-width: 0 !important;
    overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
  }
  body.template-product .aa-sproof__txt b { font-size: 12.5px !important; }

  /* benefit chips: were full-height pills eating a whole band */
  body.template-product .aa-pdp-chips { gap: 6px !important; margin: 0 0 12px !important; }
  body.template-product .aa-pdp-chips .aa-pdp-chip {
    padding: 7px 10px !important; font-size: 12px !important;
    border-radius: 10px !important; min-height: 0 !important;
  }

  /* price row: it was floating in dead space between the chips and the note */
  body.template-product .aa-pdp-pricerow { margin: 6px 0 10px !important; }
  body.template-product .aa-pdp-pricerow .price--large .price-item--last { font-size: 25px !important; }
  body.template-product .aa-pdp-pricerow .price--large s.price-item--regular { font-size: 15px !important; }
  body.template-product .aa-facts { margin-top: 0 !important; }
}

/* Benefit chips and the Pran-Pratishta add-on on one row */
/* spacing uses margin-bottom only: the section sets `#ProductInfo > * { margin-top:0 !important }` */
.aa-pdp-chiprow{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;margin:0 0 16px}
.aa-pdp-chiprow .aa-pdp-chips{flex:0 0 auto;margin:0 !important}
.aa-pdp-chiprow .aa-echip{flex:1 1 auto;min-width:0;margin:0 !important;align-self:center}
@media (max-width:989px){
  .aa-pdp-chiprow{flex-wrap:wrap;gap:8px}
  .aa-pdp-chiprow .aa-pdp-chips{flex:1 1 100%}
  .aa-pdp-chiprow .aa-echip{flex:1 1 100%}
}

/* Price card: the saving is the exciting bit, so it gets the green pill and the
   rupee figure rather than a bare percentage. */
.aa-pp-save{display:none}
/* The price block must span the card, or a shrink-to-fit column makes the 100%
   line-break basis circular and the price wraps character by character. */
.aa-pdp-priceline > .aa-pdp-pricerow__price{width:auto;flex:0 1 auto;min-width:0}
.aa-pdp-priceline .price__sale{flex-wrap:wrap !important;align-items:baseline !important;
  gap:6px 10px !important}
/* the price and MRP are flex items and were shrinking, so "Rs. 699" broke after
   "Rs." - they must keep their intrinsic width and never wrap internally */
.aa-pdp-priceline .price__sale > .price-item{
  flex:0 0 auto !important;white-space:nowrap !important;min-width:max-content !important}
/* One rule, not two: this used to be flex:0 0 auto immediately overridden by an
   identical selector with flex:0 0 100%, which pinned the pill to its own row at
   every width. No amount of font sizing could beat it. */
.aa-pdp-priceline .price__sale > .aa-pp-off{flex:0 0 auto !important;min-width:0 !important}

/* Pran-Pratishta add-on: compact and hugging the right of the chip row */
.aa-pdp-chiprow{justify-content:space-between}
.aa-pdp-chiprow .aa-echip{flex:0 0 auto !important;margin-left:auto !important;
  max-width:330px !important;padding:7px 11px !important;gap:9px !important;border-radius:10px !important}
.aa-pdp-chiprow .aa-echip .aa-seal{width:23px !important;height:23px !important;border-radius:6px !important}
.aa-pdp-chiprow .aa-echip .aa-seal b{font-size:6px !important}
.aa-pdp-chiprow .aa-echip__t{font-size:12px !important;white-space:nowrap}
.aa-pdp-chiprow .aa-echip__eta > span{font-size:10px !important;line-height:1.2 !important}
.aa-pdp-chiprow .aa-echip__was{font-size:11px !important}
.aa-pdp-chiprow .aa-echip__free{font-size:12px !important}
.aa-pdp-chiprow .aa-echip__box{width:18px !important;height:18px !important;border-radius:5px !important}
.aa-pdp-chiprow .aa-echip__box svg{width:10px !important;height:10px !important}
@media (max-width:989px){
  .aa-pdp-chiprow .aa-echip{flex:1 1 100% !important;margin-left:0 !important}
  .aa-pdp-chiprow .aa-echip__t{white-space:normal}
}
/* cache-bust 1788435889 */

/* cache-bust reels-collision */