/* HDD LAND Mega Menu typography standard — v32 */

:root{
  --menu-font: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
}

body,
.site-header,
.site-header .main-nav,
.site-header .nav-link,
.site-header .main-nav>a{
  font-family: var(--menu-font), Inter, "Segoe UI", system-ui, sans-serif;
}

.site-header .main-nav>a,
.site-header .nav-link,
.site-header .nav-home-link,
.site-header .nav-overflow-toggle,
.site-header .contact-btn{
  font-family: var(--menu-font), Inter, "Segoe UI", system-ui, sans-serif;
  letter-spacing: var(--menu-letter-spacing, .02em);
  text-transform: var(--menu-transform, none);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.site-header .main-nav>a,
.site-header .nav-link,
.site-header .nav-home-link{
  font-size: var(--menu-dynamic-size, var(--menu-size, 13.5px));
  font-weight: var(--menu-weight, 600);
  line-height: 1.25;
}

.site-header .topbar a{
  font-family: var(--menu-font), Inter, "Segoe UI", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 1.35;
}

.site-header .topbar a i{
  position: relative;
  top: 0;
  vertical-align: -0.05em;
}

.site-header .mega-group h3{
  font-family: var(--menu-font), Inter, "Segoe UI", system-ui, sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 1.3;
}

.site-header .product-copy strong,
.site-header .nested-menu-item>a span strong{
  font-family: var(--menu-font), Inter, "Segoe UI", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 650;
  line-height: 1.35;
}

.site-header .product-copy small,
.site-header .nested-menu-item>a span small{
  color: #3d5168 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

.site-header .product-badge,
.site-header .nav-badge{
  align-self: center;
  font-family: var(--menu-font), Inter, "Segoe UI", system-ui, sans-serif;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .04em;
  white-space: nowrap;
}

.site-header .product-link{align-items:center}

/* Featured: keep copy fully readable; shrink decorative device block */
.site-header .featured{
  overflow: visible;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.site-header .featured>span,
.site-header .featured h2,
.site-header .featured p,
.site-header .featured ul,
.site-header .featured>a,
.site-header .featured .device,
.site-header .featured img{position:relative;z-index:2}

.site-header .featured h2{
  font-family: var(--menu-font), Inter, "Segoe UI", system-ui, sans-serif;
  font-size: clamp(18px, 1.5vw, 22px);
  font-weight: 750;
  line-height: 1.2;
  margin: 10px 0 8px;
}

.site-header .featured p{
  color: #33475f !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  flex: 0 0 auto;
}

.site-header .featured .device{
  height: 72px !important;
  margin: 10px 0 !important;
  flex: 0 0 auto;
}

.site-header .featured img{
  height: 96px !important;
  object-fit: contain;
}

.site-header .featured ul{
  margin: 8px 0 !important;
}

.site-header .featured li{
  margin: 6px 0 !important;
  font-size: 11px !important;
}

.site-header .featured>span{
  letter-spacing: .08em;
  font-weight: 800;
}

.site-header .mega-panel .featured{
  overflow: visible !important;
  padding: 22px 22px 20px;
}

.site-header .mega-panel .featured p{
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  color: #33475f !important;
}

.site-header .mega-panel .featured .device{
  height: 64px !important;
}

@media (max-width: 980px){
  .site-header .main-nav>a,
  .site-header .nav-link,
  .site-header .nav-home-link{
    font-size: 15px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: .01em;
  }
}


/* Product row descriptions: wrap cleanly, never mid-glyph clip */
.site-header .product-copy{
  min-width:0;
  overflow:visible;
}
.site-header .product-copy strong,
.site-header .product-copy small{
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
.site-header .product-copy small{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}