#header-component.commerce-header .commerce-header__grid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand search actions" "departments departments departments";align-items:center;gap:12px 24px;padding-block:12px 0}.commerce-header__brand{grid-area:brand}#header-component.commerce-header .header-logo{font-size:calc(var(--font-size--md) * 1.25)}.mahdivo-commerce-nav__pending{display:inline-flex;align-items:center;min-height:44px;cursor:default}#header-component.commerce-header .commerce-header__departments{gap:16px}.commerce-search__submit{background:#a3aa70;color:#15160e;border-color:#a3aa70}.mahdivo-commerce-nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;min-width:0;padding-block:4px;font-size:.875rem}.mahdivo-commerce-nav a,.mahdivo-commerce-nav summary{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;cursor:pointer}.mahdivo-commerce-nav>a{font-weight:600}.mahdivo-commerce-nav a:hover{text-decoration:underline}.mahdivo-commerce-nav__group{position:relative}.mahdivo-commerce-nav__group>ul{position:absolute;top:100%;inset-inline-start:0;z-index:5;min-width:220px;max-width:min(320px,80vw);max-height:60dvh;overflow:auto;background:var(--color-background);border:1px solid var(--color-border);padding:12px 20px;margin:0;list-style:none;box-shadow:0 8px 20px #0000001a}.commerce-header__search{grid-area:search;min-width:0}.commerce-header__actions{grid-area:actions}.commerce-header__departments{grid-area:departments;display:flex;align-items:center;gap:16px;border-block-start:1px solid var(--color-border);min-width:0}.commerce-header__menu{flex:1;min-width:0}.commerce-header__localization{margin-inline-start:auto}#header-component.commerce-header .header__drawer{display:flex;min-height:44px}#header-component.commerce-header .header__icon--menu{width:auto;min-height:44px;gap:8px;padding-inline:8px}.commerce-header__department-label{font-size:.875rem;font-weight:600}.commerce-search{display:block;width:100%;position:relative}.commerce-search form{width:100%}.commerce-search__field{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--style-border-radius-inputs);background:var(--color-background);color:var(--color-foreground);padding:3px}.commerce-search__field:focus-within{outline:2px solid currentColor;outline-offset:2px}.commerce-search input[type=search]{flex:1;min-width:0;width:100%;min-height:44px;padding-inline:12px;background:transparent;color:inherit;border:0;border-radius:0;font:inherit;font-size:1rem;box-shadow:none}.commerce-search__submit{min-height:44px;padding:8px 16px}.commerce-search__clear{min-height:44px;padding-inline:8px}.commerce-search__results{position:absolute;inset-inline:0;top:calc(100% + 8px);z-index:calc(var(--layer-header-menu) + 3);max-height:min(65dvh,560px);overflow-y:auto;background:var(--color-background);color:var(--color-foreground);border:1px solid var(--color-border);border-radius:var(--style-border-radius-inputs);box-shadow:0 8px 24px #0000001f}.commerce-search [hidden]{display:none!important}@media screen and (max-width:989px){#header-component.commerce-header .commerce-header__grid{grid-template-areas:"brand actions" "search search" "departments departments";grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}#header-component.commerce-header .commerce-header__menu{display:none}#header-component.commerce-header .commerce-header__departments .dropdown-localization{display:flex}.commerce-header__departments{gap:8px}.commerce-search__submit{padding-inline:12px}.commerce-header__departments>.header__drawer{flex-shrink:0}.mahdivo-commerce-nav{flex:1;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.mahdivo-commerce-nav::-webkit-scrollbar{display:none}.mahdivo-commerce-nav>*{flex-shrink:0}.mahdivo-commerce-nav__group>ul{position:fixed;top:auto;inset-inline-start:16px;white-space:normal}}@media screen and (min-width:990px){#header-component.commerce-header .commerce-header__menu .header-menu{display:flex;width:100%}#header-component.commerce-header .commerce-header__localization .dropdown-localization{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/commerce-header.css.map */