/*! header-submenu-horizontal
    Horizontal (grid) layout for the desktop header dropdown submenus.

    Loaded by sections/submenu-layout.liquid only when its "Submenu layout" setting
    is Horizontal, so it needs no flag of its own. It targets the stock header
    markup on purpose: sections/header.liquid and snippets/header-nav-desktop.liquid
    stay untouched and keep updating cleanly with the theme.

    Variables, set on :root by the section:
      --submenu-columns   : number of columns the links are laid out in
      --submenu-max-width : max width of the dropdown panel
      --submenu-gap       : horizontal space between columns
      --dropdown-shift    : viewport correction, set by header-submenu-horizontal.js
*/.header details[level=top]>.dropdown{width:max-content;max-width:min(var(--submenu-max-width, 720px),calc(100vw - var(--sp-8)));transform:translate(var(--dropdown-shift, 0px))}.header details[level=top]>.dropdown>.dropdown__container{padding-inline:var(--sp-8);padding-block-end:var(--sp-6)}.header details[level=top]>.dropdown>.dropdown__container>.dropdown__nav{display:grid;grid-template-columns:repeat(var(--submenu-columns, 4),minmax(0,1fr));align-items:start;column-gap:var(--submenu-gap, var(--sp-8));row-gap:var(--sp-3)}.header details[level=top]>.dropdown>.dropdown__container>.dropdown__nav>li>:is(details,p){padding-inline:0}.header details[level=top]>.dropdown .submenu-item--all{grid-column:1 / -1;margin-block-start:var(--sp-2);padding-block-start:var(--sp-4);border-block-start:1px solid rgb(var(--color-foreground) / .15)}.header details[level=top]>.dropdown .submenu-link--all{background-size:100% 1px;background-position-x:var(--transform-origin-start);letter-spacing:.04em;font-weight:500}.header details[level=top]>.dropdown .submenu-link--all:after{content:"\2192";display:inline-block;margin-inline-start:.45em;background:none;transition:transform var(--animation-primary)}@media screen and (pointer:fine){.header details[level=top]>.dropdown .submenu-link--all:hover:after{transform:translate(.2em)}}.header details[level=top]>.dropdown .dropdown{inset-inline-start:0;inset-block-start:100%;margin-block-start:0;padding-inline-start:0;padding-block-start:var(--sp-2)}.header details[level=top]>.dropdown.should-reverse .dropdown{inset-inline-start:auto;inset-inline-end:0;padding-inline-end:0}.header details[level=top]>.dropdown .dropdown .dropdown__container{padding-inline:var(--sp-6);padding-block:var(--sp-5)}.header details[level=top]>.dropdown .dropdown .dropdown__nav{display:flex}
/*# sourceMappingURL=/cdn/shop/t/17/assets/header-submenu-horizontal.css.map */