/* Store chrome: assurance strip (all sizes) + phone dock. Markup: inc/chrome.php.
   Brand palette only: fig for the strip, parchment glass for the dock, gold for
   the offer. Animates transform/opacity only; honours reduced motion. */

/* ---------- assurance strip ---------- */
.sdf-assure{
  position:relative;z-index:51;color:#FBF6EC;
  background:
    radial-gradient(90% 240% at 0% 0%,rgba(205,168,90,.22),transparent 55%),
    radial-gradient(80% 220% at 100% 100%,rgba(23,14,12,.32),transparent 60%),
    var(--fig,#5A2330);
}
.sdf-assure__row{list-style:none;margin:0 auto;padding:0 6px;max-width:1280px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.sdf-assure__row li{display:flex;min-width:0}
.sdf-assure__row li+li{box-shadow:inset 1px 0 0 rgba(250,245,234,.16)}
.sdf-assure__item{
  flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:9px 6px;color:inherit;text-decoration:none;font-family:'Hanken Grotesk',sans-serif;
}
.sdf-assure__item svg{width:22px;height:22px;flex:none;color:var(--gold-bright,#CDA85A);transition:transform .45s cubic-bezier(.22,1,.36,1)}
.sdf-assure__item span{min-width:0;display:grid;gap:1px}
.sdf-assure__item b{font-size:10.5px;line-height:1.15;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.sdf-assure__item small{font-size:11px;line-height:1.2;color:rgba(250,245,234,.78)}
.sdf-assure__item:hover b{color:var(--gold-bright,#CDA85A)}
.sdf-assure__item:hover svg{transform:translateY(-1px) rotate(-4deg)}
.sdf-assure__item:focus-visible{outline:2px solid var(--gold-bright,#CDA85A);outline-offset:-3px;border-radius:6px}
/* Phones: no pictograms and a shorter bar. The words carry it on a small
   screen; the icons only ate height. Desktop keeps them.
   Three columns must each still fit "CASH ON DELIVERY" on one line. */
@media(max-width:767.98px){
  .sdf-assure__item{gap:0;padding:5px 4px}
  .sdf-assure__item > svg:not(.sdf-fest__spark){display:none}
  .sdf-assure__item b{font-size:9px;line-height:1.2;letter-spacing:.02em;white-space:nowrap}
  .sdf-assure__item small{font-size:9.5px;line-height:1.2;white-space:nowrap}
}
@media(max-width:374px){
  .sdf-assure__item{flex-direction:column;gap:3px;text-align:center;padding:6px 2px}
  .sdf-assure__item span{justify-items:center}
  .sdf-assure__item b{font-size:9px}
}
@media(min-width:768px){
  .sdf-assure__row{padding:0 40px}
  .sdf-assure__item{padding:10px 14px;gap:10px}
  .sdf-assure__item span{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
  .sdf-assure__item b{font-size:11.5px;letter-spacing:.14em}
  .sdf-assure__item small{font-size:13px}
  .sdf-assure__item small::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--gold-bright,#CDA85A);vertical-align:middle;margin-right:7px;transform:translateY(-1px)}
}
.sdf-assure__item.is-static{cursor:default}
/* On the pages that sell (home, combos, a product), the strip rides with the nav.
   --sdf-strip is the strip's measured height, set by the script in inc/chrome.php. */
body.sdf-stick-strip .sdf-assure{position:sticky;top:0}
body.sdf-stick-strip .nav{top:var(--sdf-strip,44px)}
body.admin-bar.sdf-stick-strip .sdf-assure{top:32px}
body.admin-bar.sdf-stick-strip .nav{top:calc(32px + var(--sdf-strip,44px))}
@media screen and (max-width:782px){
  body.admin-bar.sdf-stick-strip .sdf-assure{top:46px}
  body.admin-bar.sdf-stick-strip .nav{top:calc(46px + var(--sdf-strip,42px))}
}

/* ---------- festive centrepiece ("Diwali Offers") ----------
   Lamp-light glow behind the cell, the festival word in the display serif,
   two gold sparkles that twinkle out of step. */
.sdf-fest{position:relative;isolation:isolate}
.sdf-fest::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(46% 150% at 50% 50%,rgba(224,178,87,.34),rgba(224,178,87,.08) 55%,transparent 75%);
  animation:sdfGlow 4.5s ease-in-out infinite alternate;
}
@keyframes sdfGlow{from{opacity:.55}to{opacity:1}}
.sdf-assure .sdf-fest__link{flex-direction:row;gap:10px}
.sdf-assure .sdf-fest__lockup{display:flex;align-items:baseline;gap:8px;flex-wrap:nowrap}
.sdf-fest__lockup em{
  font-family:'Cormorant',Georgia,serif;font-style:italic;font-weight:600;font-size:24px;line-height:1;letter-spacing:.005em;
  color:var(--gold-bright,#E0B257);text-shadow:0 0 18px rgba(224,178,87,.45);
}
.sdf-assure .sdf-fest__lockup b{font-size:11px;letter-spacing:.28em;color:#FBF6EC}
.sdf-fest__spark{width:10px;height:10px;flex:none;fill:var(--gold-bright,#E0B257);animation:sdfTwinkle 2.6s ease-in-out infinite}
.sdf-fest__spark--r{animation-delay:1.3s}
@keyframes sdfTwinkle{0%,100%{opacity:.35;transform:scale(.65) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(45deg)}}
.sdf-fest__link:hover .sdf-fest__lockup em{color:#F1CC7A}
@media(max-width:767.98px){
  .sdf-assure .sdf-fest__link{gap:5px}
  .sdf-assure .sdf-fest__lockup{gap:5px}
  .sdf-fest__lockup em{font-size:18px}
  .sdf-assure .sdf-fest__lockup b{font-size:9px;letter-spacing:.14em}
  .sdf-fest__spark{width:8px;height:8px}
}
@media(max-width:374px){
  .sdf-assure .sdf-fest__link{flex-direction:row;padding:6px 2px}
  .sdf-fest__spark{display:none}
}
@media(prefers-reduced-motion:reduce){.sdf-fest::before,.sdf-fest__spark{animation:none}.sdf-fest__spark{opacity:.8}}

/* ---------- phone dock ---------- */
.sdf-dock{display:none}
@media(max-width:1023.98px){
  .sdf-dock{
    position:fixed;z-index:80;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));
    display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr 1fr 1fr;align-items:stretch;height:64px;padding:0 4px;
    background:rgba(250,245,234,.9);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);
    border:1px solid rgba(23,20,15,.1);border-radius:22px;
    box-shadow:0 22px 44px -22px rgba(90,35,48,.55),0 2px 8px rgba(23,20,15,.06);
    font-family:'Hanken Grotesk',sans-serif;animation:sdfDockIn .6s cubic-bezier(.22,1,.36,1) .15s both;
  }
  body.sdf-has-dock footer{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  body.sdf-has-dock .sdf-toast{bottom:calc(92px + env(safe-area-inset-bottom))}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sdf-dock{background:#FAF5EA}}
@keyframes sdfDockIn{from{opacity:0;transform:translateY(18px)}}

.sdf-dock__item{
  position:relative;display:grid;justify-items:center;align-content:center;gap:4px;min-width:0;
  color:var(--ink-soft,#6F6353);text-decoration:none;font-size:10.5px;font-weight:600;letter-spacing:.02em;line-height:1;
  -webkit-tap-highlight-color:transparent;transition:color .25s,transform .2s cubic-bezier(.22,1,.36,1);
}
.sdf-dock__item>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sdf-dock__item svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:fill .25s}
.sdf-dock__item:active{transform:scale(.93)}
.sdf-dock__item:focus-visible,.sdf-dock__offer:focus-visible{outline:2px solid var(--fig,#5A2330);outline-offset:-2px;border-radius:14px}
.sdf-dock__item[aria-current="page"]{color:var(--fig,#5A2330)}
.sdf-dock__item[aria-current="page"] svg{fill:rgba(90,35,48,.12);stroke-width:1.8}
.sdf-dock__item[aria-current="page"]::before{content:"";position:absolute;top:5px;left:50%;width:16px;height:3px;margin-left:-8px;border-radius:3px;background:var(--gold,#B08D3E)}

.sdf-dock__icon{position:relative;display:inline-flex}
.sdf-dock .sdf-cart-count{
  position:absolute;top:-6px;right:-10px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;
  background:var(--fig,#5A2330);color:#FBF6EC;font:700 10px/17px 'Hanken Grotesk',sans-serif;text-align:center;
  box-shadow:0 0 0 2px #FAF5EA;
}

/* the raised centre offer */
.sdf-dock__offer{position:relative;display:grid;justify-items:center;align-content:end;gap:3px;padding-bottom:8px;text-decoration:none;color:var(--fig,#5A2330);-webkit-tap-highlight-color:transparent}
.sdf-dock__orb{
  position:absolute;left:50%;top:-27px;width:54px;height:54px;margin-left:-27px;border-radius:50%;
  display:grid;place-items:center;color:var(--gold-bright,#CDA85A);
  background:radial-gradient(circle at 34% 28%,#84374B 0%,var(--fig,#5A2330) 55%,#3B1420 100%);
  box-shadow:0 0 0 4px #FAF5EA,0 0 0 5px rgba(176,141,62,.45),0 14px 24px -10px rgba(90,35,48,.75);
  transition:transform .3s cubic-bezier(.22,1,.36,1);
}
.sdf-dock__orb svg{width:25px;height:25px;fill:rgba(205,168,90,.16);stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sdf-dock__offer:active .sdf-dock__orb{transform:scale(.94)}
.sdf-dock__pill{
  position:relative;z-index:1;display:grid;justify-items:center;padding:3px 9px 4px;border-radius:10px;
  background:linear-gradient(135deg,var(--gold-bright,#CDA85A),var(--gold,#B08D3E));color:var(--ink,#17140F);
  font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.15;white-space:nowrap;
  box-shadow:0 4px 10px -4px rgba(90,35,48,.5);
}
.sdf-dock__pill b{font-size:11px;letter-spacing:0;font-weight:800}
.sdf-dock__label{font-size:10.5px;font-weight:700;line-height:1;letter-spacing:.02em}
/* no pill (offer not set): the label sits under the orb on its own */
.sdf-dock__offer:not(:has(.sdf-dock__pill)){padding-bottom:10px}

@media(prefers-reduced-motion:reduce){
  .sdf-dock{animation:none}
  .sdf-assure__item svg,.sdf-dock__item,.sdf-dock__orb{transition:none}
}