/* The Black Weeks box (job 274 follow-up 2, jose's picture of 13 Nov): one block with the top bar above it, filled from
   the price sheet (prices.offer.*), shown by prices.js only while the sheet's offer runs; a tile the sheet does not hold
   stays out. The glow and the wave are CSS and a small inline SVG, purple the one accent (as on /black-weeks/). The
   static pages carry it after the top bar; catalog-web's bare metal and coder.axforge.ai (templates/_offer.html). */
.bwband{padding:var(--s3) 0 var(--s4);background:linear-gradient(180deg,rgba(10,32,54,.55),rgba(4,16,31,0) 85%)}
.bwband[hidden],.bwband [hidden]{display:none}
body:has(.bwband:not([hidden])) .announce{border-bottom:0}

.bwbox{--bw:#8b5cf6;--bw-hi:#a78bfa;--bw-line:rgba(167,139,250,.38);position:relative;overflow:hidden;isolation:isolate;
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s4) 2rem;align-items:center;
  padding:clamp(1.25rem,3vw,2.1rem) clamp(1.1rem,3vw,2.1rem) clamp(2.4rem,5vw,3.2rem);
  border:1px solid rgba(167,139,250,.6);border-radius:18px;color:var(--text);
  background:radial-gradient(110% 130% at 0% 0%,rgba(139,92,246,.16),transparent 55%),linear-gradient(180deg,#0e0c22,#080a18);
  box-shadow:0 0 26px rgba(139,92,246,.38),0 0 2px rgba(196,181,253,.6),inset 0 0 38px rgba(139,92,246,.10)}
.bwbox__pill,.bwbox__line,.bwbox__end,.bwbox__acts{margin:0}
.bwbox__pill{display:inline-block;padding:.3rem .85rem;border:1px solid var(--bw-hi);border-radius:999px;color:var(--bw-hi);
  font-size:var(--t-1);letter-spacing:.08em;text-transform:uppercase}
.bwbox__h{margin:.8rem 0 .45rem;color:var(--strong);font-size:clamp(1.85rem,3.8vw,2.9rem);font-weight:800;
  line-height:1.05;letter-spacing:-.01em}
.bwbox__line{color:var(--strong);line-height:1.35;font-size:clamp(1.05rem,1.6vw,1.3rem)}
.bwbox__end{margin-top:.5rem;font-size:var(--t-1);color:var(--text)}
.bwbox__acts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}
.bwbox .bwbox__go{background:var(--bw);border-color:var(--bw);color:#fff;box-shadow:0 0 18px rgba(139,92,246,.45)}
.bwbox .bwbox__go:hover{background:#7c4ff0;border-color:#7c4ff0}

.bwbox__tiles{list-style:none;margin:0;padding:0 0 0 2rem;border-left:1px solid var(--bw-line);display:grid;
  grid-template-columns:1fr 1fr;gap:.85rem}
.bwbox__tile{display:flex;align-items:center;gap:.8rem;height:100%;padding:.95rem 1rem;border:1px solid var(--bw-line);
  border-radius:12px;background:rgba(14,12,34,.78);color:var(--text);text-decoration:none;
  transition:border-color .15s,box-shadow .15s}
.bwbox__tile:hover{border-color:var(--bw-hi);box-shadow:0 0 16px rgba(139,92,246,.35);color:var(--text)}
.bwbox__tile svg{flex:none;width:30px;height:30px;color:var(--bw-hi)}
.bwbox__k{display:block;font-size:.92rem;line-height:1.3}
.bwbox__v{display:block;color:var(--bw-hi);font-size:1.45rem;font-weight:800;line-height:1.2;white-space:nowrap}
.bwbox__s{display:block;font-size:var(--t-1);color:var(--dim);line-height:1.3}

.bwbox__wave{position:absolute;left:0;bottom:0;width:100%;height:70px;z-index:-1;pointer-events:none}

@media (max-width:900px){
  .bwbox{grid-template-columns:1fr}
  .bwbox__tiles{padding:0;border-left:0}
}
@media (max-width:540px){
  .bwband{padding-top:var(--s2)}
  .bwbox{gap:var(--s3);padding-bottom:2.2rem}
  .bwbox__tiles{gap:.55rem}
  .bwbox__tile{padding:.7rem .75rem}
  .bwbox__tile svg{display:none}
  .bwbox__k{font-size:.82rem}
  .bwbox__v{font-size:1.15rem;white-space:normal}
  .bwbox__s{font-size:.75rem}
}