/* ELEMENT-O v2.5.6 — finishing pass for the approved black / gold Diwali header.
   Only the two offer bands. Product, cart, and page styling are untouched. */
.el255-festival,.el255-festival *, .el255-running,.el255-running *{box-sizing:border-box}
body .el255-festival{
  --el-gold:#f4c56d;
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;
  width:100%;height:110px;min-height:0;margin:0;padding:12px 170px;overflow:hidden;
  color:#f8d295;text-align:center;font-family:'DM Sans',Arial,sans-serif;
  background:
    radial-gradient(ellipse 23% 85% at 2% 54%,rgba(205,113,24,.27),transparent 100%),
    radial-gradient(ellipse 23% 85% at 98% 54%,rgba(205,113,24,.27),transparent 100%),
    radial-gradient(ellipse 39% 125% at 50% 36%,rgba(131,77,29,.23),transparent 83%),
    linear-gradient(90deg,#0e0b0e 0%,#21130d 24%,#19100d 52%,#21130d 76%,#0e0b0e 100%);
  border:0;border-bottom:1px solid rgba(212,147,51,.50);box-shadow:inset 0 8px 18px rgba(244,181,70,.07);
}
/* Subtle golden edge lines, intentionally fading before they reach the corners. */
body .el255-festival::before{
  content:'';position:absolute;z-index:0;pointer-events:none;inset:0;
  background:
    linear-gradient(90deg,transparent 8%,rgba(209,141,52,.55) 28%,rgba(241,179,83,.35) 50%,rgba(209,141,52,.55) 72%,transparent 92%) center 12px / 90% 1px no-repeat,
    linear-gradient(90deg,transparent 9%,rgba(211,152,58,.54) 27%,rgba(254,198,103,.63) 50%,rgba(211,152,58,.54) 73%,transparent 91%) center calc(100% - 12px) / 90% 1px no-repeat,
    radial-gradient(circle 13px at 22% 7%,rgba(255,206,125,.42),transparent 100%),
    radial-gradient(circle 13px at 78% 7%,rgba(255,206,125,.42),transparent 100%);
}
body .el255-festival::after{
  content:'';position:absolute;left:10%;right:10%;bottom:0;height:3px;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(224,150,57,.12) 17%,#f1bd5c 50%,rgba(224,150,57,.12) 83%,transparent);
  opacity:.58;filter:blur(3px);
}
.el255-festival__ornament{
  position:absolute;top:0;bottom:0;z-index:0;width:200px;opacity:.97;pointer-events:none;
  background-repeat:no-repeat;background-size:auto 110px;
  filter:saturate(1.08) drop-shadow(0 0 12px rgba(226,119,34,.12));
}
/* This feathered mask is what was missing from v2.5.5. */
.el255-festival__ornament--left{
  left:0;background-image:url('../images/diwali-ornament-left-feathered.png');background-position:left center;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 38%,rgba(0,0,0,.76) 56%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 38%,rgba(0,0,0,.76) 56%,transparent 100%);
}
.el255-festival__ornament--right{
  right:0;background-image:url('../images/diwali-ornament-right-feathered.png');background-position:right center;
  -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 38%,rgba(0,0,0,.76) 56%,transparent 100%);
  mask-image:linear-gradient(270deg,#000 0%,#000 38%,rgba(0,0,0,.76) 56%,transparent 100%);
}
.el255-festival__content{
  position:relative;z-index:1;display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;justify-content:center;column-gap:clamp(16px,2.25vw,46px);
  width:min(100%,900px);margin:0 auto;
}
.el255-festival__event,.el255-festival__delivery{
  font:800 clamp(14px,1.15vw,18px)/1.14 'DM Sans',Arial,sans-serif;
  letter-spacing:.015em;color:#ffd083;text-shadow:0 0 9px rgba(236,140,30,.3);white-space:nowrap;
}
.el255-festival__event{justify-self:end}
.el255-festival__delivery{justify-self:start;text-align:center;white-space:nowrap}
.el255-festival__star{
  display:inline-block;margin:0 .16em;color:#ffe0a1;font-size:1em;
  filter:drop-shadow(0 0 6px rgba(255,178,45,.9));vertical-align:baseline;
}
.el255-festival__delivery-break{display:inline}
.el255-festival__shipping{
  position:relative;display:block;flex:0 0 auto;white-space:nowrap;
  padding:12px 26px;border-radius:13px;border:2px solid #e6aa4c;
  font:900 clamp(25px,2.25vw,36px)/1 'DM Sans',Arial,sans-serif;letter-spacing:.012em;
  background:linear-gradient(180deg,#ffe9ad 0%,#ffd37d 36%,#f7be62 63%,#dea14a 100%);
  color:#170f0b!important;text-shadow:0 1px rgba(255,235,177,.7);
  box-shadow:0 0 0 3px #170e0b,0 0 0 5px rgba(244,178,74,.65),0 0 30px rgba(239,171,62,.42),inset 0 2px 0 rgba(255,247,214,.88),inset 0 -3px 8px rgba(149,74,8,.13);
  animation:el256-gold-glow 4s ease-in-out infinite;
}
@keyframes el256-gold-glow{
  0%,100%{filter:drop-shadow(0 0 3px rgba(251,172,49,.25))}
  50%{filter:drop-shadow(0 0 10px rgba(251,172,49,.48))}
}
body .el255-running{
  position:relative;display:flex;align-items:center;width:100%;height:36px;overflow:hidden;
  background:linear-gradient(180deg,#23150e 0%,#140e0c 100%);
  border:0;border-top:1px solid rgba(189,126,48,.52);border-bottom:2px solid #cf994d;
  white-space:nowrap;color:#f7dcab;
  font:700 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:.052em;
}
body .el255-running::before,body .el255-running::after{content:'';position:absolute;z-index:2;top:0;bottom:0;width:24px;pointer-events:none}
body .el255-running::before{left:0;background:linear-gradient(90deg,#1b100c,transparent)}
body .el255-running::after{right:0;background:linear-gradient(270deg,#1b100c,transparent)}
.el255-running__track{display:flex;align-items:center;width:max-content;flex:0 0 auto;will-change:transform;animation:el255-marquee 35s linear infinite}
.el255-running__group{display:flex;align-items:center;flex:0 0 auto;gap:23px;padding-right:23px}
.el255-running__group span{display:block;white-space:nowrap}
.el255-running__group i{font:normal 14px/1 'DM Sans',Arial,sans-serif;color:#e9b667;filter:drop-shadow(0 0 3px rgba(254,188,74,.55))}
.el255-running:hover .el255-running__track{animation-play-state:paused}
@keyframes el255-marquee{to{transform:translateX(-50%)}}
@media(max-width:1100px){
 body .el255-festival{padding-left:110px;padding-right:110px}
 .el255-festival__ornament{width:155px}
 .el255-festival__content{width:min(100%,850px);column-gap:clamp(12px,1.7vw,24px)}
 .el255-festival__event,.el255-festival__delivery{font-size:clamp(12px,1.65vw,18px)}
 .el255-festival__shipping{font-size:clamp(22px,2.9vw,31px);padding:12px 20px}
}
@media(max-width:760px){
 body .el255-festival{height:82px;padding:8px 18px}
 .el255-festival__ornament{width:76px;background-size:auto 82px;opacity:.75}
 .el255-festival__content{width:100%;column-gap:clamp(6px,1.6vw,10px);grid-template-columns:minmax(0,.8fr) auto minmax(0,.9fr)}
 .el255-festival__event{font-size:clamp(7.2px,1.95vw,10px);letter-spacing:.02em}
 .el255-festival__delivery{font-size:clamp(6.8px,1.9vw,9.8px);letter-spacing:0;white-space:nowrap}
 .el255-festival__shipping{font-size:clamp(15px,4.1vw,23px);padding:10px 10px;border-radius:8px;border-width:1px;box-shadow:0 0 0 2px #170e0b,0 0 0 3px rgba(244,178,74,.7),0 0 15px rgba(239,171,62,.36),inset 0 1px rgba(255,247,214,.8)}
 .el255-festival__star{margin:0 .09em;font-size:.92em}
 body .el255-running{height:29px;font-size:10px;letter-spacing:.025em}
 .el255-running__group{gap:14px;padding-right:14px}
 .el255-running__group i{font-size:10px}
}
@media(max-width:370px){
 body .el255-festival{height:77px;padding:8px 12px}
 .el255-festival__ornament{opacity:.63;width:68px;background-size:auto 77px}
 .el255-festival__content{column-gap:5px;grid-template-columns:minmax(0,.78fr) auto minmax(0,.9fr)}
 .el255-festival__event{font-size:6.8px;letter-spacing:.015em}
 .el255-festival__delivery{font-size:6.5px;letter-spacing:0;white-space:nowrap}
 .el255-festival__shipping{font-size:14px;padding:9px 8px}
 .el255-festival__star{margin:0 .06em;font-size:.9em}
 body .el255-running{height:28px}
}
@media(prefers-reduced-motion:reduce){
 .el255-festival__shipping,.el255-running__track{animation:none!important;will-change:auto}
}