/* Lodestar Guide (virtual budtender) skin for Quality Control Dispensary.
   Brand rule: black and gray carry the design; QCD green is for small accents only (buttons, selection, badges).
   The widget loads from https://guide.lodestardigital.co/v1/guide.js; fonts are the ones index.html already loads. */
lodestar-guide.lg-skin{
  --lg-bg:#111111; --lg-surface:#1a1a1a; --lg-surface-2:#242424; --lg-ink:#ffffff; --lg-muted:#bdbdbd; --lg-line:#333333;
  --lg-primary:#3a7d34; --lg-primary-ink:#ffffff; --lg-accent:#4a9e42; --lg-accent-ink:#000000; --lg-focus:#4a9e42;
  --lg-display:'Space Grotesk','SpaceGrotesk-fallback',sans-serif; --lg-body:'Inter','Inter-fallback',sans-serif; --lg-label:'Space Grotesk','SpaceGrotesk-fallback',sans-serif;
  --lg-head-weight:700; --lg-head-case:none; --lg-body-weight:400; --lg-radius:12px;
  --lg-card-top:3px solid #3a7d34;
  --lg-launch-y:0px;
}
/* Phones and tablets: lift the launcher above the Call / Delivery / Deals / Shop dock (shown up to 1060px). */
@media (max-width:1060px){ lodestar-guide.lg-skin{ --lg-launch-y:calc(64px + env(safe-area-inset-bottom, 0px)) } }
/* Homepage placement: between the deals teaser and Categories. */
.lg-section{background:#000;padding:clamp(2.5rem,5vw,4rem) clamp(1rem,4vw,3rem)}
.lg-section lodestar-guide{max-width:1160px;margin:0 auto}