.catalog-shop-active .site-header{display:block!important}

.catalog-shop-header--floating-only{
  position:fixed!important;
  z-index:998;
  top:calc(var(--header) + 28px)!important;
  left:0;
  width:100%;
  min-height:0;
  height:0;
  margin:0;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none;
}
body.catalog-shop-active:has(.utility-bar) .catalog-shop-header--floating-only{
  top:calc(var(--utility) + var(--header) + 28px)!important;
}

.catalog-shop-header--floating-only .catalog-shop-floating-nav{
  padding:0 18px;
  background:transparent!important;
  pointer-events:none;
}
.catalog-shop-header--floating-only .catalog-shop-nav-scroll{
  width:fit-content!important;
  max-width:calc(100vw - 40px)!important;
  border-radius:999px!important;
  pointer-events:auto;
  background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(238,241,247,.27))!important;
  border:1px solid rgba(255,255,255,.66)!important;
  -webkit-backdrop-filter:blur(24px) saturate(175%) brightness(1.06)!important;
  backdrop-filter:blur(24px) saturate(175%) brightness(1.06)!important;
  box-shadow:0 14px 42px rgba(17,22,31,.10),inset 0 1px rgba(255,255,255,.82),inset 0 -1px rgba(18,22,30,.055)!important;
}
.catalog-shop-header--floating-only .catalog-shop-nav-scroll::before{
  background:linear-gradient(120deg,rgba(255,255,255,.62),rgba(255,255,255,.10) 32%,transparent 60%,rgba(255,255,255,.14))!important;
}
.catalog-shop-header--floating-only .catalog-shop-categories[data-orientation="horizontal"]{
  width:max-content;
  min-width:0!important;
  max-width:calc(100vw - 56px);
  min-height:44px!important;
  padding:5px 7px!important;
  justify-content:flex-start;
}
.catalog-shop-header--floating-only .catalog-shop-nav-link{
  min-height:34px;
  padding:8px 13px;
}
.catalog-shop-header--floating-only .catalog-shop-viewport-wrapper{
  top:100%;
  padding-top:12px;
  pointer-events:auto;
}
.catalog-shop-header--floating-only .catalog-shop-mega-backdrop{
  pointer-events:auto;
}

[data-theme="dark"] .catalog-shop-header--floating-only .catalog-shop-nav-scroll{
  background:linear-gradient(145deg,rgba(57,60,68,.46),rgba(20,22,27,.30))!important;
  border-color:rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%) brightness(.72)!important;
  backdrop-filter:blur(24px) saturate(150%) brightness(.72)!important;
  box-shadow:0 16px 48px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(255,255,255,.025)!important;
}
[data-theme="dark"] .catalog-shop-header--floating-only .catalog-shop-nav-scroll::before{
  background:linear-gradient(120deg,rgba(255,255,255,.11),rgba(255,255,255,.025) 34%,transparent 64%,rgba(255,255,255,.035))!important;
}

@media(min-width:901px){
  /* Let the catalog hero itself paint the area underneath the fixed header and pill. */
  body.catalog-shop-active #main{
    padding-top:0;
    background:var(--catalog-bg,var(--paper,#f5f5f1));
  }
  body.catalog-shop-active .catalog-hero{
    padding-top:calc(var(--header) + 164px);
  }
  body.catalog-shop-active:has(.utility-bar) .catalog-hero{
    padding-top:calc(var(--utility) + var(--header) + 164px);
  }
}

@media(max-width:900px){
  .catalog-shop-header--floating-only{
    position:relative!important;
    z-index:150;
    top:auto!important;
    left:auto;
    width:100%;
    height:auto;
    margin:10px 0 8px;
    pointer-events:auto;
  }
  body.catalog-shop-active:has(.utility-bar) .catalog-shop-header--floating-only{top:auto!important}
  .catalog-shop-header--floating-only .catalog-shop-floating-nav{
    padding:0 12px;
    align-items:center;
  }
  .catalog-shop-header--floating-only .catalog-shop-nav-scroll{
    width:fit-content!important;
    max-width:calc(100vw - 24px)!important;
  }
  .catalog-shop-header--floating-only .catalog-shop-categories[data-orientation="horizontal"]{
    max-width:calc(100vw - 40px);
  }
}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .catalog-shop-header--floating-only .catalog-shop-nav-scroll{background:rgba(246,247,250,.94)!important}
  [data-theme="dark"] .catalog-shop-header--floating-only .catalog-shop-nav-scroll{background:rgba(34,36,42,.96)!important}
}