/* A centered navigation row with independent logo and utility areas. */
.header{display:grid;grid-template-columns:170px minmax(0,1fr) 300px;grid-template-rows:72px 50px;height:auto;min-height:142px;gap:0 24px;padding-block:10px;align-items:center}
.header .logo{grid-column:1;grid-row:1/3;align-self:center}
.header .logo img{width:155px}
.header .header-actions{grid-column:3;grid-row:1/3;align-self:center;gap:18px}
.header nav{display:flex;grid-column:2;grid-row:1/3;justify-content:center;align-items:center;gap:22px;font-size:15px;min-width:0}
.header nav>a{white-space:nowrap;display:flex;align-items:center;min-height:44px;line-height:1.4}
.header .category-navigation{display:flex;align-items:center;flex-shrink:0}
.header #category-toggle{display:flex;align-items:center;min-height:44px;padding:0;line-height:1.4;font-size:inherit}
.header .phone-contact{position:static;font-size:14px;gap:6px}
.header .tools{gap:22px;align-items:center}
.header .tools>a,.header .tools>button{min-width:32px;min-height:40px;align-items:center;justify-content:center}
.header .tools>a{display:flex}
.header #menu-toggle{display:none}
.header #category-menu{top:100%}
/* Keep the complete menu on one centered line when a single row is crowded. */
@media(min-width:761px) and (max-width:1600px){
 .header{grid-template-columns:1fr 1fr;grid-template-rows:91px 51px;min-height:162px;gap:0 24px}
 .header .logo{grid-column:1;grid-row:1}
 .header .header-actions{grid-column:2;grid-row:1;gap:10px}
 .header nav{grid-column:1/-1;grid-row:2;gap:28px;font-size:16px;align-self:center}
}
@media(min-width:761px) and (max-width:1000px){.header nav{gap:19px;font-size:14px}.header .logo img{width:130px}}
@media(max-width:760px){
 .header{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:32px 86px;min-height:128px;padding:5px 0;gap:0 10px}
 .header .logo{grid-column:1;grid-row:2}.header .logo img{width:120px}
 .header .header-actions{grid-column:2;grid-row:2;gap:0;min-width:0}
 .header .phone-contact{position:absolute;left:0;right:0;top:9px;justify-content:center;font-size:13px;gap:6px}
 .header .tools{gap:14px}.header .tools>a,.header .tools>button{min-width:28px;min-height:44px}
 .header #menu-toggle{display:flex;font-size:24px}
 .header nav{display:none;position:absolute;top:100%;left:-20px;right:-20px;grid-column:auto;grid-row:auto;background:var(--paper);padding:16px 24px;box-shadow:0 12px 24px #30282b26;font-size:17px;max-height:calc(100dvh - 162px);overflow-y:auto}
 .header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .header nav>a,.header #category-toggle{min-height:48px;justify-content:flex-start}
 .header .category-navigation{display:block}.header #category-menu{position:static;max-width:100%;padding:14px;margin:8px 0}
 .header .category-menu-links a{display:block}.header .category-menu-links{max-height:40dvh}
}
@media(max-width:360px){.header{grid-template-columns:100px minmax(0,1fr);gap:0 8px}.header .logo img{width:100px}.header .tools{gap:8px}.header .phone-contact{font-size:12px;gap:5px}}