/* A dedicated navigation row keeps the full menu together at desktop widths. */
@media (min-width:721px){
 .storefront-visual .compact-header{
  grid-template-columns:108px minmax(0,1fr) auto;
  grid-template-rows:80px auto;
  column-gap:clamp(20px,2.2vw,36px);
  row-gap:0;
 }
 .storefront-visual .compact-header .header-main>.brand-logo{
  grid-column:1;grid-row:1;align-self:center;
 }
 .storefront-visual .compact-header .header-main .brand-logo-image{
  width:96px;height:66px;
 }
 .storefront-visual .compact-header .search-form{
  grid-column:2;grid-row:1;justify-self:center;
  width:100%;max-width:620px;min-width:0;height:46px;
 }
 .storefront-visual .compact-header .header-actions{
  grid-column:3;grid-row:1;align-self:center;
 }
 .storefront-visual .compact-header .nav-shell{
  grid-column:1/-1;grid-row:2;
  justify-content:center;align-items:center;
  width:100%;max-width:none;min-width:0;min-height:62px;
  height:auto;margin:0;padding:0;
  border-top:1px solid var(--hh-line,#e4eeeb);
 }
 .storefront-visual .compact-header .nav-links{
  display:flex;align-items:center;justify-content:center;
  width:100%;max-width:none;min-width:0;
  flex-wrap:nowrap;flex-shrink:1;
  column-gap:clamp(16px,1.7vw,28px);row-gap:0;
  padding:8px 0 10px;
 }
 .storefront-visual .compact-header .nav-links>button{
  flex:none;min-height:44px;height:auto;padding:8px 0;
  font-size:16px;line-height:1.3;white-space:nowrap;
 }
 .storefront-visual .compact-header .customizer-entry--nav{
  flex:none;gap:12px;min-height:44px;padding:10px 16px;
  border-radius:10px;font-size:16px;line-height:1.3;
  box-shadow:none;
 }
 .storefront-visual .compact-header .customizer-entry--nav svg{
  width:20px;height:20px;
 }
}
@media (min-width:721px) and (max-width:1023px){
 .storefront-visual .compact-header .nav-shell{
  display:block;overflow-x:auto;overflow-y:hidden;
  overscroll-behavior-inline:contain;scroll-padding-inline:4px;
  scrollbar-width:thin;scrollbar-color:#bbd9d3 transparent;
 }
 .storefront-visual .compact-header .nav-links{
  width:max-content;min-width:100%;justify-content:flex-start;
  column-gap:22px;padding-inline:2px;
 }
}
