/* Shared header: readable fixed type sizes, independent of viewport width. */
header{height:124px;position:relative;gap:24px;padding:0 4.5%}
header .brand{font-size:28px;letter-spacing:-.8px;gap:15px;min-height:76px;flex-shrink:0}
header .brand-icon{font-size:72px;flex-shrink:0}
header .brand-icon:after{width:17px;height:17px;left:28px;top:17px}
header .brand small{font-size:9px;letter-spacing:2px;line-height:1.5;margin-top:7px;font-weight:600}
header #nav{display:flex;gap:28px;align-items:center;font-size:17px;font-weight:600}
header #nav a{display:flex;align-items:center;min-height:48px;padding:6px 2px;white-space:nowrap}
header .header-cta,.catalog-page header .header-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 0;font-family:inherit;font-size:16px;font-weight:700;line-height:1.5;white-space:nowrap;flex-shrink:0}
header .selection-count{font-size:13px;padding:3px 8px;margin-left:0}
header .menu{width:48px;height:48px;min-width:48px;border:1px solid #c4ceca;background:none;color:var(--ink);padding:0;font-size:27px;line-height:1;align-items:center;justify-content:center;flex-shrink:0}
@media(min-width:1050px){header .menu{display:none}}
@media(min-width:701px) and (max-width:1049px){header{height:108px;padding:0 5%;gap:20px}header .brand{font-size:25px;gap:13px}header .brand-icon{font-size:64px}header .brand-icon:after{left:25px;top:15px;width:15px;height:15px}header .brand small{font-size:8px;letter-spacing:1.8px}header .header-cta,.catalog-page header .header-cta{display:inline-flex;font-size:14px;margin-left:auto}header .menu{display:flex}header #nav{display:none;position:absolute;top:108px;left:0;right:0;z-index:50;padding:20px 5%;background:#f7f7f3;box-shadow:0 18px 25px #18344415;border-top:1px solid #d5ded8;gap:25px;font-size:17px}header #nav.open{display:flex;flex-wrap:wrap}}
@media(max-width:700px){header{height:96px;padding:0 5%;gap:12px}header .brand{font-size:20px;letter-spacing:-.6px;gap:10px;min-height:64px}header .brand-icon{font-size:54px}header .brand-icon:after{left:21px;top:13px;width:13px;height:13px}header .brand small{font-size:7px;letter-spacing:1.4px;line-height:1.5;margin-top:6px}header .header-cta,.catalog-page header .header-cta{display:none}header .menu{display:flex;margin-left:auto;width:44px;min-width:44px;height:44px;font-size:25px}header #nav{display:none;position:absolute;top:96px;left:0;right:0;z-index:50;background:#f7f7f3;border-top:1px solid #d5ded8;padding:15px 6% 20px;box-shadow:0 18px 25px #18344415;font-size:17px;gap:4px}header #nav.open{display:grid}header #nav a{min-height:48px;padding:10px 0;border-bottom:1px solid #e0e5df}}
@media(max-width:360px){header{padding:0 4%;gap:8px}header .brand{font-size:18px;gap:8px}header .brand-icon{font-size:48px}header .brand-icon:after{left:19px;top:11px;width:12px;height:12px}header .brand small{font-size:6px;letter-spacing:1.2px}}