.header-navbar{--navbar-font-size: 14px;--navbar-gap: 24px;--navbar-padding-y: 10px;--navbar-padding-x: 20px;--navbar-radius: 8px;--navbar-spacing-bottom: 20px;--navbar-submenu-offset: 12px;--navbar-bg: transparent;--navbar-link: var(--color-base-section, var(--color-base));--navbar-link-hover: var(--color-accent-section, var(--color-accent));--navbar-link-active: var(--color-accent-section, var(--color-accent));--navbar-divider: var(--color-lines);--navbar-submenu-bg: var(--color-body-background, #ffffff);--navbar-submenu-link: var(--color-base-section, var(--color-base));--navbar-submenu-link-hover: var(--color-accent-section, var(--color-accent));--navbar-submenu-shadow: 4px 8px 20px 0 rgba(0, 0, 0, .12);--navbar-button-bg: var(--color-accent-section, var(--color-accent));--navbar-button-text: #ffffff;--navbar-button-border: transparent;--navbar-button-bg-hover: var(--color-accent-section, var(--color-accent));--navbar-button-text-hover: #ffffff;--navbar-button-border-hover: transparent;--navbar-button-bg-2: transparent;--navbar-button-text-2: var(--color-base-section, var(--color-base));--navbar-button-border-2: var(--color-lines);--navbar-button-bg-hover-2: var(--color-accent-section, var(--color-accent));--navbar-button-text-hover-2: #ffffff;--navbar-button-border-hover-2: transparent;display:block;position:relative;z-index:3}.header-navbar__inner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:var(--navbar-padding-y) var(--navbar-padding-x);margin-bottom:var(--navbar-spacing-bottom);background:var(--navbar-bg);border-radius:var(--navbar-radius)}.header-navbar__nav{min-width:0}.header-navbar--left .header-navbar__nav{margin-inline-end:auto}.header-navbar--center .header-navbar__nav{flex:1 1 auto}.header-navbar--center .header-navbar__list{justify-content:center}.header-navbar--right .header-navbar__nav{margin-inline-start:auto}.header-navbar__list{display:flex;flex-wrap:wrap;align-items:center;gap:4px var(--navbar-gap);margin:0;padding:0;list-style:none}.header-navbar__item{position:relative;display:flex;align-items:center}.header-navbar__link{display:inline-flex;align-items:center;gap:5px;padding:4px 0;color:var(--navbar-link);text-decoration:none;white-space:nowrap;font-family:var(--font-mainmenu-family, var(--font-body-family));font-style:var(--font-mainmenu-style, var(--font-body-style));font-size:calc(var(--navbar-font-size) * var(--font-mainmenu_scale, var(--font-body-scale)));line-height:1.4;transition:color var(--duration-medium, .2s) ease}.header-navbar__link.font-weight-normal{font-weight:var(--font-mainmenu-weight, var(--font-body-weight))}.header-navbar__link.is-bold{font-weight:600}.header-navbar__link:hover,.header-navbar__link:focus-visible{color:var(--navbar-link-hover)}.header-navbar__item--active>.header-navbar__link{color:var(--navbar-link-active)}.header-navbar__arrow{display:inline-flex;flex:0 0 auto;transition:transform var(--duration-medium, .2s) ease}.header-navbar__arrow svg{width:12px;height:12px}.header-navbar__link svg path{fill:currentColor}.header-navbar--dividers .header-navbar__item+.header-navbar__item:before{content:"";position:absolute;inset-inline-start:calc(var(--navbar-gap) / -2);top:50%;transform:translateY(-50%);width:1px;height:14px;background:var(--navbar-divider)}.header-navbar__submenu{position:absolute;top:calc(100% + var(--navbar-submenu-offset));inset-inline-start:-15px;z-index:5;min-width:220px;max-width:320px;margin:0;padding:10px 0;list-style:none;background:var(--navbar-submenu-bg);border-radius:var(--navbar-radius);box-shadow:var(--navbar-submenu-shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity var(--duration-medium, .2s) ease,transform var(--duration-medium, .2s) ease,visibility var(--duration-medium, .2s) ease}.header-navbar__submenu:before{content:"";position:absolute;inset-inline:0;top:calc(var(--navbar-submenu-offset) * -1);height:var(--navbar-submenu-offset)}.header-navbar__submenu-item{position:relative;display:block}.header-navbar__submenu-link{display:flex;align-items:center;gap:8px;padding:7px 20px;color:var(--navbar-submenu-link);text-decoration:none;font-family:var(--font-body-family);font-size:calc(14px * var(--font-body-scale));line-height:1.4;transition:color var(--duration-medium, .2s) ease}.header-navbar__submenu-link:hover,.header-navbar__submenu-link:focus-visible{color:var(--navbar-submenu-link-hover)}.header-navbar__submenu-link svg path{fill:currentColor}.header-navbar__arrow--right{margin-inline-start:auto}.header-navbar__submenu--level-3{top:-10px;inset-inline-start:100%}.header-navbar__submenu--level-3:before{inset-inline:auto;inset-inline-start:-8px;top:0;width:8px;height:100%}@media(min-width:1025px){.header-navbar__item--has-submenu:hover>.header-navbar__submenu,.header-navbar__item--has-submenu:focus-within>.header-navbar__submenu,.header-navbar__item--has-submenu.is-open>.header-navbar__submenu,.header-navbar__submenu-item--has-submenu:hover>.header-navbar__submenu,.header-navbar__submenu-item--has-submenu:focus-within>.header-navbar__submenu,.header-navbar__submenu-item--has-submenu.is-open>.header-navbar__submenu{opacity:1;visibility:visible;pointer-events:auto;transform:none}.header-navbar__item--has-submenu:hover>.header-navbar__link .header-navbar__arrow,.header-navbar__item--has-submenu.is-open>.header-navbar__link .header-navbar__arrow{transform:scaleY(-1)}}.header-navbar__item--flip>.header-navbar__submenu{inset-inline-start:auto;inset-inline-end:-15px}.header-navbar__submenu-item--flip>.header-navbar__submenu--level-3{inset-inline-start:auto;inset-inline-end:100%}.header-navbar__submenu-item--flip>.header-navbar__submenu--level-3:before{inset-inline-start:auto;inset-inline-end:-8px}.header-navbar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:0 0 auto;margin-inline-start:auto}.header-navbar__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 22px;min-height:var(--button-height, 40px);border-radius:var(--radius-button, 6px);border:1px solid var(--navbar-button-border);background:var(--navbar-button-bg);color:var(--navbar-button-text);text-decoration:none;white-space:nowrap;font-family:var(--font-button-family, var(--font-body-family));font-weight:var(--font-body-weight-bold-value, var(--font-body-weight-bold, 700));font-size:calc(16px * var(--font-body-scale));line-height:1.2;transition:background var(--duration-medium, .2s) ease,color var(--duration-medium, .2s) ease,border-color var(--duration-medium, .2s) ease}.header-navbar__button svg{width:18px;height:18px;flex:0 0 auto}.header-navbar__button svg path{fill:currentColor}.header-navbar__button:hover,.header-navbar__button:focus-visible{background:var(--navbar-button-bg-hover);color:var(--navbar-button-text-hover);border-color:var(--navbar-button-border-hover)}.header-navbar__button--2{background:var(--navbar-button-bg-2);color:var(--navbar-button-text-2);border-color:var(--navbar-button-border-2)}.header-navbar__button--2:hover,.header-navbar__button--2:focus-visible{background:var(--navbar-button-bg-hover-2);color:var(--navbar-button-text-hover-2);border-color:var(--navbar-button-border-hover-2)}@media(min-width:1025px)and (max-width:1279px){.header-navbar{--navbar-gap: 16px}.header-navbar__button{padding:8px 16px}}.header-navbar-drawer{display:block;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-lines)}.header-navbar-drawer__heading{margin:0 0 6px;opacity:.7}.header-navbar-drawer__list,.header-navbar-drawer__sublist{margin:0;padding:0;list-style:none}.header-navbar-drawer__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.header-navbar-drawer__link{display:block;flex:1 1 auto;padding:11px 0;color:var(--color-heading-block, var(--color-base-section, var(--color-base)));text-decoration:none}.header-navbar-drawer__toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;padding:0;border:0;background:none;color:inherit;cursor:pointer}.header-navbar-drawer__toggle svg{width:14px;height:14px;transition:transform var(--duration-medium, .2s) ease}.header-navbar-drawer__toggle svg path{fill:currentColor}.header-navbar-drawer__item.is-open>.header-navbar-drawer__row .header-navbar-drawer__toggle svg{transform:scaleY(-1)}.header-navbar-drawer__sublist{padding:0 0 6px 15px}.header-navbar-drawer__sublist .header-navbar-drawer__link{padding:8px 0;opacity:.85}.header-navbar-drawer__sublist--level-3{padding-left:15px}.header-navbar-drawer__actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}.header-navbar-drawer__actions .header-navbar__button{flex:1 1 auto}[dir=rtl] .header-navbar-drawer__sublist{padding:0 15px 6px 0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-header-navbar.css.map */