/* Shared header: logo, cart and menu always fit within the page. */
header.wrap{position:relative}
header.wrap>.lezi-design-cart{order:2;flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 10px;border:1px solid #D6D1CB;border-radius:12px;color:#181818;background:#fff;font-size:12px;font-weight:700;text-decoration:none}
.lezi-design-cart svg{width:23px;height:23px;flex:0 0 23px}.lezi-design-cart strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 5px;border-radius:8px;background:#D6D1CB;color:#181818}
header.wrap>.nav{order:1}header.wrap>.menu-toggle{order:3}.lezi-design-cart:focus-visible{outline:3px solid #181818;outline-offset:3px}
@container(max-width:1300px){.lezi-design-cart .lezi-cart-text{display:none}header.wrap{gap:16px}}
@container(max-width:1300px){header.wrap>.nav{display:none}header.wrap>.menu-toggle{display:block}header.wrap>.nav.open{display:flex;position:absolute;z-index:20;top:100%;left:0;right:0;width:100%;max-height:65dvh;overflow-y:auto;flex-direction:column;background:#fff;padding:20px;gap:14px;font-size:16px;border-bottom:1px solid #D6D1CB;box-shadow:0 12px 18px #0001}header.wrap{gap:10px;flex-wrap:nowrap}header.wrap>a:first-child{min-width:0;flex:1 1 auto}header.wrap .logo{max-width:100%;width:150px}header.wrap>.lezi-design-cart{margin-left:auto}header.wrap>.menu-toggle{flex:0 0 44px;width:44px;min-height:44px;padding:4px}.lezi-design-cart .lezi-cart-text{display:none}}
@container(max-width:360px){header.wrap .logo{width:125px}header.wrap{gap:6px}header.wrap>.lezi-design-cart{padding:6px;gap:4px}}

/* Use LEZI ink rather than the native iOS button tint, in every menu state. */
header.wrap>button.menu-toggle,
header.wrap>button.menu-toggle:hover,
header.wrap>button.menu-toggle:focus,
header.wrap>button.menu-toggle:active,
header.wrap>button.menu-toggle[aria-expanded=true]{color:#181818!important;-webkit-text-fill-color:#181818!important;background:#fff!important;border:0;appearance:none;-webkit-appearance:none}
header.wrap>button.menu-toggle:focus-visible{outline:2px solid #181818;outline-offset:3px}