/* Ported verbatim from secheal-shop-demo.html (shared tokens + glue). Regenerate with tools/port_demo_css.py — do not edit by hand. */
:root{
  --bg:var(--wp--preset--color--base,#f6f7fb); --surface:var(--wp--preset--color--surface,#ffffff); --text:var(--wp--preset--color--contrast,#1b1720); --muted:var(--wp--preset--color--muted,#746b77);
  --violet:var(--wp--preset--color--primary,#9368f5); --violet-deep:var(--wp--preset--color--primary-deep,#7b4ee0); --violet2:var(--wp--preset--color--accent,#b08cff); --lilac:var(--wp--preset--color--lilac,#f3edfe);
  --dark:var(--wp--preset--color--dark,#100d14); --hero:var(--wp--preset--color--hero,#09080b); --footer:var(--wp--preset--color--footer,#151219); --star:var(--wp--preset--color--primary,#9368f5);
  --line:var(--wp--preset--color--line,#e7ddd7); --line-soft:rgba(27,23,32,.06); --beige:var(--wp--preset--color--beige,#f2ece6); --ok:var(--wp--preset--color--success,#2f9e6b);
  --radius-card:var(--wp--preset--border-radius--card,28px); --pill:var(--wp--preset--border-radius--pill,999px); --wrap:var(--wp--style--global--wide-size,1240px);
  --font:var(--wp--preset--font-family--body,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif);
  --serif:var(--wp--preset--font-family--heading,Georgia,"Times New Roman",serif);
  --shadow:0 20px 60px rgba(34,18,24,.10); --shadow-card:var(--wp--preset--shadow--card,0 18px 50px rgba(42,25,38,.08));
  --note:#fff4c2; --note-ink:#5a4500;
}
:where(.v-menu,.v-page,.v-home,.v-pdp,.v-co,.v-pg) *{box-sizing:border-box;margin:0;padding:0}
:where(.v-menu,.v-page) *::before,:where(.v-menu,.v-page) *::after{box-sizing:border-box}
:where(.v-menu,.v-page,.v-home,.v-pdp,.v-co,.v-pg){box-sizing:border-box}
:is(.v-menu,.v-page,.v-home,.v-pdp,.v-co,.v-pg) :where(h1,h2,h3,h4,h5,h6){font-family:inherit;font-weight:bold;line-height:inherit;letter-spacing:normal;color:inherit;text-transform:none}
:is(.v-menu,.v-page,.v-home,.v-pdp,.v-co,.v-pg) :where(h1){font-size:2em}
:is(.v-menu,.v-page,.v-home,.v-pdp,.v-co,.v-pg) :where(h2){font-size:1.5em}
:is(.v-menu,.v-page,.v-home,.v-pdp,.v-co,.v-pg) :where(h3){font-size:1.17em}
:is(.v-menu,.v-page,.v-home,.v-pdp,.v-co,.v-pg) :where(h4){font-size:1em}
:is(.v-menu,.v-page,.v-home,.v-pdp,.v-co,.v-pg) :where(h5){font-size:.83em}
:is(.v-menu,.v-page,.v-home,.v-pdp,.v-co,.v-pg) :where(h6){font-size:.67em}
.v-menu:where([class*="wp-block-secheal-"]):not([hidden]){display:block}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
/* combined-shop glue */
.v-menu, .v-page{display:contents}
.v-home>header, .v-home>.ann, .v-home>aside.drawer, .v-pdp>header, .v-pdp>.ann, .v-pdp>aside.drawer{display:none!important}
/* the PDP sticky buy bar sits under the shared menu header instead of covering it */
@media (min-width:1001px){body .v-pdp .sb{top:68px}}
@media (min-width:641px) and (max-width:1000px){body .v-pdp .sb, body .v-pdp.sb{top:60px}}
@media (max-width:640px){body .v-pdp .chap, body .v-pdp.chap{top:60px}}
/* pushed down under the menu, the hidden bar would still peek out above it: move it fully off screen and hide it */
@media (min-width:641px){
  body .v-pdp .sb{transform:translateY(calc(-100% - 80px));visibility:hidden;transition:transform .3s,visibility 0s .3s}
  body .v-pdp .sb.show{transform:none;visibility:visible;transition:transform .3s}
}
/* checkout keeps its own minimal header: no store menu */
body.view-co .v-menu{display:none!important}
.v-pg [id]{scroll-margin-top:84px}
.v-home [id]{scroll-margin-top:84px}
@media (max-width:1000px){.v-home [id]{scroll-margin-top:72px}}
