/* ===================================================================
 * Vacuum Sealer Expert — adventure.css
 * Centerpiece dashboard polish, kit catalog, live ticker.
 * =================================================================== */

.vse-dash{margin-left:24px;margin-right:24px;}
@media (max-width:980px){ .vse-dash{margin-left:12px;margin-right:12px;} }

/* Dashboard stage glow */
.vse-dash__stage::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.04), transparent 30%);
}
.vse-dash__stage.is-done::before{background:linear-gradient(180deg, rgba(16,185,129,.18), transparent 60%);}
.vse-dash__stage.is-next::before{background:linear-gradient(180deg, rgba(59,130,246,.18), transparent 60%);}
.vse-dash__stage.is-done .vse-dash__chip::after{
  content:"✓";display:inline-block;margin-left:4px;animation:vsePop .5s ease;
}
@keyframes vsePop{from{transform:scale(.4);opacity:0;}to{transform:scale(1);opacity:1;}}

/* Live ticker bar (stand-alone) */
.vse-liveticker{
  overflow:hidden;border:1px solid var(--vse-line);background:var(--vse-surface);border-radius:99px;padding:6px 0;
}
.vse-liveticker__track{display:flex;width:max-content;gap:36px;padding-right:36px;animation:vseTicker 60s linear infinite;will-change:transform;}
.vse-liveticker__track > *{flex:0 0 auto;white-space:nowrap;}

/* Kit catalog — checklist refinement */
.vse-kit__list li{position:relative;padding-left:0;}
.vse-kit__list svg{flex:0 0 auto;}

/* Kit gradient art tone (saturate over time) */
.vse-kit__art svg{transition:filter .3s ease;}
.vse-kit:hover .vse-kit__art svg{filter:saturate(1.18) brightness(1.04);}

/* Featured setups — feature variant gets extra glow */
.vse-setups__card--feature{box-shadow:var(--vse-shadow-3);}
.vse-setups__card--feature .vse-setups__name{font-size:24px;}
.vse-setups__card--feature .vse-setups__tag{font-size:15px;}

/* Cinematic radial wash for the dashboard background */
.vse-dash__bg::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 25% 0%, rgba(59,130,246,.22), transparent 55%),
             radial-gradient(circle at 80% 100%, rgba(16,185,129,.22), transparent 55%);
}

/* Confetti tray sits atop the dashboard when complete */
.vse-dash.is-complete::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 30%, rgba(245,158,11,.15), transparent 45%);
}