:root{
  --g-brand-canvas:#fff;
  --g-brand-surface:#f1f1f4;
  --g-brand-frosted:rgba(175,175,182,.15);
  --g-brand-frosted-soft:rgba(143,145,163,.06);
  --g-brand-frosted-strong:rgba(100,101,114,.18);
  --g-brand-backdrop:rgba(36,36,40,.50);
  --g-brand-primary:#010205;
  --g-brand-contrast-high:rgba(26,26,30,.70);
  --g-brand-contrast-medium:rgba(17,17,19,.60);
  --g-brand-contrast-low:rgba(36,36,40,.50);
  --g-brand-font:"Arial Narrow",Arial,"Helvetica Neue",sans-serif;
  --g-brand-leading:calc(6px + 2.125ex);
  --g-brand-radius-sm:4px;
  --g-brand-radius-xl:12px;
  --g-brand-blur:blur(32px);
  --g-brand-shadow-sm:0 3px 8px rgba(0,0,0,.16);
  --g-brand-shadow-lg:0 8px 40px rgba(0,0,0,.16);
  --g-brand-duration-sm:.25s;
  --g-brand-duration-md:.4s;
  --g-brand-ease:cubic-bezier(.25,.1,.25,1);
  --g-brand-ease-in:cubic-bezier(0,0,.2,1);
  --g-brand-ease-out:cubic-bezier(.4,0,.5,1);
}
[data-theme="dark"]{
  --g-brand-canvas:#010205;
  --g-brand-surface:#19191a;
  --g-brand-frosted:rgba(107,107,112,.23);
  --g-brand-frosted-soft:rgba(65,65,70,.15);
  --g-brand-frosted-strong:rgba(156,156,159,.30);
  --g-brand-primary:#fafbff;
  --g-brand-contrast-high:rgba(246,246,248,.67);
  --g-brand-contrast-medium:rgba(246,246,248,.56);
  --g-brand-contrast-low:rgba(246,246,248,.45);
}

/* Premium catalog typography without bundling third-party proprietary fonts. */
.catalog-experience,
.catalog-shop-header{
  font-family:var(--g-brand-font)!important;
  line-height:var(--g-brand-leading);
  letter-spacing:normal;
  color:var(--g-brand-primary);
}
.catalog-hero h1{
  margin:.08em 0 .28em!important;
  font-family:var(--g-brand-font)!important;
  font-size:clamp(2rem,2.15vw + 1.2rem,4rem)!important;
  font-weight:400!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
.catalog-hero-row>div>p:last-child{
  max-width:680px;
  color:var(--g-brand-contrast-high)!important;
  font:400 clamp(.95rem,.18vw + .9rem,1.08rem)/1.55 var(--g-brand-font)!important;
}
.catalog-eyebrow{
  color:var(--g-brand-contrast-medium)!important;
  font:600 .75rem/1.2 var(--g-brand-font)!important;
  letter-spacing:.09em!important;
}
.catalog-toolbar-meta strong{font:600 1rem/1.3 var(--g-brand-font)!important;color:var(--g-brand-primary)!important}
.catalog-toolbar-meta span{font:400 .875rem/1.35 var(--g-brand-font)!important;color:var(--g-brand-contrast-high)!important}

/* Search was removed: toolbar now gives breathing room to count, Filter and Sort. */
.catalog-toolbar{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:32px!important;
}
.catalog-toolbar-meta{grid-column:1!important;align-self:center}
.catalog-toolbar-controls{grid-column:2!important}

/* Porsche-like floating pill: one sliding frosted indicator instead of per-item hover blocks. */
.catalog-shop-header--floating-only .catalog-shop-nav-scroll{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  border:0!important;
  border-radius:9999px!important;
  background:var(--g-brand-frosted)!important;
  -webkit-backdrop-filter:var(--g-brand-blur)!important;
  backdrop-filter:var(--g-brand-blur)!important;
  box-shadow:var(--g-brand-shadow-sm)!important;
}
.catalog-shop-header--floating-only .catalog-shop-nav-scroll::before{display:none!important}
.catalog-shop-header--floating-only .catalog-shop-categories[data-orientation="horizontal"]{
  position:relative;
  z-index:2;
  min-height:54px!important;
  padding:8px!important;
  gap:0!important;
}
.catalog-shop-nav-indicator{
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  width:var(--nav-indicator-w,0px);
  height:var(--nav-indicator-h,0px);
  border-radius:9999px;
  background:var(--g-brand-frosted-strong);
  opacity:0;
  pointer-events:none;
  transform:translate3d(var(--nav-indicator-x,0px),var(--nav-indicator-y,0px),0);
  transition:
    transform var(--g-brand-duration-sm) var(--g-brand-ease),
    width var(--g-brand-duration-sm) var(--g-brand-ease),
    height var(--g-brand-duration-sm) var(--g-brand-ease),
    opacity 150ms ease;
  will-change:transform,width,height;
}
.catalog-shop-nav-indicator[data-visible="true"]{opacity:1}
.catalog-shop-nav-indicator[data-immediate="true"]{transition:none!important}
.catalog-shop-nav-item,
.catalog-shop-nav-item:hover,
.catalog-shop-nav-item[data-state="open"],
.catalog-shop-nav-item:has(.catalog-shop-nav-link[aria-current="page"]){background:transparent!important}
.catalog-shop-header--floating-only .catalog-shop-nav-link{
  position:relative;
  z-index:3;
  min-height:38px!important;
  padding:8px 14px!important;
  border-radius:9999px!important;
  color:var(--g-brand-primary)!important;
  font:400 1rem/var(--g-brand-leading) var(--g-brand-font)!important;
  letter-spacing:normal!important;
  transition:color var(--g-brand-duration-sm) ease,opacity var(--g-brand-duration-sm) ease!important;
}
.catalog-shop-header--floating-only .catalog-shop-nav-link:hover{color:var(--g-brand-primary)!important}
.catalog-shop-nav-chevron{width:24px!important;height:24px!important;margin-left:1px;transition:transform var(--g-brand-duration-sm) var(--g-brand-ease)!important}
.catalog-shop-nav-chevron svg{width:20px!important;height:20px!important}
.catalog-shop-nav-link[data-state="open"] .catalog-shop-nav-chevron{transform:rotate(180deg)!important}

/* Mega menu proportions and frosted treatment from the reference. */
.catalog-shop-header--floating-only .catalog-shop-viewport-wrapper{
  width:min(1084px,calc(100vw - 64px))!important;
  padding-top:12px!important;
}
.catalog-shop-viewport{
  border:0!important;
  border-radius:12px!important;
  background:var(--g-brand-frosted)!important;
  -webkit-backdrop-filter:var(--g-brand-blur)!important;
  backdrop-filter:var(--g-brand-blur)!important;
  box-shadow:var(--g-brand-shadow-lg)!important;
  overflow:auto!important;
}
.catalog-shop-viewport::before,
.catalog-shop-viewport::after{display:none!important}
.catalog-shop-viewport[data-state="open"]{animation:catalog-brand-viewport-open .25s var(--g-brand-ease)!important}
.catalog-shop-viewport[data-state="closed"]{animation:catalog-brand-viewport-close .25s var(--g-brand-ease-out)!important}
@keyframes catalog-brand-viewport-open{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}
@keyframes catalog-brand-viewport-close{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-3px) scale(.99)}}
.catalog-shop-mega-content{animation:none!important}
.catalog-shop-mega-content[data-enter-direction="next"]{animation:catalog-brand-content-next .25s var(--g-brand-ease-in)!important}
.catalog-shop-mega-content[data-enter-direction="prev"]{animation:catalog-brand-content-prev .25s var(--g-brand-ease-in)!important}
.catalog-shop-mega-content[data-enter-direction="static"]{animation:catalog-brand-content-static .25s var(--g-brand-ease-in)!important}
@keyframes catalog-brand-content-next{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes catalog-brand-content-prev{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes catalog-brand-content-static{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.catalog-shop-mega-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:32px!important;
  padding:32px!important;
  align-items:stretch!important;
}
.catalog-shop-mega-column{gap:4px!important}
.catalog-shop-mega-heading{
  min-height:auto!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 8px!important;
  padding:0!important;
  border-radius:0!important;
  color:var(--g-brand-primary)!important;
  font:400 1rem/var(--g-brand-leading) var(--g-brand-font)!important;
  letter-spacing:normal!important;
  transition:opacity var(--g-brand-duration-sm) ease!important;
}
.catalog-shop-mega-heading:hover,
.catalog-shop-mega-heading:focus-visible{background:transparent!important;opacity:.62}
.catalog-shop-mega-links{gap:0!important}
.catalog-shop-mega-links a{
  width:max-content!important;
  max-width:100%!important;
  padding:4px 0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--g-brand-contrast-high)!important;
  opacity:1!important;
  animation:catalog-brand-link-in .25s both var(--g-brand-ease-in)!important;
  font:400 .875rem/var(--g-brand-leading) var(--g-brand-font)!important;
  letter-spacing:normal!important;
  transition:color var(--g-brand-duration-sm) ease,opacity var(--g-brand-duration-sm) ease!important;
}
.catalog-shop-mega-links-major a{
  color:var(--g-brand-primary)!important;
  font-size:1rem!important;
}
.catalog-shop-mega-links a:hover,
.catalog-shop-mega-links a:focus-visible{background:transparent!important;color:var(--g-brand-primary)!important;opacity:.62!important}
.catalog-shop-mega-links li:nth-child(1) a{animation-delay:0ms!important}
.catalog-shop-mega-links li:nth-child(2) a{animation-delay:25ms!important}
.catalog-shop-mega-links li:nth-child(3) a{animation-delay:50ms!important}
.catalog-shop-mega-links li:nth-child(4) a{animation-delay:75ms!important}
.catalog-shop-mega-links li:nth-child(5) a{animation-delay:100ms!important}
.catalog-shop-mega-links li:nth-child(6) a{animation-delay:125ms!important}
.catalog-shop-mega-links li:nth-child(7) a{animation-delay:150ms!important}
.catalog-shop-mega-links li:nth-child(8) a{animation-delay:175ms!important}
@keyframes catalog-brand-link-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}

.catalog-shop-mega-tile{
  min-height:286px!important;
  border-radius:12px!important;
  padding:24px!important;
  box-shadow:none!important;
  background:radial-gradient(circle at 75% 18%,#575a61 0,#27292f 42%,#0d0e11 82%)!important;
}
.catalog-shop-mega-tile-copy small{font:600 .75rem/1.2 var(--g-brand-font)!important;letter-spacing:.08em!important;color:rgba(250,251,255,.62)!important}
.catalog-shop-mega-tile-copy strong{font:400 clamp(1.15rem,.22vw + 1.1rem,1.35rem)/1.1 var(--g-brand-font)!important;letter-spacing:-.02em!important}
.catalog-shop-mega-tile-copy span{font:400 .875rem/1.35 var(--g-brand-font)!important;color:rgba(250,251,255,.70)!important}
.catalog-shop-mega-tile-arrow{background:rgba(250,251,255,.12)!important}
.catalog-shop-mega-backdrop{
  background:rgba(36,36,40,.12)!important;
  -webkit-backdrop-filter:blur(2px)!important;
  backdrop-filter:blur(2px)!important;
  transition:opacity var(--g-brand-duration-sm) var(--g-brand-ease)!important;
}

/* Keep filter/sort controls in the same restrained visual language. */
.catalog-filter-open.catalog-filter-trigger,
.catalog-sort.catalog-sort-field>.catalog-sort-trigger{
  font-family:var(--g-brand-font)!important;
  font-weight:400!important;
}
.catalog-sort-field-label{font-family:var(--g-brand-font)!important;font-weight:400!important;color:var(--g-brand-contrast-high)!important}

@media(max-width:1100px) and (min-width:1000px){
  .catalog-shop-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .catalog-shop-mega-tile{display:none!important}
}
@media(max-width:900px){
  .catalog-toolbar{grid-template-columns:1fr!important;gap:16px!important}
  .catalog-toolbar-meta,.catalog-toolbar-controls{grid-column:1!important}
  .catalog-toolbar-controls{justify-content:flex-start!important;flex-wrap:wrap}
  .catalog-shop-nav-indicator{display:none}
  .catalog-shop-header--floating-only .catalog-shop-nav-link{font-size:.875rem!important}
}
@media(prefers-reduced-motion:reduce){
  .catalog-shop-nav-indicator,.catalog-shop-mega-content,.catalog-shop-mega-links a,.catalog-shop-viewport{transition:none!important;animation:none!important}
}