.hy-header--modern{--hy-header-nav-line-width: var(--hy-border-width);--hy-header-panel-enter-offset: 8px;--hy-header-panel-offset-inline: -12px;--hy-header-panel-row-padding: 10px;--hy-header-panel-footer-space: 6px;--hy-header-dropdown-width: 280px;--hy-header-flyout-width: 300px;--hy-header-flyout-sub-width: 280px;--hy-header-panel-icon-size: 16px;--hy-header-mega-padding: 32px;--hy-header-mega-gap-block: 32px;--hy-header-mega-gap-inline: 28px;--hy-header-mega-list-gap: 10px;--hy-header-mega-footer-gap: 28px;--hy-header-mega-footer-padding: 16px;--hy-header-mega-highlights-width: 320px;--hy-header-mega-highlights-gap: 40px;--hy-header-mega-tile-height: 180px;--hy-header-mega-tile-radius: 16px;--hy-header-mega-product-image: 56px}.hy-header--modern.hy-header--divider-full{--hy-header-nav-line-width: 0px}@media(min-width:48rem){:where(.hy-header--modern) .hy-header__nav-region{--hy-nav-panel-bg: var(--hy-color-surface);--hy-nav-panel-radius: var(--hy-header-panel-radius);--hy-nav-panel-shadow: var(--hy-shadow-3), 0 2px 6px rgb(0 0 0 / calc(var(--hy-shadow-alpha) * .5))}:where(.hy-header--modern .hy-header__nav-region) .hy-header__panel{inset-block-start:calc(100% + var(--hy-header-nav-row-padding) + var(--hy-header-nav-line-width) + var(--hy-header-panel-gap));padding:var(--hy-header-panel-padding);translate:0 calc((1 - var(--hy-nav-panel-opacity, 0)) * -1 * var(--hy-header-panel-enter-offset));transition:opacity var(--hy-motion-duration) var(--hy-motion-ease-in-out),visibility var(--hy-motion-duration) var(--hy-motion-ease-in-out),translate var(--hy-motion-duration) var(--hy-motion-ease-in-out)}:where(.hy-header--modern .hy-header__nav-region) .hy-header__panel:before{content:"";position:absolute;inset-inline:0;inset-block-end:100%;block-size:calc(var(--hy-header-nav-row-padding) + var(--hy-header-nav-line-width) + var(--hy-header-panel-gap))}:where(.hy-header--modern .hy-header__nav-region) .hy-header__item[data-hy-menu-type=legacy]{position:relative}:where(.hy-header--modern .hy-header__nav-region [data-hy-menu-type=dropdown])>.hy-header__panel,:where(.hy-header--modern .hy-header__nav-region [data-hy-menu-type=legacy])>.hy-header__panel{inline-size:var(--hy-header-dropdown-width);min-inline-size:0;inset-inline-start:var(--hy-header-panel-offset-inline)}:where(.hy-header--modern .hy-header__nav-region .hy-header__item:last-child)>.hy-header__panel{inset-inline-start:auto;inset-inline-end:var(--hy-header-panel-offset-inline)}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel:not(.hy-header__panel--mega)) .hy-header__submenu{display:flex;flex-direction:column;gap:var(--hy-header-panel-row-gap)}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel:not(.hy-header__panel--mega)) .hy-header__sublink{display:block;padding:var(--hy-header-panel-row-padding) var(--hy-header-panel-padding);border-radius:var(--hy-header-panel-row-radius);color:var(--hy-color-on-surface);font-size:var(--hy-fs-400);font-weight:400;line-height:var(--hy-lh-normal);transition:background-color var(--hy-motion-duration-fast) var(--hy-motion-ease-in-out)}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel:not(.hy-header__panel--mega)) .hy-header__sublink:hover,:where(.hy-header--modern .hy-header__nav-region .hy-header__panel:not(.hy-header__panel--mega)) .hy-header__sublink[aria-current=page]{background-color:var(--hy-color-surface-hover);color:var(--hy-color-on-surface);text-decoration-line:none}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel:not(.hy-header__panel--mega,.hy-header__panel--flyout)) .hy-header__submenu-nested{display:flex;flex-direction:column;gap:var(--hy-header-panel-row-gap);margin:var(--hy-header-panel-row-gap) 0 0;padding-inline-start:var(--hy-header-panel-padding)}:where(.hy-header--modern .hy-header__nav-region) .hy-header__panel-footer{display:block;margin-block-start:var(--hy-header-panel-footer-space);padding-block-start:var(--hy-header-panel-footer-space);border-block-start:var(--hy-border-width) solid var(--hy-color-border)}:where(.hy-header--modern .hy-header__nav-region) .hy-header__panel-all{display:inline-flex;align-items:center;gap:var(--hy-header-panel-footer-space);padding:var(--hy-header-panel-row-padding) var(--hy-header-panel-padding);border-radius:var(--hy-header-panel-row-radius);color:var(--hy-color-brand);font-size:var(--hy-fs-400);font-weight:600;line-height:var(--hy-lh-normal);text-decoration:none}:where(.hy-header--modern .hy-header__nav-region) .hy-header__panel-all:hover{color:var(--hy-color-brand-hover)}:where(.hy-header--modern .hy-header__panel-all) .hy-header__panel-all-icon{inline-size:var(--hy-header-panel-icon-size);block-size:var(--hy-header-panel-icon-size)}:where(.hy-header--modern .hy-header__nav-region) .hy-header__panel--flyout{inline-size:var(--hy-header-flyout-width);min-inline-size:0}:where(.hy-header--modern .hy-header__nav-region) .hy-header__panel--flyout .hy-header__subitem{position:static}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel--flyout) .hy-header__item-row{position:relative;border-radius:var(--hy-header-panel-row-radius);transition:background-color var(--hy-motion-duration-fast) var(--hy-motion-ease-in-out)}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel--flyout .hy-header__subitem:hover)>.hy-header__item-row,:where(.hy-header--modern .hy-header__nav-region .hy-header__panel--flyout .hy-header__subitem:focus-within)>.hy-header__item-row{background-color:var(--hy-color-surface-hover)}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel--flyout .hy-header__item-row) .hy-header__sublink,:where(.hy-header--modern .hy-header__nav-region .hy-header__panel--flyout .hy-header__item-row) .hy-header__sublink:hover{flex:1;background-color:transparent}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel--flyout) .hy-header__flyout-disclosure{color:var(--hy-color-on-surface-muted)}:where(.hy-header--modern .hy-header__nav-region) .hy-header__flyout-disclosure .hy-header__flyout-disclosure-icon{inline-size:var(--hy-header-panel-icon-size);block-size:var(--hy-header-panel-icon-size);transform:none}:where(.hy-header--modern .hy-header__nav-region) .hy-header__panel--flyout .hy-header__flyout-level--sub{inset-block-start:0;inset-inline-start:calc(100% + var(--hy-header-panel-gap));inline-size:var(--hy-header-flyout-sub-width);padding:var(--hy-header-panel-padding);border-radius:var(--hy-header-panel-radius);transition:opacity var(--hy-motion-duration-fast) var(--hy-motion-ease-in-out),visibility var(--hy-motion-duration-fast) var(--hy-motion-ease-in-out)}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel--flyout) .hy-header__item-row:after{content:"";position:absolute;inset-block:0;inset-inline-start:100%;inline-size:calc(var(--hy-header-panel-padding) + var(--hy-header-panel-gap) + var(--hy-header-flyout-sub-width))}:where(.hy-header--modern .hy-header__nav-region .hy-header__item:nth-last-child(-n+2) .hy-header__panel--flyout) .hy-header__item-row:after{inset-inline:auto 100%}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel--flyout) .hy-header__flyout-level--sub:before{content:"";position:absolute;inset-block:0;inset-inline-end:100%;inline-size:var(--hy-header-panel-gap)}:where(.hy-header--modern .hy-header__nav-region .hy-header__item:nth-last-child(-n+2)) .hy-header__panel--flyout .hy-header__flyout-level--sub{inset-inline-start:auto;inset-inline-end:calc(100% + var(--hy-header-panel-gap))}:where(.hy-header--modern .hy-header__nav-region .hy-header__item:nth-last-child(-n+2) .hy-header__panel--flyout) .hy-header__flyout-level--sub:before{inset-inline:100% auto}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel--flyout) .hy-header__submenu-nested{display:flex;flex-direction:column;gap:var(--hy-header-panel-row-gap);margin:0}:where(.hy-header--modern .hy-header__nav-region) .hy-header__flyout-heading{display:block;padding:var(--hy-header-panel-footer-space) var(--hy-header-panel-padding) var(--hy-header-search-space-s);color:var(--hy-color-on-surface-muted);font-size:var(--hy-fs-200);font-weight:600;line-height:var(--hy-lh-tight);letter-spacing:var(--hy-label-tracking, .08em);text-transform:var(--hy-label-transform, uppercase)}:where(.hy-header--modern .hy-header__nav-region) .hy-header__panel--mega{inset-block-start:calc(100% + var(--hy-header-nav-line-width) + var(--hy-header-panel-gap));inset-inline:0;min-inline-size:0;padding:var(--hy-header-mega-padding);--hy-font-heading-weight: 700}:where(.hy-header--modern .hy-header__nav-region) .hy-header__mega-categories{gap:var(--hy-header-mega-gap-block) var(--hy-header-mega-gap-inline)}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel--mega) .hy-header__subitem>.hy-header__sublink,:where(.hy-header--modern .hy-header__nav-region .hy-header__panel--mega) .hy-header__item-row>.hy-header__sublink{flex:1;padding:0 0 var(--hy-header-mega-list-gap);border-block-end:var(--hy-border-width) solid var(--hy-color-border);color:var(--hy-color-on-surface);font-size:var(--hy-fs-400);line-height:var(--hy-lh-tight)}:where(.hy-header--modern .hy-header__nav-region) .hy-header__panel--mega .hy-header__flyout-level--sub{margin-block-start:0}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel--mega) .hy-header__submenu-nested{display:flex;flex-direction:column;gap:var(--hy-header-mega-list-gap);margin:0}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel--mega) .hy-header__sublink--nested{padding:0;color:var(--hy-color-on-surface);font-size:var(--hy-fs-400);line-height:var(--hy-lh-normal)}:where(.hy-header--modern .hy-header__nav-region .hy-header__panel--mega) .hy-header__sublink:hover{color:var(--hy-color-brand);text-decoration-line:none}:where(.hy-header--modern .hy-header__nav-region) .hy-header__mega-footer{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:var(--hy-header-mega-gap-inline);margin-block-start:var(--hy-header-mega-footer-gap);padding-block-start:var(--hy-header-mega-footer-padding);border-block-start:var(--hy-border-width) solid var(--hy-color-border)}:where(.hy-header--modern .hy-header__mega-footer) .hy-header__panel-all{margin-inline-start:calc(-1 * var(--hy-header-panel-padding))}:where(.hy-header--modern .hy-header__nav-region) .hy-header__mega-count{margin-inline-start:auto;color:var(--hy-color-on-surface-muted);font-size:var(--hy-fs-300);line-height:var(--hy-lh-normal)}:where(.hy-header--modern .hy-header__nav-region) .hy-header__panel--mega-with-highlights{grid-template-columns:minmax(0,1fr) var(--hy-header-mega-highlights-width);gap:0 var(--hy-header-mega-highlights-gap)}:where(.hy-header--modern .hy-header__nav-region) .hy-header__mega-highlights{gap:var(--hy-header-mega-footer-padding);padding-inline-start:var(--hy-header-mega-highlights-gap);border-inline-start:var(--hy-border-width) solid var(--hy-color-border)}:where(.hy-header--modern .hy-header__nav-region) .hy-header__mega-highlights-heading{color:var(--hy-color-on-surface-muted);font-size:var(--hy-fs-200);font-weight:600;line-height:var(--hy-lh-tight);letter-spacing:var(--hy-label-tracking, .08em);text-transform:var(--hy-label-transform, uppercase)}:where(.hy-header--modern .hy-header__nav-region) .hy-header__mega-highlight{gap:var(--hy-header-mega-list-gap);color:var(--hy-color-on-surface)}:where(.hy-header--modern .hy-header__nav-region) .hy-header__mega-highlight img{block-size:var(--hy-header-mega-tile-height);object-fit:cover;border-radius:var(--hy-header-mega-tile-radius)}:where(.hy-header--modern .hy-header__nav-region) .hy-header__mega-highlight-title{font-size:var(--hy-fs-400);font-weight:600;line-height:var(--hy-lh-normal)}:where(.hy-header--modern .hy-header__nav-region) .hy-header__mega-highlight--product{--hy-header-search-row-image: var(--hy-header-mega-product-image)}:where(.hy-header--modern .hy-header__mega-highlight--product) .hy-search-product{grid-template-columns:var(--hy-header-search-row-image) minmax(0,1fr);align-items:start;gap:var(--hy-header-search-space-xs) var(--hy-header-search-space-l)}:where(.hy-header--modern .hy-header__mega-highlight--product) .hy-search-product__image{grid-row:span 2}:where(.hy-header--modern .hy-header__mega-highlight--product) .hy-search-product__price{grid-column:2;text-align:start}:where(.hy-header--modern .hy-header__nav-region) .hy-header__mega-highlight--product .hy-search-product__image{inline-size:var(--hy-header-search-row-image);block-size:var(--hy-header-search-row-image);border-radius:var(--hy-header-panel-row-radius)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hy-header-modern-menu.css.map */
