/* Four familiar headings for products and rooms, with a distinct commercial route. */
#kb-site-preview {
  --commercial-navigation: #3a3a41;
  --commercial-navigation-hover: #47474f;
  --commercial-navigation-ink: #fff;
  --commercial-navigation-crosses: url('studio-cross-pattern.png');
}
#kb-site-preview .header-compact .product-nav-panel {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px 32px;
  padding: 28px 36px 22px;
  max-height: calc(100dvh - 190px);
  overflow-y: auto;
}
#kb-site-preview .product-nav-section { min-width: 0; }
#kb-site-preview .header-compact .product-nav-section h2 {
  font: 600 21px/1.3 var(--font-navigation, Arial, sans-serif);
  letter-spacing: 0;
  color: #3c144c;
  margin: 0 0 12px;
  padding: 0 10px 12px;
  border-bottom: 2px solid #b6a0bf;
}
#kb-site-preview .header-compact .product-nav-section a {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 10px;
  font: 400 14px/1.45 var(--font-navigation, Arial, sans-serif);
  border: 0;
  color: #3c144c;
  text-decoration: none;
}
#kb-site-preview .header-compact .product-nav-panel a:hover {
  background: #ece5ee;
  text-decoration: underline;
  text-underline-offset: 4px;
}
#kb-site-preview .header-compact .product-nav-more {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 36px;
  border-top: 1px solid #d5c8d9;
  padding-top: 14px;
}
#kb-site-preview .header-compact .product-nav-more a {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  min-height: 44px;
  padding: 8px 10px;
  font-size: 14px;
  border: 0;
}
#kb-site-preview .product-nav-more a:first-child { font-weight: 600; }
/* One commercial identity for menu links and calls to action across the site. */
#kb-site-preview .kb-commercial-link.kb-commercial-cta,
#kb-site-preview.commercial-page main .kb-commercial-link.kb-commercial-cta,
#kb-site-preview.commercial-page .header-compact .header-tools .kb-commercial-link,
#kb-site-preview .header-compact #main-nav a.kb-commercial-link,
#kb-site-preview.commercial-page .header-compact #main-nav a.kb-commercial-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  min-height: 44px;
  padding: 12px 20px;
  position: relative;
  isolation: isolate;
  background: var(--commercial-navigation);
  color: var(--commercial-navigation-ink);
  border: 1px solid #68636f;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.55;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: left;
  text-decoration: none;
  box-shadow: none;
  transition: background-color .18s ease, border-color .18s ease;
}
#kb-site-preview .header-compact #main-nav > a.kb-commercial-link {
  padding: 10px 18px;
  margin: 0;
  align-self: center;
}
#kb-site-preview .header-compact .nav-panel a.kb-commercial-link { margin-block: 4px; }
/* Reuse the studio's small crosses as a quiet texture beneath the lettering. */
#kb-site-preview .kb-commercial-link::before,
#kb-site-preview .family-commercial-brand::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(120deg, #e2d1ec, #ab87be);
  -webkit-mask: var(--commercial-navigation-crosses) center / 200px 200px repeat;
  mask: var(--commercial-navigation-crosses) center / 200px 200px repeat;
  opacity: .24;
  pointer-events: none;
}
#kb-site-preview .header-compact .product-nav-more a.kb-commercial-link { margin-left: auto; }
#kb-site-preview .kb-commercial-link.kb-commercial-cta:hover,
#kb-site-preview.commercial-page main .kb-commercial-link.kb-commercial-cta:hover,
#kb-site-preview.commercial-page .header-compact .header-tools .kb-commercial-link:hover,
#kb-site-preview .header-compact #main-nav a.kb-commercial-link:hover,
#kb-site-preview.commercial-page .header-compact #main-nav a.kb-commercial-link:hover {
  background-color: var(--commercial-navigation-hover);
  color: #fff;
  border-color: #b6a0bf;
  text-decoration: none;
  box-shadow: none;
}
#kb-site-preview .header-compact #main-nav a.kb-commercial-link[aria-current="page"] {
  color: #fff;
  border-color: #c7b6d0;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
#kb-site-preview .kb-commercial-link.kb-commercial-cta:focus-visible,
#kb-site-preview .header-compact #main-nav a.kb-commercial-link:focus-visible {
  outline: 3px solid #9b78b0;
  outline-offset: 3px;
}
#kb-site-preview .product-collection-routes {
  padding: 48px var(--studio-pad, 5.6%);
  background: #faf8f4;
  border-block: 1px solid #d3c8cf;
}
#kb-site-preview .product-collection-routes > h2 {
  margin: 0 0 28px;
  font-size: clamp(28px, 3.2vw, 44px);
}
#kb-site-preview .product-collection-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px;
}
#kb-site-preview .product-route-card { min-width: 0; }
#kb-site-preview .product-route-card h3 {
  font: 600 23px/1.3 var(--font-navigation, Arial, sans-serif);
  margin: 0 0 12px;
  padding-bottom: 14px;
  border-bottom: 2px solid #b6a0bf;
}
#kb-site-preview .product-route-card > a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 0;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: underline;
  text-decoration-color: #b6a0bf;
  text-underline-offset: 5px;
}
#kb-site-preview .product-route-card > a:hover { text-decoration-color: currentColor; }
#kb-site-preview .brand-category-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 14px;
}
#kb-site-preview .brand-category-filters button {
  min-height: 46px;
  padding: 10px 18px;
  border: 1px solid #a995ad;
  border-radius: 2px;
  font: 400 15px/1.4 var(--font-navigation, Arial, sans-serif);
  background: #faf8f4;
  color: #3c144c;
  cursor: pointer;
}
#kb-site-preview .brand-category-filters button:hover { background: #eee7ef; }
#kb-site-preview .brand-category-filters button[aria-pressed="true"] {
  background: #3c144c;
  color: #fff;
  border-color: #3c144c;
  font-weight: 600;
}
#kb-site-preview .brand-category-filters button[aria-pressed="true"]::before {
  content: '✓';
  margin-right: 7px;
}
#kb-site-preview #brand-category-count { margin: 0 0 24px; font-size: 14px; }
#kb-site-preview .family-logo-directory > a[hidden] { display: none !important; }
#kb-site-preview .product-interior-details .actions { display: flex; flex-wrap: wrap; gap: 12px 30px; }
#kb-site-preview .room-card-copy h2 { font-size: clamp(25px, 2.6vw, 36px); margin: 0 0 14px; }
#kb-site-preview .product-nav-panel a:focus-visible,
#kb-site-preview .product-route-card a:focus-visible,
#kb-site-preview .brand-category-filters button:focus-visible {
  outline: 3px solid #3c144c;
  outline-offset: 3px;
}
@media (max-width: 1120px) {
  #kb-site-preview .header-compact #main-nav > a.kb-commercial-link { align-self: stretch; }
  #kb-site-preview .header-compact .product-nav-more a.kb-commercial-link { margin-left: 0; }
  #kb-site-preview .header-compact .product-nav-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 22px 12px;
    max-height: none;
    overflow: visible;
  }
  #kb-site-preview .product-collection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (forced-colors: active) {
  #kb-site-preview .kb-commercial-link.kb-commercial-cta,
  #kb-site-preview .header-compact #main-nav a.kb-commercial-link { border: 2px solid ButtonText; }
  #kb-site-preview .header-compact #main-nav a.kb-commercial-link[aria-current="page"] { outline: 2px solid Highlight; }
}
@media (max-width: 700px) {
  #kb-site-preview .header-compact .product-nav-panel { grid-template-columns: 1fr; gap: 22px; }
  #kb-site-preview .header-compact .product-nav-section h2 { font-size: 20px; margin-bottom: 5px; }
  #kb-site-preview .header-compact .product-nav-section a { font-size: 15px; }
  #kb-site-preview .header-compact .product-nav-more { gap: 0; flex-direction: column; }
  #kb-site-preview .product-collection-routes { padding: 34px 24px; }
  #kb-site-preview .product-collection-grid { grid-template-columns: 1fr; gap: 26px; }
  #kb-site-preview .product-route-card h3 { font-size: 23px; }
  #kb-site-preview .product-route-card > a { font-size: 15px; }
  #kb-site-preview .brand-category-filters { gap: 8px; }
  #kb-site-preview .brand-category-filters button { flex: 1 0 auto; padding-inline: 12px; }
}
/* Supplied November 2026 identity: anthracite, lavender ampersand, clear lettering. */
#kb-site-preview { --commercial-navigation:#58595b; --commercial-navigation-hover:#646568; }
#kb-site-preview .kb-commercial-link::before,#kb-site-preview .family-commercial-brand::before { content:none; }
#kb-site-preview .commercial-ampersand { color:#aa98c7; font-family:Georgia,serif; font-size:31px; font-weight:700; line-height:1; text-transform:none; flex-shrink:0; }
#kb-site-preview .header-compact #main-nav > a.commercial-logo-button { padding:0; border:0; min-height:44px; background:#58595b; }
#kb-site-preview .commercial-logo-button img { display:block; width:195px; height:40px; object-fit:contain; }
#kb-site-preview .commercial-home-signature { display:block; width:min(570px,100%); grid-column:1/-1; margin:0 0 24px; }
#kb-site-preview .commercial-home-signature img { display:block; width:100%; height:auto; }
#kb-site-preview.commercial-page .header-compact #main-nav > a.commercial-logo-button { padding:0; border:0; }
/* Match the commercial page charcoal and keep every desktop menu label centred. */
#kb-site-preview { --commercial-navigation:#34343b; --commercial-navigation-hover:#45454e; }
#kb-site-preview .header-compact #main-nav > a.commercial-logo-button { background:#34343b; }
@media(min-width:701px) {
 #kb-site-preview .header-compact #main-nav { align-items:center; }
 #kb-site-preview .header-compact #main-nav > a:not(.kb-commercial-link),
 #kb-site-preview .header-compact #main-nav > .nav-group > summary { min-height:50px; display:flex; align-items:center; }
}