/* Shared chrome. One quiet accent per product; no foreground effects. */
html{scroll-padding-top:var(--vf-nav-offset,132px)}
:is(section,main,h2,details)[id]{scroll-margin-top:16px}
#vf-site-nav{--nav-accent:#c5a8f1;--nav-rgb:178,143,227;background:linear-gradient(110deg,#101220f5,#171526f5 60%,#101320f5);border-bottom:1px solid #b9a5e22b;backdrop-filter:blur(18px);box-shadow:0 5px 28px #03050a35}
#vf-site-nav[data-product="vanitycam"]{--nav-accent:#a3dfdc;--nav-rgb:124,200,200}
#vf-site-nav .nav-inner{position:relative;z-index:2;max-width:var(--container);height:76px;gap:26px}
#vf-site-nav .brand-logo{width:178px}
#vf-site-nav .nav-links{gap:8px}
#vf-site-nav .nav-links a:not(.btn){display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 13px;border:1px solid transparent;border-radius:12px;font-size:.9rem;font-weight:600;color:#c8c5d7;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
#vf-site-nav .nav-links a:not(.btn):hover{background:#d1bafb0b;color:#fff;border-color:#b6a3d72b}
#vf-site-nav .nav-links .nav-product{position:relative}
#vf-site-nav .nav-product img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 5px #c3a6fb25)}
#vf-site-nav .nav-links a[aria-current]{color:#f5efff;background:rgba(var(--nav-rgb),.095);border-color:rgba(var(--nav-rgb),.35);box-shadow:inset 0 1px 0 #ffffff0c,0 0 20px rgba(var(--nav-rgb),.07)}
#vf-site-nav .nav-product[aria-current]::after{content:'';position:absolute;bottom:-1px;left:25%;right:25%;height:1px;background:var(--nav-accent);box-shadow:0 0 8px var(--nav-accent)}
#vf-site-nav .nav-language{margin-left:4px;font-size:.75rem!important;letter-spacing:.05em}
#vf-site-nav .nav-language svg{fill:none;stroke:currentColor;stroke-width:1.3}
#vf-site-nav .nav-links .btn{margin-left:7px;border-radius:12px;min-height:42px;box-shadow:0 0 22px #a16bd322}
#vf-site-nav a:focus-visible,#vf-site-nav button:focus-visible{outline:2px solid var(--nav-accent);outline-offset:4px}
#vf-site-nav .product-subnav{position:relative;z-index:1;background:linear-gradient(100deg,#241d35f5,#1b192afa 60%,#181b2cfa);border-top:1px solid #bca0e72a;animation:product-menu-arrive .42s cubic-bezier(.2,.7,.2,1) both}
#vf-site-nav[data-product="vanitycam"] .product-subnav{background:linear-gradient(100deg,#152b30f7,#15232bfa 60%,#191e2afa);border-top-color:#9ed6d02a}
#vf-site-nav .product-subnav-inner{max-width:var(--container);display:flex;align-items:center;gap:30px;min-height:49px}
#vf-site-nav .product-subnav-name{display:flex;align-items:center;gap:10px;color:var(--nav-accent);font-size:.7rem;font-weight:600;letter-spacing:.055em;white-space:nowrap;min-width:178px}
#vf-site-nav .nav-spark{font-size:16px;text-shadow:0 0 12px rgba(var(--nav-rgb),.65)}
#vf-site-nav .product-subnav-links{display:flex;align-items:center;gap:8px}
#vf-site-nav .product-subnav-links a{display:flex;align-items:center;gap:22px;min-height:40px;padding:6px 14px;color:#bdb5cf;font-size:.8rem;border-radius:8px;border:1px solid transparent;white-space:nowrap;transition:background .2s,color .2s}
#vf-site-nav .product-subnav-links a span{font-size:.75rem;opacity:.35;transition:opacity .2s,transform .2s}
#vf-site-nav .product-subnav-links a:hover,#vf-site-nav .product-subnav-links a[aria-current]{color:#f6f0ff;background:rgba(var(--nav-rgb),.09);text-decoration:none}
#vf-site-nav .product-subnav-links a:hover span{opacity:.85;transform:translate(1px,-1px)}
@keyframes product-menu-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1101px){#vf-site-nav .nav-toggle{display:none}#vf-site-nav .nav-links{position:static;display:flex;flex-direction:row;opacity:1;visibility:visible;pointer-events:auto;transform:none;background:transparent;padding:0;border:0;box-shadow:none;margin-left:auto}}
@media(max-width:1100px){
 #vf-site-nav .nav-inner{height:70px}
 #vf-site-nav .nav-toggle{display:inline-flex;border-color:#b5a1dc40;background:#211e32;box-shadow:inset 0 1px 0 #ffffff0b}
 #vf-site-nav .nav-links{position:absolute;top:70px;left:12px;right:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch;padding:16px;margin:0;border:1px solid #bca4e743;border-radius:0 0 18px 18px;background:#121321;box-shadow:0 24px 40px #0008;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);max-height:calc(100dvh - 100px);overflow:auto}
 #vf-site-nav.is-open .nav-links{opacity:1;visibility:visible;pointer-events:auto;transform:none}
 #vf-site-nav.is-open .product-subnav{visibility:hidden}
 #vf-site-nav .nav-links a:not(.btn){justify-content:flex-start;min-height:48px;padding:10px 12px;background:#ffffff03;border-color:#ffffff0c}
 #vf-site-nav .nav-links .btn{margin:0;min-height:48px;width:auto}
 #vf-site-nav .nav-language{margin:0}
 #vf-site-nav .product-subnav-inner{gap:12px;min-height:50px}
 #vf-site-nav .product-subnav-name{min-width:0;font-size:.66rem}
 #vf-site-nav .product-subnav-links{gap:2px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding:3px 0}
 #vf-site-nav .product-subnav-links a{gap:9px;padding:5px 10px;font-size:.76rem;min-height:40px}
}
@media(max-width:540px){
 #vf-site-nav .nav-inner{padding-inline:var(--page-gutter)}
 #vf-site-nav .brand-logo{width:162px}
 #vf-site-nav .product-subnav-inner{padding-inline:var(--page-gutter);gap:6px}
 #vf-site-nav .product-subnav-name{font-size:0;min-width:18px;gap:0}
 #vf-site-nav .product-subnav-links{flex:1;justify-content:space-between}
 #vf-site-nav .product-subnav-links a{gap:6px;padding-inline:8px;font-size:.73rem}
}
@media(prefers-reduced-motion:reduce){#vf-site-nav .product-subnav{animation:none}#vf-site-nav a,#vf-site-nav a span,#vf-site-nav .nav-links{transition:none!important}}
html:not(.js) #vf-site-nav .nav-toggle{display:none}
@media(max-width:1100px){html:not(.js) #vf-site-nav .nav-inner{height:auto;flex-wrap:wrap;padding-block:12px}html:not(.js) #vf-site-nav .nav-links{position:static;opacity:1;visibility:visible;pointer-events:auto;transform:none;width:100%}}