/* V5: dedicated mobile masthead, native accordion arrows and complete offer photography. */
.dc-mobile-masthead{display:none}
/* Modal navigation sits above the old WordPress overlay texture. */
.main__nav:before{pointer-events:none!important;z-index:0!important}
.main__nav .dc-nav-shell{position:relative!important;z-index:3!important;isolation:isolate}
.dc-nav-logo,.dc-nav-logo img{opacity:1!important;visibility:visible!important;filter:none!important;mix-blend-mode:normal!important}
.dc-nav-logo{display:block!important;position:relative!important;z-index:8!important;pointer-events:auto!important;flex:0 1 auto}
.dc-nav-logo img{display:block!important;height:auto!important;max-width:100%!important}
.dc-nav-head{flex-shrink:0}
/* Native service panel's arrow: replace tiny text glyph. */
.nav__transform-toggle{border-radius:8px 8px 0 0!important;background:#f5f5f5!important;border:1px solid #e9e9e9!important;border-bottom:3px solid #f6b91d!important;box-shadow:none!important;letter-spacing:0!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important;padding:17px 58px 17px 20px!important;min-height:60px!important}
.nav__transform-toggle::after{content:''!important;display:block!important;position:absolute!important;right:23px!important;top:21px!important;width:12px!important;height:12px!important;border-bottom:2px solid #dba21a!important;border-right:2px solid #dba21a!important;transform:rotate(45deg)!important;font-size:0!important;transition:transform .2s ease!important}
.nav__transform.active .nav__transform-toggle::after{transform:translateY(6px) rotate(225deg)!important}
.nav__transform-toggle:focus-visible{outline:3px solid #f6b91d!important;outline-offset:2px!important}
/* Both desktop and mobile offer have an image even when the legacy 2018 media is absent. */
#spets-modal .spets__block-img{background-image:url('/assets/images/interier.webp')!important;background-position:center!important;background-size:cover!important;min-height:420px!important}
#spets-modal .spets__block-img-xs img{display:block!important;width:100%!important;height:210px!important;object-fit:cover!important}
.dc-popover__body #spets-modal{border-radius:6px!important;overflow:hidden!important}
.dc-popover__body .dc-popover__close{z-index:25}
@media(max-width:991px){
 html,body{overflow-x:clip!important}
 /* Replace two incompatible old desktop headers with a single controlled mobile layout. */
 .header,.header__fixed{display:none!important}
 .dc-mobile-masthead{display:block!important;position:sticky!important;top:0;left:0;width:100%;z-index:8500!important;background:#fff!important;box-shadow:0 2px 12px rgba(0,0,0,.12)!important;color:#181818!important;font-family:inherit!important}
 .dc-mobile-masthead *, .dc-mobile-masthead *:before,.dc-mobile-masthead *:after{box-sizing:border-box!important}
 .dc-mobile-masthead .dc-mobile-top{display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;height:66px;max-width:620px;margin:0 auto;padding:5px 14px}
 .dc-mobile-masthead .dc-mobile-toggle{margin:0!important;min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;padding:8px!important;border:0;background:transparent;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer}
 .dc-mobile-masthead .dc-mobile-bars{display:block;position:relative;width:25px;height:18px;border-top:2px solid #edb21a;border-bottom:2px solid #edb21a}
 .dc-mobile-masthead .dc-mobile-bars:before{content:'';position:absolute;left:0;right:0;top:7px;border-top:2px solid #edb21a}
 .dc-mobile-masthead .dc-mobile-logo{display:flex!important;align-items:center;justify-content:center;margin:0!important;min-width:0;height:58px;position:static!important;max-width:100%;text-decoration:none}
 .dc-mobile-masthead .dc-mobile-logo img{display:block;width:165px!important;max-width:100%!important;max-height:55px!important;height:auto!important;object-fit:contain;opacity:1!important;filter:none!important}
 .dc-mobile-masthead .dc-mobile-call{height:44px;width:44px;display:grid;place-items:center;color:#151515;text-decoration:none;background:#ffce4b;border-radius:50%;}
 .dc-mobile-masthead .dc-mobile-call svg{height:21px;width:21px;fill:none;stroke:#151515;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .dc-mobile-masthead .dc-mobile-branches{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;max-width:620px;margin:0 auto;border-top:1px solid #eee}
 .dc-mobile-masthead .dc-mobile-branch{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;padding:7px 5px;text-align:center;color:#151515!important;text-decoration:none!important}
 .dc-mobile-masthead .dc-mobile-branch+.dc-mobile-branch{border-left:1px solid #eee}
 .dc-mobile-masthead .dc-mobile-branch span{font-size:11px;line-height:1.25;color:#686868!important;font-weight:600;letter-spacing:.01em}
 .dc-mobile-masthead .dc-mobile-branch strong{font-size:clamp(12px,3.25vw,15px);line-height:1.25;white-space:nowrap;color:#171717!important;font-weight:700}
 .dc-mobile-masthead .dc-mobile-branch:active,.dc-mobile-masthead .dc-mobile-branch:focus-visible{background:#fff6db}
 .dc-mobile-masthead .dc-mobile-branch:focus-visible,.dc-mobile-masthead .dc-mobile-toggle:focus-visible,.dc-mobile-masthead .dc-mobile-logo:focus-visible{outline:2px solid #eeb41e;outline-offset:-2px}
 /* The original site assumes a fixed 100px header; the new masthead is in document flow. */
 .common-page .content,.page-template-tpl_uslugi .content,.page-template-tpl_contacts .content,.page-template-tpl_training .content,.page-template-tpl_about .content,.single-uslugi .content{padding-top:0!important}
 .nav__transform{margin-top:14px!important;margin-bottom:18px!important}
 .nav__transform-toggle{width:100%!important;display:block!important;position:relative!important}
 .nav__transform-box{max-width:100%!important}
 /* Promotional card becomes a proper image above the text. */
 .dc-popover{padding:16px!important;align-items:center!important}
 .dc-popover__body{width:100%;max-width:440px!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;border-radius:8px;background:#121212}
 .dc-popover__body #spets-modal{width:100%!important;max-width:100%!important;padding:0!important;overflow:visible!important}
 #spets-modal .spets__col:first-child{display:none!important}
 #spets-modal .spets__col:last-child{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
 #spets-modal .spets__block{display:flex!important;flex-direction:column!important;width:100%!important}
 #spets-modal .spets__block-img{display:none!important}
 #spets-modal .spets__block-img-xs{display:block!important;width:100%!important;margin:0!important;order:0!important}
 #spets-modal .spets__block-img-xs img{width:100%!important;height:clamp(150px,35vh,240px)!important;object-fit:cover!important}
 #spets-modal .spets__block-content{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;padding:24px 23px 26px!important}
 #spets-modal .spets__block-title{font-size:25px!important;line-height:1.18!important;color:#ffc641!important;margin:0 40px 12px 0!important}
 #spets-modal .spets__block-descr{font-size:15px!important;line-height:1.55!important;color:#fff!important}
 #spets-modal .spets__block-content .actions__wrap{width:100%!important;margin-top:18px!important}
 #spets-modal .spets__block-content .actions__wrap a{white-space:normal!important;height:auto!important;min-height:48px!important;line-height:1.35!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;padding:12px 14px!important}
 .dc-popover__close{top:8px!important;right:8px!important;z-index:50!important;width:42px;height:42px;border-radius:50%!important;background:rgba(0,0,0,.75)!important;color:#fff!important}
 .main__nav{z-index:99000!important}
 .main__nav .dc-nav-head{min-height:78px}
 .main__nav .dc-nav-logo img{width:178px!important;max-width:178px!important;opacity:1!important}
}
@media(max-width:360px){.dc-mobile-masthead .dc-mobile-top{padding:4px 10px}.dc-mobile-masthead .dc-mobile-logo img{width:143px!important}.dc-mobile-masthead .dc-mobile-branch strong{font-size:12px}}
@media(min-width:992px){
 /* Offer photo was pointing at a deleted path in the WordPress dump. */
 #spets-modal .spets__block-img{display:block!important}
}
/* V5 visual QA refinements: never let WordPress-era mobile menu decorations escape their button. */
.main__nav{background:#111215!important}
.dc-nav-links a,.dc-nav-calls a,.dc-mobile-masthead,.nav__transform-toggle,.nav__transform-box{font-family:Montserrat,Arial,sans-serif!important}
@media(max-width:991px){
 .dc-mobile-masthead .dc-mobile-bars{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 25px!important}
 .nav__transform-toggle{box-sizing:border-box!important;max-width:100%!important;overflow:visible!important}
 .nav__transform-toggle::before{content:none!important;display:none!important}
 .nav__transform-toggle::after{right:22px!important;top:20px!important;left:auto!important;height:12px!important;width:12px!important}
 .nav__transform .nav__transform-box{position:static!important;top:auto!important;left:auto!important;right:auto!important;z-index:auto!important;box-sizing:border-box!important;max-width:100%!important;width:100%!important;box-shadow:none!important;border:1px solid #e5e5e5!important;border-top:0!important;background:#fff!important;padding:13px!important;margin:0!important}
 .nav__transform.active .nav__transform-box{display:block!important;visibility:visible!important;opacity:1!important}
 .nav__transform .dc-side-v4{max-width:100%!important;width:100%!important;background:#fff!important}
 .nav__transform .dc-side-v4 .dc-side-prime{font-weight:600!important;font-size:15px!important}
 .nav__transform.active .nav__transform-toggle::after{transform:translateY(5px) rotate(225deg)!important}
}
