/* Shared storefront chrome. All existing navigation/account handlers are retained. */
@font-face{font-family:Manrope;src:url('/static/assets/fonts/Manrope-VF.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
html body>.announcement{height:28px;padding:6px max(24px,calc((100vw - 1360px)/2));background:#f0efeb;color:#65655e;text-align:left;font:500 11px/16px Manrope,Arial,sans-serif;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body>.legacy-site-banner{position:absolute;top:5px;right:max(24px,calc((100vw - 1360px)/2));z-index:22;width:auto;padding:0;background:#f0efeb;color:#65655e;font:500 11px/18px Manrope,Arial,sans-serif;text-align:right}
html body>.legacy-site-banner:hover{background:#f0efeb;color:#e30613}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle){grid-template-columns:210px 110px minmax(160px,1fr) auto auto;grid-template-areas:'brand catalog search contacts actions' 'nav nav nav nav nav';padding:16px max(24px,calc((100vw - 1360px)/2)) 0;gap:12px 20px;background:#fff;box-shadow:none;backdrop-filter:none;font-family:Manrope,Arial,sans-serif;border-bottom:1px solid #e6e5df}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .brand-full{width:210px;height:39px}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .brand-full img{width:220.18px;left:-4.664px;top:-15.306px;height:auto}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .catalog-navigation{height:46px;border-radius:8px}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .catalog-navigation>#headerCatalogLabel{height:46px;font-size:14px;padding:0 14px}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) #headerProductSearch{max-width:none;min-width:0}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) #catalogQuery{height:46px;border-radius:8px;background:#f5f5f1;border-color:#ebebe5;font-family:inherit;font-size:14px;padding-left:16px}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) #headerProductSearch button{width:34px;height:34px;top:6px;right:6px;border-radius:6px}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-contact-links{grid-area:contacts;border:0;padding:0;flex-direction:column;align-items:flex-end;justify-content:center;gap:0}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-contact-links #cityButton{min-height:22px;padding:0;font-size:11px;gap:4px}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-contact-links #cityButton::before{width:13px;height:13px}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-contact-links .public-phone{font-size:11px;padding:0;min-height:22px}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-actions{gap:4px;min-width:0}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-actions button{min-width:44px;width:auto;height:46px;padding:4px 7px;font:600 10px/1.2 Manrope,Arial,sans-serif;border-radius:8px;gap:4px}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-actions button::before{width:21px;height:21px}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-actions .cf-favorites-trigger{font-size:25px;line-height:1;border:0;min-width:44px;padding:4px;color:#20231e;background:transparent;flex-direction:row}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .cf-favorites-trigger::before{display:none!important}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) #headerNavigation{grid-area:nav;display:flex;justify-content:flex-start;flex-wrap:nowrap;gap:22px;overflow:visible;max-width:none;padding:10px 0 12px;border-top:1px solid #efefea;font-size:12px;line-height:1.4}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) #headerNavigation>a{font-weight:650;font-size:inherit;padding:4px 0;min-height:26px}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) #headerNavigation>a:hover{color:#e30613}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .catalog-sections{border-radius:12px;box-shadow:0 18px 50px #20231e18}
html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) #headerMenuToggle{display:none}
@media(min-width:901px) and (max-width:1100px){
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle){grid-template-columns:180px 96px minmax(130px,1fr) auto auto;gap:12px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .brand-full{width:180px;height:33px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .brand-full img{width:188.73px;left:-4px;top:-13.12px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) #headerNavigation{gap:16px;font-size:11px;justify-content:space-between}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-contact-links{max-width:140px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-actions button{padding:4px;min-width:38px}
}
@media(max-width:900px){
 html body>.announcement{font-size:9px;padding:5px 16px;height:25px;padding-right:115px}
 html body>.legacy-site-banner{top:4px;right:16px;font-size:9px;line-height:17px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle){grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:none;padding:12px 16px 8px;gap:10px 8px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .brand-full{grid-area:1/1/2/7;width:146px;max-width:100%;height:28px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .brand-full img{width:153.07px;left:-3.24px;top:-10.64px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-actions{grid-area:1/7/2/13;gap:0;justify-self:end}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-actions button{width:36px;min-width:36px;height:40px;padding:3px;font-size:0;gap:0}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-actions .cf-favorites-trigger{font-size:24px;min-width:36px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .cart-button b{font-size:10px;min-width:16px;height:16px;line-height:16px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .catalog-navigation{grid-area:2/1/3/5;height:44px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .catalog-navigation>#headerCatalogLabel{height:44px;font-size:13px;padding:0 8px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) #headerProductSearch{grid-area:2/5/3/13;min-width:0}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) #catalogQuery{height:44px;font-size:13px;padding-left:12px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) #headerProductSearch button{top:5px;right:5px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-contact-links{grid-area:3/4/4/13;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:0 10px;max-width:none}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-contact-links .public-phone,html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .header-contact-links #cityButton{font-size:10px;min-height:24px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) #headerNavigation{grid-area:4/1/5/13;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:4px 0;font-size:13px}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) #headerNavigation>a{white-space:normal;min-height:44px;display:flex;align-items:center;line-height:1.4}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) #headerMenuToggle[data-installed='1']{display:inline-flex;grid-area:3/1/4/4;align-items:center;justify-content:flex-start;gap:6px;min-height:32px;padding:4px 0;border:0;background:transparent;border-radius:0;font-size:11px;font-weight:650}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle):has(#headerMenuToggle[data-installed='1']) #headerNavigation{display:none}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle):has(#headerMenuToggle[data-installed='1']).menu-open #headerNavigation{display:grid}
 html body .header.cf-interface-header.header-owner-v1:has(#headerMenuToggle) .catalog-sections{top:calc(100% + 8px);left:0;right:auto;width:calc(100vw - 32px);max-height:65dvh}
}
@media(prefers-reduced-motion:no-preference){html body .header.cf-interface-header a,html body .header.cf-interface-header button{transition:color .16s,background-color .16s}}
