.store-announcement{
  --ann-bg:#171a14;--ann-mid:#30281d;--ann-ink:#fff8ed;--ann-muted:#e6daca;
  --ann-accent:#f5d59a;--ann-deep:#ddb573;--ann-button:#241a10;--ann-line:#f5d59a50;
  position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;
  width:100%;max-width:none;margin:0;padding:0;
  color:var(--ann-ink);border-block:1px solid var(--ann-line);
  background:radial-gradient(ellipse at 18% 0%,var(--ann-mid),transparent 60%),var(--ann-bg)
}
.store-announcement[hidden]{display:none}
.store-announcement[data-theme="berry"]{--ann-bg:#361425;--ann-mid:#62253f;--ann-accent:#ffcad8;--ann-deep:#f4a4ba;--ann-button:#381825;--ann-muted:#ffe4eb;--ann-line:#ffcad84d}
.store-announcement[data-theme="pine"]{--ann-bg:#142b23;--ann-mid:#2c4838;--ann-accent:#e1efc1;--ann-deep:#c5dfa7;--ann-button:#182d21;--ann-muted:#e6efdd;--ann-line:#e1efc14d}
.store-announcement::before,.store-announcement::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:220px;height:220px;top:50%;transform:translateY(-50%) rotate(38deg);border:1px solid var(--ann-line);border-radius:34px;box-shadow:0 0 0 14px #ffffff0b,0 0 0 28px #ffffff08,0 0 0 42px #ffffff05}
.store-announcement::before{left:-157px}
.store-announcement::after{right:-157px}
.store-announcement-inner{
  box-sizing:border-box;width:min(calc(100% - 48px),1300px);margin:0 auto;padding:10px 0;
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px clamp(15px,3vw,40px);align-items:center
}
.store-announcement-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;overflow-wrap:anywhere}
.store-announcement-copy strong{display:flex;align-items:center;gap:8px;color:var(--ann-accent);font-size:clamp(17px,1.5vw,24px);font-weight:800;letter-spacing:-.035em;line-height:1.08}
.store-announcement-copy strong span{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid var(--ann-line);border-radius:50%;font-size:12px;line-height:1}
.store-announcement-copy>span{color:var(--ann-muted);font-size:12px;line-height:1.3}
.store-announcement-timer{display:flex;align-items:center;gap:6px;text-align:center}
.store-announcement-timer>span{box-sizing:border-box;min-width:52px;padding:5px 6px;border:1px solid var(--ann-line);border-radius:8px;background:linear-gradient(#ffffff16,#ffffff07)}
.store-announcement-timer b,.store-announcement-timer small{display:block;color:inherit;line-height:1.1}
.store-announcement-timer b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.store-announcement-timer small{margin-top:3px;color:var(--ann-muted);font-size:9px;letter-spacing:.03em}
.store-announcement a.store-announcement-link{justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:40px;max-width:100%;padding:7px 16px;border:1px solid transparent;border-radius:7px;background:linear-gradient(115deg,var(--ann-accent),var(--ann-deep));color:var(--ann-button);text-align:center;text-decoration:none;font-size:12px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.store-announcement a.store-announcement-link:hover{background:var(--ann-accent);text-decoration:underline;text-underline-offset:3px}
.store-announcement-link:focus-visible{outline:2px solid var(--ann-ink);outline-offset:3px}
@media(max-width:680px){
  .store-announcement-inner{grid-template-columns:repeat(2,minmax(0,auto));width:100%;justify-content:center;padding:8px 12px;gap:7px 12px}
  .store-announcement-copy{grid-column:1/-1;align-items:center;text-align:center;gap:2px}
  .store-announcement-copy strong{font-size:16px;gap:5px}.store-announcement-copy strong span{width:18px;height:18px;font-size:10px}
  .store-announcement-copy>span{font-size:11px}
  .store-announcement-timer{gap:4px}.store-announcement-timer>span{min-width:37px;padding:4px 3px}
  .store-announcement-timer b{font-size:15px}.store-announcement-timer small{font-size:8px}
  .store-announcement a.store-announcement-link{min-height:36px;padding:5px 9px;font-size:11px}
  .store-announcement-inner:not(:has(.store-announcement-link)){grid-template-columns:minmax(0,1fr)}
  .store-announcement-inner:not(:has(.store-announcement-link)) .store-announcement-timer{justify-self:center}
}
.announcement-confetti{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:9999}
.announcement-confetti i{position:absolute;top:var(--y);left:var(--x);width:var(--size);height:var(--size);background:var(--tone);border-radius:var(--radius);opacity:0;filter:drop-shadow(0 1px 1px #40240765);animation:announcement-fall var(--length) var(--delay) cubic-bezier(.14,.62,.45,1) both}
.announcement-confetti i:nth-child(3n+1){clip-path:polygon(50% 0,63% 36%,100% 50%,63% 64%,50% 100%,37% 64%,0 50%,37% 36%);border-radius:0;scale:1.4}
.announcement-confetti i:nth-child(4n){height:calc(var(--size) * .53)}
@keyframes announcement-fall{
  0%{opacity:0;transform:translate(0,-10px) rotate(0deg)}
  13%{opacity:1}
  30%{transform:translate(var(--drift),3vh) rotate(90deg)}
  70%{opacity:.94}
  100%{opacity:0;transform:translate(var(--drift),44vh) rotate(var(--rotation))}
}
@media(prefers-reduced-motion:reduce){.announcement-confetti{display:none}}