/* Pre-opening countdown: full-screen intro + slim top bar.
   Both are built by opening.js and switch themselves off once the
   opening date passes, so removing them later is two lines in index.html. */
.oc-screen{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
  padding:24px 16px;overflow-y:auto;
  background:radial-gradient(120% 80% at 50% 0%,#2a1206 0%,var(--bg) 60%);
  animation:oc-in .5s var(--ease) both;
}
.oc-screen[hidden]{display:none}
@keyframes oc-in{from{opacity:0}to{opacity:1}}
.oc-card{width:min(560px,100%);text-align:center}
.oc-logo{width:76px;height:auto;margin:0 auto 18px;display:block}
.oc-kicker{
  font-family:var(--display);font-weight:700;font-size:.74rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--flame-2);
}
.oc-title{font-size:clamp(2.2rem,8vw,3.6rem);line-height:.95;margin:10px 0 8px}
.oc-title span{background:var(--flame);-webkit-background-clip:text;background-clip:text;color:transparent}
.oc-date{color:var(--ink-2);font-size:1.05rem;margin:0 0 26px}
.oc-clock{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 28px}
.oc-unit{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-surface);padding:14px 4px 10px}
.oc-unit b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(1.8rem,7vw,2.6rem);
  letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}
.oc-unit small{display:block;margin-top:6px;color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.oc-actions{display:flex;flex-direction:column;gap:10px;align-items:center}
.oc-actions .btn{width:100%;max-width:340px;justify-content:center}
.oc-wa{display:inline-flex;align-items:center;gap:8px}
.oc-skip{background:none;border:0;color:var(--ink-2);font:inherit;text-decoration:underline;
  text-underline-offset:3px;cursor:pointer;padding:8px}
.oc-note{color:var(--muted);font-size:.86rem;margin:18px 0 0}

.oc-bar{
  position:relative;z-index:60;display:flex;flex-wrap:wrap;gap:6px 14px;
  align-items:center;justify-content:center;padding:9px 16px;
  background:var(--flame);color:#1A0C00;font-family:var(--display);font-weight:800;font-size:.9rem;text-align:center;
}
.oc-bar a{color:#1A0C00;text-decoration:underline;text-underline-offset:3px}
/* Before opening: no basket (it would show prices from an old visit). */
.rc-preopen #bar,.rc-preopen #sheet,.rc-preopen #scrim{display:none !important}
@media (prefers-reduced-motion:reduce){.oc-screen{animation:none}}