/* VENEIVA site header + footer (template parts), loaded by the plugin on every page and in the editor.
   Generated from Sub_Board_2/veneiva-homepage-v4-header.html + -footer.html: weak selectors (Greenshift settings win), limited to .vnhd and to the .vnpage that holds footer.vnft. */

/* VENEIVA homepage v4 · HEADER — own styles (split from veneiva-homepage-desktop-v4-pdp-headings.html, 15 Oct 2026). Breakpoints: 1100, 900, 640. */
/* VENEIVA homepage, responsive. Breakpoints: 1100 (laptop), 900 (tablet), 640 (mobile). */
:where(:is(.vnhd, .vnhd *)):not(_ _),:where(:is(.vnhd, .vnhd *)):not(_ _)::before,:where(:is(.vnhd, .vnhd *)):not(_ _)::after{box-sizing:border-box}

:where(.vnpage:is(.vnhd, .vnhd *)):not(_ _ _ _){--gut:max(clamp(20px,5.55vw,80px),calc((100vw - 1280px)/2));--gut2:max(clamp(20px,4.6vw,66px),calc((100vw - 1308px)/2));--gutw:max(clamp(20px,12.2vw,176px),calc((100vw - 1088px)/2));width:100%;overflow-x:clip;color:#3A2008;font-family:Jost,sans-serif;-webkit-font-smoothing:antialiased}
:where(.vnpage:is(.vnhd, .vnhd *) a:not(.btn,.btn2,.vnpr-btn,.vnpr-ghost,.vnft-btn,.vnft-ghost)):not(_ _ _ _ _ _ _ _){color:inherit;text-decoration:none}
:where(.vnpage:is(.vnhd, .vnhd *) *):not(_ _ _ _)::selection{background:#F5D592;color:#3A2008}
/* ---------- top bar, nav, hero ---------- */
:where(.v:is(.vnhd, .vnhd *)):not(_ _ _ _){position:relative;background:#fff;color:#3A2008}
:where(:where(.v):is(.vnhd, .vnhd *) *):not(_ _){color:#3A2008}
:where(.bar:is(.vnhd, .vnhd *)):not(_ _ _ _){min-height:40px;padding:8px var(--gut2);display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;letter-spacing:.02em;background:#F5F2EC}
:where(.bar:is(.vnhd, .vnhd *) span):not(_ _ _ _ _){font-weight:600;letter-spacing:.04em}
:where(.nav:is(.vnhd, .vnhd *)):not(_ _ _ _){position:relative;z-index:20;height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--gut2);border-bottom:1px solid rgba(58,32,8,.1);background:#fff}
:where(.nav-l:is(.vnhd, .vnhd *)):not(_ _ _ _){display:flex;align-items:center}
:where(.nav:is(.vnhd, .vnhd *) .l):not(_ _ _ _ _ _ _){display:flex;gap:30px}
:where(.nav:is(.vnhd, .vnhd *) .l a):not(_ _ _ _ _ _ _ _),:where(.nav:is(.vnhd, .vnhd *) .r-c):not(_ _ _ _ _ _ _){white-space:nowrap;text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:600}
:where(.nav:is(.vnhd, .vnhd *) .r):not(_ _ _ _ _ _ _){display:flex;gap:24px;justify-content:flex-end;align-items:center}
:where(.nav-logo:is(.vnhd, .vnhd *)):not(_ _ _ _){display:block;width:132px;height:auto}
:where(.nav-m:is(.vnhd, .vnhd *)):not(_ _ _ _){display:none}
:where(.nav-m:is(.vnhd, .vnhd *) summary):not(_ _ _ _ _){list-style:none;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;margin-left:-10px}
:where(.nav-m:is(.vnhd, .vnhd *) summary):not(_ _ _ _ _)::-webkit-details-marker{display:none}
:where(.nav-p:is(.vnhd, .vnhd *)):not(_ _ _ _){position:absolute;left:0;right:0;top:100%;display:grid;background:#fff;border-bottom:1px solid rgba(58,32,8,.1);padding:8px var(--gut2) 16px;box-shadow:0 18px 30px -20px rgba(58,32,8,.25)}
:where(.nav-p:is(.vnhd, .vnhd *) a):not(_ _ _ _ _){padding:14px 0;text-transform:uppercase;letter-spacing:.1em;font-size:14px;font-weight:600;border-bottom:1px solid rgba(58,32,8,.08)}
/* Breakpoint rules carry one class more than the base rules (.vnhd ...), so they win even if a builder
   (Greenshift Style Manager) reorders the CSS. */
@media (max-width:1099px){
/* nav: collapse links into menu */
:where(.vnhd:is(.vnhd, .vnhd *) .nav .l):not(_ _ _ _ _ _ _ _ _ _ _){display:none}
:where(.vnhd:is(.vnhd, .vnhd *) .nav-m):not(_ _ _ _ _ _ _){display:block}
:where(.vnhd:is(.vnhd, .vnhd *) .nav-logo):not(_ _ _ _ _ _ _){width:124px}
}
@media (max-width:899px){
:where(.vnpage:is(.vnhd, .vnhd *)):not(_ _ _ _){--gutw:var(--gut)}
}
@media (max-width:639px){
:where(.vnhd:is(.vnhd, .vnhd *) .bar):not(_ _ _ _ _ _ _){font-size:12px;padding:8px 16px}
:where(.vnhd:is(.vnhd, .vnhd *) .nav .r):not(_ _ _ _ _ _ _ _ _ _ _){gap:16px}
:where(.vnhd:is(.vnhd, .vnhd *) .nav .r-c):not(_ _ _ _ _ _ _ _ _ _ _){display:none}
}


/* cart slot: FunnelKit Cart shortcode [fk_cart_menu] (on the board the shortcode shows as text) */
:where(.vnhd-cart:is(.vnhd, .vnhd *)):not(_ _ _ _){display:flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;color:#3A2008;font-size:12px;line-height:1}
/* ---------- sticky header (15 Oct 2026) ----------
   Fixed to the top; a spacer keeps its place in the page. After a short scroll (.is-scrolled, set by the script)
   the top bar slides up out of view, the menu gets lower (72 -> 60, mobile 64 -> 56), the logo smaller and a soft shadow appears.
   WordPress admin bar respected. Without JS the full header simply stays fixed. */
:where(.vnhd:is(.vnhd, .vnhd *)):not(_ _ _ _){--vnhd-bar:40px;--vnhd-nav:72px;--vnhd-nav-s:60px;--vnhd-logo-s:112px}
:where(.vnhd:is(.vnhd, .vnhd *) .vnhd-fix):not(_ _ _ _ _ _ _){position:fixed;top:var(--wp-admin--admin-bar--height,0px);left:0;right:0;z-index:1000;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
:where(.vnhd-sp:is(.vnhd, .vnhd *)):not(_ _ _ _){height:var(--vnhd-h,calc(var(--vnhd-bar) + var(--vnhd-nav)))}
:where(.vnhd:is(.vnhd, .vnhd *) .nav):not(_ _ _ _ _ _ _){height:var(--vnhd-nav);transition:height .35s cubic-bezier(.16,1,.3,1)}
:where(.vnhd:is(.vnhd, .vnhd *) .nav-logo):not(_ _ _ _ _ _ _){transition:width .35s cubic-bezier(.16,1,.3,1)}
:where(.vnhd.is-scrolled:is(.vnhd, .vnhd *) .vnhd-fix):not(_ _ _ _ _ _ _ _ _ _ _){transform:translateY(calc(var(--vnhd-bar) * -1));box-shadow:0 10px 24px -18px rgba(58,32,8,.35)}
:where(.vnhd.is-scrolled:is(.vnhd, .vnhd *) .nav):not(_ _ _ _ _ _ _ _ _ _ _){height:var(--vnhd-nav-s)}
:where(.vnhd.is-scrolled:is(.vnhd, .vnhd *) .nav-logo):not(_ _ _ _ _ _ _ _ _ _ _){width:var(--vnhd-logo-s)}
@media (max-width:1099px){:where(.vnpage.vnhd:is(.vnhd, .vnhd *)):not(_ _ _ _ _ _ _){--vnhd-logo-s:106px}}
@media (max-width:639px){:where(.vnpage.vnhd:is(.vnhd, .vnhd *)):not(_ _ _ _ _ _ _){--vnhd-bar:52px;--vnhd-nav:64px;--vnhd-nav-s:56px;--vnhd-logo-s:100px}}
@media (prefers-reduced-motion:reduce){
:where(:is(.vnhd, .vnhd *)):not(_ _){animation:none !important;transition:none !important}
}


/* VENEIVA homepage v4 · FOOTER — own styles (split from veneiva-homepage-desktop-v4-pdp-headings.html, 15 Oct 2026). Breakpoints: 1100, 900, 640. */
/* VENEIVA homepage, responsive. Breakpoints: 1100 (laptop), 900 (tablet), 640 (mobile). */
:where(:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _),:where(:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _)::before,:where(:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _)::after{box-sizing:border-box}

:where(.vnpage:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){--gut:max(clamp(20px,5.55vw,80px),calc((100vw - 1280px)/2));--gut2:max(clamp(20px,4.6vw,66px),calc((100vw - 1308px)/2));--gutw:max(clamp(20px,12.2vw,176px),calc((100vw - 1088px)/2));width:100%;overflow-x:clip;color:#3A2008;font-family:Jost,sans-serif;-webkit-font-smoothing:antialiased}
:where(.vnpage:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) a:not(.btn,.btn2,.vnpr-btn,.vnpr-ghost,.vnft-btn,.vnft-ghost)):not(_ _ _ _ _ _ _ _){color:inherit;text-decoration:none}
:where(.vnpage:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) *):not(_ _ _ _)::selection{background:#F5D592;color:#3A2008}
:where(.vnpage:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) h3):not(_ _ _ _ _),:where(.vnpage:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) p):not(_ _ _ _ _){overflow-wrap:break-word}
/* ---------- top bar, nav, hero ---------- */
:where(.v:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){position:relative;background:#fff;color:#3A2008}
:where(.vnft-btn:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){background:#0D6F73;color:#fff;text-decoration:none;transition:background-color .25s cubic-bezier(.16,1,.3,1),transform .15s}
:where(.vnft-btn:hover:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _ _ _ _){background:#0A5A5D}
:where(.vnft-btn:focus-visible:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _ _ _ _){outline:#BE7E30 solid 3px;outline-offset:3px}
:where(.vnft-btn:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) svg):not(_ _ _ _ _){transition:transform .3s cubic-bezier(.16,1,.3,1)}
:where(.vnft-btn:hover:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) svg):not(_ _ _ _ _ _ _ _){transform:translateX(3px)}
/* ---------- footer ---------- */
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){position:relative;overflow:hidden;font-family:"DM Sans",sans-serif;font-size:15px;line-height:1.5;color:#3A2008;padding:73px var(--gutw) 0;background:linear-gradient(180deg,#FFEBC4 0%,#FCDFA6 45%,#F8D38A 100%)}
:where(.vnft-top:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:32px}
:where(.vnft-say:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){margin:0;font-size:clamp(22px,.9vw + 14px,26.5px);line-height:1.25;font-weight:500;letter-spacing:-.01em;max-width:410px}
:where(.vnft-btn:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:28px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:500}
:where(.vnft-col:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) h3):not(_ _ _ _ _){margin:0;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#6B4A2B}
:where(.vnft-col:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) ul):not(_ _ _ _ _){list-style:none;margin:20px 0 0;padding:0;display:grid;gap:13px}
:where(.vnft-col:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) li a):not(_ _ _ _ _ _){display:inline-flex;align-items:center;gap:10px;font-size:15px;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .3s cubic-bezier(.16,1,.3,1)}
:where(.vnft-col:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) li a:hover):not(_ _ _ _ _ _ _ _ _){background-size:100% 1px}
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) a:focus-visible):not(_ _ _ _ _ _ _ _){outline:#BE7E30 solid 3px;outline-offset:3px}
:where(.vnft-bot:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 40px;margin-top:clamp(40px,4.3vw,62px);padding-top:30px;border-top:1px solid rgba(58,32,8,.22);font-size:12.5px}
:where(.vnft-bot:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) p):not(_ _ _ _ _){margin:0}
:where(.vnft-bot:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) p+p):not(_ _ _ _ _ _){margin-top:4px;color:#6B4A2B;font-size:12px}
:where(.vnft-legal:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){display:flex;flex-wrap:wrap;gap:8px 20px}
:where(.vnft-legal:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) a:hover):not(_ _ _ _ _ _ _ _){text-decoration:underline;text-underline-offset:3px}
:where(.vnft-wm:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){display:block;height:auto;margin-top:clamp(24px,3vw,40px);margin-bottom:-2.4vw;margin-left:calc(clamp(12px,1.7vw,24px) - var(--gutw));width:calc(100% + 2 * var(--gutw) - 2 * clamp(12px,1.7vw,24px))}
@media (min-width:1600px){
:where(.vnft-wm:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){margin-bottom:-38px}
}
@media (max-width:899px){
:where(.vnpage:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){--gutw:var(--gut)}
/* footer */
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){padding-top:56px}
:where(.vnft-top:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}
:where(.vnft-top:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)>div:first-child):not(_ _ _ _ _ _ _ _){grid-column:1/-1}
}
@media (max-width:639px){
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){padding-top:44px}
:where(.vnft-top:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){grid-template-columns:repeat(2,minmax(0,1fr))}
:where(.vnft-bot:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){flex-direction:column}
:where(.vnft-btn:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
:where(:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _){animation:none !important;transition:none !important}
}
:where(.vnft-say:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-tag):not(_ _ _ _ _ _ _){display:block;margin:0 0 14px;font-size:clamp(30px,1.4vw + 18px,38px);line-height:1.1;font-weight:600;letter-spacing:-.02em;color:#3A2008}
:where(.vnft-say:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-tag em):not(_ _ _ _ _ _ _ _){font-style:normal;color:#8A5A22}
:where(.vnft-top:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){grid-template-columns:minmax(0,2.7fr) repeat(3,minmax(0,1fr))}
:where(.vnft-say:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){font-weight:500}
:where(.vnft-say:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _ _ _ _ _ _ _ _ _ _ _){font-size:20px;line-height:1.45;max-width:520px}
:where(.vnft-say:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) span:not(.vnft-tag)):not(_ _ _ _ _ _ _ _){margin-top:2px;font-size:17px}
:where(.vnft-ctas:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _ _ _ _ _ _ _ _ _ _ _){flex-wrap:nowrap}
:where(.vnft-ctas:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-btn):not(_ _ _ _ _ _ _),:where(.vnft-ctas:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-ghost):not(_ _ _ _ _ _ _){padding:0 20px;white-space:nowrap}
:where(.vnft-top:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){column-gap:24px}
/* closing */
:where(.vnft-say:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){font-size:clamp(26px,1.2vw + 16px,32px);max-width:480px;line-height:1.2}
:where(.vnft-say:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) span):not(_ _ _ _ _){display:block;margin-top:10px;font-size:18px;line-height:1.5;font-weight:400;color:#6B4A2B;letter-spacing:0}
:where(.vnft-ctas:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
:where(.vnft-ctas:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-btn):not(_ _ _ _ _ _ _){margin-top:0}
:where(.vnft-ghost:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _){color:#3A2008;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:500;box-shadow:inset 0 0 0 1.5px #3A2008;transition:background-color .25s,color .25s}
:where(.vnft-ghost:hover:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *)):not(_ _ _ _ _ _ _){background:#3A2008;color:#FFEBC4}
@media (max-width:639px){
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-top):not(_ _ _ _ _ _ _){grid-template-columns:1fr;gap:0}
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-top>div:first-child):not(_ _ _ _ _ _ _ _ _ _ _ _){margin-bottom:40px}
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-ctas):not(_ _ _ _ _ _ _){flex-direction:column}
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-ctas .vnft-btn):not(_ _ _ _ _ _ _ _ _ _ _),:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-ctas .vnft-ghost):not(_ _ _ _ _ _ _ _ _ _ _){width:100%;justify-content:center}
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-col):not(_ _ _ _ _ _ _){border-top:1px solid rgba(58,32,8,.18)}
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-col:last-child):not(_ _ _ _ _ _ _ _ _ _ _){border-bottom:1px solid rgba(58,32,8,.18)}
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-bot):not(_ _ _ _ _ _ _){margin-top:0;border-top:0}
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-col h3):not(_ _ _ _ _ _ _ _){padding:14px 0;font-size:13px;line-height:18.2px;font-weight:500;letter-spacing:normal;text-transform:none;color:#3A2008}
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-col ul):not(_ _ _ _ _ _ _ _){margin:0;padding:0 0 14px;gap:10px}
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-col li a):not(_ _ _ _ _ _ _ _ _){font-size:13px;line-height:18.2px}
:where(.vnft:is(.vnpage:has(> .vnft), .vnpage:has(> .vnft) *) .vnft-col li a svg):not(_ _ _ _ _ _ _ _ _ _){width:15px;height:15px}
}