/* Общая типографика сайта и согласованные состояния навигации. */
@font-face{font-family:Inter;src:url('../fonts/inter/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/inter/InterVariable-Italic.woff2') format('woff2');font-style:italic;font-weight:100 900;font-display:swap}
:root{--zv-font:Inter,Arial,sans-serif;--zv-menu-text:#343743;--zv-menu-muted:#606074;--zv-menu-line:#dcdffa;--zv-menu-row-radius:10px;--zv-menu-button-radius:12px}
/* Не подменяем шрифты пиктограмм, код и содержимое сторонних виджетов. */
@layer zv-font-family{
html:root body,html:root body *:not(:where(.fa,.fas,.far,.fab,.fal,.fad,.dashicons,.material-icons,.material-symbols-outlined,[class^="icon-"],pre,pre *,code,code *,kbd,samp,jdiv,jdiv *,#jivo-iframe-container,#jivo-iframe-container *)){font-family:var(--zv-font)!important;font-optical-sizing:auto}
}
html:root body{font-weight:400}
html:root body :is(h1,h2,h3,h4,h5,h6){font-weight:600}
html:root body :is(button,input[type=submit],input[type=button]){font-weight:500}
html:root body :is(strong,b){font-weight:600}
/* Меню: один шрифт с сохранением иерархии главной и вторичной навигации. */
html:root body #zv-mega-menu .zm-label>a{font-size:16px;font-weight:600;text-transform:none}
html:root body #zv-mega-menu .zm-heading{font-weight:600}
html:root body #zv-mega-menu .zm-leaves a{font-size:15px;font-weight:400;line-height:1.5;padding-left:12px;padding-right:32px;color:var(--zv-menu-text);border-radius:var(--zv-menu-row-radius)}
html:root body #zv-mega-menu .zm-leaves a:before{content:none}
html:root body #zv-mega-menu .zm-leaves a:after{position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:0}
html:root body #zv-mega-menu .zm-leaves a:is(:hover,:focus-visible,[aria-current]):after,html:root body #zv-mega-menu .zm-leaves a.zm-overview:after{opacity:1}
html:root body #zv-mega-menu .zm-panel a:is(:hover,:focus-visible,[aria-current]),html:root body .zcd-desktop-list a:is(:hover,[aria-current]),html:root body .zcd-links a:is(:hover,[aria-current]){background:#eeefff;color:#4247b9!important}
html:root body #zv-mega-menu .zm-panel a[aria-current],html:root body .zcd-desktop-list a[aria-current],html:root body .zcd-links a[aria-current]{font-weight:500}
html:root body .zcd-desktop-switch{font-size:14px;font-weight:500;color:var(--zv-menu-text);border-color:var(--zv-menu-line);border-radius:var(--zv-menu-button-radius)}
html:root body .zcd-desktop-switch[aria-pressed=true]{color:#fff;border-color:#565ce0}
html:root body .zcd-desktop-list a{font-size:14px;font-weight:400;line-height:1.45;color:var(--zv-menu-muted)!important;border-radius:var(--zv-menu-row-radius)}
html:root body .zcd-desktop-list a[aria-current]{border-color:transparent}
html:root body .zcd-desktop-list .zcd-link-arrow{display:block;flex:none}
html:root body .zcd-desktop-list a:is(:hover,[aria-current]) .zcd-link-arrow{opacity:1;transform:none}
html:root body .zcd-desktop-all{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500}
html:root body .zcd-category{font-size:15px;font-weight:500;color:var(--zv-menu-text)}
html:root body .zcd-links a{font-size:14px;font-weight:400;border-radius:var(--zv-menu-row-radius)}
html:root body .zcd-request{font-size:14px;font-weight:500;min-height:48px;border-radius:var(--zv-menu-button-radius)}
html:root body .zcd-all{font-size:14px;font-weight:500}
html:root body .zcd-foot{flex-wrap:wrap}
/* Контурная стрелка перехода едина для списков и завершающих ссылок. */
html:root body #zv-mega-menu .zm-leaves a:after,html:root body .zcd-link-arrow,html:root body .zv-menu-arrow,html:root body .zcd-all>span,html:root body #zv-mega-menu .zm-pitch button>span{content:'';display:inline-block;width:16px;min-width:16px;height:16px;font-size:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
/* Одинаковые крестики и фон кнопок управления. */
html:root body #zm-mobile-control,html:root body .zcd-ready .catalog-overlay-close{width:48px;height:48px;min-width:48px;border:1px solid var(--zv-menu-line);border-radius:var(--zv-menu-button-radius);background:#eeefff;color:#4247b9;box-shadow:none}
html:root body #zm-mobile-control:hover,html:root body .zcd-ready .catalog-overlay-close:hover{background:#e3e5ff;border-color:#565ce0}
html:root body #zm-mobile-control[aria-expanded=true] span{width:18px}
html:root body #zm-mobile-control[aria-expanded=true] span:before,html:root body #zm-mobile-control[aria-expanded=true] span:after{width:18px;height:2px;border-radius:2px}
html:root body.zm-menu-open .catalog-menu-container.zcd-ready{visibility:hidden;pointer-events:none}
html:root body :is(#zv-mega-menu,.zcd-ready,.zcd-desktop-rail,.zrh-header) :is(a,button):focus-visible{outline:3px solid #565ce0!important;outline-offset:3px}
/* На самых узких экранах оставляем штатные 300px для блока проверки формы. */
@media(max-width:360px){
 html:root body .new-form{width:100%;margin-left:0;margin-right:0;padding:24px 10px}
 html:root body .new-form>.wpcf7{width:100%;min-width:0}
 html:root body .new-form .form-form :is(.card__item1,.card__item2,.card__item3){min-width:0;padding-left:0;padding-right:0}
 html:root body .new-form .form-actions .plate{max-width:100%;width:100%;padding:10px;white-space:normal;overflow-wrap:anywhere}
 html:root body .contacts__item2>.wpcf7{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px}
 html:root body .contacts__form{padding-left:10px;padding-right:10px}
}
