/* Shared navigation for the public website, configurators, shop and blog. */
body .header.vv-header{box-sizing:border-box;position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;min-height:88px;height:auto;padding:10px 6%;gap:24px;background:#080908f5;color:#f6f4ef;border-bottom:1px solid #ffffff1c;z-index:100;backdrop-filter:blur(12px);font-family:Inter,Arial,sans-serif;line-height:1.6}
body .header.vv-header .brand{display:flex;flex:0 0 auto;min-width:164px!important;letter-spacing:0}
body .header.vv-header .brand .site-logo{display:block!important;width:164px!important;max-width:164px!important;height:58px!important;max-height:58px!important;object-fit:contain!important;object-position:left center!important}
body .header.vv-header .main-nav{display:flex;align-items:center;gap:26px;position:static;padding:0;margin:0;background:transparent;border:0;box-shadow:none;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
body .header.vv-header .main-nav a{display:block;padding:10px 0;color:#e1dfd8;white-space:nowrap;text-decoration:none}
body .header.vv-header .main-nav a:hover,body .header.vv-header .main-nav a[aria-current]{color:#dec17f}
body .header.vv-header .main-nav .client-panel{box-sizing:border-box;min-height:44px;padding:10px 12px;background:#dec17f;border:1px solid #dec17f;border-radius:4px;color:#080908;font-weight:600;text-align:center}
body .header.vv-header .main-nav .client-panel:hover{background:#edcf91;color:#080908}
body .header.vv-header .whatsapp.top{display:inline-flex;align-items:center;gap:18px;flex:0 0 auto;min-height:42px;margin:0;padding:10px 16px;background:transparent;border:1px solid #dec17f60;border-radius:4px;color:#dec17f;font-size:12px;font-weight:600;line-height:1.6;text-decoration:none;text-transform:none;white-space:nowrap}
body .header.vv-header .mobile-menu-toggle{display:none;box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:11px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;border:1px solid #dec17f60;border-radius:4px;color:#dec17f;cursor:pointer;z-index:101}
body .header.vv-header .mobile-menu-toggle span{display:block;width:22px;height:2px;min-height:2px;margin:0;padding:0;border-radius:0;background:#dec17f;transition:transform .15s,opacity .15s}
body .header.vv-header.menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body .header.vv-header.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}
body .header.vv-header.menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body .header.vv-header a:focus-visible,body .header.vv-header button:focus-visible{outline:3px solid #dec17f;outline-offset:4px}
body .vv-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 28px;padding:22px 6%;border-top:1px solid #ffffff1c;background:#080908;color:#dec17f;font:500 13px/1.6 Inter,Arial,sans-serif;text-transform:none;letter-spacing:0}
body .vv-footer-nav a{padding:8px;text-decoration:none}
body .vv-footer-nav a:hover{text-decoration:underline}
body.vv-shop-page{padding-top:88px}
body .vv-shop-tools{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:12px max(20px,calc((100vw - 1300px)/2));background:#121416;color:#f6f4ef}
body .vv-shop-tools button,body .vv-shop-tools>a{min-height:44px;padding:10px 16px;background:#242629;color:#f6f4ef;border:1px solid #555;border-radius:6px;text-decoration:none;font:600 14px/1.5 Inter,Arial,sans-serif;cursor:pointer}
body .vv-shop-tools #cart-count{display:inline-block;min-width:23px;margin-left:8px;padding:1px 6px;background:#dec17f;color:#111;border-radius:20px;text-align:center}
@media(max-width:1100px){
 body .header.vv-header{min-height:76px;padding:10px 6%;gap:15px}
 body .header.vv-header .brand{min-width:145px!important}
 body .header.vv-header .brand .site-logo{width:145px!important;max-width:145px!important;height:52px!important;max-height:52px!important}
 body .header.vv-header .whatsapp.top{display:none}
 body .header.vv-header .mobile-menu-toggle{display:flex}
 body .header.vv-header .main-nav{display:none;position:absolute;left:6%;right:6%;top:calc(100% + 8px);max-height:calc(100dvh - 100px);overflow-y:auto;padding:12px;border:1px solid #ffffff1c;border-radius:6px;background:#10110ffb;box-shadow:0 18px 60px #0009}
 body .header.vv-header.menu-open .main-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 body .header.vv-header .main-nav a{width:100%;padding:14px;border-radius:3px;background:#ffffff06;font-size:14px;text-align:left}
 body.vv-shop-page{padding-top:76px}
}
@media(max-width:600px){
 body .header.vv-header{min-height:70px;padding:8px 5%}
 body .header.vv-header .brand .site-logo{height:48px!important;max-height:48px!important}
 body .header.vv-header.menu-open .main-nav{grid-template-columns:1fr}
 body.vv-shop-page{padding-top:70px}
}

/* Compact spacing on laptop screens. */
@media(min-width:1101px) and (max-width:1470px){
 body .header.vv-header{gap:12px;padding-left:4%;padding-right:4%}
 body .header.vv-header .main-nav{gap:clamp(10px,1.45vw,19px);font-size:11.5px}
 body .header.vv-header .whatsapp.top{gap:9px;padding:9px 11px}
}

/* Offer categories: a continuous hover area, with separate touch disclosure. */
body .offer-section[id]{scroll-margin-top:112px}
body .header.vv-header .offer-menu{position:relative;display:grid;grid-template-columns:auto 28px;align-items:center}
body .header.vv-header .offer-menu-toggle{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:28px;min-height:44px;padding:0;border:0;border-radius:4px;background:transparent;color:#dec17f;font:600 19px/1 Inter,Arial,sans-serif;cursor:pointer}
body .header.vv-header .offer-menu-toggle span{transition:transform .15s}
body .header.vv-header .offer-menu-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
body .header.vv-header .offer-menu-current>a{color:#dec17f}
body .header.vv-header .offer-submenu{position:absolute;top:100%;left:-18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:520px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);overflow-y:auto;padding:14px;gap:4px 10px;border:1px solid #dec17f55;border-radius:6px;background:#10110f;box-shadow:0 20px 50px #0009}
body .header.vv-header .offer-submenu[hidden]{display:none}
body .header.vv-header .offer-submenu a{box-sizing:border-box;display:flex;align-items:center;min-height:44px;padding:12px;border-radius:4px;font-size:13px;line-height:1.5;white-space:normal}
body .header.vv-header .offer-submenu a:hover,body .header.vv-header .offer-submenu a:focus-visible{background:#dec17f14;color:#dec17f}
body .header.vv-header .offer-submenu a:focus-visible{outline-offset:-3px}
@media(max-width:1100px){
 body .header.vv-header .offer-menu{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 44px;gap:0 4px}
 body .header.vv-header .offer-menu-toggle{width:44px;background:#ffffff06;align-self:stretch}
 body .header.vv-header .offer-submenu{position:static;grid-column:1/-1;box-sizing:border-box;width:100%;max-width:none;max-height:none;margin:4px 0 0;padding:8px;box-shadow:none;border-color:#dec17f33}
 body .header.vv-header .offer-submenu a{width:auto;margin:0;background:transparent}
}
@media(max-width:600px){body .header.vv-header .offer-submenu{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body .header.vv-header .offer-menu-toggle span{transition:none}}
@media(min-width:1101px) and (max-width:1230px){
 body .header.vv-header .brand{min-width:142px!important}
 body .header.vv-header .brand .site-logo{width:142px!important;max-width:142px!important}
 body .header.vv-header .main-nav{gap:10px;font-size:11px}
}

/* Premium navigation tiles; dropdown links retain their existing layout. */
body .header.vv-header .main-nav>a:not(.client-panel),
body .header.vv-header .offer-menu>a{box-sizing:border-box;display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid #dec17f30;border-radius:8px;background:linear-gradient(145deg,#ffffff0b,#ffffff03);box-shadow:inset 0 1px 0 #ffffff08;color:#e8e4db;transition:background .15s,border-color .15s,color .15s}
body .header.vv-header .main-nav>a:not(.client-panel):hover,
body .header.vv-header .main-nav>a:not(.client-panel)[aria-current],
body .header.vv-header .offer-menu>a:hover,
body .header.vv-header .offer-menu-current>a{border-color:#dec17f80;background:linear-gradient(145deg,#dec17f20,#dec17f0a);color:#edcf91}
body .header.vv-header .offer-menu-toggle{border:1px solid #dec17f30;border-radius:8px;background:linear-gradient(145deg,#ffffff0b,#ffffff03)}
body .header.vv-header .offer-menu-toggle:hover,
body .header.vv-header .offer-menu-toggle[aria-expanded="true"]{border-color:#dec17f80;background:#dec17f18}
@media(min-width:1101px){
 body .header.vv-header .main-nav{gap:7px}
 body .header.vv-header .main-nav>a:not(.client-panel),body .header.vv-header .offer-menu>a{padding:9px 10px}
 body .header.vv-header .offer-menu>a{border-right:0;border-radius:8px 0 0 8px}
 body .header.vv-header .offer-menu-toggle{border-left:0;border-radius:0 8px 8px 0}
}
@media(prefers-reduced-motion:reduce){body .header.vv-header .main-nav>a,body .header.vv-header .offer-menu>a{transition:none}}