#header-component{--icon-stroke-width: 2px;color:var(--kbbc-color-text-primary);background:var(--kbbc-color-surface-primary);border-block-end:1px solid var(--kbbc-color-border-default)}.kbbc-header__announcement{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:32px;padding-inline:var(--kbbc-space-16);color:var(--kbbc-color-text-inverse);background:var(--kbbc-color-surface-inverse);font:600 12px/16px var(--kbbc-font-family);letter-spacing:.25px;text-align:center}.kbbc-header__announcement p{margin:0}#header-component .header__row--top{color:var(--kbbc-color-text-primary);background:var(--kbbc-color-surface-primary);border-block-end:0}#header-component .header-logo{color:var(--kbbc-color-text-brand);font-family:var(--kbbc-font-family);font-weight:700;text-transform:none}#header-component :is(.header-actions__action,.header__icon--menu){color:var(--kbbc-color-icon-brand)}#header-component :is(.header-actions__action,.header__icon--menu,.search-action button){min-width:var(--kbbc-touch-minimum);min-height:var(--kbbc-touch-minimum)}#header-component :is(.header-actions__action,.header__icon--menu,.search-action button):hover{color:var(--kbbc-color-action-primary-hover);opacity:1}#header-component :is(.header-actions__action,.header__icon--menu,.search-action button):focus-visible{border-radius:var(--kbbc-radius-full)}#header-component .header-actions__action .svg-wrapper,#header-component .header-drawer-icon,#header-component .search-action .svg-wrapper{width:24px;height:24px}#header-component .header-actions__action svg,#header-component .header-drawer-icon svg,#header-component .search-action svg{width:24px;height:24px}@media screen and (min-width:750px){#header-component .header__columns{display:flex;align-items:center;gap:var(--kbbc-space-24);width:100%;max-width:1440px;min-height:88px;margin-inline:auto;padding:var(--kbbc-space-16) var(--kbbc-space-32)}#header-component .header__column{display:contents}#header-component .header__drawer,#header-component .search-action,#header-component .dropdown-localization{display:none!important}#header-component .header-logo{order:1;flex:0 0 auto;min-width:61px;justify-content:flex-start;font-size:28px;line-height:36px;letter-spacing:-.25px}#header-component .header-logo__image{width:auto;max-width:128px;height:36px}#header-component header-menu{order:2;flex:0 1 auto;min-width:0}#header-component .menu-list,#header-component .menu-list__list,#header-component .overflow-menu::part(list){gap:var(--kbbc-space-24)}#header-component .menu-list__link{min-height:var(--kbbc-touch-minimum);padding:var(--kbbc-space-12) 0;color:var(--kbbc-color-text-primary);font-family:var(--kbbc-font-family);font-size:14px;font-weight:600;line-height:20px;text-transform:none}#header-component .menu-list__link:is(:hover,:focus-visible),#header-component .menu-list__link--active{color:var(--kbbc-color-text-brand)}#header-component .desktop-search:not(.search-action--hidden-on-menu){order:3;flex:0 0 320px;width:320px;margin-inline-start:auto}#header-component .desktop-search .predictive-search-form,#header-component .desktop-search .predictive-search-form__header{width:100%}#header-component .desktop-search .predictive-search-form__header{padding:0;background:transparent}#header-component .desktop-search .predictive-search-form__header-inner{position:relative;width:100%;height:40px;min-height:40px;overflow:visible;border:1px solid var(--kbbc-color-border-default);border-radius:var(--kbbc-radius-full);background:var(--kbbc-color-surface-primary);box-shadow:none}#header-component .desktop-search .predictive-search-form__header-inner:focus-within{border-color:var(--kbbc-color-border-focus);box-shadow:0 0 0 2px var(--kbbc-color-focus-ring)}#header-component .desktop-search input.search-input{width:100%;height:38px;min-height:38px;padding:7px 12px 7px 40px;color:var(--kbbc-color-text-primary);background:transparent;border:0;border-radius:var(--kbbc-radius-full);font-family:var(--kbbc-font-family);font-size:16px;font-weight:400;line-height:24px;outline:0}#header-component .desktop-search input.search-input::placeholder{color:var(--kbbc-color-text-secondary);opacity:1}#header-component .desktop-search .search-icon-custom{right:auto;left:12px;width:20px;height:20px}#header-component .desktop-search .search-icon-custom svg{width:20px;height:20px}#header-component header-actions{order:4;display:flex;flex:0 0 auto;align-items:center;gap:var(--kbbc-space-8);margin-inline-start:0}#header-component :is(.account-button,.header-actions__action){width:40px;height:40px;min-width:40px;min-height:40px;padding:var(--kbbc-space-8);align-items:center}}@media screen and (max-width:749px){#header-component .header__columns{grid-template-columns:40px minmax(0,1fr) 40px 40px;grid-template-areas:"leftA center rightA rightB";column-gap:var(--kbbc-space-8);width:100%;min-height:64px;padding:var(--kbbc-space-12) var(--kbbc-space-16)}#header-component .header__drawer{grid-area:leftA;width:40px;min-height:40px}#header-component .menu-drawer-container .header__icon--summary{width:40px;height:40px;min-width:40px;min-height:40px;padding:var(--kbbc-space-8)}#header-component .header-logo{grid-area:center;min-width:0;justify-content:flex-start;overflow:hidden;font-size:24px;line-height:32px}#header-component .header-logo__image{width:auto;max-width:112px;height:32px}#header-component .search-action{grid-area:rightA;width:40px;height:40px;margin:0}#header-component .search-action button{width:40px;height:40px;min-width:40px;min-height:40px;padding:var(--kbbc-space-8)}#header-component .desktop-search,#header-component .account-button{display:none!important}#header-component header-actions{grid-area:rightB;display:flex;width:40px;min-width:40px;gap:0;justify-self:end}#header-component .header-actions__action{width:40px;height:40px;min-width:40px;min-height:40px;padding:var(--kbbc-space-8);align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/kbbc-header.css.map */