/* RYME merchandising additions */
.ryme-event-strip{position:relative;z-index:40;border-bottom:1px solid rgba(255,255,255,.15);background:linear-gradient(90deg,#f7f7f7,#dfe4ee);color:#0d0e11}.ryme-event-strip-inner{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:8px;padding-bottom:8px}.ryme-event-copy{display:flex;align-items:baseline;gap:12px;min-width:0}.ryme-event-copy strong{font-size:14px;white-space:nowrap}.ryme-event-copy>span{font-size:12px;color:#4f555f}.ryme-event-code{padding:4px 8px;border:1px dashed #737b88;border-radius:8px;font-weight:800;white-space:nowrap}.ryme-event-cta{display:inline-flex;min-height:36px;padding:0 14px;align-items:center;justify-content:center;border-radius:10px;background:#0d0e11;color:#fff;font-size:12px;font-weight:900;white-space:nowrap}html[data-theme="ryme"] .ryme-event-strip{background:linear-gradient(90deg,#dfe7ff,#fff);color:#16245e}.ryme-card-artist{margin:-7px 0 9px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.04em}.ryme-order-cards{display:grid;gap:14px}.ryme-order-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.ryme-order-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.ryme-order-card-head strong{font-size:16px}.ryme-order-card-head span{color:var(--muted);font-size:12px}.ryme-order-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ryme-order-detail{padding:12px;border-radius:12px;background:var(--panel2)}.ryme-order-detail b,.ryme-order-detail span{display:block}.ryme-order-detail b{margin-bottom:5px;color:var(--muted);font-size:10px;letter-spacing:.07em;text-transform:uppercase}.ryme-order-detail span{font-size:13px;line-height:1.45}.ryme-order-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.ryme-order-card-actions .button{margin:0!important}html[data-theme="light"] .ryme-order-card{background:#fff;border-color:#deded9}html[data-theme="light"] .ryme-order-detail{background:#f5f5f2;color:#111}html[data-theme="light"] .ryme-card-artist{color:#666}html[data-theme="ryme"] .ryme-order-card{background:rgba(18,31,91,.34);border-color:rgba(255,255,255,.2)}html[data-theme="ryme"] .ryme-order-detail{background:rgba(255,255,255,.08)}
@media(max-width:768px){.ryme-event-strip-inner{align-items:flex-start}.ryme-event-copy{align-items:flex-start;flex-direction:column;gap:3px}.ryme-event-copy strong{white-space:normal}.ryme-event-code{margin-top:3px}.ryme-order-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.ryme-event-strip-inner{padding-top:10px;padding-bottom:10px}.ryme-event-copy>span:not(.ryme-event-code){display:none}.ryme-event-cta{min-height:40px}.ryme-order-card-grid{grid-template-columns:1fr}.ryme-order-card-head{flex-direction:column;gap:5px}.ryme-order-card-actions{justify-content:stretch}.ryme-order-card-actions .button{width:100%;text-align:center}}
.ryme-event-discount{padding:4px 8px;border-radius:999px;background:#0d0e11!important;color:#fff!important;font-weight:900;letter-spacing:.04em;white-space:nowrap}html[data-theme="ryme"] .ryme-event-discount{background:#16245e!important;color:#fff!important}

/* Compact seasonal countdown strip (v1.12.5).
 * Intentionally separate from the larger merchandising banner so an active
 * seasonal sale feels like a slim status bar rather than a hero section.
 */
.ryme-event-countdown-strip{
  --ryme-sale-strip-bg:linear-gradient(90deg,#dfe7ff 0%,#f7f8fc 52%,#ececec 100%);
  --ryme-sale-strip-title:#fff;
  --ryme-sale-strip-timer:#a9baff;
  --ryme-sale-strip-edge:rgba(9,12,20,.88);
  position:relative;
  z-index:40;
  box-sizing:border-box;
  width:100%;
  min-height:56px;
  margin:0;
  padding:0!important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:var(--ryme-sale-strip-bg);
  color:var(--ryme-sale-strip-title);
  border:0;
  border-top:4px solid var(--ryme-sale-strip-edge);
  box-shadow:0 1px 0 rgba(0,0,0,.06) inset;
}
.ryme-event-countdown-inner{
  box-sizing:border-box;
  width:100%;
  max-width:none!important;
  min-height:52px;
  margin:0 auto;
  padding:0 18px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  overflow:hidden;
  white-space:nowrap;
  text-align:center;
}
.ryme-event-countdown-title,
.ryme-event-countdown-separator,
.ryme-event-countdown{
  margin:0;
  font-family:inherit;
  font-size:clamp(15px,1.1vw,20px);
  line-height:1;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.ryme-event-countdown-title,
.ryme-event-countdown-separator{color:var(--ryme-sale-strip-title)}
.ryme-event-countdown{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:var(--ryme-sale-strip-timer);
  font-variant-numeric:tabular-nums;
}
.ryme-event-countdown-unit{
  font-size:.78em;
  line-height:1;
  font-weight:900;
}

/* Theme-aware versions: same compact geometry, only palette changes. */
html[data-theme="dark"] .ryme-event-countdown-strip{
  --ryme-sale-strip-bg:#111;
  --ryme-sale-strip-title:#fff;
  --ryme-sale-strip-timer:#d9d2c5;
  --ryme-sale-strip-edge:#080808;
}
html[data-theme="light"] .ryme-event-countdown-strip{
  --ryme-sale-strip-bg:linear-gradient(90deg,#f4f4f1 0%,#fff 52%,#ecece8 100%);
  --ryme-sale-strip-title:#111;
  --ryme-sale-strip-timer:#6478c8;
  --ryme-sale-strip-edge:#d7d7d2;
}
html[data-theme="ryme"] .ryme-event-countdown-strip{
  /* Blend into the polished RYME dark/blue theme instead of adding a light block. */
  --ryme-sale-strip-bg:rgba(5,6,10,.96);
  --ryme-sale-strip-title:#f7f9ff;
  --ryme-sale-strip-timer:#8fa4ff;
  --ryme-sale-strip-edge:#5271ff;
  border-bottom:1px solid rgba(82,113,255,.22);
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset;
}

@media(max-width:768px){
  .ryme-event-countdown-strip{min-height:48px;border-top-width:3px}
  .ryme-event-countdown-inner{min-height:45px;gap:7px;padding:0 10px!important}
  .ryme-event-countdown-title,
  .ryme-event-countdown-separator,
  .ryme-event-countdown{font-size:clamp(11px,3.15vw,15px);letter-spacing:.02em}
  .ryme-event-countdown{gap:2.5px}
}
@media(max-width:430px){
  .ryme-event-countdown-strip{min-height:44px}
  .ryme-event-countdown-inner{min-height:41px;gap:5px;padding:0 7px!important}
  .ryme-event-countdown-title,
  .ryme-event-countdown-separator,
  .ryme-event-countdown{font-size:clamp(10px,3vw,13px);letter-spacing:0}
  .ryme-event-countdown{gap:1.5px}
}
@media(max-width:340px){
  .ryme-event-countdown-title,
  .ryme-event-countdown-separator,
  .ryme-event-countdown{font-size:9.5px}
  .ryme-event-countdown-inner{gap:4px;padding-left:5px!important;padding-right:5px!important}
}


/* v1.12.44 — refined seasonal countdown strip + RYME overlay fix */
.ryme-event-countdown-strip{
  --ryme-sale-strip-bg:linear-gradient(90deg,#eef2ff 0%,#fbfcff 48%,#f0f1f6 100%);
  --ryme-sale-strip-title:#1a2238;
  --ryme-sale-strip-timer:#5b74df;
  --ryme-sale-strip-edge:rgba(89,107,190,.16);
  --ryme-sale-strip-pill-bg:rgba(255,255,255,.74);
  --ryme-sale-strip-pill-border:rgba(255,255,255,.55);
  --ryme-sale-strip-pill-shadow:0 14px 34px rgba(12,18,35,.08);
  min-height:58px;
  padding:8px 10px!important;
  border:0!important;
  background:var(--ryme-sale-strip-bg)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.18);
}
.ryme-event-countdown-strip::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 50%, rgba(128,151,255,.14), transparent 28%),
    radial-gradient(circle at 82% 50%, rgba(255,255,255,.38), transparent 26%);
  pointer-events:none;
}
.ryme-event-countdown-strip::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:rgba(255,255,255,.22);
  pointer-events:none;
}
.ryme-event-countdown-inner{
  position:relative;
  z-index:1;
  width:auto!important;
  max-width:calc(100% - 20px)!important;
  min-height:42px;
  margin:0 auto!important;
  padding:0 20px!important;
  border:1px solid var(--ryme-sale-strip-pill-border);
  border-radius:999px;
  background:var(--ryme-sale-strip-pill-bg);
  box-shadow:var(--ryme-sale-strip-pill-shadow);
  backdrop-
  -webkit-backdrop-
  gap:12px;
}
.ryme-event-countdown-title,
.ryme-event-countdown-separator,
.ryme-event-countdown{
  font-size:clamp(14px,1.02vw,18px);
  letter-spacing:.03em;
}
.ryme-event-countdown-title{
  text-shadow:0 1px 0 rgba(255,255,255,.3);
}
.ryme-event-countdown{
  gap:6px;
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}
.ryme-event-countdown-unit{
  margin-right:2px;
  opacity:.92;
  font-size:.74em;
}
html[data-theme="dark"] .ryme-event-countdown-strip{
  --ryme-sale-strip-bg:linear-gradient(90deg,#090b12 0%,#0f1320 50%,#080b12 100%);
  --ryme-sale-strip-title:#f6f8ff;
  --ryme-sale-strip-timer:#d8cfc0;
  --ryme-sale-strip-edge:rgba(255,255,255,.08);
  --ryme-sale-strip-pill-bg:rgba(17,20,29,.86);
  --ryme-sale-strip-pill-border:rgba(255,255,255,.10);
  --ryme-sale-strip-pill-shadow:0 16px 36px rgba(0,0,0,.28);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.04);
}
html[data-theme="dark"] .ryme-event-countdown-strip::before{
  background:
    radial-gradient(circle at 20% 50%, rgba(196,177,135,.10), transparent 24%),
    radial-gradient(circle at 80% 50%, rgba(255,255,255,.06), transparent 24%);
}
html[data-theme="light"] .ryme-event-countdown-strip{
  --ryme-sale-strip-bg:linear-gradient(90deg,#f5f6f9 0%,#ffffff 48%,#f1f2f6 100%);
  --ryme-sale-strip-title:#141414;
  --ryme-sale-strip-timer:#5f75ca;
  --ryme-sale-strip-edge:rgba(20,20,20,.06);
  --ryme-sale-strip-pill-bg:rgba(255,255,255,.88);
  --ryme-sale-strip-pill-border:rgba(219,223,232,.92);
  --ryme-sale-strip-pill-shadow:0 12px 26px rgba(16,24,40,.07);
}
html[data-theme="ryme"] .ryme-event-countdown-strip{
  --ryme-sale-strip-bg:linear-gradient(90deg,#05070d 0%,#081225 45%,#09101b 100%);
  --ryme-sale-strip-title:#f5f8ff;
  --ryme-sale-strip-timer:#93a9ff;
  --ryme-sale-strip-edge:rgba(82,113,255,.14);
  --ryme-sale-strip-pill-bg:linear-gradient(90deg,rgba(20,29,64,.88) 0%,rgba(14,23,49,.92) 50%,rgba(17,24,52,.88) 100%);
  --ryme-sale-strip-pill-border:rgba(114,142,255,.26);
  --ryme-sale-strip-pill-shadow:0 18px 44px rgba(7,10,23,.38);
  box-shadow:inset 0 -1px 0 rgba(82,113,255,.16), inset 0 1px 0 rgba(255,255,255,.02)!important;
}
html[data-theme="ryme"] .ryme-event-countdown-strip::before{
  background:
    radial-gradient(circle at 18% 50%, rgba(82,113,255,.18), transparent 24%),
    radial-gradient(circle at 82% 50%, rgba(138,167,255,.09), transparent 22%);
}
html[data-theme="ryme"] .ryme-event-countdown-inner{
  color:#f5f8ff;
  box-shadow:0 18px 48px rgba(4,8,20,.45), inset 0 1px 0 rgba(255,255,255,.04);
}
html[data-theme="ryme"] .ryme-event-countdown-title,
html[data-theme="ryme"] .ryme-event-countdown-separator{
  color:#f7f9ff;
  text-shadow:none;
}
html[data-theme="ryme"] .ryme-event-countdown{
  color:#9bb0ff;
  text-shadow:none;
}
@media(max-width:768px){
  .ryme-event-countdown-strip{
    min-height:52px;
    padding:6px 8px!important;
  }
  .ryme-event-countdown-inner{
    max-width:calc(100% - 8px)!important;
    min-height:38px;
    padding:0 14px!important;
    gap:8px;
  }
  .ryme-event-countdown-title,
  .ryme-event-countdown-separator,
  .ryme-event-countdown{
    font-size:clamp(11px,3vw,14px);
    letter-spacing:.02em;
  }
  .ryme-event-countdown{gap:3px}
}
@media(max-width:430px){
  .ryme-event-countdown-strip{
    min-height:48px;
    padding:5px 6px!important;
  }
  .ryme-event-countdown-inner{
    max-width:calc(100% - 4px)!important;
    min-height:34px;
    padding:0 10px!important;
    gap:5px;
  }
  .ryme-event-countdown-title,
  .ryme-event-countdown-separator,
  .ryme-event-countdown{
    font-size:clamp(9.5px,2.9vw,12px);
    letter-spacing:0;
  }
}