/* Seasonal offer panel: visible from the first server-rendered frame. */
.hero .hero-offers>.hero-holiday{
 padding:24px 26px;border:1px solid color-mix(in srgb,var(--season-light,#efc77e) 62%,transparent);border-radius:22px;
 background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--season-glow,#c8963d) 22%,transparent),transparent 70%),linear-gradient(135deg,#1b1c20f5,#101214f5);
 box-shadow:0 0 24px color-mix(in srgb,var(--season-glow,#c8963d) 18%,transparent),0 16px 38px #0005,inset 0 1px 0 #ffffff16;
 overflow:hidden;isolation:isolate;box-sizing:border-box;
}
.hero .hero-offers>.hero-holiday::before{content:'';position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--season-light,#efc77e),transparent);box-shadow:0 0 14px var(--season-glow,#c8963d);pointer-events:none}
.hero .hero-holiday .holiday-discount{font-size:clamp(29px,2.65vw,42px)}
.hero .hero-holiday .hero-offer-link{display:inline-flex;align-items:center;min-height:40px;margin-top:15px;padding:6px 13px;border:1px solid color-mix(in srgb,var(--season-light) 40%,transparent);border-radius:10px;background:color-mix(in srgb,var(--season-glow) 13%,transparent)}
.hero .hero-holiday a:hover .hero-offer-link{background:color-mix(in srgb,var(--season-glow) 25%,transparent)}
@media(max-width:580px){.hero .hero-offers>.hero-holiday{padding:20px 18px;border-radius:18px}.hero .hero-holiday .holiday-discount{font-size:clamp(28px,8vw,34px)}.hero .hero-holiday .holiday-title{font-size:20px}}