/* AD17: typographic wordmark and a menu sized to the available viewport. */
html{scrollbar-gutter:stable}
.logo .brand-logo{width:auto;height:52px;max-width:none}
.menu-header .logo .brand-logo{width:auto;height:54px;max-width:none}
.footer-logo .brand-logo{width:auto;height:92px;max-width:100%}
.navigation{height:100dvh;display:grid;grid-template-rows:clamp(58px,9dvh,88px) minmax(0,1fr) auto;overflow:clip;overscroll-behavior:contain;--menu-gap:clamp(10px,1.6dvh,20px)}
.navigation[hidden]{display:none}
.menu-header{height:auto;min-height:0;flex:none}
.menu-content{height:100%;min-height:0;flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,6vw,88px);padding:clamp(12px,2.4dvh,28px) 0;align-items:stretch}
.menu-content>div:first-child{display:flex;flex-direction:column;min-width:0;min-height:0}
.menu-content>div:first-child>.eyebrow{flex:none}
.menu-sections{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));flex:1;gap:0;margin-top:clamp(10px,2dvh,24px);min-height:0}
.menu-sections button{height:100%;min-height:0;padding:6px 0;gap:clamp(10px,1.3vw,20px);font-size:clamp(21px,2.05vw,34px);line-height:1.2}
.menu-sections .icon{width:28px;height:28px;flex:0 0 28px}
.menu-thumb{width:clamp(46px,5.5vw,78px);height:clamp(30px,6.4dvh,56px);flex:none;margin:0}
.menu-pane{height:100%;min-height:0;min-width:0;align-self:stretch;display:flex;flex-direction:column;padding:0;gap:0}
.menu-pane>.eyebrow{flex:none}
.menu-pane h2{font-size:clamp(27px,2.55vw,40px);line-height:1.15;margin:8px 0 10px;flex:none}
.menu-pane>p{font-size:16px;line-height:1.5;margin:0 0 var(--menu-gap);flex:none}
.menu-pane .menu-sublinks{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:0 0 var(--menu-gap)}
.menu-pane .menu-sublinks:empty{display:none}
.menu-pane .menu-sublinks>a{min-height:clamp(44px,9dvh,78px);gap:12px;padding:clamp(5px,1dvh,12px) 0;font-size:17px;line-height:1.3}
.menu-brand-emblem{width:64px;height:clamp(32px,6.5dvh,56px);flex:0 0 64px}
.menu-sublinks .menu-brand-emblem img{width:64px;height:100%;margin:0;flex:none}
.menu-sublinks[aria-label="Двигатели"]>a>.icon{width:32px;height:32px;flex:0 0 64px}
.menu-featured{flex:1;min-height:0;max-height:260px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;align-items:stretch}
.menu-pane .menu-featured a{min-width:0;min-height:0;padding:clamp(8px,1.5dvh,16px) 10px;gap:8px;display:grid;grid-template-rows:minmax(0,1fr) auto}
.menu-featured img{width:100%;height:100%;min-height:0;margin:0;object-fit:contain}
.menu-featured span{padding:0 4px;gap:2px}
.menu-featured strong{font-size:21px;line-height:1.25}
.menu-featured small{font-size:15px;line-height:1.4}
.menu-image{flex:1;min-height:0;height:auto;max-height:340px;margin:0}
.menu-pane .menu-image img{margin:0;height:100%}
.menu-pane a.phone{font-size:clamp(24px,2.2vw,32px);line-height:1.3;min-height:0;padding:0;margin:0 0 var(--menu-gap);flex:none}
.menu-pane>.social-links{flex:none;gap:8px;margin:0 0 var(--menu-gap);flex-wrap:wrap}
.menu-pane .social-links>a,.menu-pane .social-links>.social-preview{padding:6px 10px;min-height:38px;font-size:14px;line-height:22px;gap:8px}
.menu-pane .social-links .icon{width:23px;height:23px;flex:0 0 23px}
.menu-bottom{min-height:0;flex:none;margin-top:0;padding:clamp(10px,1.7dvh,18px) 0;gap:16px;flex-wrap:nowrap;font-size:14px;line-height:22px}
.menu-bottom .social-links{gap:8px;flex-wrap:nowrap}
.menu-bottom .social-links>a,.menu-bottom .social-links>.social-preview{font-size:14px;line-height:22px;min-height:42px;padding:8px 10px;gap:8px;white-space:nowrap}
.menu-bottom .social-links .icon{width:24px;height:24px;flex:0 0 24px}
@media(max-height:720px){
 .menu-pane h2{font-size:28px}.menu-pane>p{font-size:15px;line-height:1.4}
 .menu-sections button{font-size:25px}.menu-featured{max-height:180px}
 .menu-pane .social-links>a>span,.menu-pane .social-links>.social-preview>span{display:none}
 .menu-pane .social-links>a,.menu-pane .social-links>.social-preview{width:42px;padding:8px;justify-content:center}
}
@media(min-width:761px) and (max-width:1100px){
 .logo .brand-logo{height:48px}.menu-content{gap:30px}.menu-sections button{font-size:23px;gap:10px}
 .menu-pane .menu-sublinks>a{font-size:15px;gap:8px}.menu-brand-emblem{width:52px;flex-basis:52px}
 .menu-sublinks .menu-brand-emblem img{width:52px}.menu-sublinks[aria-label="Двигатели"]>a>.icon{flex-basis:52px}
 .menu-bottom>span{max-width:220px}.menu-bottom .social-links>a,.menu-bottom .social-links>.social-preview{padding-inline:8px;font-size:13px}
}
@media(max-width:760px){
 .logo .brand-logo{height:46px}.menu-header .logo .brand-logo{height:46px}.footer-logo .brand-logo{height:86px}
 .navigation{grid-template-rows:60px minmax(0,1fr) auto;--menu-gap:10px}
 .menu-content{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:14px;padding:12px 0}
 .menu-content>div:first-child>.eyebrow{display:none}
 .menu-sections{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,52px);margin:0;gap:0 12px}
 .menu-sections button{font-size:15px;letter-spacing:-.3px;gap:8px;line-height:1.2;padding:6px 0}
 .menu-sections button>span:not(.menu-label){display:none}.menu-sections .icon{display:none}
 .menu-thumb{width:28px;height:28px;object-fit:cover;order:-1}
 .menu-sections button>.menu-label{flex:1}
 .menu-pane h2{font-size:26px;line-height:1.15;margin:5px 0 8px}
 .menu-pane>p{font-size:14px;line-height:1.4}
 .menu-pane>.eyebrow{font-size:12px;line-height:18px}
 .menu-pane .menu-sublinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
 .menu-pane .menu-sublinks>a{font-size:14px;min-height:46px;padding:5px 0;gap:8px;line-height:1.2}
 .menu-brand-emblem{width:42px;height:36px;flex-basis:42px}.menu-sublinks .menu-brand-emblem img{width:42px;height:36px}
 .menu-sublinks[aria-label="Двигатели"]>a>.icon{width:26px;height:26px;flex-basis:42px}
 .menu-pane .menu-sublinks .icon{width:22px;height:22px;flex:0 0 22px}
 .menu-featured{max-height:180px;gap:8px}.menu-pane .menu-featured a{padding:8px 6px;gap:5px}
 .menu-featured span{padding:0 2px}.menu-featured strong{font-size:17px}.menu-featured small{font-size:12px;line-height:18px}
 .menu-pane a.phone{font-size:25px}
 .menu-bottom{padding:8px 0;justify-content:center;gap:0}.menu-bottom>span{display:none}
 .menu-bottom .social-links>a>span,.menu-bottom .social-links>.social-preview>span{display:none}
 .menu-bottom .social-links>a,.menu-bottom .social-links>.social-preview{width:46px;min-height:44px;padding:9px;justify-content:center}
}
@media(max-width:760px) and (max-height:700px){
 .menu-content{gap:10px;padding:8px 0}.menu-sections{grid-template-rows:repeat(3,44px)}
 .menu-thumb{width:24px;height:24px}.menu-sections button{font-size:14px}.menu-pane h2{font-size:23px}
 .menu-pane .menu-sublinks>a{min-height:40px}.menu-brand-emblem{height:30px}.menu-sublinks .menu-brand-emblem img{height:30px}
 .menu-featured strong{font-size:16px}.menu-featured small{font-size:12px;line-height:16px}
}
@media(min-width:761px) and (max-height:520px){
 .navigation{grid-template-rows:52px minmax(0,1fr) auto;--menu-gap:6px}.menu-header .logo .brand-logo{height:38px}
 .menu-content{padding:8px 0;gap:24px}.menu-sections{margin-top:6px}.menu-sections button{font-size:19px;gap:10px;padding:4px 0}
 .menu-content>div:first-child>.eyebrow,.menu-pane>.eyebrow{font-size:11px;line-height:16px}
 .menu-sections .icon{width:22px;height:22px;flex-basis:22px}.menu-thumb{width:42px;height:27px}
 .menu-pane h2{font-size:23px;margin:3px 0 5px}.menu-pane>p{font-size:13px;line-height:1.35}
 .menu-pane .menu-sublinks>a{font-size:14px;min-height:36px;padding:3px 0;gap:8px}
 .menu-brand-emblem{width:44px;height:28px;flex-basis:44px}.menu-sublinks .menu-brand-emblem img{width:44px;height:28px}
 .menu-sublinks[aria-label="Двигатели"]>a>.icon{width:24px;height:24px;flex-basis:44px}
 .menu-pane .menu-featured a{padding:5px 8px;grid-template-columns:44px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:6px;align-items:center}
 .menu-featured strong{font-size:17px}.menu-featured small{font-size:12px}.menu-featured span{padding:0}
 .menu-bottom{padding:6px 0}.menu-bottom>span{display:none}.menu-bottom{justify-content:flex-end}
 .menu-bottom .social-links>a,.menu-bottom .social-links>.social-preview{min-height:34px;padding:5px 9px;font-size:12px}
 .menu-bottom .social-links .icon{width:22px;height:22px;flex-basis:22px}
}
@media(max-width:760px) and (max-height:600px){
 .navigation{grid-template-rows:52px minmax(0,1fr) auto;--menu-gap:6px}.menu-header .logo .brand-logo{height:40px}
 .menu-content{padding:8px 0;gap:8px}.menu-sections{grid-template-rows:repeat(3,42px)}
 .menu-sections button{font-size:13px}.menu-pane>.eyebrow{display:none}.menu-pane h2{font-size:22px;margin:3px 0 6px}
 .menu-pane>p{font-size:13px;line-height:1.35}.menu-pane .menu-sublinks>a{min-height:36px;font-size:13px;gap:6px}
 .menu-brand-emblem{width:36px;height:28px;flex-basis:36px}.menu-sublinks .menu-brand-emblem img{width:36px;height:28px}
 .menu-sublinks[aria-label="Двигатели"]>a>.icon{flex-basis:36px}
 .menu-featured{max-height:130px}.menu-bottom{padding:6px 0}
}
@media(min-width:600px) and (max-width:760px) and (max-height:520px){
 .navigation{grid-template-rows:46px minmax(0,1fr) auto;--menu-gap:5px}.menu-header .logo .brand-logo{height:34px}
 .menu-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:20px;padding:6px 0}
 .menu-sections{flex:1;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(6,minmax(0,1fr));margin:0;gap:0}
 .menu-sections button{font-size:16px;gap:10px;padding:3px 0}.menu-thumb{width:30px;height:26px}
 .menu-pane h2{font-size:21px;line-height:1.1;margin:0 0 5px}.menu-pane>p{font-size:12px;line-height:1.3}
 .menu-pane .menu-sublinks>a{min-height:28px;font-size:12px;padding:2px 0;gap:5px}
 .menu-brand-emblem{width:30px;height:24px;flex-basis:30px}.menu-sublinks .menu-brand-emblem img{width:30px;height:24px}
 .menu-sublinks[aria-label="Двигатели"]>a>.icon{width:22px;height:22px;flex-basis:30px}
 .menu-pane .menu-featured a{padding:4px;gap:3px;grid-template-rows:minmax(0,1fr) auto}
 .menu-featured strong{font-size:14px}.menu-featured small{font-size:10px;line-height:14px}
 .menu-pane a.phone{font-size:22px}.menu-pane .social-links>a,.menu-pane .social-links>.social-preview{width:32px;min-height:30px;padding:4px}
 .menu-bottom{padding:4px 0}.menu-bottom .social-links>a,.menu-bottom .social-links>.social-preview{width:38px;min-height:34px;padding:5px}
}