/* Stockpresets Store: tokens, fonts and resets (from the approved design demo, Oct 30, 2026).
   Fonts are served from the plugin (SIL Open Font License), so no visitor request goes to Google. */
@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/Lato-Regular.ttf) format("truetype")}
@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/Lato-Bold.ttf) format("truetype")}
@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(fonts/Lato-Black.ttf) format("truetype")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/IBMPlexMono-Medium.ttf) format("truetype")}
:root{
  --bg:#0b0b0c; --head:#101010; --surface:#161618; --surface2:#1d1d20; --line:rgba(255,255,255,.06);
  --text:#f5f5f7; --muted:#a1a1a6; --dim:#6e6e73; --accent:#f2c14e; --accent2:#ffd36b; --on-accent:#141414; --amber:#e7a04c; --blue:#439fe8; --blue-l:#7cbdf1;
  --edge:40px; --radius:24px; --edge-print:rgba(232,178,92,.72);
}
@media (max-width:1024px){:root{--edge:20px;--radius:18px}}
html{scroll-behavior:smooth;scroll-padding-top:90px;background:var(--bg)}
html body.ev-body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.5 Lato,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.ev-body *,.ev-body *::before,.ev-body *::after{box-sizing:border-box}
.ev-body img{display:block;max-width:100%;height:auto}
:where(.ev-body) a{color:inherit;text-decoration:none}
.ev-body button{font:inherit}
.ev-body h1,.ev-body h2,.ev-body h3{text-wrap:balance}
html:not([data-viewer=sub]) .v-sub{display:none !important}
html[data-viewer=sub] .v-guest{display:none !important}
/* the admin bar for signed-in editors sits above the fixed menu */
.admin-bar .ev-side{top:32px}
@media (max-width:782px){.admin-bar .ev-side{top:46px}}
/* a product page whose film has no before and after photos yet shows its cover */
.pd-stage.is-still{cursor:default}
.pd-stage.is-still img{object-fit:cover;width:100%;height:100%}
.pd-h1 small{display:block;font-size:.5em;font-weight:700;color:var(--muted);letter-spacing:0;margin-top:6px}
.ev-tag-free{background:rgba(124,189,241,.14);color:var(--blue-l)}
/* themes print hidden panels (Flatsome's phone menu #main-menu) in wp_footer; their own CSS hid them, which the store leaves off */
.ev-body .mfp-hide{display:none!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* 0.2.0 All Access: who is looking. Guests see prices and Buy; a signed-in subscriber sees Included and Download. */
html:not([data-viewer=sub]) .v-sub{display:none !important}
html[data-viewer=sub] .v-guest{display:none !important}
.sp-dl{position:absolute;left:12px;top:12px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(10,10,12,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(-3px);transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1),background .15s,color .15s}
.ev-card:hover .sp-dl,.ev-card:focus-within .sp-dl,.sp-dl:focus-visible,.sp-dl.is-busy,.sp-dl.is-done{opacity:1;transform:none}
@media (hover:none){.sp-dl{opacity:1;transform:none}}
.sp-dl:hover{background:#f5f5f7;color:#111}
.sp-dl:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.sp-dl.is-busy svg{animation:spa-bob .8s ease-in-out infinite}
@keyframes spa-bob{50%{transform:translateY(3px)}}
@media (prefers-reduced-motion:reduce){.sp-dl.is-busy svg{animation:none}.sp-dl{transition:opacity .2s}}
.spa-toast{position:fixed;left:50%;bottom:24px;z-index:90;transform:translate(-50%,12px);max-width:min(560px,calc(100vw - 32px));background:#f5f5f7;color:#141414;font-weight:700;font-size:14px;line-height:1.4;padding:12px 18px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s,transform .3s cubic-bezier(.22,1,.36,1)}
.spa-toast.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.spa-toast a{color:#141414;text-decoration:underline}