.header-grom{--header-grom-inset: 40px;--header-grom-nav-gap: 32px;--header-grom-icon-gap: 22px;--header-grom-icon-size: 20px;--header-grom-icon-size-custom: 16px;--header-grom-bar-height: var(--header-grom-height-desktop, var(--grom-header-height));--header-grom-logo-height: calc(var(--header-grom-bar-height) * .42);--header-grom-bg: var(--colorNav, #ffffff);--header-grom-fg: var(--colorNavText, #1c1d1d);--header-grom-border: rgba(28, 29, 29, .12)}@media screen and (max-width:1099px){.header-grom{--header-grom-inset: 18px;--header-grom-icon-gap: 16px;--header-grom-icon-size: 19px;--header-grom-icon-size-custom: 15px;--header-grom-bar-height: var(--header-grom-height-mobile, var(--grom-header-height-mobile));--header-grom-logo-height: calc(var(--header-grom-bar-height) * .357)}}.header-grom .announcement{background-color:var(--announcement-grom-bg, var(--grom-shark));color:var(--announcement-grom-fg, var(--grom-white))}.header-grom .announcement__text{display:flex;align-items:center;justify-content:center;min-height:var(--grom-announcement-height);padding:var(--grom-space-xs) var(--grom-space-md);font-family:var(--grom-font-ui);font-weight:700;font-size:var(--grom-fs-12);line-height:1.2;letter-spacing:var(--grom-ls-upper);text-transform:uppercase;text-align:center}.header-grom .announcement__link,.header-grom .announcement__link:hover,.header-grom .announcement__link:focus-visible{color:inherit;text-decoration:none}.header-grom .announcement__link:hover .announcement__text,.header-grom .announcement__link:focus-visible .announcement__text{text-decoration:underline;text-underline-offset:3px}.header-grom .announcement__close .icon{width:16px;height:16px}@media screen and (max-width:1099px){.header-grom .announcement__text{min-height:var(--grom-announcement-height-mobile);padding-inline:var(--header-grom-inset);font-size:var(--grom-fs-10-5)}}.header-grom{position:fixed;top:0;left:0;right:0;z-index:6}.header-grom__spacer{height:calc(var(--header-grom-bar-height) + var(--header-grom-announcement, 0px))}.header-grom:has(.announcement--closed)+.header-grom__spacer{height:var(--header-grom-bar-height)}.header-grom .site-header--stuck,.header-grom .site-header--opening{position:relative;top:auto;transform:none}.header-grom .site-header{position:relative;transform:none;--header-grom-surface: var(--header-grom-bg);--header-grom-ink: var(--header-grom-fg);--header-grom-rule: transparent;--header-grom-logo-solid: none;--header-grom-logo-media: brightness(0) invert(1);--header-grom-logo-knockout: var(--header-grom-logo-solid);--header-grom-bubble-ring: var(--header-grom-bg);padding:0;background:var(--header-grom-surface);border-bottom:1px solid var(--header-grom-rule);transition:background-color var(--grom-transition),border-color var(--grom-transition)}.header-grom--logo-light .site-header{--header-grom-logo-solid: brightness(0);--header-grom-logo-media: none}.header-grom.header-wrapper--overlay{background:none}.header-grom.header-wrapper--overlay .site-header:not(.site-header--stuck){background:var(--header-grom-surface)}.header-grom.header-wrapper--overlay.is-light:not(.header-grom--solid) .site-header:not(.site-header--stuck):not(:hover):not(:focus-within){--header-grom-surface: transparent;--header-grom-ink: var(--grom-white);--header-grom-logo-knockout: var(--header-grom-logo-media);--header-grom-bubble-ring: transparent}.header-grom.header-wrapper--overlay.header-grom--scrim.is-light:not(.header-grom--solid) .site-header:not(.site-header--stuck):not(:hover):not(:focus-within){--header-grom-surface: linear-gradient(180deg, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 100%)}.header-grom.header-wrapper--overlay.is-light .site-header:not(.site-header--stuck):has(.site-nav--has-dropdown.is-focused){--header-grom-surface: var(--header-grom-bg);--header-grom-ink: var(--header-grom-fg);--header-grom-logo-knockout: var(--header-grom-logo-solid);--header-grom-bubble-ring: var(--header-grom-bg)}.header-grom--solid .site-header,.header-grom .site-header--stuck{--header-grom-rule: var(--header-grom-border)}.header-grom.is-light .site-header .site-header__logo .logo--inverted{opacity:0;visibility:hidden;height:0}.header-grom.is-light .site-header .site-header__logo .logo--has-inverted{opacity:1;visibility:visible;height:auto}.header-grom.header-wrapper--overlay.is-light:not(.header-grom--solid) .site-header:not(.site-header--stuck):not(:hover):not(:focus-within) .site-header__logo .logo--inverted{opacity:1;visibility:visible;height:auto}.header-grom.header-wrapper--overlay.is-light:not(.header-grom--solid) .site-header:not(.site-header--stuck):not(:hover):not(:focus-within) .site-header__logo .logo--has-inverted{opacity:0;visibility:hidden;height:0}.header-grom .page-width{max-width:var(--grom-max-width);padding-inline:var(--header-grom-inset)}.header-grom .header-layout{align-items:center;min-height:var(--header-grom-bar-height)}.header-grom .header-item--navigation{min-width:0}.header-grom .header-item--logo,.header-grom .header-item--icons{max-width:none}.header-grom .header-layout[data-logo-align=left]{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto}.header-grom .header-layout[data-logo-align=left]>.header-item{grid-row:1}.header-grom .header-layout[data-logo-align=left] .header-item--nav-toggle,.header-grom .header-layout[data-logo-align=left] .header-item--logo{grid-column:1;justify-self:start}.header-grom .header-layout[data-logo-align=left] .header-item--navigation{grid-column:2;justify-self:center}.header-grom .header-layout[data-logo-align=left] .header-item--icons{grid-column:3;justify-self:end}.header-grom .header-item--nav-toggle{display:none}.header-grom .site-header__logo{margin:0;line-height:0;width:max-content}.header-grom .site-header__logo a{max-width:none}.header-grom .site-header__logo-link{display:flex;align-items:center}.header-grom .site-header__logo img{display:block;flex:0 0 auto;width:calc(var(--header-grom-logo-height) * var(--header-grom-logo-ratio));height:var(--header-grom-logo-height);max-width:none;object-fit:contain;object-position:left center}.header-grom .site-header__logo-link:not(.logo--has-inverted):not(.logo--inverted) img{filter:var(--header-grom-logo-knockout);transition:filter var(--grom-transition)}.header-grom .site-navigation{display:flex;align-items:center;gap:var(--header-grom-nav-gap);padding:0;margin:0}.header-grom .header-item--navigation{align-self:stretch}.header-grom .site-navigation{height:100%}.header-grom .site-nav__item{display:flex;align-items:center;height:100%;margin:0}.header-grom .site-nav__link{display:inline-flex;align-items:center;gap:var(--grom-space-xxs);padding:8px 0;font-family:var(--grom-font-ui);font-weight:700;font-size:var(--grom-fs-13);line-height:1;letter-spacing:var(--grom-ls-upper);text-transform:uppercase;color:var(--header-grom-ink);transition:color var(--grom-transition),opacity var(--grom-transition)}.header-grom.is-light .site-nav__link,.header-grom.is-light .site-nav__link:hover,.header-grom.is-light .site-nav__link:focus,.header-grom.is-light .site-nav__link:focus-visible{color:var(--header-grom-ink)}.header-grom .site-nav__link:hover,.header-grom .site-nav__link:focus-visible{opacity:1}.header-grom .site-nav__item .icon-chevron-down{width:9px;height:9px;margin-left:0}.header-grom .site-nav__item.site-nav--active>.site-nav__link{box-shadow:inset 0 -2px 0 0 currentColor}.header-grom .site-nav__dropdown{top:calc(100% + 1px)}.header-grom .site-nav__dropdown{padding-block:var(--grom-space-xs)}.header-grom .site-nav__dropdown-link{font-family:var(--grom-font-ui);font-size:var(--grom-fs-13);line-height:var(--grom-lh-17-5);letter-spacing:var(--grom-ls-upper);transition:background-color var(--grom-transition)}.header-grom .site-nav__dropdown a:not(.megamenu__promo-link):hover,.header-grom .site-nav__dropdown a:not(.megamenu__promo-link):focus-visible{padding:6px 40px 6px 20px;background-color:var(--grom-alabaster)}.header-grom .site-nav--icons{margin:0}.header-grom .site-nav__icons{display:flex;align-items:center;gap:var(--header-grom-icon-gap)}.header-grom .site-nav__link--icon{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;color:var(--header-grom-ink);transition:color var(--grom-transition),opacity var(--grom-transition)}.header-grom .site-nav__link--icon:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,24px);height:44px;transform:translate(-50%,-50%)}.header-grom--icons-v2 .site-nav__icons{gap:24px}.header-grom--icons-v2 .site-nav__icons .js-search-header{order:-1}.header-grom .header-grom__icon{display:block;width:var(--header-grom-icon-size-custom);height:var(--header-grom-icon-size-custom);background-color:currentColor;-webkit-mask:var(--header-grom-icon-src) center / contain no-repeat;mask:var(--header-grom-icon-src) center / contain no-repeat}.header-grom .site-nav__link--icon .icon{width:var(--header-grom-icon-size);height:var(--header-grom-icon-size)}.header-grom .cart-link__bubble--visible{border-color:var(--header-grom-bubble-ring);transition:border-color var(--grom-transition)}.header-grom a:focus-visible,.header-grom button:focus-visible,.header-grom input:focus-visible{outline:2px solid var(--grom-cyan);outline-offset:3px}@media screen and (max-width:1099px){.header-grom__spacer{--header-grom-announcement: var(--grom-announcement-height-mobile)}.header-grom .header-layout{min-height:var(--header-grom-bar-height)}.header-grom .header-item--nav-toggle{display:flex}.header-grom .header-layout[data-logo-align=left] .header-item--logo{grid-column:2;justify-self:center}.header-grom .header-item--navigation{display:none}.header-grom .site-header__logo-link{margin:0}.header-grom .header-item--nav-toggle .site-nav__link--icon.large-up--hide{display:inline-flex!important}.header-grom .site-nav__icons .site-nav__link--icon.medium-down--hide{display:none}.header-grom .header-item--nav-toggle .icon{width:22px;height:22px}.header-grom .header-item--nav-toggle .site-nav__link--icon:after{width:44px}}@media screen and (min-width:1100px)and (max-width:1279px){.header-grom{--header-grom-inset: var(--grom-gutter);--header-grom-nav-gap: var(--grom-space-md)}.header-grom .site-nav__link{font-size:var(--grom-fs-12)}}.header-grom .site-header__search{background:var(--header-grom-bg)}.header-grom .site-header__search-input{font-family:var(--grom-font-body);font-size:var(--grom-fs-15)}#NavDrawer.drawer--right{right:auto;left:-350px}#NavDrawer.drawer--right.drawer--is-open{transform:translate(350px)}@media only screen and (min-width:590px){#NavDrawer.drawer--right{left:-450px}#NavDrawer.drawer--right.drawer--is-open{transform:translate(450px)}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-header.css.map */