.marczen-native-header,.marczen-native-header *{box-sizing:border-box}.section-header:has(.marczen-native-header){margin-bottom:0}.header.marczen-native-header.page-width{width:100%;max-width:1564px;margin:0 auto;padding:18px 32px 0;grid-template-areas:"heading search icons" "navigation navigation navigation";grid-template-columns:auto minmax(220px,1fr) auto;column-gap:24px;color:#102b52;background:#fff}.section-header:has(.marczen-native-header #Details-menu-drawer-container[open]),.section-header:has(.marczen-native-header details-modal>details[open]){z-index:30}.header-wrapper:has(.marczen-native-header){background:#fff;border-bottom:1px solid #e5e7eb}.marczen-native-header .header__heading,.marczen-native-header>.header__heading-link{min-width:0;width:100%;max-width:100%;margin:0;justify-self:start}.marczen-native-header .marczen-native-brand{display:flex;align-items:center;gap:10px;min-width:0;padding:0;margin:0;text-decoration:none;text-align:left;line-height:1.05}.marczen-native-header .marczen-native-logo{display:block;width:110px;height:58px;object-fit:contain;flex:0 0 110px}.marczen-native-header .marczen-native-brand-copy{display:block;min-width:0}.marczen-native-header .marczen-native-brand-name{display:block;color:#1555d8;font-size:30px;font-weight:800;letter-spacing:.5px;white-space:nowrap;line-height:1.05}.marczen-native-header .marczen-native-welcome{display:block;color:#718096;font-size:14px;font-weight:400;line-height:1.2;margin-top:5px;white-space:nowrap}.marczen-native-header .marczen-native-search{grid-area:search;width:100%;max-width:650px;justify-self:center;min-width:0;position:relative}.marczen-native-search>predictive-search,.marczen-native-search>search-form{display:block;width:100%;position:relative}.marczen-native-search-form,.marczen-native-search-field{position:relative;width:100%;margin:0}.marczen-native-search-input{width:100%;height:48px;border:1px solid #d5dbe5;border-radius:25px;padding:0 88px 0 20px;font-family:inherit;font-size:16px;background:#f8fafc;color:#111827;box-sizing:border-box}.marczen-native-search-input:focus{border-color:#1555d8;background:#fff}.marczen-native-search-submit,.marczen-native-search-reset{display:flex;align-items:center;justify-content:center;position:absolute;top:5px;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:#102b52;cursor:pointer}.marczen-native-search-submit{right:5px}.marczen-native-search-reset{right:44px}.marczen-native-search-submit .icon{width:23px;height:23px}.marczen-native-search-reset .icon{width:18px;height:18px}.marczen-native-header .marczen-native-search .predictive-search{top:calc(100% + 8px);left:0;right:0;width:100%;max-height:430px;border:1px solid #e1e6ee;border-radius:14px;box-shadow:0 12px 35px #00000024;background:#fff;z-index:10}.marczen-native-header .header__icons{align-items:center;padding:0;gap:8px;color:#102b52}.marczen-native-header .header__icon{color:#102b52}.marczen-native-header .header__icon--account{width:auto;gap:8px;text-decoration:none}.marczen-native-header .header__icon--account .icon{width:27px;height:27px;flex-shrink:0}.marczen-native-header .marczen-native-account-label{font-size:15px;font-weight:600;white-space:nowrap}.marczen-native-header--no-cart .header__icon--cart{display:none}.marczen-native-header .header__inline-menu{width:100%;margin:12px 0 0;grid-area:navigation}.marczen-native-header .header__inline-menu>.list-menu--inline{display:flex;flex-wrap:wrap;justify-content:center;gap:0 7px}.marczen-native-header .header__inline-menu>ul>li>.header__menu-item,.marczen-native-header .header__inline-menu>ul>li>header-menu>details>summary{padding:10px 11px 13px;border-bottom:3px solid transparent;font-size:16px;font-weight:600;color:#172b4d}.marczen-native-header .header__inline-menu>ul>li>.header__menu-item:hover,.marczen-native-header .header__inline-menu>ul>li>header-menu>details>summary:hover{color:#1555d8;border-bottom-color:#1555d8}.marczen-native-header .header__inline-menu summary.header__menu-item{padding-right:26px}.marczen-native-header .header__active-menu-item{text-decoration:none;color:#1555d8}.marczen-native-header .marczen-native-drawer-heading{display:flex;align-items:center;gap:10px;padding:18px;min-height:92px;border-bottom:1px solid #e5e7eb}.marczen-native-header .marczen-native-brand--drawer{flex:1 1 auto}.marczen-native-header .marczen-native-brand--drawer .marczen-native-logo{width:72px;height:50px;flex-basis:72px}.marczen-native-header .marczen-native-brand--drawer .marczen-native-brand-name{font-size:22px}.marczen-native-header .marczen-native-brand--drawer .marczen-native-welcome{font-size:10px;overflow:hidden;text-overflow:ellipsis}.marczen-native-header .marczen-native-drawer-close{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:0;background:transparent;color:#0788ff;cursor:pointer}.marczen-native-header .marczen-native-drawer-close .icon{width:24px;height:24px}.marczen-native-header #menu-drawer{position:fixed;top:0;width:min(360px,88vw);height:100vh;height:100dvh;border:0;background:#fff;color:#172b4d;box-shadow:5px 0 25px #00000026}.marczen-native-header .menu-drawer__navigation-container{display:flex;flex-direction:column;justify-content:flex-start}.marczen-native-header .menu-drawer__navigation{padding:14px 14px 0}.marczen-native-header .menu-drawer__menu li{margin:0}.marczen-native-header .menu-drawer__menu-item{min-height:58px;margin:7px 0;padding:14px 16px;border:1px solid #dfe5ee;border-radius:12px;color:#172b4d;background:#fff;font-size:16px;font-weight:600;line-height:1.3}.marczen-native-header summary.menu-drawer__menu-item{padding-right:44px}.marczen-native-header .menu-drawer__menu-item>.icon-arrow{right:16px}.marczen-native-header .menu-drawer__menu-item:hover,.marczen-native-header .menu-drawer__menu-item--active{background:#f7faff;border-color:#cbd8ed;color:#1555d8}.marczen-native-header .menu-drawer__utility-links{background:#fff;padding:0 14px 28px}.marczen-native-header .menu-drawer__account{display:flex;align-items:center;min-height:58px;margin-top:12px;padding:14px 16px;border:1px solid #dfe5ee;border-radius:12px;color:#172b4d;font-size:16px;font-weight:600}.marczen-native-header .marczen-native-shipping-message{padding:15px 16px;margin-top:12px;min-height:58px;border:1px solid #bae6fd;border-radius:12px;color:#075985;background:#e0f2fe;font-size:15px;font-weight:700;line-height:1.25}.marczen-native-header .menu-drawer__submenu{background:#fff}.marczen-native-header .menu-drawer__submenu .menu-drawer__menu{padding:0 14px 20px}.marczen-native-header .menu-drawer__close-button{color:#172b4d}.marczen-native-header details[open]>.header__icon--menu:before{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;background:#00000059;z-index:2}@media(min-width:990px){.marczen-native-header>header-drawer{display:none}.marczen-native-header .header__icons>.header__search{display:none!important}.marczen-native-header.drawer-menu{grid-template-areas:"left-icons heading search icons";grid-template-columns:auto auto minmax(180px,1fr) auto}.marczen-native-header.drawer-menu>header-drawer{display:block}}@media(max-width:989px){.header.marczen-native-header.page-width{grid-template-areas:"left-icons heading icons";grid-template-columns:auto minmax(0,1fr) auto;gap:6px;height:92px;min-height:92px;padding:8px}.marczen-native-header .marczen-native-search,.marczen-native-header .header__inline-menu,.marczen-native-header .marczen-native-account-label{display:none}.marczen-native-header>header-drawer{display:block;grid-area:left-icons;margin:0}.marczen-native-header .header__icon--menu{width:62px;height:58px;border-radius:18px;background:#f3f6fb}.marczen-native-header .header__icon--menu .icon{width:31px;height:31px}.marczen-native-header .marczen-native-brand{gap:6px;width:100%}.marczen-native-header .marczen-native-logo{width:76px;height:50px;flex-basis:76px}.marczen-native-header .marczen-native-brand-name{font-size:19px;letter-spacing:0}.marczen-native-header .marczen-native-welcome{margin-top:6px;font-size:9px;overflow:hidden;text-overflow:ellipsis}.marczen-native-header .header__icons{gap:0;margin:0}.marczen-native-header .header__icons>.header__search{display:inline-flex}.marczen-native-header .header__icons .header__icon{width:36px;height:54px;margin:0}.marczen-native-header .header__icons .header__icon .icon{width:28px;height:28px}.marczen-native-header .search-modal{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;padding:0;background:#00000047;z-index:5;align-items:flex-start}.marczen-native-header .search-modal .modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.marczen-native-header .search-modal .modal-overlay:after{display:none}.marczen-native-header .search-modal__content{position:relative;display:flex;width:calc(100% - 24px);height:auto;min-height:0;max-width:650px;margin:12px auto 0;padding:10px;gap:8px;border-radius:16px;background:#fff;box-shadow:0 12px 35px #0000002e;z-index:1}.marczen-native-header .search-modal__form{min-width:0;width:100%}.marczen-native-header .search-modal__close-button{position:static;order:-1;margin:0;flex:0 0 40px;width:40px;height:44px}.marczen-native-header .search-modal .field{border-radius:23px;background:#f8fafc}.marczen-native-header .search-modal .field:before,.marczen-native-header .search-modal .field:after{border-radius:23px}.marczen-native-header .search-modal .field__input{min-height:44px;height:44px;font-size:16px}.marczen-native-header .search-modal .predictive-search{top:calc(100% + 8px);left:0;right:0;width:100%;border:1px solid #e1e6ee;border-radius:14px;background:#fff;box-shadow:0 12px 35px #0000002e}}@media(max-width:380px){.header.marczen-native-header.page-width{height:90px;min-height:90px;gap:5px;padding-inline:6px}.marczen-native-header .header__icon--menu{width:59px;height:56px}.marczen-native-header .marczen-native-logo{width:72px;height:48px;flex-basis:72px}.marczen-native-header .marczen-native-brand-name{font-size:18px}.marczen-native-header .marczen-native-welcome{font-size:8px}.marczen-native-header .header__icons .header__icon{width:35px}.marczen-native-header .header__icons .header__icon .icon{width:26px;height:26px}.marczen-native-header #menu-drawer{width:min(350px,90vw)}}@media(max-width:359px){.marczen-native-header .header__icon--menu{width:48px}.marczen-native-header .marczen-native-logo{width:58px;flex-basis:58px}.marczen-native-header .marczen-native-brand-name{font-size:17px}.marczen-native-header .marczen-native-brand--drawer .marczen-native-brand-name{font-size:20px}}.marczen-native-header .marczen-native-menu-emoji{display:inline;margin-right:6px;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/12/assets/marczen-native-header.css.map */