/* Preserve the original brand while fixing touch controls and narrow screens. */
:root{--masko-site-blue:#00a9ed;--masko-site-ink:#123342}
html{scroll-padding-top:90px}
body{overflow-wrap:break-word}
img,video{max-width:100%;height:auto}
button.feedback{font:inherit;background:transparent;cursor:pointer}
.gamb{border:0;background:transparent;cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #005c86!important;outline-offset:4px}
#sendmail .modal-content{border:0;border-radius:22px;box-shadow:0 24px 72px #102b4933}
#sendmail .modal-header{padding:22px 24px}
#sendmail .modal-body{padding:24px}
#sendmail .modal-title{font-size:23px;font-weight:600;color:var(--masko-site-ink)}
#sendmail .form-control{min-height:46px;border-radius:11px}
#sendmail .btn-primary{min-height:46px;padding:10px 24px;border-radius:12px;background:#0087bb;border-color:#0087bb}
#sendmail .notify-success{color:#08734e;font-size:18px;padding:16px}
#sendmail .notify-error{color:#a12626;padding-top:10px;line-height:1.5}
#sendmail .close{min-width:44px;min-height:44px}
#header .main_top .prev{font-weight:400}
#menu .feedback{min-height:42px}
@media(max-width:991px){
 #header .header .right_b .contacts .address{display:none}
 #header .header .right_b .menu{font-size:12px}
 #header .main_top .title{font-size:36px;line-height:1.2}
 #header .main_top .egg .circle,#header .main_top .egg span{max-width:100%}
}
@media(max-width:991px){
 #menu{top:0!important;left:0;right:0;position:fixed!important;z-index:1035;background:#fffffff5;box-shadow:0 2px 16px #12334214;backdrop-filter:blur(12px)}
 #menu .container>.row{position:relative;display:flex;align-items:center;min-height:68px}
 #menu .container>.row>div:first-child{width:55%;max-width:55%;flex:0 0 55%;display:flex;align-items:center}
 #menu .logo{display:block;width:70px;max-width:70px;padding:8px 0}
 #menu .gamb{display:block!important;position:relative!important;top:auto!important;right:auto!important;margin-left:22px;width:36px;height:44px;padding:8px 4px}
 #menu .gamb span{display:block;width:25px;height:2px;background:#174052;margin:5px 0;border-radius:4px}
 #menu .fixmf{width:45%;max-width:45%;flex:0 0 45%}
 #menu .fixmf{display:block!important}
 #menu .feedback{font-size:10px;padding:9px 12px;letter-spacing:.3px;border-radius:12px}
 #menu .fixmm{display:none;position:absolute;top:68px;left:0;right:0;width:100%;max-width:100%;padding:10px 24px 18px;background:#fff;box-shadow:0 12px 18px #12334214}
 #menu .fixmm.active{display:block}
 #menu .fixmm ul{display:flex;flex-direction:column;text-align:left;margin:0;padding:0}
 #menu .fixmm li{display:block;width:100%;margin:0}
 #menu .fixmm a{display:block;padding:12px 0;font-size:16px;line-height:1.3;color:#123342}
 #header{padding-top:90px!important}
 #header .header{display:flex!important}
 #header .menu{display:none!important}
 #header .header .left_b{display:none}
 #header .header .right_b{background:none;width:100%}
 #header .header .right_b .contacts{justify-content:flex-start!important;padding:0 0 16px}
 #header .header .right_b .contacts .phone a{font-size:17px}
 #header .header .right_b .contacts .feedback{display:none}
 #header .main_top .title{font-size:32px;line-height:1.18}
 #header .main_top .prev{font-size:16px;line-height:1.6;padding:20px 0}
 #main_about:before,#main_about:after{display:none}
 #main_about{padding-top:30px;padding-bottom:36px}
 #main_about p{font-size:16px;line-height:1.6}
 #main_about h2,#main_products h2,#main_news h2{font-size:28px;line-height:1.3}
 #about_slider{padding:0 36px}
 #main_products,#main_news{padding-top:32px}
 #footer .logo a{max-width:110px;margin:0 auto 24px}
 #footer .menu li{width:50%}
 #footer .contacts{margin-top:16px}
 #last .copyright,#last .pbd{text-align:center!important}
 #contacts iframe{min-height:280px}
 .modal-dialog{margin:12px}
 #sendmail .modal-body{padding:20px}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* Consistent phone/tablet layout: one fixed toolbar, then a compact contact strip. */
@media(max-width:991px){
 html{scroll-padding-top:84px;scrollbar-gutter:auto}
 body{font-size:16px;line-height:1.55}
 #menu{height:72px;padding:4px 0;transition:none}
 #menu .container>.row{min-height:64px;height:64px;flex-wrap:nowrap}
 #menu .container>.row>div:first-child{min-width:0}
 #menu .logo{width:52px;max-width:52px;height:52px;padding:2px 0;flex:none}
 #menu .logo img{display:block;height:48px;width:48px;max-width:100%;object-fit:contain}
 #menu .gamb{width:44px;height:44px;flex:none;margin-left:16px;padding:10px;border-radius:12px;background:#e9f7fd}
 #menu .gamb span,#menu .gamb span:nth-child(1){width:24px;height:2px;margin:5px 0;background:#12506b}
 #menu .feedback{min-height:44px;margin:0;font-size:10px;line-height:1.25;letter-spacing:.2px;padding:10px 12px;white-space:normal}
 #menu .fixmm{top:68px!important;left:0!important;right:0;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow:auto;overscroll-behavior:contain;padding:12px 16px 18px;border-radius:0 0 20px 20px;box-shadow:0 14px 24px #12334226}
 #menu .fixmm .menu li{padding:0;text-align:left;text-transform:none}
 #menu .fixmm .menu a{min-height:48px;padding:12px 16px;border-radius:12px;font-size:16px;line-height:24px;letter-spacing:0}
 #menu .fixmm .menu li.active a{background:#e5f6fd;color:#0078a8}
 #header{margin-top:72px;padding-top:0!important}
 #header .header{min-height:48px;height:auto;padding-top:0;padding-bottom:0}
 #header .header .right_b .contacts{min-height:48px;padding:0;justify-content:center!important}
 #header .header .right_b .contacts .phone a{display:block;font-size:15px;font-weight:500;line-height:48px;margin:0}
 #header .main_top{padding:8px 20px 24px}
 #header .main_top .egg{display:none!important}
 #header .main_top .carousel-item>.row>[class*="col-"]{flex:0 0 100%;max-width:100%}
 #header .main_top .title{margin-top:12px;font-size:30px;line-height:1.2;max-width:100%}
 #header .main_top .prev{max-width:100%;font-size:16px;line-height:1.55;padding:16px 0}
 #header .main_top .more{display:inline-flex;min-height:44px;align-items:center;margin-bottom:12px}
 #header .main_top .carousel-control-prev,#header .main_top .carousel-control-next{display:flex;top:auto;bottom:12px;left:auto;width:44px;height:44px;min-width:44px;min-height:44px;transform:none}
 #header .main_top .carousel-control-prev{right:56px}
 #header .main_top .carousel-control-next{right:4px;transform:rotate(180deg)}
 #header .main_top .more{max-width:calc(100% - 112px);padding-left:20px;padding-right:20px}
 #inner,#contacts,#nomain_products,.container,.row>[class*="col-"]{min-width:0}
 #inner h1,#contacts h1,#nomain_products h1{font-size:26px;line-height:1.25;padding:24px 0 20px;overflow-wrap:anywhere}
 #inner h2{font-size:23px;line-height:1.35}
 #inner iframe{max-width:100%;width:100%}
 #inner iframe[src*="youtube"]{height:auto;aspect-ratio:16/9}
 #contacts .selector{display:flex;gap:8px;flex-wrap:wrap;padding-left:0}
 #contacts .selector li{padding:10px 14px;font-size:15px;line-height:1.4;min-height:44px;border-radius:12px;background:#eef8fc}
 #contacts .selector li.active{background:#daf2fc}
 #contacts .block1,#contacts .persons,#contacts .rekviz{overflow-wrap:anywhere}
 #contacts .block1 .address,#contacts .block1 .phones,#contacts .block1 .mail{font-size:16px;line-height:1.5}
 #top_sections ul{display:flex;flex-wrap:wrap;gap:8px;padding-left:0}
 #top_sections a{display:inline-flex;min-height:44px;align-items:center}
 #detail_prod .volume{color:#58717e;font-size:16px;line-height:1.55;margin-bottom:14px}
 #detail_prod .volume span{color:#173b4b}
 #filials h2[data-toggle="collapse"]{position:relative;min-height:48px;padding-right:46px;border-radius:12px;cursor:pointer}
 #filials h2[data-toggle="collapse"]::after{content:'−';position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#007da8;font-size:24px;font-weight:400}
 #filials h2.collapsed::after{content:'+'}
 #footer .menu li{margin:0;padding:0 8px 8px;font-size:15px;line-height:1.5}
 #footer .menu a{display:inline-block;padding:8px 0}
 #last{padding-bottom:max(16px,env(safe-area-inset-bottom))}
 #sendmail .modal-dialog{margin:12px auto;max-width:calc(100% - 24px)}
 #sendmail.modal{padding-left:0!important;padding-right:0!important}
 #sendmail .modal-dialog-centered{min-height:calc(100% - 24px)}
 #sendmail .modal-content{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto}
 #sendmail .modal-header{padding:16px 18px}
 #sendmail .modal-title{font-size:21px;line-height:1.3}
 #sendmail input,#sendmail textarea,#sendmail select{font-size:16px}
 #sendmail .btn-primary{width:100%;min-height:48px}
}

/* Local font is available before navigation; avoid a late typography replacement. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:optional;src:url('../fonts/InterVariable.woff2') format('woff2')}
body,input,button,textarea,select{font-family:Inter,Arial,sans-serif}