/* 06F: SOMVI's navigation becomes a floating capsule without moving the page. */
.v06f .site-header{
  --capsule-pad:24px;
  height:var(--header-height);min-height:var(--header-height);
  background:transparent;border:0;backdrop-filter:none;
  isolation:isolate;
}
.v06f .site-header::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:#f7f8f2f0;border-bottom:1px solid #ccd7c755;
  backdrop-filter:blur(14px);transition:opacity .25s ease;
}
.v06f .site-header .header-inner{
  position:relative;
  width:min(calc(var(--reading-width) + var(--capsule-pad) * 2),calc(100% - var(--page-gutter) * 2 + var(--capsule-pad) * 2));
  height:var(--header-height);min-height:0;padding-inline:var(--capsule-pad);
  border:1px solid transparent;border-radius:999px;
  transition:height .25s ease,transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.v06f .site-header.is-floating::before{opacity:0}
.v06f .site-header.is-floating .header-inner{
  height:60px;transform:translateY(12px);
  width:min(var(--reading-width),calc(100% - var(--page-gutter) * 2));padding-inline:16px;
  background:#f5f8f1eb;border-color:#ffffffc9;
  box-shadow:0 12px 36px -14px #14352536,0 2px 5px #14352508;
  backdrop-filter:blur(20px) saturate(1.15);
}
.v06f .header-inner .brand{flex-shrink:0}
.v06f .header-inner .brand img{transition:width .25s ease;width:154px}
.v06f .is-floating .brand img{width:136px}
.v06f .site-header .icon-button{border-radius:50%}
.v06f .site-header .icon-button:hover{background:#315e490c}
.v06f .site-header .mega-menu{
  top:calc(100% + 10px);width:min(1140px,calc(100vw - 32px));
  max-height:calc(100dvh - var(--review-bar-height,34px) - var(--header-height) - 28px);
  border-radius:24px;box-shadow:0 20px 48px -12px #17332433;
}
.v06f .site-header .mobile-menu{
  position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);
  width:calc(100% - 24px);max-width:600px;
  max-height:calc(100dvh - var(--review-bar-height,34px) - var(--header-height) - 28px);
  overflow:auto;overscroll-behavior:contain;
  border:1px solid #ffffffbf;border-radius:24px;padding:16px;
  background:#f5f8f1f5;backdrop-filter:blur(20px);
  box-shadow:0 20px 48px -12px #17332433;
}
.v06f .mobile-menu a{border-radius:12px;padding:12px 16px}
.v06f .mobile-menu a:is(:hover,:focus-visible){background:#315e490b;text-decoration:none}
@media(max-width:1100px){
  .v06f .header-inner .brand img{width:130px}
  .v06f .is-floating .brand img{width:124px}
}
@media(max-width:900px){
  .v06f{--header-height:76px}
  .v06f .site-header{--capsule-pad:16px}
  .v06f .main-nav{display:none}
  .v06f .mobile-toggle{display:inline-flex}
  .v06f .site-header .header-inner{justify-content:space-between;gap:12px}
  .v06f .site-header.is-floating .header-inner{height:64px}
}
@media(min-width:901px){.v06f .site-header .mobile-menu{display:none}}
@media(max-width:760px){
  .v06f .site-header{--capsule-pad:12px}
  .v06f .site-header .header-inner{width:calc(100% - 20px)}
}
@media(max-width:440px){
  .v06f .header-inner .brand{width:120px}
  .v06f .header-inner .brand img{width:120px}
  .v06f .is-floating .brand img{width:114px}
  .v06f .site-header .header-inner{gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .v06f .site-header::before,.v06f .site-header .header-inner,.v06f .header-inner .brand img{transition:none}
}

@media(max-width:760px){.v06f .site-header.is-floating .header-inner{width:calc(100% - 20px);padding-inline:12px}}

.v06f .site-header .mega-menu{width:min(var(--reading-width),calc(100vw - 32px));grid-template-columns:260px minmax(0,1fr);background:#f6f8f2;color:#293b32;overflow:auto}
.v06f .catalog-nav-wrap:has(.mega-menu:not([hidden]))::after{content:'';position:absolute;left:0;right:0;top:100%;height:12px}
.v06f .mega-menu .mega-directions{padding:22px 16px;background:#e8eee1;border-color:#cad5c1}
.v06f .mega-menu .mega-directions>.eyebrow{font-size:14px;line-height:1.5;margin-bottom:15px}
.v06f .mega-menu .mega-directions>button{border-radius:14px;min-height:62px;gap:10px}
.v06f .mega-menu .mega-directions>button>span{display:none}
.v06f .mega-menu .mega-directions strong{font-size:16px;line-height:1.5}
.v06f .mega-menu .mega-preview{padding:24px;min-width:0}
.v06f .mega-menu .mega-preview-heading{font-size:16px;gap:20px}
.v06f .mega-menu .mega-preview-heading>a,.v06f .mega-menu .mega-all{font-size:14px;min-height:44px}
.v06f .mega-menu .mega-products{gap:18px}
.v06f .mega-menu .mega-thumb,.v06f .mega-menu .mega-thumb.software-thumb{height:160px;border-radius:17px;background:#e0e7d9}
.v06f .mega-menu .mega-thumb>img{height:145px;width:95%;object-fit:contain;transform:none;transition:none}
.v06f .mega-menu .mega-thumb.software-thumb{background:#3d4540}
.v06f .mega-menu .mega-thumb.software-thumb>img{width:100%;height:100%;object-fit:contain}
.v06f .mega-menu .mega-products strong{font-size:16px;line-height:1.4}
.v06f .mega-menu .mega-products small{font-size:14px;line-height:1.6}
.v06f .mega-menu .color-product-art>span,.v06f .mega-menu .color-product-art>small,.v06f .mega-menu .color-art-circles{display:none}
.v06f .mega-menu .mega-services>a{border-radius:18px;min-height:74px}
.v06f .mega-menu .mega-services strong{font-size:16px}
.v06f .mega-menu a:hover{text-decoration:none}
@media(max-width:1100px){.v06f .site-header .mega-menu{grid-template-columns:230px minmax(0,1fr)}.v06f .mega-menu .mega-preview{padding:20px}.v06f .mega-menu .mega-products{gap:12px}}