.header{position:relative;z-index:15;gap:22px}.header #navigation{display:flex;align-items:center;gap:20px;font-size:14px}.header #navigation>a,.header .nav-group>button{min-height:48px;font:inherit;display:flex;align-items:center;gap:8px;padding:10px 0;background:transparent;border:0;white-space:nowrap}.nav-group>button svg{width:14px;height:14px;transition:transform .15s}.nav-group>button[aria-expanded=true] svg{transform:rotate(180deg)}.nav-group{position:relative}.header .nav-panel{position:absolute;top:100%;left:0;width:310px;max-height:75vh;overflow-y:auto;background:var(--ivory);padding:14px 22px 20px;border:1px solid var(--line);box-shadow:0 12px 20px #0000000c}.header .nav-panel[hidden]{display:none}.header .nav-panel a{display:flex;min-height:48px;padding:10px 0;font-size:14px;white-space:normal;line-height:1.35}.header .nav-group>button[data-current=true]{text-decoration:underline;text-underline-offset:6px}.header-contact{white-space:nowrap;min-height:48px}.nav-contact-mobile{display:none!important}@media(max-width:1100px){.header #navigation{gap:14px;font-size:13px}.header{gap:16px}.header .brand img{width:150px}.header-contact{font-size:13px}}@media(max-width:1200px){.header{flex-wrap:wrap;padding:15px 5%;gap:10px}.header .brand{order:1}.header .menu-toggle{display:flex;order:2;margin-left:auto;align-items:center;gap:10px;min-height:48px}.header-contact{order:3;font-size:13px}.header #navigation{display:none;order:4;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:12px 0;max-width:100%}.header #navigation.open{display:flex}.header #navigation>a,.header .nav-group>button{width:100%;justify-content:space-between;font-size:16px;min-height:48px;padding:12px 0;border-bottom:1px solid var(--line)}.header .nav-panel{position:static;width:100%;max-height:none;box-shadow:none;border:0;padding:0 10px 16px 18px;overflow:visible}.header .nav-panel a{min-height:48px;font-size:15px}.nav-contact-mobile{display:flex!important}}@media(max-width:400px){.header-contact{display:none}.header .brand img{width:150px}.header .nav-panel{padding-left:12px}}@media(prefers-reduced-motion:reduce){.nav-group>button svg{transition:none}}

.header .nav-products-panel{width:620px;max-width:calc(100vw - 80px);padding:22px 25px}.nav-products-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.nav-product-group{padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid var(--line)}.nav-product-group p{font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin:8px 0;color:#62675f}.header .nav-roma-link{font-weight:600}.header .nav-secondary-link{font-size:12px}.nav-products-foot{display:flex;gap:20px;justify-content:space-between}.header .nav-products-foot a{font-size:12px}.nav-roma-group{padding:0 12px 10px;background:#e9e7dc}@media(max-width:1200px){.header .nav-products-panel{width:100%;max-width:100%;padding:8px 0 14px}.nav-products-columns{grid-template-columns:1fr;gap:0}.nav-product-group{margin:0;padding:4px 8px}.nav-product-group p{margin:8px 0 0}.nav-paint-links{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.nav-paint-links a:last-child{grid-column:1/-1}.header .nav-products-foot{display:block;padding:0 8px}.header .nav-secondary-link,.header .nav-products-foot a{font-size:13px}.header .nav-panel .nav-product-group a{font-size:14px}.nav-roma-group{padding:6px 12px}.header .nav-panel .nav-roma-link{font-size:15px}}
