/* Start:/bitrix/templates/aspro-lite/css/fonts/inter/css/inter.min.css?16913472032469*/
@font-face{font-family:Inter;font-style:normal;font-weight:300;src:url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-300.eot);src:local(''),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-300.eot?#iefix) format('embedded-opentype'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-300.woff2) format('woff2'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-300.woff) format('woff'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-300.ttf) format('truetype'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-300.svg#Inter) format('svg')}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-regular.eot);src:local(''),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-regular.eot?#iefix) format('embedded-opentype'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-regular.woff2) format('woff2'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-regular.woff) format('woff'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-regular.ttf) format('truetype'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-regular.svg#Inter) format('svg')}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-500.eot);src:local(''),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-500.eot?#iefix) format('embedded-opentype'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-500.woff2) format('woff2'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-500.woff) format('woff'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-500.ttf) format('truetype'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-500.svg#Inter) format('svg')}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-600.eot);src:local(''),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-600.eot?#iefix) format('embedded-opentype'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-600.woff2) format('woff2'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-600.woff) format('woff'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-600.ttf) format('truetype'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-600.svg#Inter) format('svg')}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-700.eot);src:local(''),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-700.eot?#iefix) format('embedded-opentype'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-700.woff2) format('woff2'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-700.woff) format('woff'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-700.ttf) format('truetype'),url(/bitrix/templates/aspro-lite/css/fonts/inter/css/../fonts/inter-v8-latin_cyrillic-ext-700.svg#Inter) format('svg')}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/lite.bootstrap.min.css?16913472034995*/
@-ms-viewport{width:device-width}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{width:100%;height:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}p{margin:0 0 10px}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;line-height:inherit}.form-control{display:block;width:100%;font-size:14px;line-height:1.428571429}.clearfix:after,.clearfix:before{content:" ";display:table}ol,ul{margin-top:0;margin-bottom:10px}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}.row{margin-left:-16px;margin-right:-16px}.row:after,.row:before{content:" ";display:table}.row:after{clear:both}.row:after,.row:before{content:" ";display:table}.row:after{clear:both}.col-lg-12,.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-8,.col-md-12,.col-md-3,.col-md-4,.col-md-6,.col-md-8,.col-sm-12,.col-sm-3,.col-sm-4,.col-sm-6,.col-sm-8,.col-xs-12,.col-xs-3,.col-xs-4,.col-xs-6,.col-xs-8{position:relative;min-height:1px;padding-left:16px;padding-right:16px}.col-xs-3,.col-xs-4,.col-xs-6,.col-xs-8{float:left}.col-xs-12{width:100%}.col-xs-8{width:66.66666666666666%}.col-xs-6{width:50%}.col-xs-4{width:33.33333333333333%}.col-xs-3{width:25%}@media (min-width:768px){.container{width:750px}.col-sm-3,.col-sm-4,.col-sm-6,.col-sm-8{float:left}.col-sm-12{width:100%}.col-sm-8{width:66.66666666666666%}.col-sm-6{width:50%}.col-sm-4{width:33.33333333333333%}.col-sm-3{width:25%}}@media (min-width:992px){.container{width:970px}.col-md-3,.col-md-4,.col-md-6,.col-md-8{float:left}.col-md-12{width:100%}.col-md-8{width:66.66666666666666%}.col-md-6{width:50%}.col-md-4{width:33.33333333333333%}.col-md-3{width:25%}}@media (min-width:1200px){.container{width:1170px}.col-lg-3,.col-lg-4,.col-lg-6{float:left}.col-lg-12{width:100%}.col-lg-8{width:66.66666666666666%}.col-lg-6{width:50%}.col-lg-4{width:33.33333333333333%}.col-lg-3{width:25%}}.tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;visibility:visible}.tooltip.in{opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#000;border-width:5px 5px 0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000;border-width:5px 5px 5px 0}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#000;border-width:0 5px 5px}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#356635}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#2d6987}.alert-warning{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.alert-warning hr{border-top-color:#f8e5be}.alert-warning .alert-link{color:#a47e3c}.alert-danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-danger hr{border-top-color:#e6c1c7}.alert-danger .alert-link{color:#953b39}.img-responsive{max-width:100%;max-height:100%}
/* End */


/* Start:/bitrix/templates/aspro-lite/vendor/css/ripple.css?1691347203854*/
.has-ripple {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.ripple {
    display: block;
    position: absolute;
    pointer-events: none;
    border-radius: 50%;

    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    background: #fff;
    opacity: 1;
}
.ripple-animate {
    -webkit-animation: ripple;
    -o-animation: ripple;
    animation: ripple;
}
@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}
@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2);
        transform: scale(2);
    }
}
@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}

/* End */


/* Start:/bitrix/templates/aspro-lite/css/buttons.min.css?169134720314014*/
.btn.btn-default{border-color:#9e9e9e;background-color:#9e9e9e;background-color:var(--theme-base-color);border-color:var(--theme-base-color);color:#fff}.btn-default:active,.btn-default:focus,.btn.btn-default:hover{border-color:#9e9e9e;background-color:#9e9e9e;background-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));border-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))}.btn-default.white:active,.btn-default.white:focus,.btn.btn-default.white:hover{color:#fff!important;border-color:var(--theme-base-color);background:var(--theme-base-color)}.btn-default.white.white-bg:active,.btn-default.white.white-bg:focus,.btn.btn-default.white.white-bg:hover{color:var(--theme-base-color)!important;border-color:var(--theme-base-color);background:#fff}.btn.btn-default.btn-transparent-bg:not(:hover){color:#9e9e9e;color:var(--fill_dark_lite_white_hover);border-color:var(--fill_dark_lite_white_hover)}.btn.btn-default.btn-transparent-bg:not(:hover) *{fill:var(--fill_dark_lite_white_hover)}.btn.btn-white{color:#9e9e9e;color:var(--theme-base-color);background-color:#fff}.btn.btn-white *{fill:var(--theme-base-color)}.btn.btn-white:hover{color:#fff}.btn.btn-white:hover *{fill:#fff}.btn.btn-white.btn-transparent{background-color:rgba(255,255,255,.1)}.btn.btn-white.btn-transparent:active,.btn.btn-white.btn-transparent:focus,.btn.btn-white.btn-transparent:hover{background-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));border-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))}.btn.btn-white.btn-transparent-border{border:1px solid rgba(255,255,255,.35);color:#fff}.btn.btn-white.btn-transparent-border:active,.btn.btn-white.btn-transparent-border:focus,.btn.btn-white.btn-transparent-border:hover{background-color:#fff;border-color:#fff}.btn.btn-white.btn-transparent-border:not(:hover) *{fill:#fff}.btn.btn-white.btn-transparent-border:hover{color:var(--theme-base-color)}.btn.btn-white.btn-transparent-border:hover *{fill:var(--theme-base-color)}.btn.btn-white.btn-transparent-bg:hover{color:var(--theme-base-color)}.btn.btn-white.btn-transparent-bg:hover *{fill:var(--theme-base-color)}.btn.btn-white.btn-transparent-bg:not(:hover){color:#fff}.btn.btn-white.btn-transparent-bg:not(:hover) *{fill:#fff}.btn.btn-warning{background-color:#f38b04;border-color:#f38b04}.btn.btn-warning:active,.btn.btn-warning:focus,.btn.btn-warning:hover{background-color:#f8a132;border-color:#f8a132}.btn.btn-warning.btn-transparent{background-color:rgba(243,139,4,.1)}.btn.btn-warning.btn-transparent:active,.btn.btn-warning.btn-transparent:focus,.btn.btn-warning.btn-transparent:hover{background-color:#f8a132;border-color:#f8a132}.btn.btn-warning.btn-transparent-border{border:1px solid rgba(243,139,4,.35);color:#f38b04}.btn.btn-warning.btn-transparent-border:active,.btn.btn-warning.btn-transparent-border:focus,.btn.btn-warning.btn-transparent-border:hover{background-color:#f8a132;border-color:#f8a132}.btn.btn-warning.btn-transparent-border:not(:hover) *{fill:#f38b04}.btn.btn-warning.btn-transparent-bg:not(:hover){color:#f38b04}.btn.btn-warning.btn-transparent-bg:not(:hover) *{fill:#f38b04}.btn.btn-primary{background-color:#00b290;border-color:#00b290}.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover{background-color:#30c4a8;border-color:#30c4a8}.btn.btn-primary.btn-transparent{background-color:rgba(0,178,144,.1)}.btn.btn-primary.btn-transparent:active,.btn.btn-primary.btn-transparent:focus,.btn.btn-primary.btn-transparent:hover{background-color:#30c4a8;border-color:#30c4a8}.btn.btn-primary.btn-transparent-border{border:1px solid rgba(0,178,144,.35);color:#00b290}.btn.btn-primary.btn-transparent-border:active,.btn.btn-primary.btn-transparent-border:focus,.btn.btn-primary.btn-transparent-border:hover{background-color:#30c4a8;border-color:#30c4a8}.btn.btn-primary.btn-transparent-border:not(:hover) *{fill:#00b290}.btn.btn-primary.btn-transparent-bg:not(:hover){color:#00b290}.btn.btn-primary.btn-transparent-bg:not(:hover) *{fill:#00b290}.btn.btn-info{background-color:#0ca9e3;border-color:#0ca9e3}.btn.btn-info:active,.btn.btn-info:focus,.btn.btn-info:hover{background-color:#39baec;border-color:#39baec}.btn.btn-info.btn-transparent{background-color:rgba(12,169,227,.1)}.btn.btn-info.btn-transparent:active,.btn.btn-info.btn-transparent:focus,.btn.btn-info.btn-transparent:hover{background-color:#39baec;border-color:#39baec}.btn.btn-info.btn-transparent-border{border:1px solid rgba(12,169,227,.35);color:#0ca9e3}.btn.btn-info.btn-transparent-border:active,.btn.btn-info.btn-transparent-border:focus,.btn.btn-info.btn-transparent-border:hover{background-color:#39baec;border-color:#39baec}.btn.btn-info.btn-transparent-border:not(:hover) *{fill:#0ca9e3}.btn.btn-info.btn-transparent-bg:not(:hover){color:#0ca9e3}.btn.btn-info.btn-transparent-bg:not(:hover) *{fill:#0ca9e3}.btn.btn-danger{background-color:#dc130d;border-color:#dc130d}.btn.btn-danger:active,.btn.btn-danger:focus,.btn.btn-danger:hover{background-color:#e63f3a;border-color:#e63f3a}.btn.btn-danger.btn-transparent{background-color:rgba(220,19,13,.1)}.btn.btn-danger.btn-transparent:active,.btn.btn-danger.btn-transparent:focus,.btn.btn-danger.btn-transparent:hover{background-color:#e63f3a;border-color:#e63f3a}.btn.btn-danger.btn-transparent-border{border:1px solid rgba(220,19,13,.35);color:#dc130d}.btn.btn-danger.btn-transparent-border:active,.btn.btn-danger.btn-transparent-border:focus,.btn.btn-danger.btn-transparent-border:hover{background-color:#e63f3a;border-color:#e63f3a}.btn.btn-danger.btn-transparent-border:not(:hover) *{fill:#dc130d}.btn.btn-danger.btn-transparent-bg:not(:hover){color:#dc130d}.btn.btn-danger.btn-transparent-bg:not(:hover) *{fill:#dc130d}.btn.btn-success{background-color:#84bc29;border-color:#84bc29}.btn.btn-success:active,.btn.btn-success:focus,.btn.btn-success:hover{background-color:#9dca53;border-color:#9dca53}.btn.btn-success.btn-transparent{background-color:rgba(132,188,41,.1)}.btn.btn-success.btn-transparent:active,.btn.btn-success.btn-transparent:focus,.btn.btn-success.btn-transparent:hover{background-color:#9dca53;border-color:#9dca53}.btn.btn-success.btn-transparent-border{border:1px solid rgba(132,188,41,.35);color:#84bc29}.btn.btn-success.btn-transparent-border:active,.btn.btn-success.btn-transparent-border:focus,.btn.btn-success.btn-transparent-border:hover{background-color:#9dca53;border-color:#9dca53}.btn.btn-success.btn-transparent-border:not(:hover) *{fill:#84bc29}.btn.btn-success.btn-transparent-bg:not(:hover){color:#84bc29}.btn.btn-success.btn-transparent-bg:not(:hover) *{fill:#84bc29}.btn.btn-transparent{background-color:hsl(var(--dark_light-wtheme-hue),var(--dark_light-wtheme-saturation),var(--dark_light-wtheme-lightness),.1);color:#9e9e9e;color:var(--fill_dark_lite_white_hover);border-color:transparent}.btn.btn-transparent .fill-theme path{fill:var(--fill_dark_lite_white_hover)}.btn.btn-transparent:active,.btn.btn-transparent:focus,.btn.btn-transparent:hover{background-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));border-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));color:#fff}.btn.btn-transparent-border{background-color:transparent;color:#9e9e9e;color:var(--fill_dark_lite_white_hover);border:1px solid;border-color:hsla(var(--dark_light-wtheme-hue),var(--dark_light-wtheme-saturation),var(--dark_light-wtheme-lightness),.35)}.btn.btn-transparent-border:active,.btn.btn-transparent-border:focus,.btn.btn-transparent-border:hover{border-color:#9e9e9e;background-color:#9e9e9e;background-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));border-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));color:#fff}.btn.btn-transparent-border:not(:hover):not(.active) *{fill:var(--fill_dark_lite_white_hover)}.btn.btn-transparent-border.active,.btn.btn-transparent-border:hover{color:#fff;background-color:var(--theme-base-color);border:1px solid var(--theme-base-color)}.btn.btn-responsive-nav{background-color:var(--theme-base-color)}.btn.btn-responsive-nav:hover{color:var(--theme-base-color);border:1px solid var(--theme-base-color);background-color:#fff;padding:4px 7px 2px}.btn.btn-link{color:var(--theme-base-color);border-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + 35%))}.btn.btn-link:hover{color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));border-color:transparent}.btn.btn-link:active{color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) - 16%))}.btn.btn-default.wc.vert .fa{background-color:var(--theme-base-color)}.btn.btn-default.wc.vert:hover .fa{background-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))}body header.light .logo_and_menu-row .confirm_region .buttons .btn.btn-default.btn-transparent-bg:not(:hover){color:var(--theme-base-color)!important}.btn{--button-height:42px;--button-font-size:0.9375rem;--button-pl:20px;--button-pr:20px;font-size:.9375rem;font-size:var(--button-font-size);line-height:1em;font-weight:600;text-transform:none;text-transform:var(--theme-text-transform);letter-spacing:normal;letter-spacing:var(--theme-letter-spacing);text-decoration:none;margin:0;border:1px solid;border-radius:8px;border-radius:var(--border-radius);padding:1px 20px;padding-left:var(--button-pl);padding-right:var(--button-pr);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;height:42px;height:var(--button-height);user-select:none;background-image:none;cursor:pointer;white-space:nowrap;transition:background-color .1s ease;-moz-transition:background-color .1s ease;-ms-transition:background-color .1s ease;-o-transition:background-color .1s ease;-webkit-transition:background-color .1s ease}.btn>*{-moz-transition:background-color .1s;-ms-transition:background-color .1s;-o-transition:background-color .1s;-webkit-transition:background-color .1s;transition:background-color .1s}.mobile .btn,.mobile .btn>*{transition:none}.btn-elg{--button-height:51px;--button-font-size:1.0625rem;--button-pl:24px;--button-pr:24px}.btn.btn-lg{--button-height:47px;--button-font-size:1rem;--button-pl:24px;--button-pr:24px}.btn.btn-sm{--button-height:35px;--button-font-size:0.875rem;--button-pl:16px;--button-pr:16px}.btn.btn-xs{--button-height:29px;--button-font-size:0.8125rem;--button-pl:13px;--button-pr:13px}.btn.active,.btn:active{box-shadow:none}.btn.disabled,.btn[disabled]{background:0 0!important;border:1px solid #bbb!important;color:#bbb!important}.btn.disabled>*,.btn[disabled]>*{background:0 0!important;border:none!important;color:#bbb!important}.btn-lg.disabled,.btn-lg[disabled]{border-width:2px}.btn-icon i{margin-right:10px}.btn-icon-right i{margin-right:0;margin-left:10px}.btn-default.wc{padding:0!important;font-size:0}.btn-default.wc .fa{display:inline-block;height:31px;line-height:32px;vertical-align:top;width:32px;zoom:1;font-size:13px}.btn-default.wc span{display:inline-block;padding:6px 12px 5px 0;line-height:19px;vertical-align:top;zoom:1;font-size:13px}.btn-default.btn-xs.wc .fa{width:25px;height:26px;line-height:27px;font-size:14px;font-weight:600}.btn-default.btn-xs.wc span{line-height:16px;padding:5px 10px 4px 0;font-size:11px}.btn-default.wc.vert{background:0 0;border:none;padding:0;min-width:100px;width:100%}.btn-default.wc.vert .fa{background-color:#cdd8dd;border:none;display:block;height:70px;line-height:70px;font-size:39px;border-radius:1px 1px 0 0;width:100%}.btn-default.wc.vert span{color:#1d2029;background:#dfeaed;border-bottom:1px solid #c8d2d5;border-top:1px solid #eaf1f3;display:block;padding:10px 12px 10px;line-height:16px;font-size:13px;font-weight:600;border-radius:0 0 1px 1px;white-space:normal;text-shadow:none}.btn-default.wc.vert:hover span{background:#cdd8dd;border-bottom:1px solid #b8c2c6;border-top:1px solid #dde5e8}.btn.btn-responsive-nav{color:#fff;padding:5px 8px 3px;margin:0;border:medium none}.btn.btn-responsive-nav .fa{font-size:21px}.btn.btn-transparent-bg:not(:hover){background:0 0}.btn.btn-theme.btn-transparent-bg{color:#9e9e9e;color:var(--theme-more-color);border-color:#9e9e9e;border-color:var(--theme-more-color)}.btn.btn-theme.btn-transparent-bg *{fill:#9e9e9e;fill:var(--theme-more-color)}.btn.btn-theme.btn-transparent-bg:hover{color:#fff;background:#9e9e9e;background:var(--theme-more-color)}.btn.btn-theme.btn-transparent-bg:hover *{fill:#fff}.btn.btn-default.white2:not(:hover){background:#fff;border-color:#fff;color:#333}.btn.btn-wide{width:100%}.btn--thin{padding-left:18px;padding-right:18px}body .btn.btn-default.in_cart{background-color:var(--theme-more-color);border-color:rgba(0,0,0,.1);padding:0;display:flex}body .btn.btn-more-theme{background-color:var(--theme-more-color);border-color:var(--theme-more-color)}body .btn.btn-more-theme:hover{background-color:hsl(var(--theme-more-color-hue),var(--theme-more-color-saturation),calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff)));border-color:hsl(var(--theme-more-color-hue),var(--theme-more-color-saturation),calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff)))}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/svg.min.css?16913472032342*/
.svg{display:inline-block;vertical-align:middle;position:relative;background-repeat:no-repeat;background-position:center center}.svg-drag{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/drag.svg);width:5px;height:17px;top:-5px}.bx-firefox svg,.bx-ie svg{transform:translateZ(0)}.svg svg{display:block}.svg.inline.white svg path{fill:#fff}.svg.inline.dark svg path{fill:#222}.svg-phone{margin:0 9px 0 0;min-width:9px;min-height:12px;background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/Phone_black.svg)}.svg-burger{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/burger_black.svg)}.svg-burger.mask{background-color:#222;background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/Burger_mask.svg)}.svg-burger.white{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/burger_white.svg)}.svg-burger.white.lg{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/Burger_big_white.svg)}.svg-basket{background-color:#222;background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/Basket_mask.svg)}.svg-basket.white{min-width:18px;min-height:17px;background:0 0;background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/Basket_white.svg)}.svg-basket.white.lg{background:0 0;background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/Basket_big_white.svg)}.svg-spinner{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/Spinner.svg);margin-right:5px}.svg-print{background:url(/bitrix/templates/aspro-lite/css/../images/svg/light.svg) -38px -92px no-repeat;width:16px;height:16px;top:1px}.svg-print{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/Print.svg)}.svg-fullsize{background:0 0;background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/Fullsize.svg)}.svg-social-vk{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/social/Vk_mask.svg);background-color:#222}.svg-social-fb{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/social/Facebook_mask.svg);background-color:#222}.svg-social-twitter{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/social/Twitter_mask.svg);background-color:#222}.svg-social-instagram{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/social/Instagram_mask.svg);background-color:#222}.svg-social-telegram{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/social/Telegram_mask.svg);background-color:#222}.svg-social-ytb{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/social/Youtube_mask.svg);background-color:#222}.svg-social-odn{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/social/Odnoklassniki_mask.svg);background-color:#222}.svg-social-gplus{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/social/Googleplus_mask.svg);background-color:#222}.svg-social-mail{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/social/Mailru_mask.svg);background-color:#222}.no-fill-svg,.no-fill-svg *{fill:none!important}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/header.min.css?16913472035331*/
.headers-container{position:relative;z-index:2}.header{color:#333;color:var(--white_text_black);position:relative;z-index:110;background-color:#fff;background-color:var(--black_bg_black)}.header--paddings{padding:32px 32px 0}@media screen and (min-width:992px){body.header_opacity.front_page .header__inner{position:absolute;top:0;left:0;right:0}}body .pos-static{position:static}.hide-dotted:not(.dotted-complete) *{opacity:0}.hide-dotted:not(.dotted-complete){overflow:hidden}.header__top-part{position:relative;z-index:2;display:flex;align-items:center;height:45px}.header__top-part--long{height:58px}.header__top-part--longer{height:68px}.header__bottom-inner--long{height:63px}.header__inner--paddings{padding-left:24px;padding-right:24px;padding-left:var(--theme-page-width-padding);padding-right:var(--theme-page-width-padding)}.header__top-inner{display:flex;align-items:center;justify-content:space-between;margin:0 -16px;flex:1;width:calc(100% + 32px);position:relative}.header__top-item{margin:0 16px}.header__bottom-inner{display:flex;align-items:center;justify-content:space-between;margin:0 -16px;flex:1;width:calc(100% + 32px)}.header__bottom-item{margin:0 16px}.header__main-part{position:relative;z-index:1;height:70px;display:flex;align-items:center}.header__main-part--long{height:75px}.header__main-part--short{height:46px}.header__inner{padding-top:13px;padding-bottom:9px;border-bottom:1px solid rgba(34,34,34,.08);border-bottom:var(--light,1px solid rgba(34,34,34,.08)) var(--dark,1px solid rgba(237,237,237,.08))}.header__inner--no-pt{padding-top:0}.header-no-border .header__inner{border-bottom:none}.header__main-inner{flex:1;display:flex;align-items:center;justify-content:space-between;margin:0 -16px;min-width:0}.header__main-item{margin:0 16px;flex-shrink:0}.dropdown{-webkit-box-shadow:0 5px 30px rgba(34,34,34,.1);box-shadow:0 5px 30px rgba(34,34,34,.1);background:#fff;background-color:var(--card_bg_black);border-radius:8px;border-radius:var(--border-radius);position:absolute;top:100%;left:0}.dropdown--relative{position:relative}.dropdown--no-shadow{box-shadow:none}.dropdown.dropdown--transparent{background:0 0}.logo{max-width:210px;height:50px;display:flex;align-items:center}.logo a{display:flex;align-items:center;width:100%;height:100%}.logo img,.logo svg{max-height:100%;max-width:100%}.phones{display:flex;align-items:center;position:relative}.phones__inner{display:flex;align-items:center;position:relative}.phones__icon{display:none;margin-right:11px;margin-top:1px}.phones--with_icon .phones__icon{display:block}.phones__phone-link{font-weight:600;line-height:calc(1em + 3px);font-size:.9375em}.phones__dropdown{opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;position:absolute;top:-20px;left:-16px;z-index:2}.icon-block--with_icon .phones__dropdown{left:0}.phones__dropdown .dropdown{padding:15px 16px;min-width:240px}.phones__dropdown .dropdown+.dropdown{margin-top:4px}.phones__inner:hover{z-index:1000}.phones__inner:hover .phones__dropdown{opacity:1;visibility:visible}.phones__dropdown .dropdown__item{padding:3.5px 0}.phones__dropdown .dropdown__item--first{padding-top:0}.phones__dropdown .dropdown__item--last{padding-bottom:0}.phones__callback{font-size:.875em;line-height:calc(1em + 4px);margin-left:11px}.phones__phone-descript{display:block;font-weight:400}.phones__dropdown-item{padding:5px 0 7px}.phones__dropdown-item:last-child{padding-bottom:0}.dropdown__item--last+.phones__dropdown-item{margin:0;padding-top:12px;padding-bottom:5px}.phones__dropdown-title{font-size:12px;line-height:calc(1em + 4px);color:#999}.phones__dropdown-value{margin-top:5px;font-size:.9375em;line-height:calc(1em + 3px)}.active>.dark_link{color:var(--fill_dark_lite_hover)}.header-cabinet{position:relative}.slogan__text{max-width:250px}.header-cart__inner{position:relative;margin-right:4px;display:block;line-height:0}.header-cart__inner--empty{margin-right:0}.header-cart__count,.icon-count{position:absolute;top:0;right:0;transform:translate(57%,-31%);color:#fff;font-size:12px;border-radius:17px;text-align:center;line-height:17px;min-width:17px;padding:0 4px;background-color:#49b822;white-space:nowrap;z-index:2}.header-cart__inner--empty .header-cart__count,.icon-count{display:none}.icon-block-with-counter{position:relative;display:block}.icon-block-with-counter--count .icon-count{display:block}.hide-basket-message .header-cart__name{display:none}.header-cart{position:relative}.basket-dropdown{display:none}.more-arrow{display:flex;margin-left:8px}.header-search{cursor:pointer;line-height:0}.light-opacity-hover{opacity:1;transition:opacity .1s ease-in-out}.header__icon-name{font-size:.875rem;line-height:calc(1rem + 3px);padding-top:7px;max-width:120px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.header__icon-name--right{padding-top:2px;margin-left:10px}.header__icon{height:20px;display:flex;align-items:flex-end;align-items:end}.menu-dots-visible .header-menu__wrapper{justify-content:space-between}.header__top-sections{min-width:0}.header__top-sections-inner{padding:10px 0}.header__search--limited{width:40%}.header:not(:hover) .header-menu{overflow:hidden}.header-menu--long .header-menu__wrapper{height:50px}.header-menu--longer .header-menu__wrapper{height:66px}.header__burger .header-menu__wrapper{height:auto}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/footer.min.css?169134720312161*/
.footer{--d2d_dark_light:var(--light, #2d2d2d) var(--dark, #121212);--d3_dark_light:var(--light, #222) var(--dark, #121212);--d1b_dark_light:var(--light, #222) var(--dark, #1b1b1b);--d6t9_dark_light:var(--light, #666) var(--dark, #999);--d3t9_dark_light:var(--light, #f4f4f4) var(--dark, #343434);--df_opacity_dark_light:var(--light, #ffffff1a) var(--dark, #3a3a3a);--dff_opacity_dark_light:var(--light, #00000026) var(--dark, #ffffff26);--df4_dark_light:var(--light, #fff) var(--dark, --d1b_dark_light)}.footer{border-top:1px solid #ffffff1a;border-top-color:var(--df_opacity_dark_light);background:#333;background:var(--d1b_dark_light)}.footer--nowrap{white-space:nowrap}.footer--mw-290{max-width:290px}.footer--mt-3 .icon-block--with_icon{margin-top:3px}.footer__top-part{padding-bottom:76px}.footer__main-part{position:relative}.footer__main-part-inner{display:flex;justify-content:space-between}.footer__bottom-part-inner{border-top:1px solid rgba(255,255,255,.1);border-top-color:var(--df_opacity_dark_light);padding:44px 0}.footer__bottom-part{position:relative}.footer__main-part .footer__part-item{flex:1}.footer__bottom-part .footer__part-item{margin:16px}.footer__bottom-part .footer__bottom-part-items-wrapper{margin:-16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.footer__part-item-confidentiality{display:flex}#bx-composite-banner:empty{display:none}.bottom-menu .items .item-link{line-height:normal}.bottom-menu .items .item{display:inline-block}.bottom-menu .items>.item-link{color:#fff}.footer--color-dark .bottom-menu .item a{color:#fff}.footer--color-dark .bottom-menu .item.active .title a,.footer--color-dark .bottom-menu .item:hover .title a{color:#999!important}.footer--color-dark .footer__license .dark_link:hover,.footer--color-dark .footer__offer .dark_link:hover{color:#fff}.footer__info-item{margin:12px 0 0 0}.footer__phone .phones{flex-direction:column;align-items:flex-start}.footer__phone .phones .phones__inner>.phones__phone-link{color:#fff}.footer__phone .phones .phones__callback:not(:hover){color:#999}.footer__phone .phones .phones__callback{margin-left:27px}.footer__phone .icon-block__icon{margin-right:19px}.phones__dropdown--top{bottom:-34px;left:-16px;top:auto;display:flex;flex-direction:column-reverse}.phones__dropdown--top .dropdown{display:flex;flex-direction:column-reverse}.phones__dropdown--top .dropdown+.dropdown{margin:0 0 4px}.phones__dropdown--top .dropdown__item--first{padding-top:3.5px;padding-bottom:0}.phones__dropdown--top .dropdown__item--last{padding-top:0;padding-bottom:3.5px}.phones__dropdown--top .phones__dropdown-item{padding:7px 0 5px}.phones__dropdown--top .phones__dropdown-item:last-child{padding-top:0;padding-bottom:5px}.phones__dropdown--top .dropdown__item--last+.phones__dropdown-item{padding-top:5px;padding-bottom:12px}.footer__email .svg-inline-email{margin-top:4px;margin-right:17px}.footer__email .svg-inline-email *{stroke:#ddd}.footer__email a:not(:hover){color:#fff}.footer--color-dark .footer__email a:hover{color:#999}.footer__address .icon-block__icon{margin-left:1px;margin-top:-3px;margin-right:18px}.footer__address .address__text{color:#fff;max-width:none}.footer__info .footer__social{margin-top:28px}.footer__social .social__link{width:37px;height:37px;transition:opacity .3s ease-in-out}.footer__social .social__link:hover{filter:grayscale(0)}.footer__info--part-right .footer__social{margin-top:13px}.footer__part-item .footer__social{margin-top:23px}.footer__social .social__items.social__items--md.social__items--grid{grid-template-columns:repeat(auto-fit,40px)}.subscribe-block__part--left{display:flex;align-items:center;margin-right:43px}.subscribe-block__part--right{width:100%}.subscribe-block{display:flex;align-items:center}.subscribe-block__text{color:#fff;max-width:170px;min-width:170px}.subscribe-block__icon *{fill:var(--fill_dark_light)}.subscribe-form{position:relative;display:flex;align-items:center}.subscribe-edit .subscribe-input{margin-right:8px}.subscribe-edit form .error{position:absolute;top:100%}.footer--color-dark .subscribe-edit .subscribe-input{--input_bg_color:var(--d1b_dark_light);--input_bg_color-hover:var(--d1b_dark_light)}.footer--color-dark .subscribe-edit .subscribe-input:not(:focus){--input_color:#ccc;--input_border_color:rgba(218, 218, 218, 0.15)}.footer--color-dark .subscribe__icon svg *{fill:#fff}.subscribe-form__right-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.subscribe-form__right-arrow-line{background:#cacaca;height:2px;position:absolute;right:22px;top:50%;transform:translateY(-50%);left:calc(100% - 41px);transition:left ease .5s}.footer--color-dark .subscribe-edit .svg path{stroke:#7a7a7a}.footer--color-dark .subscribe-edit .subscribe-form__right-arrow-line{background:#7a7a7a}.subscribe-edit:hover .subscribe-form__right-arrow-line,.subscribe-input:focus~.subscribe-form__save .subscribe-form__right-arrow-line{left:calc(100% - 56px);background-color:var(--theme-base-color)}.subscribe-edit:hover .svg path,.subscribe-input:focus~.subscribe-form__save .svg path{stroke:var(--theme-base-color)}.footer__pays{margin:-5px -10px 4px}.footer__pays i{display:inline-block;vertical-align:middle;margin:0 10px;background:url(/bitrix/templates/aspro-lite/css/../images/svg/payment.svg) 0 0 no-repeat}.footer__pays i:hover{opacity:1}.footer__pays i.cacsh{width:20px;height:20px;background-position:0 0}.footer__pays i.mastercard{width:27px;height:20px;background-position-x:-67px}.footer__pays i.visa{width:39px;height:20px;background-position-x:-24px}.footer__pays i.yandex_money{width:25px;height:19px;background-position:-626px -198px}.footer__pays i.webmoney{width:20px;height:20px;background-position-x:-322px}.footer__pays i.qiwi{width:18px;height:20px;background-position-x:-278px}.footer__pays i.sbrf{width:20px;height:20px;background-position-x:-346px}.footer__pays i.alfa{width:16px;height:20px;background-position-x:-370px}.footer__pays i.mir{width:51px;height:20px;background-position-x:-165px}.footer__pays i.jcb{width:26px;height:20px;background-position-x:-220px}.footer__pays i.paypal{width:18px;height:20px;background-position-x:-300px}.footer__pays i.maestro{width:27px;height:20px;background-position-x:-98px}.footer__pays i.yoomoney{width:28px;height:20px;background-position-x:-455px}.footer__pays i.yookassa{width:28px;height:20px;background-position-x:-487px}.footer__pays i.belkart{width:20px;height:20px;background-position-x:-519px}.footer__pays i.halva{width:20px;height:20px;background-position-x:-543px}.footer__pays i.tinkoff{width:61px;height:20px;background-position-x:-390px}.footer__pays i.applepay{width:46px;height:20px;background-position-x:-567px}.footer__pays i.google_pay{width:46px;height:20px;background-position-x:-617px}.footer__pays i.yandex_pay{width:38px;height:20px;background-position-x:-667px}.footer__pays i.samsung_pay{width:20px;height:20px;background-position-x:-710px}.footer__pays i.assist{width:24px;height:20px;background-position-x:-250px}.footer__pays i.robokassa{width:20px;height:20px;background-position-x:-734px}.footer__pays i.pay_anyway{width:20px;height:20px;background-position-x:-758px}.footer__pays i.sbp{width:15px;height:20px;background-position-x:-782px}.footer--color-dark .color-theme-parent-all:hover .color-theme-target,.footer__part-item--subscribe .color-theme-parent-all:hover .color-theme-target{color:#fff}.footer--color-dark .stroke-theme-parent-all:hover .stroke-theme-target *,.footer__part-item--subscribe .stroke-theme-parent-all:hover .stroke-theme-target *{stroke:#fff}.footer--color-dark .fill-theme-parent-all:hover .fill-theme-target *{fill:#fff}.footer.footer--color-light{border-color:#e5e5e5;border-color:var(--stroke_black);background:var(--df4_dark_light)}.footer--color-light .footer__bottom-part-inner{border-top-color:#e5e5e5;border-color:var(--stroke_black)}.footer--color-light .footer__phone .phones .phones__inner>.phones__phone-link{color:#333;color:var(--white_text_black)}.footer--color-light .footer__phone .phones .more-arrow svg *{fill:#333;fill:var(--white_text_black)}.footer--color-dark .footer__phone .phones .more-arrow svg *{fill:#fff}.footer--color-light .footer__email .svg-inline-email *{stroke:#333;stroke:var(--white_text_black)}.footer--color-light .footer__email a:not(:hover){color:#333;color:var(--white_text_black)}.footer--color-light .footer__address .address__text{color:#333;color:var(--white_text_black)}.footer--color-dark .footer__phone .phones__callback:hover{color:#fff}.footer--color-light .bottom-menu .items>.item-link{color:#333;color:var(--white_text_black)}.footer--color-light .subscribe-block__text{color:#333;color:var(--white_text_black)}.subscribe{cursor:pointer;font-weight:400}.btn .subscribe__text{color:#fff;position:relative;top:1px}.footer--color-light .btn .subscribe__text{color:#333}.subscribe-block .btn{background-color:var(--d3t9_dark_light);border-color:var(--d3t9_dark_light);color:var(--white_text_black)}.footer--color-dark .btn{--d3t9_dark_light:#343434;--white_text_black:#fff}@media (max-width:1200px){.footer .flex-33-1200{width:33%;flex:auto}.footer .flex-50-1200{width:50%;flex:auto}.footer .flex-100-1200{width:100%;flex:auto}.footer__main-part .offset-top-1200{margin-top:48px}}@media (min-width:991px){.footer__main-part .footer__part--right{margin-left:calc(min(100vw,var(--theme-page-width))/ 12 + var(--theme-page-width-padding))}.footer__subscribe{margin-right:72px}}@media (max-width:991px){.footer .flex-50-991{width:50%}.footer .flex-100-991{width:100%}.subscribe-block{align-items:flex-start;flex-direction:column}.subscribe-block__part--left{margin:0 0 24px 0}.footer__top-part{padding-bottom:40px}}@media (min-width:768px){.footer__pays--on-line{position:absolute;bottom:-11px;top:auto;left:50%;transform:translateX(-50%);z-index:1;padding:0 23px;background:#333;background:var(--d1b_dark_light)}.footer--color-light .footer__pays--on-line{background:#fafafa;background:var(--lite_bg_black)}.footer__part-item--subscribe{position:absolute;top:-39px;left:50%;transform:translateX(-50%);margin:0;padding:0 23px}.footer--mw318{max-width:318px;min-width:318px}}@media (max-width:767px){.subscribe-block{justify-content:space-between}.subscribe-block__part--right{flex:1}.footer__top-part{padding-bottom:28px}.footer__bottom-part-inner{padding:23px 0}.footer__info--row{padding:24px 0 0}.footer__info--row-paddings{padding-bottom:24px}.footer .flex-100-767,.footer .flex-33-1200,.footer .flex-50-1200,.footer .flex-50-991{width:100%}.footer__info--part-left>.line-block{flex-wrap:wrap;display:block}.footer__main-part .offset-top-1200{margin-top:0;margin-bottom:16px}.bottom-menu .items>.item-link{position:relative;display:flex;justify-content:space-between}.bottom-menu .items>.item-link{margin-bottom:16px}.wrap_menu_compact_mobile{display:none}.bottom-menu .items-child{cursor:pointer}.footer--color-dark .bottom-menu .items-child:hover .title a{color:#999!important}.footer--color-light .bottom-menu .items-child:hover .title a{color:#000!important;color:var(--fill_dark_lite_hover)!important}.subscribe-edit form .error{bottom:110px;top:auto}}@media (min-width:600px){.subscribe-block__part--left{margin-right:32px}}@media (max-width:600px){.subscribe-block{flex-direction:column;align-items:flex-start}.subscribe-block__part--left{margin-bottom:18px}.subscribe-block__part--right{width:100%}.subscribe-block__text{max-width:none}.subscribe-block__text br{display:none}.footer__bottom-part .footer__bottom-part-items-wrapper{margin:-8px}.footer__bottom-part .footer__part-item{margin:8px}[class*=footer--mw]{max-width:none}.subscribe-edit .subscribe-input{flex-basis:auto;margin:0 0 15px 0}.subscribe-form__save{flex:1}.subscribe-form__save .btn{width:100%}.subscribe-form{flex-wrap:wrap}.footer__info-item{margin:17px 0 0 0}.footer__info .footer__social{margin-top:25px;margin-bottom:7px}.footer__bottom-part .footer__pays{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:11px;margin-bottom:17px}.footer__pays i{margin:0}.footer__bottom-part .footer__developer{margin-top:0}.subscribe-block--compact .subscribe-form{flex-wrap:nowrap}.subscribe-block--compact .subscribe-input{margin:0 13px 0 0}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/mobile-header.min.css?16913472034796*/
@media screen and (max-width:991px){#mobileheader{margin:0;padding:0;position:relative;z-index:993}#mobileheader.filter-none{z-index:998}}.mobileheader{height:62px;padding:0 27px 0 20px}.mobileheader__inner{height:100%;flex:1;display:flex;align-items:center;justify-content:space-between;margin:0 -16px}.mobileheader--color-white{background-color:#fff;background-color:var(--darkerblack_bg_black)}.mobileheader--color-dark{background-color:#333}.mobileheader--color-colored{background-color:#9e9e9e;background-color:var(--theme-base-color)}.mobileheader--color-grey{background-color:#fafafa;background-color:var(--lite_bg_black)}.mobileheader--color-grey,.mobileheader--color-white{box-shadow:0 1px 0 #e5e5e5;box-shadow:0 1px 0 var(--stroke_black)}@media screen and (max-width:991px){body.mfixed_y .headers-container{position:sticky;top:0}body.mfixed_y.mfixed_view_scroll_top .headers-container{top:-63px;transition:top .3s ease}body.mfixed_y.mfixed_view_scroll_top .headers-container.fixed{top:0}.bx-ie body.mfixed_y .headers-container{position:relative;top:0!important}}.mobileheader__item{margin:0 16px}#main .mobileheader--color-colored .menu-light-icon-fill svg *,#main .mobileheader--color-dark .menu-light-icon-fill svg *{fill:#fff}#main .mobileheader--color-colored .fill-theme-hover:hover svg *,#main .mobileheader--color-dark .fill-theme-hover:hover svg *{opacity:.5}#main .header-cabinet__fill-white-link svg .fill-more-theme{fill:#fff!important}.mobileheader__item--right-icons .burger{margin-right:-27px}.mobileheader .burger{align-items:center;cursor:pointer;display:flex;padding:20px;margin:-20px}.mobileheader .logo{max-width:160px}.mobileheader .line-block__item:not(.hidden)+.logo{padding-left:4px}@media (max-width:991px){.mobileheader__item--right-icons .line-block{height:50px;overflow:hidden}.mobileheader__item--right-icons .line-block>.line-block__item{align-items:center;display:flex;height:50px}}@media screen and (max-width:600px){.mobileheader__item--right-icons .line-block{justify-content:flex-end;margin-right:-16px}.mobileheader__item--right-icons .line-block>.line-block__item{padding-right:10px}.mobileheader__item--right-icons .line-block>.line-block__item.hide-600{display:none}}@media (max-width:339px){.mobileheader__item--right-icons{width:100%}}.mobileheader .phones{cursor:pointer}.mobileheader .phones,.mobileheader .phones__inner{position:inherit}#mobilephones{position:absolute;left:0;right:0;z-index:3000;background:#fff;background:var(--black_bg_black);display:none;opacity:1;visibility:visible;padding:0;cursor:default}.mobileheader--color-grey #mobilephones,.mobileheader--color-white #mobilephones{top:calc(100% + 1px)}.mobileheader .phones__dropdown .dropdown{left:0!important;box-shadow:none;display:block;padding:17px 0 23px}.mobilephones__menu-item.mobilephones__menu-item--title{padding:18px 23px 18px}.mobilephones__menu-item a{padding:10px 23px;display:block}.mobilephones__menu-item--callback{padding:9px 23px;margin:8px 0 0 0}.mobilephones__close{width:46px;height:46px;position:absolute;top:24px;right:8px;display:flex;justify-content:center;align-items:center;z-index:1;cursor:pointer}.icon-block--only_icon .icon-block__only-icon{display:flex}.mobileheader .header-cabinet__link.avt .header-cabinet__icon{margin-right:0}.mobileheader .header-cart .header-cart__name{display:none}.mobileheader .basket-dropdown{display:none}form.search .btn-close{display:none;pointer-events:none}@media screen and (max-width:991px){.header__inner>:not(.part-with-search),.part-with-search__inner>:not(.header__search){display:none}.header--mobile-search-active .searche-result{max-height:calc(50vh - 85px)}.headers-container{position:relative;z-index:993}.header--mobile-search-active div.title-search-result{z-index:993;left:-8px!important;margin-left:0;width:100vw!important}.header--mobile-search-active .headers-container{position:sticky!important;top:0!important}.header__search form.search{display:flex;align-items:center}.part-with-search .header__search{margin:0;width:100%}.header-search__mobile{cursor:pointer}[data-ajax-block=HEADER]{left:0;position:absolute;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease,visibility .3s ease-out;visibility:hidden;z-index:999}.header--mobile-search-active [data-ajax-block=HEADER]{transform:translateY(0);visibility:visible}body .header__inner{padding-bottom:0;padding-top:0}.part-with-search{height:63px}.search-input,.search-input::placeholder{color:var(--white_text_black)!important}.header_opacity header .banner-light-icon-fill *{fill:var(--white_text_black)!important}form.search .btn-close{background-color:transparent;border:none;cursor:pointer;display:block;height:100%;margin-right:7px;pointer-events:all;width:40px;z-index:1}body.jqm-initied .style-switcher{z-index:992}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/mobile-menu.min.css?16913472034884*/
#mobilemenu{background:#fff;background:var(--black_bg_black);position:relative;transition:left .4s ease 0s,opacity .4s ease 0s;position:fixed;z-index:3002;overflow:hidden;overflow-y:auto}.mobilemenu{overflow:hidden}.mobilemenu__inner{display:flex;flex-direction:column;width:100%;transition:transform .2s ease-in-out;-webkit-transition:transform .2s ease-in-out;-moz-transition:transform .2s ease-in-out;-ms-transition:transform .2s ease-in-out;padding:32px 0 48px}body.mmenu_dropdown #mobilemenu{top:62px;bottom:0;width:100%;border-top:1px solid #f2f2f2;border-top-color:var(--darkerblack_bg_black);opacity:0;visibility:hidden}body.mmenu_dropdown #mobilemenu.show{opacity:1;visibility:visible}body.mmenu_leftside #mobilemenu{left:-100%;top:0;bottom:0;width:375px;max-width:100%}body.mmenu_leftside #mobilemenu.show{left:0;box-shadow:3px 0 10px 0 rgba(0,0,0,.45)}.mobilemenu__item{padding:26px 0 0}.mobilemenu__item:first-of-type{padding-top:0}.mobilemenu__menu>ul{padding:0;margin:0;display:block}.mobilemenu__menu-dropdown{left:100%;top:0;width:100%;border:medium none;box-shadow:none;visibility:visible;opacity:1;display:none;position:absolute;z-index:5;background:#fff;background:var(--black_bg_black);margin:0;padding:40px 0}.mobilemenu__menu-item--expanded>.mobilemenu__menu-dropdown{display:block}.mobilemenu__menu-item{list-style:none;display:block;margin:0;width:100%;padding:0;line-height:0}.mobilemenu__menu-item--full-height{line-height:initial}.mobilemenu__menu-item .icon-block{align-items:center;display:flex}.mobilemenu__menu-item>.link-wrapper{position:relative}.mobilemenu__menu-item>.link-wrapper a:not(.icon-block){display:block}.mobilemenu__menu-item-content,.mobilemenu__menu-item>.link-wrapper a{padding:9px 32px 9px 32px;position:relative;word-break:break-word}.mobilemenu__menu-dropdown .mobilemenu__menu-item>.link-wrapper a{padding:10px 32px 10px 32px}.mobilemenu__menu-item--back{margin:0}.mobilemenu__menu-item--back .arrow-all__item-arrow{margin-right:20px}.mobilemenu__menu-item--back .stroke-theme-target *{stroke:var(--white_text_black)}.mobilemenu__menu-item--back>.link-wrapper{display:inline-block;vertical-align:top;padding:0 0 0 32px}.mobilemenu__menu-dropdown .mobilemenu__menu-item--back>.link-wrapper a{align-items:center;display:flex;height:28px;padding:0}.mobilemenu__menu-item--back .arrow-all{position:relative;top:inherit;right:inherit}.mobilemenu__menu-item--back a{position:relative}.mobilemenu__menu-item--back .arrow-all__item-line{left:0;right:calc(100% - 18px);transition:right ease .5s}.mobilemenu__menu-item--back .arrow-all--wide .arrow-all__item-line{left:0;right:calc(100% - 25px);top:13px}.mobilemenu__menu-item--back .animate-arrow-hover:hover .arrow-all__item-line{left:0;right:calc(100% - 34px)}.mobilemenu__menu-item--back .animate-arrow-hover:hover .arrow-all--wide .arrow-all__item-line{left:0;right:calc(100% - 42px)}.mobilemenu__menu-item--title{margin:27px 0 8px 0}.mobilemenu .menu-arrow.svg{width:17px;height:17px;border-radius:10px;line-height:13px;right:34px;top:14px}.mobilemenu .menu-arrow svg{vertical-align:middle}.mobilemenu .toggle_block{width:75px;width:100%}.link-wrapper a.mobilemenu__menu-parent-link:not(.icon-block){display:flex;align-items:center}.arrow-parent__item-arrow{margin-left:20px}.mobilemenu__menu-item--selected{position:static}.mobilemenu__menu-item--expanded{position:static}.mobilemenu .logo{margin-top:0;padding:0 32px;max-width:262px}.mobilemenu__menu--top>.mobilemenu__menu-list>.mobilemenu__menu-item>.link-wrapper a{padding:10px 32px}.mobilemenu__button{padding:23px 32px 12px;margin:0 0 16px 0}.mobilemenu__button .btn{display:block;padding:9px 20px 10px}.mobilemenu .phones{position:inherit}.mobilemenu__menu-item--callback{padding:9px 32px 9px 32px;margin:9px 0 0 0}.mobilemenu__menu-item--with-icon>.link-wrapper a{font-size:1em}.mobilemenu__menu .mobilemenu__menu-item-svg{align-items:center;display:flex;height:26px;margin-right:20px;width:21px}.mobilemenu__menu .mobilemenu__menu-item-svg{position:static}.mobilemenu__menu--compare .mobilemenu__menu-item-svg,.mobilemenu__menu--favorite .mobilemenu__menu-item-svg{justify-content:center}.mobilemenu__menu-item--with-icon>.link-wrapper>div>div+div{margin-top:-20px}.mobilemenu__menu--cart .basket-link .js-basket-block{position:absolute}.mobilemenu .header-cart__count,.mobilemenu .icon-count{transform:none;top:calc(50% - 9px);right:42px}.mobilemenu .social{padding:13px 32px 0}.mobilemenu div+div>.social{padding-top:28px}.mobilemenu__separator{height:1px;background:#e5e5e5;background:var(--stroke_black);margin:26px 32px 0}.mobilemenu__overlay{display:none;background:#3a3f44;opacity:.7!important;height:100%;width:100%;position:fixed;left:0;top:0;z-index:2999}.mobilemenu__close{width:46px;height:46px;position:absolute;top:31px;right:24px;display:flex;justify-content:center;align-items:center;z-index:1;cursor:pointer}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/header-fixed.min.css?16913472031077*/
#headerfixed .header__main-part{height:79px}#headerfixed .header__inner{padding-top:0;padding-bottom:0}@media not print{#headerfixed{display:none;opacity:0;transition:opacity ease 10ms;display:none}#headerfixed.fixed{opacity:1}.header__inner--shadow-fixed{box-shadow:0 4px 10px rgba(0,0,0,.1)}#headerfixed.fixed,header.fixed{position:fixed;margin:0;width:100%;top:0;z-index:998;right:0;left:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#main #headerfixed .header__inner{position:static}}@media (max-width:1200px){#headerfixed .header__icon-name{display:none}}@media (min-width:992px){#headerfixed.fixed{display:block}body #headerfixed>.maxwidth-theme>.logo-row{padding-left:16px;padding-right:16px}body.fill_bg_y.visible_banner #headerfixed{background:0 0;box-shadow:none}body.fill_bg_y.visible_banner #headerfixed>.maxwidth-theme{box-shadow:0 1px 5px rgba(0,0,0,.136)}#headerfixed .header{background-color:hsl(var(--dark_light-hue) var(--dark_light-saturation) var(--dark_light-lightness) / 80%)}html:not(.bx-ie) #headerfixed .header__inner{background:0 0}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/page-title-breadcrumb-pagination.min.css?16913472035013*/
.container .page-top-wrapper{margin-left:-16px;margin-right:-16px}body:not(.has-long-banner) .page-top-wrapper--grey{background:#f8f8f8;background:var(--darkerblack_bg_black);margin-bottom:48px;border-bottom:1px solid #e5e5e5;border-color:var(--stroke_black)}section.page-top{padding-top:15px;padding-bottom:35px;position:relative}.title_position_centered section.page-top{text-align:center}section.page-top.center{text-align:center}.title_position_centered .topic__heading,section.page-top.center .topic__heading{justify-content:center}.topic__heading{display:flex;align-items:center;flex-wrap:wrap}.topic__heading #pagetitle{margin:0;padding-bottom:0;text-overflow:ellipsis;overflow:hidden;display:inline;vertical-align:middle;line-height:calc(1em + 15px)}.cowl{position:relative}.cowl>div:not(.topic):not(#navigation):not(.basket-back){margin:3px -13px 0 19px;width:41px;text-align:center;position:relative;cursor:pointer;float:right}#main .heading-icons .btn-heading.btn_heading--with_title{width:initial;position:relative;cursor:pointer;text-align:center;margin:0 -13px 0 25px;display:flex;align-items:center}#main .heading-icons .btn-heading.btn_heading--with_title .title{display:inline-block;font-size:.875rem;line-height:calc(1em + 7px);margin:0 15px 0 12px;vertical-align:middle}.page-top-wrapper--top-breadcrumb .cowl{margin-bottom:11px}.page-top-wrapper--top-breadcrumb .cowl>div:not(.topic):not(#navigation){margin-top:3px}.cowl>#navigation,.cowl>.topic{text-overflow:ellipsis;overflow:hidden}.cowl>#navigation{margin-bottom:21px}.element-count{position:relative;top:0;margin-left:11px;margin-bottom:2px;display:inline-block;vertical-align:middle}.cowl .colored_theme_hover_bg-block:not(:hover) .svg path,.heading-icons .colored_theme_hover_bg-block:not(:hover) .svg path{fill:#b8b8b8}.block-wo-title section.page-top .cowl{margin-bottom:0}.block-wo-title section.page-top{padding-top:24px}.block-wo-title section.page-top{padding-bottom:11px}.block-wo-title .page-top-wrapper--grey section.page-top{padding-bottom:27px}@media (max-width:600px){.cowl>#navigation{overflow:visible;margin-bottom:0}.block-wo-title section.page-top{padding-top:12px}}.bottom_nav{--darkgrey_bg:var(--light, #f4f4f4) var(--dark, #2b2b2b);margin:0;text-align:center}.bottom_nav>div{margin-top:24px}.ajax_load_btn{max-width:744px;margin-left:auto;margin-right:auto}.more_text_ajax{display:flex}.more_text_ajax.btn:not(:hover){background-color:var(--darkgrey_bg);color:var(--white_text_black)}.module-pagination__wrapper{position:relative;display:inline-block}.module-pagination .module-pagination__item{display:inline-block;width:46px;height:36px;text-align:center;line-height:36px;text-decoration:none;font-weight:600;position:relative;color:#333;color:var(--white_text_black);border-radius:var(--border-radius)}.module-pagination__item--all{width:auto;margin:0 10px}.cur.module-pagination__item{background-color:var(--theme-base-color);color:#fff}.module-pagination__item:not(.cur):hover{background-color:var(--darkgrey_bg)}.module-pagination__item.point_sep{--darkgrey_bg:transparent}.arrows-pagination__item{position:absolute;top:0;bottom:0;width:46px;display:flex;align-items:center;justify-content:center}.arrows-pagination__item:hover{background-color:var(--darkgrey_bg)}.arrows-pagination__prev{left:-51px}.arrows-pagination__next{right:-51px}.arrows-pagination__item .svg{display:block}.topic__heading .heading-icons{margin-left:auto}.topic__heading .heading-icons+.heading-icons{margin-left:0}.header_opacity .heading-icons{--fill_dark_light:#fff;--fill_dark_lite_hover:#fff}.header_opacity .heading-icons .svg{opacity:1}.header_opacity .heading-icons:hover .svg{opacity:.5}@media (min-width:601px){.bottom_nav.mobile_slider{display:none}.has-long-banner .page-top .fill-theme-hover .title{color:#fff}.has-long-banner .page-top .fill-theme-hover:hover .title{opacity:.5}}@media (min-width:769px){.cowl .download{width:initial!important}}@media (max-width:768px){.cowl .download .title{display:none}}@media (max-width:600px){#main .bottom_nav.mobile_slider{width:auto}.bottom_nav.mobile_slider .ajax_load_btn{padding:0!important;height:100%;display:block;margin:0;border:none;width:calc(99px + 16px);background-color:var(--darkgrey_bg_black);border-radius:8px;border-radius:var(--border-radius)}.bottom_nav.mobile_slider .more_text_ajax{height:100%;margin:0 0 0 1px;white-space:normal;padding:0 15px;display:flex;align-items:center;background:0 0;line-height:calc(1em + 2px);border:none;font-size:.875rem}.bottom_nav.mobile_slider .more_text_ajax:hover{color:var(--fill_dark_lite_white_hover)}.bottom_nav.mobile_slider .module-pagination{display:none}.bottom_nav.mobile_slider .svg{top:calc(50% - 27px);left:calc(50% - 10px);width:auto;height:auto}.bottom_nav.mobile_slider .svg svg{width:18px;height:18px}.topic__heading #pagetitle{line-height:calc(1em + 6px)}.cowl{margin-bottom:10px}section.page-top{padding-bottom:20px}}@media (max-width:450px){.module-pagination__item{width:36px}.cowl .download{display:none}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/social-icons.min.css?16913472035785*/
.phones__dropdown-item.social-item{padding:9px 0 5px 0}.phones__dropdown--top .phones__dropdown-item.social-item{padding:5px 0 9px 0}.social{position:relative}.social__title{font-weight:400;text-align:center;padding:33px 0 15px 0}.popup .social__title{padding-top:0}.social__items{display:flex;flex-wrap:wrap;margin:-3px -8px;padding:0}.social__items.social__items--grid{grid-template-columns:repeat(auto-fit,minmax(40px,1fr));grid-gap:8px;display:grid}.social__items.grid-list--items-4{grid-template-columns:repeat(4,1fr)}.social__items.social__items--md.social__items--grid{grid-gap:4px}.main ul.social__items li:before,.social__items .social__item:before{display:none}.social__items .social__item{padding:0;margin:0;display:flex;align-items:center}.social__items .social__item span{display:none}.social__items .social__link{width:100%;min-width:48px;height:48px;display:flex;justify-content:center;align-items:center;border-radius:8px;border-radius:var(--border-radius)}.social__items.social__items--md .social__link{height:40px;min-width:40px}.social__items .social__link:before{content:"";width:20px;height:20px;display:block!important;position:relative;background:url(/bitrix/templates/aspro-lite/css/../images/svg/social.svg) 24px 0 no-repeat}.social__items .vkontakte .social__link:before{background-position-x:0}.social__items .odnoklassniki .social__link:before{background-position-x:-24px}.social__items .facebook .social__link:before{background-position-x:-48px}.social__items .twitter .social__link:before{background-position-x:-72px}.social__items .yandex .social__link:before{background-position-x:-96px}.social__items .mailru2 .social__link:before{background-position-x:-120px}.social__items .mymailru .social__link:before{background-position-x:-120px}.social__items .openid-mail-ru .social__link:before{background-position-x:-120px}.social__items .yandex-zen .social__link:before{background-position-x:-144px}.social__items .telegram .social__link:before{background-position-x:-168px}.social__items .whatsapp .social__link:before{background-position-x:-192px}.social__items .viber .social__link:before{background-position-x:-216px}.social__items .snapchat .social__link:before{background-position-x:-240px}.social__items .tenchat .social__link:before{background-position-x:-264px}.social__items .linkedin .social__link:before{background-position-x:-288px}.social__items .youtube .social__link:before{background-position-x:-312px}.social__items .rutube .social__link:before{background-position-x:-336px}.social__items .tiktok .social__link:before{background-position-x:-360px}.social__items .instagram .social__link:before{background-position-x:-384px}.social__items .pinterest .social__link:before{background-position-x:-408px}.social__items .acloud .social__link:before{background-position-x:-432px}.social__items .avito .social__link:before{background-position-x:-456px}.social__items .wb .social__link:before{background-position-x:-480px}.social__items .ozon .social__link:before{background-position-x:-504px}.social__items .google .social__link:before{background-position-x:-528px}.social__items .zoom .social__link:before{background-position-x:-552px}.social__items .livejournal .social__link:before{background-position-x:-576px}.social__items .bitrix24 .social__link:before{background-position-x:-600px}.social__items .aspro-link .social__link:before{background-position-x:-432px}.social__items .box .social__link:before{background-position-x:-672px}.social__items .dropbox .social__link:before{background-position-x:-648px}.social__items .liveid .social__link:before{background-position-x:-792px}.social__items .liveinternet .social__link:before{background-position-x:-792px}.social__items .office365 .social__link:before{background-position-x:-696px}.social__items .apple .social__link:before{background-position-x:-720px}.social__items .blogger .social__link:before{background-position-x:-816px}.social__items .openid .social__link:before{background-position-x:-768px}.social__items--type-color{margin:0;width:100%;background:0 0}.social__items--type-color .social__link{background-color:#f4f4f4;background-color:var(--light,#f4f4f4) var(--dark,#343434)}.footer--color-dark .footer__social .social__link,.theme-dark .social__items--type-color .social__link{background-color:#474747}.social__items--type-color .social__item{padding:0}.social__items .rutube .social__link:before,.social__items .tiktok .social__link:before,.social__items .yandex-zen .social__link:before{background-position-y:var(--light,0) var(--dark,-24px)}.footer--color-dark .footer__social .social__items .rutube .social__link:before,.footer--color-dark .footer__social .social__items .tiktok .social__link:before,.footer--color-dark .footer__social .social__items .yandex-zen .social__link:before{background-position-y:-24px}.social__more{margin:0}.social__more-dots{display:flex;margin:0 15px;padding-bottom:7px;letter-spacing:1.8px;cursor:pointer}.social__more-dots:hover~.social__more,.social__more:hover{opacity:1;visibility:visible}.social__more{opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;position:absolute;right:-2px;top:100%;background:#fff;background:var(--card_bg_black);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.15);box-shadow:0 5px 20px rgba(0,0,0,.15);border-radius:4px;margin-top:9px}.social__more .social__item{padding:10px 15px}html:not(.mobile) .social__item.hide_on_desktop{display:none}html.mobile .social__item.hide_on_mobile{display:none}.soc-avt .row a{display:inline-block;vertical-align:top;zoom:1;padding:0;margin:0}.soc-avt .row a i{display:block;width:100%;height:100%;background:url(/bitrix/templates/aspro-lite/css/../images/svg/social.svg) -2px -190px no-repeat}.soc-avt .row a:hover{opacity:.8}.soc-avt .row a{display:inline-block}#bx_auth_servform .form-control{margin:10px 0}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/left-menu.min.css?16913472031841*/
.sidearea,.sidebar{margin-bottom:9px}.side-menu ul,ul.side-menu{margin-bottom:0}.sidearea .nav-list{margin-bottom:32px}.sidearea div.banner{margin-bottom:20px}.sidearea div.banner img{border:0}.slide-block__head.closed+.slide-block__body{display:none}.slide-block__head+.slide-block__body{padding-top:13px}.slide-block__head{cursor:pointer;overflow:hidden;text-overflow:ellipsis;position:relative}.slide-block__head{display:flex;align-items:center;justify-content:space-between}.side-menu{overflow:hidden}.side-menu a{padding:4px 8px}.side-menu li{padding:0;margin-bottom:0}.side-menu .link-wrapper{display:flex;position:relative;align-items:center;padding-bottom:3px}.side-menu li .dropdown-select__icon-down{margin:0;transform:rotate(90deg);margin-right:7px}.side-menu li a{position:relative;display:block}#main .side-menu li:before{display:none}.side-menu__link-text{margin-right:5px}.bg-theme-parent-hover:hover .svg-inline-down path{fill:#fff}.side-menu li.active .link--active{background-color:var(--darkgrey_bg_black);font-weight:500}.toggle_block{position:absolute;top:0;right:0;z-index:2;width:50px;height:100%;bottom:0;cursor:pointer}.side-menu .submenu-wrapper{display:none;user-select:none;padding-left:12px}.arrow-left-icon~.submenu-wrapper.submenu-wrapper--filtred{padding-left:0}.side-menu .submenu{padding:0;list-style:none}.side-menu .submenu .submenu{margin:0;border:none}.side-menu .submenu>li{margin-bottom:0}.side-menu .submenu>li:last-child{margin:0}.side-menu .submenu>li:last-child .submenu{padding-bottom:0}.sidebar.dropdown-menu{border-radius:0;border:none;margin:-1px 0 0;top:auto;padding:0;text-align:left;opacity:0;display:none;right:auto;left:auto;width:200px;background:#fff!important}.sidebar.dropdown-menu .side-menu>li>a{padding:15px 17px 15px 17px}.side-menu li.opened.child>.submenu-wrapper{display:block}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/tabs.min.css?16913472034191*/
.tabs{margin-bottom:49px;border-bottom:1px solid #ededed;border-bottom-color:var(--stroke_black)}.tabs .bordered{border:none}.tabs--in-section{margin-bottom:48px}.tabs .nav-tabs>li>a{line-height:inherit;border:none}.tabs .nav>li>a:focus,.tabs .nav>li>a:hover{background-color:transparent}.tabs .tab-content{background-color:#fff;background-color:var(--black_bg_black);border:none;padding:40px 0 0}.tabs .tab-content.not_tabs{padding-top:0}.tabs .nav-tabs+.tab-content{border-top:0}.tabs .nav-tabs li{margin:3px 23px 3px 3px}.tabs .nav-tabs li span{padding-top:11px;padding-bottom:11px}.tabs .nav-tabs li a,.tabs .nav-tabs li>span{cursor:pointer;display:block;margin:0;padding:18px 0 19px 0;color:#555;color:var(--basic_text_black)}.tabs .nav-tabs li:not(.active) a:hover,.tabs .nav-tabs li:not(.active) span:hover{border-color:transparent;color:#333;color:var(--fill_dark_lite_hover)}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:none;background:0 0}.nav-tabs>li.active:after{content:"";position:absolute;left:-1px;right:-1px;bottom:0;z-index:1;height:2px;-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;background:#9e9e9e;background:var(--theme-more-color)}.tabs .nav-tabs li.active>span{color:#333;color:var(--white_text_black);cursor:default}.tabs .nav-tabs li.active a{color:#222;color:var(--white_text_black);cursor:default}.tabs .nav-tabs li.active:hover{box-shadow:none;transform:none;border-color:#e5e5e5;border-color:var(--stroke_black)}.tabs .tab-content .content{margin:-8px 0 0}.pagination>li:before,.tabs .nav-tabs>li:before{margin:0;padding:0}.nav:after{clear:both;content:" ";display:table}.nav-tabs{border:none;margin:-3px;padding:0}.nav-tabs li{margin:0;padding:0;float:left}.nav-tabs li:before{display:none!important}.tabs.horizontal-scrolling{margin:0;position:relative;overflow:hidden}.tabs.horizontal-scrolling:after,.tabs.horizontal-scrolling:before{content:"";width:10px;height:48px;background:#fff;background:var(--black_bg_black);position:absolute;top:0;opacity:0}.tabs.horizontal-scrolling:before{left:0}.tabs.horizontal-scrolling:after{right:0}.tabs.horizontal-scrolling .nav{margin:0;white-space:nowrap;padding:0}.tabs.horizontal-scrolling .nav>li{float:none;display:inline-block;margin:0}.tabs.horizontal-scrolling .nav>li:not(:last-of-type){margin-right:4px}.tabs.horizontal-scrolling+.tab-content{margin-top:2.666rem}.tabs.horizontal-scrolling.bottom-line .nav>li:not(:last-of-type){margin-right:2.266rem}.tabs.bottom-line li{background:0 0}.tabs.bottom-line li a{padding:0 0 .466rem}.tabs.bottom-line li.active:after{left:0;right:0;top:auto;bottom:0;border-radius:0}.tabs.bottom-line+.tab-content{margin-top:1.666rem}.arrow_scroll{max-height:65px;overflow:hidden}.arrow_scroll .nav.nav-tabs{white-space:nowrap;min-width:300%;z-index:1;position:relative}.arrow_scroll .nav.nav-tabs>li{float:none;display:inline-block;vertical-align:top}.arrow_scroll_init .arrows_wrapper{position:absolute;top:0;bottom:0;width:100%}.arrow_scroll_init .arrows_wrapper .arrow{position:absolute;width:38px;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;background:var(--black_bg_black);z-index:1;cursor:pointer}.grey_block .arrow_scroll_init .arrows_wrapper .arrow{background-color:#f9f9fa;background-color:var(--darkerblack_bg_black)}.arrow_scroll_init .arrows_wrapper .arrow.arrow_left{left:-14px;border-right:1px solid #ececec;border-color:var(--stroke_black)}.arrow_scroll_init .arrows_wrapper .arrow.arrow_left svg{transform:rotate(-90deg)}.arrow_scroll_init .arrows_wrapper .arrow.arrow_right{right:-14px;border-left:1px solid #ececec;border-color:var(--stroke_black)}.dropdown-select .arrow_scroll_init .arrows_wrapper .arrow.arrow_right{right:14px}.dropdown-select .arrow_scroll_init .arrows_wrapper{right:-14px}.arrow_scroll_init .arrows_wrapper .arrow.arrow_right svg{transform:rotate(90deg)}.arrow_scroll_init .arrows_wrapper .arrow.disabled{display:none}.dropdown-select .line-block{position:relative}@media (max-width:600px){.tabs{margin-bottom:41px}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/bg-banner.min.css?16913472033081*/
body.fill_bg_y.visible_banner header .line-row{margin:auto}body.fill_bg_y.visible_banner .maxwidth-theme{background:#fff}body.fill_bg_y.visible_banner .top-block{background:0 0;padding:0}body.fill_bg_y.visible_banner.header_fill_dark header .top-block+.logo_and_menu-row .logo-row,body.fill_bg_y.visible_banner.header_fill_light header .top-block+.logo_and_menu-row .logo-row{background:0 0}body.fill_bg_y.visible_banner.header_fill_none.header_opacity header .top-block+.logo_and_menu-row .maxwidth-theme{background:0 0}body.fill_bg_y.visible_banner header{background:0 0}body.fill_bg_y.visible_banner header.topmenu-LIGHT .logo_and_menu-row{border-bottom-width:0}body.fill_bg_y.visible_banner header.topmenu-LIGHT .logo_and_menu-row>.logo-row>.maxwidth-theme{border-bottom:1px solid #f5f5f5}body.fill_bg_y.visible_banner .greyline .maxwidth-theme{background:#f9f9fa}body.fill_bg_y.visible_banner .maxwidth-banner{background:#fff}body.fill_bg_y.visible_banner .maxwidth-banner .maxwidth-theme{background:0 0}body.fill_bg_y.visible_banner>.body>.main{background:#fff;z-index:1;position:relative;margin:auto}body.fill_bg_y.visible_banner .company-block .maxwidth-theme{background:0 0}body.fill_bg_y.visible_banner header .menu-row.bgcolored{background:0 0}body.fill_bg_y.visible_banner .page-top-wrapper.grey{background:0 0}body.fill_bg_y.visible_banner .page-top-wrapper.grey>.maxwidth-theme,body.fill_bg_y.visible_banner .tabs_ajax .body-block .maxwidth-theme{background:#f9f9f9}body.fill_bg_y.visible_banner.title-v4 .page-top-wrapper .maxwidth-theme{background:0 0}body.fill_bg_y.visible_banner .contacts.contacts-page-map-overlay.maxwidth-theme{background:0 0}body.fill_bg_y.visible_banner .contacts-page-map+.contacts.contacts-page-overmap .contacts-wrapper{box-shadow:0 -16px 15px 0 rgba(0,0,0,.22);margin:-70px -32px 0}body.fill_bg_y.visible_banner .banner.TOP_HEADER,body.fill_bg_y.visible_banner .banner.TOP_UNDERHEADER{margin-left:auto;margin-right:auto}body.fill_bg_y.visible_banner .contacts-page-top{padding-top:0}body.fill_bg_y.visible_banner .contacts-page-top>.maxwidth-theme{padding-top:35px}body.fill_bg_y.visible_banner .contacts-page-map{background:#fff}body.fill_bg_y.visible_banner .basket_order .maxwidth-theme{background:0 0}body.fill_bg_y.visible_banner footer{background:0 0;margin:auto;position:relative;z-index:2}body.fill_bg_y.visible_banner footer.compact{background:#373d44}body.fill_bg_y.visible_banner.footer-v1 footer,body.fill_bg_y.visible_banner.footer-v3 footer{background:#373d44}body.fill_bg_y.visible_banner.footer-v2 footer{background:#fff}body.fill_bg_y.visible_banner.footer-v2 footer,body.fill_bg_y.visible_banner.footer-v4 footer,body.fill_bg_y.visible_banner.footer-v6 footer{background:#f9f9f9}body.fill_bg_y.visible_banner .subscribe-block-wrapper{background:0 0}body.fill_bg_y.visible_banner.footer-v1 .subscribe-block-wrapper .maxwidth-theme{background:#ffffff0d}body.fill_bg_y.visible_banner.footer-v2 .subscribe-block-wrapper .maxwidth-theme{background:#f9f9f9}body.fill_bg_y.visible_banner footer .maxwidth-theme{background:0 0}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/regions.min.css?16913472036012*/
.regions__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.top_mobile_region{position:relative}.top_mobile_region .confirm_region{background:#f9f9f9;background:var(--darkerblack_bg_black);box-shadow:inset 0 -1px 0 0 #f5f5f5;box-shadow:inset 0 -1px 0 0 var(--lite_bg_black);border-radius:0;margin:0;padding-top:18px}.top_mobile_region .confirm_region{position:static;top:0;left:0}.region_wrapper .dropdown{position:absolute;display:none;left:0;top:100%;margin-top:13px;min-width:190px}.region_wrapper .dropdown .wrap{margin:0;background:#fff;background:var(--card_bg_black);box-shadow:0 5px 20px rgba(0,0,0,.15);border-radius:4px;max-height:300px;overflow:auto;padding:12px 0 14px}.region_wrapper .dropdown .wrap::-webkit-scrollbar,.searchinput .js-autocomplete-block::-webkit-scrollbar{width:8px}.region_wrapper .dropdown .wrap::-webkit-scrollbar-track,.searchinput .js-autocomplete-block::-webkit-scrollbar-track{border-radius:8px}.region_wrapper .dropdown .wrap::-webkit-scrollbar-thumb,.searchinput .js-autocomplete-block::-webkit-scrollbar-thumb{border-radius:8px;background:#999;border:2px solid #fff}.region_wrapper .dropdown .wrap::-webkit-scrollbar-thumb:window-inactive,.searchinput .js-autocomplete-block::-webkit-scrollbar-thumb:window-inactive{background:#999;border:2px solid #fff}.region_wrapper .dropdown .more_item span{display:block;padding:6px 24px 6px;cursor:pointer}.region_wrapper .dropdown .more_item.current span{cursor:default;font-weight:700;color:#333;color:var(--white_text_black)}.city_chooser_frame.popup,.city_chooser_small_frame.popup{max-width:884px}.ext_view.cities{display:flex}.form.popup.popup--regions .form-header{padding:34px 30px 26px}.popup--regions .title>span{padding-left:5px}.popup_regions .h-search{padding:0 32px 20px}.popup_regions .ui-menu li:before{display:none;padding-left:10px}.favorits__item{padding-top:12px;--border-radius:50px}.city_chooser_small_frame .popup.popup--regions .form-header{padding-left:30px;padding-right:30px;padding-top:34px}.city_chooser_small_frame .popup_regions .h-search{padding-left:32px;padding-right:32px}.cities{padding:0 32px;margin-bottom:40px}body .cities .cities__wrapper{max-height:420px;overflow-y:auto;flex:1;padding-right:0}.cities__wrapper .block{padding:0 12px 0 12px}.cities__wrapper:last-child .block{padding-right:0}.cities__wrapper:first-child .block{padding-left:0}.cities__title{padding:0 0 10px}.cities__item{cursor:pointer}.cities__item span,.cities__item-link,.cities__title{padding:9px 16px;display:block}body .cities__item.current{cursor:default}body .cities__item.current span{font-weight:600;color:#333;color:var(--white_text_black);background:var(--darkgrey_bg_black);border-radius:var(--border-radius)}.popup_regions .parent_block{display:none}.popup_regions .parent_block.shown{display:block}.city .cities__item:not(.shown){display:none}.cities--only-city.city{padding:0}.cities--only-city .cities__title{display:none}.cities--only-city .items_block{display:flex;flex-wrap:wrap;margin:0 -4px}.cities--only-city .cities__item{padding-left:4px;padding-right:4px;flex:0 0 33.3%}#title-search-city .ui-autocomplete{position:absolute!important;top:48px!important;width:100%;box-shadow:0 5px 20px rgba(0,0,0,.15);background:#fff;background:var(--card_bg_black);border-radius:4px;padding:10px 0 4px;z-index:9;height:auto;max-height:230px;overflow-y:auto}#title-search-city .ui-autocomplete::-webkit-scrollbar{width:8px}#title-search-city .ui-autocomplete::-webkit-scrollbar-track{box-shadow:inset 0 0 4px rgba(0,0,0,.15);border-radius:8px}#title-search-city .ui-autocomplete::-webkit-scrollbar-thumb{border-radius:8px;background:#999;border:2px solid #fff}#title-search-city .ui-autocomplete::-webkit-scrollbar-thumb:window-inactive{background:#999;border:2px solid #fff}#title-search-city .ui-menu-item{padding:0 20px;margin-bottom:8px}#title-search-city .searchinput{position:relative}.confirm_region{position:absolute;display:block;min-width:360px;box-shadow:0 5px 20px rgba(0,0,0,.1);-moz-box-shadow:0 5px 20px rgba(0,0,0,.1);-o-box-shadow:0 5px 20px rgba(0,0,0,.1);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);z-index:1002;background:#fff;background:var(--card_bg_black);border-radius:8px;border-radius:var(--border-radius);padding:18px 20px 24px;box-sizing:border-box;top:36px;left:0;box-shadow:0 5px 20px rgba(0,0,0,.1)}.confirm_region .title{color:#333;color:var(--white_text_black);font-weight:500;text-align:left}.confirm_region .title span{padding-left:5px}.confirm_region .buttons{padding:18px 0 0;white-space:nowrap;margin:0 -4px}.confirm_region .buttons>span{padding:0 4px;width:50%;float:left}.confirm_region .buttons>span .btn{margin:0;width:100%;padding-left:0;padding-right:0}.mega-fixed-menu .dropdown{top:auto;bottom:100%;margin:0 0 13px}@media (min-width:992px){.region_confirm_normal .top_mobile_region,.region_confirm_top .regions .confirm_region{display:none}.top_mobile_region{background:#fff;background:var(--card_bg_black);box-shadow:0 3px 10px rgba(0,0,0,.15);text-align:center}.top_mobile_region .confirm_region{display:inline-block;background:#fff;background:var(--card_bg_black);padding:12px}.top_mobile_region .confirm_region>div{display:inline-block!important;font-weight:400;vertical-align:middle}.top_mobile_region .buttons{padding:0 0 0 25px;margin:0 -6px}.top_mobile_region .buttons>span{width:auto;padding:0 6px}.top_mobile_region .buttons span .btn{padding-left:17px;padding-right:17px;padding-bottom:10px;font-size:12px}.top_mobile_region .confirm_region .top-close{top:50%;transform:translateY(-50%)}.mega-fixed-menu .confirm_region{bottom:35px;top:auto}}@media (max-width:600px){.cities--with-okrug{display:none}.popup_regions .parent_block{display:block}.cities{padding:0 20px}.form.popup.popup--regions .form-header{padding-left:18px;padding-right:18px}#main .popup_regions .h-search{padding-left:20px;padding-right:20px}.cities--only-city .cities__item{overflow:hidden;text-overflow:ellipsis;flex:auto}.confirm_region{min-width:none}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/item-views.min.css?1691347203473*/
.text_before_items{margin-bottom:41px;color:#666;color:var(--lite_basic_text_black)}.text_after_items{margin:77px 0 0;color:#666;color:var(--lite_basic_text_black)}.item-views{margin-bottom:0;position:relative}.text_before_items h1:first-child,.text_before_items h2:first-child,.text_before_items h3:first-child,.text_before_items h4:first-child,.text_before_items h5:first-child,.text_before_items h6:first-child{margin-top:0}.text_after_items :last-child{margin-bottom:0}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/countdown.min.css?16913472031754*/
.countdown{position:relative;white-space:nowrap;font-size:0;display:inline-block;overflow:hidden;color:#333;color:var(--white_text_black);border-radius:calc(var(--border-radius) - 2px)}.countdown-block{display:block}.countdown__inner{height:23px;padding-right:2px;background:#fff;background:var(--darkgrey_bg_black);overflow:hidden}.countdown__items{display:none;background:#fff;background:var(--darkgrey_bg_black);height:23px}.countdown__items.is-countdown{display:inline-block}.countdown__item{padding:4px 3px 0 7px;font-size:12px;width:auto;display:inline-block;position:relative;line-height:16px;height:25px;font-weight:700}.countdown__item:last-child{display:none}.countdown__item:after,.countdown__item:before{content:"";background:#333;background:var(--white_text_black);width:2px;height:2px;display:block;position:absolute;right:-3px;border-radius:6px;z-index:10}.countdown__item:before{top:9px}.countdown__item:after{bottom:9px}.countdown__item:last-child:after,.countdown__item:last-child:before{display:none}.countdown__item.minutes:after,.countdown__item.minutes:before{display:none}.countdown__item.minutes{padding-right:5px}.countdown__item .text{display:inline-block;padding:0 0 0 1px;opacity:1}.countdown__icon:after,.countdown__icon:before{display:none}.countdown__icon{width:7px;height:10px;position:absolute;left:7px;top:6px;background:url(/bitrix/templates/aspro-lite/css/blocks/../../components/bitrix/news.list/sale-list/images/sale_fire.svg) no-repeat}.countdown__icon .svg{top:-1px;left:1px}.countdown--icons .countdown__items{margin-left:15px}.countdown--shadowed{box-shadow:0 5px 12px 0 rgba(34,34,34,.08)}.countdown-list-image{position:absolute;z-index:2;bottom:0;left:0}.countdown-list-list-image{margin-bottom:4px}.sticker .countdown{margin:0 2px 4px;display:block}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/cross.min.css?1691347203768*/
.cross{position:relative;height:18px;width:18px}.cross:after,.cross:before{content:'';background:#fff;position:absolute;left:50%;top:50%;border-radius:1px}.cross:before{top:50%;transform:translate(-50%,-50%);width:18px;height:2px;transition:width .5s ease-in-out}.cross:after{transform:translate(-50%,-50%);left:50%;height:18px;width:2px;transition:height .5s ease-in-out}.animate-cross-hover:hover .cross:before{width:26px}.animate-cross-hover:hover .cross:after{height:26px}@media (min-width:992px){.animate-cross-hover:hover .cross--wide34:before{width:34px}.animate-cross-hover:hover .cross--wide34:after{height:34px}}@media (min-width:601px){.animate-cross-hover:hover .cross--wide42:before{width:42px}.animate-cross-hover:hover .cross--wide42:after{height:42px}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/dark-light-theme.min.css?16913472032591*/
:root{--ON_toggle:initial;--OFF_toggle: ;}.theme-default,.theme-light{--light:var(--ON_toggle);--dark:var(--OFF_toggle)}.theme-dark{--light:var(--OFF_toggle);--dark:var(--ON_toggle)}body{--white_text_black:var(--light, #222) var(--dark, white);--white_text_black_reverse:var(--light, #fff) var(--dark, #222);--basic_text_black:var(--light, #555) var(--dark, #ccc);--lite_basic_text_black:var(--light, #666) var(--dark, #ccc);--black_bg_black:var(--light, #fff) var(--dark, #1b1b1b);--darkerblack_bg_black:var(--light, #f8f8f8) var(--dark, #121212);--darkgrey_bg_black:var(--light, #f4f4f4) var(--dark, #343434);--stroke_black:var(--light, #ededed) var(--dark, #3a3a3a);--stroke_black_hover:var(--light, #fff) var(--dark, #3a3a3a);--card_bg_black:var(--light, #fff) var(--dark, #232323);--card_bg_hover_black:var(--light, #fff) var(--dark, #2b2b2b);--arrows_bg_black:var(--light, #fff) var(--dark, #444);--lite_bg_black:var(--light, #fafafa) var(--dark, #1b1b1b);--light2_bg_black:var(--light, #fafafa) var(--dark, #232323);--gray_bg_black:var(--light, #ccc) var(--dark, #3a3a3a);--white_bg_ccc:var(--light, #fff) var(--dark, #ccc);--fill_dark_light:var(--light, #222) var(--dark, #fff);--fill_dark_lite_ccc:var(--light, #222) var(--dark, #ccc);--fill_dark_lite_hover:var(--light, var(--theme-base-color)) var(--dark, #ccc);--fill_dark_lite_white_hover:var(--light, var(--theme-base-color)) var(--dark, #fff);--dark_light-wtheme-hue:var(--light, var(--theme-base-color-hue)) var(--dark, 0);--dark_light-wtheme-saturation:var(--light, var(--theme-base-color-saturation)) var(--dark, 0%);--dark_light-wtheme-lightness:var(--light, var(--theme-base-color-lightness)) var(--dark, 100%);--dark_light-hue:var(--light, 0) var(--dark, 0);--dark_light-saturation:var(--light, 0%) var(--dark, 0%);--dark_light-lightness:var(--light, 97%) var(--dark, 7%);--checkbox_dark_light:var(--light, #afafaf) var(--dark, #3a3a3a);--opacity_dark_lite_hover:var(--light, var(--theme-base-opacity-color)) var(--dark, #3a3a3a);--dff_dark_light:var(--light, #fff) var(--dark, #121212);--input_color:var(--light, #222) var(--dark, var(--basic_text_black));--input_bg_color:var(--black_bg_black);--input_bg_color-hover:var(--black_bg_black);--input_bg_color-focus:var(--card_bg_hover_black);--input_border_color:var(--light, #dadada) var(--dark, var(--stroke_black));--input_border_color-hover:var(--light, #dadada) var(--dark, var(--stroke_black_hover));--input_border_color-focus:var(--light, #999) var(--dark, #999)}@media (prefers-color-scheme:dark){.theme-default{--light:var(--OFF_toggle);--dark:var(--ON_toggle)}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/flexbox.min.css?16913472032206*/
.body.index .main>.container,.flexbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;flex:1}.row.flexbox{-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.bx-mac .row.flexbox:not(.nmac)>div{margin-left:-1px;margin-right:-1px}.bx-mac .flexbox.nmac,.bx-mac .row.flexbox.nmac{display:block}.bx-mac .row.flexbox:after,.bx-mac .row.flexbox:before{width:100%}.flexbox--row{-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;align-items:center}.flexbox--direction-row{-ms-flex-direction:row;flex-direction:row}.flexbox--direction-column{-ms-flex-direction:column;flex-direction:column}.flexbox--direction-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flexbox--direction-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flexbox--justify-beetwen{-ms-justify-content:space-between;justify-content:space-between}.flexbox--justify-end{-ms-justify-content:flex-end;justify-content:flex-end}.flexbox--justify-center{-ms-justify-content:center;justify-content:center}.flexbox--justify-around{-ms-justify-content:space-around;justify-content:space-around}.flexbox--wrap-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flexbox--align-center{-ms-align-items:center;align-items:center}.flexbox--align-start{-ms-align-items:flex-start;align-items:flex-start}.flexbox--align-self-start{align-self:flex-start}.flex-1{flex:1}.no-shrinked{flex-shrink:0}.flex-grow-1{flex-grow:1;flex-basis:0%}.flex-grow-0{flex-grow:0}.bx-ie .flex-grow-1{flex-grow:1;flex-basis:auto}.flexbox--wrap{flex-wrap:wrap}body .flexbox--inline{display:inline-flex}@media (max-width:600px){.bx-ie .flex-grow-1.flex-basis-auto-f600-ie{flex-basis:0}}@media (min-width:601px){.bx-ie .flex-grow-1.flex-basis-auto-t600-ie{flex-basis:0}}@media (min-width:992px){.flexbox--w34-f992{flex-basis:34%;padding-right:64px}}@media (max-width:991px){.flexbox--column-t991{flex-direction:column}.flexbox--mb20-t991{margin-bottom:20px}}@media (max-width:767px){.flexbox--column-t767{flex-direction:column}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/grid-list.min.css?16913472037741*/
.grid-list{--gap:24px;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.grid-list--gap-4{--gap:4px}.grid-list.grid-list--gap-8{--gap:8px}.grid-list--gap-12{--gap:12px}.grid-list--gap-20{--gap:20px}.grid-list--gap-30{--gap:30px}.grid-list--gap-32{--gap:32px}#main .body .grid-list--items-1,#main .body .grid-list--items-1-wide{grid-template-columns:1fr}.grid-list--items-2{grid-template-columns:repeat(auto-fill,minmax(505px,1fr))}.grid-list--items-2.grid-list--items-min260{grid-template-columns:repeat(auto-fill,minmax(max(calc((100% - 32px)/ 2),260px),1fr))}.grid-list--items-2.grid-list--no-gap{grid-template-columns:repeat(auto-fill,minmax(520px,1fr))}.grid-list--items-2.grid-list--no-gap.grid-list--items-min260{grid-template-columns:repeat(auto-fill,minmax(max(50%,260px),1fr))}.grid-list--items-3{grid-template-columns:repeat(auto-fill,minmax(425px,1fr))}.grid-list--items-4{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.grid-list--items-5{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-list--items-6{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-list--items-exact-2{grid-template-columns:1fr 1fr}body .grid-list--no-gap{--gap:0px}body .grid-list--gap-row{grid-row-gap:32px}body .grid-list--gap-row-40{grid-row-gap:40px}body .grid-list--gap-column-24{column-gap:24px}.grid-list--no-gap .grid-list-border-outer{margin:0 -1px -1px 0}.grid-list--items-2-wide{grid-template-columns:repeat(auto-fill,minmax(640px,1fr))}.grid-list--items-3-wide{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.grid-list--items-4-wide{grid-template-columns:repeat(auto-fill,minmax(385px,1fr))}.grid-list--items-5-wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid-list--items-6-wide{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}body .grid-list--no-grid{display:flex;gap:unset;flex-wrap:wrap}@media(min-width:601px){.grid-list--items-2-601{grid-template-columns:repeat(2,1fr)}.grid-list--items-3-601{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.grid-list--items-8-768{grid-template-columns:repeat(8,1fr)}.grid-list--items-7-768{grid-template-columns:repeat(7,1fr)}.grid-list--items-6-768{grid-template-columns:repeat(6,1fr)}.grid-list--items-5-768{grid-template-columns:repeat(5,1fr)}.grid-list--items-4-768{grid-template-columns:repeat(4,1fr)}.grid-list--items-3-768{grid-template-columns:repeat(3,1fr)}.grid-list--items-2-768{grid-template-columns:repeat(2,1fr)}.grid-list--items-1-768{grid-template-columns:1fr}}@media(min-width:992px){.grid-list--items-8-992{grid-template-columns:repeat(8,1fr)}.grid-list--items-7-992{grid-template-columns:repeat(7,1fr)}.grid-list--items-6-992{grid-template-columns:repeat(6,1fr)}.grid-list--items-5-992{grid-template-columns:repeat(5,1fr)}.grid-list--items-4-992{grid-template-columns:repeat(4,1fr)}.grid-list--items-3-992{grid-template-columns:repeat(3,1fr)}.grid-list--items-2-992{grid-template-columns:repeat(2,1fr)}.grid-list--items-1-992{grid-template-columns:1fr}}@media (min-width:1100px){.grid-list--items-8-1100{grid-template-columns:repeat(8,1fr)}.grid-list--items-7-1100{grid-template-columns:repeat(7,1fr)}.grid-list--items-6-1100{grid-template-columns:repeat(6,1fr)}.grid-list--items-5-1100{grid-template-columns:repeat(5,1fr)}.grid-list--items-4-1100{grid-template-columns:repeat(4,1fr)}.grid-list--items-3-1100{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.grid-list--items-8-1200{grid-template-columns:repeat(8,1fr)}.grid-list--items-7-1200{grid-template-columns:repeat(7,1fr)}.grid-list--items-6-1200{grid-template-columns:repeat(6,1fr)}.grid-list--items-5-1200{grid-template-columns:repeat(5,1fr)}.grid-list--items-4-1200{grid-template-columns:repeat(4,1fr)}.grid-list--items-3-1200{grid-template-columns:repeat(3,1fr)}.grid-list--items-2-1200{grid-template-columns:repeat(2,1fr)}}@media (min-width:1300px){.grid-list--items-8-1300{grid-template-columns:repeat(8,1fr)}.grid-list--items-7-1300{grid-template-columns:repeat(7,1fr)}.grid-list--items-6-1300{grid-template-columns:repeat(6,1fr)}.grid-list--items-5-1300{grid-template-columns:repeat(5,1fr)}.grid-list--items-4-1300{grid-template-columns:repeat(4,1fr)}.grid-list--items-3-1300{grid-template-columns:repeat(3,1fr)}}@media(min-width:1400px){.grid-list--items-8-1400{grid-template-columns:repeat(8,1fr)}.grid-list--items-7-1400{grid-template-columns:repeat(7,1fr)}.grid-list--items-6-1400{grid-template-columns:repeat(6,1fr)}.grid-list--items-5-1400{grid-template-columns:repeat(5,1fr)}.grid-list--items-4-1400{grid-template-columns:repeat(4,1fr)}.grid-list--items-3-1400{grid-template-columns:repeat(3,1fr)}}@media (max-width:1300px){.grid-list--items-2-wide{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}}@media (min-width:992px){.grid-list--items-5:not(.grid-list--no-gap){grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}}@media (max-width:1100px){#main .grid-list.grid-list--items-1-991{grid-template-columns:1fr}.grid-list.grid-list--items-2-991{grid-template-columns:1fr 1fr}.grid-list.grid-list--items-3-991{grid-template-columns:1fr 1fr 1fr}}@media (max-width:500px){#main .grid-list:not(.mobile-scrolled){grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.item-w25{width:25%}.item-w33{width:33.33%}.item-w50{width:50%}.item-w66{width:66.66%}.item-w75{width:75%}.item-w100{width:100%}html.bx-ie .grid-list{display:flex;flex-wrap:wrap}html.bx-ie .grid-list .grid-list__item{width:100%}html.bx-ie .grid-list--items-6 .grid-list__item{width:16.66%}html.bx-ie .grid-list--items-5 .grid-list__item{width:20%}html.bx-ie .grid-list--items-4 .grid-list__item{width:25%}html.bx-ie .grid-list--items-3 .grid-list__item{width:33.33%}html.bx-ie .grid-list--items-2 .grid-list__item{width:50%}@media (max-width:1200px){html.bx-ie .grid-list--items-5 .grid-list__item{width:33%}}@media (min-width:992px){.grid-list--no-grid:not(.grid-list--no-gap),html.bx-ie .grid-list:not(.grid-list--no-gap){margin:-16px -16px}.grid-list--no-grid:not(.grid-list--no-gap)>div,html.bx-ie .grid-list:not(.grid-list--no-gap)>div{padding:16px}html.bx-ie .grid-list.grid-list--gap-20:not(.grid-list--no-gap){margin:0 -10px}html.bx-ie .grid-list.grid-list--gap-20:not(.grid-list--no-gap)>div{padding:10px}html.bx-ie .grid-list.grid-list--gap-32:not(.grid-list--no-gap){margin:0 -16px}html.bx-ie .grid-list.grid-list--gap-32:not(.grid-list--no-gap)>div{padding:16px}}@media (max-width:991px){html.bx-ie .grid-list .grid-list__item{width:50%}html.bx-ie .grid-list--items-5 .grid-list__item{width:20%}html.bx-ie .grid-list--items-1 .grid-list__item,html.bx-ie .grid-list--items-1-wide .grid-list__item{width:100%}.grid-list{--gap:24px}.grid-list--no-grid:not(.grid-list--no-gap),html.bx-ie .grid-list:not(.grid-list--no-gap){margin:0 -12px}.grid-list--no-grid:not(.grid-list--no-gap)>div,html.bx-ie .grid-list:not(.grid-list--no-gap)>div{padding:12px}}@media (max-width:767px){html.bx-ie .grid-list .grid-list__item{width:100%}}@media (max-width:600px){body .grid-list--no-gap.grid-list--no-gap-f601{gap:24px}body .mobile-scrolled.grid-list--no-gap.grid-list--no-gap-f601{gap:0}body .mobile-scrolled.grid-list--no-gap.grid-list--no-gap-f601>div{padding-right:24px}#main .grid-list.grid-list--compact{grid-template-columns:1fr 1fr}}@media (max-width:450px){#main .grid-list.grid-list--compact{gap:0;display:flex;flex-flow:row wrap}#main .grid-list.grid-list--compact .grid-list-border-outer{margin:0 -1px -1px 0;width:50%}#main .grid-list.grid-list--compact .grid-list__item>.bordered{border-radius:0}}@media (max-width:400px){#main .grid-list:not(.mobile-scrolled){grid-template-columns:1fr}}.grid-list--fill-bg>.grid-list__item>div{background:#fff;background:var(--card_bg_black)}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/hint.min.css?16913472032166*/
.hint{position:relative;cursor:pointer}.hint--absolute{position:absolute;top:0;right:-12px;z-index:1}.hint.hint--absolute2{position:absolute;right:-23px;top:0;z-index:1}.hint.hint--inline{display:inline-flex;vertical-align:middle;margin-left:3px}.hint--inline .tooltip{margin-bottom:4px}.hint__icon{display:inline-block;cursor:pointer;text-align:center;padding:0;height:16px;width:16px;line-height:15px;border:1px solid #e5e5e5;font-size:11px}.hint .hint__icon:hover{color:#fff}.hint__icon i{font-style:normal}.hint__icon--absolute{position:absolute;z-index:202;left:-35px;top:-1px}.hint__text{padding:0 0 0 6px}.hint .tooltip{position:absolute;left:-19px;top:auto;bottom:100%;line-height:14px;z-index:202;display:none;padding:13px 16px 13px;min-width:200px;max-width:300px;font-size:12px;border-radius:8px;border-radius:var(--border-radius);font-weight:400;box-shadow:0 0 15px rgba(0,0,0,.12);background:#fff;background:var(--card_bg_hover_black)}.hint.active .tooltip{opacity:1;z-index:204;cursor:auto}.hint .tooltip--manual{max-width:232px;opacity:1}.hint.active .hint__icon{border-color:#9e9e9e;border-color:var(--theme-base-color);background-color:#9e9e9e;background-color:var(--theme-base-color);color:#fff}.hint.hint--down .tooltip{left:-16px;top:calc(100% + 4px);word-break:normal;bottom:inherit;opacity:1}.properties_absolute{position:absolute;top:0;padding-right:35px;padding-top:2px;right:100%;bottom:0;width:100%;text-align:left;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.properties__item{margin-top:3px;position:relative;word-break:break-word}.properties__item:first-of-type{margin-top:0}.properties__item--inline{display:inline}.properties__item.properties__item--compact{margin-top:0}.properties__hr{margin:0 1px}.properties--mt-10{margin-top:10px}.properties--mt-13{margin-top:13px}.properties--mt-20{margin-top:20px}@media (min-width:768px){.properties-absolute-outer:hover .properties_absolute{right:0}.properties_absolute.to-top{right:0;top:100%}.properties-absolute-outer:hover .properties_absolute.to-top{top:0}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/images.min.css?16913472031470*/
.image-list,.image-list-outer{width:100%;position:relative}.image-list-wrapper{position:relative;padding-top:100%;margin:0 auto;text-align:center;zoom:1;display:block}.image-list__link{position:absolute;top:0;bottom:0;left:0;width:100%;background-position:50% 50%;background-repeat:no-repeat}.image-list-wrapper img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;border:0;vertical-align:middle;max-width:100%;max-height:100%;pointer-events:none}.section-gallery-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;flex-direction:row;z-index:2}.section-gallery-wrapper__item{flex-grow:1;-webkit-box-flex:1;-ms-flex-positive:1}.section-gallery-wrapper__item-nav{display:block;position:relative;margin:0 1px;height:100%}.section-gallery-wrapper__item_hidden{display:none}.section-gallery-wrapper__item img{opacity:0;transition:opacity .2s ease-in-out;left:0;right:0;border-radius:8px;border-radius:var(--border-radius)}.section-gallery-wrapper__item.active img{opacity:1}.section-gallery-nav{position:absolute;bottom:-5px;left:0;right:0;text-align:center;z-index:2;line-height:0}.section-gallery-nav__wrapper{display:block}.section-gallery-nav__item{display:inline-block;width:12px;height:2px;background:rgba(136,136,136,.5);border-radius:12px}.section-gallery-nav__item:not(.active){cursor:pointer}.section-gallery-nav__item.active{background-color:var(--light,#222) var(--dark,#fff)}.image-list .price-economy{position:absolute;bottom:0;left:0;z-index:2}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/line-block.min.css?16913472035047*/
.line-block{display:flex;align-items:center;flex-shrink:0;margin:0 -16px}.line-block--column{flex-direction:column}.line-block--align-normal{align-items:normal}.line-block--align-baseline{align-items:baseline}.line-block--align-flex-start{align-items:flex-start}.line-block--align-flex-end{align-items:flex-end}.line-block--flex-wrap{flex-wrap:wrap}.line-block>.line-block__item{padding-left:16px;padding-right:16px}.line-block--40{margin-left:-20px;margin-right:-20px}.line-block--40>.line-block__item{padding-left:20px;padding-right:20px}.line-block--48{margin-left:-24px;margin-right:-24px}.line-block--48>.line-block__item{padding-left:24px;padding-right:24px}.line-block--100{margin-left:-50px;margin-right:-50px}.line-block--100>.line-block__item{padding-left:50px;padding-right:50px}.line-block-80{margin-left:-40px;margin-right:-40px}.line-block--80>.line-block__item{padding-left:40px;padding-right:40px}.line-block--24{margin-left:-12px;margin-right:-12px}.line-block--24>.line-block__item{padding-left:12px;padding-right:12px}.line-block--20{margin-left:-10px;margin-right:-10px}.line-block--20>.line-block__item{padding-left:10px;padding-right:10px}.line-block--16{margin-left:-8px;margin-right:-8px}.line-block--16>.line-block__item{padding-left:8px;padding-right:8px}.line-block--12{margin-left:-6px;margin-right:-6px}.line-block--12>.line-block__item{padding-left:6px;padding-right:6px}.line-block--8{margin-left:-4px;margin-right:-4px}.line-block--8>.line-block__item{padding-left:4px;padding-right:4px}.line-block--6{margin-left:-3px;margin-right:-3px;row-gap:6px}.line-block--6>.line-block__item{padding-left:3px;padding-right:3px}.line-block--4{margin-left:-2px;margin-right:-2px;row-gap:4px}.line-block--4>.line-block__item{padding-left:2px;padding-right:2px}.line-block--2{margin-left:-1px;margin-right:-1px}.line-block--2>.line-block__item{padding-left:1px;padding-right:1px}.line-block--0{margin-left:0;margin-right:0}.line-block--0>.line-block__item{padding-left:0;padding-right:0}.line-block--flex-100>.line-block__item{flex-basis:100%}@media all and (max-width:1400px){.line-block--24-narrow{margin-left:-12px;margin-right:-12px}.line-block--24-narrow>.line-block__item{padding:0 12px}}@media all and (max-width:1300px){.line-block--24-1300{margin-left:-12px;margin-right:-12px}.line-block--24-1300>.line-block__item{padding:0 12px}}@media all and (max-width:1200px){.line-block--24-1200{margin-left:-12px;margin-right:-12px}.line-block--24-1200>.line-block__item{padding:0 12px}}@media all and (max-width:1100px){.line-block--24-1100{margin-left:-12px;margin-right:-12px}.line-block--24-1100>.line-block__item{padding:0 12px}}@media all and (max-width:1400px){.line-block--32-narrow{margin-left:-16px;margin-right:-16px}.line-block--32-narrow>.line-block__item{padding:0 16px}.line-block--32-1400{margin-left:-16px;margin-right:-16px}.line-block--32-1400>.line-block__item{padding:0 16px}}@media all and (max-width:1300px){.line-block--32-1300{margin-left:-16px;margin-right:-16px}.line-block--32-1300>.line-block__item{padding:0 16px}}@media all and (max-width:1200px){.line-block--32-1200{margin-left:-16px;margin-right:-16px}.line-block--32-1200>.line-block__item{padding:0 16px}}@media all and (max-width:1100px){.line-block--32-1100{margin-left:-16px;margin-right:-16px}.line-block--32-1100>.line-block__item{padding:0 16px}}@media (max-width:1400px){.line-block--wrap-end-1400{flex-wrap:wrap;justify-content:flex-end}}@media (max-width:767px){.line-block--block{display:block}}.line-block--24-vertical{margin-top:-12px;margin-bottom:-12px}.line-block--24-vertical>.line-block__item{padding-top:12px;padding-bottom:12px}.line-block--16-vertical{margin-top:-8px;margin-bottom:-8px}.line-block--16-vertical>.line-block__item{padding-top:8px;padding-bottom:8px}.line-block--12-vertical{margin-top:-6px;margin-bottom:-6px}.line-block--12-vertical>.line-block__item{padding-top:6px;padding-bottom:6px}.line-block--8-vertical{margin-top:-4px;margin-bottom:-4px}.line-block--8-vertical>.line-block__item{padding-top:4px;padding-bottom:4px}.line-block--8-1-vertical{margin-top:-8px;margin-bottom:-1px}.line-block--8-1-vertical>.line-block__item{padding-top:8px;padding-bottom:1px}.line-block--6-vertical{margin-top:-3px;margin-bottom:-3px}.line-block--6-vertical>.line-block__item{padding-top:3px;padding-bottom:3px}.line-block--5-6-vertical{margin-top:-5px;margin-bottom:-6px}.line-block--5-6-vertical>.line-block__item{padding-top:5px;padding-bottom:6px}.line-block--4-vertical{margin-top:-2px;margin-bottom:-2px}.line-block--4-vertical>.line-block__item{padding-top:2px;padding-bottom:2px}.line-block--gap{--gap:0px;margin:0;gap:var(--gap)}.line-block--gap>.line-block__item{padding:0}.line-block--gap-4{--gap:4px}.line-block--gap-6{--gap:6px}.line-block--gap-8{--gap:8px}.line-block--gap-12{--gap:12px}.line-block--gap-16{--gap:16px}.line-block--gap-20{--gap:20px}.line-block--gap-32{--gap:32px}.line-block--gap-40{--gap:40px}.line-block--gap-70{--gap:70px}@media (max-width:600px){.line-block--gap-8-to-600{--gap:8px}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/mobile-scrolled.min.css?16913472031034*/
@media (max-width:600px){.mobile-scrolled{display:flex;flex-wrap:nowrap;overflow:auto;padding-bottom:15px!important;margin-bottom:-15px!important;padding-top:15px!important;margin-top:-15px!important;grid-gap:0}#main .mobile-scrolled:not(.grid-list--no-gap)>div{padding:0 8px 0 0}#main .mobile-scrolled>div{width:420px;flex-shrink:0;box-sizing:content-box;order:unset}#main .mobile-scrolled--items-2>div{width:260px}#main .mobile-scrolled--items-3>div{width:164px}#main .mobile-scrolled.mobile-scrolled--items-auto>div{width:auto;padding:0}#main .mobile-scrolled.mobile-scrolled--small-offset>div{padding-right:calc(var(--theme-page-width-padding)/ 2)}#main .mobile-scrolled.mobile-scrolled--small-offset>div:last-of-type{padding-right:var(--theme-page-width-padding)}#main .mobile-offset{margin:0 calc(-1 * var(--theme-page-width-padding));padding:0 0 0 var(--theme-page-width-padding);flex-wrap:nowrap}#main .mobile-offset--right{padding:0 var(--theme-page-width-padding)}}@media (max-width:450px){.mobile-scrolled>div{width:320px}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/popup.min.css?16913472035408*/
body.jqm-initied #panel,body.jqm-initied .basket_bottom_block>div,body.jqm-initied .basket_fly_forms>div,body.jqm-initied .basket_wrapp .opener,body.jqm-initied .body>div>div,body.jqm-initied .body>div>header>div>div,body.jqm-initied .bottom-icons-panel,body.jqm-initied .fixed_wrapper,body.jqm-initied .page-top,body.jqm-initied .scroll-to-top,body.jqm-initied .style-switcher,body.jqm-initied .ui-panel-top-devices-inner,body.jqm-initied footer,body.jqm-initied.wf .wrapper1>div{-webkit-filter:blur(3px);filter:blur(3px)}.filter-none,.filter-none>div,.filter-none>header>div{-webkit-filter:none!important;filter:none!important}#popup_iframe_wrapper{position:fixed;top:0;bottom:0;left:0;right:0;display:none;align-items:center;justify-content:center;overflow:hidden;-webkit-overflow-scrolling:touch}.popup.loading-state{background-color:#fff;background-color:var(--black_bg_black)}.jqmWindow{display:none;position:fixed;min-width:250px;max-width:460px;background:#fff;background:var(--black_bg_black);animation:toggle_opacity .2s;max-height:100%;width:100%;border-radius:12px;border-radius:var(--theme-outer-border-radius);padding:0 2px 0 0;overflow:hidden}.jqmWindow--overflow-visible{overflow:visible}.jqmWindow.include_block_frame{max-width:960px}.jqmWindow>.scrollbar{max-height:100vh;display:block}.review_frame.popup{max-width:700px}.ocb_frame.popup:not(.compact){max-width:957px}.auth_frame.popup{max-width:460px}.wizard_solution_frame.popup{max-width:100px;min-width:100px;height:100px;overflow:hidden;padding:0}.wizard_solution_frame.popup.mCustomScrollbar>.mCustomScrollBox,.wizard_solution_frame.popup.mCustomScrollbar>.mCustomScrollBox>.mCSB_container{max-height:100vh!important;height:100%!important}.stores_frame.popup{max-width:1200px;width:auto;display:none!important}.jqmOverlay{background:#3a3f44;opacity:.7!important;height:100%;width:100%;position:fixed;left:0;top:0;z-index:998}.jqmOverlay.mobp{z-index:992}.jqmOverlay.waiting{z-index:998}.jqmClose.top-close{width:46px;height:46px;position:absolute;top:0;right:-1px;display:flex;justify-content:center;align-items:center;z-index:1;cursor:pointer}.top-close.top-close--small{width:44px;height:40px}.top-close--small svg{width:10px;height:10px}.mobile .jqmWindow.popup{overflow:hidden;overflow-y:auto}.form.popup .form-header{padding-top:35px;padding-left:32px;padding-right:32px}.form.popup .licence_block.bx_filter{display:block}.form.popup .form-body{padding-left:32px;padding-right:32px}.form.popup .form-error{padding-left:32px;padding-right:32px}.form.popup .form-footer,.form.popup .social_block{padding-left:32px;padding-right:32px;padding-bottom:32px;text-align:left}.scrollbar .form.popup .form-body,.scrollbar .form.popup .form-error,.scrollbar .form.popup .form-footer,.scrollbar .form.popup .form-header,.scrollbar .form.popup .social_block{padding-right:calc(32px - 2px)}.form.popup .captcha-row{margin-bottom:41px}.form.popup .captcha-row.compact,.form.popup .captcha-row.normal{margin-bottom:21px}.form.popup .captcha-row.invisible{margin-bottom:25px}.form.popup.success .form-header{padding-bottom:0}.form.popup.success .form-header .text{display:none}.goods-popup{width:393px;border-right:1px solid #e5e5e5;border-right:1px solid var(--stroke_black);padding:35px 32px}.goods-popup__sticky{position:sticky;top:35px}.goods-popup__image{margin-bottom:26px;border-radius:8px;border-radius:var(--theme-outer-border-radius);overflow:hidden}.goods-popup__info-link{display:block;margin-bottom:6px}.goods-popup__info-more{margin-bottom:14px}.goods-popup .status-amount--stores,.goods-popup .status-container .icon-container{display:none}.popup__item-block-info{align-items:center;grid-template-columns:80px auto;margin:16px 0 28px;padding:20px}.item-block-info__image img{width:100%}.fast_view_sale_frame{max-width:700px}.fast_view_frame.popup{max-width:940px;z-index:2998;max-height:750px}#fast_view_item{height:100%;overflow:visible}@media (max-height:750px){.fast_view_frame.popup{height:100vh}}.navigation-wrapper-fast-view{position:absolute;top:50%;margin-top:-20px;width:100%;max-width:1080px;display:flex;justify-content:space-between}.navigation-wrapper-fast-view .fast-view-nav{width:40px;height:40px;border-radius:4px;background:#fff;background:var(--arrows_bg_black);cursor:pointer;z-index:2998;display:flex;align-items:center;justify-content:center;border-radius:50%}.navigation-wrapper-fast-view .fast-view-nav *{fill:#fff;fill:var(--fill_dark_light)}.navigation-wrapper-fast-view .fast-view-nav:hover *{fill:#fff}.navigation-wrapper-fast-view .fast-view-nav.prev .svg{transform:rotate(-90deg)}.navigation-wrapper-fast-view .fast-view-nav.next .svg{transform:rotate(90deg)}.bx-ie .jqmWindow{transform:translate(-50%,-50%)}@media (max-width:991px){.goods-popup{width:300px;padding-left:30px;padding-right:30px}}@media (max-width:767px){.jqmWindow{width:calc(100% - 48px)}.goods-popup{display:none}.navigation-wrapper-fast-view{display:none}}@media (max-width:600px){.form.popup .form-body,.form.popup .form-footer,.form.popup .form-header{padding-left:20px;padding-right:20px}}@media (max-width:450px){.jqmWindow{transition:.15s linear}}@media (max-width:430px){.jqmWindow{max-width:inherit;width:100%!important;left:0!important;right:0!important;transform:none!important;min-height:100%;top:0!important;bottom:0!important;overflow:hidden;border-radius:0;padding:0!important}.jqmWindow>.scrollbar{max-height:100vh}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/prices.min.css?1691347203517*/
.price{font-weight:600;line-height:20px;font-size:1rem}.price__old{display:inline-block;vertical-align:top;font-weight:400}.price__old-val{text-decoration:line-through}.price-economy{display:flex}.price .price-economy{margin-bottom:2px}.price-economy__val{--economy-height:21px;display:flex;align-items:center;background:#ffeb81;background:var(--sticker_color);padding:1px 5px;border-radius:calc(var(--border-radius) - 2px);height:var(--economy-height)}.price--inline>div{display:inline-block;vertical-align:baseline}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/scroller.min.css?16913472031742*/
.bx-touch .table-scroller-wrapper__ear{display:none}@media (min-width:992px){#table-scroller-wrapper.scroller{overflow-x:auto;overflow-y:hidden}.table-scroller-wrapper__ear{position:absolute;z-index:6;margin-bottom:-80px;width:36px;height:160px;opacity:0;-webkit-transition:opacity .3s ease,margin .3s ease,height .3s ease;-o-transition:opacity .3s ease,margin .3s ease,height .3s ease;transition:opacity .3s ease,margin .3s ease,height .3s ease;-webkit-transform:translate3d(0,48px,0);-ms-transform:translate3d(0,48px,0);transform:translate3d(0,48px,0);will-change:transform}.table-scroller-wrapper__ear:after,.table-scroller-wrapper__ear:before{content:"";width:36px;height:48px;display:block;position:absolute;top:50%;transform:translateY(-50%)}.table-scroller-wrapper__ear:before{background-color:#333;opacity:.4}.table-scroller-wrapper__ear:hover:before{background-color:var(--theme-base-color);opacity:1}.table-scroller-wrapper__ear--right{right:0;left:auto;margin-right:-36px}.table-scroller-wrapper__ear--right:after{background:url(/bitrix/templates/aspro-lite/css/blocks/../../images/svg/arrows/arrow-right-light.svg) center no-repeat}.table-scroller-wrapper__ear--right:before{border-radius:4px 0 0 4px}.table-scroller-wrapper__ear--left{left:0;margin-left:-36px}.table-scroller-wrapper__ear--left:after{background:url(/bitrix/templates/aspro-lite/css/blocks/../../images/svg/arrows/arrow-left-light.svg) center no-repeat}.table-scroller-wrapper__ear--left:before{border-radius:0 4px 4px 0}#table-scroller-wrapper:hover .table-scroller-wrapper__ear.showing{opacity:1}#table-scroller-wrapper:hover .table-scroller-wrapper__ear--left.showing{margin-left:0}#table-scroller-wrapper:hover .table-scroller-wrapper__ear--right.showing{margin-right:0}}@media (max-width:991px){.table-scroller-wrapper__ear{display:none}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/social-list.min.css?1691347203344*/
.social-list{display:flex;flex-wrap:wrap;margin:0 -10px 0}.social-list--mt-15{margin-top:15px}.social-list--mt-30{margin-top:30px}.social-list__item{display:flex;align-items:center;margin:0 10px}.social-list__item .svg{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.social-list .social-list__item *{fill:#b8b8b8}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/sticker.min.css?16913472031910*/
.sticker{position:absolute;z-index:3;top:0;left:-2px;display:flex;flex-wrap:wrap}.sticker--static{position:static}.sticker__item{--sticker_color:#0cbc3d;--sticker-height:23px;padding:1px 6px 1px 8px;margin:0 2px 4px;color:#fff;background:#0cbc3d;background:var(--sticker_color);border-radius:8px;border-radius:calc(var(--border-radius) - 2px);font-weight:500;position:relative;height:var(--sticker-height);display:inline-flex;align-items:center}.sticker .sticker__item{line-height:var(--sticker-height);display:flex}.sticker__item:before{content:"";position:absolute;z-index:1;inset:0;box-shadow:0 6px 12px var(--sticker_color);opacity:.2;border-radius:8px;border-radius:var(--border-radius)}.sticker__item--bordered{color:#666;color:var(--lite_basic_text_black);border:1px solid #e5e5e5;border-color:var(--stroke_black);background:#fafafa;background:var(--light2_bg_black)}.sticker--upper .sticker__item{text-transform:uppercase;letter-spacing:1.2px}.sticker__item--aktsiya,.sticker__item--sale,.sticker__item--stock{--sticker_color:#ffeb81;color:#222}.sticker__item--new,.sticker__item--novinka{--sticker_color:#32cb5d}.sticker__item--hit,.sticker__item--khit{--sticker_color:#ff6565}.sticker__item--recommend,.sticker__item--sovetuem{--sticker_color:#a56ffd}.sticker__item--sale-text{--sticker_color:#e35689}.status-icon{position:relative;display:inline-block;color:#69be15;white-space:nowrap}.status-icon.nostock{color:#f91a35}.status-icon.order{color:#25a4f1}.status-icon.pending{color:#fc9e41}.btn-fast-view{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;z-index:4;opacity:0;box-shadow:0 5px 30px 0 rgba(34,34,34,.1);transition:opacity .3s ease}.btn-fast-view .btn{border:none;font-weight:400}.btn-fast-view .btn:not(:hover){background-color:rgba(255,255,255,.9);color:#222}.grid-list__item:hover .btn-fast-view{opacity:1}@media (max-width:600px){.sticker__item{--sticker-height:19px}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/blocks/sticky.min.css?1691347203194*/
#main .sticky-block{position:-webkit-sticky;position:sticky;z-index:5;top:32px}#main.fixed_y .sticky-block{top:112px}#main .sticky-block--top-0{top:0}#main .sticky-block--show-N{position:static}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/index-page.min.css?169134720310170*/
.body.index .main>.container>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.drag-block[data-order="1"]{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.drag-block[data-order="2"]{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.drag-block[data-order="3"]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.drag-block[data-order="4"]{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.drag-block[data-order="5"]{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.drag-block[data-order="6"]{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.drag-block[data-order="7"]{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.drag-block[data-order="8"]{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.drag-block[data-order="9"]{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.drag-block[data-order="10"]{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.drag-block[data-order="11"]{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.drag-block[data-order="12"]{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.drag-block[data-order="13"]{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.drag-block[data-order="14"]{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.drag-block[data-order="15"]{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.drag-block[data-order="16"]{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.drag-block[data-order="17"]{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.drag-block[data-order="18"]{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.drag-block[data-order="19"]{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.drag-block[data-order="20"]{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.drag-block[data-order="21"]{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.drag-block[data-order="22"]{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.drag-block[data-order="23"]{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.drag-block[data-order="24"]{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.drag-block[data-order="25"]{-webkit-box-ordinal-group:26;-ms-flex-order:25;order:25}.drag-block.container{position:relative}.bg-fix{background-position:center;background-repeat:no-repeat;background-size:cover}.index-block>[id^=bx_incl]{display:block}.index-block--padding-top-0>div{padding-top:0}.index-block--padding-top-40>div{padding-top:40px}.index-block--padding-top-80>div{padding-top:80px}.index-block--padding-top-130>div{padding-top:130px}.index-block--padding-bottom-0>div{padding-bottom:0}.index-block--padding-bottom-40>div{padding-bottom:40px}.index-block--padding-bottom-80>div{padding-bottom:80px}.index-block--padding-bottom-130>div{padding-bottom:130px}.index-block--padding-top-40 .index-block--mt-dynamic{margin-top:-40px}.index-block--padding-top-80 .index-block--mt-dynamic{margin-top:-80px}.index-block--padding-top-130 .index-block--mt-dynamic{margin-top:-130px}.index-block--padding-bottom-40 .index-block--mb-dynamic{margin-bottom:-40px}.index-block--padding-bottom-80 .index-block--mb-dynamic{margin-bottom:-80px}.index-block--padding-bottom-130 .index-block--mb-dynamic{margin-bottom:-130px}@media (max-width:767px){.index-block--padding-top-80>div{padding-top:40px}.index-block--padding-top-130>div{padding-top:40px}.index-block--padding-bottom-80>div{padding-bottom:40px}.index-block--padding-bottom-130>div{padding-bottom:40px}.index-block--padding-top-80 .index-block--mt-dynamic{margin-top:-40px}.index-block--padding-top-130 .index-block--mt-dynamic{margin-top:-40px}.index-block--padding-bottom-80 .index-block--mb-dynamic{margin-bottom:-40px}.index-block--padding-bottom-130 .index-block--mb-dynamic{margin-bottom:-40px}}.index-block--fon{background:#f8f8f8;background:var(--darkerblack_bg_black)}.index-block--delimiter>div{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--stroke_black)}.header-no-border .BIG_BANNER_INDEX .index-block--delimiter>div{border-bottom:none}.index-block__title-wrapper{display:flex;justify-content:space-between;align-items:center;position:relative}.index-block__title-wrapper--align-baseline{align-items:baseline}.index-block__part--center{flex:1;text-align:center}.index-block__title-wrapper--mb-35{margin-bottom:35px}.index-block--mb-59{margin-bottom:59px}.index-block__title{font-size:24px;line-height:34px;margin:0}.index-block .tab-nav-wrapper{margin-left:50px}@media (min-width:992px){.tariffs-list .index-block__title-wrapper--with-center-block .index-block__part--left{flex-basis:auto}}@media (max-width:991px){.index-block__space-wrapper.flexbox{flex-direction:column}.index-block__title-wrapper--with-center-block .tab-nav{justify-content:normal}}@media (max-width:767px){.index-block__title{font-size:30px;line-height:40px}}@media (max-width:600px){.index-block__title{font-size:20px;line-height:30px}}.index-block__link-wrapper{display:flex;align-items:center}.index-block__link{height:28px;font-size:0;line-height:28px;margin-left:20px;background-color:rgba(136,136,136,.1);padding:0 7px 0 8px;border-radius:8px;border-radius:var(--border-radius)}.index-block__part--left{display:flex;align-items:center;position:relative}.index-block__part--right{display:flex;align-items:center;min-width:0}@media (max-width:991px){.index-block__part--right.visible-t991{display:flex!important}}@media (min-width:992px){.visible-t991{display:none}}@media (max-width:767px){.index-block__title-wrapper--with-center-block{flex-wrap:wrap}.index-block__title-wrapper--with-center-block .index-block__part--right{order:2;flex-basis:100%}.index-block__title-wrapper--with-center-block .tab-nav-wrapper{margin:10px 0 0}}@media (max-width:600px){.index-block__title-wrapper.index-block__title-wrapper--align-baseline{align-items:center}.index-block--mb-59,.index-block__title-wrapper.index-block__title-wrapper--mb-52{margin-bottom:18px}.index-block__title-wrapper.index-block__title-wrapper--mb-35{margin-bottom:16px}.index-block__link{margin-left:13px}}.index-block__arrow{font-size:0;vertical-align:middle;line-height:12px;height:12px;display:inline-block;margin:0 3px}.index-block__arrow .svg{top:0}.index-block__arrow svg *{stroke:#333;stroke:var(--white_text_black)}.index-block__nav{margin-left:20px}.index-block__nav.disabled{display:none}.index-block__nav button{border:none;background:no-repeat;padding:0}.index-block__nav .owl-carousel__button{height:36px;width:36px;background:#fff;border:1px solid rgba(51,51,51,.1)}.index-block__nav button.disabled .owl-carousel__button{background:#fff}.index-block__nav .owl-carousel__button:not(:hover) *{stroke:#333}.index-block__nav .owl-carousel__button--right{transform:rotate(180deg);margin-left:8px}.index-block__nav .owl-carousel__button--right svg{margin-left:-1px}@media (max-width:767px){.index-block__nav{display:none}}.fill_bg_n .drag-block.container.noborder{border-top:none}.fill_bg_n .drag-block.container.noborder .item-views{border-top:1px solid #f2f2f2}div.TEASERS_INDEX:not(.hidden)+div.NEWS_INDEX,div[data-class=BIG_BANNER_INDEX_drag]+div[data-class=TEASERS_INDEX_drag],div[data-class=BIG_BANNER_INDEX_drag][data-order="1"]{border-top-width:0}body.tizersPadding0 div[data-class=BIG_BANNER_INDEX_drag]:not(.hidden)+div[data-class=TEASERS_INDEX_drag][data-order="2"] .tizers_block2{padding-top:0}.fill_bg_n div.TEASERS_INDEX:not(.hidden)+div.NEWS_INDEX .item-views{border-top:1px solid #f2f2f2}.styled-block.front{margin-bottom:56px}.styled-block.front h2{margin-bottom:15px;margin-top:-1px}.item-views.catalog.blocks{padding-bottom:0}.wo-tizers .item-views.blocks{padding-top:0}.item-views.blocks h3,.item-views.blocks h3.title{padding:0 0 34px;margin:0;font-size:1.733em;font-weight:700;display:inline-block;position:relative}.COMPANY_INDEX h3{font-size:1.733em}.item-views.blocks h3.line:after{content:"";position:absolute;top:100%;left:0;width:50px;background:#dedede;height:3px}.item-views.blocks .title_block{clear:both}.item-views.blocks .title_block .right_link_block{float:right;position:relative;z-index:1}.row.block-with-bg .item-views:not(.catalog) h3,.row.block-with-bg+.row .item-views.blocks h3{padding-top:86px}.float-banners .title_block+.items .text-block{color:#777;padding-top:35px}.float-banners.v2 .items .item{background:#fff;padding:30px 30px 36px;margin-bottom:0}.float-banners.v2 .items.indent2.flexbox .item{height:100%}.float-banners.v2 .items.indent2.flexbox>div{margin-bottom:4px}.float-banners.v2 .items .item:after{content:"";position:absolute;bottom:0;left:0;right:100%;height:2px;background:#ddd;transition:right ease .3s}.float-banners.v2 .items .item .img{margin-bottom:17px}.float-banners .items .item .title{font-weight:700;font-size:1.2em;padding:0 0 0}.float-banners .items .item .preview_text{color:#666;font-size:.933em;padding:0 0 0;line-height:21px}body .items .item:hover .title a.colored{color:#333}.float-banners.v2 .items .item:hover:after{right:0}.float-banners.v3 .items .item{box-shadow:none;margin-bottom:32px}.float-banners.v3 .items .item .img{height:0;position:relative;padding-bottom:66%;margin-bottom:16px;overflow:hidden}.float-banners.v3 .items .item .title{font-size:1.067em;margin-bottom:4px}.float-banners.v3.list{overflow:hidden}.float-banners.v3.list .items .item .img{float:left;width:120px;height:120px;padding:0;border-radius:100%}.float-banners.v3.list .items .item .img .img_block{border-radius:100%}.float-banners.v3.list .items .item .title{font-size:1.2em;overflow:hidden;text-overflow:ellipsis}.float-banners.v3.list .items .item .preview_text{overflow:hidden;text-overflow:ellipsis}.float-banners.v3.list .items .item .img+.text-wrapper{padding-left:148px;padding-top:8px}.float-banners.v3.list .items .items{margin-top:-1px;margin-right:-1px!important;margin-left:-30px!important}.float-banners.v3.list>.items>div{overflow:hidden}.float-banners.v3.list .items .items>div{border-top:1px solid #f2f2f2;padding:0 0 0 30px}.float-banners.v3.list .items .item{margin:0;padding:30px 20px 29px 0}.float-banners.v3.list .items .item:after{content:"";background:#f2f2f2;position:absolute;top:0;right:-1px;width:1px;bottom:0}.index-block__link:hover{color:var(--theme-base-color)}
/* End */


/* Start:/bitrix/templates/.default/ajax/ajax.min.css?1691347202420*/
iframe.waitwindowlocal{position:absolute;border:0;z-index:9999}div.waitwindowlocal{position:absolute;width:25px;height:25px;padding:0;z-index:10000;background-color:#fcf7d1;border:1px solid #e1b52d;background-image:url(/bitrix/templates/.default/ajax/images/wait.gif);background-position:center center;background-repeat:no-repeat}div.waitwindowlocalshadow{position:absolute;z-index:9998;background-image:url(/bitrix/templates/.default/ajax/images/shadow.gif);border:1px solid #808080}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/item-action.min.css?1691347203713*/
.item-action--horizontal{display:inline-flex}.item-action.active svg *{fill:var(--fill_dark_lite_hover)}.item-action.active .svg{opacity:1}.item-action__inner{--item-action-width:38px;--item-action-height:35px;width:38px;width:var(--item-action-width);height:35px;height:var(--item-action-height);display:flex;align-items:center;justify-content:center}.item-action__inner--md{--item-action-height:42px}.item-action__inner .svg{transition:opacity .1s ease;opacity:.35}.item-action__inner--md{--item-action-width:42px;--item-action-height:42px}@media (hover:hover){.item-action__inner:hover .svg{opacity:1}}@media (max-width:600px){.item-action__inner--sm-to-600{--item-action-width:38px;--item-action-height:34px}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/notice.min.css?16913472032844*/
.notice-surface{position:fixed;z-index:3000;right:32px;top:28px;max-width:calc(100% - 30px);max-height:calc(100vh - 56px);display:flex;flex-direction:row}.notice-surface--left{left:32px;right:auto}.notice-surface--reverse{bottom:28px;top:auto}@media (max-width:991px){.mfixed_y .notice-surface{top:74px;right:0}.bottom-icons-panel_y .notice-surface--reverse{bottom:72px}}.notice-surface__inner{display:flex;flex-direction:column-reverse;align-items:flex-start;position:relative;min-width:0}.notice-surface--reverse .notice-surface__inner{display:flex;flex-direction:column}.notice{min-width:0;box-shadow:0 5px 20px rgba(0,0,0,.15);background:#fff;background:var(--black_bg_black);border-radius:var(--theme-outer-border-radius);position:relative;width:346px;max-width:100%;transition:transform .1s linear;flex-shrink:0;margin:4px 0}.notice--link{cursor:pointer}.notice--hidden{display:none!important;margin:0}.notice__closer{width:38px;height:38px;position:absolute;top:-1px;right:-1px;display:flex;justify-content:center;align-items:center;z-index:1;cursor:pointer}.notice__inner{padding:20px}.notice__image{height:60px;width:60px}.notice__image img{max-height:100%;max-width:100%}.notice .line-block__item+.line-block__item{align-self:center}.notice .line-block__item+.line-block__item .notice__title:first-child{margin-top:-7px;color:#222;color:var(--white_text_black);font-weight:700}.notice .line-block__item+.line-block__item .notice__detail:first-child{margin-top:-3px}.notice__title+.notice__detail{margin-top:4px}.notice__detail__more{margin-top:6px}.notice-surface--right .animate--notice-show{-webkit-animation:animate--notice-show--right .4s linear;-ms-animation:animate--notice-show--right .4s linear;animation:animate--notice-show--right .4s linear;right:0}@-webkit-keyframes animate--notice-show--right{from{right:calc(-100% - 32px)}50%{right:32px}to{right:0}}@-ms-keyframes animate--notice-show--right{from{right:calc(-100% - 32px)}50%{right:32px}to{right:0}}@keyframes animate--notice-show--right{from{right:calc(-100% - 32px)}50%{right:32px}to{right:0}}.notice-surface--left .animate--notice-show{-webkit-animation:animate--notice-show--left .6s linear;-ms-animation:animate--notice-show--left .6s linear;animation:animate--notice-show--left .6s linear;left:0}@-webkit-keyframes animate--notice-show--left{from{left:calc(-100% - 32px)}50%{left:32px}to{left:0}}@-ms-keyframes animate--notice-show--left{from{left:calc(-100% - 32px)}50%{left:32px}to{left:0}}@keyframes animate--notice-show--left{from{left:calc(-100% - 32px)}50%{left:32px}to{left:0}}.animate--notice-hide{height:0!important;opacity:0!important;margin:0!important;transition:transform .1s linear,opacity .3s ease-in-out .1s,height .3s linear .4s,margin .3s linear .4s}.animate--notice-hide .notice__closer{display:none}.animate--notice-click{transform:scale(.95)}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/scroll_to_top.min.css?16913472032964*/
a.scroll-to-top{-moz-transition:opacity .3s ease,visibility .3s ease,background-color .1s ease;-ms-transition:opacity .3s ease,visibility .3s ease,background-color .1s ease;-o-transition:opacity .3s ease,visibility .3s ease,background-color .1s ease;-webkit-transition:opacity .3s ease,visibility .3s ease,background-color .1s ease;transition:opacity .3s ease,visibility .3s ease,background-color .1s ease;position:fixed;text-align:center;text-decoration:none;display:block;background:#9e9e9e url(/bitrix/templates/aspro-lite/css/../images/svg/scroll.svg) no-repeat scroll center center;background-color:var(--theme-base-color);width:44px;height:44px;border-radius:50%;right:73px;left:inherit;bottom:23px;opacity:0;visibility:hidden;z-index:1}a.scroll-to-top.visible{opacity:1;visibility:visible}a.scroll-to-top.RECT_WHITE,a.scroll-to-top.ROUND_WHITE{background-color:#fff}a.scroll-to-top.RECT_GREY,a.scroll-to-top.ROUND_GREY{background-color:#e3e3e3}a.scroll-to-top.RECT_COLOR,a.scroll-to-top.RECT_GREY,a.scroll-to-top.RECT_WHITE{border-radius:2px;border-radius:var(--border-radius)}a.scroll-to-top.TOUCH{border-radius:2px 0 0 2px;border-radius:var(--border-radius) 0 0 var(--border-radius);width:50px;height:50px;right:0}a.scroll-to-top.RECT_COLOR,a.scroll-to-top.ROUND_COLOR{background-position:center 14px}a.scroll-to-top.RECT_GREY,a.scroll-to-top.RECT_WHITE,a.scroll-to-top.ROUND_GREY,a.scroll-to-top.ROUND_WHITE{background-position:center -70px}a.scroll-to-top.RECT_COLOR.TOUCH{background-position:center 17px}a.scroll-to-top.RECT_GREY.TOUCH,a.scroll-to-top.RECT_WHITE.TOUCH{background-position:center -67px}a.scroll-to-top.CONTENT{left:50%;margin-left:512px}a.scroll-to-top:hover{background-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));background-position:center 14px}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
/* End */


/* Start:/bitrix/templates/aspro-lite/components/bitrix/menu/header/style.min.css?169134720214071*/
.header-menu__wrapper{display:flex;height:45px}.header-menu--centered .header-menu__wrapper{justify-content:center}.header-menu.header-menu--left .header-menu__wrapper{justify-content:left}.header-menu__item{margin:0;position:relative;display:flex;align-items:center;flex-shrink:0}.header-menu__link{padding:0 13px}.header-menu--height_50 .header-menu__item,.header-menu--height_50 .header-menu__wrapper{height:50px}.header-menu__item--more-items{display:none;opacity:0;margin-right:0;cursor:pointer}.header-menu__item--more-items:hover>.header-menu__dropdown-menu{opacity:1;visibility:visible}.header-menu__item--more-items .header-menu__item,.header-menu__item--more-items .header-menu__title{height:auto;font-size:.9375rem;line-height:calc(1em + 7px)}.header-menu__item--more-items .header-menu__wide-submenu-right-arrow svg{transform:rotate(270deg)}#main .header-menu__item--more-items .header-menu__link{color:#333;color:var(--white_text_black);opacity:1}.header-menu__item--more-items .header-menu__dropdown-menu-inner{padding:0}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__dropdown-menu{position:absolute;right:calc(100% + 8px);left:auto;top:-8px}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__dropdown-menu.header-menu__dropdown-menu--submenu.dropdown{top:-8px}.header-menu__more-items-list .header-menu__link{padding:9px 16px 10px 16px}.header-menu__item--more-items .dropdown-submenu:hover>.header-menu__dropdown-menu{opacity:1;visibility:visible}body.menu_lowercase_n .header-menu__title{text-transform:uppercase;font-size:12px;line-height:19px;letter-spacing:.08em}body.menu_lowercase_n .header-menu__dropdown-menu .header-menu__title{text-transform:none;font-size:1em;line-height:calc(1em + 7px);letter-spacing:0}.header-menu__link{display:flex;align-items:center;height:100%;justify-content:space-between;width:100%}.active>.header-menu__link>.svg use{fill:var(--fill_dark_lite_hover)}.header-menu__dropdown-menu{opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;transition-delay:.2s}.header-menu__dropdown-menu.dropdown{min-width:240px}.header-menu__item--more-items>.header-menu__dropdown-menu.dropdown{left:-30px}.header-menu__dropdown-menu>.dropdown{min-width:240px;padding:17px 0;left:-29px}.header-menu__dropdown-item{margin:0}.header-menu__dropdown-item.active>a{color:var(--white_text_black)}.header-menu__arrow{margin-left:7px;color:#333}.header-menu__dropdown-item--with-dropdown:hover>.header-menu__dropdown-menu{opacity:1;visibility:visible}.header-menu__dropdown-item--with-dropdown>a{padding-right:30px}.header-menu__wrapper .header-menu__dropdown-menu--submenu{position:absolute;left:calc(100% + 8px);top:-8px}.header-menu__dropdown-menu .header-menu__dropdown-menu.header-menu__dropdown-menu--submenu{z-index:2}.svg.header-menu__dropdown-right-arrow{position:absolute;top:calc(1em + 5px);transform:translateY(-50%) rotate(270deg);right:16px}.header-menu__item--dropdown:hover>.header-menu__dropdown-menu{opacity:1;visibility:visible}.header-menu__dropdown-menu-inner{margin-bottom:0}body .header-menu__wrapper .dropdown-menu-inner{overflow:visible;margin-bottom:0}.header-menu__wide-limiter{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;padding:40px}.header-menu__wide-right-part{width:240px;position:sticky;top:0}.header-menu__wide-right-part+.header-menu__dropdown-menu--grids{width:calc(100% - 280px)}@media (max-width:1500px){.header-menu--bottom-1500{position:absolute;top:calc(100% + 1px);left:-32px;right:-32px;border-bottom:1px solid #e5e5e5}.header--offset .header-menu--bottom-1500{left:0;right:0}.header--narrow.header--offset .header-menu--bottom-1500{border-bottom:none;box-shadow:0 3px 7px rgba(0,0,0,.05);border-radius:0 0 4px 4px}.header-menu--bottom-1500.header-menu--color_dark{background-color:#333}.header-menu--bottom-1500.header-menu--color_light{background-color:#fff}.header-menu--bottom-1500.header-menu--color_gray{background-color:#fafafa}}@media (max-width:1200px){.header-menu--bottom-1200{position:absolute;top:100%;left:-32px;right:-32px;border-bottom:1px solid #e5e5e5}.header-menu--color_dark.header-menu--bottom-1200{border-bottom:1px solid #00000012}.header-menu--color_colored.header-menu--bottom-1200{border-bottom:1px solid #ffffff1a}.header--offset .header-menu--bottom-1200{left:8px;right:8px}.header--narrow.header--offset .header-menu--bottom-1200{left:32px;right:32px}.header--offset:not(.header--narrow) .header-menu--bottom-1200{left:-24px;right:-24px}.header--offset .header-menu--bottom-1200{border-bottom:none;border-top:1px solid #e5e5e5;box-shadow:0 3px 7px rgba(0,0,0,.05);border-radius:0 0 4px 4px}.header--offset .header-menu--color_dark.header-menu--bottom-1200{border-top:1px solid #00000012}.header--offset .header-menu--color_colored.header-menu--bottom-1200{border-top:1px solid #ffffff1a}.header-menu--bottom-1200.header-menu--color_dark{background-color:#333}.header-menu--bottom-1200.header-menu--color_light{background-color:#fff}.header-menu--bottom-1200.header-menu--color_gray{background-color:#fafafa}}.side_banners__item{overflow:hidden}.side_banners__item-img{width:100%;height:310px;background-size:cover!important}.side_banners__item-date{color:#999;margin-top:12px}.header-menu__item--wide{position:static}.header-menu__item--wide>.header-menu__dropdown-menu{position:absolute;left:16px;right:16px;top:100%;padding-top:1px}.header-menu__wide-limiter{max-height:520px}.menu-dropdown-offset .header-menu__item--wide>.header-menu__dropdown-menu{top:calc(100% + 12px)}.header-menu__wrapper>.header-menu__item--wide .dropdown-menu-inner{overflow:hidden}@media (max-height:800px){.header-menu__wide-limiter{max-height:calc(80vh - 100px)}}.header-menu__item--wide .header-menu__dropdown-menu>.dropdown{padding:0;left:0}.header-menu__dropdown-menu--grids{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:32px;width:100%}.header--narrow .header-menu__dropdown-menu--grids{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}html.bx-ie .header-menu__dropdown-menu--grids{display:flex;flex-wrap:wrap}html.bx-ie .header-menu__item--wide .header-menu__dropdown-item{padding:40px;width:25%}@media (max-width:1200px){html.bx-ie .header-menu__item--wide .header-menu__dropdown-item{padding:24px;width:33%}}.header-menu__item--wide .header-menu__dropdown-item{padding:0;display:flex;flex-direction:column}.header-menu__item--wide .header-menu__dropdown-item--img-LEFT{flex-direction:row}.header-menu__wide-submenu-item--more_items{padding-left:0;margin:0;cursor:pointer}.header-menu__wide-submenu-item--more_items .with_dropdown{position:relative}.header-menu__wide-submenu-item--more_items.opened svg{transform:rotate(180deg) translateY(2px)}.header-menu__wide-item-wrapper{overflow:hidden;white-space:normal}.header-menu__dropdown-item--centered{align-items:center}.header-menu__dropdown-item--centered.header-menu__dropdown-item--img-TOP{justify-content:center}.header-menu__dropdown-item--centered .header-menu__dropdown-item-img--TOP{justify-content:center}.header-menu__dropdown-item--img-LEFT .header-menu__wide-item-wrapper{margin-top:-4px}.header-menu__dropdown-item-img{width:56px;height:56px;display:flex;align-items:flex-start;justify-content:flex-end}.header-menu__dropdown-item-img--LEFT{margin-right:24px;flex-shrink:0}.header-menu__dropdown-item-img--TOP{margin-bottom:12px;width:auto;justify-content:flex-start}.header-menu__dropdown-item-img .svg svg{max-height:40px;max-width:40px}.header-menu__dropdown-item-img-inner{position:relative;width:auto;height:56px;overflow:hidden}.header-menu__wide-submenu{padding-top:6px;margin-bottom:0}.header-menu__wide-submenu .header-menu__wide-submenu{margin-left:12px;margin-top:0;margin-bottom:0;padding-bottom:6px;padding-top:5px}.header-menu__wide-submenu-item{padding:3px 0;margin:0;line-height:calc(1em + 5px)}.header-menu__wide-submenu .header-menu__wide-submenu-item{padding:2px 0 4px}.header-menu__wide-submenu-item.active>.header-menu__wide-submenu-item-inner>a>.header-menu__wide-submenu-item-name{font-weight:700;color:#333;color:var(--white_text_black)}.header-menu__wide-submenu-item-inner .toggle_block{display:inline-block;position:static;transform:translateX(-17px);width:0}body .header-menu__wide-submenu-right-arrow.menu-arrow{top:5px;right:6px}.header-menu-side__wide-submenu-item--more_items:hover .menu-arrow,.header-menu__wide-submenu-item--more_items:hover .menu-arrow,.header-menu__wide-submenu-item-inner .toggle_block:hover .menu-arrow{background-color:#9e9e9e;background-color:var(--theme-base-opacity-color)}.header-menu__wide-submenu-item-inner.opened .menu-arrow.svg{transform:rotate(180deg)}.header-menu__wide-submenu-item-inner{display:inline;position:relative}.header-menu__wide-item-description{color:#666;margin-top:3px}.header-menu__item--wide>.header-menu__dropdown-menu{padding-top:0}.header-menu__item--wide>.header-menu__dropdown-menu>.dropdown-menu-inner{max-width:100%}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item-img{display:none}.header-menu__item--more-items .header-menu__wide-limiter.scrollbar{max-height:none;overflow:visible}.header-menu__item--more-items .header-menu__dropdown-menu .maxwidth-theme{padding:0}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-submenu{opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;transition-delay:.2s;position:absolute;right:calc(100% + 8px);top:-8px;background:#fff;background:var(--card_bg_black);border-radius:var(--border-radius);-webkit-box-shadow:0 5px 20px rgba(0,0,0,.15);box-shadow:0 5px 20px rgba(0,0,0,.15);padding:8px;margin:0;min-width:240px}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown:hover>.header-menu__wide-item-wrapper>.header-menu__wide-submenu{opacity:1;visibility:visible}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-submenu-item-inner{position:static}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown .header-menu__wide-submenu-item--with-dropdown:hover .header-menu__wide-submenu-item-inner .submenu-wrapper .header-menu__wide-submenu{opacity:1;visibility:visible;z-index:2;margin-left:0}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown .header-menu__wide-submenu-item--with-dropdown .header-menu__wide-submenu-item-inner .submenu-wrapper{display:block!important}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown .header-menu__wide-submenu-item--with-dropdown .header-menu__wide-submenu-item-inner .toggle_block{display:none}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .switcher-title{font-family:inherit}.header-menu__wide-submenu-right-arrow.only_more_items{display:none}.header-menu__item--more-items .header-menu__wide-submenu-right-arrow.only_more_items{display:block;padding-left:7px}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu--grids{display:block}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-limiter{padding:0}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide{position:relative}.header-menu__item--more-items .header-menu__wide-item-wrapper{width:100%;margin-top:0}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-right-part{display:none}.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu--grids{width:100%}.header-menu__item--more-items .header-menu__wide-child-link:not(:hover){color:#333;color:var(--white_text_black)}.header-menu__item--more-items li.active>a,.header-menu__item--more-items li.active>div>a,.header-menu__item--more-items li.active>span>a{color:var(--white_text_black);border-radius:var(--border-radius);cursor:default;background:var(--darkgrey_bg_black);font-weight:400}.header-menu__item--more-items li.active:hover>a{color:var(--white_text_black)}.header-menu__item--more-items .header-menu__dropdown-menu{--banner-light-text:var(--fill_dark_light);--banner-light-text-hover:var(--fill_dark_lite_hover)}.header-menu__item--more-items .header-menu__dropdown-menu.scrollbar{overflow:visible}.header-menu__item--more-items .header-menu__wide-child-link{padding:9px 16px 10px 16px;display:flex;align-items:center;justify-content:space-between;font-weight:400;font-size:.9375rem;line-height:calc(1em + 7px)}.header-menu__item--more-items .header-menu__wide-submenu-item{padding:0}.header-menu .header-menu__wide-submenu-item--more_items .menu-arrow svg{position:static}.header-menu .header-menu__wide-submenu-item--more_items .with_dropdown{padding-right:20px}.header-menu__item--dropdown .header-menu__title{padding-right:7px}.header-menu__link--only-catalog>.header-menu__title{padding-right:0;padding-left:16px;font-size:1.06667em;font-weight:600}.header-menu__item .header-menu__link--only-catalog~.header-menu__dropdown-menu{opacity:0;visibility:hidden}.header-menu__item .header-menu__link--only-catalog.opened~.header-menu__dropdown-menu{opacity:1;visibility:visible}.header-menu__link--only-catalog~.header-menu__dropdown-menu{transition-delay:0s}.header-menu__link--only-catalog .svg{padding-bottom:1px}.header-menu__wrapper .menu-arrow.svg{position:static;width:17px;height:16px;text-align:center;line-height:11px}.menu-arrow.svg{position:absolute;right:18px;top:21px;width:15px;height:14px;text-align:center;line-height:8px;border-radius:3px;margin:0}.menu-arrow.svg svg{display:inline-block}.active>.menu-arrow-wrapper>.menu-arrow{transform:rotate(180deg)}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/dropdown-select.min.css?16913472031362*/
.dropdown-menu-wrapper{position:absolute;top:calc(100% + 8px);left:0;display:none;z-index:107;cursor:default}.dropdown-menu-wrapper--visible{display:block;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.dropdown-menu-wrapper--toright{right:-1px;left:auto}.dropdown-menu-wrapper--woffset .dropdown-menu-inner{padding:8px}.dropdown-menu-wrapper .dropdown-menu-inner{background:#fff;background:var(--card_bg_black);text-align:left;box-shadow:0 5px 30px rgba(34,34,34,.1);overflow:hidden;max-width:450px;min-width:220px}.dropdown-select{cursor:pointer;position:relative}.dropdown-select__title{display:flex;align-items:center;color:var(--white_text_black)}.dropdown-select__title.bordered{padding:4px 11px}.dropdown-select__icon-down{margin:0 0 0 6px}.dropdown-menu-item{display:block;padding:9px 16px 10px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.dropdown-menu-item--current{cursor:default;background:var(--darkgrey_bg_black)}.dropdown-menu-wrapper--woffset .dropdown-menu-item--current{border-radius:var(--border-radius)}body .dropdown-menu-item--current:hover{color:var(--white_text_black)}.dropdown-select__icon-down svg{transition:transform .3s ease}.dropdown-select__title.opened .dropdown-select__icon-down svg{transform:scaleY(-1)}.dropdown-select__icon-left{margin:0 10px 0 0}
/* End */


/* Start:/bitrix/templates/aspro-lite/components/bitrix/search.title/corp/style.min.css?16913472034532*/
.inline-search-block{position:absolute;right:0;top:-150px;width:100%;z-index:1000;transition:all ease .3s;background:#fff;background:var(--black_bg_black)}.inline-search-block.show{top:0}.inline-search-block.fixed{position:fixed;z-index:2999}.inline-search-block--big .search .search-button-div{right:-22px}.inline-search-block--big .search .btn-search{padding:0 12px}.inline-search-block--big .search .search-input{color:#666;color:var(--lite_basic_text_black);display:block;height:130px;padding:0 50px 0 0;font-size:28px;width:100%;background:#fff;background:var(--black_bg_black);border:none;border-radius:0;line-height:36px}.inline-search-block--big input::-webkit-input-placeholder{color:#d9d9d9}.inline-search-block--big input::-moz-input-placeholder{color:#d9d9d9}.inline-search-block--big input::-ms-input-placeholder{color:#d9d9d9}.inline-search-block--big input::-o-input-placeholder{color:#d9d9d9}.inline-search-block--big .search .search-button-div{position:static;display:flex;flex-shrink:0;align-items:center}.inline-search-block--big form.search{display:flex}.inline-search-block--big .top-close.inline-search-hide{position:static;transform:translateX(4px)}.search-icon-before{display:flex;align-items:center;width:40px;justify-content:center;margin-right:16px;flex-shrink:0}.inline-search-block--cover{transition:none;display:none}.inline-search-block--cover.show{bottom:0;display:block}.inline-search-block--cover .search-wrapper{max-width:991px;margin:152px auto 0}.inline-search-block--cover .search-title{padding-bottom:37px}.inline-search-block--cover .search .search-input{height:48px}.inline-search-block--cover .search .search-input:focus{box-shadow:0 1px 1px rgba(0,0,0,.015) inset;border-color:#999}div.title-search-result{margin-left:1px;margin-top:2px;display:none;overflow:visible;z-index:100;padding:0;border:none;position:absolute;border-radius:8px;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 -1px 0 var(--stroke_black),0 20px 20px rgba(0,0,0,.1)}.title-search-input-fixed:not(.title-type-cover){width:100%!important;left:0!important;margin-left:0}.searche-result{background-color:#fff;background-color:var(--card_bg_black);max-height:350px;overflow:auto;padding:12px 8px 0}.searche-result__item{display:block;padding:9px 12px}.searche-result__item:hover{background:#f4f4f4;background:var(--darkgrey_bg_black)}.searche-result__item-image{width:40px;height:40px;margin-right:12px;align-self:start;display:flex;justify-content:center;align-items:center;flex-shrink:0;background:#fff}.searche-result__item-image img{margin:auto;max-width:100%;max-height:100%}.searche-result__inner{align-items:center}.searche-result__item--find{padding:23px 0 24px}.title-search-result .item-parent{color:#999;font-weight:400;line-height:calc(1em + 4px)}header .search .search-input{padding-right:108px}.search .dropdown-select.searchtype{margin:0 16px 0 0;width:68px}.search .dropdown-select.searchtype .dropdown-select__title{justify-content:center}.search .dropdown-select.searchtype .dropdown-select__title>span{width:55px;text-align:right;overflow:hidden;text-overflow:ellipsis}.search.search--hastype .btn-clear-search{margin:0 16px 0 0}.search.search--hastype .search-input{padding-right:182px}.searche-result__all{padding:12px 8px;background-color:#fff;background-color:var(--card_bg_black)}.all_result_title{font-weight:600}.search-button-div{display:flex;align-items:center}.btn-clear-search{background:var(--darkgrey_bg_black);padding:7px;height:23px;line-height:0;border-width:0;margin-right:20px;display:none}.title-search-price .price{font-weight:500}.search:focus-within .btn-search{background-color:var(--theme-base-color)}.search:focus-within .btn-search use{fill:#fff}body .search:focus-within .btn-search:hover{opacity:1}.search .search-input:focus{border-color:#fff;border-color:var(--card_bg_black);box-shadow:0 5px 30px rgba(34,34,34,.1)}.title-search-price{transform:translateY(-4px)}@media (max-width:600px){.inline-search-block--cover .search-wrapper{margin-top:24px}.inline-search-block--cover .search-title,.inline-search-block.fixed .btn-search{display:none}#title-search-fixed .top-close{top:22px;right:22px}.inline-search-block.fixed #title-search-fixed .top-close{top:19px}.inline-search-block--cover #title-search-fixed .top-close{top:25px;right:25px}.inline-search-block.fixed.inline-search-block--big .search .search-input{height:85px;font-size:1em}.inline-search-block--big .search .search-input{padding-right:10px}}.search-wrapper .bx_item_block{position:relative}
/* End */


/* Start:/bitrix/templates/aspro-lite/components/bitrix/news.list/tizers-list/style.min.css?16913472021345*/
.tizers-list__items-wrapper{grid-row-gap:34px}.tizers-list__item{display:flex;height:100%;flex-direction:row}.tizers-list__item--column{flex-direction:column}.tizers-list__item-image-wrapper{flex-shrink:0}.tizers-list__item-image-picture{max-width:100%;max-height:100%;object-fit:cover}.tizers-list__item-image-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.tizers-list__item-image-wrapper svg{max-width:100%;max-height:100%}.tizers-list__item-image-wrapper--position-TOP.tizers-list__item-image-wrapper{margin-bottom:31px}.tizers-list__item-image-wrapper--position-LEFT.tizers-list__item-image-wrapper{margin-right:24px}.tizers-list__item-text-wrapper{display:flex;flex-direction:column}.bx-ie .tizers-list__item-text-wrapper{flex-grow:1}@media (min-width:451px){.bx-ie .tizers-list__item-text-wrapper{flex-basis:0}}.tizers-list__item-descr{margin-top:6px}.tizers-list--compact .tizers-list__item-image-wrapper{height:24px;width:24px}.tizers-list--compact .tizers-list__item-image-wrapper--position-LEFT.tizers-list__item-image-wrapper{margin-right:15px}.tizers-list--compact .tizers-list__item-text-wrapper{justify-content:center}@media (max-width:600px){.tizers-list__item-image-wrapper--position-LEFT.tizers-list__item-image-wrapper{margin-right:16px}.tizers-list__item-text-wrapper{margin-right:8px}}
/* End */


/* Start:/bitrix/templates/aspro-lite/components/bitrix/news.detail/front_company/style.min.css?16913472031383*/
.company-item__picture-wrapper{position:relative}.company-item__picture{position:absolute;top:0;left:0;right:0;bottom:0;height:auto;background-position:center;background-repeat:no-repeat;background-size:cover}.company-item__text p:last-of-type{margin-bottom:0}.company-item__picture .video-block iframe,.company-item__picture-wrapper .video-block iframe{display:none}.company-front-wrapper{padding:48px;background:#fff;background:var(--card_bg_black)}.company-item__text{margin-top:24px}@media (min-width:992px){.company-item__info>div:first-of-type{margin-top:0}.company-item__heading .company-item__title{padding-right:80px}.company-item__heading{margin-bottom:90px}.company-item__picture{position:static;height:100vh;max-height:500px}.index-block__btn{position:absolute;bottom:48px}}@media (max-width:991px){.company-item__picture-wrapper{padding-top:50%;margin-top:0}.company-front-wrapper{flex-direction:column}.company-image-type .company-item__right{order:-1}.company-item__right{margin-bottom:48px}.company-image-type .company-item__heading{margin-bottom:48px}}@media (max-width:768px){.company-front-wrapper{padding:24px}}@media (max-width:600px){.company-front-wrapper{padding:24px 16px}.company-item__picture-wrapper{padding-top:81%}.company-item__right{margin-bottom:24px}.company-item__text{margin-top:16px}.company-image-type .company-item__heading{margin-bottom:24px}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/jquery.fancybox.min.css?169134720313058*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-ms-transform-origin:top left;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:0}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px 44px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0,0,0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0);transform:rotate(0)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1) translate3d(0,0,0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)}@media all and (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/fancybox-gallery.min.css?16913472033528*/
.fancybox-active{height:auto}.fancybox-container .fancybox-bg,.fancybox-container .fancybox-button{background:#fff;background:var(--card_bg_black);opacity:1}.fancybox-container svg path{fill:#999}.fancybox-inner .fancy{display:flex!important;align-items:center;justify-content:center;padding:0;height:100%}.fancybox-slide:before{display:none}.fancybox-lock .fancybox-overlay{overflow:hidden}.fancybox-overlay{background:#fff;opacity:0}.fancybox-inner video{display:block;max-height:100%;max-width:100%;margin:auto}.fancybox-inner .fancybox-content{padding:0}.fancybox-container .fancybox-infobar{color:#999;mix-blend-mode:normal}.fancybox-slide--iframe{padding:0}.fancybox-slide iframe{padding:0;height:100%;width:100%}.fancybox-caption{background:0 0;color:#222}.fancy-js{cursor:pointer;display:block}.fancybox-toolbar .fancybox-button:not(.fancybox-button--close){display:none!important}.fancybox-button[disabled]{pointer-events:none}.fancybox-inner{--button-size-large:100px;--arrow-size-large:72px}.fancybox-navigation .fancybox-button{align-items:center;background-color:transparent;display:flex;height:var(--arrow-size-large);top:calc(50% - 19px);width:var(--arrow-size-large)}.fancybox-navigation .fancybox-button--arrow_left{padding:0 0 0 6px;justify-content:flex-start}.fancybox-navigation .fancybox-button--arrow_right{padding:0 6px 0 0;justify-content:flex-end}@media screen and (min-width:992px){.fancybox-navigation .fancybox-button{height:calc(100% - var(--button-size-large));top:var(--button-size-large);width:33%}.fancybox-button div{height:var(--arrow-size-large);width:var(--arrow-size-large)}}@media screen and (min-width:768px){.fancybox-button--close{height:var(--button-size-large);padding:calc(var(--button-size-large)/4);width:var(--button-size-large)}}.fancybox-container.with-slider{--thumbs-width:64px}.fancybox-thumbs.with-slider{background:0 0;display:flex;justify-content:center;left:0;padding:calc(var(--thumbs-width)/ 2);position:absolute;right:auto;width:auto}.fancybox-thumbs.with-slider img{display:inline-block;margin:0 auto;max-height:100%;max-width:100%}.fancybox-show-thumbs .fancybox-inner.with-slider{left:calc(var(--thumbs-width) * 2);right:var(--thumbs-width)}.fancybox-thumbs__wrapper.gallery-slider-thumb__container{flex-direction:column;max-width:var(--thumbs-width);width:100%}.fancybox-thumbs.with-slider .slider-solution{max-height:calc((var(--thumbs-width) + 16px) * 5 - 16px);width:100%}.fancybox-thumbs.with-slider .fancybox-thumbs-active{border-color:var(--theme-base-color)}.fancybox-thumb__list--slider-wrapper{overflow:initial}.fancybox-thumb__list--slider-wrapper a.gallery__item{background-color:unset;height:auto;margin:0;max-height:unset;max-width:var(--thumbs-width);padding:4px}.fancybox-thumb__list--slider-wrapper .gallery__item::before{display:none}@media screen and (min-width:601px){.fancybox-inner.with-slider .fancybox-infobar{left:calc(var(--thumbs-width) * -2)}.fancybox-container.with-slider .fancybox-toolbar{right:calc(var(--thumbs-width) * -1)}}@media screen and (max-width:600px){.fancybox-thumbs.with-slider{bottom:0;height:auto;padding:calc(var(--thumbs-width)/ 2) calc(var(--thumbs-width)/ 8);right:0;top:auto}.fancybox-thumbs.with-slider .slider-solution{max-height:none;width:calc(100% - 72px)}.fancybox-show-thumbs .fancybox-inner.with-slider{bottom:calc(var(--thumbs-width) * 2);left:0;right:0}.detail-gallery-big--vertical .gallery-slider-thumb__container.fancybox-thumbs__wrapper{flex-direction:row;height:var(--thumbs-width);max-width:none}}
/* End */


/* Start:/bitrix/components/aspro/com.banners.lite/templates/banners-with-text2/style.min.css?16913472092240*/
.banners-img-with-text-list__item{position:relative;overflow:hidden}.banners-img-with-text-list__item-image{display:block;background-repeat:no-repeat;background-position:center;background-size:cover}.banners-img-with-text-list__item-link{display:block;overflow:hidden}.banners-img-with-text-list__item-link-hover-none:hover{color:#fff}.banners-img-with-text-list__item-text--centered{text-align:center}.banners-img-with-text-list__item-text--centered .banners-img-with-text-list__item-tags{justify-content:center}.banners-img-with-text-list__item-text{max-height:100%}.banners-img-with-text-list__item-text.dark-block-after:after{top:0}.banners-img-with-text-list__item-title{font-weight:700}.banners-img-with-text-list__item-top-text{margin-bottom:5px;opacity:.7}.banners-img-with-text-list__item-text--absolute{position:absolute;bottom:0;left:0;right:0;padding-top:28px;padding-bottom:28px;display:flex;flex-direction:column}body .banners-img-with-text-list__item-text--absolute *{color:#fff}.banners-img-with-text-list__item-text-scrollbar-wrapper{position:relative;z-index:3;padding:0 24px}.banners-img-with-text-list__item-tags-title{padding-top:12px}.banners-img-with-text-list__item-tags-link{z-index:3;position:relative;display:block}.banners-img-with-text-list__item-tags-link:hover .banners-tags-title-stroke{background:#fff;color:#000;transition:color ease .3s,background ease .3s}.banners-tags-title-stroke{transition:color ease .3s,background ease .3s;padding:5px 10px 6px;display:block;border:1px solid rgba(255,255,255,.35);border-color:rgba(255,255,255,.35)}@media (min-width:601px){.grid-items-2 .banners-img-with-text-list__item-image{padding-top:70.5%}.grid-items-3 .banners-img-with-text-list__item-image{padding-top:91%}.grid-items-4 .banners-img-with-text-list__item-image{padding-top:101%}}@media (max-width:768px){.banners-img-with-text-list__wrapper .banners-img-with-text-list__item-image{padding-top:137%}}@media (max-width:600px){.banners-img-with-text-list__item-title.font_24{font-size:1.2em}.banners-img-with-text-list__item-top-text{margin-bottom:0}.banners-img-with-text-list__item-text--absolute{padding-top:24px;padding-bottom:24px}.banners-img-with-text-list__item-text-scrollbar-wrapper{padding:0 20px}}
/* End */


/* Start:/bitrix/templates/aspro-lite/components/bitrix/catalog.section.list/main/style.min.css?16913472032039*/
.sections-block__item-link{--item-pl:20px;--item-pr:20px;--item-pt:32px;--item-pb:27px;padding:var(--item-pt) var(--item-pr) var(--item-pb) var(--item-pl);text-align:center;display:block}.items-6 .sections-block__item-link{--item-pt:36px;--item-pb:31px}.items-5 .sections-block__item-link{--item-pt:40px;--item-pb:35px}.items-4 .sections-block__item-link{--item-pt:44px;--item-pb:39px}.sections-block__item-image-wrapper{--section-image-width:80px;--section-image-height:80px;width:var(--section-image-width);height:var(--section-image-height);margin:auto auto 14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sections-block__item-image{max-width:100%;max-height:100%}.sections-block__item-image-wrapper--ICONS{--section-image-width:40px;--section-image-height:40px}.sections-block__item-image-wrapper--ICONS svg{width:var(--section-image-width);height:var(--section-image-height)}.sections-block__item-text{display:block}@media (min-width:1200px){.items-6 .sections-block__item-image-wrapper--PICTURES{--section-image-width:104px;--section-image-height:104px}.items-4 .sections-block__item-image-wrapper--PICTURES,.items-5 .sections-block__item-image-wrapper--PICTURES{--section-image-width:120px;--section-image-height:120px}}@media (max-width:600px){.sections-block__item-image-wrapper--PICTURES{--section-image-width:70px;--section-image-height:70px}.sections-block__item-link{--item-pl:16px;--item-pr:16px;--item-pt:16px;--item-pb:16px}.normal .sections-block__item-image-wrapper{--section-image-width:auto;--section-image-height:auto}.sections-block--mobile-compact.grid-list{grid-gap:12px}.sections-block--mobile-compact.mobile-scrolled{grid-gap:0}.sections-block--mobile-compact .sections-block__item-image-wrapper{--section-image-width:32px;--section-image-height:32px;margin:0 18px 0 0}.sections-block--mobile-compact .sections-block__item-inner{display:flex;flex-direction:row;align-items:center;text-align:left}.sections-block--mobile-compact .sections-block__item-link{--item-pt:16px;--item-pb:16px}}
/* End */


/* Start:/bitrix/components/aspro/tabs.lite/templates/.default/style.min.css?169134720972*/
.tab-content-block{display:none}.tab-content-block.active{display:block}
/* End */


/* Start:/bitrix/templates/aspro-lite/components/bitrix/catalog.section/catalog_block/style.css?16913472031*/


/* End */


/* Start:/bitrix/templates/aspro-lite/css/catalog.min.css?16913472037832*/
.buy_block{display:block}body .buy_block .item-action--basket.loadings+.in_cart,body .buy_block .item-action--basket:not(.active)+.in_cart{display:none}body .buy_block .item-action--basket.active:not(.loadings){display:none}.btn-actions--with-icons{max-width:243px;flex-basis:100%}.btn-actions__inner{flex:1;max-width:100%;text-overflow:ellipsis}.btn-actions--with-icons .buy_block{display:flex;flex:1;justify-content:flex-end}.btn-actions--with-icons .buttons{flex:1}.buy_block .btn{white-space:normal;max-width:100%;text-overflow:ellipsis;text-align:center}.counter{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:103px;min-width:103px;overflow:hidden}.counter__action{flex:0 0 30px;position:relative}.counter__action:after,.counter__action:before{content:"";position:absolute;display:block;background-color:#fff;border-radius:1px;top:50%;left:50%}.counter__action:before{width:12px;height:2px;margin-top:-1px;margin-left:-6px}.counter__action--minus{border-right:1px solid rgba(0,0,0,.1)}.counter__action--plus{border-left:1px solid rgba(0,0,0,.1)}.counter__action--plus:after{width:2px;height:12px;margin-top:-6px;margin-left:-1px}.counter__count{--input_bg_color-focus:transparent;--input_border_color-focus:transparent;flex:1;width:100%;height:100%;border:none;background:0 0;text-align:center;color:#fff}.btn .counter{height:calc(var(--button-height) - 3px)}.btn-wide .counter{width:auto}.btn-lg .counter__action{flex-basis:44px}.btn-elg .counter__action{flex-basis:48px}.buttons+.info-buttons{margin-top:8px}.info-buttons__item .btn{display:block;padding-left:14px;padding-right:14px}.info-buttons__item+.info-buttons__item--question .btn-sm{width:44px;margin-left:8px}.info-buttons__item--question .btn-default:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-wide){width:50px;margin-left:12px}.buttons-big-gap .buttons+.info-buttons{margin-top:12px}.buttons-big-gap .info-buttons__item+.info-buttons__item--question .btn{margin-left:12px;width:56px}.info-buttons__item--compare .btn.active{background-color:#9e9e9e;background-color:var(--theme-base-color);border-color:#9e9e9e;border-color:var(--theme-base-color)}.info-buttons__item-text{margin-left:7px}.block-with-icon{display:flex;flex-flow:row wrap}.block-with-icon--mt-14{margin-top:14px}.block-with-icon__icon{margin:3px 11px 0 0}.block-with-icon__text{flex:1}.counter--basket{width:88px;background:#f8f8f8;background:var(--darkerblack_bg_black);margin:auto}.counter--basket .counter__action{flex-basis:26px;border:none;cursor:pointer}.counter--basket .counter__action:hover:after,.counter--basket .counter__action:hover:before{background-color:#333;background-color:var(--fill_dark_lite_white_hover)}.counter--basket .counter__action:after,.counter--basket .counter__action:before{background-color:#999}.counter--basket .counter__action:before{width:8px;margin-left:-4px}.counter--basket .counter__action.counter__action--plus:after{height:8px;margin-top:-4px}.counter--basket .counter__count{color:#333;color:var(--white_text_black);font-size:.8em}.section-wrapper-list>div{margin-bottom:32px}@media (max-width:600px){.grid-list.grid-list--compact .js-popup-block,.owl-carousel .catalog-block__item{padding:12px 12px 8px}.grid-list.grid-list--compact .side-icons,.owl-carousel .catalog-block__item .side-icons{top:auto;bottom:-4px;left:-2px;right:auto;font-size:0;line-height:0;text-align:left}.grid-list.grid-list--compact .side-icons .side-icons__item,.owl-carousel .catalog-block__item .side-icons .side-icons__item{margin:0 2px 4px;display:inline-block}.grid-list .js-popup-block .countdown,.owl-carousel .catalog-block__item .countdown,.owl-carousel .sticker,.owl-carousel .sticker-wrap{display:none}.grid-list.grid-list--compact div[class*=info-title],.owl-carousel .catalog-block__item div[class*=info-title]{line-height:calc(1em + 7px)}}@media (max-width:600px){.hide-600{display:none!important}body .js-btn-state-wrapper .btn,body .js-replace-more.btn{--button-height:35px;--button-pl:8px;--button-pr:8px}}.sku-props--no-current{opacity:.6;transition:opacity .3s ease}.sku-props--no-current:hover{opacity:1}.sku-props__item{margin-top:10px}.sku-props--detail .sku-props__inner:first-of-type .sku-props__item{margin-top:0}.sku-props--detail .sku-props__values{margin-left:-4px;margin-right:-4px}.sku-props--detail .sku-props__values>.line-block__item{padding-left:4px;padding-right:4px;padding-top:7px}.sku-props--detail .sku-props__value{--sku-height:39px;padding:10px 16px}.sku-props--detail .sku-props__title{font-size:.9375rem}.sku-props--list .sku-props__values>.line-block__item{padding-top:4px}.sku-props__title{font-size:.75rem;line-height:calc(1em + 7px)}.sku-props__title .hint{display:inline-block;padding-left:1px;top:-1px}.sku-props--list .sku-props__title{font-size:.8125rem}.sku-props--pict .sku-props__title{padding-bottom:1px}.sku-props__value{--sku-width:auto;--sku-height:30px;width:var(--sku-width);height:var(--sku-height);padding:5px 10px;background-color:var(--card_bg_black);box-shadow:0 0 0 1px var(--stroke_black) inset;color:var(--white_text_black);display:flex;align-items:center;line-height:var(--sku-height)!important;border-radius:calc(var(--border-radius) - 2px);user-select:none;transition:all ease 50ms}.sku-props__value:not(.sku-props__value--active):not(.sku-props__value--missing):hover{box-shadow:0 5px 20px rgba(34,34,34,.08);cursor:pointer}.sku-props__value--missing{color:var(--stroke_black);overflow:hidden;position:relative}.sku-props__value--missing::after{background:var(--stroke_black);content:"";display:block;height:1px;left:0;position:absolute;top:50%;transform:rotateZ(-37deg) scaleX(1.2);width:100%;z-index:1}.sku-props__value:not(.sku-props__value--active):active{transform:translateY(1px)}.sku-props__value.sku-props__value--active{box-shadow:0 0 0 2px var(--theme-base-color,#9e9e9e) inset;background-color:transparent}.sku-props__value--pict{--sku-width:28px;--sku-height:28px;padding:0;font-size:0;padding:0;border:3px solid var(--white_text_black_reverse);background-size:cover;background-repeat:no-repeat;box-shadow:0 0 0 1px var(--stroke_black,#9e9e9e);position:relative;flex-shrink:0}.sku-props--detail .sku-props__value--pict{--pict-prop-size:48px;height:var(--pict-prop-size);padding:0;width:var(--pict-prop-size)}.sku-props__value--pict.sku-props__value--active{box-shadow:none}.sku-props__value--active.sku-props__value--pict:before{content:"";display:block;border-radius:var(--border-radius);position:absolute;inset:-4px;box-shadow:0 0 0 2px var(--theme-base-color,#9e9e9e) inset}@media (max-width:600px){.sku-props--detail .sku-props__title{font-size:.8125rem}.sku-props--detail .sku-props__value--pict{--pict-prop-size:40px}}.status-amount--stores{opacity:0;transition:opacity .3s ease}.status-amount--visible{opacity:1}.status-amount--stores.dotted{cursor:pointer}.catalog-detail__cell-block{padding:24px 20px}.catalog-detail__cell-block.shadow{box-shadow:0 3px 20px rgba(34,34,34,.1);position:relative}.grid-list.catalog-detail__forms{--gap:13px}.catalog-detail__pseudo-link--with-gap{margin-top:8px}.catalog-detail .catalog-detail__pseudo-link{display:inline-flex;line-height:calc(1em + 9px)}.pseudo-link__icon{margin-right:10px}.catalog-detail__forms .status-icon.js-replace-status{color:inherit}.status__svg-icon.instock *{fill:#69be15}.status__svg-icon.nostock *{fill:#f91a35}.catalog-detail .brand-detail-info__image{align-items:center;background-color:#fff;display:inline-flex;height:42px;justify-content:flex-start;max-width:90px;padding:5px}.catalog-detail .brand-detail-info__image a{align-items:center;display:flex;height:100%;width:100%}.bx_sale_gift_main_products .btn-fast-view,.sale_gift_product_container .btn-fast-view{display:none}.catalog-detail .content--max-width{max-width:1200px}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/catalog-block.min.css?16913472034094*/
.catalog-block__item{--catalog-block-radius:var(--theme-outer-border-radius);--catalog-block-padding:16px;padding:var(--catalog-block-padding) var(--catalog-block-padding) var(--catalog-block-padding);height:100%;border-radius:12px;border-radius:var(--catalog-block-radius)}.catalog-block__inner{position:relative}.catalog-block__item .catalog-block__item--img-corner{width:auto;margin:calc(-1 * var(--catalog-block-padding)) calc(-1 * var(--catalog-block-padding)) 0}.catalog-block__info-bottom .catalog-block__info-btn{min-width:0}.grid-list--no-gap .catalog-block__item .catalog-block__item--img-corner{border-radius:0}.catalog-block__item .catalog-block__item--img-corner .image-list__link{border-radius:var(--catalog-block-radius);overflow:hidden}.catalog-block__item .catalog-block__item--img-corner .sticker{left:calc(var(--catalog-block-padding) - 2px);top:var(--catalog-block-padding)}.catalog-block__item .catalog-block__item--img-corner .price-economy{left:var(--catalog-block-padding)}.catalog-block__item .catalog-block__item--img-corner img{border-radius:0}.catalog-block__item .catalog-block__item--img-corner .countdown-list-image{bottom:27px;left:34px}body .catalog-block__info{margin-top:12px;flex-basis:auto}.catalog-block__info-inner .price{margin-bottom:4px}.catalog-block__info-title{line-height:calc(1em + 7px)}.catalog-block__info-tech{margin:4px 0 0}.catalog-block__info-bottom{margin-top:11px;position:relative}.catalog-block__info-bottom--margined{margin:4px 0}.bx-ie .catalog-block__info{flex-basis:auto}@media (min-width:769px){.properties-absolute-outer:hover~.image-list-outer .sticker{left:100%;right:-100%}.properties-absolute-outer:hover~.image-list-outer .countdown,.properties-absolute-outer:hover~.image-list-outer .image-list__link{left:100%}.image-list-outer .countdown,.image-list-outer .image-list__link,.image-list-outer .sticker{transition:all ease .2s}.properties-absolute-outer:hover~.image-list-outer .to-top .sticker{top:100%}.properties-absolute-outer:hover~.image-list-outer .to-top .countdown,.properties-absolute-outer:hover~.image-list-outer .to-top .image-list__link{top:100%}.image-list-outer_overflow{overflow:hidden}.catalog-block__info-bottom .js-btn-state-wrapper{flex:none}.catalog-block__offers .sku-props{display:none}.catalog-block__wrapper{position:relative}.catalog-block__wrapper:hover{z-index:5}.catalog-block__wrapper[data-hovered=true] .catalog-block__item{height:auto;position:absolute;top:0;left:0;right:0;z-index:4}.catalog-block__wrapper[data-hovered=true] .catalog-block__offers .sku-props{display:block}}@media (max-width:768px){.catalog-block__info,.catalog-block__wrapper{height:auto!important}.catalog-block__info-bottom{display:flex;flex-direction:column}.catalog-block__offers{order:-1}.catalog-block__info-bottom .sku-props{margin-bottom:10px}.catalog-block__info-bottom .btn .counter{width:100%}}@media (min-width:601px){#main .catalog-block__info-price{text-align:left;flex:1}.catalog-block__info-price+.catalog-block__info-btn{text-align:right}.bx-ie .catalog-block__info-btn{top:50%;transform:translateY(-50%)}.catalog-block__info-bottom .line-block{justify-content:normal}.catalog-block__item--centered .catalog-block__info-bottom .line-block{justify-content:center}.catalog-block--bottom-btn .catalog-block__info-bottom--margined{flex-basis:100%}.catalog-block--bottom-btn .catalog-block__info-bottom--margined:last-of-type{margin-top:13px}.catalog-block--bottom-btn .btn{display:block}.catalog-block--bottom-btn .counter{width:auto}}.detail-block .catalog-block .owl-stage{display:flex;flex-direction:row}.detail-block .catalog-block .owl-item{flex-shrink:0}.properties-absolute-outer{padding-top:100%;position:absolute;top:0;left:0;right:0;overflow:hidden;z-index:4}.properties-absolute-outer.properties-absolute-margin{padding-top:calc(100% + 28px)}@media (max-width:600px){.grid-list.grid-list--compact .js-popup-block.catalog-block__item .catalog-block__item--img-corner{margin:-16px -16px 0}.catalog-block__item{--catalog-block-padding:12px;padding-bottom:8px}.catalog-block__info-tech{margin-top:8px}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/rating.min.css?1691347203210*/
.rating{display:flex;margin:0 -2px;line-height:0}.rating__star{margin:0 2px}.rating__star-svg *{fill:#ccc}.rating__star-svg--filled *{fill:#ffb45b}.rating__count{margin-left:10px}.rating__count a{color:inherit}
/* End */


/* Start:/bitrix/templates/aspro-lite/components/bitrix/news.list/blog-list/style.min.css?16913472021521*/
.blog-list__item{position:relative;overflow:hidden}.blog-list__item-image-wrapper{position:relative;padding-top:63%}.blog-list__item-image{background-size:cover;background-position:center;background-repeat:no-repeat;display:block;position:absolute;top:0;left:0;right:0;bottom:0}.bx-ie .blog-list__item-text-top-part{flex-basis:auto}.blog-list__item-preview-wrapper{margin-top:9px}.blog-list__item-text-wrapper{padding:13px 15px 0}.blog-list__item-link--absolute{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.blog-list__item-text-bottom-part{margin-top:9px;display:flex;flex-direction:row;flex-wrap:wrap}.blog-list__item-period{position:relative}.blog-list__item-text-bottom-part__separator{margin:0 11px;font-size:.93333em;line-height:18px;opacity:.2}.blog-list__item-sticker{position:absolute;font-size:0;line-height:0;z-index:2;bottom:20px;left:16px}.blog-list__item__popup-video{background-color:#9e9e9e;background-color:var(--theme-base-color);height:32px;width:32px;border-radius:50%}.blog-list__item__popup-video:before{content:"";position:absolute;top:50%;left:50%;border:5px solid transparent;border-left:11px solid #fff;margin:-5px 0 0 -4px}@media (max-width:600px){.blog-list__item-preview-wrapper{font-size:13px;line-height:20px;margin-bottom:15px}.blog-list__item-text-wrapper{padding:17px 19px 0}.blog-list__item-image-wrapper{padding-top:67%}.blog-list__item-text-bottom-part__separator{margin:0 7px;line-height:21px}}@media (max-width:500px){.grid-list--normal .blog-list__wrapper{width:100%}}
/* End */


/* Start:/bitrix/components/star/bxslider/templates/.default/style.css?16913472093714*/
.star_bxslider_outer .star_bxslider_wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.star_bxslider_wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.star_bxslider_wrapper .bx-controls-auto,.star_bxslider_wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.star_bxslider_wrapper .bx-loading{min-height:50px;background:url(/bitrix/components/star/bxslider/templates/.default/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.star_bxslider_wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.star_bxslider_wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.star_bxslider_wrapper .bx-pager.bx-default-pager a.active,.star_bxslider_wrapper .bx-pager.bx-default-pager a:focus,.star_bxslider_wrapper .bx-pager.bx-default-pager a:hover{background:#000}.star_bxslider_wrapper .bx-controls-auto .bx-controls-auto-item,.star_bxslider_wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.star_bxslider_wrapper .bx-pager-item{font-size:0;line-height:0}.star_bxslider_wrapper .bx-prev{left:10px;background:url(/bitrix/components/star/bxslider/templates/.default/images/controls.png) 0 -32px no-repeat}.star_bxslider_wrapper .bx-prev:focus,.star_bxslider_wrapper .bx-prev:hover{background-position:0 0}.star_bxslider_wrapper .bx-next{right:10px;background:url(/bitrix/components/star/bxslider/templates/.default/images/controls.png) -43px -32px no-repeat}.star_bxslider_wrapper .bx-next:focus,.star_bxslider_wrapper .bx-next:hover{background-position:-43px 0}.star_bxslider_wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.star_bxslider_wrapper .bx-controls-direction a.disabled{display:none}.star_bxslider_wrapper .bx-controls-auto{text-align:center}.star_bxslider_wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(/bitrix/components/star/bxslider/templates/.default/images/controls.png) -86px -11px no-repeat;margin:0 3px}.star_bxslider_wrapper .bx-controls-auto .bx-start.active,.star_bxslider_wrapper .bx-controls-auto .bx-start:focus,.star_bxslider_wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.star_bxslider_wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(/bitrix/components/star/bxslider/templates/.default/images/controls.png) -86px -44px no-repeat;margin:0 3px}.star_bxslider_wrapper .bx-controls-auto .bx-stop.active,.star_bxslider_wrapper .bx-controls-auto .bx-stop:focus,.star_bxslider_wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.star_bxslider_wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.star_bxslider_wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.star_bxslider_wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.star_bxslider_wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
.star_bxslider_outer .star_bxslider_wrapper {margin: 0 auto;}
.star_bxslider_outer .star_bxslider_wrapper .bx-controls-direction a {text-decoration: none; border: none; z-index: 1007;}
.star_bxslider_outer {position: relative; margin: 20px auto;}
.star_bxslider_outer .star_bxslider_item img {width: 100%; max-width: 100%; height: auto}




/* End */


/* Start:/bitrix/templates/aspro-lite/components/bitrix/menu/bottom2/style.min.css?16913472021041*/
.bottom-menu .items>div{row-gap:20px}.footer__main-part-inner{padding:73px 0 82px}.footer--color-dark .subscribe-btn{--fill_dark_light:#fff}.footer--color-dark .subscribe-btn:hover use{--fill_dark_lite_hover:#999}.subscribe-btn__icon{transform:rotate(180deg)}.bottom-menu .item-link a:not(:hover){color:#fff}.footer--color-light .bottom-menu .item-link a:not(:hover){color:#333;color:var(--white_text_black)}@media (max-width:1200px){.footer__main-part .footer__part-bottom{flex-direction:column}.footer__social,.footer__subscribe{margin-top:25px}}@media (min-width:1200px){.footer__part-bottom>div{padding-top:41px}}@media (max-width:991px){.footer__main-part-inner{padding:41px 0 20px 0;flex-direction:column;border:none}.footer__info{margin-top:25px}}@media (max-width:767px){.bottom-menu.bottom-menu--bold{padding-bottom:16px}.bottom-menu--bold .item-link{margin:16px 0}}@media (max-width:600px){.footer__main-part-inner{padding:22px 0 25px 0}.bottom-menu .items>div{--gap:21px;row-gap:16px}.bottom-menu .items .item{font-size:.9375rem}}
/* End */


/* Start:/bitrix/components/aspro/marketing.popup.lite/templates/.default/style.min.css?16913472094844*/
.popup.dyn_mp_jqm_frame{max-width:810px;width:auto}.marketing-popup{min-height:300px;min-width:250px}.marketing-popup:not(.popup-text-info--has-img){max-width:580px}.marketing-popup .popup-text-info__title{padding:55px 60px 33px 60px}.marketing-popup .popup-text-info__text{padding:0 60px 60px}.marketing-popup .popup-text-info__btn{margin:39px -5px 0}.marketing-popup .popup-text-info__btn .btn{margin:5px}.marketing-popup.popup-text-info--has-img .popup-text-info__picture{position:absolute;top:0;bottom:0;left:0;border-radius:3px 0 0 3px;overflow:hidden}.marketing-popup.popup-text-info--has-img .popup-text-info__picture>div{display:block;width:100%;height:100%;background-size:cover;background-position:center}.marketing-popup.popup-text-info--has-img .popup-text-info__text{padding:0 32px 32px;line-height:calc(1em + 7px)}.marketing-popup.popup-text-info--has-img .popup-text-info__title{padding:35px 32px 26px}.marketing-popup.popup-text-info--has-img .popup-text-info__btn{margin-top:27px}.marketing-popup.popup-text-info--has-img .popup-text-info__btn .btn{margin-bottom:0}.dyn_mp_jqm_frame.TEXT{box-shadow:0 5px 20px 0 #0000001f}.dyn_mp_jqm_frame.TEXT .popup-text-info{padding:32px 35px 30px 35px;min-height:auto}.dyn_mp_jqm_frame.TEXT .popup-text-info__title{font-size:1em;padding:0;padding-bottom:11px}.dyn_mp_jqm_frame.TEXT .popup-text-info__text{padding:0}.dyn_mp_jqm_frame.TEXT .jqmClose{right:0;top:0;width:36px;height:36px}.dyn_mp_jqm_frame.TEXT .jqmClose i,.dyn_mp_jqm_frame.TEXT .jqmClose i svg{width:10px;height:10px}.dyn_mp_jqm_frame.TEXT .popup-text-info__btn{font-size:15px;letter-spacing:.8px}.dyn_mp_jqm_frame.TEXT.BOTTOM_LEFT{bottom:20px;left:20px;max-width:410px}.dyn_mp_jqm_frame.TEXT.BOTTOM_LEFT .popup-text-info__btn{margin-top:19px}.dyn_mp_jqm_frame.TEXT.BOTTOM_RIGHT{bottom:20px;right:20px;max-width:410px}.dyn_mp_jqm_frame.TEXT.BOTTOM_RIGHT .popup-text-info__btn{margin-top:19px}.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER{bottom:20px;left:50%;width:calc(100% - 60px);transform:translateX(-50%)}.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info{display:flex;align-items:center;justify-content:space-between;max-width:none;padding:21px 40px 20px 26px}.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info__btn{margin-top:0;margin-left:30px}.marketing-popup.with_web_form .form .form_footer{margin-bottom:0}.popup .marketing-popup.with_web_form .form .form_footer{padding-bottom:50px}.popup .marketing-popup.with_web_form.popup-text-info--has-img .form .form_body,.popup .marketing-popup.with_web_form.popup-text-info--has-img .form .form_footer,.popup .marketing-popup.with_web_form.popup-text-info--has-img .form .form_head{padding-left:50px}.marketing-popup.with_web_form.popup-text-info--has-img .popup-text-info__picture{max-width:unset}.marketing-popup.with_web_form .popup-text-info__webform .close.jqmClose{display:none}.popup.dyn_mp_jqm_frame.WEBFORM .mCSB_container{margin-bottom:0}.popup.dyn_mp_jqm_frame.MAIN .mCSB_container{margin-bottom:0}@media (min-width:1200px){.popup.dyn_mp_jqm_frame.WEBFORM{max-width:850px}.popup.dyn_mp_jqm_frame.MAIN{max-width:850px}body .marketing-popup.with_web_form.popup-text-info--has-img{min-width:850px}}@media (min-width:768px){.marketing-popup.popup-text-info--has-img .popup-text-info__picture{width:45%}.marketing-popup.popup-text-info--has-img .popup-text-info__text,.marketing-popup.popup-text-info--has-img .popup-text-info__title{margin-left:330px;margin-left:45%}.marketing-popup.popup-text-info--has-img .popup-text-info__webform{margin-left:330px;margin-left:45%}.dyn_mp_jqm_frame.MAIN .marketing-popup,.dyn_mp_jqm_frame.WEBFORM .marketing-popup{min-width:700px}.marketing-popup.with_web_form.popup-text-info--has-img{min-width:767px}}@media (max-width:767px){.marketing-popup .popup-text-info__text,.marketing-popup .popup-text-info__title{padding-left:30px;padding-right:30px}.dyn_mp_jqm_frame.TEXT{bottom:0!important;right:0!important;left:0!important;max-width:none!important;border-radius:0!important;width:100%!important;transform:none!important;min-height:unset!important;top:auto!important}.dyn_mp_jqm_frame.TEXT .popup-text-info{padding:22px 26px 20px 26px}.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info{flex-direction:column;align-items:baseline}.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info__btn{margin-top:19px;margin-left:-5px;margin-right:-5px}.marketing-popup.with_web_form.popup-text-info--has-img .popup-text-info__picture{display:none}}@media (min-width:551px) and (max-width:767px){.marketing-popup.popup-text-info--has-img .popup-text-info__picture{width:35%}body .marketing-popup.popup-text-info--has-img .popup-text-info__text,body .marketing-popup.popup-text-info--has-img .popup-text-info__title{margin-left:35%}}@media (max-width:550px){.marketing-popup.popup-text-info--has-img .popup-text-info__picture{display:none}}
/* End */


/* Start:/bitrix/templates/aspro-lite/styles.min.css?169134720324659*/
body{background-color:#fff;background-color:var(--black_bg_black);color:#555;color:var(--basic_text_black)}a,a:active,a:focus,a:hover{text-decoration:none;outline:0}a.grey{color:#818181}h1,h2,h3,h4,h5,h6{font-weight:500;margin:30px 0 25px;color:#222;color:var(--white_text_black)}h1,h2,h3,h4{letter-spacing:normal}h1{font-size:2em;font-size:clamp(1.625rem,1.1786rem + 1.4286vw,2rem);line-height:calc(1em + 10px);margin:0 0 18px}h2{font-size:1.75em;line-height:calc(1em + 10px)}h3{font-size:1.5em;line-height:calc(1em + 10px)}h4{font-size:1.25em;line-height:calc(1em + 10px)}h5{font-size:1.125em;line-height:calc(1em + 10px)}h6{font-size:1.066em;line-height:calc(1em + 10px)}h1.spaced,h2.spaced,h3.spaced,h4.spaced,h5.spaced,h6.spaced{margin-top:50px}h1.no-top-space,h2.no-top-space,h3.no-top-space,h4.no-top-space,h5.no-top-space,h6.no-top-space{margin-top:0}h1.no-bottom-space,h2.no-bottom-space,h3.no-bottom-space,h4.no-bottom-space,h5.no-bottom-space,h6.no-bottom-space{margin-bottom:0}h1.more-spaced,h2.more-spaced,h3.more-spaced,h4.more-spaced,h5.more-spaced,h6.more-spaced{margin-top:64px}h1.bottom-spaced,h2.bottom-spaced,h3.bottom-spaced,h4.bottom-spaced,h5.bottom-spaced,h6.bottom-spaced{margin-bottom:36px}.underline{display:inline-block;margin-bottom:20px;padding-bottom:11px;border-bottom:2px solid #00f}h4.underline{padding-bottom:7px}h5.underline{padding-bottom:4px}h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}.dark_link{color:#222;color:var(--white_text_black)}.dark_link:hover{color:#000;color:var(--fill_dark_lite_hover)}.label[href]:focus,.label[href]:hover{color:#555;color:var(--basic_text_black);cursor:default}.no-bottom-margin{margin-bottom:0}.no-top-margin{margin-top:0}.muted{color:#999}.muted svg path{fill:#b8b8b8}.muted svg rect{stroke:#b8b8b8}.muted-use use{opacity:.35}.muted-use-no-hover:not(:hover) use{opacity:.35}.normal_text{font-size:1.2em;line-height:1.444em}.bold{font-weight:700}p{margin-bottom:24px}p .alternative-font{display:inline-block;margin-top:-15px;position:relative;top:3px;margin-bottom:-6px}p.featured{font-size:1.6em;line-height:1.5em}p.short{margin-bottom:0}p.tall{margin-bottom:20px}p.taller{margin-bottom:40px}p.drop-caps:first-child:first-letter{float:left;font-size:75px;line-height:60px;padding:4px;margin-right:5px;margin-top:5px;font-family:Georgia}p.drop-caps.secundary:first-child:first-letter{background-color:#ccc;color:#fff;padding:6px;margin-right:5px;border-radius:4px}hr{height:1px;margin:25px 0;border:none;border-top:1px solid #f2f2f2;border-color:var(--lite_bg_black)}.colored_line{border-color:#ededed;border-color:var(--stroke_black);border-top-width:2px}table.no-border{border-collapse:collapse;border-spacing:0;border:0}table.table{border-collapse:collapse;border-spacing:0}table.table>tbody>tr>td,table.table>tbody>tr>th,table.table>tfoot>tr>td,table.table>tfoot>tr>th,table.table>thead>tr>td,table.table>thead>tr>th{border:0;padding:11px}table.table b,table.table strong{font-weight:600}table.table>tbody>tr>th,table.table>tfoot>tr>th,table.table>thead>tr>th{color:#fff;border-color:var(--stroke_black)}.table-bordered{border-color:var(--stroke_black)}table.table.table-striped tr:nth-child(even) td{background:linear-gradient(0deg,#f5f5f5,#f5f5f5),#f8f8f8;background:var(--darkerblack_bg_black)}table.table.table-striped tr:nth-child(odd) td{background:#fff;background:var(--black_bg_black)}table.table.table-striped tr:nth-child(odd) td{background:#fff;background:var(--black_bg_black)}table.table.table-bordered td{border:1px solid #e5e5e5;border-color:var(--stroke_black)}table.table.table-bordered-line td{border-bottom:1px solid #e5e5e5;border-color:var(--stroke_black)}table.table.table-light th{background-color:transparent;color:inherit;border-bottom:2px solid #b8b8b8;border-color:var(--stroke_black)}table.table .table-bg-gray{background:linear-gradient(0deg,#f5f5f5,#f5f5f5),#f8f8f8;background:var(--darkerblack_bg_black)}table.table th{background:#555}table.table1 td{padding:15px}table tr.highlight{background-color:var(--darkgrey_bg_black)}table.colored_table{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;border-collapse:collapse}.colored_table thead{border:1px solid #ececec;border-color:var(--stroke_black)}.colored_table thead tr{background:#f7f7f7;background:var(--darkerblack_bg_black)}.colored_table tr td{padding:8px 29px}.colored_table tbody{border-left:1px solid #ececec;border-right:1px solid #ececec;border-bottom:1px solid #ececec;border-color:var(--stroke_black)}.colored_table tbody tr td{border-bottom:1px solid #ececec;border-color:var(--stroke_black)}.colored_table>tbody>tr>td,.colored_table>tbody>tr>th,.colored_table>tfoot>tr>td,.colored_table>tfoot>tr>th,.colored_table>thead>tr>td,.colored_table>thead>tr>th{line-height:1.428571429}table.colored_table>tbody>tr>td,table.colored_table>tbody>tr>th,table.colored_table>tfoot>tr>td,table.colored_table>tfoot>tr>th{padding:14px 20px 15px}table.colored_table>thead>tr>td,table.colored_table>thead>tr>th{padding:11px 21px;font-size:.8667em}table.table-border_bottom>thead>tr>td{padding:10px 0 11px 0}table.table-border_bottom>tbody>tr>td{padding:10px 0 11px 0;vertical-align:top;border-bottom:1px solid #ededed;border-color:var(--stroke_black)}table.table-border_bottom.col-50>tbody>tr>td{width:50%}table.table-border_bottom thead{border-bottom:1px solid #ececec;border-color:var(--stroke_black)}table.table-border_bottom thead tr{background:#f7f7f7;background:var(--darkerblack_bg_black)}blockquote{color:#222;color:var(--white_text_black);position:relative;padding:0 20px 0 41px;border:none;font-weight:400;font-size:1.2em;line-height:calc(1em + 10px);margin:48px 0}blockquote p{line-height:normal}blockquote:before{position:absolute;top:0;left:0;bottom:0;content:"";width:3px;border-radius:3px;background-color:#9e9e9e;background-color:var(--theme-base-color,#9e9e9e)}blockquote.danger{padding:27px 42px 31px 42px;border:1px solid rgba(210,21,21,.4);border-radius:3px;border-left:3px solid #d21515;color:#bb3a3a;margin:40px 0;font-weight:400}blockquote.info{padding:27px 42px 31px 42px;border:1px solid rgba(91,177,71,.4);border-radius:3px;border-left:3px solid #5bb147;color:#5a8051;margin:40px 0;font-weight:400}blockquote.danger *{color:#bb3a3a}blockquote.info *{color:#5a8051}blockquote.danger:before{content:"";position:absolute;top:-9px;left:40px;background:var(--black_bg_black) url(/bitrix/templates/aspro-lite/images/lite.png) -249px -262px no-repeat;width:26px;height:17px}blockquote.info:before{content:"";position:absolute;top:-9px;left:40px;background:var(--black_bg_black) url(/bitrix/templates/aspro-lite/images/lite.png) -17px -153px no-repeat;width:26px;height:18px}blockquote.danger:after{content:""}blockquote.code{padding:27px 42px 31px 42px;border:1px solid #f2f2f2;border-color:var(--stroke_black);background:url(/bitrix/templates/aspro-lite/images/code_pattern.gif);color:#999;margin:40px 0;font-weight:400}blockquote.code:before{display:none}blockquote>div{font-style:italic;padding:18px 20px 25px}blockquote small{color:#222;color:var(--white_text_black);font-style:normal;margin-top:10px;font-size:.93333rem;line-height:calc(1em + 7px)}li{line-height:24px}ol,ul{padding-left:17px;margin-bottom:20px}ol+h3,ol+h4,ol+h5,ol+h6,ul+h3,ul+h4,ul+h5,ul+h6{margin-top:28px}ul.list.icons{padding-left:30px}ul.list.icons .fa{margin-left:-22px;margin-right:5px}dl{margin-top:16px}dt{margin-bottom:1px}dd{margin-bottom:14px;color:#444;color:var(--basic_text_black)}dd+dd{margin-top:-14px}table.table>thead>tr>th{font-size:14px;font-weight:600;padding-top:12px;padding-bottom:12px}ul{padding-left:0}ol li{padding-left:4px;margin-bottom:12px}ul li{list-style-type:none;position:relative;padding-left:0;margin-bottom:8px}ul li p{margin-bottom:0}ol li ol,ul li ul{padding-top:4px}ul li:before{content:"";position:relative;left:0;top:11px;background:#666;width:11px;height:1px;display:inline-block;vertical-align:top;margin-right:10px}#headerfixed ul li:before,#mobilefilter ul li:before,#mobileheader ul li:before,.bx-core-window:not(.bx-core-adm-admin-dialog) ul li:before,.mega-fixed-menu ul li:before,header ul li:before{content:none}.main ul li p{display:inline;vertical-align:top}ul.list-unstyled li{padding-left:0;margin-bottom:0}ul.list-unstyled li:before{display:none}.main ul.list-unstyled li p{display:block}.body_media{display:none;position:absolute;top:2}.valign{float:none;display:inline-block;vertical-align:middle}.ask_a_question{text-align:center;line-height:15px;color:#1d2029}.ask_a_question .text{margin-top:8px}.styled-block{border-left:2px solid;background:url(/bitrix/templates/aspro-lite/images/background.png) #f2f2f2 0 0 repeat;color:#555;margin-bottom:40px;clear:both;margin-top:30px;padding:37px 50px;font-size:15px}.order-block{background:#fbfbfb;background:var(--lite_bg_black);border:1px solid #f2f2f2;border-color:var(--stroke_black);color:#555;color:var(--basic_text_black);clear:both;font-size:1em;margin:30px 0 40px;width:100%}.order-block--clear{border:0;border:0;background:0 0;margin:0}.progress{background-color:var(--darkerblack_bg_black)}.progress-bar{color:var(--white_text_black_reverse)}.grey-bg{background-color:#fafafa;background-color:var(--light2_bg_black)}.order-block__wrapper{border:1px solid #f2f2f2;border-color:var(--stroke_black);margin:43px 0 40px}.order-block .row{margin:0}.order-block .row>div{text-align:center;padding:41px 0 40px;min-height:83px}.order-block td{padding:42px 0 37px;vertical-align:top}.order-block td .btns{text-align:center}.order-block .btn{margin:0}.order-block .text{padding:0 0 0 131px;min-height:46px;line-height:24px;text-align:left;position:relative}.order-block .text .svg{display:block;width:48px;height:58px;position:absolute;top:39px;top:-2px;left:52px}.order-block .text h1,.order-block .text h2,.order-block .text h3,.order-block .text h4,.order-block .text h5,.order-block .text h6{margin-bottom:5px;margin-top:0}.order-block .row>div,.styled-block .row>div{display:table-cell;vertical-align:middle}.order-block .row>vib.col-md-3,.styled-block .row>div.col-md-3{text-align:center}.order-block .row>vib.col-md-3 .btn,.styled-block .row>div.col-md-3 .btn{position:relative;margin:0}.order-info-block{padding:32px 31px 33px 30px}.order-info-block--margined{margin:33px 0}.order-info-block .price .line-block__item{margin-top:0}.order-info-block .icon-svg-block{padding-right:3px}.order-info-block .text{min-width:205px}.order-info-block .buy_block{min-width:175px}.order-info-block~.sale-linked{border-top:1px solid #e5e5e5}.order-info-block .question-title{margin-bottom:31px;color:var(--white_text_black)}.order-info-block .price+.order-info-btn{margin-top:20px}.select-outer{width:252px;position:relative;white-space:nowrap;font-size:0}.select-outer select{appearance:none;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;-ms-appearance:none;font-size:13px}.select-outer i.fa{top:0;width:28px;height:36px;line-height:36px;text-align:center;padding:1px 1px 0 2px;border-right:0 solid #f2f2f2;left:0;vertical-align:top;font-size:13px;margin-right:-28px}.select-outer i.fa:before{color:#fff;background:url(/bitrix/templates/aspro-lite/images/svg/more_arrow.svg) 2px 4px no-repeat}.select-outer i+select{padding-left:39px;padding-right:7px}.select-outer select+i.fa{border-left:0 solid #f2f2f2;right:0;left:auto;border-right-width:0;padding-left:0;margin-left:-28px}.select-outer.black i.fa{color:#222}.bx-opera .select-outer i.fa{top:6px;display:none}.bx-firefox .select-outer select{padding-top:6px;padding-bottom:7px}.select-outer select::-ms-expand{display:none}.grey_light{color:#6d7a83}.grey_dark{color:#666}.dark_light{color:#2f383d}.dark_lite_table{color:#2f383d;font-size:16px}.dark_table{color:#222;font-size:15px;line-height:20px;font-weight:700}.noradius{border-radius:0}.white_middle_text{font-weight:700}.underborder{border-bottom:1px dotted}.introtext{padding:0 0 0;color:#222;color:var(--white_text_black);font-size:1.2em;line-height:calc(1em + 10px);margin-bottom:40px}.introtext p:last-child{margin-bottom:0}.btn-inline{cursor:pointer;white-space:nowrap}.btn-inline i{margin:0 14px}.btn-inline.rounded i{margin:0 8px;border-radius:50%;width:18px;text-align:center;height:18px;line-height:17px;position:relative;top:1px}.btn-inline.rounded i:before{margin-left:2px}.bx-firefox .btn-inline.rounded i:before{margin-left:0}.btn-inline.rounded:hover i{color:#fff;background:#ccc}.btn-inline:hover{color:#222;color:var(--white_text_black)}.btn-inline.sm{font-size:.867em}.btn-inline.sm i{margin:0 12px}.btn-inline.sm.rounded i{margin:0 6px}.btn-inline.xs{font-size:.733em}.btn-inline.xs i{margin:0 10px}.btn-inline.xs.rounded i{margin:0 4px}.btn-inline.black{color:#222;color:var(--white_text_black)}.black{color:#222}.fa.big-icon{height:54px;width:54px;line-height:54px;font-size:29px;border-radius:50%;background:var(--theme-base-color);color:#fff;text-align:center}.fa.big-icon.grey{color:var(--theme-base-color);background:#efefef}.fa.big-icon.s50{height:50px;width:50px;line-height:50px;font-size:29px}.fa.big-icon.s45{height:45px;width:45px;line-height:45px;font-size:25px}.fa.big-icon.s40{height:40px;width:40px;line-height:40px;font-size:22px}.fa.big-icon.s35{height:35px;width:35px;line-height:35px;font-size:19px}.fa.big-icon.s30{height:30px;width:30px;line-height:30px;font-size:17px}.fa.big-icon.s25{height:25px;width:25px;line-height:25px;font-size:13px}.icon-text{padding:0 20px;height:54px;line-height:54px;display:inline-block;border-radius:27px;white-space:nowrap;background:var(--theme-base-color);color:#fff}.icon-text .fa{font-size:30px;margin-top:-7px;vertical-align:middle;margin-right:10px}.icon-text.grey{color:var(--theme-base-color);background:#efefef}a.icon-text:hover{color:#fff;text-decoration:underline}a.icon-text:focus{color:#fff}.icon-text.s50{padding:0 18px;height:50px;line-height:50px}.icon-text.s50 .fa{margin-top:-2px;font-size:26px;margin-right:6px}.icon-text.s45{height:45px;line-height:45px}.icon-text.s45 .fa{margin-top:-2px;font-size:22px;margin-right:4px}.icon-text.s40{padding:0 16px;height:40px;line-height:40px}.icon-text.s40 .fa{font-size:22px;margin-top:-4px;margin-right:4px}.icon-text.s35{padding:0 14px;height:35px;line-height:33px}.icon-text.s35 .fa{margin-top:0;font-size:18px;margin-right:4px}.icon-text.s30{padding:0 12px;height:30px;line-height:30px;font-size:13px;line-height:29px}.icon-text.s30 .fa{margin-top:0;font-size:15px;margin-right:2px;line-height:13px}.icon-text.s25{padding:0 9px;height:25px;font-size:13px;line-height:24px}.icon-text.s25 .fa{margin-top:0;font-size:14px;margin-right:2px;line-height:13px}.label{border-radius:1px;font-size:11px;font-weight:400;line-height:14px;height:22px;padding:.4em .6em;display:inline-block;vertical-align:top}.label-instock{background:#3cc051}.label-nostock{background:#999}.label-pending{background:#fcb322}.label-order{background:#57b5e3}.review{margin-bottom:30px;position:relative}.bx-core-window img{vertical-align:baseline}.bx-core-window .adm-btn,.bx-core-window .adm-input-file{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box}.include_module_error{margin:0 auto;text-align:center}.include_module_error img{max-width:100%}.include_module_error p{color:#636363;font-size:14px;line-height:20px;margin-top:0}.font_exlg{font-size:1.6em;line-height:1.25em}.font_lg{font-size:1.3333em;line-height:1.4em}.font_mlg{font-size:1.2em;line-height:1.454em}.font_mxs{font-size:1.133em;line-height:1.454em}.font_md{font-size:1.0667em;line-height:1.5625em}.font_sm{font-size:.933em;line-height:1.429em}.font_xs{font-size:.867em;line-height:1.5379em}.font_sxs{font-size:.8em;line-height:1.692em}.font_xxs{font-size:.733em;line-height:1.273em}.font_xxss{font-size:.667em;line-height:1.3em}.font_upper_md{font-size:.733em;line-height:1.3em;text-transform:uppercase;letter-spacing:.8px}.font_upper{font-size:.667em;line-height:1.3em;text-transform:uppercase;letter-spacing:.8px}.font_upper_xs{font-size:.6em;line-height:1.3em;text-transform:uppercase;letter-spacing:.8px}.font_70{font-size:clamp(1.6rem,1.015rem + 2.8vw,4.375rem);line-height:calc(1em + 7px)}.font_56{font-size:clamp(1.6rem,1.1rem + 2vw,3.5rem);line-height:calc(1em + 7px)}.font_50{font-size:clamp(1.6rem,1.025rem + 1.75vw,3.125rem);line-height:calc(1em + 7px)}.font_48{font-size:clamp(1.6rem,1.02rem + 1.65vw,3rem);line-height:calc(1em + 7px)}.font_42{font-size:clamp(1.6rem,1.005rem + 1.35vw,2.625rem);line-height:calc(1em + 7px)}.font_40{font-size:2.5rem;line-height:calc(1em + 7px)}.font_38{font-size:2.375rem;line-height:calc(1em + 7px)}.font_36{font-size:2.25rem;line-height:calc(1em + 7px)}.font_34{font-size:2.125rem;line-height:calc(1em + 7px)}.font_32{font-size:2rem;line-height:calc(1em + 7px)}.font_30{font-size:1.875rem;line-height:calc(1em + 7px)}.font_28{font-size:1.75rem;line-height:calc(1em + 7px)}.font_26{font-size:1.625rem;line-height:calc(1em + 7px)}.font_25{font-size:1.5625rem;line-height:calc(1em + 7px)}.font_24{font-size:1.5rem;line-height:calc(1em + 7px)}.font_23{font-size:1.4375rem;line-height:calc(1em + 7px)}.font_22{font-size:1.375rem;line-height:calc(1em + 7px)}.font_21{font-size:1.3125rem;line-height:calc(1em + 7px)}.font_20{font-size:1.25rem;line-height:calc(1em + 7px)}.font_19{font-size:1.1875rem;line-height:calc(1em + 7px)}.font_18{font-size:1.125rem;line-height:calc(1em + 7px)}.font_17{font-size:1.0625rem;line-height:calc(1em + 7px)}.font_16{font-size:1rem;line-height:calc(1em + 7px)}.font_15{font-size:.9375rem;line-height:calc(1em + 7px)}.font_14{font-size:.875rem;line-height:calc(1em + 7px)}.font_13{font-size:.8125rem;line-height:calc(1em + 7px)}.font_12{font-size:.75rem;line-height:calc(1em + 7px)}.font_11{font-size:.6875rem;line-height:calc(1em + 7px)}.font_10{font-size:.625rem;line-height:calc(1em + 7px)}.font_9{font-size:.5625rem;line-height:calc(1em + 7px)}.font_large{line-height:calc(1em + 10px)}.font_short{line-height:calc(1em + 4px)}.font_normal{line-height:calc(1em + 7px)}.font_bold{font-weight:700}.font_normal{font-weight:400}.font_weight--600{font-weight:600}.font_weight--500{font-weight:500}@media (max-width:600px){.font_20--to-600{font-size:1.25rem}.font_18--to-600{font-size:1.125rem}.font_16--to-600{font-size:1rem}.font_15--to-600{font-size:.9375rem}.font_14--to-600{font-size:.875rem}.font_12--to-600{font-size:.75rem}}.stroke_999 *{stroke:#999}.color_222{color:#222;color:var(--white_text_black)}.color_333{color:#222;color:var(--white_text_black)}.color_555{color:#555;color:var(--basic_text_black)}.color_666{color:#666;color:var(--lite_basic_text_black)}.color_999{color:#999}.color_light{color:#fff}.color_light--opacity{color:#fff;opacity:.7}.color_dark{color:#222;color:var(--white_text_black)}.color_dark--opacity{color:#222;color:var(--white_text_black);opacity:.5}.mr-10{margin-right:10px}.mb-10{margin-bottom:10px}.shadow,.shadow-hovered:hover{box-shadow:0 5px 30px rgba(34,34,34,.1);z-index:1}.shadow-hovered{transition:box-shadow ease .3s,background ease .3s}.shadow-no-border-hovered:hover{border-color:#fff;border-color:var(--stroke_black_hover);background-color:#fff;background-color:var(--card_bg_hover_black)}.shadow-no-border-hovered{transition:box-shadow ease .3s,border ease .3s,background ease .3s}.index-block--fon .shadow-no-border-hovered:hover{border-color:#fafafa;border-color:var(--lite_bg_black)}.fill-999{fill:#999}.dark-block-hover:before{content:"";position:absolute;bottom:0;top:0;left:0;right:0;background:#000;opacity:0;z-index:1;transition:opacity .2s ease-in-out}.dark-block-after:after{content:"";position:absolute;left:0;right:0;top:51%;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);transition:opacity .2s ease-in-out}.dark-block-hover:hover:before{opacity:.5}.dark-block-hover:hover .dark-block-after:after{opacity:0}.opacity_5{opacity:.5}.text-upper{text-transform:uppercase;letter-spacing:.8px}.z-2{z-index:2}.z-max{z-index:996}.height-100{height:100%}.rounded-1{border-radius:1px}.rounded-2{border-radius:2px}.rounded-3{border-radius:3px}.rounded-4{border-radius:4px}.rounded-x{border-radius:8px;border-radius:var(--border-radius)}.outer-rounded-x{border-radius:12px;border-radius:var(--theme-outer-border-radius)}.rounded{border-radius:100%}.dotted{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:.15em;text-decoration-thickness:1px;text-decoration-skip-ink:none}.dashed{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:.15em;text-decoration-thickness:1px;text-decoration-skip-ink:none}.font-bold{font-weight:700}.border-none{border:none}.border-top-none{border-top:none}.border-bottom-none{border-bottom:none}.border-left-none{border-left:none}.border-right-none{border-right:none}.pointer{cursor:pointer}.linecamp-2{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;-moz-line-clamp:2;overflow:hidden}.linecamp-3{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;-moz-line-clamp:3;overflow:hidden}.linecamp-4{-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;-moz-line-clamp:4;overflow:hidden}.linecamp-5{-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;-moz-line-clamp:5;overflow:hidden}.linecamp-12{-webkit-line-clamp:12;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;-moz-line-clamp:12;overflow:hidden}.left-justify-content{justify-content:left}.relative{position:relative}.shadow-parent-all:hover .shadow-target{box-shadow:0 5px 20px rgba(0,0,0,.1)}.table-full-width{width:100%}.tables-responsive{overflow-x:auto;position:relative}.tables-responsive:before{content:"";position:absolute}.table{width:100%}@media (min-width:992px){.visible-991{display:none}}@media (max-width:991px){.order-info-block{padding:25px}.order-info-block .line-block{flex-wrap:wrap}.order-info-block .icon-svg-block{display:none}.order-info-block .line-block__item:not(.order-info-btns){margin-top:0;margin-bottom:20px}.order-info-block{padding-bottom:5px}.hide-991{display:none}}@media all and (min-width:768px){.visible-767{display:none}.order-info-btns .btn.min_width--300{min-width:300px}}@media (max-width:600px){table.table:not(.table-full-width),table.table:not(.table-full-width) tbody,table.table:not(.table-full-width) td,table.table:not(.table-full-width) th,table.table:not(.table-full-width) thead,table.table:not(.table-full-width) tr{display:block;clear:both}table.table:not(.table-full-width) thead tr{position:absolute;top:-9999px;left:-9999px}table.table:not(.table-full-width) thead+tbody td .th-mobile{display:block;position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}table.table:not(.table-full-width) thead+tbody tr:not(.nomobile) td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;text-align:left!important;min-height:32px;word-break:break-all}table.table thead+tbody td.table-head-group .th-mobile{display:none}table.table thead+tbody tr:not(.nomobile) td.table-head-group{padding-left:6px}table.table .td-hidden-xs{display:none}}@media all and (min-width:601px){.maxwidth-theme.maxwidth-theme--no-maxwidth-f601{max-width:none;padding-left:0!important;padding-right:0!important}.visible-600{display:none}}@media all and (max-width:600px){.hide-600{display:none}.visible-600{display:block}body .order-block td{display:block;width:100%;padding:0;margin-bottom:20px}body .order-block .text{text-align:left;padding:25px 20px 0 25px}.order-block .text .svg{position:relative;left:0;width:100%}.order-block td .btns{text-align:left;padding:0 20px 0 25px}.order-info-btns .btn{width:100%}}@media all and (max-width:360px){.order-info-block .order-info-btns .line-block__item{flex-grow:1}.order-info-block .order-info-btns .line-block__item .buy_block{width:auto}}@media all and (min-width:992px){.index-block__part--right.flexbox--direction-column{flex-basis:55%;flex-shrink:0}.index-block__preview--right{max-width:750px;margin:0;padding-left:9%}}@media all and (max-width:1100px){.hide-1100{display:none}}@media all and (max-width:1200px){.hide-1200{display:none}}@media all and (max-width:1300px){.hide-1300{display:none}}@media all and (max-width:1400px){.hide-1400{display:none}}@media all and (max-width:1500px){.hide-1500{display:none}}@media all and (max-width:1600px){.hide-1600{display:none}}@media all and (max-width:1700px){.hide-1700{display:none}}@media (max-width:1200px){.p-t-24-1200{padding-top:24px}}@media (max-width:1300px){.last-1300{order:1}}
/* End */


/* Start:/bitrix/templates/aspro-lite/template_styles.min.css?169134720319539*/
html{width:100%;height:100%}body{width:100%;min-height:100%;margin:0;display:flex;flex-direction:column;overflow-x:hidden;font-size:1rem;font-family:var(--theme-font-family),Arial,sans-serif;line-height:calc(1em + 10px)}* html .clearfix{height:1%}html[xmlns] .clearfix{display:block}.switcher-title{font-family:var(--theme-font-title-family),Arial,sans-serif;font-weight:var(--theme-font-title-weight)}.body{height:auto!important;flex-grow:1}body>.body:not(.index)>.main{padding-bottom:80px}@media (max-width:600px){body>.body:not(.index)>.main{padding-bottom:40px}}.body>.main{position:relative;z-index:1}.container{width:100%!important;padding:0}.container>.row>.maxwidth-theme>.content-md{display:flex;flex-direction:row-reverse}.container .left_block{--width:270px;--margin:39px;width:var(--width);flex-shrink:0}.container .right_block{width:100%;min-width:0}.container .right_block.narrow_Y{width:calc(100% - 270px)}body .main-wrapper>.section-content-wrapper{min-width:0}.side_left .container .left_block{margin-right:var(--margin)}.side_right .container .left_block{margin-left:var(--margin);margin-right:0}.side_right .container>.row>.maxwidth-theme>.content-md{flex-direction:row}.side_left .main-wrapper{flex-direction:row-reverse}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}.clearfix.block,.row.clearfix{display:block}[id^=bx_incl]{display:inline;vertical-align:top;zoom:1}.bx_editmode .bx_areas [id^=bx_incl],.right_block [id^=bx_incl]{display:block}.margin0{margin-left:0!important;margin-right:0!important}.nopadding{padding:0!important}.nopadding-left{padding-left:0!important}.nopadding-right{padding-right:0!important}.bordered{border:1px solid #ededed;border-color:var(--stroke_black)}.overflow-block{overflow:hidden}*{outline:0!important}[data-event=jqm]{cursor:pointer}.srollbar-custom{overflow:auto}.lazyload,.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:opacity .3s}.loading-state{min-height:300px;background:transparent url(/bitrix/templates/aspro-lite/images/loaders/double_ring.svg) no-repeat center center}.loading-state-before:before{content:"";display:block;background:rgba(255,255,255,.5) url(/bitrix/templates/aspro-lite/images/loaders/double_ring.svg) center 50px no-repeat;position:absolute;z-index:105;top:0;left:0;right:0;bottom:0}.blur{-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);background-position:center center}.item-link-absolute{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.scrollbar:not(.scroller){overflow:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.scrollbar::-webkit-scrollbar,.scrolled::-webkit-scrollbar{width:6px;height:6px}.scrollbar::-webkit-scrollbar-track,.scrolled::-webkit-scrollbar-track{border-radius:5px}.scrollbar::-webkit-scrollbar-thumb,.scrolled::-webkit-scrollbar-thumb{border-radius:5px;background:#ccc;background:var(--gray_bg_black);border:1px solid #fff;border-color:var(--black_bg_black)}.scrollbar::-webkit-scrollbar-thumb:window-inactive-thumb,.scrolled::-webkit-scrollbar-thumb:window-inactive-thumb{background:#ccc;background:var(--gray_bg_black);border:2px solid #fff;border-color:var(--black_bg_black)}.scrollbar.scrollbar--horizontal{overflow:hidden;overflow-x:auto;overscroll-behavior:auto}.scrollbar.scrollbar--overscroll-auto{overscroll-behavior:auto}.container iframe,.container object,.container video:not(.cover){display:block;border-radius:var(--border-radius)}.container iframe:not(.cover),.container object:not(.cover),.container video:not(.cover){max-width:100%}.maxwidth-theme{margin-left:auto!important;margin-right:auto!important;max-width:1402px;max-width:var(--theme-page-width);max-width:calc(var(--theme-page-width) + calc(2 * var(--theme-page-width-padding)));width:100%;padding-left:var(--theme-page-width-padding);padding-right:var(--theme-page-width-padding)}@media (max-width:600px){.maxwidth-theme{--theme-page-width-padding:16px}}@media (max-width:991px){:root{--theme-page-width-padding:24px}}.maxwidth-theme:after,.maxwidth-theme:before{content:"";display:block;clear:both}.maxwidth-theme.maxwidth-theme--no-maxwidth{max-width:none}.maxwidth-theme--relative{position:relative}.top-content-block>div{margin-bottom:32px}.top-content-block>div:empty{margin-bottom:0}.top-content-block .top-big-img+.tizers{margin-top:-2px}.top-big-img--with-tizers{border-bottom-left-radius:0;border-bottom-right-radius:0}.top-content-block .seo-block-main{margin-bottom:0}.top-content-block .seo_block{margin-bottom:48px}.top-content-block .seo_block+.seo_block--description{margin-top:-5px}.top-content-block .seo_block--img{width:300px;margin-bottom:0}.top-content-block .sticky-block{margin-bottom:48px}.border_content>.row,.container>.row,.greyline>.row,.logo_and_menu-row>.row,.main>.row{margin-left:0;margin-right:0}.container>.row>.maxwidth-theme>.content-md,.greyline>.row>.maxwidth-theme,.logo_and_menu-row>.row>.maxwidth-theme,.main>.row>.maxwidth-theme,section.page-top>.row>.maxwidth-theme{padding:0}.bx-core-waitwindow,div[id^=wait_comp]{display:none}span.zoom{border-radius:4px;color:#fff;display:block;height:44px;line-height:24px;margin:-22px -22px 0 0;padding:6px;position:absolute;right:50%;text-align:center;top:50%;width:44px;cursor:pointer;transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;background:rgba(34,34,34,.7) url(/bitrix/templates/aspro-lite/images/svg/Fullsize.svg) center no-repeat}span.zoom i{font-size:21px;left:0;position:relative;top:2px}.hover_zoom .shine{transition:transform .8s}.hover_zoom:hover .shine{transform:scale(1.1)}form.search{position:relative}.search .search-input-div{width:100%;position:relative}.search .search-input{padding-right:60px}.search .search-button-div{position:absolute;top:0;right:0;bottom:0}.search .btn-search{background:0 0;border:none;padding:0 16px 1px 16px;line-height:0;display:flex;height:100%;align-items:center;border-radius:0 var(--border-radius) var(--border-radius) 0}.btn-search:hover *{fill:#333}.body .main>.container.with_error .left-menu-md,.body .main>.container.with_error .page-top,.body .main>.container.with_error .right-menu-md{display:none!important}.body .main>.container.with_error .content-md{width:100%;display:block}body .container.with_error .right_block.narrow_Y{float:none!important;width:100%!important}.banner.CONTENT_BOTTOM img,.banner.CONTENT_TOP img,.banner.FOOTER img,.banner.TOP_HEADER img,.banner.TOP_UNDERHEADER img{margin:auto}.banner.CONTENT_TOP{margin-bottom:37px}.banner.CROP{overflow:hidden}.banner.CROP.TOP_HEADER{position:relative;z-index:2}.banner.CROP img{margin-left:50%;transform:translateX(-50%)}body>.body:not(.index)>.main .banner.FOOTER{margin-bottom:-80px}.banner.CONTENT_BOTTOM{margin-top:40px}.body:not(.index) .banner.FOOTER{margin-top:40px}.right-menu-md .side-menu>li>.submenu{padding-left:26px}.zomm_wrapper-block{position:relative}.zomm_wrapper-block:hover .flex-direction-nav a:not(.flex-disabled){opacity:1!important}.grid-list__item{min-width:0}.loadings{background:url(/bitrix/templates/aspro-lite/images/loaders/preloader.gif) no-repeat scroll center center rgba(0,0,0,0)!important;border-color:transparent!important;color:transparent!important;cursor:default!important}.loadings *{background:rgba(0,0,0,0)!important;border-color:transparent!important;color:transparent!important;cursor:default!important;visibility:hidden}.accordion-head{cursor:pointer;padding:30px 86px 20px 34px;position:relative;display:block}.accordion-head:active,.accordion-head:focus,.accordion-head:hover,.accordion-head:visited{color:#333;color:var(--white_text_black)}.accordion-line{background-color:#9e9e9e;background-color:var(--darkerblack_bg_black);width:4px;position:absolute;left:-1px;top:32px;height:13px;border-radius:0 4px 4px 0}.accordion{background:#fff;background:var(--card_bg_black)}.item-accordion-wrapper{border:1px solid #e5e5e5;border-color:var(--stroke_black);margin-bottom:-1px;padding-bottom:8px;position:relative;transition:background ease .3s,box-shadow ease .3s}.item-accordion-wrapper:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}.item-accordion-wrapper:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.item-accordion-wrapper .accordion-head{border:none}.accordion-type-1 .item,.accordion-type-1 .item:hover,.accordion-type-2 .item,.accordion-type-2 .item:hover{border-color:#e5e5e5!important;border-color:var(--stroke_black)!important}.accordion-type-1 .item .accordion-body,.accordion-type-1 .item .accordion-head,.accordion-type-1 .item .panel-collapse,.accordion-type-2 .item .accordion-body,.accordion-type-2 .item .accordion-head,.accordion-type-2 .item .panel-collapse{border:none!important}.accordion-type-1 .item .accordion-head,.accordion-type-2 .item .accordion-head{margin-bottom:0!important}.accordion-head.accordion-open .fa:before{content:"\f106"}.panel-collapse{position:static}.panel-collapse .accordion-body{padding:0 33px 0 33px}.accordion-preview{padding-bottom:13px}.accordion-btn{padding:0 0 31px}.accordion-head .svg-inline-right-arrow{position:absolute;right:22px;top:34px;transition:transform ease .3s}.accordion-head:hover .svg-inline-right-arrow{transform:scale(1.1)}.accordion-open .svg-inline-right-arrow{transform:rotate(135deg)}.accordion-head.accordion-open:hover .svg-inline-right-arrow{transform:rotate(135deg) scale(1.1)}.accordion-type-1 .accordion-head a{display:inline;text-decoration:none}.accordion-head .fa{border-radius:30px;color:#222;position:absolute;top:23px;font-size:24px;line-height:26px;width:26px;height:26px;text-align:center}.accordion-head:hover .fa{background:#e5e5e5}.accordion-type-1 .accordion-head .fa{right:29px}.accordion-type-2 .accordion-head{padding-left:75px;padding-right:38px}.accordion-type-2 .accordion-head a{display:inline;line-height:18px;text-decoration:none;font-size:16px}.accordion-type-2 .accordion-head:after{content:"";display:table;clear:both}.accordion-type-2 .accordion-head .fa{left:26px}.accordion-type-2 .accordion-head .svg-inline-right-arrow{right:auto;left:39px}.accordion-type-2 .accordion-head.accordion-open .fa{line-height:25px}section.toggle{margin:10px 0 0;position:relative;clear:both}section.toggle input{cursor:pointer;height:45px;margin:0;opacity:0;position:absolute;width:100%;z-index:2}section.toggle label{border-left:3px solid;transition:all .15s ease-out;-moz-transition:all .15s ease-out;-ms-transition:all .15s ease-out;-o-transition:all .15s ease-out;-webkit-transition:all .15s ease-out;background:#f4f4f4;background:var(--card_bg_black);border-radius:3px;display:block;font-size:1.1em;min-height:20px;padding:12px 20px 12px 10px;position:relative;cursor:pointer;font-weight:400;border-color:var(--light,var(--fill_dark_lite_white_hover)) var(--dark,#ccc)}section.toggle .toggle-content{display:none}section.toggle label::-moz-selection{background:0 0}section.toggle label i.fa-minus{display:none}section.toggle label i.fa-plus{display:inline}section.toggle label::selection{background:0 0}section.toggle label::before{border:6px solid transparent;border-left-color:inherit;content:"";margin-top:-6px;position:absolute;right:4px;top:50%}section.toggle label+p{color:#999;display:block;overflow:hidden;padding-left:30px;text-overflow:ellipsis;white-space:nowrap;height:25px}section.toggle label i{font-size:.7em;margin-right:8px;position:relative;top:-1px}section.toggle.active i.fa-minus{display:inline}section.toggle.active i.fa-plus{display:none}section.toggle.active>label{color:#fff;background-color:var(--light,var(--fill_dark_lite_white_hover)) var(--dark,var(--card_bg_hover_black));border-color:var(--light,var(--fill_dark_lite_white_hover)) var(--dark,var(--card_bg_hover_black))}section.toggle.active>label::before{border:6px solid transparent;border-top-color:inherit;margin-top:-3px;right:10px}section.toggle>p.preview-active{height:auto}section.toggle.active>p,section.toggle>p.preview-active{white-space:normal}.links-block .links{font-size:0;line-height:0}.links-block .links>a{font-size:15px;line-height:24px}.links-block .links a.next-url{float:right}.links-block .share{margin-bottom:35px}.content+.order-block{margin-top:51px;margin-bottom:57px}.search-tags-cloud{margin:0 0 32px}.search-tags-cloud .title-block-middle{padding:0 0 16px}.container-block{margin:0 0 40px}.fill-block{background:#f9f9f9;padding:21px 30px 16px;border-bottom:1px solid #f2f2f2}.title-block-middle{color:#333;font-size:1.067em;font-weight:700}.fill-block .title-block-middle{padding:0 0 19px;border-bottom:1px solid #f1f1f1}.fill-block ul{margin:0;padding:14px 0 0}.fill-block ul li{padding:0;margin:0}.fill-block ul li:before{display:none}.fill-block ul li a{display:block;padding:4px 0}.fill-block ul li a .text{font-size:.933em;padding:0 12px 0 0}.fill-block ul li a .count,.fill-block ul li a:hover .count{font-size:.867em;float:right;color:#999}.period-wrapper{margin:-18px 0 13px}.item_block.animated{opacity:0}.main-section-wrapper{position:relative}.item span.zoom{opacity:0}.items .item:hover span.zoom{opacity:1}.detail .galery{margin-right:0;margin-left:0}.detail .galery .inner{border:1px solid #f2f2f2;max-height:673px;overflow:hidden;padding:50px 62px;position:relative}.detail .galery .inner .stickers{top:-10px;left:28px}.detail .galery .item{padding:0;text-align:center;position:relative}.detail .galery .item img{max-width:100%;max-height:100%;width:auto;height:auto;display:inline-block;vertical-align:middle;zoom:1}.detail .galery .item:hover span.zoom{opacity:1}.detail .galery .flexslider.top-bigs{border:none;margin:0;border-radius:0;box-shadow:none;height:100%;background:0 0}.detail .galery .flexslider.s_1{margin-left:0}.detail .galery .flexslider .flex-viewport,.detail .galery .items{height:100%}.head-block-item.dropdown-select__title{position:relative;padding:12px 55px 12px 20px;color:#333;color:var(--white_text_black);margin-bottom:48px}.head-block-item .menu-arrow{color:#000}.head-block-item .menu-arrow path{fill:var(--fill_dark_light)}.head-block{padding:0 35px;margin-bottom:48px;cursor:default}.head-block__item{cursor:pointer;display:block}.head-block__item--active{cursor:default}.head-block__item-text{padding:19px 0;display:block;position:relative}.head-block__item--active .head-block__item-text:before{content:"";position:absolute;height:2px;left:0;right:100%;bottom:-1px;display:block;right:0;background-color:#9e9e9e;background-color:var(--theme-base-color);border-radius:2px 2px 0 0}.opacity1{opacity:1!important}.opacity0{opacity:0!important}.mixitup-container:not(.mixitup-ready) div[data-ref=mixitup-target]{display:none}.hidden-text-block:after{content:"";background-color:rgba(255,255,255,.32);background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.85));background-repeat:repeat-x;position:absolute;left:0;right:0;bottom:0;height:3rem}.hidden-text-block{position:relative}.shadow-block .flex-viewport{margin:-20px -25px 0;padding:10px 25px}.shadow-block .item:hover{box-shadow:0 0 10px rgba(0,0,0,.1)}.flexslider:not(.flexslider-init).flex_loader_circle{background:url(/bitrix/templates/aspro-lite/images/pl3.gif) no-repeat center center!important;min-height:200px}.flexslider.shadow.front .flex-direction-nav .flex-next,.flexslider.shadow.front .flex-direction-nav .flex-prev{top:7px}.item-views .shadow .item:hover,.projects.item-views.table .flexslider .item:hover{box-shadow:0 0 27px 0 rgba(0,0,0,.1)}.group-content h3{font-weight:700;margin:49px 0 26px}body .group-content .tab-pane:first-of-type h3{margin-top:0}.group-content .tab-pane .text_before_items{margin-bottom:30px}.bx_soc_comments_div .bx-catalog-tab-list li{padding-left:0;margin:0}hr.bottoms{margin:55px 0 44px}.marker-nav{width:0;height:2px;background:#dedede;position:absolute;bottom:-1px;left:0;-webkit-transition:all .1s ease-out;transition:all .1s ease-out;opacity:0}.seo_block .order-block{margin:0}.loader_circle{background:url(/bitrix/templates/aspro-lite/images/pl3.gif) no-repeat center center}.alert.alert-danger{background:#fee;color:#e83333;font-size:.933em}.alert a{color:inherit;text-decoration:underline}.alert a:focus,.alert a:hover{color:inherit;text-decoration:none}body.with_custom_img.fill_bg_n{background:#fff!important}.wd_propsorter table tr:not(.row_header) td{background:url(/bitrix/templates/aspro-lite/images/dott.png) no-repeat;background-position:0 14px;background-repeat:repeat-x;vertical-align:top}body .char_block .wd_propsorter table tr.row_empty td{border-bottom:1px solid #f2f2f2;padding-top:15px;background:0 0}body .char-wrapp .yeni_ipep_props_groups table tr.prop_line,body .char-wrapp .yeni_ipep_props_groups table tr.prop_line:hover{background:0 0}body .char-wrapp .yeni_ipep_props_groups table tr td{padding:5px 3px;border-bottom:1px solid #f2f2f2;background:0 0;font-size:.933em}.wbot .drag-block.container.CATALOG_INDEX{display:none}.wbot .banners-big .flexslider{background:0 0}.wbot .banners-big .flexslider>.slides>li{display:none!important}.wbot .banners-big .flexslider>.slides>li:first-of-type{display:block!important}.wbot .banners-big .flexslider>.slides>li:first-of-type .text .inner{opacity:1}.marker.dynamic,.ymaps-point-overlay ymaps>svg{position:absolute;bottom:0;left:-23px}.ymaps-point-overlay ymaps.ymaps-image-with-content .marker{display:none}.banners-big .flexslider .target{display:none}.flexslider .target{position:absolute;width:100%;left:0;right:0;top:0;height:100%;z-index:10}.mCSB_container{margin-bottom:1px}div.bx-component-opener{position:absolute!important;z-index:1000!important}.ui-panel-top-devices-inner{-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;height:58px;width:158px;cursor:pointer;background-color:#fff;background-color:var(--card_bg_black);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;padding:0;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.15);box-shadow:0 5px 10px 0 rgba(0,0,0,.15);z-index:999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;border-radius:0 5px 0 0}.ui-panel-top-devices-inner>.ui-button{opacity:.5;transition:opacity .3s ease;padding:0 10px;display:block}.ui-button use{fill:#333;fill:var(--white_text_black)}.ui-panel-top-devices-inner>.ui-button--active,.ui-panel-top-devices-inner>.ui-button:hover{opacity:1}.ui-button-desktop svg{width:30px;height:26px}.ui-button-tablet svg{width:22px;height:26px}.ui-button-mobile svg{width:16px;height:26px}.bx-ie .ui-button-desktop i{background:url(/bitrix/templates/aspro-lite/images/svg/responsible/desktop.svg)}.bx-ie .ui-button-tablet i{background:url(/bitrix/templates/aspro-lite/images/svg/responsible/tablet.svg)}.bx-ie .ui-button-mobile i{background:url(/bitrix/templates/aspro-lite/images/svg/responsible/mobile.svg)}iframe .ui-panel-top-devices-inner{display:none}@media (max-width:991px){body .ui-panel-top-devices-inner{display:none}}.more_wrapper{margin-bottom:32px}.more_wrapper>a{display:block;background:#f8f8f8;background:var(--darkerblack_bg_black);-webkit-transition:box-shadow ease-out .2s;-moz-transition:box-shadow ease-out .2s;-o-transition:box-shadow ease-out .2s;transition:box-shadow ease-out .2s;text-align:center;padding:45px 0 41px}.more_wrapper>a svg{width:50px;height:50px}.more_wrapper>a:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.15);background:#fff;background:var(--black_bg_black)}.more_wrapper .svg-inline-more_icon{margin-bottom:13px}.more_wrapper .title{color:#333;color:var(--white_text_black);font-size:16px}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/form.min.css?169134720321701*/
label{font-weight:400;display:inline-block}label.error{color:#ec617a!important;margin:4px 0 0 0!important;padding:0;position:relative;font-size:13px;line-height:calc(1em + 4px);white-space:nowrap;display:block}.captcha-row .captcha_input label.error{margin-top:4px!important}.form label:not(.form-checkbox__label){margin-bottom:5px}.form .text_block{color:#999;margin:4px 0 0 0}input{outline:0}input[type=password]{font-size:20px}input::-ms-clear{display:none}form input i[class*=fa]{font-family:FontAweSome}.captcha_input.error input,.input.error input,.input.error textarea{border-color:#fba0b0}textarea{resize:none}select{border:1px solid #f2f2f2;border-radius:2px;padding:5px 39px 5px 7px;background:0 0;color:#777;cursor:pointer;line-height:17px;position:relative}.form{position:relative}.form.sending:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--white_bg_ccc) url(/bitrix/templates/aspro-lite/css/../images/loaders/double_ring.svg) center no-repeat;z-index:993;opacity:.8}.form__wrapper{position:relative;z-index:2}.form-inner{text-align:left;padding-top:20px}.form-inner--pt-35{padding-top:35px}.form:not(.form--success) .form__info{align-self:center}.form--BG_IMG.form--with-bg{min-height:300px}.form__img{position:relative}.form--BG_IMG .form-fon{opacity:var(--light,1) var(--dark,.6)}body#main .sticky-block.form__img--WIDE{top:0}.form__img--WIDE{max-height:100vh;height:100%;padding-top:67%}.index-block--padding-top-130 .form__img--SIDE_IMG.form--static{margin-top:-130px}.index-block--padding-bottom-130 .form__img--SIDE_IMG.form--static{margin-bottom:-130px}.index-block--padding-top-80 .form__img--SIDE_IMG.form--static{margin-top:-80px}.index-block--padding-bottom-80 .form__img--SIDE_IMG.form--static{margin-bottom:-80px}.index-block--padding-top-40 .form__img--SIDE_IMG.form--static{margin-top:-40px}.index-block--padding-bottom-40 .form__img--SIDE_IMG.form--static{margin-bottom:-40px}.form--static{position:static}.form--centered{text-align:center}.form--centered .form-header{margin-bottom:27px}.form--centered .form-inner{max-width:737px;margin:auto}.form--centered .index-block__preview{text-align:center;margin-left:auto;margin-right:auto}.form--centered .form-footer__btn{text-align:center}.form .form-inner label *,.form--BG_IMG .index-block__subtitle,.form--BG_IMG .index-block__title{color:#222}.form--SIDE_IMG .form-inner label *,.form--SIDE_IMG .index-block__title{color:var(--white_text_black)}#main .form--light .form-header *,#main .form--light label *{color:#fff}#main .form--light .licence_block label{color:rgba(255,255,255,.6)}#main .form .star,.required-star{color:#f25353;margin-left:0}#main .form--light .form-checkbox__input+.form-checkbox__label .form-checkbox__box{border-color:#fff;background-color:#fff}#main .form--light .form-checkbox__input:checked+.form-checkbox__label .form-checkbox__box{border:8px solid #9e9e9e;border-color:var(--theme-base-color);background-color:#9e9e9e;background-color:var(--theme-base-color)}#main .form--light .form-checkbox__input:hover+.form-checkbox__label .form-checkbox__box{box-shadow:0 0 0 1px inset var(--theme-base-color);border-color:var(--theme-base-color)}.form--opacity:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:rgba(255,255,255,.3)}.form--light.form--opacity:before{background:rgba(0,0,0,.3)}.form-btn{margin-top:27px}.form .form-header{padding:0 0 26px}.form .form-header .title{font-weight:500}.form .form-header .form_desc{margin-top:8px}.form .form-header p:last-child{margin:0}.form .form-body{padding:0 0 17px}.form .form-footer{padding:0;text-align:left}.form .form-error{padding-left:15px;padding-right:15px;margin-bottom:20px}.form img.calendar-icon-hover{margin:1px;margin-left:2px}.form .refresh{color:#666;display:inline-block;vertical-align:top;cursor:pointer}.form .refresh a{border-bottom:1px dotted;font-size:.8em;line-height:14px}.form-control:-moz-placeholder{color:#222;color:var(--input_color);opacity:.35}.form-control::-moz-placeholder{color:#222;color:var(--input_color);opacity:.35}.form-control:-ms-input-placeholder{color:#222;color:var(--input_color);opacity:.35}.form-control::-webkit-input-placeholder{color:#222;color:var(--input_color);opacity:.35}.form input,.form select,.form textarea,.form-control{color:var(--input_color);box-shadow:none;border:1px solid #dadada;border-color:var(--input_border_color);height:47px;padding:6px 14px;background:#fff;background-color:var(--input_bg_color);font-size:16px;line-height:calc(1em + 4px);border-radius:8px;border-radius:var(--border-radius);position:relative}div.form-control{font-size:1rem}input:-internal-autofill-selected{background:#fff!important;background:var(--input_bg_color)!important}.form textarea{overflow:hidden;padding-top:10px;height:117px}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background:#fff;background:var(--card_bg_hover_black);cursor:not-allowed}.captcha_input input:hover,.form-control:not([readonly]):not([disabled]):hover,form .fill-animate input:not([readonly]):not([disabled]):hover,form .fill-animate select:not([readonly]):not([disabled]):hover,form .fill-animate textarea:not([readonly]):not([disabled]):hover{background:var(--input_bg_color-hover);border:1px solid var(--input_border_color)}.captcha_input input:focus,.form-control:not([readonly]):not([disabled]):focus,form .fill-animate input:not([readonly]):not([disabled]):focus,form .fill-animate select:not([readonly]):not([disabled]):focus,form .fill-animate textarea:not([readonly]):not([disabled]):focus{box-shadow:0 1px 1px rgba(0,0,0,.015) inset;border-color:#999;background-color:var(--input_bg_color-focus);border-color:var(--input_border_color-focus)}.form .form-group{margin-bottom:15px;position:relative}.form .form-group .form-group{margin:0}.form .form-group .input{position:relative}.form .form-group .input.error{margin:0 0 -3px 0}.form .form-group .input.dates{font-size:0}.form .form-group .input.dates label.error{font-size:12px}.form .form-group .input.dates img{display:none}.form .form-group i:not(.svg){position:absolute;top:16px;right:10px;font-size:17px;color:#c4ccd1}.form .form-group .hint{font-size:11px;line-height:18px;margin-top:7px}form .form-group.animated-labels label:not(.error){position:absolute;top:12px;left:12px;z-index:1;-moz-transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-o-transition:all ease-out .2s;-ms-transition:all ease-out .2s;transition:all ease-out .2s;font-size:.933em}form .row .form-group.animated-labels label:not(.error){left:28px}form .captcha-row .form-group.animated-labels label:not(.error),form .row div .form-group.animated-labels label:not(.error){left:12px}form .form-group.animated-labels.input-filed label:not(.error){-ms-transform:translateY(-24px);-webkit-transform:translateY(-24px);transform:translateY(-24px);background:#fff;left:7px;z-index:6;padding:0 5px;font-size:.8em}form .row .form-group.animated-labels.input-filed label:not(.error){left:23px}form .captcha-row .form-group.animated-labels.input-filed label:not(.error),form .row div .form-group.animated-labels.input-filed label:not(.error){left:7px}.form .licence_block{margin:0;position:relative;display:block;box-shadow:none;font-size:12px;line-height:calc(1em + 4px);padding:16px 0 3px 0;text-align:center}.mobile .form .licence_block.bx_filter{margin-top:0}.form .licence_block.bx_filter input[type=checkbox]{display:block;visibility:hidden;width:0;line-height:0;margin:0}.form .licence_block.bx_filter label{padding-top:0;text-align:left}.form .licence_block label.error{top:-5px}.form.success .form-header{border-top-color:#38ac61!important;background:0 0}.form.success .form-header{border-top-color:#38ac61!important;background:0 0}.form.success .form-header i{background:#38ac61!important}.form_result.success .text_msg{margin-bottom:30px}.form .bx_filter .form-group input[type=checkbox]+label:not(.error){margin-left:0}body .container .form .bx_filter.style_check{position:static;display:block;box-shadow:none;padding-bottom:0}body .container .form .bx_filter.style_check br{display:none}.form-fon{position:absolute;left:0;top:0;bottom:0;right:0;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1}.form-fon--right-50{right:50%}.form-fon--left-50{left:50%}body .form__img--COMPACT{flex-grow:0}.form__img--COMPACT .form-fon{position:static;width:280px;height:280px;border-radius:100%}.form__img--SIDE_IMG:not(.form--static) .form-fon{position:static;height:100vh;max-height:500px;border-radius:4px}.bx-ie .form__img--SIDE_IMG:not(.form--static) .form-fon{position:absolute;height:auto}.form-control.bx-input-file-desc{display:none}div[data-sid=FILE] .input br{display:none}.form-send{position:relative}.form-send__icon{margin:0 0 18px 0}.form-send__info{text-align:center}.form-send__info-title{margin:0 0 7px 0;color:#222;color:var(--white_text_black)}.form-send__info-text{margin:0 0 8px 0}.form-send__info-text p:last-of-type{margin-bottom:0}.close-block{position:absolute;width:50px;height:50px;display:flex;justify-content:center;align-items:center;top:11px;right:13px;cursor:pointer}.captcha-row{position:relative;max-width:418px;margin-bottom:23px}.captcha-row--inline{margin-bottom:41px}.form .captcha-row .captcha_image{height:48px;position:relative;width:217px}.captcha-row .captcha_image img{height:48px;border:none;vertical-align:top;width:100%;width:180px}.form.contacts img.captcha_img,.form.inline img.captcha_img{margin-right:20px;max-width:100%}.captcha_input{bottom:0;left:204px;max-width:140px;position:absolute;right:0;top:21px}.captcha_input input{height:48px;padding:6px 12px;border-radius:8px;border-radius:var(--border-radius);width:140px;max-width:100%}.captcha-row.form-control{border:0 solid #d5dadc;box-shadow:none;border-radius:0;height:auto;padding:0;background:0 0}.form .captcha-row .input label.error{white-space:nowrap}.form .captcha-row .captcha-img{margin-top:4px}.captcha-row.captcha-row--margined{margin-bottom:41px}body .captcha-row.invisible{margin-top:0;margin-bottom:0;height:0;visibility:visible;margin-top:-16px}.captcha-row.invisible label{display:none}.captcha-row .captcha_input.recaptcha_text{position:static;width:100%;max-width:none;height:auto}.captcha-row .captcha_image.recaptcha_tmp_img{display:none}.bx-auth form[name=bx_auth_servicesform_inline] .g-recaptcha,.g-recaptcha{display:none!important}div>.g-recaptcha{display:block!important;position:relative;z-index:9}body .captcha-row .recaptcha,body .captcha-row>div.iblock{padding:0;margin:0;display:block}body .captcha-row .recaptcha{height:0;opacity:0;visibility:hidden;margin-bottom:0;display:block}body .captcha-row.invisible.logo_captcha_n>div{display:none}body .captcha-row.invisible.inline{height:auto;margin-bottom:10px;margin-top:0}body .captcha-row.compact label.error,body .captcha-row.normal label.error{top:0}.grecaptcha-badge{z-index:5}.uploader{padding:10px 54px 4px 47px;border:1px solid #dadada;border-color:var(--input_border_color);position:relative;margin-top:10px;background:#f8f8f8;background:var(--input_bg_color);cursor:pointer;transition:background-color .3s ease,border-color .3s ease;-moz-transition:background-color .3s ease,border-color .3s ease;-ms-transition:background-color .3s ease,border-color .3s ease;-o-transition:background-color .3s ease,border-color .3s ease;-webkit-transition:background-color .3s ease,border-color .3s ease;min-height:48px;border-radius:8px;border-radius:var(--border-radius)}.uploader:first-of-type{margin-top:0}.uploader:hover+.uploader{z-index:11}.uploader:before{content:"";position:absolute;top:13px;left:16px;width:11px;height:20px;background:url(/bitrix/templates/aspro-lite/css/../images/svg/attach_icons.svg) 0 0 no-repeat}.uploader.hover{border-color:#9e9e9e;border-color:var(--theme-base-color)}.uploader.hover:before{background-position:-15px 0}.uploader input[type=file]{z-index:10;opacity:0;border:none;background:0 0;position:absolute;top:0;right:0;float:right;cursor:default;width:100%;height:100%;cursor:pointer}.uploader .action{display:none;position:absolute;top:9px;left:9px;background:#fff;background:var(--black_bg_black);border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--white_text_black_reverse);padding:7px 12px;font-size:1em;line-height:15px;margin-right:10px}.uploader.hover .action{color:#fff;color:var(--white_text_black_reverse)}.uploader .filename{overflow:hidden;display:inline-block;width:100%;white-space:nowrap;font-size:1em;color:#222;color:var(--white_text_black);text-overflow:ellipsis;overflow:hidden;cursor:pointer;line-height:25px}.uploader.hover .filename{color:#fff}.uploader .resetfile{position:absolute;right:-1px;width:47px;display:block;top:-1px;bottom:-1px;z-index:10;border-radius:0 8px 8px 0;border-radius:0 var(--border-radius) var(--border-radius) 0;border:1px solid #dadada;border-color:var(--input_border_color);background:#fff;background-color:var(--input_bg_color)}.uploader .resetfile svg{position:absolute;display:block;top:50%;margin:-5px 0 0 -5px;left:50%}.uploader .resetfile:hover svg path{stroke:#fff}.form .input .add_file{font-size:.8em;cursor:pointer;padding:4px 10px 0 0;display:inline-block}.form .input .add_file:hover{color:#222}.form .input .add_file span{border-bottom:1px dotted}.uploader.files_add:not(.hover):before{left:13px;width:20px}.uploader.files_add:not(.hover):not(.error):before{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/uploader-success.svg)}.uploader.files_add:not(.hover).error:before{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/uploader-error.svg)}.form-checkbox__input{display:none}body .form-checkbox__input--visible{display:block;visibility:hidden;width:0;line-height:0;margin:0}body label.form-checkbox__label{padding:0 0 0 35px;position:relative;z-index:1;cursor:pointer;outline:0;display:block;margin:0;color:#666;color:var(--lite_basic_text_black);line-height:calc(1em + 7px);line-height:24px;min-height:24px}body .form-checkbox__label:hover,body .form-radiobox__label:hover{color:var(--fill_dark_lite_white_hover)}.form-checkbox__label.form-checkbox__label--no-text{padding-left:20px}.form-checkbox__label:not(.form-checkbox__label--sm){font-size:.875rem}.form-checkbox__label--sm{font-size:.8125rem}.form-checkbox__label.form-checkbox__label--sm>span:not(.form-checkbox__box){vertical-align:middle}.form-checkbox__box{border-radius:4px;position:absolute;top:0;left:0;height:24px;width:24px;box-sizing:border-box;background:#fff;background:var(--darkerblack_bg_black);border:1px solid #dadada;border:1px solid var(--input_border_color);transition:all 250ms cubic-bezier(.4,0,.23,1);transition:all ease .3s}.form-checkbox__box--static{transition:none}.form-checkbox__label:hover .form-checkbox__box{box-shadow:0 0 0 1px inset var(--theme-base-color);border-color:var(--theme-base-color)}.bx-ie .form-checkbox__label:hover .form-checkbox__box{box-shadow:0 0 0 1px #9e9e9e inset;border-color:#9e9e9e}.form-checkbox__input:checked+.form-checkbox__label{color:#333;color:var(--white_text_black)}.form-checkbox__input:checked+.form-checkbox__label .form-checkbox__box{border:8px solid #9e9e9e;border-color:var(--theme-base-color);background-color:#9e9e9e;background-color:var(--theme-base-color)}.form-checkbox__input:checked+.form-checkbox__label .form-checkbox__box:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:-1px;top:2px;width:4px;height:8px;border-right:2px solid transparent;border-bottom:2px solid transparent;content:"";box-sizing:content-box;transform-origin:0 100%;animation:checkbox-check 125ms 250ms cubic-bezier(.4,0,.23,1) forwards}.form-checkbox__input:checked+.form-checkbox__label .form-checkbox__box.form-checkbox__box--static:before{animation:none;border-color:#fff;height:.5em;height:8px;transform:translate3d(0,-8px,0) rotate(45deg);width:.2em;width:4px}.form-checkbox--margined .form-checkbox__label{margin-bottom:12px}.form-checkbox--margined .form-checkbox__label:last-of-type{margin-bottom:0}.form-checkbox__label.form-checkbox__label--toggle{--toggle-width:32px;--toggle-height:calc(var(--toggle-width) / 2);--toggle-padding:3px;padding:0;display:flex;align-items:center;justify-content:space-between}.form-checkbox__label--toggle .form-checkbox__box{display:block;position:relative;left:auto;height:var(--toggle-height);width:var(--toggle-width);padding:var(--toggle-padding);border-radius:50px;right:0;border:none!important;background:var(--gray_bg_black);flex-shrink:0}.form-checkbox__label--toggle .form-checkbox__box:before{display:none}.form-checkbox__label--toggle .form-checkbox__box:after{content:"";position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:calc(var(--toggle-height) - calc(var(--toggle-padding) * 2));height:calc(var(--toggle-height) - calc(var(--toggle-padding) * 2));background-color:#fff;border-radius:100%;transition:left ease .3s}.form-checkbox__input:checked+.form-checkbox__label--toggle .form-checkbox__box{background:var(--theme-base-color)}.form-checkbox__input:checked+.form-checkbox__label--toggle .form-checkbox__box:after{left:auto;left:calc(100% - calc(var(--toggle-height) - calc(var(--toggle-padding) * 2)) - var(--toggle-padding));right:var(--toggle-padding)}.form-radiobox+.form-radiobox .form-radiobox__label{margin-top:12px}.form-radiobox__input{display:none}.form-radiobox__label{padding:1px 0 0 31px;position:relative;z-index:1;cursor:pointer;outline:0;display:block;color:#666;color:var(--lite_basic_text_black);font-size:.875rem;line-height:calc(1em + 7px);min-height:24px}.form-radiobox__box{position:absolute;top:0;display:block;width:24px;height:24px;border-radius:50%;transition:all .2s;left:0;border:1px solid #dadada;border-color:var(--input_border_color);background:#fff;background-color:var(--darkerblack_bg_black)}.form-radiobox:hover .form-radiobox__box{box-shadow:0 0 0 1px inset var(--theme-base-color);border-color:var(--theme-base-color)}.bx-ie .form-radiobox:hover .form-radiobox__box{box-shadow:0 0 0 1px #9e9e9e inset;border-color:#9e9e9e}.form-radiobox__input:checked+.form-radiobox__label{color:#333;color:var(--white_text_black)}.form-radiobox__input:checked+.form-radiobox__label .form-radiobox__box{border:7px solid #9e9e9e;border-color:var(--theme-base-color);box-shadow:none}#main .disabled .form-checkbox__box{background-color:#f8f8f8}#main .disabled .form-box{background-color:#f8f8f8;border-color:#ddd;box-shadow:none}#main .disabled{color:#666;color:var(--lite_basic_text_black);cursor:not-allowed;opacity:.6}#main .disabled .form-checkbox__input:checked+.form-checkbox__label .form-checkbox__box{background-color:#ddd}.ratings{white-space:nowrap}.ratings .item-rating .svg svg path{fill:#ddd}.ratings .item-rating.filed .svg svg path{fill:#ffb45b}.row[data-sid=FILE1] label,.row[data-sid=FILES1] label,.row[data-sid=RATING] label{display:none}form .rating_message{margin:0 0 0 20px;position:relative;padding:0 0 0 30px;color:#222;color:var(--white_text_black);font-size:1rem}form .rating_message:before{content:"\2014";position:absolute;left:0;top:0}.votes_block--inline{padding:0;border:none}body .bx-soa-auth .eye-password input[type=password],body .bx-soa-auth .eye-password input[type=text],body .eye-password input[type=password],body .eye-password input[type=text]{padding-right:55px}.eye-password{position:relative}.eye-password:after{content:"";width:55px;height:48px;position:absolute;top:0;background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/eye_close.svg);background-repeat:no-repeat;background-position-x:center;background-position-y:center;cursor:pointer;right:1px}.row>.eye-password:after{right:17px}body .bx-soa-auth .eye-password:after{top:2px}.eye-password.password-show:after{background-image:url(/bitrix/templates/aspro-lite/css/../images/svg/eye_open.svg)}.jqmWindow input[type=email]:not([readonly]):not([disabled]):focus,.jqmWindow input[type=password]:not([readonly]):not([disabled]):focus,.jqmWindow input[type=tel]:not([readonly]):not([disabled]):focus,.jqmWindow input[type=text]:not([readonly]):not([disabled]):focus,.jqmWindow select:not([readonly]):not([disabled]):focus,.jqmWindow textarea:not([readonly]):not([disabled]):focus{outline:0;background-color:var(--input_bg_color-focus);border:1px solid #999;border-color:var(--input_border_color-focus)}.form .eye-password input{background-size:0!important}@media (min-width:992px){.form--BG_IMG:not(.form--centered) .sticky-block{padding-right:100px}.form__info--RIGHT>div{padding-left:100px}.form__info--LEFT>div{padding-right:100px}.form__info--RIGHT .maxwidth-theme--half{padding-right:32px}.form__info--LEFT .maxwidth-theme--half{padding-left:32px;margin-left:auto}.form--SIDE_IMG:not(.form--static) .index-block__subtitle{margin-top:-5px}}@media (max-width:991px){.form__img--SIDE_IMG{display:none}.form--SIDE_IMG .maxwidth-theme--half{padding:0 24px;max-width:none}.form:not(.form--success) .form__info{align-self:auto}}@media (max-width:991px) and (min-width:768px){.form--COMPACT .form__info--RIGHT>div{padding-left:50px}.form--COMPACT .form__info--LEFT>div{padding-right:50px}}@media (max-width:767px){.form__img{display:none}.captcha-row .captcha_input input[name=captcha_word]{width:100%}.captcha-row .captcha_input{max-width:100%}}@media (max-width:400px){.form .captcha_image{width:100%}.form .captcha-row .captcha_image{width:170px}.form .captcha-row .captcha_image img{width:140px}.form .captcha-row .captcha_input{left:164px}}@keyframes checkbox-check{0%{width:0;height:0;border-color:#fff;transform:translate3d(0,0,0) rotate(45deg)}33%{width:.2em;width:4px;height:0;transform:translate3d(0,0,0) rotate(45deg)}100%{width:.2em;width:4px;height:.5em;height:8px;border-color:#fff;transform:translate3d(0,-8px,0) rotate(45deg)}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/colored.min.css?16913472036278*/
.header--color_colored{background-color:#9e9e9e;background-color:var(--theme-base-color)}.color-theme{color:#9e9e9e;color:var(--theme-base-color)}@media (hover:hover){.color-theme-hover-no-active:not(.active):hover,.color-theme-hover:hover,.color-theme-parent-all:hover .color-theme-target,.color-theme-parent:hover>.color-theme-target{color:#9e9e9e;color:var(--fill_dark_lite_hover)}.bg-theme-hover:hover,.bg-theme-parent-hover:hover .bg-theme-target{background-color:#9e9e9e;background-color:var(--theme-base-color)}.bg-theme-parent-hover:hover .bg-theme-target.btn-transparent-border{color:#fff}.bg-theme-white-hover:hover,.bg-theme-white-parent-hover:hover .bg-theme-target{background-color:#9e9e9e;background-color:var(--fill_dark_lite_white_hover)}.bg-theme-hover-active:hover.active{background-color:#9e9e9e;background-color:var(--theme-base-color)!important}.bg-theme-hover-active:hover.active{background-color:#9e9e9e;background-color:var(--theme-more-color)!important}.fill-theme-hover:hover *,.fill-theme-parent-all:hover .fill-theme-target *,.fill-theme-parent:hover>.fill-theme-target *,.fill-theme-use-svg-hover:hover *{fill:#9e9e9e;fill:var(--fill_dark_lite_hover)}.stroke-theme-hover:hover *,.stroke-theme-parent-all:hover .stroke-theme-target *,.stroke-theme-parent:hover>.stroke-theme-target,.stroke-theme-use-svg-hover:hover *{stroke:#9e9e9e;stroke:var(--theme-base-color)}.colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el-svg svg path{fill:var(--fill_dark_lite_white_hover)}.fill-dark-light-block:hover path,.fill-dark-light-block:hover use{fill:var(--fill_dark_lite_hover)}.stroke-dark-light-block:hover path,.stroke-dark-light-block:hover use{stroke:var(--fill_dark_lite_hover)}}.active .bg-theme-active-child,.bg-theme,.bg-theme-active.active,.bg-theme-after:after,.bg-theme-before:before{background-color:#9e9e9e;background-color:var(--theme-base-color)}.active .bg-theme-active-child,.bg-theme-active.active{background-color:#9e9e9e;background-color:var(--theme-more-color)}.bg-opacity-theme,.bg-opacity-theme-active.active,.bg-opacity-theme-after:after,.bg-opacity-theme-before:before,.bg-opacity-theme-hover:hover,.bg-opacity-theme-parent-hover:hover .bg-opacity-theme-target{background-color:#9e9e9e;background-color:var(--opacity_dark_lite_hover)}.active .border-theme-active-child,.border-theme,.border-theme-active.active,.border-theme-hover:hover,.border-theme-parent-hover:hover .border-theme-target{border-color:#9e9e9e;border-color:var(--theme-base-color)}#main .colored_theme_svg svg path,.colored_theme_svg,.fill-theme svg *,.fill-theme-svg,.fill-theme-use-svg svg{fill:#9e9e9e;fill:var(--theme-base-color)}.fill-use-999 svg,.fill-use-svg-999{fill:#999}.fill-use-888 svg,.fill-use-svg-888{fill:#888}.fill-use-fff svg,.fill-use-svg-fff{fill:#fff}.stroke-use-999 svg,.stroke-use-svg-999{stroke:#999}.stroke-use-888 svg,.stroke-use-svg-888{stroke:#888}.stroke-use-grey svg,.stroke-use-svg-grey{stroke:#b8b8b8}.stroke-use-fff svg,.stroke-use-svg-fff{stroke:#fff}.stroke-theme *,.stroke-theme-svg,.stroke-theme-use-svg svg{stroke:#9e9e9e;stroke:var(--theme-base-color)}.svg.colored:not(.svg-inline-icon) *{fill:var(--fill_dark_lite_hover)}#main .header-menu__item--more-items .header-menu__link:hover,#main .menu-topest .menu-topest__more .menu-topest__link:hover{color:#9e9e9e;color:var(--fill_dark_lite_hover)}.fancybox-button:hover path,.fancybox-slide--html .fancybox-close-small:hover path{fill:#9e9e9e;fill:var(--fill_dark_lite_hover)}@media (max-width:1200px){.header-menu--bottom-1200.header-menu--color_colored{background-color:#9e9e9e;background-color:var(--theme-base-color)}}.bg-more-theme{background-color:#9e9e9e;background-color:var(--theme-more-color)}.fill-more-theme{fill:#9e9e9e;fill:var(--theme-more-color)!important}.colored_theme{color:var(--fill_dark_lite_white_hover)}.colored_theme_bg,.colored_theme_bg_hover:hover,.colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el{background-color:var(--theme-base-color)}body .colored_bg_in_dark{background-color:var(--theme-base-color)}.colored_theme_bg2_hover:hover{background-color:hsl(var(--dark_light-wtheme-hue),var(--dark_light-wtheme-saturation),var(--dark_light-wtheme-lightness))}.colored,.colored-link,.dark-color:hover,a.colored{color:var(--fill_dark_lite_white_hover)}a{color:var(--fill_dark_lite_white_hover)}.colored:hover,a.colored:hover{color:var(--fill_dark_lite_hover)}a:active{color:var(--fill_dark_lite_hover)}.colored-link:hover{color:var(--fill_dark_lite_cc)}.fill-dark-light,.fill-dark-light path,.fill-dark-light-block path,.fill-dark-light-block use{fill:var(--fill_dark_light)}.stroke-dark-light,.stroke-dark-light *,.stroke-dark-light-block path,.stroke-dark-light-block use{stroke:var(--fill_dark_light)}a:focus,a:hover{color:var(--fill_dark_lite_ccc)}.fill_card_bg_hover_black{fill:var(--card_bg_hover_black)}.style-switcher .options>div.more_color.current>span,.style-switcher .options>div.more_color.current>span:hover{border-color:#9e9e9e;border-color:var(--theme-more-color)}.uploader.hover{background-color:#9e9e9e;background-color:var(--theme-base-color)}.uploader .resetfile:hover{background-color:#9e9e9e;background-color:var(--theme-base-color);border-color:#9e9e9e;border-color:var(--theme-base-color)}.side-icons__item:hover{background-color:#9e9e9e;background-color:var(--theme-base-color);border-color:#9e9e9e;border-color:var(--theme-base-color)}.opened .link-with-flag:before{background-color:#9e9e9e;background-color:var(--theme-more-color)}.bx_filter .bx_ui_slider_track .bx_ui_slider_handle:after{background-color:#9e9e9e;background-color:var(--theme-base-color)}.colored_more_theme_bg2_hover:hover{background-color:hsl(var(--theme-more-color-hue),var(--theme-more-color-saturation),calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff)))}.colored_theme_bg_opacity{background-color:hsl(var(--theme-more-color-hue),var(--theme-more-color-saturation),var(--theme-more-color-lightness),.1)}.bottom-menu .item.active .title,.bottom-menu .item.active .title a,.bottom-menu .item:hover .title,.bottom-menu .item:hover .title a{color:var(--fill_dark_lite_hover)!important}footer .print-link:hover{color:var(--fill_dark_lite_hover)}footer .print-link:hover svg path{fill:var(--fill_dark_lite_hover)}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/responsive.min.css?16913472031282*/
@media (min-width:992px){.popup_video.mobile{display:none}}@media (max-width:991px){.side_left .main-wrapper{display:block}.container .left_block{display:none}.container>.row>.maxwidth-theme>.content-md{display:block}.container>.row>.maxwidth-theme>.content-md>.left_block>aside,.container>.row>.maxwidth-theme>.content-md>.left_block>div{display:none!important}.container>.row>.maxwidth-theme>.content-md>.right_block.narrow_Y{width:100%}}@media (min-width:768px){.head-block{display:block!important}}@media (max-width:767px){.head-block{display:none;margin-bottom:0;position:absolute;left:0;right:0;top:100%;margin-top:-1px;z-index:110;max-height:220px;overflow-x:hidden;background-color:#fff;background:var(--card_bg_black);padding:8px 20px}.head-block .line-block{display:block}.head-block__item-text{padding:8px 0}.head-block__item--active .head-block__item-text:before{display:none}.dropdown-select .head-block{overflow-y:scroll!important;position:absolute!important}.dropdown-select .head-block .head-block__item{white-space:normal}}@media (max-width:600px){.compact-hidden-t600{display:none!important}.height-auto-t600{height:auto!important}#main .shadow-hovered-f600:hover{box-shadow:none;border-color:#e5e5e5;border-color:var(--stroke_black)}a.scroll-to-top{display:none}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/custom.css?1788779510313122*/
/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* ============================================================================
   СОДЕРЖАНИЕ. Ищите по номеру: наберите в поиске «[3]» — попадёте в раздел 3.

   ВАЖНО: порядок правил в этом файле имеет значение — нижние перекрывают
   верхние. Не переставляйте разделы местами. Новое дописывайте В СВОЙ раздел,
   а не в конец файла, иначе он снова превратится в свалку.

   Разрезать файл на несколько и подключать по отдельности НЕЛЬЗЯ: замерено —
   Битрикс кладёт подключённые файлы в начало общего сборника, а этот файл
   идёт в конце, так что все переопределения перестали бы работать.

     [1] Точечные правки темы, доставшиеся от старых заходов
     [2] Гранёная сталь: кнопки, заголовки, таблицы вместо красного
     [3] Замена фирменного красного на сталь по всему сайту
     [4] Ссылки, подвал, «Контакты» в шапке
     [5] Таблицы цен на узких экранах — списком
     [6] «Как передать инструмент»: два пути
     [7] Левая панель разделов и верхняя полоса
     [8] ГЛАВНАЯ: первый экран (21.08.2026)
     [9] ПЛИТКИ ВЫБОРА РАЗДЕЛА, вариант А (21.08.2026)
     [10] ПРАЙС КАРТОЧКАМИ (24.08.2026)
     [11] СТРАНИЦЫ ПРАЙСА: шапка, логотип, кнопка возврата
     [12] ПОИСК ПО ПРАЙСАМ (27.08.2026)
     [13] Хвост: правила, которые обязаны идти последними
   ============================================================================ */

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(/bitrix/templates/aspro-lite/css/image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

/* ─────────────────────────────────────────────────────────────────────────
   [1] Точечные правки темы, доставшиеся от старых заходов
   ───────────────────────────────────────────────────────────────────────── */

.workers {
    overflow: hidden;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

}

div.workers a {
    width: 32%;
    text-align: center;
    float: none;
    margin: 0px;
}
.workers a img {
    width: 100%;
    height: 415px;
    object-fit: cover;
}
.name_worker {
    float: left;
    width: 100%;
    text-align: center;
}

.prices_table .colored_table tr th{
    background: #f7f7f7;
    color: #333;
}

.prices_table .colored_table tr th a{
    color: #333;
}

.prices_table .colored_table tr th:first-child{
    width: 70%;
}

.prices_table .colored_table tr th:last-child{
    width: 15%;
}

.prices_table .colored_table tr td:nth-child(2), .prices_table .colored_table tr td:nth-child(3){
    text-align: center;
}

/*.properties__container .properties__title, .properties__container .properties__hr{
    display: none;
}*/

.catalog-detail .brand-detail-info__image{
    height: auto;
}

.tizers-list__item-image-wrapper svg{
    width: 100%;
}

.item-action__inner .svg{
    opacity: 1;
}

.ul_blocks{
    display: flex;
    justify-content: space-around;
}
.ul_blocks ul{
    width: 40%;
}

.text_after_items{
    margin-top: 0;
}

@media (min-width: 601px)
{
.grid-list--items-2-601 {
    grid-template-columns: repeat(4,1fr);
}
}

@media (max-width: 480px){
    .workers a img
    {
        height: auto;
   /* width: 70%;*/
    margin: 0 auto;
    display: block;
    }
    .ul_blocks{
    display: block;
    justify-content: space-around;
    }
    .ul_blocks ul{
        width: 100%;
    }
}

@media (max-width: 600px){
    .banners-img-with-text-list__item-text--absolute {
        background: rgb(54 54 54 / 70%);
    }
    .company-item__picture{
        display: none;
    }
    .company-item__picture-wrapper{
        padding-top: 0;
    }
}

.block_photo{
        display: flex;
    justify-content: space-around;
    height: 400px;
    margin-bottom: 40px;
}

.block_photo img{
    height: 100%;
    width: auto;
}

.block_video{
     display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.block_video video{
     width: 27%;
    margin-bottom: 30px;
    max-height: 420px;

}

.mb-15{
    display: block;
    margin-bottom: 15px;    
}

.pane_info_wrapper{
    position: relative;
}
.pane_info_wrapper .pane_info{
    position: absolute;
    top: 92px;
    left: 16px;
    z-index: 2;
    background: #fff;
    width: 332px;
}

.pane_info_wrapper .pane_info .title_block {
    padding: 24px 30px 22px;
    font-weight: 700;
    font-size: 1.467em;
    color: #333;
    border-bottom: 1px solid #f2f2f2;
}

.pane_info_wrapper .pane_info .info_block{
    padding: 0px 30px 30px;
}
.info_block .tell {
    display: block;
    font-weight: bold;
    color: #4d545c;
}

.info_block .tell span{
    font-size: 12px;   
}

.info_block .mail {
    display: block;
    margin-bottom: 10px;
    color: #4d545c;
}
.info_block .addr {
    line-height: 19px;
    margin-bottom: 10px;
    color: #000;
}
.info_block .shedule {
    margin-bottom: 15px;
     color: #000;
}

.usluga-list-template{
    margin-bottom: 20px;
}

.blog-list__item-image-wrapper{
    padding-top: 100%;
}

.detail_price {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 20px;
}

.detail.uslugi .detail-image img{
    max-width: 400px;
}

.sitemap{
    display: block;
    margin-bottom: 12px;
}

.sitemap_html ul ul{
    margin-left: 20px;
}
#headerfixed .header{
    background-color: inherit;
}

.text_after_items{
    /*display: flex;*/
}

.mt-40{
    margin-top: 40px;   
}

.star_bxslider_outer .star_bxslider_wrapper{
        -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: inherit;
}

.obuchenie-zatochke .container .right_block.narrow_Y{
    width: 100%;
    min-width: auto;
}

.dop_kursy{
    display: flex;
    margin-bottom: 20px;
}
.dop_kursy .kurs{
    width: 32%;
    text-align: center;
    margin: 10px;
}

.toggle-content table{
    width: 100%;
}

.license-list-inner__image-bg{
    background-size: contain;
}

.license-list-inner--view-block .license-list-inner__image {
    width: 100%;
    height: 180px;
}

.services-list__item-image{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}

.preprice{
        font-size: 14px;
    display: inline-block;
}

.services-list__item-price .price {
    display: inline-block;
}

.price.stoim{
    display: inline-block;
}

.header__bottom-part  {
    background-color: #073c62;
    background-image: linear-gradient(135deg, #0a5a92 0%, #073c62 100%);
    color: #fff;
}

.header_1 .header-menu__link.dark_link, 
.header_1 .line-block__item.dark_link, 
.header__top-item .header-menu__link.dark_link, 
.line-block .banner-light-icon-fill, 
.line-block .fill-dark-light-block, 
.header__top-item .phones a, 
.header__top-item .phones .phones__callback{
    color: #fff;
}

.fill-dark-light, .fill-dark-light path, .fill-dark-light-block path, .fill-dark-light-block use{
    fill: #fff;
}

/*#mobileheader .fill-dark-light, 
#mobileheader .fill-dark-light path, 
#mobileheader .fill-dark-light-block path, */
#mobileheader .fill-dark-light-block .cabinet use, 
#mobileheader .fill-dark-light-block .icon-block-with-counter use, 
#mobileheader .fill-dark-light-block .icon-block use,
#mobileheader .mobilemenu__close use
{
    fill: #222;
}

/* убрано: красный цвет при наведении в шапке */

.header{
    /*background-color: #0a5098;*/
    background-color: #015b9d;
    background-image: url(/images/header-bg-2.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
        
}

#headerfixed .header__main-part{
   background-color: #015b9d; 
   background-image: url(/images/header-bg-2.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header__main-part--long{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.header__inner{
padding-bottom: 0;  
}

.logo{
    max-width: 260px;
    height: 60px;
}

/*.line-block .fill-dark-light-block use{
    fill: #fff
}*/

.mobileheader--color-white{
	    background-color: #0a5098;
}

@media (max-width: 480px){

.pane_info_wrapper .pane_info{
	left: 0;
}

.pane_info_wrapper .pane_info{
    position: relative;
    top: -30px;
}

.photo-items-list.photo-photo-list{
	width: 100%!important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.photo-items-list .photo-item-cont{
	float: inherit;
	margin: 0;
	margin-bottom: 10px;
}

}

.header-menu__link--top-level svg use{
	fill: #fff;
}
.sitemap{
    color: #fff;
}
.sitemap:hover{
	color: #999;
}

.right_block.narrow_N .detail-maxwidth {
    max-width: 100%;
}

.mobilemenu__menu-item{
    line-height: inherit;
}

.email_mobile div{
        padding: 9px 32px 9px 32px;
}
.mobileheader{
    height: 100%;
}

.totop-menu{
    background: linear-gradient(158deg, #0c4173 0%, #0e4f8a 100%);
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.totop-menu .addr
{
    font-size: 12px;
}

.totop-menu .right
{
    font-size: 12px;
}
#mobileheader
{
        background: linear-gradient(158deg, #0c4173 0%, #0e4f8a 100%);
}

/* убрана строка лого/иконок мобильной шапки (лого, поиск, аккаунт, корзина) —
   по просьбе заказчика 28.08.2026, дублировала нижнюю панель Главная/Услуги/Цены/Контакты/Магазин */
.mobileheader__inner{
    display: none !important;
}

.mobileheader__topest .fa-map-marker{
   background-image: url(/images/location.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    padding-left: 0px;
    margin-left: -4px;
    margin-right: 5px;
}

#trigger {
background-image: url(/images/phone.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: flex;
    align-items: center;
    width: 20px;
    height: 18px;
    margin-right: 10px;

}

.content-phone{
    display: none;
position: absolute;
    background: #fff;
    padding: 10px;
    left: 7vw;
    margin-top: 12px;
    border: 1px solid #ededed;
    width: 100%;
    max-width: 320px;
}

.content-phone span, .content-phone a{
    display: block;
}

.content-phone span{
    font-size: 13px;
}

.content-phone a.tell{
    padding-left: 20px;
    background-image: url(/images/wtap.png);
    background-size: 16px; 
    background-repeat: no-repeat;
    background-position: left center;
}
.dop_block_header
{
    padding-top: 7px;
}
.dop_block_header .rezhim{
    font-size: 14px;    
    line-height: 16px;    
    color: #fff;
    flex: 1 1 auto;
    width: auto;
}

.dop_block_header{
    display: flex;
}

.dop_block_header .social__items.social__items--md .social__link {
    height: 27px;
    min-width: 27px;
}

.dop_block_header .socseti{
    width: auto;
    flex: 0 0 auto;
    justify-content: center;
    display: flex;
    margin-left: 14px;
}

.dop_block_header .socseti .social__items.social__items--grid{
    display: flex;
}

.content-phone.open{
    display: block;
}

.usluga-list-template .services-list__item-text-top-part{
    justify-content: space-between;
}

.line-block  .line-block__item.js-replace-icons .fill-dark-light-block use, 
.line-block .js-replace-icons .fill-dark-light-block use, 
.line-block .share .fill-dark-light-block use
{
    fill: var(--fill_dark_light);
}

.swiper-slide .review-list-inner__video-item iframe{
    height: 200px;
}

.reviews-list .swiper-slide{
    padding-right: 40px;
}

/* GRANI_REVIEWS_GLASS (29.08.2026) — карточки отзывов (страница обучения и
   везде, где есть виджет) стояли в дефолтной белой теме. Белый фон — всегда
   ошибка по бренду, переводим в ту же стеклянную карточку, что и остальной
   сайт. */
.reviews-list__item.bordered{
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
.reviews-list__item-title{color:#fff!important}
.reviews-list__item-preview{color:rgba(255,255,255,.78)!important}
.reviews-list__item-image-wrapper{background:rgba(255,255,255,.08)!important;border-radius:50%!important}

/* GRANI_REVIEW_LIST_INNER_HOVER_FIX (04.09.2026) — карточка на /company/reviews/
   (компонент review-list-inner, класс .shadow-no-border-hovered) на hover
   получала белый фон из стандартной переменной темы --card_bg_hover_black
   (светлая тема по умолчанию), а текст внутри уже перекрашен в белый —
   получалось белым по белому, ничего не видно. Стекло вместо белого. */
.review-list-inner__item.shadow-no-border-hovered:hover{
  background-color:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.14)!important;
}

.fs13{
    font-size: 13px;    
}

.footer__info .phones__phones-wrapper{
    display: flex;
    color: #fff;
}
.neispravnosti_block{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.neispravnosti_block .neispravnost{
   background: #11549c;
    padding: 6px;
    color: #fff;
    font-weight: 100;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 14px;
   
}
.neispravnosti_block .neispravnost:hover
{
     background: #257cb8;
     cursor: pointer;
}

.blog-comment__date.color_999.font_14
{
    display: none;
    opacity: 0;
    font-size: 0;
    color: #fff;
}

.header__top-item .phones .dropdown--relative a
{
    color: var(--white_text_black);
}

.phones__dropdown{
    top: 30px;
}

.header__top-item .phones .fill-dark-light-block use{
    fill: #fff;
}

/* ─────────────────────────────────────────────────────────────────────────
   [2] Гранёная сталь: кнопки, заголовки, таблицы вместо красного
   ───────────────────────────────────────────────────────────────────────── */
/* ===== Гранёная сталь — единый стиль всех кнопок вместо красного (везде, десктоп + мобильная) ===== */
.btn.btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus {
    background-color: #4d545c !important;
    background-image: linear-gradient(135deg, #8a929c 0%, #4d545c 100%) !important;
    border-color: #6b727a !important;
    color: #ffffff !important;
}
.btn.btn-default:hover,
.btn-default:hover {
    background-image: linear-gradient(135deg, #9aa2ab 0%, #5c636b 100%) !important;
}

/* ===== Сталь с синим отливом — заголовки-плашки в таблицах цен (section.toggle.active > label) ===== */
section.toggle.active > label,
section.toggle label:hover {
    background-color: #3d434a !important;
    background-image: linear-gradient(135deg, #9aa3ad 0%, #3d434a 100%) !important;
    border-color: #5c636b !important;
    color: #ffffff !important;
}

/* ===== Сталь с синим отливом — заголовки внутри таблиц цен на страницах категорий (inline style в контенте) ===== */
table.colored_table label span[style] {
    background: linear-gradient(90deg, #9aa3ad 0%, #3d434a 100%) !important;
    color: #ffffff !important;
    padding: 3px 10px !important;
    display: inline-block !important;
}

/* ===== Единый тёмно-серый текст в таблицах прайса (вместо смеси красного и серого) ===== */
table.colored_table td,
table.colored_table td a,
.index-price-acc td,
.index-price-acc td a {
    color: #333333;
}
/* ссылки остаются кликабельными — подчёркиваются при наведении */
table.colored_table td a:hover,
table.colored_table td a:focus,
.index-price-acc td a:hover,
.index-price-acc td a:focus {
    color: #333333;
    text-decoration: underline;
}
/* цены чуть светлее, чтобы названия читались первыми */
table.colored_table td + td,
.index-price-acc td + td {
    color: #666666;
}

/* ===== Убираем красный цвет при наведении по всему сайту, вместо него — подчёркивание =====
   Переменная --fill_dark_lite_hover задаёт цвет ссылки при наведении.
   Задаём её равной обычному цвету текста в каждом контексте, поэтому цвет не меняется. */
body { --fill_dark_lite_hover: #222222; }
header, .headers-container, #mobileheader, .mobileheader, footer, .footer {
    --fill_dark_lite_hover: #ffffff;
}
.header-menu__dropdown-menu, .phones__dropdown, .header-menu__more-items-list,
.dropdown-select, .search-popup, .title-search-result,
.mobilemenu, .mobilephones, .jqmWindow {
    --fill_dark_lite_hover: #222222;
}
.footer__license, .footer__offer, .footer__copy { --fill_dark_lite_hover: #999999; }

/* ===== Линия, выезжающая слева направо при наведении =====
   Реализована фоном, а не подчёркиванием: корректно работает
   на строчных ссылках и при переносе текста на две строки.
   Цвет линии наследуется от текста (currentColor). */
@media (hover: hover) {
    a:not(.btn),
    .dark_link:not(.btn),
    .color-theme-hover:not(.btn) {
        background-image: linear-gradient(currentColor, currentColor);
        background-repeat: no-repeat;
        background-position: 0 100%;
        background-size: 0% 1.5px;
        transition: background-size .22s ease;
        text-decoration: none;
    }
    a:not(.btn):hover,
    .dark_link:not(.btn):hover,
    .color-theme-hover:not(.btn):hover,
    .color-theme-parent:hover > .color-theme-target,
    .color-theme-parent-all:hover .color-theme-target {
        background-size: 100% 1.5px;
        text-decoration: none;
    }
    /* логотип, иконки и плитки — без линии (кнопки не трогаем, у них свой градиент) */
    .logo a, .logo a:hover,
    .social a, .social a:hover, .social__link, .social__link:hover,
    .header-cabinet__link, .header-cabinet__link:hover,
    .compare-link, .compare-link:hover,
    .favorite-link, .favorite-link:hover,
    .basket-link, .basket-link:hover,
    .header-cart a, .header-cart a:hover,
    .tizers-list__item-link, .tizers-list__item-link:hover,
    .header-search a, .header-search a:hover,
    /* GRANI_NO_LINE: строки поиска, плитки и кнопка возврата — у них своя подсветка,
       бегущая линия там выглядела грязной полосой поверх текста */
    .grani-search__it, .grani-search__it:hover,
    .grani-search__more, .grani-search__more:hover,
    .grani-poisk__it, .grani-poisk__it:hover,
    .grani-tile, .grani-tile:hover,
    .grani-back, .grani-back:hover,
    .block_price .colored_table td a, .block_price .colored_table td a:hover,
    .grani-logo, .grani-logo:hover,
    a:has(img), a:has(img):hover {
        background-image: none;
        text-decoration: none;
    }
}

/* ===== Гранёная сталь — кнопка поиска вместо красной (десктоп + мобильная) ===== */
.btn.btn-search,
.btn.btn-search:active,
.btn.btn-search:focus {
    background-color: #4d545c !important;
    background-image: linear-gradient(135deg, #8a929c 0%, #4d545c 100%) !important;
    border-color: #6b727a !important;
}
.btn.btn-search:hover {
    background-color: #5c636b !important;
    background-image: linear-gradient(135deg, #9aa2ab 0%, #5c636b 100%) !important;
}
/* лупа остаётся белой на тёмном фоне */
.btn.btn-search .svg svg use,
.btn.btn-search .svg svg path,
.btn.btn-search:hover .svg svg use,
.btn.btn-search:hover .svg svg path {
    fill: #ffffff !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   [3] Замена фирменного красного на сталь по всему сайту
   ───────────────────────────────────────────────────────────────────────── */
/* ============================================================================
   Гранёная сталь вместо фирменного красного — общий проход (десктоп + мобильная)
   Красным намеренно оставлены: ссылка «На карте» в блоках адресов и всё
   содержимое Яндекс-карты (метки, кластеры, подсказки).
   ============================================================================ */

/* 1. База. Тема красит красным через переменную --theme-base-color (#760000):
      ссылки в тексте, e-mail, пагинацию, хлебные крошки, нижнюю панель на
      телефоне, состояния при наведении. Гасим её в тёмно-серый — правка
      достаёт и до тех мест, куда мы не заглядывали. */
html {
    --theme-base-color: #4d545c !important;
    --theme-base-opacity-color: #4d545c1a !important;
}

/* 2. Плоскости — тот же градиент, что у кнопок */
.scroll-to-top,
.scroll-to-top.ROUND_COLOR {
    background-color: #4d545c !important;
    background-image: linear-gradient(135deg, #8a929c 0%, #4d545c 100%) !important;
}
.scroll-to-top:hover,
.scroll-to-top.ROUND_COLOR:hover {
    background-color: #5c636b !important;
    background-image: linear-gradient(135deg, #9aa2ab 0%, #5c636b 100%) !important;
}

/* 3. Исключения — остаются красными */
/* 3.1 «На карте» в блоках адресов + булавка рядом с ней */
.contacts-list__item-coord .color-theme,
.contacts-list__item-coord .text_wrap,
.show_on_map .color-theme {
    color: #760000 !important;
}
.contacts-list__item-coord .fill-theme svg *,
.contacts-list__item-coord .fill-theme-svg,
.show_on_map .fill-theme svg * {
    fill: #760000 !important;
}
/* 3.2 Яндекс-карта целиком — метки, кластеры, содержимое подсказок */
/* только те части, которые красила переменная темы: остальные части
   кластера (белая середина, цифра) должны остаться как были */
.bx-yandex-map .fill-theme-svg,
.bx-yandex-map .fill-theme svg * {
    fill: #760000 !important;
}
.bx-yandex-map .color-theme,
.bx-yandex-map .colored_theme {
    color: #760000 !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   [4] Ссылки, подвал, «Контакты» в шапке
   ───────────────────────────────────────────────────────────────────────── */
/* ===== Ссылки внутри текста страниц — подчёркивание видно всегда =====
   Раньше их выделял красный цвет; теперь цвет как у текста, поэтому нужна
   постоянная линия. Объявлено ВНЕ @media (hover: hover) — иначе на телефоне
   правило не применилось бы и ссылки остались бы неотличимы от текста.
   Меню и плитки не трогаем: селектор бьёт только по <p> в контенте. */
#main p a:not(.btn):not(:has(img)),
.right_block li a:not(.btn):not(:has(img)) {
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 1.5px;
    text-decoration: none;
}
@media (hover: hover) {
    #main p a:not(.btn):not(:has(img)):hover,
    .right_block li a:not(.btn):not(:has(img)):hover {
        color: #222222;
        background-size: 100% 1.5px;
    }
}

/* ===== Подвал: логотип Тинькофф заменён на Т-Банк =====
   Остальные платёжные значки берутся из общего спрайта payment.svg;
   здесь спрайт для одной иконки подменяется отдельным файлом.
   Ширина 51 px вместо 61 — у нового знака другие пропорции (2.55:1),
   при старой ширине он растянулся бы. */
.footer__pays i.tinkoff {
    width: 51px !important;
    height: 20px !important;
    background-image: url(/upload/pay/tbank.png) !important;
    background-position: 0 0 !important;
    background-size: 51px 20px !important;
    background-repeat: no-repeat !important;
}

/* ===== Шапка: «Контакты» крупнее и заметнее (вариант 2) =====
   Селектор намеренно привязан к .header__top-item: класс phones__inner--big
   используется ещё и в подвале (и на мобильной он вообще только там),
   а там нужен обычный телефон, а не кнопка. */
.header__top-item .phones__inner--big {
    border: 2px solid rgba(255, 255, 255, .9);
    border-radius: 6px;
    padding: 7px 15px;
    gap: 10px;
    align-items: center;
    transition: background-color .18s ease;
}
.header__top-item .phones__inner--big .phones__phone-first {
    /* размер и вес — как у пунктов верхнего меню (.header-menu__link--top) */
    font-size: 16px;
    font-weight: 400;
    /* выезжающая линия при наведении тут не нужна — есть рамка */
    background-image: none !important;
}
.header__top-item .phones__inner--big .more-arrow svg * {
    fill: #ffffff !important;
}
/* отклик на наведение — лёгкая подсветка вместо смены цвета текста */
.header__top-item .phones__inner--big:hover {
    background-color: rgba(255, 255, 255, .14);
}
/* выпадающий список опускаем ниже: кнопка стала выше (18 -> 42 px) */
.header__top-item .phones__inner--big .phones__dropdown {
    top: 43px;
}

/* ===== Заголовки-плашки в таблицах разделов: красный -> гранёная сталь =====
   Эти плашки задают цвет ИНЛАЙНОМ (background-color: #9d0a0f) и лежат ВНЕ таблицы —
   в <div class="toogle"><section><label>. Поэтому прежние правила их не доставали:
   одно ловит только плашки внутри table.colored_table, другое ждёт section.toggle.
   Градиент тот же, что у плашек в сводном прайсе, чтобы всё выглядело одинаково.
   45 плашек в 24 разделах. */
.toogle label span[style],
.toggle label span[style],
section > label > span[style],
/* самый надёжный: цепляется прямо за инлайновый красный, вложенность не важна */
span[style*="9d0a0f"],
span[style*="9D0A0F"] {
    background: linear-gradient(90deg, #9aa3ad 0%, #3d434a 100%) !important;
    background-color: #3d434a !important;
    color: #ffffff !important;
    padding: 3px 10px !important;
    display: inline-block !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   [5] Таблицы цен на узких экранах — списком
   ───────────────────────────────────────────────────────────────────────── */
/* ===== Таблицы цен на узких экранах — списком, а не двумя колонками =====
   Длинные названия в двух колонках рвутся на 4 строки, цена уезжает вбок.
   Ниже 600 px строка становится блоком: название сверху, цена под ним. */
@media (max-width: 600px) {
    table.colored_table,
    table.colored_table tbody,
    table.colored_table tr,
    table.colored_table td {
        display: block;
        width: 100%;
    }
    table.colored_table tr {
        padding: 11px 0 12px;
        border-bottom: 1px solid #e6e8ea;
    }
    table.colored_table tr:last-child { border-bottom: none; }
    table.colored_table td {
        padding: 0 !important;
        border: none !important;
    }
    /* название услуги */
    table.colored_table td:first-child {
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 3px;
    }
    /* цена и остальные ячейки — строкой ниже, приглушённо */
    table.colored_table td + td {
        color: #666666;
        font-size: .95em;
        line-height: 1.4;
    }
    /* если ячеек три (например, срок гарантии) — вторая и третья в одну строку */
    table.colored_table td + td + td {
        display: inline-block;
        width: auto;
        margin-left: 12px;
    }
    table.colored_table td + td:nth-last-child(2) {
        display: inline-block;
        width: auto;
    }
}

/* ─────────────────────────────────────────────────────────────────────────
   [6] «Как передать инструмент»: два пути
   ───────────────────────────────────────────────────────────────────────── */
/* ===== «Как передать инструмент»: два пути, второй шаг раскрывается ===== */
.grani-ways {
    margin: 0 0 28px;
    padding: 22px 24px 24px;
    border: 1px solid #e2e5e8;
    border-radius: 8px;
    background: #fafbfc;
}
.grani-ways__head {
    font-size: 19px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 16px;
}
.grani-ways__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    align-items: start;
}
.grani-ways__card {
    border: 1px solid #dfe3e7;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
}
.grani-ways__card.is-open { border-color: #8a929c; }

.grani-ways__btn {
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 17px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    transition: background-color .15s ease;
}
.grani-ways__btn:hover { background: #f2f4f6; }
.grani-ways__btn:focus-visible { outline: 2px solid #4d545c; outline-offset: -2px; }
.grani-ways__name {
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 4px;
}
/* стрелка-указатель, разворачивается при раскрытии */
.grani-ways__name::after {
    content: "";
    display: inline-block;
    width: 7px; height: 7px;
    margin-left: 9px;
    vertical-align: 2px;
    border-right: 2px solid #8a929c;
    border-bottom: 2px solid #8a929c;
    transform: rotate(45deg);
    transition: transform .18s ease;
}
.grani-ways__btn[aria-expanded="true"] .grani-ways__name::after {
    transform: rotate(-135deg);
    vertical-align: -1px;
}
.grani-ways__note {
    display: block;
    font-size: 13.5px;
    line-height: 1.45;
    color: #6b737c;
}

.grani-ways__step { padding: 0 17px 16px; border-top: 1px solid #eceff1; }
.grani-ways__step-text { font-size: 14px; color: #4d545c; margin: 13px 0 11px; }
.grani-ways__actions { display: flex; flex-wrap: wrap; gap: 9px; }
.grani-ways__actions .btn { min-width: 128px; }
.grani-ways__hint { margin-top: 11px; font-size: 13px; color: #6b737c; }
.grani-ways__hint a { color: #4d545c; }

@media (max-width: 700px) {
    .grani-ways { padding: 18px 16px 20px; margin-bottom: 22px; }
    .grani-ways__grid { grid-template-columns: 1fr; }
    .grani-ways__actions .btn { flex: 1 1 auto; min-width: 0; }
}

/* ─────────────────────────────────────────────────────────────────────────
   [7] Левая панель разделов и верхняя полоса
   ───────────────────────────────────────────────────────────────────────── */
/* ===== Левая панель разделов: липкая, со своей прокруткой =====
   Раньше она уезжала вверх вместе со страницей, и на длинных прайсах
   (до 110 строк) до соседнего раздела приходилось скроллить обратно.
   Класс .sticky-block в теме описан только для картинки в форме — для
   боковой колонки правил не было вовсе.
   Отступ сверху 95 px = высота прилипающей шапки (79) + воздух.
   Ниже 992 px колонка и так скрыта темой, поэтому правило только для десктопа. */
@media (min-width: 992px) {
    .left_block > .sticky-block {
        position: sticky;
        top: 95px;
        max-height: calc(100vh - 110px);
        overflow-y: auto;
        overscroll-behavior: contain;
        padding-right: 6px;
    }
    /* аккуратная полоса прокрутки, а не системная толстая */
    .left_block > .sticky-block::-webkit-scrollbar { width: 6px; }
    .left_block > .sticky-block::-webkit-scrollbar-track { background: transparent; }
    .left_block > .sticky-block::-webkit-scrollbar-thumb {
        background: #cfd5da;
        border-radius: 3px;
    }
    .left_block > .sticky-block::-webkit-scrollbar-thumb:hover { background: #aab2ba; }
    .left_block > .sticky-block { scrollbar-width: thin; scrollbar-color: #cfd5da transparent; }
}

/* ===== Верхняя полоса: две кнопки вместо списка разделов =====
   Полоса тёмно-серая, поэтому кнопки светлые — так они читаются как кнопки,
   а не как ещё одна строка меню. Прежний список сохранён в бэкапе. */
.grani-toplinks {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: stretch;
    justify-content: center;
    padding: 12px 0;
}
.grani-toplink {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 12px 24px;
    border-radius: 8px;
    text-align: center;
    background-color: #e9edf0;
    background-image: linear-gradient(180deg, #f2f5f7 0%, #e2e7eb 100%) !important;
    box-shadow: 0 2px 9px rgba(0, 0, 0, .28);
    text-decoration: none !important;
    transition: background-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.grani-toplink:hover,
.grani-toplink:focus {
    background-image: linear-gradient(180deg, #ffffff 0%, #eaeef1 100%) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .34);
    transform: translateY(-1px);
}
.grani-toplink:focus-visible { outline: 2px solid #ffffff; outline-offset: 2px; }
.grani-toplink__name {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
    color: #16202a !important;
}
.grani-toplink__note {
    font-size: 12.5px;
    line-height: 1.35;
    color: #5b6670 !important;
}
@media (max-width: 767px) {
    .grani-toplinks { gap: 10px; padding: 10px 0; }
    .grani-toplink { flex: 1 1 100%; max-width: none; padding: 11px 18px; }
    .grani-toplink__name { font-size: 16px; }
}

/* ─────────────────────────────────────────────────────────────────────────
   [8] ГЛАВНАЯ: первый экран (21.08.2026)
   ───────────────────────────────────────────────────────────────────────── */
/* Exo 2 800, кириллическое подмножество — лежит у нас, а не на Google Fonts */
@font-face{font-family:"Exo 2";font-style:normal;font-weight:700;font-display:swap;
  src:url(data:font/woff2;base64,d09GMgABAAAAAB+AAA8AAAAASjgAAB8gAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGoESG6tIHC4GYD9TVEFURACCSBEICs4gvEELgWgAATYCJAODTAQgBYQKB4hfG2s/FdwYuj0OALMbtijKBmVs8f+3BE5kSDsNdLtX0SFa2zUOqQS5TqIU78lwSM4ZhMiUuZYLszANYvnQmxYay2688lN4Kv1UhNAfUyZGKcSydvXqY2vq+82I8k7L6Gvc+w5e3tzlCI19kssDuh/52t8jIHu5+I0dSgCWyI4ofkbOoZtDclPUA35O/97LiwkQSELiWDAPFjMshGAhDgkQxCtKldaxCtvK77wyIxWdiXf7JbVpbRTRweb2UBLKogCDoFwCLZPE/mq//UDzWskMKRCZThP9IqJPdO8cZbqRwJWV76C7cFzQAgdmWDlmBXais4dJJBtfIMv/f+penwzLk/x/CkAzjzBsvRNYVph9PUC7ZWkO+hd4CsFeWhOeukzd2oAAAo4Pdab8o1QCUwEIxq4PIwA46BiTBwqx5CtMWyMAQZ3GUt8DAI9symba3mpvDaj7d7DymbH9dxeEMuOmWu3J+7e72hOYBCbQPRhYb5Qu85JZAaDSZVhggoeEK4SKqOSi8WT6NJ2hSunWXaoyLsNF28TGMusAxh7ai05YJXZf3Q39vtEbq+tJTkoIQYInQYp4c/6/CKdDMuKoefwHEKAYAJyCioPAQeDhIUjIEDTxEDw8CBExRJIkCDk5RI48iFKlEOUqIJRUEBomiGrVEDYNEE2aIJycED4+iEGDcBAIUA6BGIQAlZScsHkLahyQ+lg50gepz5FgLyS+/WMDkAoDZCmACIi1A3THppEBYN8URnZ6gAI3AhYKx8IIEo+HpHsILv8AEmxoMvyyat/5An7U+R2veQFc1E57Kv8xD1lw0Ixdtp7AROdVxgyA7tIJgUSXZkigoGkeboZcmObKa+V267AA5RBz82L6aWbit7F98VU6+FY8D9AEM2ErtMAwjIGfwAqZxRVfg/JlERkQKBy8zU2joWNgYokRKw5bPJ7dLAlajlxRajA5wVuilo6egVFFtdebOPncoPS0TEI5ANFQpKdHgkqAAdNEEDiAQVqPMPYC4wHAVQMVC+Oa7qA70KgchFpF/WMTVzS8BwS5lvHZxQjSA1efRRyxdMNxkInhsCtPGXnYFqoNWRnhdEHDAgIFCzsPryAUnuWlYewajkdDeDVUMANfg63qRP3VX5h26UcbOP4U99PRtSb3T4AmKaqfRB3Ndqwo7FNylkDDom2BzskpDpO9tBHn/DaAeGdv4lyys/5ZbWuDlJbxUC6z1OMBh+pP/0IVp7aCb2IvIWnvEC2UE0K2jcAPNPnL9JnNgoRJBXIGkqOfpokTFiYOjS7ZWu8pslVUxHAkuFJXonwMd5lw02OM/g2ihgyoMZmUVq148M7pYPuJU1MslyKy4nrFIpkKoqiiCmxCgN+uq+aN15wb30WEn0s2x5gya7ztkW5bE7ucAFFD6EZ4U84AqSEE6libSuI4K8l4Ndko1vpXqRvyLdF8BXxUXQDXSq1H+0N0w4wrMZcx12gVOymmu4uwtXUA0SuHVTzNlA8uqYMK1gZDdzh7HsufSC3n3lC8sagbeYu/8aIP+iJTDpXBNS3dM3mHr5+23XVZzUe87nNnwbp2QhbBv1UpUdt/0amedC+0cIgfHuLOpiUXJN2y613uFviH0lyYlP322GiBXJVzcXRY3KH7huajEWhzd/CCnTuOtGkt7Q1yl1wWLaPDygraHZO7wkbori7b8MaiujzyH2xcBxbpCL9DewQ9XDm7NeKX/kRZuNnpb5f0bnaGglsyMn+gvIpUSE1nieqhV0dIpV4NUf7fDoQDuwb/jzlowYBLGeadjfQ3Lwq/LtxdvU/2vDP0EgeUoMFhKEVVxqyYVQODRm61fDq1CglzQyD6oGtn0ApAWUSCK1dsR8GZXCex59kJAVmGl2EBtUAfkgL0ATwghnde8VEEfCRpEHgolcN1p4uHxGIJsxFIGGGjyfAZ4iCokOKZsiDS4QjAYDdA5CAiJoIOZiAyzFoeNJGRI0MsScxYhccGAEpoCTTQFuFhYHKq2KxjoHokriZZCqITY7hYq0TxQD2qK8WhdCZgQQFBonYlogSEJJioAr1wNBIKekA8gNJyILrYNp+UGPRpkRIEa7pCIjCEdSUVNckPhIUrZcmCezIXcgX7ady5bMCVy15jX7wID+KF2AosRVsOqxWM3JIdFyrk/h+QFw+H0Qdacb/mUpDOhNJ+QK4Dwq8YAfrZauTPQEioDC93ZEv3GALgc5JGIxTtAqPraKACyBDUCGXoxWoXcCKayQRpWCjS+0lgoOZg1jjs+YDiECwxJaXypEveNJ0WBxL+k7TigHWl5FSR9GkqPTU0cTXLWfYGjfTc2Q3+3AJ/6bCM5PUqQHywjcA8YLeHPAJQg6EYWbYsufLky5CpQLw4YqnwCIhIqGhP+9Zmk5CSSaqvoPTO0qpWqGh1hTLlqihPMWy7Rg7dU7MW7Zza+ASFKuDD26WCl4dfQAcXt04mBg1aUVQq0Q2B5P/UAcEowCfgB6g6BOrWAK+AawAJmv/LWahmwvfHLVEiSLAoNqsQOGhgsIibDgcbBR5JXNxCJAmTbicnEni0eQswGGtCDQDFh6xsQOwi4+xtAlVQiDGYWEJoJiqW+WKxfG4iNeAyOsZ6d0sxSa04KptNIxCw2xljMcYvBE2Begr+CpdwjWbEagmxMr7HEQ6mCTJZBepATBWWlkaj7d25XL7Gx1JcrJYiaiCeJnQ5QpaSqCQqPJAYzhVhrxYYrZJGpTHJ5k1hybGET4VhygZ4DzsiyPZiFDwdOo0ONKzRvTuP8twU5z0LCZS5+7jOcozrCoVoYIT6SlFE7nBWX4U/V8Sxm44x5DxFsXWc7aqLEWd6ubw5iJF0LUdfhZdUdG5PYvtouvRBfQxsy+hSaQIcDTCsc+waj4O9KAjmULPYNrSfAFd32NND/MbNvRa393rjM5BqjqQPSqQHULKCSQsv6yORmLchkfNzuBkBe9BzjsS2wsTOKGPXcEvjQYp0wxK+UdpEfJAKdnqOX5U+73hyB1lMjOHZX28BJAayc35sE4UkB2l8iyMafC1/tFm4exBLonD2oJZ/Pv0RoJ+3SDjq4mMcUi9r5WnhlcwP40ACZP2onod67TuAduERPDCnXeHjcim5oPjcAbBkm5re+j1wi2pwLcYVjHZ+gqux7jOhEtd1bQJNByQTkQRXtQAjbYn2MesNnOJwOTxzXrMpilykicuChJwMF4hQRJ1dITJHlZeTpRCumUela+nwMm5EIljedNghNFaiR7wR+7NRInfiaZo6+iUSWa70sHlcUlvaJ+khQgXaofmJgT6KJis+wMY7N2A/egT85BjuIHIn1pgYpmM0SeISaUgDJBEg7YtLCnVeNkhcNLlDWIXBy4HzOFCadhtK0kLitrz3CYj0GkB5J1DNaUyT6JCrbXO13SIU4O3Vv5GGaAPKhGU7OG03C6pdyAk/6fvwBi+uRwuSLS24gSmBSKqgGX6LU3zRwVbrrEVmtomm1q+rXx+HFWV6ff9ymYfrlIUMz73ZAPV1FngM6N58LYstndgqe6LQSxpJXTDIklMiRoKyMBemq2E0nDf7DWizQgDXq8WpHuRDV9bVVLLizQDYdbeDreVCBmxChdUmynaLyRyr98OhFXtfeUcQe2TVDXIpGejQqBZbqVkSD14sfRzSoJOUIQVG0hgTKsaaBFq0SOqmh34KMU2Te5F3DeA6uudrnNteVNZDXDK7BsrngznvGEdyIA2QBfvZmQNx2COsief2l84vu/jRCk8LJRTVb10vmPmt1Ypc2Gdl1Hc8ZtCyq0tpIFn1vi9Ub+DfqR2d2HGrh74Rx4anJwjmxZrFtiGZpYEUwOR7eC/+MLbEysY+42iha5sfYUaoU8TcKOAz49FcOCG+0LTXBfE8Nxwq84vJWTZBeKcfTFPfEW0rTEzYfrYJty49j2DpFC9sYTPMfZRw2+miV3EOAhfMHWTR6FedzQ0IiYKsmR/7OJKVDuUTEIoR+YgZL2Qpjk9kHooSOdCAYbCt14lfPL5UZgHf1Xgzc80X05TZ4DGjANOP2rmvVqR9qlSi/IcViJuKVLyvYenzOhrgoZ+6RRonGI/2YrT9IofQDOXxfUJNhVpIyIljVlN1WYJHxh63wLSNhyAYHE0ydFMijmSBwqz9Sg/T7Z1iYzulkoWrYg+6e36Th3kjlvX6N4v5wEicuGh0hbASScQaxT5vhaa2Lm8cbwvAiu9T0sVfjRDW9pp84Rb65yQ2uqjCXJDt3B7IBVMuUCoUHJX0EZhpA8CkSq4LLQJZj7I9RoCToI2idBH6qUe9S8ptamIt6hkETSwOq1GJxmDqoMOS9UzJflh/ma6sWYMUsC3VPbQe5jc+us5DYMOCbSq1DCFEiWRXhXHDUgsyZeItkyP3olZZ07FNhN9nNa9bIFyOFlFlHmO7NDIq8fGum7yNl2U01RAe6dUImCGDLqgmsDCWS/AIWEaS2jLlp2sjxcNmlO6Uw8ARKm3ekU2KDhu7nQ3ze9AWbQDm/Vr5aplUhIdeG5ONtxQ1sWx08MVvSqjamU8hPRObQMtefoAiZM4li0NqIDAMI1v+awY5qnee1uS7CXeCrAfnr1dFHGtDR0TeiW5d568ab+eShn7CRkyudc26FmUTxP23Ybf+Y0IXfevOY7KAVgaJG74frcRawW/WieuyjsZ1Cc5W6td8PxfVVbOTTn/hWTVZXw/4yMxfmj/b76v4nzeygZ8bOPj50zr0Wqnm5bj/20ZDKfz1R2pV0hPP8UU6cFldpwZ+oNeU4yXj8+o/nMltu3jjSMM/d5WqsAXd8j9N6arPOX3hXeoF+c0X+D/ur06oOecMi3JrTVZFjRpPqCeoXI2mvNqQqFEXgEZchNEztA1pz/iP08xK5PBN/z/qxznJKalfpyuadfB8uGfUiraAKbI/Ah+N1z+A6omE/qv883zCfIraVj9YvXgAuvGvEMI38E1Zse+hMR7zaRhejMyb2oUXRHgrc2VCSOLMbl7akNtcelJ4nuCus9fqXz5GPTSwcKGj92Lve4MW+qmH4MPx0mEYwP1BGCDztvN8ZpJ3/ozeGMCGoVRrq1E+oLJVqziH+g6BQhth68RBkdXv7CRs3jEjsyWNcGoPC1rTxmX6xyXQI56SapO6E8zyBLOsW6o9LApLHpfp08YFrYc5tUkjMtvMqs2ETmeDyCoOsnXb4sOh8MfxL8rI2mf30NSC6ExUQFeve5Kilb34UXy4MwyEc21douxak7W45k9CLaHS1WjKqe0UNSic+HpamBqaHCIrUp+Rp6Vnvi/fCl1bgNWPlyXFP56i8BAxSjgxSIKJkcjMPRxlCWF55cOX790XmZnhqOX4ydqTvx+A9sV4vTQktvicY4S5HQ/IbCkj3NrD/NaU8RR9VTr0pOWlaCXdbPN3L8rIuifWGfpZOhi5HB9eE4aGxd6fKsrwGvIAvZ1V826NxtDCbaKMEwQ/bXnvGMlCdJop+/YlR+YjkPdApITDW7k7oSJ24PG9hb7CJwcej2FX7OGt5JTuzT/c6mwZMtPNE+aWtqkC+G4kMh85SBolje4jicjV8qx9WKa3iXd0dysmHDB7iAzAkLthRfFRbsjt4nYdLS5q4S6Xu8mjwqb1Env3bV5m2wVff1qOv7U1yx9MbclpIVZTXfvQ6or1yqHnczOzcl+QuzYhAUb/nAXXDDy++tifztdj85eog4j/u6zCSU6gpcXVZ7LQ4MZ9RBu820Gz9k7oFfdu3nzCFIIVKt/UnhWKFVC3+OhdTkZDFPP/+GojK/z8REXvfLwltHwTo3egkpWRPLw1dXxq9yPwaLp/n6BdJx9pdsgH2zVBD/19+wVOTQ+OZvmIU5e7d8jczlCwzYpStqFkY+ZuGlFSqmA/B+y16b4H/Dvnd/of6JuGvsUj9af99x33L9SL38zjwBe8v6sxkWfBA+bIfITU+3nvb/R8Bftph1YtwKsjkBqTxU+ZVtJ9y5vEDQxpu6OhWSrMJYAiEInsi7DdLt429mog7DJG5iLw1YjGFTOm3ttFceKA/aqjfzrWPnzY/10pj+EPdRMOyTogPNRLNMY5wPSUd0Ce43U06wvpSLGp3FCHm6H3Da1DWuSHISvr6kPpV7omgV4xaP3ybAwWQIkLalv61romOm1Oj3Zt43/yKD/IPunAj9oxTm1Om7raw3dz8qWu7e9MbaRxRfoKsCz2fsl/nI83UgZoLSzLYnWV3sHbTOk6c61q308LRCuhtQiz1JnMCZEDkRtw5o3W9JBqU7aCJSejz7YccaRN/6fkFeT7uQvOd7rCqdntttmXxptSq2yHGtxGep9vNdKU4otmpn/Tkfr/UJQSmY9sJPdd71tPbp8skD9TuJwyQe58ahwpEwTWzHOSmGs2Z9j5Km9dBb/2gj/WJFtLssWQew83o+9x5K8LBdy3ntu6M7dOoHHXVgqsr/uY0PJ0vhE7eok6hE5cyyp5jetvaeH6XyvROXEv04aiXpqlf6O+7N7Nmx2m+LxsPwSvNQALAxsKFUt8wOKjffOVy73cjtPFM9XIBFqK/nPUhBXLuvZBEL79Tfil5i1mmO3V1bHYZx8zA/l6BRNULzkdthbh/J30/xrwcw2f0dHo4NVRj1+OzEe6VhSvgGXP2od6VRnqqTYsU9mE2GHCQb1N9Mg9EUdC70u9h44XrEwIuV0JXSsLio62gMvdPwtHofBCVROYcGP0/sA6xJW6mCFPpp9MvYwOxQ2pLQUi3oaCt+8v+3A0fXMsHr+Ha8mpK2wbTHWSI/MR+MhHD7+ycl92BrdWyP5b9x7ez6kR1jKSiquT5G02a0rAoPAn5OcmFCqz+A8eXdJ8spkydemTqd8++d/onU1P6ymOp0dH7hhWKuYVoLmpckiy6gzGZezwnrdRZnbaMHaC7i9xk92EI2+A/Qvgr0zg8t4QJb58Jqxel+U0C3OyTeJDOYUV9RojFFItHnEXt57gLbHSV6S4zZoHMzRkNV5NZ3GG0HfnNn+a/myoaaNDgnvuqy07U+vac9NCjsbMoXBZRzj5oLii9Nay5MzjvxeWx6gPQub1Bnf8waLi+DnMgFNoKwqPOOOtFW1Qgw7TPLZV4BC33eQmd+f/aP9RxP00Pv5Ps5RVp4zQ3AV6pB4+1nZegfOmbjc6jw+9yHNw7TOrq36Pc+X6wIVtJYTe5ukrmD2koGnHwSE+8wRgS4EXsuvI9eKVeR2ekarMNby1gz2actX+S5SpwLTFF7KGLL5pP2VKfCm6KwopN9f1OqARdAZtc3zjZWklOSmcm/6ysEIZr7XkJHViKTTn0xZmLSHFPVJSMNzmLxwezOf9lu++KBZXSMT5EkmFWLL1kzcH8vOjnMSakegzOIx9RfSIqEm5n6MXN8wvcRE/5+o2vkX+llxg2fYdB/ycpXlxA1e/XzmLL39Er7Ax3DPRjbyatMaLAVfg+YsT/AMHlp2If3Djg/EvLnt0kj/x7MWAMwCfoZZwHKlMgZ/DdLi9VeWkzri64kFiL7kD68GyCwulCT+1yvYgzt2oiPhSXPyNUHK2E19I7rjtIYJsKboZcOyUFKyhdeE8cUN0MyU2Ngk3Ill4mgmsJQ6vduPX7+IwdlR0StikuofDtbi3ELhIp8h7hGsmH13PP3Jg68n4B+aiX1wI9gUBtxR6jbdMbqbYqdZVDx2xx+IZfZ08nd22sNyd41pS0aOzUTigFOCY5ybpEwx7XPEZrpV7xmCPY1AnJhnncEUbOWdK1J83NMZSC7Ua1ed7cuFdJToTbTkdfCvoOM05IO2me7Agb9jncacO5rvdp+YPe3x4sIyrN/VcjKaqEgOcTU09y9JUVv0+nwPOUnQ6ei46FW2E0GtdsBF76ifXd6QP2rOURT5hAUnD8yRJmlhqZRVTLRdKWxNideW/VXMeojLa3tFUZ6Nq5vLZx0B2M1GNqWnHma4JEyLMNrlKSt2mbFbMzAm6ezjILHD1FeQOe725w/35YF2KzkUVI1+PQPbSUze+4TqPaK4Dp6B6D2tIazNvzz+5/06zS/W7W1UwLuPn+JNjN3nvfx2W3Vw1XaAZ9nk0Q3TqqlUzBQGPL8TItTJU7eDJ9CqlTEc5qqsbeVKdUiXV03MgpX3m2uP4YMsHjt3uz0C2tOfq/O0DU7e3Xv3+zZzu+LLg7quO51z3ueKYZzrKmwzNQNAyWZ77F5em/dQpeFo5lRjki9+0Mf0/drGzq00l5T+8G52LwltL7r1RV/jjkNCqNkUfie75Bvua/JhtoR1Hz+SH7tNL0wHqFLyrIEuzUcckEnwVCdono3PIkvQS6dFO8qPAU7cEBOlGlTrd2CYwlzSAFs2n+iX9iFWU/rWA/3ai5C3nuseie6PAUTf76Du1CIwltgEo/rw+xCL6dwH5lzlvOtcDnzaTTwmH8oFbBaaSetCjUsLi4p2e94Zz4lV/9M+BP+Ff8Ua4jfIiou6xk1s45s5CLZEcHDvxxPCxLUS9hTI8vhTdEX37cYdXkGbEiZxvzLci1yUk73NDtZAp4S0J0/+f81IbqEsbXfw0baUqzegQ6IrqQYtKqV5JGDELfns7MfV81uuti6eik9GiU+5T7tJT0R1R+IdAO2Yjfkxqv+qDXN/s3biEdxTrRVeeUSlzNAFuvXgl3kwlt7N8WmmRIz82QWxeI7pcapEX7nLxoejvilbSE1RXVh2iyC72VFS6irKrGtCNFM9uD7UiMJ5XOOT1Fw6N5217f6hlCH6AwNgfLfxeTC9HQNlOu4/q2diAVuUmV1ZW1KXkKOqQLJrraRdZ+n7LYAt8XKuJ4c8zs4uzMzVZLZwFn+i92hd9+r1phtfq+Wm2yKHQjTWoUhJN2Z92f5OVVZKdpf5Gi5Ks/0Mfqd+1nT33q+iITPjjrwzr4HDudhEpjWRs/ko2d1G/r26yDoQ39R7O0cTOumDeQF9me0tXZtZAsI7bubKNQ6FFZ6PpT4cWQrbWtAN3y8vuHkhLO8AoK2ccAOJf6gb44JUW2jCO+DIvSDPezfoGbWflN+sFz2klmw6kHQwSVl7DDvxZKs3I+MnOzCZcnboK3fU7YZs3W+Ao1TnsKjzXlP2xhUVCS03LpbPsbx82jdz8zf0yPt40/G8/VLK/JCmx/kQ9rPmsLi1p5R449Vjn6ZaV1IxZ/t7p1aWKJt7W04+2nZ58miqcE8CG81/4rDav21rv81XXu73VNm9d8jKyYnNycrOivHlTlbXBCqQra1uTDTWZpaW1mSkGsz/TmCQrga6vWBJufMnc+slOYOKLKvDt4BMQ/L9R9sS5nvDXD2/HNwPPgPRnJLeOGKrlipJauZnmqB7Sl/m5zwNhFAKUGfYS4VUB+oiNnpMkgnbEa5B24yGtoA/EcQrGdO33sGuEDrdJthR8RYoAhnwYtJ4BWQ7aBBZQmqXg1wjUlfa/yoxN100aefAhaNtX/70sz1iEABxroIPaUiNeKh5F2iaGbVXjjtMcnqBYREMvZwbxeDEBF9medJyYb1Q/nC/fBWEETa4E4Um8QX7sYuO/lEfGpPgaT6JTQRxIxUk5L+YMPzzPZ968Sx5Vr1uS/119BgSIce+//MZDXmblbxIOdwnw9AEtFvB+ZObG3WvykqxYhCBAAQJ4xYC5ItPyT1/NJcuqB6pjazcIpodhxoi9l6mNKOUyAH6/P2Clo9nhHhOXgqDXmQe0IfEoXHFAeWdgPyWn02T3MVWDBZ1iakD0yxV20ragCHSck7vvBPeSsPPCQgBb7P+gft8Hew/zW2Vkk4PdS0bOPMlZzDLs5YkReFGtJ+iOmAzQWCWlRsUpKecjlaB8O0zLxFVMvsMtxQ4DUQHKARUn2lCLGCW51a6XXjPZ7VRzFwujEFspks8XJa8MJY5SSThzjekW20MYwQQBYyxHZ8QmDG7JoOFsqXGlxyEeLvXwMhoeLHqTTKPRYomRVRpE9BkIBkgrGICulv+nXszJCUgdv6zZjg8BDqiDVwIb/UDEcV/V9sNBEhnAIx9EuiIoXuuKInmuK47cwa4Yts1d8RKFuxLEau3CUELWFwJQLSGDKBxEKENEYVTeFVhmUD+/ARZjNHCfHh1aBKu6dBsL8NbzkFHlcvGSNiTIQjxxwNhI4mzUvxI5Bo3oYrDCoALZtAb16dQsaMSoHva2JArkyJMvj0G8JRnXpNgV6tQ7ZmAHaYrWEBI3qtM5eaWRPMgWEWSFzByxEkxOzGwLCw8KC+o4jWmMZy8GVd+8hLwQsS49NJyuCsjRUUiyZQ8a1AV/sEQTR+UmlNmZTU6Hvt8Cx47LP7QDwLDXGSHHlGRF1XTDtGzH9SzbcT0/CEEUJ2mWF2VVQ4QJZVxI1bRdP4zTvKzbfpzX/bwfDS0dPQMjEzMLq2o1atWpZ9PArpFDk2YtWrVxaufi5uHl4xfQoVNQKHC/bj3CevWFzm535f+el+9FovVn4AElIESIVUGwEhmpam0BKoJcBlBjW0qoqbktKio0SkF2UMdYBkKEmKqW3Ul1yJCjgCJVR5OgigpVS8k0iowmUxsCAoIFUbW35aFymwJLECLEqiCzEgkpMhXNDLkMgKJMXjYncxRVtTQT1FBXx1iFR4SYqlY7fo5yyJCjgCJVR5OgigpVS8k0iowmUxsyZMgsE1V7Wx3UFEgLIGNW7eedmMh3iwp8f/pfX7PluD10fN6X3+cPAAAA) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
/* picture не должен становиться flex-элементом вместо img */
.grani-hero picture{display:contents}
/* ============ ГЛАВНАЯ: первый экран «Грани» (внедрено 21.08.2026) ============
   Разметка — в /index.php, картинки — в /images/hero/.
   Чтобы откатить: удалить этот блок и блок <section class="grani-hero"> в index.php. */
.grani-hero{position:relative;display:flex;flex-direction:column;align-items:center;
  min-height:clamp(430px, calc(100vh - 250px), 720px);
  padding:0 46px 192px;overflow:hidden;background:#061a33}
/* фон — акварельная текстура; jpg объявлен первым как запасной
   для браузеров, не понимающих image-set */
/* фон — градиент, осветлённый вариант: тёмный край поднят с #03152a до #0b3358 */
.grani-hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.grani-hero__bg::before{content:"";position:absolute;inset:-15%;
  background:
    radial-gradient(58% 42% at 74% 20%, rgba(255,255,255,.13) 0%, rgba(255,255,255,0) 62%),
    radial-gradient(52% 38% at 26% 44%, rgba(255,255,255,.07) 0%, rgba(255,255,255,0) 66%),
    linear-gradient(158deg,#061a33 0%,#061a33 24%,#0a325b 48%,#0c4173 62%,#0e4f8a 76%,#0e4f8a 100%);
  filter:blur(2px);transform:rotate(90deg) scale(1.5)}
.grani-hero__bg::after{content:"";position:absolute;inset:-15%;
  background:linear-gradient(115deg,rgba(255,255,255,0) 34%,rgba(190,225,255,.13) 43%,rgba(255,255,255,0) 52%);
  filter:blur(26px);transform:rotate(90deg) scale(1.5)}
.grani-hero__logo{position:relative;z-index:1;display:block;width:auto;
  height:min(34vw, 44vh, 560px);margin:clamp(16px,3vh,54px) 0 0;
  filter:drop-shadow(0 12px 30px rgba(0,0,0,.5))}
.grani-hero__row{position:relative;z-index:1;flex:1;width:100%;display:flex;
  align-items:center;justify-content:center;gap:clamp(16px,3vw,46px)}
.grani-hero__pane{position:relative;flex:0 1 536px;height:clamp(140px, min(17vw, 28vh), 264px);
  border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;
  box-shadow:0 16px 38px rgba(0,0,0,.30);text-decoration:none!important;border:0;
  transition:transform .2s ease, background .2s ease!important;
  -webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}
/* та же анимация, что у плиток разделов: подъём + подсветка фона.
   box-shadow раньше тоже был в transition — анимация тени на крупном
   блоке грузит перерисовку каждый кадр и лагала, в отличие от плиток
   (transform/opacity — только композитор). Тень теперь статична. */
.grani-hero__pane:hover{background:rgba(255,255,255,.10);transform:translateY(-3px)}
.grani-hero__pane:focus-visible{outline:2px solid #6FB0FF;outline-offset:3px}
/* рамка: тонкая стальная линия по всему периметру */
.grani-hero__pane::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  pointer-events:none;
  background:linear-gradient(135deg,#ffffff 0%,#cbd2d9 18%,#8d959e 38%,#ffffff 54%,#aab2ba 72%,#79818a 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  /* своя прослойка композитинга: без неё в Safari при смене transform-слоя
     родителя (translateZ(0) выше) XOR-маска рамки на выходе из hover рвётся
     полосками — маска пересчитывается вместе со слоем родителя, а не кэшируется. */
  -webkit-transform:translateZ(0);transform:translateZ(0)}
.grani-hero__art{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  opacity:.26;z-index:1;pointer-events:none;max-width:none;
  filter:drop-shadow(0 6px 16px rgba(0,0,0,.35))}
.grani-hero__art--n{height:72%;width:auto}
.grani-hero__art--d{height:70%;width:auto}
.grani-hero__ttl{position:relative;z-index:2;display:flex;align-items:baseline;
  font-family:"Exo 2",Inter,Arial,sans-serif;font-weight:700;
  font-size:clamp(24px,3.75vw,54px);letter-spacing:.03em;line-height:1;text-transform:uppercase;
  transform:scaleX(1.42);transform-origin:center;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.grani-hero__ttl span{background:linear-gradient(180deg,
  #464c52 0%,#6c7278 18%,#949aa0 36%,#b9bec3 52%,
  #d6dade 66%,#eef1f3 78%,#ffffff 88%,#ffffff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:767px){
  .grani-hero{padding:0 18px 128px;min-height:calc(100vh - 52px)}
  .grani-hero__bg::before,.grani-hero__bg::after{transform:none}
  .grani-hero__row{flex-direction:column;gap:22px;justify-content:center}
  .grani-hero__pane{flex:0 0 auto;width:90%;height:clamp(130px,22vh,168px)}
  .grani-hero__art--n{height:72%;width:auto}
  .grani-hero__art--d{height:70%;width:auto}
  .grani-hero__ttl{font-size:clamp(22px,8vw,30px)}
  .grani-hero__logo{height:min(70vw, 36vh)}
}
/* ============ конец первого экрана ============ */
/* H1 главной — перенесён из шапки под первый экран */
.grani-hero-h1{padding-top:34px;padding-bottom:6px}
.grani-hero-h1 h1{margin:0}

/* Шапка убрана с главной страницы — 21.08.2026.
   Чтобы вернуть: удалить этот блок. Класс front_page тема ставит на body только на главной. */
/* .headers-container — десктопный шаблон, .header-container — мобильный.
   :has(.grani-hero) срабатывает только на главной, где есть первый экран. */
body.front_page .headers-container,
/* шапку на главной не прячем совсем, а уводим вниз — как на остальных
   страницах: логотип и меню там нужны, а сверху они спорят с первым экраном */
body.grani-hero-page .body,
body.grani-hero-page .layout{display:flex;flex-direction:column}
body.grani-hero-page .body > .main,
body.grani-hero-page .layout > main{order:1}
body.grani-hero-page .headers-container,
body.grani-hero-page .header-container{order:2;background:none!important;border:0!important}
body.grani-hero-page .layout > footer,
body.grani-hero-page .body > footer{order:3}
body.grani-hero-page .header__inner,
body.grani-hero-page .header__top-part,
body.grani-hero-page .header__bottom-part,
body.grani-hero-page .header-container > div{background:none!important;border:0!important}
/* .phones/.dop_block_header для шапки: актуальное display см. ниже,
   у [27] «Часы работы + шапка наверх» и [29] — то правило и решает. */
@media (min-width:992px){
  body.grani-hero-page .header__top-inner{position:relative}
  body.grani-hero-page .header__top-inner > .header-menu{position:absolute;left:50%;top:50%;
    transform:translate(-50%,-50%);margin:0}
}
/* заголовок страницы нужен поисковикам, но белая полоса под первым экраном
   мешает: убираем её с глаз, оставляя текст в коде */
.grani-hero-h1{position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
body.front_page .grani-hero,
body.grani-hero-page .grani-hero{min-height:max(600px, calc(100vh + 140px))}
@media (max-width:767px){
  body.grani-hero-page .grani-hero{min-height:calc(100vh + 30px)}
}

/* ─────────────────────────────────────────────────────────────────────────
   [9] ПЛИТКИ ВЫБОРА РАЗДЕЛА, вариант А (21.08.2026)
   ───────────────────────────────────────────────────────────────────────── */
/* ============ ПЛИТКИ ВЫБОРА РАЗДЕЛА, вариант А (тест, 21.08.2026) ============
   Разметка — page_blocks/grani_tiles.php компонента news/uslugi.
   Подключается из section.php только для разделов из $GRANI_TILE_PARENTS.
   Клипарты кладутся в /images/tiles/<код раздела>.png — появятся автоматически.
   Откат: удалить этот блок, вернуть section.php из бэкапа. */
.grani-tiles{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
  padding:30px;border-radius:20px;position:relative;overflow:hidden;
  background:linear-gradient(160deg,#14305A 0%,#0B1E3B 52%,#0F2B52 100%)}
.grani-tiles::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(52% 40% at 78% 8%, rgba(42,124,240,.20) 0%, rgba(42,124,240,0) 66%),
    radial-gradient(46% 36% at 14% 62%, rgba(42,124,240,.13) 0%, rgba(42,124,240,0) 70%)}

.grani-tile{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;
  min-height:250px;padding:22px 16px 20px;border-radius:18px;text-decoration:none!important;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:transform .2s ease,background .2s ease,border-color .2s ease}
.grani-tile:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.34);
  transform:translateY(-3px)}
.grani-tile:focus-visible{outline:2px solid #6FB0FF;outline-offset:3px}

.grani-tile__art{
  margin-bottom:14px;}
.grani-tile__art img{max-width:100%;max-height:150px;width:auto;height:auto;display:block}
.grani-tile__slot{width:100%;height:100%;min-height:132px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  border:1px dashed rgba(255,255,255,.32);background:rgba(255,255,255,.05)}
.grani-tile__slot i{font-style:normal;font-size:10px;letter-spacing:.06em;
  text-transform:uppercase;color:rgba(255,255,255,.78)}

.grani-tile__name{font-size:17px;font-weight:700;line-height:1.25;text-align:center;color:#fff}
.grani-tile__note{font-size:13px;line-height:1.35;text-align:center;margin-top:5px;
  color:rgba(255,255,255,.52)}
/* GRANI_TILE_NOTE_RESERVE — у плиток без подписи иконка (.grani-tile__art,
   flex:1) забирала себе всё место, а у плиток с двухстрочной подписью
   («Бытового инструмента», «Столярного инструмента») сжималась вдвое —
   .grani-tile__art отдавал место под вторую строку текста. Резервируем
   такую же высоту под подпись всегда, даже когда её нет, — тогда иконке
   везде достаётся одинаковый остаток. */
.grani-tile:not(:has(.grani-tile__note)) .grani-tile__name::after{
  content:"";display:block;margin-top:5px;height:16px}

@media (max-width:1100px){
  .grani-tiles{gap:14px;padding:24px}
  .grani-tile{min-height:230px}
  .grani-tile__name{font-size:16px}
}
@media (max-width:767px){
  .grani-tiles{grid-template-columns:1fr 1fr;gap:10px;padding:16px;border-radius:16px}
  .grani-tile{min-height:176px;padding:14px 10px 12px;border-radius:14px}
  .grani-tile__art{min-height:86px;margin-bottom:10px}
  .grani-tile__art img{max-height:96px}
  .grani-tile__slot{min-height:86px;border-radius:11px}
  .grani-tile__name{font-size:13px;line-height:1.2}
  .grani-tile__note{font-size:11px;margin-top:3px}
  /* нечётное число плиток даёт «сироту» в последнем ряду — растягиваем её */
  .grani-tile:last-child:nth-child(odd){grid-column:1 / -1;min-height:132px}
  .grani-tile:last-child:nth-child(odd) .grani-tile__art{min-height:70px}
  .grani-tile:last-child:nth-child(odd) .grani-tile__slot{min-height:70px}
}
/* ============ конец плиток выбора ============ */

/* ---- страница плиток: только плитки, шапка ниже, фон как на главной ---- */
/* срабатывает на любой странице, где выведен блок .grani-tiles */
body.grani-tiles-page{background:#061a33}
body.grani-tiles-page .body{display:flex;flex-direction:column;background:transparent}
body.grani-tiles-page .body > div[role="main"],
body.grani-tiles-page .body > .main{order:1;
  background:
    radial-gradient(52% 40% at 78% 8%, rgba(42,124,240,.20) 0%, rgba(42,124,240,0) 66%),
    radial-gradient(46% 36% at 14% 62%, rgba(42,124,240,.12) 0%, rgba(42,124,240,0) 70%),
    linear-gradient(158deg,#061a33 0%,#0a325b 44%,#0c4173 70%,#0e4f8a 100%);
  min-height:calc(100vh + 130px);   /* запас фона, чтобы шапка открывалась не сразу */
  padding:clamp(28px,6vh,70px) 0 40px;
  display:flex;align-items:flex-start;justify-content:center}
/* полоса шапки — ниже плиток; подвал остаётся последним */
body.grani-tiles-page .headers-container,
body.grani-tiles-page .header-container{order:2}

/* в контентной колонке остаются только плитки */
body.grani-tiles-page .page-top-info{display:none!important}
body.grani-tiles-page .right_block > *:not(.section-wrapper-list){display:none!important}

/* панель плиток теряет собственную подложку — фон теперь у всей страницы */
body.grani-tiles-page .grani-tiles{background:transparent;padding:0;border-radius:0;overflow:visible}
body.grani-tiles-page .grani-tiles::before{display:none}
/* боковое меню разделов на странице плиток не нужно */
body.grani-tiles-page .left_block{display:none!important}
body.grani-tiles-page .right_block{width:100%!important;max-width:none!important;
  margin:0!important;padding:0!important;float:none!important}
/* ---- МОБИЛЬНЫЙ ШАБЛОН: страница плиток ---- */
/* обёртка называется .layout, шапка — .header-container, контент — main */
body.grani-tiles-page .layout{display:flex;flex-direction:column;background:#061a33}
body.grani-tiles-page .layout > main{order:1;
  background:
    radial-gradient(58% 34% at 76% 6%, rgba(42,124,240,.20) 0%, rgba(42,124,240,0) 66%),
    radial-gradient(52% 30% at 12% 58%, rgba(42,124,240,.12) 0%, rgba(42,124,240,0) 70%),
    linear-gradient(158deg,#061a33 0%,#0a325b 44%,#0c4173 70%,#0e4f8a 100%);
  min-height:calc(100vh + 60px);padding:20px 0 34px}
body.grani-tiles-page .layout > .header-container{order:2}
body.grani-tiles-page .layout > .scrollbar-filter{order:2}
body.grani-tiles-page .layout > footer{order:3}
/* в контенте остаются только плитки */
body.grani-tiles-page .layout main > .page-top-info{display:none!important}
body.grani-tiles-page .layout main .maxwidth-theme > *:not(.section-wrapper-list){display:none!important}
/* ---- конец страницы плиток ---- */

/* ─────────────────────────────────────────────────────────────────────────
   [10] ПРАЙС КАРТОЧКАМИ (24.08.2026)
   ───────────────────────────────────────────────────────────────────────── */
/* ============ ПРАЙС КАРТОЧКАМИ — внедрено 24.08.2026 ============
   Страницы услуг светлые, поэтому блок цен получает свою тёмную подложку.
   Откат: удалить этот блок целиком. */
.block_price{
  position:relative;margin:34px 0;padding:28px 26px 32px;border-radius:18px;overflow:hidden;
  background:
    radial-gradient(52% 40% at 78% 8%, rgba(42,124,240,.20) 0%, rgba(42,124,240,0) 66%),
    radial-gradient(46% 36% at 14% 62%, rgba(42,124,240,.12) 0%, rgba(42,124,240,0) 70%),
    linear-gradient(158deg,#061a33 0%,#0a325b 44%,#0c4173 70%,#0e4f8a 100%)}
.block_price h2{font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;
  margin:0 0 18px;color:#fff}
.block_price .tables-responsive{overflow:visible}
.block_price .colored_table{width:100%;display:block;border:0;margin:0}
.block_price .colored_table tbody{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.block_price .colored_table td{border:0;padding:0;background:none}

/* заголовок группы */
.block_price .colored_table tr:has(label){grid-column:1/-1;display:block;margin:16px 0 0}
.block_price .colored_table tr:has(label) td{display:block}
/* белые полоски по бокам прайса — рамка tbody из старой темы */
.block_price .colored_table tbody{border:0!important}
.block_price .toogle,
.block_price .toogle > section,
.block_price .toggle-content,
.block_price .tables-responsive{border:0!important;background:none!important;
  box-shadow:none!important;padding:0!important;margin:0!important}
/* внутри прайса заголовок — металлический текст, старая плашка на span[style] не нужна.
   Селектор с [style] специфичнее обычного, поэтому дублируем с тем же весом. */
.block_price table.colored_table label span[style],
.block_price .toogle > section > label span[style]{background:none!important;
  color:inherit!important;padding:0!important;display:inline!important}

/* фон серой плашки из старой темы — гасим только у аккордеонных заголовков */
.block_price section.toggle > label,
.block_price section.toggle.active > label{background-color:transparent!important}

/* стрелка аккордеона: тема рисует её треугольником из бордюров в label::before */
.block_price .toogle > section > label::before,
.block_price .toogle > section.toggle > label::before,
.block_price .toogle > section.toggle.active > label::before,
.block_price .toogle > section > label::after,
.block_price .toogle > section::after{display:none!important;content:none!important;
  border:0!important;width:0!important;height:0!important}
/* содержимое аккордеона всегда раскрыто — сворачивать больше нечем */
.block_price section.toggle .toggle-content{display:block!important}

/* заголовок группы — единый вид для обеих разметок прайса:
   таблица (tr > td > label) и аккордеон (section.toggle > label) */
.block_price .colored_table label,
.block_price .toogle > section > label{display:block;font-size:19px;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;padding:0 0 12px;margin:0;
  border:0;border-bottom:1px solid rgba(255,255,255,.16);border-radius:0;
  background:linear-gradient(180deg,#FFFFFF 0%,#D6DCE3 46%,#9AA3AC 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  cursor:default;pointer-events:none}
/* стрелки-плюсики аккордеона из старой темы не нужны */
.block_price .toogle > section > label > i{display:none!important}
.block_price .colored_table label span{background:none!important;color:inherit!important}

/* строка подписей колонок не нужна — подписи есть в каждой карточке */
.block_price .colored_table tr:has(b){display:none}

/* карточка позиции */
.block_price .colored_table tr:not(:has(label)):not(:has(b)){
  display:flex;flex-direction:column;gap:10px;min-height:148px;padding:18px;
  border-radius:16px;background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:transform .2s ease,background .2s ease,border-color .2s ease}
.block_price .colored_table tr:not(:has(label)):not(:has(b)):hover{
  background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.34);transform:translateY(-2px)}
.block_price .colored_table tr td:first-child{flex:1;min-width:0}
.block_price .colored_table td a{color:#fff;font-size:16px;font-weight:600;line-height:1.3;
  text-decoration:none;display:block;border:0}

/* цены: без карты — главная, с картой — под ней */
.block_price .colored_table td:nth-child(2),
.block_price .colored_table td:nth-child(3){font-variant-numeric:tabular-nums;line-height:1.1}
.block_price .colored_table td:nth-child(2){font-size:24px;font-weight:800;color:#fff}
/* подпись «без карты» только если у позиции реально есть вторая цена (с картой) —
   иначе подпись без пары вводит в заблуждение (28.08.2026) */
.block_price .colored_table tr:has(td:nth-child(3)) td:nth-child(2)::before{content:"без карты";display:block;font-size:10px;
  letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.36);
  font-weight:700;margin-bottom:4px}
/* кухонный нож — вместо «без карты» три размерные категории (28.08.2026) */
.block_price .colored_table tr.grani-tiered td:nth-child(2)::before{content:"до 12 / до 18 / от 18 см";display:block;font-size:10px;
  letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.36);
  font-weight:700;margin-bottom:4px}
.block_price .colored_table td:nth-child(3){font-size:14px;color:#8FD0FF}
.block_price .colored_table td:nth-child(3)::before{content:"с картой  ";font-size:10px;
  letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.34);font-weight:700}
.block_price .nodisc{font-size:14px;color:rgba(255,255,255,.34)}
.block_price a:focus-visible{outline:2px solid #6FB0FF;outline-offset:2px}

@media (max-width:1023px){
  .block_price .colored_table tbody{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .block_price{padding:18px 14px 22px;border-radius:14px;margin:24px 0}
  .block_price h2{font-size:19px}
  .block_price .colored_table tbody{grid-template-columns:1fr;gap:10px}
  .block_price .colored_table tr:has(label){margin:20px 0 2px}
  .block_price .colored_table label,
  .block_price .toogle > section > label{font-size:16px;letter-spacing:.05em;padding-bottom:10px}
  body.grani-price .grani-back{padding:13px 20px;font-size:15px;margin-bottom:16px}
  .block_price .colored_table tr:not(:has(label)):not(:has(b)){
    min-height:0;padding:14px 16px;border-radius:14px;
    display:grid;grid-template-columns:1fr auto;
    grid-template-areas:"name name" "main card";align-items:end;gap:10px 14px}
  .block_price .colored_table tr:not(:has(label)):not(:has(b)) td{min-width:0}
  .block_price .colored_table tr td:first-child{grid-area:name}
  .block_price .colored_table td a{font-size:15px;overflow-wrap:anywhere}
  .block_price .colored_table td:nth-child(2){grid-area:main;font-size:21px;white-space:nowrap}
  .block_price .colored_table td:nth-child(3){grid-area:card;font-size:13px;text-align:right;white-space:nowrap}
  .block_price .colored_table td:nth-child(3)::before{content:"с картой "}
  .block_price .nodisc{font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .block_price .colored_table tr{transition:none!important}
}

/* дисконтная карта — одна строка под всем прайсом раздела (29.08.2026) */
.grani-discount-note{display:flex;align-items:flex-start;gap:9px;margin-top:22px;
  padding-top:16px;border-top:1px dashed rgba(255,255,255,.16);
  font-size:13px;color:#8FD0FF}
.grani-discount-note svg{flex-shrink:0;margin-top:2px}
.grani-discount-note span{flex:1;min-width:0}
.grani-discount-note b{color:#fff}
/* в ремонте карты нет — гасим строку тем же классом, что прячет «без карты» */
body.grani-remont .grani-discount-note{display:none}
@media (max-width:767px){
  .grani-discount-note{margin-top:16px;padding-top:13px;font-size:12.5px}
}
/* ============ ПЕРЕКЛЮЧАТЕЛЬ «ПЛИТКИ / СПИСОК» — внедрено 29.08.2026 ============
   Разметка и JS — в include/grani/price.php (GRANI_VIEW_TOGGLE), правится там.
   По умолчанию плитки (как было); класс .view-list на .block_price переключает
   в список. Откат: удалить этот блок целиком + кусок GRANI_VIEW_TOGGLE в price.php. */
.grani-view-toggle{position:absolute;top:17px;right:26px;z-index:2;
  display:flex;gap:4px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:4px}
.grani-view-btn{display:flex;align-items:center;justify-content:center;
  width:36px;height:32px;border:1px solid transparent;border-radius:9px;
  background:none;color:rgba(255,255,255,.55);cursor:pointer;
  transition:background .15s,color .15s,border-color .15s}
.grani-view-btn svg{width:17px;height:17px;pointer-events:none}
.grani-view-btn:hover{color:rgba(255,255,255,.85)}
.grani-view-btn.active{background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.28);color:#fff}
.grani-view-btn:focus-visible{outline:2px solid #6FB0FF;outline-offset:2px}

/* строка позиции — горизонтально вместо карточки */
.block_price.view-list .colored_table tbody{display:block}
.block_price.view-list .colored_table tr:not(:has(label)):not(:has(b)){
  display:flex;flex-direction:row;align-items:baseline;gap:18px;
  min-height:0;padding:13px 4px;border-radius:0;background:none;
  border:0;border-top:1px solid rgba(255,255,255,.09);
  backdrop-filter:none;transform:none!important}
.block_price.view-list .colored_table tr:has(label) + tr{border-top:0}
.block_price.view-list .colored_table tr:not(:has(label)):not(:has(b)):hover{
  background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09);transform:none}
.block_price.view-list .colored_table tr td:first-child{order:1;flex:1;min-width:0}
.block_price.view-list .colored_table td:nth-child(3){order:2}
.block_price.view-list .colored_table td:nth-child(2){order:3}
/* без подписей «без карты» / «с картой» — в строке им не место, только цифры */
.block_price.view-list .colored_table tr:has(td:nth-child(3)) td:nth-child(2)::before,
.block_price.view-list .colored_table td:nth-child(3)::before,
.block_price.view-list .colored_table tr.grani-tiered td:nth-child(2)::before{
  content:none;margin:0}
.block_price.view-list .colored_table td:nth-child(2),
.block_price.view-list .colored_table td:nth-child(3){
  flex:0 0 auto;text-align:right;white-space:nowrap;line-height:1}
.block_price.view-list .colored_table td:nth-child(2){font-size:20px;font-weight:800;color:#fff;min-width:70px}
.block_price.view-list .colored_table td:nth-child(3){font-size:14px;font-weight:600;color:#8FD0FF;min-width:56px}
.block_price.view-list .nodisc{display:none}

/* строка-подпись «без карты / с картой» — не своя строка, а наложена
   на уровень первого заголовка группы (легенда стоит перед ним в разметке
   и вынута из потока, поэтому заголовок поднимается на её место сам).
   В плитках прячем целиком — иначе рисуется лишняя пустая карточка. */
.block_price .colored_table tr.grani-price-legend-row{display:none}
.block_price.view-list .colored_table tr.grani-price-legend-row{
  display:flex!important;border:0!important;padding:0!important;margin:0 0 8px;
  min-height:0;gap:14px;justify-content:flex-end}
.block_price.view-list .colored_table tr.grani-price-legend-row td:first-child{display:none}
/* в ремонте скидки по карте нет — подпись про карту там ни к чему,
   тем же маркером, что уже прячет «без карты» в плитках и строку про карту */
body.grani-remont .block_price.view-list .colored_table tr.grani-price-legend-row{display:none!important}
/* от планшета и шире — места хватает, кладём подпись на строку заголовка группы */
@media (min-width:768px){
  .block_price.view-list .colored_table{position:relative}
  .block_price.view-list .colored_table tr.grani-price-legend-row{
    position:absolute;top:3px;right:4px;z-index:1;margin:0;pointer-events:none}
}
.block_price.view-list .colored_table tr.grani-price-legend-row td:nth-child(2),
.block_price.view-list .colored_table tr.grani-price-legend-row td:nth-child(3){
  font-size:11px!important;font-weight:700!important;letter-spacing:.06em;
  text-transform:uppercase;line-height:1.2;white-space:nowrap}
.block_price.view-list .colored_table tr.grani-price-legend-row td:nth-child(2){color:rgba(255,255,255,.6)!important;order:2}
.block_price.view-list .colored_table tr.grani-price-legend-row td:nth-child(3){color:#8FD0FF!important;order:1}

/* ниже 600px старое правило «таблица в список» перебивает tbody на grid!important
   (оно гасит древний тему-дефолт) — здесь для .view-list берём верх обратно */
.block_price.view-list table.colored_table tbody{display:block!important}
.block_price.view-list table.colored_table tr:not(:has(label)):not(:has(b)){
  padding:13px 4px!important}

@media (max-width:767px){
  .grani-view-toggle{top:18px;right:14px}
  .grani-view-btn{width:32px;height:29px}
  .grani-view-btn svg{width:15px;height:15px}
  /* узко для одной строки: название сверху, обе цены — под ним справа */
  .block_price.view-list .colored_table tr:not(:has(label)):not(:has(b)){
    display:grid!important;grid-template-columns:1fr auto auto;
    grid-template-areas:"name name name" ". card main";
    align-items:baseline;column-gap:10px;row-gap:4px;flex-direction:unset}
  .block_price.view-list .colored_table tr td:first-child{grid-area:name;order:initial}
  .block_price.view-list .colored_table td:nth-child(3){grid-area:card;order:initial}
  .block_price.view-list .colored_table td:nth-child(2){grid-area:main;order:initial}
  .block_price.view-list .colored_table td a{font-size:14.5px}
  .block_price.view-list .colored_table td:nth-child(2){font-size:17px;min-width:0}
  .block_price.view-list .colored_table td:nth-child(3){font-size:12.5px;min-width:0}
  /* строка-подпись на мобильном по умолчанию — своя строка (наложение на
     заголовок группы часто не помещается, длинные названия занимают всю
     ширину). Если места справа от заголовка хватает — JS (init.php,
     graniFitPriceLegend) добавляет класс .grani-legend-fit и подпись
     переезжает на ту же строку, что и заголовок, как на десктопе. */
  .block_price.view-list .colored_table tr.grani-price-legend-row{gap:10px}
  .block_price.view-list .colored_table{position:relative}
  .block_price.view-list .colored_table tr.grani-price-legend-row.grani-legend-fit{
    position:absolute!important;top:2px!important;right:2px!important;
    flex-direction:column!important;align-items:flex-end!important;
    gap:1px!important;margin:0!important;pointer-events:none;z-index:1}
  .block_price.view-list .colored_table tr.grani-price-legend-row.grani-legend-fit td:nth-child(2),
  .block_price.view-list .colored_table tr.grani-price-legend-row.grani-legend-fit td:nth-child(3){
    font-size:8px!important;line-height:1.3!important}
  .block_price.view-list .colored_table tr.grani-price-legend-row td:nth-child(2),
  .block_price.view-list .colored_table tr.grani-price-legend-row td:nth-child(3){
    font-size:9px!important;min-width:0}
  /* тот же порядок, что на десктопе: сначала «с картой», потом «без карты» —
     общее правило order:initial для обычных строк сбило порядок и здесь */
  .block_price.view-list .colored_table tr.grani-price-legend-row td:nth-child(2){order:2}
  .block_price.view-list .colored_table tr.grani-price-legend-row td:nth-child(3){order:1}
}
/* ============ конец блока переключателя ============ */

/* ============ конец блока прайса ============ */

/* Гасим старое правило «таблица в список» (оно ниже 600px) внутри нового прайса:
   оно рисовало рамки вокруг заголовков групп и по краям таблицы. */
@media (max-width:600px){
  .block_price table.colored_table,
  .block_price table.colored_table td{border:0!important;padding:0}
  .block_price table.colored_table tbody{display:grid!important}
  .block_price table.colored_table tr{padding:0;border-bottom:0!important;width:auto}
  .block_price table.colored_table tr:has(label){padding:0!important;border:0!important}
  .block_price table.colored_table tr:not(:has(label)):not(:has(b)){padding:14px 16px!important}
  .block_price .tables-responsive{border:0!important;padding:0!important}
}

/* Позиции без своей страницы — обычный текст, а не ссылка: им нужен белый цвет,
   иначе на тёмной подложке они почти не читаются. */
.block_price .colored_table tr td:first-child{color:#fff;font-size:16px;font-weight:600;line-height:1.3}
/* Обёртки таблицы внутри прайса не должны рисовать свои рамки и отступы. */
.block_price .toogle,
.block_price .toogle > section,
.block_price .toggle-content{border:0!important;padding:0!important;margin:0!important;background:none!important}

/* ─────────────────────────────────────────────────────────────────────────
   [11] СТРАНИЦЫ ПРАЙСА: шапка, логотип, кнопка возврата
   ───────────────────────────────────────────────────────────────────────── */
/* ---- СТРАНИЦЫ ПРАЙСА: тот же приём, что и на странице плиток ----
   Вся страница в фоне, сверху ничего лишнего, шапка ниже контента.
   Срабатывает там, где шаблон вывел маркер .grani-usluga. */
body.grani-price{background:#061a33}
body.grani-price .body{background:transparent}
body.grani-price .body > div[role="main"],
body.grani-price .body > .main{order:1;
  background:
    radial-gradient(52% 40% at 78% 8%, rgba(42,124,240,.20) 0%, rgba(42,124,240,0) 66%),
    radial-gradient(46% 36% at 14% 62%, rgba(42,124,240,.12) 0%, rgba(42,124,240,0) 70%),
    linear-gradient(158deg,#061a33 0%,#0a325b 44%,#0c4173 70%,#0e4f8a 100%);
  min-height:calc(100vh + 130px);
  padding:clamp(24px,5vh,56px) 0 48px}
body.grani-price .headers-container,
body.grani-price .header-container{order:2}

/* сверху убираем крошки и заголовок — как на странице плиток */
body.grani-price .page-top-info{display:none!important}
/* левое дерево разделов не нужно */
body.grani-price .left_block{display:none!important}
body.grani-price .right_block{width:100%!important;max-width:none!important;
  margin:0!important;padding:0!important;float:none!important;
  display:flex;flex-direction:column}
/* порядок: кнопка возврата, прайс, «как передать», остальное */
body.grani-price .right_block > *{order:4}
body.grani-price .right_block > .grani-back{order:2}

body.grani-price .right_block > .grani-ways{order:4;margin-top:28px}
/* всё остальное на странице услуг — тизеры-повторы, описание, награды,
   «другие услуги» — убрано, как и на странице плиток. Если что-то из
   этого понадобится вернуть, работать с .right_block > .mt-40,
   .section-wrapper-list, .text_after_items, .dop_bloki отдельно. */
body.grani-price .right_block > :not(.grani-logo):not(.grani-back):not(.block_price):not(.grani-ways):not(.grani-search):not(.grani-search__count):not(.grani-poisk):not(.grani-contacts):not(.grani-head){
  display:none!important}

/* прайс больше не нуждается в своей подложке — фон теперь у всей страницы */
body.grani-price .block_price{background:none;padding:0;border-radius:0;margin:0}

/* блок «как передать инструмент» временно убран — не вписывался в оформление */
body.grani-price .grani-ways{display:none!important}

/* «как передать» на тёмном */
body.grani-price .grani-ways{background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.18);border-radius:18px;color:#fff}
body.grani-price .grani-ways *{color:#fff!important;border-color:rgba(255,255,255,.18)!important}
/* карточки-раскрывашки внутри — у них свой белый фон, гасим отдельно */
body.grani-price .grani-ways__card{background:rgba(255,255,255,.06)!important}
body.grani-price .grani-ways__btn:hover{background:rgba(255,255,255,.10)!important}
body.grani-price .grani-ways__name::after{border-color:rgba(255,255,255,.55)!important}
body.grani-price .grani-ways__step{border-top-color:rgba(255,255,255,.16)!important}

/* кнопка возврата — светлая на тёмном */
body.grani-price .grani-back{display:inline-flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.055);color:#fff;
  border:1px solid rgba(255,255,255,.18);border-radius:16px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  padding:16px 26px;font-size:17px;font-weight:700;text-decoration:none;
  align-self:flex-start;margin-bottom:22px;
  transition:transform .2s ease,background .2s ease,border-color .2s ease}
body.grani-price .grani-back:hover{background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.34);color:#fff;transform:translateY(-2px)}
body.grani-price .grani-back svg{width:20px;height:20px;flex:0 0 auto}

/* логотип над кнопкой возврата на страницах прайса */
body.grani-price .right_block{position:relative}
body.grani-price .grani-logo{display:block;margin:0;line-height:0;
  position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2}
body.grani-price .grani-logo img{width:auto;display:block;margin:0 auto}
body.grani-price .right_block > .grani-logo{order:1}

/* полоса с двумя кнопками разделов в шапке на страницах прайса не нужна */
body.grani-price .grani-toplinks,
body.grani-price .header__top-sections-inner{display:none!important}

@media (max-width:767px){
  body.grani-price .grani-logo{position:static;transform:none;
    margin:22px auto 18px;left:auto}
  
}
/* градиент кладём на общего родителя, чтобы он шёл сквозь контент и шапку */
body.grani-price .body{
  background:
    radial-gradient(52% 30% at 78% 6%, rgba(42,124,240,.20) 0%, rgba(42,124,240,0) 66%),
    radial-gradient(46% 26% at 14% 46%, rgba(42,124,240,.12) 0%, rgba(42,124,240,0) 70%),
    linear-gradient(158deg,#061a33 0%,#0a325b 44%,#0c4173 70%,#0e4f8a 100%)!important;
  display:flex;flex-direction:column}
body.grani-price .body > .main{background:none!important}
/* флекс-колонка сжимала шапку: высота становилась меньше содержимого,
   и график работы вылезал на подвал. Запрещаем сжатие и даём воздух снизу. */
body.grani-price .body > .headers-container{flex:0 0 auto;
  padding-bottom:26px}
body.grani-price .body > .main{flex:1 1 auto}
/* шапка внизу — ровный тёмный тон, без второго градиента */
body.grani-price .headers-container,
body.grani-price .header_1,
body.grani-price .header{background:none!important;border:0!important;box-shadow:none!important}
body.grani-price .header__inner,
body.grani-price .header__top-part,
body.grani-price .header__bottom-part{background:none!important;border:0!important}
body.grani-price .header__main-part{display:none!important}

/* мобильная шапка красится не контейнером, а внутренним блоком и .totop-menu —
   снимаем заливку с них, иначе градиент фона не просвечивает */
body.grani-price .header-container > div,
body.grani-price .header-container .totop-menu{background:none!important}

/* ===== Шапка на СТРАНИЦЕ РАЗДЕЛОВ: те же правила, что и на страницах прайса.
   Маркер там другой (.grani-tiles), поэтому дублируем селекторы. ===== */
body.grani-tiles-page .headers-container,
body.grani-tiles-page .header-container{
  background:none!important;border:0!important;box-shadow:none!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
  position:static!important;top:auto!important;z-index:auto!important;
  flex:0 0 auto;padding-bottom:26px}
body.grani-tiles-page .header_1,
body.grani-tiles-page .header,
body.grani-tiles-page .header__inner,
body.grani-tiles-page .header__top-part,
body.grani-tiles-page .header__bottom-part,
body.grani-tiles-page .header-container > div,
body.grani-tiles-page .header-container .totop-menu{background:none!important;border:0!important}
/* магазинная строка (каталог, поиск, войти, корзина) на этих страницах не нужна */
body.grani-tiles-page .header__main-part{display:none!important}
/* полоса с двумя кнопками разделов */
body.grani-tiles-page .grani-toplinks,
body.grani-tiles-page .header__top-sections-inner{display:none!important}
/* прилипающая копия шапки при прокрутке */
body.grani-tiles-page .fixed-header,
body.grani-tiles-page .header.fixed,
body.grani-tiles-page .sticky-header,
body.grani-price .fixed-header,
body.grani-price .header.fixed,
body.grani-price .sticky-header{display:none!important}
/* вариант 2: фон продолжается из прайса, границу обозначает волосяная линия.
   Работает и на десктопе, и на мобильном — контейнеры называются по-разному. */
body.grani-price .headers-container,
body.grani-price .header-container{border-top:1px solid rgba(255,255,255,.16)!important}

/* шапка на страницах прайса вынесена вниз и НЕ должна прилипать:
   тема ставит ей position:sticky + top:0, из-за чего она накрывала прайс */
body.grani-price .header-container,
body.grani-price .headers-container{position:static!important;top:auto!important;
  z-index:auto!important}
/* Здесь раньше стояло display:none для .mobile-scroll.scrollbar — считали, что это
   липкая панель темы. На деле это контейнер бургер-меню (#mobilemenu), и правило
   гасило меню на всех наших страницах: кнопка нажимается, оверлей появляется,
   а само меню не показывается. Правило снято 27.08.2026. Закрытое меню и так
   не видно: тема уводит его за экран через left:-100%. */
/* ---- мобильный шаблон ---- */
body.grani-price .layout{display:flex;flex-direction:column;background:#061a33}
body.grani-price .layout{background:
    radial-gradient(58% 24% at 76% 4%, rgba(42,124,240,.20) 0%, rgba(42,124,240,0) 66%),
    radial-gradient(52% 22% at 12% 44%, rgba(42,124,240,.12) 0%, rgba(42,124,240,0) 70%),
    linear-gradient(158deg,#061a33 0%,#0a325b 44%,#0c4173 70%,#0e4f8a 100%)!important}
body.grani-price .layout > main{order:1;background:none;
  min-height:calc(100vh + 60px);padding:16px 0 34px}
body.grani-price .layout > .header-container{order:2;background:none!important}
body.grani-price .layout > .scrollbar-filter{order:2}
body.grani-price .layout > footer{order:3}
body.grani-price .layout main > .page-top-info{display:none!important}
/* на мобильном grani-ways — последний блок, который нужен; всё, что идёт
   за ним (иконки-преимущества, повтор-тизеры, описание, награды), скрыто. */
body.grani-price .layout .grani-ways ~ *{display:none!important}
/* ---- конец страниц прайса ---- */

/* Две кнопки «Заточка инструмента / Ремонт оборудования» в шапке —
   кнопки разделов убраны со всего сайта по решению заказчика 25.08.2026.
   Вернуть: удалить это правило. */
.grani-toplinks,
.header__top-sections-inner{display:none!important}

/* Логотип над плитками выбора раздела (страница «Заточка инструмента»).
   Тот же вид, что в разделах прайса: по центру, высота 72 px. */
body.grani-tiles-page .grani-logo{display:block;margin:0 auto 30px;line-height:0}
body.grani-tiles-page .grani-logo img{width:auto;display:block;margin:0 auto}
@media (max-width:767px){
  body.grani-tiles-page .grani-logo{margin:0 auto 22px}
  
}

/* ─────────────────────────────────────────────────────────────────────────
   [12] ПОИСК ПО ПРАЙСАМ (27.08.2026)
   ───────────────────────────────────────────────────────────────────────── */
/* ============ Поиск по прайсам (строка + стеклянная кнопка) ============ */
.grani-search{display:flex;gap:12px;align-items:stretch;position:relative;max-width:none}
.grani-search__field{flex:1;display:flex;align-items:center;gap:11px;height:56px;
  padding:0 18px;border-radius:13px;background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:border-color .18s ease,box-shadow .18s ease}
.grani-search__field:focus-within{border-color:rgba(255,255,255,.34);
  box-shadow:0 0 0 3px rgba(42,124,240,.16)}
.grani-search__field svg{flex:0 0 auto;opacity:.7;color:#fff}
.grani-search__field input{flex:1;min-width:0;border:0;background:none;outline:none;
  color:#fff;font:400 16px/1.2 inherit;padding:0;-webkit-appearance:none}
.grani-search__field input::placeholder{color:rgba(255,255,255,.42)}
.grani-search__field input::-webkit-search-cancel-button{-webkit-appearance:none}
.grani-search__btn{height:56px;padding:0 34px;border-radius:13px;cursor:pointer;
  font:700 16px/1 inherit;letter-spacing:.02em;color:#fff;white-space:nowrap;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.30);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:background .18s ease,border-color .18s ease,transform .18s ease}
.grani-search__btn:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.44);
  transform:translateY(-1px)}
.grani-search__btn:active{transform:none}
.grani-search__field input:focus-visible,
.grani-search__btn:focus-visible{outline:2px solid #6FB0FF;outline-offset:2px}

.grani-search__count{margin-top:14px;font-size:14px;color:rgba(255,255,255,.5)}
.grani-search__count b{color:#fff;font-weight:800}
.grani-search__count a{color:#8FD0FF;text-decoration:none;border-bottom:1px dotted rgba(143,208,255,.5)}

mark.grani-hl{background:rgba(143,208,255,.26);color:#CFE8FF;border-radius:3px;padding:0 2px}

/* строка, на которую пришли из общего поиска */
.block_price .colored_table tr.grani-found{
  border-color:rgba(143,208,255,.55)!important;
  box-shadow:0 0 0 3px rgba(42,124,240,.20)}

/* выпадающая выдача общего поиска */
.grani-search__dd{position:absolute;left:0;right:0;top:64px;z-index:30;border-radius:16px;
  overflow:hidden;background:rgba(9,32,60,.94);border:1px solid rgba(255,255,255,.20);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:0 28px 60px rgba(0,0,0,.5);max-height:min(70vh,560px);overflow-y:auto}
.grani-search__sec{font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;
  color:rgba(255,255,255,.38);padding:14px 20px 7px}
.grani-search__it{display:flex;align-items:center;gap:16px;padding:12px 20px;
  text-decoration:none;color:#fff;transition:background .16s ease}
.grani-search__it b{flex:1;font-size:15px;font-weight:600;line-height:1.3}
.grani-search__pr{font-size:16px;font-weight:800;white-space:nowrap;text-align:right}
.grani-search__card{font-size:13px;color:#8FD0FF;white-space:nowrap;width:112px;text-align:right}
.grani-search__pr small,.grani-search__card small{display:block;font-size:11px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.33)}
.grani-search__more{display:block;width:100%;text-align:left;padding:13px 20px;cursor:pointer;
  font:600 14px/1 inherit;color:#8FD0FF;background:none;border:0;
  border-top:1px solid rgba(255,255,255,.10)}
.grani-search__empty{padding:18px 20px;font-size:14px;color:rgba(255,255,255,.55)}

@media (max-width:767px){
  .grani-search{gap:8px;margin-top:18px}
  .grani-search__field{height:50px;padding:0 14px;border-radius:12px}
  .grani-search__field input{font-size:16px}
  .grani-search__btn{height:50px;padding:0 20px;font-size:15px;border-radius:12px}
  .grani-search__dd{top:58px;border-radius:14px}
  .grani-search__it{flex-wrap:wrap;gap:4px 12px;padding:12px 16px}
  .grani-search__it b{flex:1 0 100%}
  .grani-search__card{width:auto;text-align:left}
  .grani-search__pr{margin-left:auto}
  .grani-search__sec{padding:12px 16px 6px}
}
@media (prefers-reduced-motion:reduce){
  .grani-search__btn{transition:none}
}
/* ============ конец блока поиска ============ */

/* ─────────────────────────────────────────────────────────────────────────
   [13] Хвост: правила, которые обязаны идти последними
   ───────────────────────────────────────────────────────────────────────── */
/* Страницы прайса прячут всё, кроме белого списка. Возвращаем поиск и ставим
   его между кнопкой возврата и прайсом. */
body.grani-price .right_block > .grani-search{display:flex!important;order:3}
body.grani-price .right_block > .grani-search__count{display:block!important;order:4}
body.grani-price .right_block > .block_price{order:5}
body.grani-price .right_block > .grani-search__count[hidden]{display:none!important}

/* GRANI_SEARCH_HIDE: карточкам прайса тема задаёт display сильнее, чем атрибут
   hidden, поэтому прячем их явным правилом. */
.block_price .colored_table tr.grani-hidden,
.block_price .colored_table tr[hidden],
.block_price .toogle > section[hidden],
.grani-search__count[hidden],
.grani-search__dd[hidden]{display:none!important}
/* воздух под строкой поиска */
.grani-search{margin:26px 0 20px}
.grani-search__count{margin:-8px 0 18px}

/* GRANI_SCROLL_FIX — длинный прайс обрезался на мобильном.
   Причина: тема задаёт .layout{height:100vh} и main{flex:1 1 0%}. Внутри нашей
   флекс-колонки высота main считалась от свободного места, а не от содержимого:
   всё, что не влезло, обрезалось, и шапка вставала поверх прайса.
   flex:1 0 auto — расти можно, сжиматься ниже содержимого нельзя. */
body.grani-price .layout,
body.grani-tiles-page .layout{height:auto!important}
body.grani-price .layout > main,
body.grani-tiles-page .layout > main{flex:1 0 auto!important;
  /* Главное: тема ставит main content-visibility:auto с заглушкой высоты 1000 px.
     Пока браузер держит заглушку, шапка и подвал встают на 1050-м пикселе
     и режут прайс. На обычных страницах темы это незаметно, потому что шапка
     идёт ДО контента, а у нас — после. */
  content-visibility:visible!important;contain-intrinsic-size:auto!important}

/* GRANI_PANEL_GLASS — нижняя панель значков на наших тёмных страницах:
   стекло вместо белой полосы (вариант 1).
   29.08.2026: изначально список ограничили тремя типами страниц с пометкой
   «на светлых страницах темы (каталог, контакты, блог) панель остаётся
   прежней» — это устарело: у /contacts/, /catalog/ (grani-shop) и
   /company/, /sitemap/ (grani-page) фон ДАВНО тёмно-синий (проверено:
   background-color тела rgb(6,26,51) везде), а панель так и осталась
   белой полосой — те же классы, что и здесь, просто не дописали. */
body.grani-price .bottom-icons-panel,
body.grani-tiles-page .bottom-icons-panel,
body.grani-hero-page .bottom-icons-panel,
body.grani-page .bottom-icons-panel,
body.grani-shop .bottom-icons-panel{
  /* Лёгкое стекло, вариант 1. Плотность — одно число в rgba ниже. */
  background:rgba(255,255,255,.07)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);
  border-top:1px solid rgba(255,255,255,.14);
  box-shadow:none!important}
body.grani-price .bottom-icons-panel__content,
body.grani-tiles-page .bottom-icons-panel__content,
body.grani-hero-page .bottom-icons-panel__content,
body.grani-page .bottom-icons-panel__content,
body.grani-shop .bottom-icons-panel__content{background:none!important}
/* подписи и значки — белые */
body.grani-price .bottom-icons-panel__content-link,
body.grani-tiles-page .bottom-icons-panel__content-link,
body.grani-hero-page .bottom-icons-panel__content-link,
body.grani-page .bottom-icons-panel__content-link,
body.grani-shop .bottom-icons-panel__content-link,
body.grani-price .bottom-icons-panel__content-text,
body.grani-tiles-page .bottom-icons-panel__content-text,
body.grani-hero-page .bottom-icons-panel__content-text,
body.grani-page .bottom-icons-panel__content-text,
body.grani-shop .bottom-icons-panel__content-text{color:rgba(255,255,255,.88)!important}
body.grani-price .bottom-icons-panel svg use,
body.grani-tiles-page .bottom-icons-panel svg use,
body.grani-hero-page .bottom-icons-panel svg use,
body.grani-page .bottom-icons-panel svg use,
body.grani-shop .bottom-icons-panel svg use,
body.grani-price .bottom-icons-panel svg path,
body.grani-tiles-page .bottom-icons-panel svg path,
body.grani-hero-page .bottom-icons-panel svg path,
body.grani-page .bottom-icons-panel svg path,
body.grani-shop .bottom-icons-panel svg path{fill:#fff!important;stroke:#fff}
/* текущий раздел — чуть ярче, а не фирменным цветом темы */
body.grani-price .bottom-icons-panel__content-link--active .bottom-icons-panel__content-text,
body.grani-tiles-page .bottom-icons-panel__content-link--active .bottom-icons-panel__content-text,
body.grani-page .bottom-icons-panel__content-link--active .bottom-icons-panel__content-text,
body.grani-shop .bottom-icons-panel__content-link--active .bottom-icons-panel__content-text{color:#fff!important}

/* GRANI_PANEL_Z — шапка налезала на нижнюю панель.
   У внутренних блоков мобильной шапки z-index 993, у панели 992, поэтому
   логотип и иконки шапки рисовались ПОВЕРХ подписей панели. Пока панель была
   белой и непрозрачной, этого не было видно. На наших страницах шапка перенесена
   вниз и ни над чем висеть не должна — опускаем её слой.
   29.08.2026: дописаны те же grani-page/grani-shop, что и в GRANI_PANEL_GLASS
   выше — иначе стеклянная (полупрозрачная) панель просвечивала бы логотип
   и иконки шапки, которые тут держались только белой заливкой поверх. */
body.grani-price .header-container > *,
body.grani-tiles-page .header-container > *,
body.grani-hero-page .header-container > *,
body.grani-page .header-container > *,
body.grani-shop .header-container > *{z-index:1!important}

/* GRANI_DD_HOVER — подсветка строки в выпадающем поиске, вариант 5.
   Разделительных линий между строками нет: при наведении они выглядели
   как ползущая полоска. Заливка гаснет к правому краю, резкой границы нет. */

.grani-search__it:hover b,
.grani-search__it:focus-visible b{color:#fff}
@media (prefers-reduced-motion:reduce){.grani-search__it{transition:none}}
/* строка результатов на странице поиска — та же подсветка */
.grani-poisk__it{display:flex;align-items:center;gap:16px;padding:12px 6px;
  text-decoration:none;color:#fff;border-radius:8px;transition:background .16s ease}

/* GRANI_POISK — страница результатов поиска /poisk/. Списком по разделам. */
.grani-poisk{margin:6px 0 40px}
.grani-poisk__h1{font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;
  margin:6px 0 4px;color:#fff}
.grani-poisk__sub{font-size:15px;color:rgba(255,255,255,.52);margin-bottom:6px}
.grani-poisk__sub b{color:#fff;font-weight:700}
.grani-poisk__sec{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;
  color:rgba(255,255,255,.42);margin:22px 0 4px;padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.14)}
.grani-poisk__it b{flex:1;font-size:16px;font-weight:600;line-height:1.3}
.grani-poisk__pr{font-size:17px;font-weight:800;white-space:nowrap;text-align:right}
.grani-poisk__card{font-size:13px;color:#8FD0FF;white-space:nowrap;width:112px;text-align:right}
.grani-poisk__pr small,.grani-poisk__card small{display:block;font-size:10px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.32)}
/* страница поиска: свои блоки не должны попадать под общую скрывалку */
@media (max-width:767px){
  .grani-poisk__h1{font-size:20px}
  .grani-poisk__sub{font-size:14px}
  .grani-poisk__it{flex-wrap:wrap;gap:4px 12px;padding:12px 6px}
  .grani-poisk__it b{flex:1 0 100%;font-size:15px}
  .grani-poisk__card{width:auto;text-align:left}
  .grani-poisk__pr{margin-left:auto}
}

/* На странице поиска логотип стоит в потоке: там нет кнопки возврата,
   рядом с которой он висит на страницах прайса, и он наезжал на строку. */
body.grani-price .grani-logo--flow{position:static!important;transform:none!important;
  left:auto!important;margin:6px auto 20px!important}

/* GRANI_HOVER_COLOR — тема на a:hover красит текст в светло-серый
   (--fill_dark_lite_ccc). На нашем тёмном фоне это выглядело так, будто строка
   при наведении гаснет. Закрепляем свои цвета. */
.grani-search__it:hover, .grani-search__it:focus,
.grani-poisk__it:hover, .grani-poisk__it:focus,
.grani-back:hover, .grani-back:focus,
.grani-tile:hover, .grani-tile:focus,
.grani-search__more:hover, .grani-search__more:focus{color:#fff!important}
.grani-search__it:hover b, .grani-poisk__it:hover b{color:#fff!important}
.grani-search__it:hover .grani-search__pr,
.grani-poisk__it:hover .grani-poisk__pr{color:#fff!important}
.grani-search__it:hover .grani-search__card,
.grani-poisk__it:hover .grani-poisk__card{color:#8FD0FF!important}
.grani-search__it:hover mark, .grani-poisk__it:hover mark{color:#CFE8FF!important}

/* GRANI_TOTOP_ARROW — кнопка «наверх» осталась пустым серым кругом:
   значок пропал, когда мы меняли фирменный красный на сталь (он был
   фоновой картинкой, а мы заменили фон градиентом). Рисуем стрелку сами. */
.scroll-to-top{position:relative}
.scroll-to-top::before{content:"";position:absolute;left:50%;top:54%;
  width:11px;height:11px;border-left:2px solid #fff;border-top:2px solid #fff;
  transform:translate(-50%,-50%) rotate(45deg);border-radius:1px;
  transition:transform .18s ease}
.scroll-to-top:hover::before{transform:translate(-50%,-64%) rotate(45deg)}
@media (prefers-reduced-motion:reduce){.scroll-to-top::before{transition:none}}

/* GRANI_CARD_HOVER — на карточках прайса тема красила ссылку при наведении
   в светло-серый (a:hover{color:--fill_dark_lite_ccc}) и вдобавок рисовала
   бегущую линию поверх текста. Подчёркивание заказчик оставил, серый цвет убран. */
.block_price .colored_table tr:hover td a,
.block_price .colored_table td a:hover,
.block_price .colored_table td a:focus{
  color:#fff!important;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(255,255,255,.55)}
/* цены в наведённой карточке тоже не должны сереть */
.block_price .colored_table tr:hover td:nth-child(2){color:#fff!important}
.block_price .colored_table tr:hover td:nth-child(3){color:#8FD0FF!important}

/* GRANI_TILES_BG — на странице выбора раздела градиент лежал на блоке контента,
   а шапка — его сосед снизу, поэтому она оказывалась на плоском тёмном #061a33
   и читалась как чужая тёмная полоса. Переносим градиент на общего родителя —
   ровно так же, как сделано на страницах прайса. Разделительная линия сверху
   у шапки уже задана выше. */
body.grani-tiles-page .body,
body.grani-tiles-page .layout{background:
    radial-gradient(52% 30% at 78% 6%, rgba(42,124,240,.20) 0%, rgba(42,124,240,0) 66%),
    radial-gradient(46% 26% at 14% 46%, rgba(42,124,240,.12) 0%, rgba(42,124,240,0) 70%),
    linear-gradient(158deg,#061a33 0%,#0a325b 44%,#0c4173 70%,#0e4f8a 100%)!important}
body.grani-tiles-page .body > div[role="main"],
body.grani-tiles-page .body > .main,
body.grani-tiles-page .layout > main{background:none!important}
/* шапке не давать сжиматься и дать воздух снизу — как на прайсах */
body.grani-tiles-page .body > .headers-container{flex:0 0 auto;padding-bottom:26px}

/* GRANI_HOVER_LAYER — подсветку строки рисуем отдельным слоем, а не фоном ссылки.
   Почему: тема анимирует у ссылок background-size (та самая бегущая линия).
   Когда подсветка тоже жила в background, при уводе курсора размер возвращался
   с анимацией — и наружу выезжала белая полоска. Слой ::before темы не касается. */
.grani-search__it,
.grani-poisk__it{position:relative;isolation:isolate}
.grani-search__it::before,
.grani-poisk__it::before{content:"";position:absolute;inset:0;
  z-index:-1;pointer-events:none;opacity:0;border-radius:inherit;
  background:linear-gradient(90deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.04) 62%,rgba(255,255,255,0) 100%);
  transition:opacity .16s ease}
.grani-search__it:hover::before,
.grani-search__it:focus-visible::before,
.grani-poisk__it:hover::before,
.grani-poisk__it:focus-visible::before{opacity:1}
/* и запрещаем теме рисовать свою линию на этих строках */
.grani-search__it,
.grani-poisk__it{background-image:none!important;background-size:auto!important}
@media (prefers-reduced-motion:reduce){
  .grani-search__it::before,.grani-poisk__it::before{transition:none}
}

/* GRANI_TILE_ART — клипарт в плитке. Картинка работает МАСКОЙ, цвет даёт
   стальной градиент: исходники чёрные силуэты, красить их файлами пришлось бы
   заново при каждой смене оттенка. Заодно чёрное пятно на тёмном фоне
   смотрелось дырой. */
.grani-tile__pic{display:block;width:100%;height:100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  /* тона взяты из логотипа: нейтральный серый, от белого до #464C52 */
  background:linear-gradient(140deg,
    #FFFFFF 0%, #E7EAED 16%, #9AA0A6 33%, #5A6066 47%,
    #FFFFFF 58%, #7E858B 74%, #464C52 88%, #B4BABF 100%);
  opacity:1;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));
  transition:opacity .22s ease,transform .22s ease}
.grani-tile:hover .grani-tile__pic{opacity:1;transform:scale(1.04)}
/* место под клипарт: рамку-заглушку убираем, когда картинка есть */
.grani-tile__art{display:flex;align-items:center;justify-content:center;
  width:100%;flex:1;min-height:0;padding:6px 4px 10px}
@media (prefers-reduced-motion:reduce){
  .grani-tile__pic{transition:none}
  .grani-tile:hover .grani-tile__pic{transform:none}
}

/* GRANI_TILES_FEW — когда разделов один-два, сетка из трёх колонок прижимала их
   к левому краю. Ставим по центру, ширину плитки держим как у обычных. */
.grani-tiles--few{display:flex!important;flex-wrap:wrap;justify-content:center}

/* кнопка возврата на странице выбора: тот же вид, что на страницах прайса */

body.grani-tiles-page .right_block > .grani-back{display:inline-flex!important}

/* GRANI_SEC_CHIP — метка у записи о разделе в поиске. Раздел находится
   по своему названию, даже если этого слова нет ни в одной строке прайса. */
.grani-search__chip,
.grani-poisk__chip{margin-left:auto;font-size:11px;font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:4px 11px;white-space:nowrap}
.grani-search__it--sec b,
.grani-poisk__it--sec b{font-weight:700}

/* GRANI_SEC_CHIP_MOB — на узких экранах строки результатов переносятся,
   и метка «раздел» уезжала на отдельную строку. У записей о разделе
   переносить нечего: там только название и метка. */
@media (max-width:767px){
  .grani-poisk__it--sec,
  .grani-search__it--sec{flex-wrap:nowrap}
  .grani-poisk__it--sec b,
  .grani-search__it--sec b{flex:1 1 auto}
  .grani-poisk__chip,
  .grani-search__chip{margin-left:12px}
}

/* GRANI_TILES_FEW_BIG — когда разделов всего два, плитки делаем крупными:
   при обычном размере они терялись на пустой странице. */

.grani-tiles--few > .grani-tile{
  min-height:clamp(300px,34vw,420px);padding:30px 26px 26px;border-radius:22px}
.grani-tiles--few .grani-tile__name{font-size:clamp(18px,1.6vw,23px);line-height:1.25}

@media (max-width:767px){
  /* GRANI_TILES_FEW_MOBILE_BIG (28.08.2026) — на страницах выбора раздела
     с двумя пунктами плитки теперь во всю ширину, друг под другом, растянуты
     почти на весь экран — как ЗАТОЧКА/РЕМОНТ на первом экране главной.
     Прежний мелкий вид (было: "на телефоне не увеличиваем") оставлен только
     для .grani-gates (выбор «сам привезу / вызвать курьера» под прайсом) —
     он не должен занимать весь экран. */
  body.grani-tiles-page .grani-tiles--few{flex-direction:column;flex-wrap:nowrap;gap:14px}
  body.grani-tiles-page .grani-tiles--few > .grani-tile{
    width:100%;min-height:0;height:clamp(200px,36vh,340px);
    padding:20px 18px 18px;border-radius:18px}
  body.grani-tiles-page .grani-tiles--few .grani-tile__name{font-size:16px;line-height:1.25}
  /* height:100% у .grani-tile__pic не резолвится от высоты, которую .grani-tile__art
     получил через flex:1 (классический баг процентной высоты во флексе) — картинка
     схлопывалась в 0. Задаём иконке размер через aspect-ratio, без процентов. */
  body.grani-tiles-page .grani-tiles--few .grani-tile__pic{width:62%;height:auto;aspect-ratio:1/1}

  .grani-gates.grani-tiles--few > .grani-tile{
    min-height:176px;padding:14px 10px 12px;border-radius:14px}
  .grani-gates.grani-tiles--few .grani-tile__name{font-size:13px;line-height:1.2}
}

/* GRANI_NO_LINE_FIX — правило a:not(.btn) весит (0,1,1), а перечисление
   классов ниже — только (0,1,0), поэтому фоновая линия оставалась жить
   в плитках и кнопках. Поднимаем вес селектора, чтобы отмена сработала. */
@media (hover: hover){
  a.grani-tile:not(.btn), a.grani-tile:not(.btn):hover,
  a.grani-back:not(.btn), a.grani-back:not(.btn):hover,
  a.grani-logo:not(.btn), a.grani-logo:not(.btn):hover,
  a.grani-search__it:not(.btn), a.grani-search__it:not(.btn):hover,
  a.grani-search__more:not(.btn), a.grani-search__more:not(.btn):hover,
  a.grani-poisk__it:not(.btn), a.grani-poisk__it:not(.btn):hover{
    background-image:none!important;background-size:0 0!important}
}

/* GRANI_BACK_TILES — на странице выбора кнопка была голым серым текстом.
   Повторяем вид кнопки со страниц прайса. */
body.grani-tiles-page .grani-back{display:inline-flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.055);color:#fff;
  border:1px solid rgba(255,255,255,.18);border-radius:16px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  padding:16px 26px;font-size:17px;font-weight:700;text-decoration:none;
  align-self:flex-start;margin:0 0 20px;
  transition:transform .2s ease,background .2s ease,border-color .2s ease}
body.grani-tiles-page .grani-back:hover{background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.34);color:#fff;transform:translateY(-2px)}
body.grani-tiles-page .grani-back svg{width:20px;height:20px;flex:0 0 auto}
@media (max-width:767px){
  body.grani-tiles-page .grani-back{padding:13px 20px;font-size:15px;margin-bottom:14px}
}

/* GRANI_TILES_LOGOROW — на прайсе логотип стоит по центру той же строки,
   где кнопка возврата. Повторяем это на странице выбора: без этого кнопка
   уезжала на отдельную строку и шапка выглядела иначе. */
body.grani-tiles-page .right_block{position:relative}
body.grani-tiles-page:has(.grani-back) .grani-logo{position:absolute;top:0;
  left:50%;transform:translateX(-50%);margin:0;z-index:2}
@media (max-width:767px){
  body.grani-tiles-page:has(.grani-back) .grani-logo{position:static;transform:none;
    left:auto;margin:0 auto 22px}
}

/* ─────────────────────────────────────────────────────────────────────────
   [14] БЛОК «КОНТАКТЫ» В ПРАВОМ ВЕРХНЕМ УГЛУ (27.08.2026)
   Разметка — штатная из шапки (include/grani/contacts.php), правки телефонов
   и адреса остаются в админке. Здесь позиция, тёмная палитра и раскрытие:
   штатное раскрытие завязано на шапку, вне её панель висела развёрнутой.
   ───────────────────────────────────────────────────────────────────────── */
.grani-contacts{position:absolute;top:0;right:0;z-index:6}
.grani-contacts .phones,
.grani-contacts .phones__phones-wrapper,
.grani-contacts .phones__inner{margin:0;position:static}
.grani-contacts .phones__inner{position:relative}
/* кнопка-триггер: то же стекло, что у кнопки возврата */
.grani-contacts .phones__phone-first{
  display:inline-flex!important;align-items:center;gap:10px;
  background-color:rgba(255,255,255,.055)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.18);border-radius:16px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  padding:16px 26px!important;font-size:17px;font-weight:700;
  background-image:none!important;text-decoration:none!important;white-space:nowrap;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
.grani-contacts .phones__phone-first::after{content:"";width:8px;height:8px;flex:0 0 auto;
  border-right:2px solid rgba(255,255,255,.7);border-bottom:2px solid rgba(255,255,255,.7);
  transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
.grani-contacts:hover .phones__phone-first,
.grani-contacts:focus-within .phones__phone-first{
  background-color:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.34)}
.grani-contacts:hover .phones__phone-first::after,
.grani-contacts:focus-within .phones__phone-first::after{transform:translateY(2px) rotate(225deg)}
/* панель: раскрываем сами, штатный механизм вне шапки не работает.
   top:100% (без зазора) + padding-top вместо zазора в top — иначе между
   кнопкой и панелью пустая полоса, мышь не успевает её пересечь и меню
   закрывается раньше, чем наводишь на пункт (29.08.2026). */
.grani-contacts .phones__dropdown{position:absolute!important;top:100%;
  right:0;left:auto!important;min-width:330px;padding:10px 6px 6px;
  background:rgba(10,32,60,.95);border:1px solid rgba(255,255,255,.18);
  border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 20px 44px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
  display:block!important;max-height:none!important;overflow:visible}
.grani-contacts:hover .phones__dropdown,
.grani-contacts:focus-within .phones__dropdown{opacity:1;visibility:visible;transform:none}
.grani-contacts .phones__dropdown .dropdown{background:none!important;border:0!important;
  box-shadow:none!important;padding:0!important;margin:0!important}
.grani-contacts .phones__dropdown .dropdown__item,
.grani-contacts .phones__dropdown .phones__dropdown-item{
  background:none!important;border-color:rgba(255,255,255,.12)!important;padding:10px 14px}
.grani-contacts .phones__dropdown,
.grani-contacts .phones__dropdown a:not(.btn),
.grani-contacts .phones__dropdown div,
.grani-contacts .phones__dropdown span{color:#fff!important}
.grani-contacts .phones__dropdown .phones__dropdown-title,
.grani-contacts .phones__dropdown .phones__phone-descript{color:rgba(255,255,255,.55)!important}
.grani-contacts .phones__dropdown a:not(.btn){background-image:none!important}
.grani-contacts .phones__dropdown a:not(.btn):hover{color:#8FD0FF!important}
.grani-contacts .phones__dropdown .callback-item{padding:12px 14px 14px}
.grani-contacts .phones__dropdown .btn{background:linear-gradient(180deg,#2A7CF0,#0B4FA8)!important;
  border:0!important;color:#fff!important}
@media (max-width:1100px){
  .grani-contacts .phones__phone-first{padding:13px 20px!important;font-size:15px}
}
@media (max-width:767px){
  .grani-contacts{top:4px;right:0}
  .grani-contacts .phones__phone-first{padding:10px 14px!important;font-size:14px;border-radius:13px}
  .grani-contacts .phones__dropdown{min-width:min(300px,86vw)}
}

/* GRANI_CONTACTS_TRIM — рядом с кнопкой тема печатает свою стрелку и блок
   с графиком и соцсетями. И то, и другое уже есть внутри панели, снаружи
   это дублировалось и ломало строку. */
.grani-contacts .more-arrow,
.grani-contacts .dop_block_header{display:none!important}

/* GRANI_CONTACTS_SOC — в узкой панели иконки соцсетей растягивались
   в широкие плашки. Возвращаем компактный ряд. */
.grani-contacts .phones__dropdown .social__items{display:flex!important;
  flex-wrap:wrap;gap:10px;justify-content:flex-start;margin:0;padding:0}
.grani-contacts .phones__dropdown .social__item{flex:0 0 auto!important;
  width:42px!important;height:42px!important;margin:0!important;padding:0!important}
.grani-contacts .phones__dropdown .social__link{width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;border-radius:12px}
.grani-contacts .phones__dropdown .social-item{padding-bottom:14px}

/* GRANI_CONTACTS_MOB — на телефоне логотип занимает почти всю ширину,
   и кнопка в углу на него налезала. Выносим её отдельной строкой сверху. */
@media (max-width:767px){
  .grani-contacts{position:static!important;display:block;
    text-align:right;margin:0 0 10px}
  .grani-contacts .phones__inner{display:inline-block;position:relative}
  .grani-contacts .phones__dropdown{top:100%;right:0;left:auto!important;
    text-align:left}
}

/* GRANI_REMONT_NOCARD — в прайсе ремонта цена одна, скидки по карте нет,
   поэтому подпись «без карты» над ценой убираем. */
body.grani-remont .block_price .colored_table td:nth-child(2)::before{display:none}
body.grani-remont .block_price .colored_table td:nth-child(2){margin-top:2px}

/* GRANI_PRICE_NOCARD_FIX (03.09.2026) — точечно для разделов из
   PRICE_NOCARD_SECTIONS (config.php): там второй цены нет вовсе, во 2/3
   колонке время/срок, а подписи «без карты»/«с картой» ошибочно рисуются
   и над ценой, и над сроком. Правило выше (GRANI_REMONT_NOCARD) на это не
   годится: у него ниже специфичность, чем у исходного правила подписи
   (там :has() в селекторе), поэтому «без карты» всё равно оставалась
   видна — здесь та же проблема решена через !important. */
body.grani-price-nocard .block_price .colored_table td:nth-child(2)::before,
body.grani-price-nocard .block_price .colored_table td:nth-child(3)::before{display:none!important}
body.grani-price-nocard .block_price .colored_table td:nth-child(2){margin-top:2px}

/* GRANI_SIZES_27 — логотип во всех разделах чуть крупнее; клипарты двух
   плиток ремонта, наоборот, мельче: на крупной плитке они лезли в глаза. */
body.grani-tiles-page .grani-logo img,
body.grani-price .grani-logo img{height:86px}
.grani-tiles--few .grani-tile__art{padding:12% 18% 14%}
@media (max-width:767px){
  body.grani-tiles-page .grani-logo img,
  body.grani-price .grani-logo img{height:62px}
  .grani-tiles--few .grani-tile__art{padding:8% 10% 10%}
}

/* ─────────────────────────────────────────────────────────────────────────
   [15] ШАПКА РАЗДЕЛОВ И ПРАЙСА, ВАРИАНТ 3 (27.08.2026)
   Три зоны: слева возврат, по центру логотип, справа поиск и контакты.
   Сетка 1fr auto 1fr — логотип встаёт ровно по центру страницы независимо
   от ширины боковых блоков. Плитки считают высоту так, чтобы девять штук
   помещались в экран без прокрутки.
   ───────────────────────────────────────────────────────────────────────── */
/* position:relative обязателен: от него считает координаты раскрытая строка
   поиска. Без него она уезжала к краю всего блока страницы. */
.grani-head{position:relative;display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:12px;margin:0 0 14px}
/* align-self:flex-start из прежних правил в сетке прижимал кнопку к верху */
.grani-head > .grani-back{justify-self:start;align-self:center!important;margin:0!important;
  padding:10px 16px!important;font-size:13px!important;border-radius:13px!important}
.grani-head > .grani-logo{justify-self:center;align-self:center;
  position:static!important;transform:none!important;margin:0!important;line-height:0}
body.grani-tiles-page .grani-head > .grani-logo img,
body.grani-price .grani-head > .grani-logo img{height:118px!important;width:auto;display:block}
.grani-right{justify-self:end;align-self:center;display:flex;align-items:center;
  gap:12px;min-width:0}
.grani-right .grani-search{margin:0!important;width:250px;min-width:0}
.grani-right .grani-search__btn{display:none!important}
.grani-right .grani-search__field{border-radius:12px;padding:9px 13px}
.grani-right .grani-search__field input{font-size:13px}
.grani-right .grani-contacts{position:static!important;margin:0!important}
.grani-right .grani-contacts .phones__phone-first{padding:10px 16px!important;
  font-size:13px;border-radius:13px}
.grani-right .grani-contacts .phones__dropdown{top:100%}
/* девять плиток в один экран */
body.grani-tiles-page .grani-tiles{gap:14px}
body.grani-tiles-page .grani-tile{min-height:0;height:calc((100vh - 240px) / 3);
  padding:14px 12px 12px}
body.grani-tiles-page .grani-tile__art{min-height:0;padding:6px 8px 8px;flex:1}
body.grani-tiles-page .grani-tile__name{font-size:16px}
body.grani-tiles-page .grani-tile__note{font-size:12px}
@media (max-width:767px){
  .grani-head{justify-items:stretch}
  
  body.grani-tiles-page .grani-head > .grani-logo img,
  body.grani-price .grani-head > .grani-logo img{margin:0 auto}
  .grani-right{flex-wrap:wrap}
  
  
}

/* GRANI_HEAD3_FIX — в разметке логотип идёт раньше кнопки, а сетка ставит
   элементы по порядку в коде. Задаём порядок явно. И выравниваем высоту:
   кнопка, поиск и «Контакты» должны стоять одной линией. */
.grani-head > .grani-back{order:1}
.grani-head > .grani-logo{order:2}
.grani-head > .grani-right{order:3}
.grani-head > .grani-back,
.grani-right .grani-search__field,
.grani-right .grani-contacts .phones__phone-first{
  height:44px!important;padding-top:0!important;padding-bottom:0!important;
  display:inline-flex!important;align-items:center;box-sizing:border-box}
.grani-right .grani-search{height:44px;display:flex;align-items:center}
.grani-right .grani-search__field{width:100%}
/* GRANI_FEW_CENTER — на странице ремонта плиток всего две, и при ширине
   в половину экрана они расходились к краям. Сужаем и сдвигаем к центру. */
.grani-tiles--few{gap:18px}
.grani-tiles--few > .grani-tile{flex:0 1 clamp(300px,32%,430px)}
@media (max-width:767px){
  
  .grani-tiles--few > .grani-tile{flex:0 1 calc(50% - 5px)}
}

/* GRANI_FEW_TALL — общая формула высоты рассчитана на три ряда. Там, где
   ряд один, плитки от неё становились приплюснутыми — задаём свою высоту. */
body.grani-tiles-page .grani-tiles--few > .grani-tile{
  height:clamp(240px, calc(100vh - 320px), 420px)}
@media (max-width:767px){
  body.grani-tiles-page .grani-tiles--few > .grani-tile{height:auto;min-height:176px}
}

/* GRANI_CART_ICON — у пункта «Магазин» иконка из общего спрайта темы
   на части устройств не отрисовывалась, у остальных пунктов всё в порядке.
   Рисуем её сами тем же контуром, чтобы не зависеть от загрузки спрайта. */
.bottom-icons-panel__content-link[href="/catalog/"] .svg{position:relative}
.bottom-icons-panel__content-link[href="/catalog/"] .svg svg{opacity:0}
.bottom-icons-panel__content-link[href="/catalog/"] .svg::after{content:"";
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:21px;height:18px;background:currentColor;
  -webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2018%22%20fill%3D%22%23000%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1%200C0.447715%200%200%200.447715%200%201C0%201.55228%200.447715%202%201%202H4.27924L5.04402%204.29435C5.04858%204.30917%205.05348%204.32385%205.0587%204.33837L7.45302%2011.5213C7.95652%2013.0318%209.55233%2013.8859%2011.0884%2013.467L18.7894%2011.3667C20.0945%2011.0107%2021%209.82526%2021%208.47241V6C21%204.34315%2019.6569%203%2018%203H6.72076L6.17661%201.36754C5.90438%200.55086%205.1401%200%204.27924%200H1ZM9.35039%2010.8889L7.38743%205H18C18.5523%205%2019%205.44772%2019%206V8.47241C19%208.92336%2018.6982%209.31852%2018.2631%209.43717L10.5622%2011.5374C10.0502%2011.6771%209.51822%2011.3924%209.35039%2010.8889Z%22%2F%3E%20%3Cpath%20d%3D%22M8%2016C8%2017.1046%207.10457%2018%206%2018C4.89543%2018%204%2017.1046%204%2016C4%2014.8954%204.89543%2014%206%2014C7.10457%2014%208%2014.8954%208%2016Z%22%2F%3E%20%3Cpath%20d%3D%22M19%2016C19%2017.1046%2018.1046%2018%2017%2018C15.8954%2018%2015%2017.1046%2015%2016C15%2014.8954%2015.8954%2014%2017%2014C18.1046%2014%2019%2014.8954%2019%2016Z%22%2F%3E%3C%2Fsvg%3E);
  mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2018%22%20fill%3D%22%23000%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1%200C0.447715%200%200%200.447715%200%201C0%201.55228%200.447715%202%201%202H4.27924L5.04402%204.29435C5.04858%204.30917%205.05348%204.32385%205.0587%204.33837L7.45302%2011.5213C7.95652%2013.0318%209.55233%2013.8859%2011.0884%2013.467L18.7894%2011.3667C20.0945%2011.0107%2021%209.82526%2021%208.47241V6C21%204.34315%2019.6569%203%2018%203H6.72076L6.17661%201.36754C5.90438%200.55086%205.1401%200%204.27924%200H1ZM9.35039%2010.8889L7.38743%205H18C18.5523%205%2019%205.44772%2019%206V8.47241C19%208.92336%2018.6982%209.31852%2018.2631%209.43717L10.5622%2011.5374C10.0502%2011.6771%209.51822%2011.3924%209.35039%2010.8889Z%22%2F%3E%20%3Cpath%20d%3D%22M8%2016C8%2017.1046%207.10457%2018%206%2018C4.89543%2018%204%2017.1046%204%2016C4%2014.8954%204.89543%2014%206%2014C7.10457%2014%208%2014.8954%208%2016Z%22%2F%3E%20%3Cpath%20d%3D%22M19%2016C19%2017.1046%2018.1046%2018%2017%2018C15.8954%2018%2015%2017.1046%2015%2016C15%2014.8954%2015.8954%2014%2017%2014C18.1046%2014%2019%2014.8954%2019%2016Z%22%2F%3E%3C%2Fsvg%3E);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}

/* GRANI_MOB_HEAD — мобильная шапка: слева стрелка назад, по центру логотип,
   справа поиск и контакты иконками. Боковые колонки сетки равной доли, поэтому
   логотип стоит ровно по центру, хотя справа две кнопки, а слева одна.
   По тапу на лупу строка поиска разворачивается поверх шапки. */
@media (max-width:767px){
  .grani-head{display:grid;grid-template-columns:1fr auto 1fr;margin:0 0 12px}
  .grani-head > .grani-back{align-self:center!important;
    margin:0!important;width:42px;}
  
  .grani-head > .grani-logo{align-self:center;margin:0!important}
  
  
  /* поиск свёрнут в кнопку */
  .grani-right .grani-search{width:42px;flex:0 0 42px;margin:0!important;}
  .grani-right .grani-search__btn{display:none!important}
  .grani-right .grani-search__field{width:42px;color:#fff!important;cursor:pointer}
  .grani-right .grani-search__field input{display:none}
  .grani-right .grani-search__field > svg{display:none}
  .grani-right .grani-search__field::after{content:"";width:22px;height:22px;
    background:#fff;-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M20%2020l-3.8-3.8%22%2F%3E%3C%2Fsvg%3E);
    mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M20%2020l-3.8-3.8%22%2F%3E%3C%2Fsvg%3E);
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-position:center;mask-position:center;
    -webkit-mask-size:contain;mask-size:contain}
  /* контакты иконкой-трубкой */
  .grani-right .grani-contacts .phones__phone-first{width:42px;
    gap:0!important;color:#fff!important}
  .grani-right .grani-contacts .phones__phone-first::after{content:"";width:22px;height:22px;
    border:0!important;transform:none!important;background:#fff;
    -webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6.5%203.5h3l1.5%204-2%201.5a12%2012%200%200%200%206%206l1.5-2%204%201.5v3a2%202%200%200%201-2.2%202C11.6%2019%205%2012.4%204.5%205.7A2%202%200%200%201%206.5%203.5Z%22%2F%3E%3C%2Fsvg%3E);
    mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6.5%203.5h3l1.5%204-2%201.5a12%2012%200%200%200%206%206l1.5-2%204%201.5v3a2%202%200%200%201-2.2%202C11.6%2019%205%2012.4%204.5%205.7A2%202%200%200%201%206.5%203.5Z%22%2F%3E%3C%2Fsvg%3E);
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-position:center;mask-position:center;
    -webkit-mask-size:contain;mask-size:contain}
  .grani-right .grani-contacts .phones__dropdown{right:0;left:auto!important;
    min-width:min(300px,86vw)}
  /* раскрытая строка поиска */
  .grani-head.is-search .grani-search{position:absolute;
    top:50%;transform:translateY(-50%);
    width:auto;flex:none;height:42px;z-index:6}
  .grani-head.is-search .grani-search__field{width:100%;gap:10px;cursor:auto}
  .grani-head.is-search .grani-search__field::after{display:none}
  .grani-head.is-search .grani-search__field > svg{display:block;flex:0 0 auto}
  .grani-head.is-search .grani-search__field input{display:block;width:100%;
    font-size:14px;background:none;border:0;color:#fff}
  .grani-head.is-search .grani-search__dd{left:0;right:0}
  body.grani-tiles-page .grani-tile{height:auto;min-height:152px;padding:12px 10px 10px}
  body.grani-tiles-page .grani-tile__name{font-size:13px}
}

/* GRANI_MOB_NOWRAP — прежнее правило переносило содержимое правой зоны,
   и две иконки вставали друг под другом, сдвигая логотип от центра. */
/* GRANI_MOB_SEARCH_OPEN — раскрытая строка наезжала на иконку контактов.
   Прячем её на время поиска: поле получает всю ширину, а закрыть можно
   тапом мимо или очистив текст. */
@media (max-width:767px){
  .grani-head.is-search .grani-contacts{visibility:hidden}
  .grani-head.is-search .grani-search__field{border:1px solid rgba(255,255,255,.28)}
}

/* GRANI_FEW_PAIR — при calc(50% - 5px) браузер округлял ширину вверх, пара
   не влезала в строку на пиксель и вторая плитка уезжала вниз. */
@media (max-width:767px){
  .grani-tiles--few{gap:10px}
  .grani-tiles--few > .grani-tile{flex:0 1 calc(50% - 7px)!important}
}

/* GRANI_DESK_LOUPE — на большом экране поиск тоже свёрнут в лупу и
   разворачивается по клику. Заодно выпадающий список результатов был шириной
   с поле и выглядел сжатым — задаём ему свою ширину. */
@media (min-width:768px){
  .grani-right .grani-search{width:44px;flex:0 0 44px;position:relative}
  .grani-right .grani-search__field{width:44px;padding:0!important;
    justify-content:center;border-radius:13px;color:#fff!important;cursor:pointer}
  .grani-right .grani-search__field input{display:none}
  .grani-right .grani-search__field > svg{display:none}
  .grani-right .grani-search__field::after{content:"";width:22px;height:22px;
    background:#fff;-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M20%2020l-3.8-3.8%22%2F%3E%3C%2Fsvg%3E);
    mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M20%2020l-3.8-3.8%22%2F%3E%3C%2Fsvg%3E);
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-position:center;mask-position:center;
    -webkit-mask-size:contain;mask-size:contain}
  /* раскрытое поле: тянется влево от правого края, логотип не задевает */
  .grani-head.is-search .grani-right .grani-search{position:absolute;right:0;
    top:50%;transform:translateY(-50%);
    width:440px;flex:none;z-index:6}
  .grani-head.is-search .grani-right .grani-search__field{width:100%;
    justify-content:flex-start;padding:0 16px!important;gap:10px;cursor:auto;
    border:1px solid rgba(255,255,255,.28)}
  .grani-head.is-search .grani-right .grani-search__field::after{display:none}
  .grani-head.is-search .grani-right .grani-search__field > svg{display:block;flex:0 0 auto}
  .grani-head.is-search .grani-right .grani-search__field input{display:block;width:100%;
    font-size:15px;background:none;border:0;color:#fff}
  .grani-head.is-search .grani-contacts{visibility:hidden}
  /* список результатов шире поля и с воздухом в строках */
  .grani-right .grani-search__dd{left:auto;right:0;width:600px;max-width:calc(100vw - 40px);top:52px}
  .grani-right .grani-search__it{padding:14px 22px;gap:20px}
  .grani-right .grani-search__it b{font-size:16px}
}

/* GRANI_FOOTER_STEEL — подвал был плоско-чёрным и выбивался из фирменного
   стиля. Кладём тёмную сталь: тон нейтральный, как в логотипе, с продольным
   бликом и светлым ребром сверху. Текст остаётся белым, контраст сохраняем. */
footer.footer, .footer-2.footer{
  background-color:#2A2F34!important;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 26%,
      rgba(255,255,255,.045) 52%, rgba(255,255,255,0) 78%, rgba(255,255,255,.03) 100%),
    linear-gradient(180deg, #3C4249 0%, #2E343A 38%, #23272C 72%, #2F353B 100%)!important;
  border-top:1px solid rgba(255,255,255,.16)!important}
footer.footer .footer__bottom,
footer.footer .footer__copy-wrapper{background:none!important;
  border-top:1px solid rgba(255,255,255,.10)!important}

/* GRANI_FOOTER_ACTIVE — текущий раздел тема гасит до серого, и на страницах
   услуг пункт «Услуги» выглядел выключенным. Возвращаем общий цвет. */
/* у темы селектор .footer--color-dark .bottom-menu .item.active .title a
   весит больше, чем короткий, поэтому повторяем его целиком и добавляем
   тег footer — иначе !important не помогает. */
footer.footer--color-dark .bottom-menu .item.active .title a,
footer.footer--color-dark .bottom-menu .item.active .title{color:#fff!important}

/* GRANI_HEAD_GAP — воздух над логотипом и под ним делаем одинаковым.
   Верхний отступ приходил сразу из нескольких мест, поэтому обнуляем их
   и задаём единственное значение — полями самой шапки. */
body.grani-tiles-page .right_block,
body.grani-price .right_block{padding-top:0!important;margin-top:0!important}
body.grani-tiles-page .section-wrapper-list,
body.grani-price .section-wrapper-list{margin-top:0!important;padding-top:0!important}
.grani-head{margin:26px 0!important}
/* GRANI_MAIN_PAD — верхние 28px давал контейнер .main, из-за них воздух над
   логотипом был вдвое больше, чем под ним. Убираем: отступ задаёт шапка. */
body.grani-tiles-page .main,
body.grani-price .main{padding-top:0!important}

/* GRANI_BOTTOMHEAD_TRIM — в шапке, которая на наших страницах уехала вниз,
   справа висели кнопка «Контакты», график работы и соцсети. Всё это уже есть
   сверху и в подвале. Блок лежит в .header__top-part — наша верхняя шапка
   с такими же классами внутри .grani-head, поэтому её правило не задевает. */
body.grani-tiles-page .header__top-part .phones,
body.grani-tiles-page .header__top-part .dop_block_header,
body.grani-tiles-page .mobileheader .phones,
body.grani-tiles-page .mobileheader .dop_block_header,
body.grani-price .header__top-part .phones,
body.grani-price .header__top-part .dop_block_header,
body.grani-price .mobileheader .phones,
body.grani-price .mobileheader .dop_block_header{display:none!important}

/* GRANI_BOTTOMHEAD_CENTER — строка шапки раскладывается через space-between,
   и после удаления правого блока меню осталось между логотипом и пустотой,
   то есть правее середины. Ставим меню по центру строки принудительно. */
@media (min-width:992px){
  body.grani-tiles-page .header__top-inner,
  body.grani-price .header__top-inner{position:relative}
  body.grani-tiles-page .header__top-inner > .header-menu,
  body.grani-price .header__top-inner > .header-menu{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
}

/* GRANI_PRICE_THEAD — у части прайсов таблица начинается со строки-заголовка
   «Наименование видов работ / Стоимость услуг». В карточной вёрстке она
   превращалась в пустую рамку над списком. Подписи и так есть в каждой
   карточке, поэтому шапку таблицы убираем. Данные не трогаем. */
.block_price .colored_table thead{display:none!important}

/* ─────────────────────────────────────────────────────────────────────────
   [16] МАГАЗИН (27.08.2026)
   Каталог приводим к виду остальных страниц: тёмный фон, стеклянные плитки,
   наша шапка. Штатную вёрстку темы не переписываем — перекрашиваем, поэтому
   правки в админке (товары, цены, категории) продолжают работать как были.
   Фото товаров сняты на белом, поэтому оставляем им светлую подложку.
   ───────────────────────────────────────────────────────────────────────── */
/* ——— фон и порядок блоков ——— */
body.grani-shop{background:#061a33}
body.grani-shop .body{display:flex;flex-direction:column;
  background:
    radial-gradient(52% 30% at 78% 6%, rgba(42,124,240,.20) 0%, rgba(42,124,240,0) 66%),
    radial-gradient(46% 26% at 14% 46%, rgba(42,124,240,.12) 0%, rgba(42,124,240,0) 70%),
    linear-gradient(158deg,#061a33 0%,#0a325b 44%,#0c4173 70%,#0e4f8a 100%)!important}
body.grani-shop .body > .main,
body.grani-shop .layout > main{order:1;background:none!important;padding-top:0!important}
body.grani-shop .headers-container,
body.grani-shop .header-container,
body.grani-shop .layout > .header-container{order:2}
body.grani-shop .layout > footer,
body.grani-shop .body > footer{order:3}
body.grani-shop .breadcrumbs,
body.grani-shop .page-top-info,
body.grani-shop .top-block-item{display:none!important}
body.grani-shop .container,
body.grani-shop .maxwidth-theme,
body.grani-shop .right_block,
body.grani-shop .main-wrapper,
body.grani-shop .section-content-wrapper{background:transparent!important}
body.grani-shop h1{color:#fff!important;font-size:24px!important;
  text-transform:uppercase;letter-spacing:.02em;margin:0 0 16px!important}
/* ——— шапка магазина ——— */
.grani-head--shop{margin:26px 0!important}
body.grani-shop .grani-head > .grani-logo img{height:118px!important;width:auto;display:block}
/* ——— список категорий слева ——— */
/* GRANI_LEFT_BLOCK_DOUBLE_FRAME_FIX — 03.09.2026: рамка была и на .left_block
   (обёртка), и на .sidebar (сам блок "Категория") внутри неё — получалась
   рамка в рамке. Оставляем стекло только на .sidebar. */
body.grani-shop .sidebar{background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.16)!important;border-radius:18px!important;
  padding:18px 20px!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  align-self:flex-start}
body.grani-shop .left_block *,
body.grani-shop .sidebar *{background:none!important;color:#fff!important;
  border-color:rgba(255,255,255,.12)!important}
body.grani-shop .left_block a,
body.grani-shop .sidebar a{color:rgba(255,255,255,.86)!important;font-size:14px!important;
  background-image:none!important;text-decoration:none!important}
body.grani-shop .left_block a:hover,
body.grani-shop .sidebar a:hover{color:#8FD0FF!important}
/* ——— плитки категорий на верхней странице ——— */
body.grani-shop .sections-block__item-link{display:flex!important;flex-direction:column;
  align-items:center;height:100%!important;padding:16px 12px 14px!important;
  background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.18)!important;
  border-radius:18px!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  background-image:none!important;text-decoration:none!important;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
body.grani-shop .sections-block__item-link:hover{background-color:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.34)!important;transform:translateY(-3px)}
body.grani-shop .sections-block__item-inner{display:flex!important;flex-direction:column;
  align-items:center;width:100%;height:100%}
body.grani-shop .sections-block__item-image-wrapper{width:100%!important;
  display:flex!important;align-items:center;justify-content:center;border-radius:14px;margin:0!important}
/* flex здесь не задаём: ниже, в GRANI_SHOP_BIGIMG, зона получает
   flex:0 0 auto!important — оно и работает во всех размерах. */

body.grani-shop .sections-block__item-text{color:#fff!important;font-size:15px!important;
  font-weight:700!important;text-align:center;margin-top:10px!important;line-height:1.25}

/* GRANI_SHOP_FIX — у темы свои правила на карточки и на кнопки, они весят
   больше короткого селектора. Повторяем цепочку и добавляем body-класс. */
/* кнопка возврата и логотип — как на остальных страницах */
body.grani-shop .grani-head > .grani-back{display:inline-flex;align-items:center;gap:10px;
  height:44px!important;padding:0 16px!important;border-radius:13px!important;
  background:rgba(255,255,255,.055);color:#fff!important;font-size:13px;font-weight:700;
  border:1px solid rgba(255,255,255,.18);text-decoration:none!important;
  background-image:none!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body.grani-shop .grani-head > .grani-back:hover{background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.34);color:#fff!important}
body.grani-shop .grani-head > .grani-back svg{width:16px;height:16px;flex:0 0 auto}
/* плитки категорий */
body.grani-shop .sections-block .sections-block__item-link,
body.grani-shop .sections-block__item .sections-block__item-link{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:none!important;border-radius:18px!important}
body.grani-shop .sections-block .sections-block__item-link:hover{
  background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.34)!important}
body.grani-shop .sections-block .sections-block__item-text,
body.grani-shop .sections-block .sections-block__item-text *{color:#fff!important}
/* нижняя шапка — прозрачная, как на остальных страницах */
body.grani-shop .headers-container,
body.grani-shop .header-container,
body.grani-shop .header_1,
body.grani-shop .header,
body.grani-shop .header__inner,
body.grani-shop .header__top-part,
body.grani-shop .header__bottom-part,
body.grani-shop .header-container > div{background:none!important;border:0!important}
body.grani-shop .header__main-part{display:none!important}
body.grani-shop .header__top-part .phones,
body.grani-shop .header__top-part .dop_block_header,
body.grani-shop .mobileheader .phones,
body.grani-shop .mobileheader .dop_block_header{display:none!important}
@media (min-width:992px){
  body.grani-shop .header__top-inner{position:relative}
  body.grani-shop .header__top-inner > .header-menu{position:absolute;left:50%;top:50%;
    transform:translate(-50%,-50%);margin:0}
}

/* GRANI_SHOP_ITEM — белый прямоугольник давала внешняя обёртка карточки,
   а не сама плитка. Обёртку делаем прозрачной, стекло остаётся на плитке. */
body.grani-shop .sections-block__item,
body.grani-shop .sections-block__wrapper,
body.grani-shop .products-block__item,
body.grani-shop .catalog-block__item{background:transparent!important;
  border:0!important;box-shadow:none!important;border-radius:18px!important}

/* GRANI_PAGE_SECTIONS_FIX — 29.08.2026: тот же белый прямоугольник от темы
   даёт блок «похожие разделы» (.sections-block__item) на странице ОДНОЙ
   услуги без своего прайса — там нет .grani-shop, а стекло выше описано
   только под ним. detail.php компонента news/uslugi всегда ставит
   body.grani-page на карточку услуги, поэтому scope безопасный: сетку и
   шапку здесь не трогаем, макет страницы услуги их не использует. */
body.grani-page .sections-block__item{background:transparent!important;
  border:0!important;box-shadow:none!important;border-radius:18px!important}
body.grani-page .sections-block__item-link{display:flex!important;flex-direction:column;
  align-items:center;height:100%!important;padding:16px 12px 14px!important;
  background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.18)!important;
  border-radius:18px!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  background-image:none!important;text-decoration:none!important;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
body.grani-page .sections-block__item-link:hover{background-color:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.34)!important;transform:translateY(-3px)}
body.grani-page .sections-block__item-text{color:#fff!important;font-weight:700!important}

/* GRANI_SHOP_GRID — верхняя страница: три колонки, как на страницах разделов.
   Страница категории: карточки товара сеткой — фото, название, цена, кнопка. */
@media (min-width:992px){
  body.grani-shop .sections-block{display:grid!important;grid-template-columns:repeat(3,1fr)!important;
    gap:16px!important;margin:0!important}
  body.grani-shop .sections-block__wrapper{width:auto!important;max-width:none!important;
    padding:0!important;margin:0!important;float:none!important}
  /* сетку товаров тема раскладывает сама: свой grid ломал её колонки,
     поэтому здесь только убираем рамку у обёртки */
  body.grani-shop .catalog-block__wrapper{border:0!important}
}
body.grani-shop .sections-block__item-link{min-height:250px}
/* карточка товара в списке */
body.grani-shop .catalog-block__inner{background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  padding:16px!important;height:100%;box-shadow:none!important;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
body.grani-shop .catalog-block__inner:hover{background-color:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.34)!important;transform:translateY(-3px)}
body.grani-shop .image-list,
body.grani-shop .image-list-wrapper{background:#EEF2F7!important;border-radius:14px!important;
  padding:10px!important;margin-bottom:12px!important;border:0!important}
body.grani-shop .catalog-block__info,
body.grani-shop .catalog-block__info-top,
body.grani-shop .catalog-block__info-inner{background:none!important}
body.grani-shop .catalog-block__info-title,
body.grani-shop .catalog-block__info-title a{color:#fff!important;font-size:15px!important;
  font-weight:700!important;line-height:1.3!important;background-image:none!important;
  text-decoration:none!important}
body.grani-shop .price,
body.grani-shop .price__new,
body.grani-shop .price__new-val{color:#fff!important;font-weight:800!important}
body.grani-shop .price__new-val{font-size:22px!important}
body.grani-shop .price__old,
body.grani-shop .price__old-val{color:rgba(255,255,255,.45)!important}
/* кнопки покупки — стекло, как на странице «Оборудование»
   GRANI_CATALOG_BTN_GLASS_UNIFY — 03.09.2026: раньше тут была сплошная
   градиентная заливка, а на /catalog/oborudovanie/ отдельным правилом ниже
   (body.grani-shop-equipment) — стеклянная. По просьбе Авдала делаем
   стеклянный стиль единым для всех категорий каталога. */
body.grani-shop .catalog-block .btn,
body.grani-shop .catalog-block button.btn{background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;
  border-radius:24px!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body.grani-shop .catalog-block .btn:hover,
body.grani-shop .catalog-block button.btn:hover{background:rgba(255,255,255,.14)!important}
body.grani-shop .sticker{border-radius:9px!important}
/* мелочи, мешающие на тёмном */
body.grani-shop .btn-fast-view{display:none!important}
body.grani-shop .catalog-block__wrapper{background:transparent!important}

/* GRANI_SHOP_BRANDS — плитки брендов внутри категории идут другой разметкой
   (.sections-list), поэтому под общее правило не попадали. И фото товара
   схлопывалось до иконки: задаём зоне картинки высоту. */
body.grani-shop .sections-list__item,
body.grani-shop .sections-list__item-link,
body.grani-shop .sections-list .sections-list__item-link{
  background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.18)!important;
  border-radius:14px!important;box-shadow:none!important;color:#fff!important;
  background-image:none!important;text-decoration:none!important}
body.grani-shop .sections-list__item-link:hover{background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.34)!important}
body.grani-shop .sections-list__item-text,
body.grani-shop .sections-list a{color:#fff!important}
body.grani-shop .sections-list__item-image-wrapper{
  border-radius:10px!important;padding:6px!important}
/* фото товара в карточке
   GRANI_IMAGELIST_DOUBLE_BOX_FIX -- 03.09.2026: тут было своё height:180px
   и на .image-list, и на .image-list-wrapper, а ниже (GRANI_SHOP_BIGIMG)
   более позднее правило перебивало высоту wrapper на 200px (140px на
   мобильном) -- .image-list оставался 180px. Оба белые, разного размера --
   внутренний вылезал за внешний, получалась ступенчатая белая клякса
   ("будто вторая фотография"). Высоту больше не задаём тут -- её задаёт
   только .image-list-wrapper (GRANI_SHOP_BIGIMG), .image-list подстраивается
   по контенту и всегда совпадает с ним. */
body.grani-shop .catalog-block .image-list,
body.grani-shop .catalog-block .image-list-wrapper{
  display:flex!important;align-items:center;justify-content:center}

body.grani-shop .catalog-block .section-gallery-wrapper{width:100%;height:100%;}
body.grani-shop .catalog-block .image-list__link{display:flex;width:100%;height:100%}
/* фильтры и сортировка над списком */
body.grani-shop .sort-block,
body.grani-shop .dropdown-select,
body.grani-shop .sort-block *,
body.grani-shop .dropdown-select *{color:#fff!important}
body.grani-shop .dropdown-select{background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important}

/* GRANI_SHOP_IMGSIZE — картинка схлопывалась до иконки: у обёрток внутри
   галереи нулевая высота, поэтому проценты не работали. Задаём размер самой
   картинке, а обёрткам — растяжение. */
body.grani-shop .catalog-block .section-gallery-wrapper,
body.grani-shop .catalog-block .section-gallery-wrapper__item,
body.grani-shop .catalog-block .image-list__link{width:100%!important;height:100%!important;
  display:flex!important;align-items:center;justify-content:center}

/* GRANI_SHOP_IMGFIX — картинка в теме позиционируется абсолютно внутри
   обёртки, а высоту обёртке никто не задавал. Плюс наше же более раннее
   правило max-height:100% держало её в двадцать пикселей. */
body.grani-shop .catalog-block .image-list-wrapper{position:relative!important;width:100%!important;padding:0!important}
body.grani-shop .catalog-block .image-list img,
body.grani-shop .catalog-block .image-list-wrapper img{position:absolute!important;
  top:0!important;bottom:0!important;left:0!important;right:0!important;margin:auto!important;
  object-fit:contain}
body.grani-shop .catalog-block .image-list img[height],
body.grani-shop .catalog-block .image-list-wrapper img[height]{max-height:150px!important}

/* GRANI_SHOP_DETAIL — карточка товара. Тема рассчитана на светлый фон:
   правый блок покупки, наличие и характеристики оставались белыми, а текст
   характеристик — тёмным. Переводим в стекло и белый текст. */
/* заголовок и общий текст */
body.grani-shop .detail h1,
body.grani-shop .element-detail h1{text-align:left!important}
body.grani-shop .detail,
body.grani-shop .detail *:not(.btn):not(.sticker):not(i):not(svg):not(use){color:#fff}
/* фото товара */
body.grani-shop .detail .product-detail-gallery,
body.grani-shop .detail .detail-gallery,
body.grani-shop .detail .image-block,
body.grani-shop .detail .slides,
body.grani-shop .detail .item_slider{background:transparent!important}
body.grani-shop .detail .image-block img,
body.grani-shop .detail .detail_picture img,
body.grani-shop .detail .slides img{background:#fff!important;border-radius:16px!important}
/* правый блок: покупка, наличие, доставка */
body.grani-shop .detail .buy-block,
body.grani-shop .detail .prices-wrapper,
body.grani-shop .detail .detail-info,
body.grani-shop .detail .info-block,
body.grani-shop .detail .stockes,
body.grani-shop .detail .delivery-block,
body.grani-shop .detail .rounded-x,
body.grani-shop .detail .bordered{background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important;
  box-shadow:none!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* кнопки покупки — фирменный градиент */
body.grani-shop .detail .btn-default,
body.grani-shop .detail .btn-lg,
body.grani-shop .detail .js-basket-btn,
body.grani-shop .detail button.btn{background:linear-gradient(180deg,#2A7CF0,#0B4FA8)!important;
  border:0!important;color:#fff!important;border-radius:13px!important}
body.grani-shop .detail .btn-transparent,
body.grani-shop .detail .btn--ghost{background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.2)!important}
/* характеристики: подписи приглушённые, значения белые */
body.grani-shop .detail .properties .prop-name,
body.grani-shop .detail .char_name,
body.grani-shop .detail .props_list td:first-child{color:rgba(255,255,255,.55)!important}
body.grani-shop .detail .props_list td,
body.grani-shop .detail .properties *{color:#fff!important}
body.grani-shop .detail .props_list tr,
body.grani-shop .detail .props_list td{background:none!important;
  border-color:rgba(255,255,255,.12)!important}
/* вкладки под товаром */
body.grani-shop .tabs .tab-item,
body.grani-shop .tabs a,
body.grani-shop .nav-tabs a{color:rgba(255,255,255,.7)!important;background:none!important}
body.grani-shop .tabs .active a,
body.grani-shop .nav-tabs .active a{color:#fff!important}
body.grani-shop .tab-content,
body.grani-shop .tabs{background:none!important;border-color:rgba(255,255,255,.14)!important}

/* GRANI_SHOP_BUYBLOCK — правый столбец карточки называется
   .catalog-detail__cell-block; под прежние селекторы он не попадал и
   оставался белым, а текст в нём уже был перекрашен в белый. */
body.grani-shop .catalog-detail__cell-block,
body.grani-shop .catalog-detail__buy-block,
body.grani-shop .catalog-detail__forms{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important;
  box-shadow:none!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body.grani-shop .catalog-detail__cell-block *{background:none!important}
body.grani-shop .catalog-detail__cell-block a{color:#8FD0FF!important;
  background-image:none!important}
/* кнопки внутри правого блока */
body.grani-shop .catalog-detail__buy-block .btn{border-radius:13px!important}
body.grani-shop .catalog-detail__buy-block .btn-default,
body.grani-shop .catalog-detail__buy-block .js-basket-btn{
  background:linear-gradient(180deg,#2A7CF0,#0B4FA8)!important;border:0!important}
body.grani-shop .catalog-detail__buy-block .btn-transparent,
body.grani-shop .catalog-detail__buy-block .btn-link{
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.2)!important;
  color:#fff!important}
/* цена крупно и белым */
body.grani-shop .catalog-detail .price,
body.grani-shop .catalog-detail__cell-block .price,
body.grani-shop .price__new-val{color:#fff!important;font-weight:800!important}

/* GRANI_SHOP_GALLERY — фото на карточке лежит белым прямоугольником прямо
   на тёмном фоне. Скругляем и даём ему светлую подложку, как в списках. */
/* белую подложку не задаём: она растягивалась на весь блок галереи,
   а фото и так снято на белом. Только скругляем саму картинку. */
body.grani-shop .detail-gallery-big__picture,
body.grani-shop .detail-gallery-small__picture{border-radius:16px!important}
body.grani-shop .detail-gallery-big__item{border-radius:16px!important;overflow:hidden}
body.grani-shop .detail-gallery-small__item{border-radius:10px!important;overflow:hidden}

/* GRANI_SHOP_WIDE — на верхней странице каталога слева стоял список тех же
   категорий, что и плитки: одно и то же дважды. Список убираем, плитки
   получают всю ширину и становятся крупнее. Внутри категорий список
   оставляем — там он работает как фильтр по брендам. */
body.grani-shop-top .left_block,
body.grani-shop-top .sidebar{display:none!important}
body.grani-shop-top .section-content-wrapper,
body.grani-shop-top .main-wrapper{width:100%!important;max-width:none!important;
  margin-left:0!important;flex:1 1 100%!important}
@media (min-width:992px){
  body.grani-shop-top .sections-block{grid-template-columns:repeat(3,1fr)!important}
  body.grani-shop-top .sections-block__item-link{min-height:300px!important;
    padding:20px 16px 18px!important}
  body.grani-shop-top .sections-block__item-image-wrapper{padding:18px!important}
  body.grani-shop-top .sections-block__item-image{max-height:170px!important}
  body.grani-shop-top .sections-block__item-text{font-size:17px!important}
}

/* GRANI_SHOP_TILES3 — плитки каталога вставали узкими полосками: сетка
   темы даёт обёрткам фиксированную ширину. Раскладываем сами, без
   медиазапроса, а на телефоне переводим в две колонки. */
body.grani-shop .sections-block{gap:16px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0!important;
  padding:0!important;float:none!important}
body.grani-shop .sections-block > *{width:auto!important;max-width:none!important;
  min-width:0!important;flex:none!important;float:none!important;
  margin:0!important;padding:0!important}
body.grani-shop .sections-block__item{height:100%!important}

@media (max-width:767px){
  body.grani-shop .sections-block{grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important}
  body.grani-shop-top .sections-block__item-link{min-height:200px!important}
}

/* GRANI_SHOP_GRIDLIST — плитки лежат не прямо в .sections-block, а внутри
   вложенного .grid-list: наша сетка ставилась на пустой контейнер с одним
   ребёнком, поэтому всё сжималось в одну колонку. Ставим сетку на .grid-list.
   И убираем отступ под левый блок, который на верхней странице скрыт. */
body.grani-shop .sections-block{display:block!important}
body.grani-shop .sections-block .grid-list{display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;
  margin:0!important;padding:0!important}
body.grani-shop .sections-block .grid-list > *{width:auto!important;
  max-width:none!important;min-width:0!important;flex:none!important;
  margin:0!important;padding:0!important;float:none!important}
body.grani-shop-top .section-content-wrapper.with-leftblock{width:100%!important;
  max-width:none!important;margin-left:0!important;padding-left:0!important}
@media (max-width:767px){
  body.grani-shop .sections-block .grid-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}

/* GRANI_SHOP_TILEIMG — картинка категории мелкая: тема отдаёт превью 120px
   и не растягивает его. Увеличиваем и уменьшаем светлую зону вокруг. */
body.grani-shop .sections-block__item-image{image-rendering:auto}
body.grani-shop .sections-block__item-image-wrapper{
  min-height:0!important}
@media (max-width:767px){
  body.grani-shop .sections-block__item-image{height:110px!important}
}

/* GRANI_SHOP_ONEBG — фотографии сняты на белом, а мы клали под них ещё и
   светло-серую подложку: получалось два прямоугольника, один в другом.
   Делаем подложку чисто белой и растягиваем фото на неё — граница пропадает. */
body.grani-shop .sections-block__item-image-wrapper,
body.grani-shop .catalog-block .image-list,
body.grani-shop .catalog-block .image-list-wrapper,
body.grani-shop .sections-list__item-image-wrapper{background:#fff!important}

/* GRANI_HOME_CLEAN — на главной оставляем только наш первый экран.
   Блоки темы (витрина товаров, баннеры, «о компании», счётчики) убираем:
   всё это доступно ссылками из подвала. Разметку темы не трогаем, чтобы
   блоки можно было вернуть одной строкой. */
body.grani-hero-page .index-block,
body.grani-hero-page .catalog-items,
body.grani-hero-page .catalog-block,
body.grani-hero-page .catalog_sections_drag,
body.grani-hero-page .banners-img-with-text-list,
body.grani-hero-page .company-item__wrapper,
body.grani-hero-page .counter__count-wrapper,
body.grani-hero-page .front-blocks,
body.grani-hero-page .index-page-block{display:none!important}

/* GRANI_SHOP_BIGIMG — исходники мелкие (246x160 у категорий, 200x175 у
   товаров), поэтому крупнее делаем без растягивания за края: даём зоне
   фиксированную высоту, а картинке — вписаться в неё целиком.
   GRANI_LAZYLOAD_POP_FIX — 03.09.2026: width/height:auto считали размер
   от самой картинки — пока вместо неё лежит 1×1 заглушка (lazyload),
   картинка занимала пиксель, а после подгрузки резко вырастала до
   реального размера ("сначала маленькие, потом увеличенные"). Ставим
   100% от уже зафиксированной по высоте зоны — место одинаковое
   и до, и после загрузки, object-fit:contain не даёт исказить фото. */
body.grani-shop .sections-block__item-image-wrapper{height:200px!important;
  padding:8px!important;flex:0 0 auto!important;overflow:hidden}
body.grani-shop .sections-block__item-image{width:100%!important;height:100%!important;
  object-fit:contain}
body.grani-shop-top .sections-block__item-link{min-height:0!important;
  padding:14px 14px 16px!important}
body.grani-shop .catalog-block .image-list-wrapper{height:200px!important;
  overflow:hidden}
body.grani-shop .catalog-block .image-list img,
body.grani-shop .catalog-block .image-list-wrapper img{width:100%!important;
  height:100%!important}
@media (max-width:767px){
  body.grani-shop .sections-block__item-image-wrapper{height:130px!important}
  body.grani-shop .catalog-block .image-list-wrapper{height:140px!important}
  body.grani-shop .catalog-block .image-list img{max-height:130px!important}
}

/* ─────────────────────────────────────────────────────────────────────────
   [16.1] ФИЛЬТР «ЦЕНА», СОРТИРОВКА, ВИД «СПИСОК» (29.08.2026)
   Оставались белыми: попапы «Цена» и «Сначала популярные» (штатный
   dropdown-select с ползунком bx_ui_slider), переключатель вида
   плитка/список/прайс (toggle-panel) и вся строка карточки в режиме
   «Строчный вывод» (?display=list, класс catalog-list__*). Фото товара
   оставляем на светлой подложке (.image-list-wrapper уже сделано выше).
   ───────────────────────────────────────────────────────────────────────── */
/* ——— попапы «Цена» / «Сначала популярные» ———
   GRANI_SIDEBAR_CATEGORY_HEAD_DOUBLE_FRAME_FIX — 03.09.2026: тот же класс
   .dropdown-select__title стоит и на заголовке "Категория" в сайдбаре
   (.slide-block__head) — получалась рамка в рамке на всех страницах
   каталога. Исключаем его. */
body.grani-shop .dropdown-select__title:not(.slide-block__head){
  background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;box-shadow:none!important}
body.grani-shop .dropdown-select__title span{color:#fff!important}
body.grani-shop .dropdown-select__icon-down{filter:invert(1) brightness(1.6)}
body.grani-shop .dropdown-select__list{
  background:rgba(20,40,75,.92)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;
  box-shadow:0 20px 50px rgba(0,0,0,.35)!important}
body.grani-shop .dropdown-menu-inner{background:none!important}
body.grani-shop .dropdown-menu-item{color:rgba(255,255,255,.86)!important;background-image:none!important}
body.grani-shop .dropdown-menu-item:hover,
body.grani-shop .dropdown-menu-item--current{color:#8FD0FF!important}
body.grani-shop .bx_filter_parameters_box_title.rounded3.prices{color:#9FB3D6!important}
body.grani-shop .min-price,body.grani-shop .max-price{
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;border-radius:10px!important}
body.grani-shop .bx_ui_slider_track{background:rgba(255,255,255,.15)!important}
body.grani-shop .bx_ui_slider_pricebar_V{background:linear-gradient(90deg,#2A7CF0,#0B4FA8)!important}
body.grani-shop .bx_ui_slider_part span{color:#7C93B8!important}
body.grani-shop .bx_ui_slider_handle{background:linear-gradient(180deg,#fff,#D6DCE3)!important;
  border:2px solid #2A7CF0!important}
body.grani-shop .bx_filter_button_box .btn.btn-default,
body.grani-shop .bx_filter_search_button{
  background:linear-gradient(180deg,#2A7CF0,#0B4FA8)!important;color:#fff!important;border:0!important}
body.grani-shop .bx_filter_search_reset{color:rgba(255,255,255,.7)!important}
/* ——— переключатель вида (плитка / список / прайс) ——— */
body.grani-shop .toggle-panel__item{
  width:38px!important;height:38px!important;border-radius:10px!important;
  background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.18)!important}
body.grani-shop .toggle-panel__item svg{filter:invert(1) brightness(1.6)}
body.grani-shop .toggle-panel__item--current{
  background:linear-gradient(180deg,#2A7CF0,#0B4FA8)!important;border-color:transparent!important}
body.grani-shop .toggle-panel__item--current svg{filter:none}
/* ——— строчный вывод (?display=list) ——— */
body.grani-shop .catalog-list__wrapper{background:transparent!important}
body.grani-shop .catalog-list__item{background:transparent!important}
body.grani-shop .catalog-list__inner{background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:inset(0 round 18px)}
body.grani-shop .catalog-list__inner:hover{background-color:rgba(255,255,255,.10)!important}
body.grani-shop .catalog-list__info-title,
body.grani-shop .catalog-list__info-title a{color:#fff!important}

/* ─────────────────────────────────────────────────────────────────────────
   [17] ОБЫЧНЫЕ СТРАНИЦЫ (28.08.2026)
   О компании, блог, курьер, обучение, помощь, контакты, цены. Как и в
   магазине — не переписываем вёрстку темы, а перекрашиваем: правки в
   админке продолжают работать. Корзина, оформление и кабинет не входят.
   ───────────────────────────────────────────────────────────────────────── */
body.grani-page{background:#061a33}
body.grani-page .body{display:flex;flex-direction:column;
  background:
    radial-gradient(52% 30% at 78% 6%, rgba(42,124,240,.20) 0%, rgba(42,124,240,0) 66%),
    radial-gradient(46% 26% at 14% 46%, rgba(42,124,240,.12) 0%, rgba(42,124,240,0) 70%),
    linear-gradient(158deg,#061a33 0%,#0a325b 44%,#0c4173 70%,#0e4f8a 100%)!important}
body.grani-page .body > .main,
body.grani-page .layout > main{order:1;background:none!important;padding-top:0!important}
body.grani-page .headers-container,
body.grani-page .header-container,
body.grani-page .layout > .header-container{order:2}
body.grani-page .layout > footer,
body.grani-page .body > footer{order:3}

body.grani-page .container,
body.grani-page .maxwidth-theme,
body.grani-page .right_block,
body.grani-page .main-wrapper,
body.grani-page .section-content-wrapper{background:transparent!important}
/* текст и заголовки */
body.grani-page,
body.grani-page p,
body.grani-page li,
body.grani-page td,
body.grani-page span,
body.grani-page div{color:#fff}
body.grani-page h1{font-size:26px!important;text-transform:uppercase;
  letter-spacing:.02em;color:#fff!important;margin:0 0 18px!important}
body.grani-page h2,body.grani-page h3,body.grani-page h4{color:#fff!important}
body.grani-page .content a:not(.btn){color:#8FD0FF!important}
/* шапка на этих страницах */
.grani-head--page{margin:26px 0!important}
body.grani-page .grani-head > .grani-logo img{height:118px!important;width:auto;display:block}
body.grani-page .grani-head > .grani-back{display:inline-flex;align-items:center;gap:10px;
  height:44px!important;padding:0 16px!important;border-radius:13px!important;
  background:rgba(255,255,255,.055);color:#fff!important;font-size:13px;font-weight:700;
  border:1px solid rgba(255,255,255,.18);text-decoration:none!important;
  background-image:none!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* карточки, панели и левое меню раздела */
body.grani-page .sidebar,
body.grani-page .item-accordion-wrapper,
body.grani-page .slide-block,
body.grani-page .contacts-list__item,
body.grani-page .contacts__sticky-panel,
body.grani-page .news-list__item,
body.grani-page .blog-list__item,
body.grani-page .company-item__wrapper,
body.grani-page .grey-bg{background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important;
  box-shadow:none!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* GRANI_PAGE_FAQ_BG_FIX — 07.09.2026: у блока «Вопрос/ответ» родитель .accordion
   (обёртка вокруг всех вопросов, класс темы Aspro) красится темой сплошным
   белым (var(--black_bg_black)), а не самими .item-accordion-wrapper —
   стеклянная заливка карточек поверх сплошного белого всё равно давала
   белый. Гасим фон родителя, стекло остаётся только на карточках вопросов. */
body.grani-page .faq-items .accordion{background:none!important}

/* GRANI_FAQ_HOVER_LINE_FIX — 07.09.2026: у вопроса в блоке «Вопрос/ответ»
   тема поверх текста рисует бегущую линию (background-size у .accordion-head
   при наведении) — тот же приём и та же беда, что раньше правили на строках
   поиска (см. GRANI_HOVER_LAYER выше). Гасим линию, добавляем ту же мягкую
   подсветку отдельным слоем ::before. */
body.grani-page .accordion-head{background-image:none!important;background-size:auto!important}
body.grani-page .item-accordion-wrapper{position:relative;isolation:isolate}
body.grani-page .item-accordion-wrapper::before{content:"";position:absolute;inset:0;
  z-index:-1;pointer-events:none;opacity:0;border-radius:inherit;
  background:linear-gradient(90deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.04) 62%,rgba(255,255,255,0) 100%);
  transition:opacity .16s ease}
body.grani-page .item-accordion-wrapper:hover::before,
body.grani-page .item-accordion-wrapper:focus-within::before{opacity:1}
@media (prefers-reduced-motion:reduce){
  body.grani-page .item-accordion-wrapper::before{transition:none}
}

/* GRANI_FAQ_GAP_FIX — 07.09.2026: карточки вопросов теперь отдельные
   (стекло + скругление у каждой, см. GRANI_PAGE_FAQ_BG_FIX), а тема
   по умолчанию сажает их вплотную (margin-bottom:-1px — приём для
   непрерывного списка с общими границами, который был нужен, пока
   фон был один сплошной). Разводим карточки зазором. */
body.grani-page .item-accordion-wrapper{margin-bottom:12px!important}
body.grani-page .item-accordion-wrapper:last-of-type{margin-bottom:0!important}

/* GRANI_FAQ_COMPACT — 07.09.2026: карточки вопросов поменьше по высоте —
   плотнее внутренние отступы у вопроса и у превью ответа. Стрелку переводим
   на top:50%\/transform вместо фиксированного пикселя, чтобы не съезжала
   при любой дальнейшей правке отступов. */
body.grani-page .faq-list .accordion-head{padding-top:13px!important;padding-bottom:13px!important}
body.grani-page .faq-list .accordion-preview{margin-top:6px!important;margin-bottom:10px!important}
body.grani-page .accordion-head .svg-inline-right-arrow{top:50%!important;transform:translateY(-50%)!important}
body.grani-page .accordion-head:hover .svg-inline-right-arrow{transform:translateY(-50%) scale(1.1)!important}
body.grani-page .accordion-head.accordion-open .svg-inline-right-arrow{transform:translateY(-50%) rotate(135deg)!important}
body.grani-page .accordion-head.accordion-open:hover .svg-inline-right-arrow{transform:translateY(-50%) rotate(135deg) scale(1.1)!important}

/* GRANI_PAGE_ORDER_CARD_FIX — 29.08.2026: карточка «Заказать услугу» внизу
   страницы одной услуги (.detail-block.ordered-block .grey-bg,
   компонент order-info-block) в этот список не попала — фон был
   #fafafa от темы (var(--light2_bg_black) не переопределена под тёмную
   тему), а текст внутри — белым по общему правилу body.grani-page div,
   отсюда белая плитка с почти невидимым текстом. Добавлена в общий
   список карточек выше вместо отдельного правила. */
body.grani-page .left_block *,
body.grani-page .sidebar *{background:none!important;color:#fff!important;
  border-color:rgba(255,255,255,.12)!important}
body.grani-page .left_block a,
body.grani-page .sidebar a{color:rgba(255,255,255,.86)!important;
  background-image:none!important;text-decoration:none!important}
body.grani-page .left_block a:hover,
body.grani-page .sidebar a:hover{color:#8FD0FF!important}
body.grani-page .left_block a.link--active,
body.grani-page .sidebar a.link--active{color:rgba(255,255,255,.86)!important;font-weight:700;text-decoration:underline!important}
/* кнопки */
body.grani-page .btn-default,
body.grani-page .btn-lg{background:linear-gradient(135deg,#8a929c 0%,#4d545c 100%)!important;
  border:1px solid #6b727a!important;color:#fff!important;border-radius:13px!important}
body.grani-page .btn-default:hover,
body.grani-page .btn-lg:hover{background:linear-gradient(135deg,#9aa2ab 0%,#5c636b 100%)!important}
body.grani-page .btn-transparent{background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}

/* GRANI_PAGE_FIX (29.08.2026) — родной блок темы .page-top-info рисуется ДО
   контента компонента и на карточке ОДНОЙ услуги всегда оказывался выше
   своей шапки (grani-head--page): заголовок и кнопка «поделиться» теперь
   рисуются в detail.php сразу после шапки, в правильном порядке, а родной
   блок темы для этой страницы скрыт. Селектор — по :has(.grani-detail-title),
   а не по body.grani-page: класс grani-page стоит на ВСЕХ обычных страницах
   (company, blog, dostavka и т.д. — см. $graniDark в header.php), у них
   .page-top-info и так уже шёл после pagehead.php и его прятать нельзя —
   первая версия правила гасила заголовок «О компании» и подобные им. */
body:has(.grani-detail-title) .page-top-info{display:none!important}
body.grani-page .breadcrumbs{display:none!important}
body.grani-page .grani-detail-title{display:flex;align-items:center;
  justify-content:space-between;gap:16px;margin:0 0 6px}
/* всплывающие окна оставляем светлыми, как их задумала тема */
body.grani-page .jqmWindow,
body.grani-page .jqmWindow *,
body.grani-page .popup,
body.grani-page .popup *,
body.grani-page .cookie,
body.grani-page .cookie *,
body.grani-page [class*="cookie"],
body.grani-page [class*="cookie"] *{color:#222!important}
body.grani-page .jqmWindow .btn,
body.grani-page [class*="cookie"] .btn{color:#fff!important}

/* GRANI_PAGE_TABLE — таблицы на светлых страницах остались в цветах темы:
   шапка белым по белому, названия позиций тёмные. Переводим в тёмное. */
body.grani-page table{background:none!important;border-color:rgba(255,255,255,.14)!important}
body.grani-page table th,
body.grani-page table thead td{background:rgba(255,255,255,.08)!important;
  color:#fff!important;border-color:rgba(255,255,255,.16)!important}
body.grani-page table td{background:none!important;color:#fff!important;
  border-color:rgba(255,255,255,.10)!important}
body.grani-page table tr:nth-child(even) td{background:rgba(255,255,255,.03)!important}
body.grani-page table td a,
body.grani-page table th a{color:#fff!important;background-image:none!important;
  text-decoration:none!important}
body.grani-page table td a:hover{color:#8FD0FF!important}
body.grani-page .tables-responsive,
body.grani-page .table-responsive{background:none!important}

/* GRANI_PAGE_THEAD — у шапки таблицы тема красит фон правилом с большим
   весом, из-за чего оставалась белая полоса с белым текстом. */
body.grani-page table thead,
body.grani-page table thead tr,
body.grani-page table thead th,
body.grani-page table thead td,
body.grani-page .tables-responsive table thead td,
body.grani-page .colored_table thead td{
  background:rgba(255,255,255,.10)!important;color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;font-weight:700!important}
body.grani-page table thead td *,
body.grani-page table thead th *{color:#fff!important}

/* GRANI_PAGE_LINKS — заголовки карточек и обычные ссылки в контенте тема
   красит тёмным: на светлом фоне это правильно, на нашем — не видно. */
body.grani-page a.dark_link,
body.grani-page .news-item a,
body.grani-page .blog-item a,
body.grani-page .switcher-title,
body.grani-page .item-title a,
body.grani-page .item-views__title a,
body.grani-page h2 a, body.grani-page h3 a, body.grani-page h4 a{
  color:#fff!important;background-image:none!important;text-decoration:none!important}
body.grani-page a.dark_link:hover,
body.grani-page .item-views__title a:hover{color:#8FD0FF!important}
body.grani-page .item-views__item-info,
body.grani-page .item-views__date,
body.grani-page .date{color:rgba(255,255,255,.6)!important}

/* ─────────────────────────────────────────────────────────────────────────
   [18] КОРЗИНА, ОФОРМЛЕНИЕ, КАБИНЕТ (28.08.2026)
   Только цвета. Разметку, поля и суммы не трогаем — за них отвечает Битрикс,
   и любая правка здесь дороже ошибки в вёрстке.
   ───────────────────────────────────────────────────────────────────────── */
body.grani-page .basket-checkout-container,
body.grani-page .basket-items-list,
body.grani-page .basket-items-list-wrapper,
body.grani-page .basket-item-block,
body.grani-page .order-block,
body.grani-page .order-checkout,
body.grani-page .bx-soa-section,
body.grani-page .bx-soa-cart-total,
body.grani-page .personal-block{background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important;
  box-shadow:none!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body.grani-page .basket-checkout-container *,
body.grani-page .bx-soa-section *,
body.grani-page .bx-soa-cart-total *{color:#fff!important;background:none!important}
/* цена и итог */
body.grani-page .basket-item-price-current,
body.grani-page .basket-coupon-block-total-price-current,
body.grani-page .bx-soa-cart-total-line-total{color:#fff!important;font-weight:800!important}
body.grani-page .basket-item-price-old,
body.grani-page .basket-item-price-per{color:rgba(255,255,255,.55)!important}
/* поля ввода: светлое поле на тёмном читается плохо, делаем стеклянным */
body.grani-page input[type="text"],
body.grani-page input[type="tel"],
body.grani-page input[type="email"],
body.grani-page input[type="password"],
body.grani-page input[type="number"],
body.grani-page textarea,
body.grani-page select{background:rgba(255,255,255,.08)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important}
body.grani-page input::placeholder,
body.grani-page textarea::placeholder{color:rgba(255,255,255,.5)!important}
/* фото товара в корзине — на белом, как в каталоге */
body.grani-page .basket-item-image,
body.grani-page .basket-item-image-container{background:#fff!important;
  border-radius:12px!important}
/* пустая корзина: иконка была чёрной на тёмном */
body.grani-page .basket-empty svg,
body.grani-page .basket-empty img,
body.grani-page .empty-block svg{filter:invert(1) brightness(1.6);opacity:.5}
/* кнопки оформления */
body.grani-page .basket-btn-checkout,
body.grani-page .bx-soa-cart-total .btn{background:linear-gradient(180deg,#2A7CF0,#0B4FA8)!important;
  border:0!important;color:#fff!important;border-radius:13px!important}

/* GRANI_SEARCH_PAGE — заголовки найденного тема красит тёмным. */
body.grani-page .search-item__title,
body.grani-page .search-page a,
body.grani-page .search-result a,
body.grani-page .search-item a{color:#fff!important;background-image:none!important}
body.grani-page .search-item a:hover{color:#8FD0FF!important}
body.grani-page .search-item__path,
body.grani-page .search-item .breadcrumbs{display:block!important;
  color:rgba(255,255,255,.55)!important}
body.grani-page mark, body.grani-page b{color:#8FD0FF!important;background:none!important}

/* GRANI_MOB_ALL — мобильные размеры шапки были привязаны только к страницам
   услуг и прайса. Теперь шапка одна на весь сайт, поэтому задаём их без
   привязки к разделу: логотип 40px, поиск и контакты иконками. */
@media (max-width:767px){
  .grani-head{position:relative;display:grid!important;
    grid-template-columns:1fr auto 1fr!important;align-items:center;gap:10px;margin:16px 0!important}
  .grani-head > .grani-logo img{height:40px!important;width:auto!important}
  .grani-head > .grani-back{order:1;justify-self:start;width:42px!important;
    height:42px!important;padding:0!important;justify-content:center;border-radius:13px!important}
  .grani-head > .grani-back span{display:none}
  .grani-head > .grani-logo{order:2;justify-self:center}
  .grani-right{order:3;justify-self:end;display:flex;align-items:center;gap:8px;
    flex-wrap:nowrap!important}
  .grani-right .grani-search{width:42px!important;flex:0 0 42px!important;height:42px}
  .grani-right .grani-search__field{width:42px!important;height:42px!important;
    padding:0!important;justify-content:center;border-radius:13px}
  .grani-right .grani-contacts .phones__phone-first{width:42px!important;height:42px!important;
    padding:0!important;justify-content:center;border-radius:13px;font-size:0!important}
  .grani-head.is-search .grani-search{width:auto!important;flex:none!important;
    left:0;right:0}
  .grani-head.is-search .grani-search__field{width:100%!important;
    justify-content:flex-start;padding:0 14px!important}
}

/* GRANI_MOB_LOGO — правила размера логотипа заданы через body-класс, поэтому
   весят больше короткого мобильного селектора и логотип оставался огромным.
   Повторяем цепочку для всех типов страниц. */
@media (max-width:767px){
  body.grani-page .grani-head > .grani-logo img,
  body.grani-shop .grani-head > .grani-logo img,
  body.grani-tiles-page .grani-head > .grani-logo img,
  body.grani-price .grani-head > .grani-logo img{height:40px!important;width:auto!important}
  body.grani-page .grani-head > .grani-back,
  body.grani-shop .grani-head > .grani-back{width:42px!important;height:42px!important;
    padding:0!important;justify-content:center}
  body.grani-page .grani-head > .grani-back span,
  body.grani-shop .grani-head > .grani-back span{display:none}
  body.grani-page .grani-right .grani-contacts .phones__phone-first,
  body.grani-shop .grani-right .grani-contacts .phones__phone-first{
    width:42px!important;height:42px!important;padding:0!important;font-size:0!important}
}

/* GRANI_PAGE_HEADERS — на обычных страницах оставались две шапки темы:
   «прилипающая» сверху (появляется при прокрутке) и обычная внизу, обе
   синие. Первую убираем совсем, вторую делаем прозрачной, как на страницах
   услуг и в магазине: логотип и меню остаются, поиск и корзина — нет,
   они есть в нашей шапке. */
body.grani-page .fixed-header,
body.grani-page .header.fixed,
body.grani-page .header--fixed,
body.grani-page .header_fixed,
body.grani-page .sticky-header,
body.grani-page .js-fixed-header,
body.grani-page .header-wrapper.fixed{display:none!important}
body.grani-page .headers-container,
body.grani-page .header-container,
body.grani-page .header_1,
body.grani-page .header,
body.grani-page .header__inner,
body.grani-page .header__top-part,
body.grani-page .header__bottom-part,
body.grani-page .header__main-part,
body.grani-page .header-container > div{background:none!important;border:0!important;
  box-shadow:none!important}
/* строка с каталогом, поиском и иконками в нижней шапке не нужна */
body.grani-page .header__main-part{display:none!important}
body.grani-page .header__top-part .phones,
body.grani-page .header__top-part .dop_block_header,
body.grani-page .mobileheader .phones,
body.grani-page .mobileheader .dop_block_header{display:none!important}
@media (min-width:992px){
  body.grani-page .header__top-inner{position:relative}
  body.grani-page .header__top-inner > .header-menu{position:absolute;left:50%;top:50%;
    transform:translate(-50%,-50%);margin:0}
}

/* GRANI_SHOP_GATES — на входе в магазин две крупные плитки. Штатный список
   категорий прячем, пока ворота не выбраны: адреса разделов при этом
   не меняются, маникюрные открываются по ?g=manikur. */
body.grani-shop-gates .sections-block,
body.grani-shop-gates .sections-list,
body.grani-shop-gates .catalog-block,
body.grani-shop-gates .catalog-section-list{display:none!important}
body.grani-shop .grani-gates{display:flex!important;flex-wrap:wrap;
  justify-content:center;gap:18px;margin:0 0 24px}
body.grani-shop .grani-gates > .grani-tile{flex:0 1 clamp(300px,34%,460px);
  height:clamp(260px,calc(100vh - 320px),430px);min-height:0}
body.grani-shop .grani-gates .grani-tile__note{color:rgba(255,255,255,.52)}
@media (max-width:767px){
  body.grani-shop .grani-gates{gap:10px}
  body.grani-shop .grani-gates > .grani-tile{flex:0 1 calc(50% - 7px);height:auto;
    min-height:190px}
}

/* GRANI_GATES_FIX — у блока ворот убираем фон-подложку от общей сетки плиток,
   а из маникюрного списка прячем раздел «Оборудование»: он живёт за своей
   плиткой-воротами. */
body.grani-shop .grani-gates{background:none!important;padding:0!important;
  border-radius:0!important;overflow:visible!important}
body.grani-shop .grani-gates::before{display:none!important}
body.grani-shop-top .sections-block__wrapper:has(a[href*="/catalog/oborudovanie/"]),
body.grani-shop-top .sections-block__item:has(a[href*="/catalog/oborudovanie/"]),
body.grani-shop-top .sections-list__wrapper:has(a[href*="/catalog/oborudovanie/"]){
  display:none!important}

/* GRANI_FEW_V4 — вариант 4: логотип крупнее, плитки компактнее. Ряд из двух
   плиток центрируем по остатку высоты, чтобы он не прижимался к шапке. */
body.grani-tiles-page .grani-head > .grani-logo img{height:140px!important}
body.grani-tiles-page .grani-tiles--few{justify-content:center!important;
  align-content:center!important;gap:20px!important;
  min-height:calc(100vh - 330px)}
body.grani-tiles-page .grani-tiles--few > .grani-tile{
  flex:0 1 500px!important;height:300px!important;min-height:0!important}
@media (max-width:767px){
  body.grani-tiles-page .grani-head > .grani-logo img{height:40px!important}
  body.grani-tiles-page .grani-tiles--few{min-height:0;gap:10px!important}
  body.grani-tiles-page .grani-tiles--few > .grani-tile{
    flex:0 1 calc(50% - 7px)!important;height:auto!important;min-height:176px!important}
}

/* GRANI_FEW_V5B — на странице с двумя плитками логотип крупнее и вся
   композиция опущена ниже, ближе к середине экрана. Правило привязано
   к наличию блока из двух плиток, чтобы страницы с девятью не задело. */
body.grani-tiles-page:has(.grani-tiles--few) .grani-head{margin:72px 0 30px!important}
body.grani-tiles-page:has(.grani-tiles--few) .grani-head > .grani-logo img{
  height:165px!important}
body.grani-tiles-page:has(.grani-tiles--few) .grani-tiles--few{
  min-height:calc(100vh - 420px)}
@media (max-width:767px){
  body.grani-tiles-page:has(.grani-tiles--few) .grani-head{margin:16px 0!important}
  body.grani-tiles-page:has(.grani-tiles--few) .grani-head > .grani-logo img{
    height:40px!important}
  body.grani-tiles-page:has(.grani-tiles--few) .grani-tiles--few{min-height:0}
}

/* GRANI_NO_VIEWED — блок «Вы смотрели» решено убрать: он повторяет
   то, что человек и так только что видел, и мешает на странице. */
.viewed-block,.viewed_block,.viewed-products,
[class*="viewed"]:not(.viewed-link){display:none!important}

/* строку с каталогом, поиском и иконками убираем, меню оставляем */
body.grani-hero-page .header__main-part .header-search,
body.grani-hero-page .header__main-part .header-cart,
body.grani-hero-page .header__main-part .header-cabinet,
body.grani-hero-page .header__main-part .compare-link,
body.grani-hero-page .header__main-part .favorite-link,
body.grani-hero-page .header__main-part .basket-link,
body.grani-hero-page .header__burger{display:none!important}
body.grani-hero-page .header-menu,
body.grani-hero-page .header-menu__link{color:#fff!important}
body.grani-hero-page .header-menu__link{background-image:none!important}

/* GRANI_HOME_HEADER_TRIM — в шапке на главной оставляем логотип и меню.
   Строку с поиском, избранным и сравнением убираем: поиск у нас свой,
   а эти иконки на главной не нужны. Классы взяты с живой страницы. */
body.grani-hero-page .header__main-part,
body.grani-hero-page .header__main-inner,
body.grani-hero-page .header__search,
body.grani-hero-page .header-favorite,
body.grani-hero-page .favorite-block,
body.grani-hero-page .header__bottom-part,
body.grani-hero-page .header__inner--shadow-fixed{display:none!important}
/* меню и логотип оставляем видимыми */
body.grani-hero-page .header__top-part,
body.grani-hero-page .header__top-inner,
body.grani-hero-page .header__top-item{display:block!important}
body.grani-hero-page .header__top-inner{display:flex!important;align-items:center}

/* GRANI_HOME_HEADER_BG2 — фон у шапки на главной держался ещё на .header__inner
   и .header__top-part, из-за чего полоса выделялась светлее фона страницы. */
body.grani-hero-page .headers-container,
body.grani-hero-page .header__inner,
body.grani-hero-page .header__top-part,
body.grani-hero-page .header__top-inner,
body.grani-hero-page .header__top-item{background:none!important;
  background-color:transparent!important;background-image:none!important}

/* GRANI_PRICE_V3 — вариант 3: карточка прайса компактнее, цена идёт сразу
   под названием. Пустоты в коротких позициях исчезают, ряды становятся ровнее. */
.block_price .colored_table tr:not(:has(label)){padding:14px 16px!important;
  min-height:0!important}
.block_price .colored_table tr td:first-child{margin-bottom:6px}
.block_price .colored_table td a{font-size:15px!important}
.block_price .colored_table td:nth-child(2){font-size:20px!important;margin-top:0!important}

/* ─────────────────────────────────────────────────────────────────────────
   [19] ЕДИНАЯ НИЖНЯЯ ШАПКА (28.08.2026)
   Один набор правил на все разделы: главная, плитки, прайс, магазин и
   обычные страницы. Раньше у каждого типа были свои — отсюда разнобой.
   ───────────────────────────────────────────────────────────────────────── */
body.grani-hero-page .headers-container,
body.grani-tiles-page .headers-container,
body.grani-price .headers-container,
body.grani-shop .headers-container,
body.grani-page .headers-container,
body.grani-hero-page .header-container,
body.grani-tiles-page .header-container,
body.grani-price .header-container,
body.grani-shop .header-container,
body.grani-page .header-container{
  order:2;background:none!important;background-image:none!important;
  border:0!important;box-shadow:none!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
  padding:14px 0!important;margin:0!important}
body.grani-hero-page .header,
body.grani-tiles-page .header,
body.grani-price .header,
body.grani-shop .header,
body.grani-page .header,
body.grani-hero-page .header_1,
body.grani-tiles-page .header_1,
body.grani-price .header_1,
body.grani-shop .header_1,
body.grani-page .header_1,
body.grani-hero-page .header__inner,
body.grani-tiles-page .header__inner,
body.grani-price .header__inner,
body.grani-shop .header__inner,
body.grani-page .header__inner,
body.grani-hero-page .header__top-part,
body.grani-tiles-page .header__top-part,
body.grani-price .header__top-part,
body.grani-shop .header__top-part,
body.grani-page .header__top-part,
body.grani-hero-page .header__bottom-part,
body.grani-tiles-page .header__bottom-part,
body.grani-price .header__bottom-part,
body.grani-shop .header__bottom-part,
body.grani-page .header__bottom-part,
body.grani-hero-page .header-container > div,
body.grani-tiles-page .header-container > div,
body.grani-price .header-container > div,
body.grani-shop .header-container > div,
body.grani-page .header-container > div,
body.grani-hero-page .header-container .maxwidth-theme,
body.grani-tiles-page .header-container .maxwidth-theme,
body.grani-price .header-container .maxwidth-theme,
body.grani-shop .header-container .maxwidth-theme,
body.grani-page .header-container .maxwidth-theme{
  background:none!important;background-image:none!important;
  border:0!important;box-shadow:none!important}
/* строку с каталогом, поиском, корзиной и «избранным» в нижней шапке не показываем */
body.grani-hero-page .header__main-part,
body.grani-tiles-page .header__main-part,
body.grani-price .header__main-part,
body.grani-shop .header__main-part,
body.grani-page .header__main-part,
body.grani-hero-page .header__top-part .phones,
body.grani-tiles-page .header__top-part .phones,
body.grani-price .header__top-part .phones,
body.grani-shop .header__top-part .phones,
body.grani-page .header__top-part .phones,
body.grani-hero-page .header__top-part .dop_block_header,
body.grani-tiles-page .header__top-part .dop_block_header,
body.grani-price .header__top-part .dop_block_header,
body.grani-shop .header__top-part .dop_block_header,
body.grani-page .header__top-part .dop_block_header,
body.grani-hero-page .mobileheader .phones,
body.grani-tiles-page .mobileheader .phones,
body.grani-price .mobileheader .phones,
body.grani-shop .mobileheader .phones,
body.grani-page .mobileheader .phones,
body.grani-hero-page .mobileheader .dop_block_header,
body.grani-tiles-page .mobileheader .dop_block_header,
body.grani-price .mobileheader .dop_block_header,
body.grani-shop .mobileheader .dop_block_header,
body.grani-page .mobileheader .dop_block_header{display:none!important}
/* логотип не должен съезжать: выравниваем по центру строки */
body.grani-hero-page .header__top-inner,
body.grani-tiles-page .header__top-inner,
body.grani-price .header__top-inner,
body.grani-shop .header__top-inner,
body.grani-page .header__top-inner{align-items:center!important}
body.grani-hero-page .header__top-item,
body.grani-tiles-page .header__top-item,
body.grani-price .header__top-item,
body.grani-shop .header__top-item,
body.grani-page .header__top-item{display:flex;align-items:center}
body.grani-hero-page .header-container .logo,
body.grani-tiles-page .header-container .logo,
body.grani-price .header-container .logo,
body.grani-shop .header-container .logo,
body.grani-page .header-container .logo{margin:0!important;line-height:0}
body.grani-hero-page .header-container .logo img,
body.grani-tiles-page .header-container .logo img,
body.grani-price .header-container .logo img,
body.grani-shop .header-container .logo img,
body.grani-page .header-container .logo img{display:block;height:44px;width:auto}
/* меню ровно по центру строки */
@media (min-width:992px){
body.grani-hero-page .header__top-inner,
body.grani-tiles-page .header__top-inner,
body.grani-price .header__top-inner,
body.grani-shop .header__top-inner,
body.grani-page .header__top-inner{position:relative}
body.grani-hero-page .header__top-inner > .header-menu,
body.grani-tiles-page .header__top-inner > .header-menu,
body.grani-price .header__top-inner > .header-menu,
body.grani-shop .header__top-inner > .header-menu,
body.grani-page .header__top-inner > .header-menu{position:absolute;left:50%;top:50%;
    transform:translate(-50%,-50%);margin:0}
}

/* GRANI_HEADER_LOGO — в магазине логотип нижней шапки выходил вдвое крупнее,
   чем на остальных страницах: у темы там свой размер. Задаём общий. */
body.grani-hero-page .headers-container .logo img,
body.grani-hero-page .headers-container .logo a img,
body.grani-hero-page .header-container .logo img,
body.grani-hero-page .header-container .logo a img,
body.grani-tiles-page .headers-container .logo img,
body.grani-tiles-page .headers-container .logo a img,
body.grani-tiles-page .header-container .logo img,
body.grani-tiles-page .header-container .logo a img,
body.grani-price .headers-container .logo img,
body.grani-price .headers-container .logo a img,
body.grani-price .header-container .logo img,
body.grani-price .header-container .logo a img,
body.grani-shop .headers-container .logo img,
body.grani-shop .headers-container .logo a img,
body.grani-shop .header-container .logo img,
body.grani-shop .header-container .logo a img,
body.grani-page .headers-container .logo img,
body.grani-page .headers-container .logo a img,
body.grani-page .header-container .logo img,
body.grani-page .header-container .logo a img{
  height:40px!important;width:auto!important;max-height:40px!important;display:block}

/* GRANI_HEADER_MID — содержимое строки выравниваем по центру по вертикали.
   Раскладку темы не трогаем: только выравнивание, иначе шапка растягивается. */
body.grani-hero-page .headers-container .header__top-inner,
body.grani-hero-page .header-container .header__top-inner,
body.grani-tiles-page .headers-container .header__top-inner,
body.grani-tiles-page .header-container .header__top-inner,
body.grani-price .headers-container .header__top-inner,
body.grani-price .header-container .header__top-inner,
body.grani-shop .headers-container .header__top-inner,
body.grani-shop .header-container .header__top-inner,
body.grani-page .headers-container .header__top-inner,
body.grani-page .header-container .header__top-inner{align-items:center!important}

/* GRANI_HOME_BG2 — под нижней шапкой на главной оставался белый фон темы:
   вместе с лишними правилами я снёс и градиент. Возвращаем его, а шапке
   на главной показываем меню — тема прячет его в «узком» варианте. */
body.grani-hero-page .body,
body.grani-hero-page .layout{
  background:
    radial-gradient(52% 30% at 78% 6%, rgba(42,124,240,.20) 0%, rgba(42,124,240,0) 66%),
    radial-gradient(46% 26% at 14% 46%, rgba(42,124,240,.12) 0%, rgba(42,124,240,0) 70%),
    linear-gradient(158deg,#061a33 0%,#0a325b 44%,#0c4173 70%,#0e4f8a 100%)!important}
body.grani-hero-page .header--narrow,
body.grani-hero-page .header_1{background:none!important;border:0!important}
body.grani-hero-page .header-menu{display:block!important;visibility:visible!important}
body.grani-hero-page .header-menu__link,
body.grani-hero-page .header-menu a{color:#fff!important;background-image:none!important}

/* GRANI_HEADER_EVEN — над логотипом в нижней шапке было 38px, под ним 22:
   отступы контейнера симметричны, а смещение давали поля самого логотипа
   и его ячейки. Обнуляем их — строка становится ровной по центру. */
body.grani-hero-page .headers-container .logo,
body.grani-hero-page .header-container .logo,
body.grani-tiles-page .headers-container .logo,
body.grani-tiles-page .header-container .logo,
body.grani-price .headers-container .logo,
body.grani-price .header-container .logo,
body.grani-shop .headers-container .logo,
body.grani-shop .header-container .logo,
body.grani-page .headers-container .logo,
body.grani-page .header-container .logo{margin:0!important;padding:0!important}
body.grani-hero-page .headers-container .logo a,
body.grani-hero-page .header-container .logo a,
body.grani-tiles-page .headers-container .logo a,
body.grani-tiles-page .header-container .logo a,
body.grani-price .headers-container .logo a,
body.grani-price .header-container .logo a,
body.grani-shop .headers-container .logo a,
body.grani-shop .header-container .logo a,
body.grani-page .headers-container .logo a,
body.grani-page .header-container .logo a{margin:0!important;padding:0!important;display:inline-flex;align-items:center}
body.grani-hero-page .headers-container .header__top-item,
body.grani-hero-page .header-container .header__top-item,
body.grani-tiles-page .headers-container .header__top-item,
body.grani-tiles-page .header-container .header__top-item,
body.grani-price .headers-container .header__top-item,
body.grani-price .header-container .header__top-item,
body.grani-shop .headers-container .header__top-item,
body.grani-shop .header-container .header__top-item,
body.grani-page .headers-container .header__top-item,
body.grani-page .header-container .header__top-item{margin-top:0!important;margin-bottom:0!important;
  padding-top:0!important;padding-bottom:0!important}
body.grani-hero-page .headers-container .header__top-inner,
body.grani-hero-page .header-container .header__top-inner,
body.grani-tiles-page .headers-container .header__top-inner,
body.grani-tiles-page .header-container .header__top-inner,
body.grani-price .headers-container .header__top-inner,
body.grani-price .header-container .header__top-inner,
body.grani-shop .headers-container .header__top-inner,
body.grani-shop .header-container .header__top-inner,
body.grani-page .headers-container .header__top-inner,
body.grani-page .header-container .header__top-inner{align-items:center!important}

/* GRANI_HEADER_MIDDLE — сам контейнер шапки выкладывает содержимое колонкой,
   и строка с логотипом прижималась к верху: 28px сверху против 12 снизу.
   Центрируем содержимое по вертикали. */
body.grani-hero-page .headers-container,
body.grani-hero-page .header-container,
body.grani-tiles-page .headers-container,
body.grani-tiles-page .header-container,
body.grani-price .headers-container,
body.grani-price .header-container,
body.grani-shop .headers-container,
body.grani-shop .header-container,
body.grani-page .headers-container,
body.grani-page .header-container{display:flex!important;flex-direction:column;justify-content:center!important}
body.grani-hero-page .headers-container .header__top-part,
body.grani-hero-page .header-container .header__top-part,
body.grani-tiles-page .headers-container .header__top-part,
body.grani-tiles-page .header-container .header__top-part,
body.grani-price .headers-container .header__top-part,
body.grani-price .header-container .header__top-part,
body.grani-shop .headers-container .header__top-part,
body.grani-shop .header-container .header__top-part,
body.grani-page .headers-container .header__top-part,
body.grani-page .header-container .header__top-part{width:100%}

/* GRANI_HEADER_ZERO — лишние 14px сверху давал не сам контейнер, а слои
   темы между ним и строкой с логотипом. Обнуляем их вертикальные отступы,
   тогда строка стоит ровно по центру шапки. */
body.grani-hero-page .headers-container header,
body.grani-hero-page .headers-container .header_1,
body.grani-hero-page .headers-container .header__inner,
body.grani-hero-page .headers-container .header__top-part,
body.grani-hero-page .headers-container .header__top-part > .maxwidth-theme,
body.grani-hero-page .header-container header,
body.grani-hero-page .header-container .header_1,
body.grani-hero-page .header-container .header__inner,
body.grani-hero-page .header-container .header__top-part,
body.grani-hero-page .header-container .header__top-part > .maxwidth-theme,
body.grani-tiles-page .headers-container header,
body.grani-tiles-page .headers-container .header_1,
body.grani-tiles-page .headers-container .header__inner,
body.grani-tiles-page .headers-container .header__top-part,
body.grani-tiles-page .headers-container .header__top-part > .maxwidth-theme,
body.grani-tiles-page .header-container header,
body.grani-tiles-page .header-container .header_1,
body.grani-tiles-page .header-container .header__inner,
body.grani-tiles-page .header-container .header__top-part,
body.grani-tiles-page .header-container .header__top-part > .maxwidth-theme,
body.grani-price .headers-container header,
body.grani-price .headers-container .header_1,
body.grani-price .headers-container .header__inner,
body.grani-price .headers-container .header__top-part,
body.grani-price .headers-container .header__top-part > .maxwidth-theme,
body.grani-price .header-container header,
body.grani-price .header-container .header_1,
body.grani-price .header-container .header__inner,
body.grani-price .header-container .header__top-part,
body.grani-price .header-container .header__top-part > .maxwidth-theme,
body.grani-shop .headers-container header,
body.grani-shop .headers-container .header_1,
body.grani-shop .headers-container .header__inner,
body.grani-shop .headers-container .header__top-part,
body.grani-shop .headers-container .header__top-part > .maxwidth-theme,
body.grani-shop .header-container header,
body.grani-shop .header-container .header_1,
body.grani-shop .header-container .header__inner,
body.grani-shop .header-container .header__top-part,
body.grani-shop .header-container .header__top-part > .maxwidth-theme,
body.grani-page .headers-container header,
body.grani-page .headers-container .header_1,
body.grani-page .headers-container .header__inner,
body.grani-page .headers-container .header__top-part,
body.grani-page .headers-container .header__top-part > .maxwidth-theme,
body.grani-page .header-container header,
body.grani-page .header-container .header_1,
body.grani-page .header-container .header__inner,
body.grani-page .header-container .header__top-part,
body.grani-page .header-container .header__top-part > .maxwidth-theme{
  padding-top:0!important;padding-bottom:0!important;
  margin-top:0!important;margin-bottom:0!important}

/* ─────────────────────────────────────────────────────────────────────────
   [20] БЛИК НА ЛОГОТИПЕ ПЕРВОГО ЭКРАНА (28.08.2026)
   Только на главной. Мягкое пятно света справа сверху: плавно проявляется
   и так же гаснет, ничего не двигается. Форму задаёт сам логотип — тот же
   PNG работает маской, поэтому свет не выходит за грани знака.
   ───────────────────────────────────────────────────────────────────────── */
.grani-hero__logowrap{position:relative;display:inline-block;line-height:0;
  margin:clamp(16px,3vh,54px) 0 0}
.grani-hero__logowrap .grani-hero__logo{margin:0!important}
.grani-hero__logowrap::after{content:"";position:absolute;inset:0;
  pointer-events:none;z-index:2;
  background:radial-gradient(circle at 73% 25%,
    rgba(255,255,255,.95) 0%,
    rgba(255,255,255,.55) 10%,
    rgba(255,255,255,.18) 22%,
    rgba(255,255,255,0) 38%);
  -webkit-mask-image:url('/images/hero/logo4.png');mask-image:url('/images/hero/logo4.png');
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  opacity:0;animation:graniGlow 1.15s ease-out .35s 1 both}
/* без плато: свет вспыхивает и сразу гаснет, не задерживаясь */
@keyframes graniGlow{
  0%{opacity:0}
  30%{opacity:1}
  100%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .grani-hero__logowrap::after{animation:none;opacity:0}
}

/* ─────────────────────────────────────────────────────────────────────────
   [21] РИТМ ЗАГОЛОВКОВ В ПРАЙСЕ (28.08.2026)
   Было: заголовок раздела («РЕМОНТ МИКРОМОТОРОВ») и заголовок подгруппы
   («ДИАГНОСТИКА И ПРОФИЛАКТИКА») рисовались одним размером — 19px/800,
   глаз не различал уровни. Плюс часть отступов шла через margin у <tr>,
   который применяется только когда тег принудительно превращён в блок —
   в одних местах это сработало, в других нет, отсюда «неровно».
   Теперь: h2 > заголовок раздела > заголовок подгруппы — три разных
   размера, и у каждого уровня свой фиксированный отступ, не зависящий
   от того, что стоит выше.
   ───────────────────────────────────────────────────────────────────────── */
/* «Стоимость услуг:» — вершина иерархии, не мельче заголовков ниже */
.block_price h2{font-size:30px!important;font-weight:800!important;
  letter-spacing:.02em!important;margin-bottom:28px!important}
/* заголовок раздела: РЕМОНТ МИКРОМОТОРОВ / КОМБО / РЕМОНТ БЛОКОВ УПРАВЛЕНИЯ */
.block_price .toogle > section > label{font-size:21px!important;
  padding:0 0 14px!important;margin-top:0!important}
.block_price .toogle + .toogle > section > label{margin-top:46px!important}
/* заголовок подгруппы: ДИАГНОСТИКА И ПРОФИЛАКТИКА, ЦАНГА И ФРЕЗЫ и т.д. —
   заметно мельче раздела, свой ровный отступ сверху и снизу */
.block_price .colored_table tr:has(label){margin:32px 0 14px!important}
.block_price .colored_table tr:has(label):first-child{margin-top:0!important}
.block_price .colored_table label{font-size:15px!important;font-weight:700!important;
  letter-spacing:.08em!important;color:rgba(255,255,255,.72)!important}
@media (max-width:767px){
  .block_price h2{font-size:24px!important;margin-bottom:20px!important}
  .block_price .toogle > section > label{font-size:18px!important}
  .block_price .toogle + .toogle > section > label{margin-top:34px!important}
  .block_price .colored_table tr:has(label){margin:24px 0 10px!important}
  .block_price .colored_table label{font-size:13px!important}
}


/* ============================================================
   ФУТЕР — карточки + стальная подпись (28.08.2026, по макетам)
   Три блока (меню / рассылка+соцсети / контакты) оформлены как
   стеклянные карточки на синем градиенте (в тон остального сайта),
   нижняя строка (копирайт, оплата) — тёмная сталь с плавным переходом.
   Разметку не трогаем, только переоформляем существующие блоки темы.
   ============================================================ */

/* верх — синий радиальный градиент вместо сплошной стали */
footer.footer .footer__main-part{
  background:radial-gradient(120% 140% at 20% -10%,#0e4f8a 0%,#0a325b 45%,#061a33 100%)!important;
}

/* три колонки как карточки: меню | рассылка+соцсети | контакты.
   align-items:stretch (по умолчанию) — все три тянутся по высоте на самую
   длинную, то есть одного размера (29.08.2026: сперва убирали пустые зоны
   через flex-start, потом решили, что три одинаковые плитки выглядят
   аккуратнее — содержимое внутри уже подтянуто, воздуха почти нет). */
footer.footer .footer__main-part-inner{
  display:flex!important;flex-wrap:wrap;align-items:stretch!important;gap:16px;
  justify-content:flex-start!important;padding:24px 0;
}
footer.footer .footer__part--left{
  display:flex;flex-wrap:wrap;align-items:stretch!important;gap:16px;flex:2 1 460px;
}
footer.footer .footer__part--left>.footer__main-part-menu,
footer.footer .footer__part--left>.footer__part-bottom{
  flex:1 1 210px;margin:0!important;
}
footer.footer .footer__part--right.footer--mw318{
  flex:1 1 220px;margin-left:0!important;max-width:none!important;min-width:0!important;
}

footer.footer .footer__main-part-menu,
footer.footer .footer__part-bottom,
footer.footer .footer__part--right .footer__info{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  border-radius:14px;padding:12px;height:100%;box-sizing:border-box;
}
/* у темы .footer__info своя margin-top:25px (расчёт под старую вёрстку без
   карточек) — поверх нашего flex-gap:16px это давало 41px перед третьей
   плиткой вместо 16px между первыми двумя. Обнуляем, отступ теперь только
   из gap контейнера, как у остальных карточек. */
footer.footer .footer__part--right .footer__info{margin-top:0!important}
footer.footer .footer__part-bottom{flex-direction:column!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:flex-start!important;gap:10px}

/* меню-ссылки: убираем "облако тегов", делаем колонкой */
footer.footer .bottom-menu .items .line-block{flex-direction:column!important;flex-wrap:nowrap!important;gap:9px!important}
footer.footer .bottom-menu .item-link{margin:0!important}
footer.footer .bottom-menu .items>.item-link,
footer.footer .bottom-menu .item a{color:rgba(255,255,255,.75)!important;font-weight:400!important;font-size:12.5px!important}
footer.footer .bottom-menu .item.active .title a,
footer.footer .bottom-menu .item.active .title{color:#fff!important}

/* рассылка — поле и кнопка в ряд с зазором (29.08.2026: было width:100% на поле
   без зазора до кнопки, поле наезжало на кнопку и приплюснутая кнопка была ниже поля) */
footer.footer .footer__part-bottom .footer__subscribe{margin:0!important;padding:0!important;width:100%}
footer.footer .subscribe-edit .subscribe-form{align-items:stretch!important;gap:8px}
footer.footer .subscribe-edit .subscribe-input{
  background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.2)!important;
  border-radius:8px!important;color:rgba(255,255,255,.7)!important;
  width:auto!important;flex:1 1 auto!important;margin:0!important;min-width:0!important;
}
footer.footer .subscribe-form__save{height:auto!important}
footer.footer .subscribe-form__save .btn{
  background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.2)!important;
  border-radius:8px!important;width:44px;height:100%!important;padding:0!important;
}
footer.footer .subscribe-form__save .subscribe-btn__icon svg *{stroke:rgba(255,255,255,.75)!important;fill:none!important}

/* соцсети под рассылкой — горизонтально, фирменные цвета площадок,
   значки сближены (29.08.2026: было 16px сверху и 10px между значками) */
footer.footer .footer__part-bottom .footer__social{margin-top:0!important}
footer.footer .footer__social .social__items{display:flex!important;gap:6px!important}
footer.footer .footer__social .social__item{width:36px;height:30px;border-radius:8px;overflow:hidden;background:transparent;border:0;box-sizing:border-box;transition:opacity .2s ease}
footer.footer .footer__social .social__link{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important}
footer.footer .footer__social .social__item.vkontakte{order:3}
footer.footer .footer__social .social__item.telegram{order:1}
footer.footer .footer__social .social__item.whatsapp{order:2}

/* телефон → кнопка «Контакты», раскрывающийся список остаётся рабочим (клик по стрелке) */
footer.footer .footer__phone .phones__phone-first{font-size:0!important}
footer.footer .footer__phone .phones__phone-first::before{content:"Контакты";font-size:14px;font-weight:700;color:#fff}
footer.footer .footer__phone .phones{flex-direction:row!important;align-items:center!important;gap:8px}
footer.footer .footer__phone .phones__inner{display:flex;align-items:center;gap:6px}
footer.footer .footer__phone .fs13.inline{display:none!important} /* подпись "Звонить" рядом — дублирует смысл кнопки */

/* раскрытая панель — тёмно-синяя карточка поверх фона, а не белая по умолчанию */
footer.footer .phones__dropdown{
  background:#0d1b30!important;border:1px solid rgba(255,255,255,.16)!important;
  border-radius:12px!important;padding:14px 16px!important;
}
footer.footer .phones__dropdown .phones__phone-link,
footer.footer .phones__dropdown .phones__dropdown-title,
footer.footer .phones__dropdown .phones__dropdown-value,
footer.footer .phones__dropdown .address__text,
footer.footer .phones__dropdown .schedule__text{color:rgba(255,255,255,.82)!important}
footer.footer .phones__dropdown .social-item{display:none!important} /* дубль соцсетей внутри списка — уже есть в карточке рассылки */

footer.footer .footer__info-item,
footer.footer .footer__address{margin-top:12px!important}
footer.footer .footer__email a,
footer.footer .footer__address .address__text{color:rgba(255,255,255,.72)!important}

/* низ — тёмная сталь, переход из синего плавный, без жёсткой линии */
footer.footer .footer__bottom-part{
  background:linear-gradient(180deg,#061a33 0%,#0d1319 60%,#0d1319 100%)!important;
  position:relative;
}
footer.footer .footer__bottom-part::before{
  content:"";position:absolute;top:0;left:24px;right:24px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(154,162,171,.5),transparent);
}
footer.footer .footer__copy{color:rgba(255,255,255,.42)!important;font-size:12px!important}
footer.footer .footer__copy a.sitemap{color:rgba(255,255,255,.55)!important}
footer.footer .footer__license a,
footer.footer .footer__offer a,
footer.footer .footer__developer a{color:rgba(255,255,255,.45)!important}

/* платёжные системы — светлые плашки под каждый значок спрайта темы */
footer.footer .footer__pays{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px!important}
footer.footer .footer__pays i{background-color:#fff!important;border-radius:6px!important;padding:8px!important}

@media (max-width:991px){
  /* 29.08.2026: flex-wrap:wrap на .footer__main-part-inner (нужен для переноса
     плиток в несколько строк) вместе с flex-direction:column, который тема сама
     ставит на этом брейкпоинте, даёт в Chromium некорректный расчёт ширины —
     .footer__part--left и .footer__part--right раздувались до ~385px при
     доступных 311px и вылезали за правый край экрана. nowrap на мобильном не
     нужен: тут всего два блока и они и так идут по одному в столбец. */
  footer.footer .footer__main-part-inner{padding:24px 16px;flex-direction:column!important;flex-wrap:nowrap!important}
  /* та же ловушка на уровень ниже: .footer__part--left сама flex-контейнер
     с flex-wrap:wrap (нужен на десктопе, где меню и рассылка стоят в ряд) —
     на мобильном при flex-direction:column это раздувает вложенные
     .footer__main-part-menu/.footer__part-bottom по той же причине. */
  footer.footer .footer__part--left{flex-direction:column;flex-wrap:nowrap!important}
  /* 29.08.2026: flex-basis у .footer__part--left/--right (460px/220px) и у
     .footer__main-part-menu/.footer__part-bottom (210px) считался для ДЕСКТОПА,
     где это ширина колонок в ряд. На мобильном контейнер стал column, и та же
     цифра стала МИНИМАЛЬНОЙ ВЫСОТОЙ — карточки раздувались до 460/220/210px
     пустотой, хотя своего контента там на 100-150px. Сбрасываем на auto —
     размер карточки идёт от контента, дальше высоту выравнивает JS
     (graniEqualizeFooterTiles, init.php) по самой высокой из настоящих. */
  footer.footer .footer__part--left,
  footer.footer .footer__part--right.footer--mw318,
  footer.footer .footer__part--left>.footer__main-part-menu,
  footer.footer .footer__part--left>.footer__part-bottom{flex:0 0 auto!important}
}


/* ─────────────────────────────────────────────────────────────────────────
   [22] ВЫПАДАЮЩЕЕ МЕНЮ В ШАПКЕ («О компании» и т.п., 28.08.2026)
   Штатная панель темы — белая плашка, выбивается из тёмно-синего дизайна.
   Та же тёмная стеклянная палитра, что у панели «Контакты» ([14]).
   Селектор без scope к конкретному пункту — накрывает все уровни вложенности
   (header-menu__dropdown-menu--submenu тоже подпадает).
   ───────────────────────────────────────────────────────────────────────── */
.header-menu__dropdown-menu .dropdown-menu-inner{
  background:rgba(10,32,60,.95)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:14px!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 20px 44px rgba(0,0,0,.5)!important;
}
.header-menu__dropdown-menu{ --fill_dark_lite_hover:#8FD0FF; }
.header-menu__dropdown-menu .dropdown-menu-item,
.header-menu__dropdown-menu .header-menu__dropdown-item a{
  color:#fff!important;background-image:none!important;
}
.header-menu__dropdown-menu a.dropdown-menu-item:hover,
.header-menu__dropdown-menu a.dropdown-menu-item--current{
  color:#8FD0FF!important;background:rgba(255,255,255,.08)!important;
}
.header-menu__dropdown-menu .header-menu__dropdown-item{
  border-color:rgba(255,255,255,.12)!important;
}
.header-menu__dropdown-menu .header-menu__arrow,
.header-menu__dropdown-menu .svg.header-menu__dropdown-right-arrow{
  color:rgba(255,255,255,.6)!important;
}
/* 29.08.2026: между кнопкой («Услуги», «Магазин», «О компании») и панелью
   была пустая полоса в несколько px — мышь не успевала её пересечь по
   диагонали, наведение срывалось раньше, чем добираешься до пункта списка.
   top:100% убирает зазор из позиционирования, а padding-top той же
   величины возвращает его визуально — но уже внутри самой панели, то
   есть мышь остаётся «над» элементом всё время движения вниз. Только
   верхний уровень (>), чтобы не задеть вложенные подменю. */
.header-menu__item--dropdown > .header-menu__dropdown-menu{
  top:100%!important;padding-top:8px!important;
}

/* Грани, 29.08.2026: контраст на тёмных страницах.
   Два виджета темы рисуются со своим светлым фоном (--lite_bg_black
   у аспро всегда резолвится в светлый #fafafa — переключателя тёмной
   темы на сайте нет), поэтому на наших тёмных страницах текст внутри
   становится нечитаемым. Оборачиваем в стеклянную панель, как везде
   у Граней, текст/иконки внутри не трогаем. */
body.grani-page .reviews-info{
	background: rgba(255,255,255,.055)!important;
	border: 1px solid rgba(255,255,255,.18);
	backdrop-filter: blur(8px);
	border-radius: 18px;
}
body.grani-page .reviews-info__text,
body.grani-page .reviews-info__text p{
	color: #fff;
}
body.grani-page .socserv{
	background: rgba(255,255,255,.055);
	border: 1px solid rgba(255,255,255,.18);
	backdrop-filter: blur(8px);
	border-radius: 18px;
	padding: 20px;
}
body.grani-page .social__title{
	color: #fff;
}

/* ─────────────────────────────────────────────────────────────────────────
   GRANI_SITEMAP — 29.08.2026: карта сайта (/sitemap/) была нечитаемой —
   ссылки красились в стальной цвет темы (--theme-base-color: #4d545c,
   см. [3]), рассчитанный на светлые страницы, а фон здесь тёмно-синий
   глобальный — контраст около 2:1. Переверстали 4 плитками (О компании /
   Услуги / Каталог / Разное) в стиле плиток выбора раздела, «Услуги» —
   только 2 строки (Заточка инструмента, Ремонт оборудования), «Каталог» —
   TOP_DEPTH=1 в index.php, без вложенных брендов. Разметка не менялась
   отдельно для мобильного шаблона: custom.css общий (см. шапку файла).
   ───────────────────────────────────────────────────────────────────────── */
.sitemap_html .grani-sitemap-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	list-style: none;
	margin: 0 !important;
	padding: 0;
}
.sitemap_html .grani-sitemap-grid > li{
	background: rgba(255,255,255,.055);
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 18px;
	padding: 20px 22px;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
.sitemap_html .grani-sitemap-grid > li > a,
.sitemap_html .grani-sitemap-grid > li > .grani-sitemap-group{
	display: block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: rgba(255,255,255,.55) !important;
	margin: 0 0 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255,255,255,.12);
	text-decoration: none;
	background-image: none !important;
}
.sitemap_html .grani-sitemap-grid > li > a:hover{
	color: #8FD0FF !important;
}
.sitemap_html .grani-sitemap-grid .map-level-1{
	list-style: none;
	margin: 0 !important;
	padding: 0;
}
.sitemap_html .grani-sitemap-grid .map-level-1 li{
	margin: 5px 0;
}
.sitemap_html .grani-sitemap-grid .map-level-1 a{
	color: #fff !important;
	text-decoration: none;
	font-size: 14.5px;
	line-height: 1.5;
	background-image: none !important;
}
.sitemap_html .grani-sitemap-grid .map-level-1 a:hover{
	color: #8FD0FF !important;
}
@media (max-width: 991px){
	.sitemap_html .grani-sitemap-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px){
	.sitemap_html .grani-sitemap-grid{ grid-template-columns: 1fr; }
}

/* GRANI_SITEMAP_CATALOG — 29.08.2026: раздел «Каталог» рисуется компонентом
   bitrix:catalog.section.list (шаблон tree), а не статичной вёрсткой —
   он оборачивает ссылки в .catalog-section-list ul, не в .map-level-1,
   поэтому предыдущий блок его не красил. Довешиваем те же правила. */
.sitemap_html .grani-sitemap-grid .catalog-section-list{ margin: 0 !important; }
.sitemap_html .grani-sitemap-grid .catalog-section-list ul{
	list-style: none;
	margin: 0 !important;
	padding: 0;
}
.sitemap_html .grani-sitemap-grid .catalog-section-list li{ margin: 5px 0; }
.sitemap_html .grani-sitemap-grid .catalog-section-list a{
	color: #fff !important;
	text-decoration: none;
	font-size: 14.5px;
	line-height: 1.5;
	background-image: none !important;
}
.sitemap_html .grani-sitemap-grid .catalog-section-list a:hover{
	color: #8FD0FF !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   GRANI_TOTOP_FIX — 29.08.2026: плашка «Москва / часы работы» (.totop-menu,
   мобильная «прилипающая» шапка над .header-container) — сайтовая беда,
   вскрылась на короткой /sitemap/ после переверстки в 4 плитки, но не
   только там. Два разных дефекта:

   1) ЦВЕТ. .totop-menu красится собственным ярким градиентом
      #0c4173→#0e4f8a (см. [1], старая правка «на все страницы»), а не
      тёмным, который уже сделан для .header-container конкретных типов
      страниц (см. ниже). Гашение (background:none, чтобы просвечивал
      тёмный фон родителя) раньше стояло только для grani-price и
      grani-tiles-page — на grani-page (сюда попадает и карта сайта, и
      обычные страницы вроде /company/, /blog/), grani-hero-page и
      grani-shop плашка так и осталась ярко-синей на фоне тёмно-синего
      градиента страницы — заказчик это увидел и назвал «белым».

   2) НАЛОЖЕНИЕ НА НИЖНЕЕ МЕНЮ. .header-container — position:sticky;
      top:0, z-index:993 (из темы). Нижнее меню Главная/Услуги/Каталог/
      Контакты — .bottom-icons-panel, z-index:992, прилипает к низу
      экрана. Пока .header-container ещё не «прилипла» к верху, она едет
      вместе с обычным скроллом снизу вверх — и на пути неизбежно на
      одном отрезке скролла проезжает по той же полосе экрана, что и
      нижнее меню. Будучи выше по z-index, в этот момент закрывает его
      собой. На длинных страницах это проскакивает быстро и незаметно,
      на короткой карте сайта — сразу бросается в глаза. Лечится не
      разметкой, а z-index: опускаем ниже нижнего меню — на «прилипание»
      к верху не влияет (там ниже 993 достаточно выше обычного контента).
   ───────────────────────────────────────────────────────────────────────── */
body.grani-page .header-container .totop-menu,
body.grani-hero-page .header-container .totop-menu,
body.grani-shop .header-container .totop-menu{background:none!important}

.header-container{z-index:950!important}
/* ─────────────────────────────────────────────────────────────────────────
   [12] ПЛИТКИ КОРНЯ /services/ — асимметричная сетка, вариант 3 (29.08.2026)
   Разметка — page_blocks/grani_tiles_root.php компонента news/uslugi.
   Подключается из section.php только на самой странице /services/
   ($bGraniRootTiles в /include/grani/price.php).
   Клипарты: /images/tiles/root-*.png — тот же фирменный клипарт с главной.
   Откат: удалить этот блок, вернуть section.php и price.php из бэкапа
   (backup-20260829 у подрядчика).
   ───────────────────────────────────────────────────────────────────────── */
.grani-tiles-root{
  display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;
  gap:16px}
.grani-roottile{
  position:relative;display:block;border-radius:20px;overflow:hidden;
  /* clip-path — Safari игнорирует overflow:hidden + border-radius для
     абсолютно спозиционированного потомка с mask-image, если у родителя
     ещё и backdrop-filter (баг WebKit). clip-path обрезает угол надёжно. */
  -webkit-clip-path:inset(0 round 20px);clip-path:inset(0 round 20px);
  min-height:230px;text-decoration:none!important;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:transform .2s ease,background .2s ease,border-color .2s ease}
.grani-roottile:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.34);
  transform:translateY(-3px)}
.grani-roottile:focus-visible{outline:2px solid #6FB0FF;outline-offset:3px}
.grani-roottile--big{grid-row:1 / 3}
.grani-roottile__art{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,#FFFFFF 0%,#D6DCE3 45%,#8C959D 100%);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  /* Без отрицательных смещений: раньше картинка нарочно уходила краем за
     границу плитки, и её подреза́л overflow:hidden — в Safari подрезка
     не срабатывает (баг WebKit с overflow+radius+backdrop-filter), и угол
     торчал наружу. Держим клипарт целиком внутри плитки — тогда подрезать
     нечего, и баг ни на что не влияет. */
  -webkit-mask-position:right 6% center;mask-position:right 6% center;
  -webkit-mask-size:32% auto;mask-size:32% auto;opacity:.9}
.grani-roottile--big .grani-roottile__art{
  -webkit-mask-size:33% auto;mask-size:33% auto;
  -webkit-mask-position:right 6% center;mask-position:right 6% center}
.grani-roottile__label{position:absolute;left:22px;right:22px;bottom:20px;z-index:1}
.grani-roottile__tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#2A7CF0,#0B4FA8);
  padding:5px 12px;border-radius:999px;margin-bottom:10px}
.grani-roottile__name{font-weight:700;font-size:19px;line-height:1.3;color:#fff;display:block}
.grani-roottile--big .grani-roottile__name{font-size:26px;max-width:75%}

@media (max-width:1100px){
  .grani-roottile{min-height:200px}
  .grani-roottile--big .grani-roottile__name{font-size:22px}
}
@media (max-width:767px){
  .grani-tiles-root{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:10px}
  .grani-roottile--big{grid-column:1 / -1;grid-row:auto;min-height:190px}
  .grani-roottile{min-height:150px;border-radius:16px;
    -webkit-clip-path:inset(0 round 16px);clip-path:inset(0 round 16px)}
  .grani-roottile__label{left:16px;right:16px;bottom:14px}
  .grani-roottile__name{font-size:14px}
  .grani-roottile--big .grani-roottile__name{font-size:19px;max-width:100%}
  .grani-roottile__art{-webkit-mask-size:30% auto;mask-size:30% auto}
  .grani-roottile--big .grani-roottile__art{-webkit-mask-size:31% auto;mask-size:31% auto}
}
/* ============ конец плиток корня /services/ ============ */

/* ============================================================================
   [23] РАЗДЕЛ «ОБОРУДОВАНИЕ» В МАГАЗИНЕ — СТЕКЛЯННЫЕ КАРТОЧКИ (29.08.2026)

   Раздел /catalog/oborudovanie/ — единственный, куда уже выложены товары
   (аппараты Doktor Alex). Остальные страницы категорий каталога (Пинцеты,
   Ножницы и т.п.) по решению 27.08.2026 пока остаются в старом светлом
   оформлении — см. комментарий в catalog/index.php. Метка тела —
   .grani-shop-equipment, ставится в catalog/index.php только на этой странице.

   Фото товаров тут рекламные, на тёмном фоне — поэтому, в отличие от
   остальных карточек магазина, белую подложку под картинкой убираем: фото
   ложится прямо на стекло.
   ============================================================================ */
/* GRANI_EQUIPMENT_DOUBLE_FRAME_FIX -- 03.09.2026: .catalog-block__item
   (внешняя обёртка) дублировал рамку .catalog-block__inner -- была рамка
   в рамке. Внешнюю не стилизуем, она остаётся прозрачной (общее правило
   body.grani-shop .catalog-block__item выше), стекло только на .catalog-block__inner. */
body.grani-shop-equipment .image-list,
body.grani-shop-equipment .image-list-wrapper{
	background:transparent!important;
}
body.grani-shop-equipment .price,
body.grani-shop-equipment .price__new-val{
	color:#fff!important;
	font-weight:800!important;
}
body.grani-shop-equipment .catalog-block__info-title,
body.grani-shop-equipment .catalog-block__info-title a{
	color:#fff!important;
}
body.grani-shop-equipment .status-icon{
	color:#7FD68A!important;
}
body.grani-shop-equipment .catalog-block .btn,
body.grani-shop-equipment .catalog-block button.btn{
	background:rgba(255,255,255,.08)!important;
	border:1px solid rgba(255,255,255,.22)!important;
	color:#fff!important;
	border-radius:24px!important;
	backdrop-filter:blur(6px);
}
body.grani-shop-equipment .catalog-block .btn:hover,
body.grani-shop-equipment .catalog-block button.btn:hover{
	background:rgba(255,255,255,.14)!important;
}
/* кнопка «Купить в один клик» — добавляется в DOM скриптом grani-shop.js,
   звонит на номер ремонта аппаратов, к штатной корзине отношения не имеет */
body.grani-shop-equipment .grani-eq-call{
	display:block;
	width:100%;
	margin-bottom:8px;
	padding:11px 0;
	text-align:center;
	border-radius:24px;
	background:rgba(255,255,255,.08);
	border:1px solid rgba(42,124,240,.55);
	color:#8FBBFF!important;
	font-size:14px;
	font-weight:600;
	text-decoration:none!important;
	backdrop-filter:blur(6px);
}
body.grani-shop-equipment .grani-eq-call:hover{
	background:rgba(255,255,255,.14);
}

/* [23] ОБОРУДОВАНИЕ — правки 29.08.2026: убрать «★ 0» (отзывов ещё нет) и
   белую подложку под фото. Подложку красит правило из [16] МАГАЗИН
   (body.grani-shop .catalog-block .image-list...) с более высокой
   специфичностью (3 класса против 2 у .grani-shop-equipment .image-list) —
   поэтому здесь селектор с .catalog-block, чтобы перебить. */
body.grani-shop-equipment .rating{display:none!important}
body.grani-shop-equipment .catalog-block .image-list,
body.grani-shop-equipment .catalog-block .image-list-wrapper{
	background:transparent!important;
}

/* [23] ОБОРУДОВАНИЕ — правка 29.08.2026: панель сортировки/фильтра
   («Сначала популярные», «Цена») рисуется через .dropdown-select__title
   с темовым классом fill-dark-light — он красит фон в белый СВЕРХ
   .dropdown-select, поэтому общее правило [16] МАГАЗИН на неё не действует.
   Стилизуем саму видимую плашку и всплывающий список отдельно.
   GRANI_EQUIPMENT_CATEGORY_HEAD_DOUBLE_FRAME_FIX — 03.09.2026: тот же класс
   .dropdown-select__title стоит и на заголовке "Категория" в сайдбаре
   (.slide-block__head) — получалась рамка в рамке. Исключаем его. */
body.grani-shop-equipment .dropdown-select__title:not(.slide-block__head){
	background:rgba(255,255,255,.08)!important;
	border:1px solid rgba(255,255,255,.22)!important;
	color:#fff!important;
}
body.grani-shop-equipment .dropdown-select__title span,
body.grani-shop-equipment .dropdown-select__title .bx_filter_container_modef{
	color:#fff!important;
}
body.grani-shop-equipment .dropdown-select__icon-down{
	filter:brightness(0) invert(1);
}
body.grani-shop-equipment .dropdown-menu-wrapper,
body.grani-shop-equipment .dropdown-menu-inner{
	background:#0F2B52!important;
	border:1px solid rgba(255,255,255,.18)!important;
}
body.grani-shop-equipment .dropdown-select__list-item,
body.grani-shop-equipment .dropdown-menu-item,
body.grani-shop-equipment .dropdown-menu-item span,
body.grani-shop-equipment .bx_filter_parameters_box_title{
	color:#fff!important;
}
body.grani-shop-equipment .dropdown-menu-item:hover{
	background:rgba(255,255,255,.08)!important;
}

/* [23] ОБОРУДОВАНИЕ — правка 29.08.2026: белый — только цвет текста,
   заливка элемента белым здесь всегда ошибка (см. память
   grani-white-only-text). Текущий пункт сортировки и поля «Цена от/до»
   были именно белой заливкой (тема красит их под светлый фон). */
body.grani-shop-equipment .dropdown-menu-item--current{
	background:rgba(255,255,255,.10)!important;
	color:#fff!important;
}
body.grani-shop-equipment .dropdown-menu-item--current span{
	color:#fff!important;
}
body.grani-shop-equipment input.min-price,
body.grani-shop-equipment input.max-price,
body.grani-shop-equipment .bx_filter_parameters_box_container input{
	background:rgba(255,255,255,.08)!important;
	border:1px solid rgba(255,255,255,.22)!important;
	color:#fff!important;
}
body.grani-shop-equipment input.min-price::placeholder,
body.grani-shop-equipment input.max-price::placeholder{
	color:rgba(255,255,255,.5)!important;
}

/* [24] БАГ WEBKIT: «выемка» в углу карточек магазина (29.08.2026)

   На ВСЕХ карточках товара во ВСЕХ категориях каталога (не только в
   «Оборудовании») в Safari верхний левый угол .catalog-block__inner
   рендерился с прямоугольным вырезом — сквозь него было видно тёмный
   фон страницы. Причина найдена точно: правило [16] МАГАЗИН даёт
   .catalog-block__inner одновременно border-radius:18px И
   backdrop-filter:blur(8px) — это ТОТ ЖЕ баг WebKit, что уже документирован
   у .grani-roottile (см. «ПЛИТКИ КОРНЯ /services/»): Safari не подрезает
   скруглённый угол у элемента с backdrop-filter через border-radius/
   overflow:hidden. Лечится тем же способом — clip-path.
   Проверено в DOM/CSSOM (computed style, elementFromPoint) — ни один
   элемент внутри карточки не содержит собственного фона/маски в этой
   точке, дефект чисто рендер-движка, не вёрстки. */
body.grani-shop .catalog-block__inner{
	-webkit-clip-path:inset(0 round 18px)!important;
	clip-path:inset(0 round 18px)!important;
}

/* [25] БЕЛЫЙ ТЕКСТ НА БЕЛОМ БАЛУНЕ ЯНДЕКС.КАРТ (01.09.2026)

   На /contacts/ клик по метке карты открывал пустой белый балун — контент
   (адрес/телефон/режим работы) реально был в DOM (проверено), но не виден.
   Причина: тема Aspro переключает --white_text_black между #222 и white
   через var(--light,#222) var(--dark,white) в зависимости от --light/--dark,
   а в контексте, где рисуется балун (вне нашей dark-зоны custom.css),
   переменная резолвится в white — белый текст на нативном белом фоне
   балуна Яндекс.Карт (.ymaps-b-balloon сам светлый, мы его не красим).
   Подтверждено через getComputedStyle: .color_222 внутри балуна = rgb(255,255,255).
   Не трогаем общую систему переменных темы (шире и рискованнее) — фиксируем
   цвет только внутри балуна карты.
   Важно: ссылки (адрес, телефон, e-mail) — это <a class="dark_link">, а на
   ссылки уже действует более специфичное правило
   `body.grani-page a.dark_link{color:#fff!important}` (общее тёмное
   оформление ссылок сайта, см. выше по файлу) — оно специфичнее обычного
   `.dark_link{...}` и перебивает первую версию этого фикса. Поэтому для
   ссылок селектор здесь тоже начинается с `body.grani-page a`. */
.ymaps-b-balloon .color_222,
.ymaps-b-balloon .color_333,
.ymaps-b-balloon .color_dark,
.ymaps-b-balloon .map-detail-items__item-title,
.ymaps-b-balloon .map-detail-items__item-property-title,
.ymaps-b-balloon .map-detail-items__item-property-value{
	color:#222!important;
}
.ymaps-b-balloon .map-detail-items__item-property-title{
	color:#999!important;
}
body.grani-page .ymaps-b-balloon a.dark_link{
	color:#222!important;
}

/* ─────────────────────────────────────────────────────────────────────────
   [26] ГЛАВНАЯ: шапка возвращена наверх + прайс: заголовок и крошки (01.09.2026)
   Правило должно идти последним в файле — секции [8] и [19] задают те же
   селекторы раньше, и при равной специфичности выигрывает то, что ниже.
   ───────────────────────────────────────────────────────────────────────── */

/* --- Главная: раньше шапка (лого/меню/телефон) уводилась вниз вместе со
   всеми остальными типами страниц ([19], решение от 28.08.2026 — «единая
   нижняя шапка»). По аудиту сайта это плохо именно на главной: человек с
   поиска/рекламы не видит ни телефона, ни меню, пока не проскроллит герой.
   Возвращаем шапку наверх ТОЛЬКО на главной; плитки/прайс/магазин не трогаем —
   там нижняя шапка работает нормально и её не просили менять. */
body.grani-hero-page .headers-container,
body.grani-hero-page .header-container{
  order:1!important;
  position:static!important;top:auto!important;
  background:linear-gradient(180deg,#0a325b 0%,#061a33 100%)!important;
  background-image:linear-gradient(180deg,#0a325b 0%,#061a33 100%)!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important}
/* телефон и «Контакты» в шапке на главной снова видны — их прятали как часть
   компактной нижней шапки, а наверху они как раз нужны */
body.grani-hero-page .header__top-part .phones,
body.grani-hero-page .header__top-part .dop_block_header{display:flex!important}

/* герой раньше держал запас +140px (десктоп) / +30px (мобильный), чтобы
   нижняя шапка не «подглядывала» снизу (см. [8]). Шапка теперь сверху и
   занимает реальное место — запас меняем на вычитание её высоты
   (87px десктоп / 98px мобильный, замерено на живой странице). */
body.front_page .grani-hero,
body.grani-hero-page .grani-hero{min-height:max(600px, calc(100vh - 87px))!important}
@media (max-width:767px){
  body.grani-hero-page .grani-hero{min-height:calc(100vh - 98px)!important}
}

/* --- Страницы прайса: показываем настоящий H1 и хлебные крошки.
   Раньше родной блок темы .page-top-info прятался целиком ([11], 24.08.2026) —
   вместо H1 «Заточка ...» посетитель и поисковик видели только H2
   «Стоимость услуг». Селекторы повторяют [11] один в один (десктоп и
   мобильный layout по отдельности) — иначе мобильное правило (три класса)
   специфичнее и не перебьётся. */
body.grani-price .page-top-info,
body.grani-price .layout main > .page-top-info{
  display:block!important;margin:0 0 24px}
/* иконки редактирования раздела (видны только залогиненным в админке) —
   на публичной странице не нужны */
body.grani-price .page-top-info .heading-icons{display:none!important}
body.grani-price .page-top-info .breadcrumbs{
  opacity:.6;font-size:13px;margin:0 0 8px}
body.grani-price .page-top-info .breadcrumbs,
body.grani-price .page-top-info .breadcrumbs a,
body.grani-price .page-top-info .breadcrumbs span{color:#fff!important}
body.grani-price .page-top-info h1{
  color:#fff!important;font-weight:800!important;margin:0!important;
  line-height:1.15;font-size:clamp(22px,3vw,34px)!important}
/* дублирующий заголовок «Стоимость услуг» (H2 внутри блока цен) убираем —
   теперь есть настоящий H1 выше, второй заголовок был лишним (решение:
   вариант B, без дублирования смысла) */
body.grani-price .block_price > h2{display:none!important}

/* контраст надписей «ЗАТОЧКА»/«РЕМОНТ»: верх букв (#464c52) сливался с
   тёмно-синим фоном первого экрана — сдвигаем градиент светлее (пункт 17
   из аудита сайта, 01.09.2026) */
.grani-hero__ttl span{background:linear-gradient(180deg,
  #9aa4ad 0%,#b4bdc4 14%,#cdd3d8 30%,#e4e7ea 46%,
  #f4f6f7 60%,#ffffff 78%,#ffffff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}

/* ─────────────────────────────────────────────────────────────────────────
   [27] ГЛАВНАЯ/ПРАЙС: донастройка после показа заказчику (01.09.2026)
   ───────────────────────────────────────────────────────────────────────── */
/* «Контакты» в меню — первый пункт (совпадение с «unvisible»-логикой
   адаптивного мега-меню, не наша правка), а справа и так есть блок телефона/
   графика работы — второй вход на контакты не нужен, дублирует и раздувает
   шапку. Прячем именно пункт меню, .phones справа остаётся. */
body.grani-hero-page .header-menu__item--first{display:none!important}

/* зазор между логотипом и плитками — был только сверху у логотипа, снизу
   ноль, плитки стояли впритык */
.grani-hero__logo{margin-bottom:clamp(20px,4vh,40px)!important}

/* крошки на прайсе — свои отступы у ссылок/разделителей темы были рассчитаны
   на светлую широкую страницу, тут это читалось как большие пустые интервалы */
body.grani-price .page-top-info .breadcrumbs a,
body.grani-price .page-top-info .breadcrumbs span{padding:0!important;margin:0!important}
body.grani-price .page-top-info .breadcrumbs{display:flex!important;flex-wrap:wrap;
  align-items:center;gap:4px}

/* [28] Выпадашка часов работы под «Контакты» в шапке главной рендерилась
   открытой постоянно (не по ховеру) — прячем её, кнопка-ссылка остаётся */
body.grani-hero-page .header__top-part .phones__dropdown{display:none!important} /* сузил селектор 03.09 — старое правило гасило и новый .grani-contacts */

/* [29] «Часы работы + соцсети» (dop_block_header) — не выпадашка, а отдельный
   всегда видимый блок; он и раздувал шапку до двух строк. Часы/соцсети и так
   есть на /contacts/, кнопка на неё ведёт — доп. блок в шапке убираем. */
body.grani-hero-page .header__top-part .dop_block_header{display:none!important}

/* [30] Меню центрируется абсолютным позиционированием (см. [8]) и выпадает
   из потока — логотип и блок «Контакты» после этого сталкивались (оба
   тянулись к левому краю). Разводим по краям явно. */
body.grani-hero-page .header__top-inner{display:flex!important;
  align-items:center!important;justify-content:space-between!important}
body.grani-hero-page .header__top-item.no-shrinked{margin-left:auto!important}

/* [31] Зазор лого→плитки не сработал — .grani-hero__logowrap .grani-hero__logo
   {margin:0!important} из [20] специфичнее и перебивал. Бьём тем же селектором. */
.grani-hero__logowrap .grani-hero__logo{margin-bottom:clamp(20px,4vh,40px)!important}

/* [32] МОБИЛЬНЫЙ: полоса «город/адрес/часы» (.totop-menu) на главной вылезала
   за край экрана — тот же принцип, что и на десктопе: убираем доп. блок,
   оставляем логотип и бургер-меню одной строкой */
body.grani-hero-page .totop-menu{display:none!important}

/* [33] МОБИЛЬНЫЙ: словесный знак «ГРАНИ» растянут scaleX(1.42) из базового
   правила (строка ~1203) без переопределения на узких экранах — вылезал
   за край. На мобильном тянем меньше. */
@media (max-width:767px){
  .grani-hero__ttl{transform:scaleX(1.12)!important}
}

/* [34] МОБИЛЬНЫЙ: шапку наверх не поднимаем — 28.08.2026 по просьбе заказчика
   строка лого/иконок мобильной шапки (.mobileheader__inner) снята совсем,
   навигация там — нижняя панель (Главная/Услуги/Цены/Контакты/Магазин).
   Поднятая шапка на мобильном была бы просто пустой градиентной полосой.
   Возвращаем её вниз, как было; крупные фиксы (лого, контраст, зазор) — общие. */
@media (max-width:767px){
  body.grani-hero-page .headers-container,
  body.grani-hero-page .header-container{
    order:2!important;
    background:none!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
    border-bottom:0!important}
  body.grani-hero-page .grani-hero{min-height:calc(100vh - 30px)!important}
}

/* [35] МОБИЛЬНЫЙ: словесный знак «ГРАНИ» всё ещё задевал край — снимаем
   растяжение совсем и берём размер чуть меньше на самых узких экранах */
@media (max-width:767px){
  .grani-hero__ttl{transform:none!important;max-width:100%!important;
    justify-content:center!important}
}
@media (max-width:400px){
  .grani-hero__ttl{font-size:clamp(20px,7vw,26px)!important}
}

/* [36] МОБИЛЬНЫЙ: искал не там — «ГРАНИ» не текст, а часть картинки логотипа
   (logo4.png, ромб+надпись одним растром). .grani-hero__ttl тут ни при чём,
   это про подписи на плитках «ЗАТОЧКА/РЕМОНТ». Настоящая причина — высота
   картинки min(70vw,36vh) всё ещё оказывалась шире контейнера. Уменьшаем. */
@media (max-width:767px){
  .grani-hero__logo{height:min(52vw, 30vh)!important;max-width:100%!important;
    width:auto!important}
}

/* [37] МОБИЛЬНЫЙ: держим ширину явно, а не высоту — картинка логотипа шире,
   чем кажется по высоте (надпись у правого края растра) */
@media (max-width:767px){
  .grani-hero__logo{width:min(240px, 72vw)!important;height:auto!important;
    max-width:100%!important}
}

/* [38] ПРАЙС: сверху было ~85px пустоты между H1 и строкой лого — крошки+H1
   margin-bottom 24px и .grani-head margin-top 26px из [15] складывались
   (флекс-колонка, margin не схлопывается). Ужимаем именно на прайсе.
   margin-bottom .page-top-info см. [40] — там актуальное значение. */
body.grani-price .grani-head{margin-top:0!important}

/* [39] ПРАЙС: нашёл источник оставшегося воздуха — section.page-top
   (тема) держит padding-bottom:35px сама по себе, до крошек/margin это
   не относилось */
body.grani-price .page-top-info .page-top{padding-bottom:0!important}

/* [40] ПРАЙС: отступ H1→строка лого (8px) и строка лого→плитки (26px) были
   разными — делаем поровну по 22px с обеих сторон строки "Вернуться к разделам" */
body.grani-price .page-top-info{margin-bottom:22px!important}
body.grani-price .grani-head{margin-bottom:22px!important}

/* [41] ПРАЙС/МОБИЛЬНЫЙ: кнопки плитки/список наезжали на подпись «с картой/
   без карты» переехавшую в строку заголовка группы — поднимаем кнопки выше */
@media (max-width:767px){
  .grani-view-toggle{top:2px!important;right:14px!important}
}

/* [42] ПРАЙС: нашёл настоящее место наложения — не мобильный, а любая ширина
   в режиме "Список": кнопки плитки/список (top:17px) садятся ровно на строку
   заголовка группы, куда в этом режиме подъезжает подпись "с картой/без
   карты". Поднимаем кнопки в зазор над этой строкой. */
.grani-view-toggle{top:-30px!important}
@media (max-width:767px){
  .grani-view-toggle{top:-30px!important;right:14px!important}
}

/* [43] Откат: -30px увёл кнопки под шапку/лого сверху — хуже, чем было.
   Возвращаю на прежнее место, ищу нормальный фикс без резких прыжков. */
.grani-view-toggle{top:17px!important}
@media (max-width:767px){
  .grani-view-toggle{top:18px!important;right:14px!important}
}

/* [44] ПРАЙС/СПИСОК: настоящая причина найдена измерением — кнопки
   плитки/список (top:17px, высота 42px, до y=59 от верха .block_price)
   и таблица начинались слишком рано (y=32), первая строка (заголовок
   группы + подпись "с картой/без карты" в её правом углу) перекрывалась
   кнопками физически. Отодвигаем таблицу вниз, чтобы кнопки не залезали
   ни на заголовок, ни на подпись — саму подпись не трогаем, она сидит
   на месте по замыслу [12]/[15]. */
.block_price.view-list table.colored_table{margin-top:44px!important}

/* [45] 44px было мало (кнопки до 59px от верха block_price) — беру с запасом */
.block_price.view-list table.colored_table{margin-top:70px!important}

/* [46] ГЛАВНАЯ/ДЕСКТОП: шапка одним целым с первым экраном — раньше у шапки
   был свой градиент + линия-шов ([26]), теперь шапка прозрачная и просто
   лежит НАД первым экраном (margin-top отрицательный на .grani-hero, тот же
   отступ компенсирован padding-top) — это один и тот же фон, без стыка. */
@media (min-width:768px){
  body.grani-hero-page .headers-container{
    background:none!important;
    border-bottom:0!important;
    position:relative!important;
    z-index:2!important}
  body.grani-hero-page .grani-hero{
    margin-top:-87px!important;
    padding-top:87px!important}
}

/* [47] ГЛАВНАЯ/ДЕСКТОП: вместо шва — тонкая стеклянная полоска по центру
   внизу шапки (в духе стеклянных панелей сайта) */
@media (min-width:768px){
  body.grani-hero-page .headers-container::after{
    content:"";
    position:absolute; left:50%; bottom:0; transform:translateX(-50%);
    width:120px; height:3px; border-radius:2px;
    background:rgba(255,255,255,.35);
    -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
    box-shadow:0 0 10px rgba(255,255,255,.25);
    pointer-events:none;
  }
}

/* [48] Правка: не полоска-таблетка по центру, а такая же линия, как в
   подвале сайта (footer border-top: 1px solid rgba(255,255,255,.16)) —
   через всю ширину, тем же цветом */
@media (min-width:768px){
  body.grani-hero-page .headers-container::after{
    display:none!important; /* убираю прошлую версию — таблетку по центру */
  }
  body.grani-hero-page .headers-container{
    border-bottom:1px solid rgba(255,255,255,.16)!important;
  }
}

/* [49] ГЛАВНАЯ/ДЕСКТОП: поиск + контакты в шапке — те же кнопки, что на
   страницах услуг (разметка в index.php: .grani-head--hero > .grani-right >
   .grani-search + вывод contacts.php). Размер/стиль иконок берутся из общих
   правил темы (GRANI_DESK_LOUPE и т.п.) — тут только позиция самого блока:
   абсолютно, на высоту реальной шапки (87px, замерено), у правого края.
   Родной «Контакты» шапки темы прячем — теперь та же кнопка, что на прайсе,
   стоит парой с поиском. */
@media (min-width:768px){
  body.grani-hero-page .main{position:relative}
  body.grani-hero-page .grani-head.grani-head--hero{
    display:flex!important; align-items:center;
    position:absolute!important; top:-87px; height:87px;
    right:24px; z-index:3; margin:0!important;
  }
  body.grani-hero-page .grani-head--hero .grani-right{margin:0}
  body.grani-hero-page .header__top-part .phones{display:none!important}
}
@media (max-width:767px){
  body.grani-hero-page .grani-head--hero{display:none!important}
}

/* [52] Кнопки поиска/контактов в шапке главной не кликались — родная
   .header__top-inner (пустая справа, где раньше был .phones, теперь
   скрыт) перехватывала клики поверх, хотя визуально была прозрачной.
   Делаем контейнер прозрачным для кликов, а реальным пунктам (лого, меню)
   клики возвращаем явно. */
@media (min-width:768px){
  body.grani-hero-page .header__top-inner{pointer-events:none!important}
  body.grani-hero-page .header__top-inner > *{pointer-events:auto!important}
}

/* [53] Прошлого фикса хватило на один уровень — выше по дереву та же
   проблема (.maxwidth-theme, .header__top-part и т.д. — пустые обёртки на
   всю ширину шапки). Глушим клики на всём .headers-container разом,
   возвращаем только логотипу и меню. */
@media (min-width:768px){
  body.grani-hero-page .headers-container{pointer-events:none!important}
  body.grani-hero-page .headers-container .logo,
  body.grani-hero-page .headers-container .header-menu,
  body.grani-hero-page .headers-container .header-menu *{pointer-events:auto!important}
}

/* [54] Кнопки поиска/контактов в шапке главной «прыгали» вправо при
   открытии/закрытии поиска — реальная причина не в позиционировании, а в
   вертикальном скролл-баре: когда контент чуть меняет высоту (открылась/
   закрылась выпадашка поиска), скролл-бар то появляется, то пропадает,
   и вся ширина страницы (100%) на пиксели гуляет — а .grani-head--hero
   привязан к правому краю именно этой плавающей ширины. Фикс — держать
   место под скролл-бар всегда, чтобы ширина не скакала. Правило общее,
   не только для главной. */
html{overflow-y:scroll}

/* [55] Safari: блок с поиском/контактами на главной рендерился слегка не на
   месте при первой отрисовке и вставал верно только после ховера — известный
   баг WebKit с backdrop-filter внутри position:absolute (элемент не получает
   свой композитный слой сразу). Форсируем слой заранее. */
body.grani-hero-page .grani-head.grani-head--hero,
body.grani-hero-page .grani-head--hero .grani-search__field,
body.grani-hero-page .grani-head--hero .phones__phone-first{
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  will-change:transform;
}

/* [56] Настоящая причина сдвига: у .grani-head--hero нет своей фиксированной
   ширины (flex, по контенту). Пока поиск раскрыт — position:absolute,
   выпадает из потока, и родитель считает ширину только по «Контакты»
   (116px). Когда поиск закрывается назад в поток (44px), родитель должен
   вернуться к 172px — в Safari это пересчитывается не сразу, только после
   ховера (форс reflow). Фикс — держать ширину группы фиксированной всегда,
   чтобы Safari нечего было пересчитывать. */
@media (min-width:768px){
  body.grani-hero-page .grani-head.grani-head--hero{width:172px!important}
}

/* [57] GRANI_BOTTOM_PANEL_STICKY_FIX — 03.09.2026: нижняя мобильная панель
   (.bottom-icons-panel, Главная/Услуги/Цены/Контакты/Магазин) должна
   прилипать к низу экрана (position:sticky;bottom:0 из темы), но фактически
   не прилипала — стояла в обычном потоке и появлялась только когда долистать
   страницу до самого конца, ниже подвала. Заметно по всему сайту, не только
   на главной.
   Причина — у <body> задан overflow-x:hidden (тема, компилированный css).
   По спецификации CSS если по одной оси overflow скрыт, а по другой не
   задан — браузер принудительно делает вторую ось auto, и <body>
   превращается в отдельный скролл-контейнер. sticky внутри него отсчитывает
   «прилипание» от рамки body (а не от окна), а высота body равна высоте
   всей страницы — прилипать там некуда, элемент всегда в самом низу
   документа. Тот же баг сломал бы и .header-container, если бы он был
   потомком body с position:sticky на мобильном (пока не проявилось, но
   учитывать при будущих правках шапки).
   Фикс — overflow-x:hidden переносим на html (он и так уже используется
   для overflow-y:scroll, см. правило выше), body оставляем overflow-x
   visible. Клипинг по горизонтали (например, для выезжающего мобильного
   меню) работает так же, просто на уровне html. Только мобильный диапазон,
   где вообще существует .bottom-icons-panel (на ≥992px он display:none
   в теме). */
@media(max-width:991px){
  html{overflow-x:hidden!important}
  body{overflow-x:visible!important}
}

/* [58] GRANI_COMPARE_FAVORITE_VISIBILITY_FIX — 03.09.2026: иконки «сердечко»
   (избранное) и «весы» (сравнение) на карточках товара в каталоге, а также
   значения характеристик на странице сравнения (/catalog/compare.php)
   рисуются темой цветом #222 (тема Aspro Lite рассчитана на светлый фон).
   На тёмно-синем фоне «Грани» (стеклянная карточка товара, фон страницы
   сравнения) это делает их невидимыми. Форсируем светлый цвет только для
   этих двух мест, не трогая остальные .item-action и .catalog-compare
   на светлых блоках (например, белую карточку товара в самой таблице
   сравнения — там тёмный текст уместен). */
.item-action--favorite svg use,
.item-action--compare svg use{
  fill:#fff!important;
}
.catalog-compare__prop-line{
  color:#fff!important;
}

/* [59] GRANI_MANICURE_CALL_BTN — 03.09.2026: кнопка «Купить в один клик» в
   разделах маникюрного инструмента, звонит в студию заточки. Тот же вид,
   что у кнопки на «Оборудовании» ([23] .grani-eq-call), но свой класс —
   не трогаем рабочий блок оборудования, звонит на другой номер. */
body.grani-shop-manicure .grani-manicure-call{
	display:block;
	width:100%;
	margin-bottom:8px;
	padding:11px 0;
	text-align:center;
	border-radius:24px;
	background:rgba(255,255,255,.08);
	border:1px solid rgba(42,124,240,.55);
	color:#8FBBFF!important;
	font-size:14px;
	font-weight:600;
	text-decoration:none!important;
	backdrop-filter:blur(6px);
}
body.grani-shop-manicure .grani-manicure-call:hover{
	background:rgba(255,255,255,.14);
}

/* SEO-текст внизу страниц каталога (.group_description_block, класс
   color_666 из темы Aspro рассчитан на светлый фон) — на тёмном фоне
   студии текст #666/#222 нечитаем. 03.09.2026, задача: щипцы для кутикулы. */
.group_description_block h2{color:#fff}
.group_description_block p,
.group_description_block li{color:rgba(255,255,255,.78)}
.group_description_block a{color:#8FBBFF}
.group_description_block a:hover{color:#B8D6FF}

/* GRANI_SHOP_LINKS — по аналогии с GRANI_PAGE_LINKS: ссылки/заголовки на
   страницах каталога (карточки "Вам может быть интересно", "Назад к списку",
   мобильная кнопка "Фильтр") красятся классом .dark_link/.switcher-title
   темы Aspro — тема рассчитана на светлый фон, на тёмном фоне магазина
   текст терялся. 03.09.2026. */
body.grani-shop .dark_link,
body.grani-shop .switcher-title{
	color:#fff!important;
	background-image:none!important;
	text-decoration:none!important;
}
body.grani-shop a.dark_link:hover{color:#8FD0FF!important}
body.grani-shop .blog-list__item-section{color:rgba(255,255,255,.6)!important}

/* GRANI_COOKIE_BTN — кнопка "Принимаю" в баннере согласия на cookies
   серая вместо синей по просьбе заказчика. 03.09.2026. */
.popup-text-info__btn .btn.btn-default{
	background-image:linear-gradient(#90959c,#5f636a)!important;
}
/* график работы в правой плитке — тот же стиль, что у адреса (04.09.2026) */
footer.footer .footer__info .footer__info-item .address__text{color:rgba(255,255,255,.72)!important}

/* центральная плитка: рассылка убрана, почта — иконкой в один ряд с соцсетями (04.09.2026) */
footer.footer .footer__mail-icon{margin-top:0!important}
footer.footer .footer__mail-icon a{display:flex!important;align-items:center;justify-content:center;width:36px;height:30px;border-radius:8px;background:transparent;border:0;font-size:0!important;color:transparent!important;position:relative}
footer.footer .footer__mail-icon a span{font-size:0!important}
footer.footer .footer__mail-icon a:hover{opacity:.7}
footer.footer .footer__mail-icon a:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20' fill='none'%3E%3Crect x='1' y='1' width='22' height='18' rx='3' stroke='white' stroke-width='1.8'/%3E%3Cpath d='M2 3L12 12L22 3' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

/* тема даёт padding-top:41px прямым детям .footer__part-bottom на ширине
   от 1200px (расчёт под старую высокую карточку рассылки) — теперь там
   только ряд иконок, обнуляем (07.09.2026) */
footer.footer .footer__part-bottom>div{padding-top:0!important}

/* компактнее вертикальные отступы внутри карточки контактов — адрес/график
   ближе друг к другу (07.09.2026, плитки поменьше) */
footer.footer .footer__part--right .footer__info .footer__info-item{margin-top:8px!important}
footer.footer .footer__part--right .footer__address{margin-top:0!important}

/* график работы — тот же шрифт, что у адреса, но выделен: обе строки
   (Пн-Пт и Сб-Вск) одного размера и веса, ярче адреса (07.09.2026) */
footer.footer .footer__info .footer__info-item .address__text.footer__hours-text{font-weight:600!important;color:#fff!important}

/* заголовок «Связаться с нами:» + ряд иконок тем же зазором, что между
   иконками — почта выглядит четвёртой иконкой в строю (07.09.2026) */
footer.footer .footer__contact-title{font-weight:600!important;color:#fff!important;font-size:15px}
footer.footer .footer__contact-icons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;width:100%}
footer.footer .footer__contact-icons .footer__social{margin-top:0!important;flex:0 0 auto!important}

/* иконки соцсетей в том же стеклянном дизайне, что и почта — единый стиль
   четырёх значков в подвале (07.09.2026) */
footer.footer .footer__social .social__item:hover{opacity:.7}

/* эмблемы соцсетей — были цветные (зашито в спрайт social.svg), делаем
   белым силуэтом фильтром, чтобы совпадали с иконкой почты (07.09.2026) */
footer.footer .footer__social .social__link:before{filter:brightness(0) invert(1)}
/* эмблема VK: общий фильтр brightness(0) invert(1) красит В ОДИН цвет
   и синий квадрат-подложку, и белые буквы поверх — оба слоя становятся
   сплошным белым, буквы визуально исчезают (07.09.2026, баг найден
   Григорием). У telegram/whatsapp в спрайте один слой (силуэт на
   прозрачном фоне) — тот же фильтр там даёт чистый белый силуэт, поэтому
   у них всё ок. Для VK берём отдельно ТОЛЬКО слой букв (без синей
   подложки) из исходного social.svg и красим uже в самой картинке —
   фильтр вообще не нужен. */
footer.footer .footer__social .social__item.vkontakte .social__link:before{
  filter:none!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.375 6.08337C3.48333 11.2834 6.08329 14.4084 10.6416 14.4084H10.9V11.4334C12.575 11.6 13.8416 12.825 14.3499 14.4084H16.7167C16.0667 12.0417 14.3583 10.7334 13.2916 10.2334C14.3583 9.61671 15.8582 8.11671 16.2166 6.08337H14.0665C13.5999 7.73337 12.2167 9.23337 10.9 9.37504V6.08337H8.74996V11.85C7.41663 11.5167 5.73333 9.90004 5.65833 6.08337H3.375Z' fill='white'/%3E%3C/svg%3E") center/18px 18px no-repeat!important;
}

/* адрес в правой плитке — жирным белым как график работы, а вторая
   строка (метро) остаётся приглушённой серой (07.09.2026) */
footer.footer .footer__part--right .footer__info .footer__address .address__text{color:#fff!important;font-weight:600!important}
footer.footer .footer__part--right .footer__info .footer__address .address__text .fs13{color:rgba(255,255,255,.45)!important;font-weight:400!important}

/* End */
/* /bitrix/templates/aspro-lite/css/fonts/inter/css/inter.min.css?16913472032469 */
/* /bitrix/templates/aspro-lite/css/lite.bootstrap.min.css?16913472034995 */
/* /bitrix/templates/aspro-lite/vendor/css/ripple.css?1691347203854 */
/* /bitrix/templates/aspro-lite/css/buttons.min.css?169134720314014 */
/* /bitrix/templates/aspro-lite/css/svg.min.css?16913472032342 */
/* /bitrix/templates/aspro-lite/css/header.min.css?16913472035331 */
/* /bitrix/templates/aspro-lite/css/footer.min.css?169134720312161 */
/* /bitrix/templates/aspro-lite/css/mobile-header.min.css?16913472034796 */
/* /bitrix/templates/aspro-lite/css/mobile-menu.min.css?16913472034884 */
/* /bitrix/templates/aspro-lite/css/header-fixed.min.css?16913472031077 */
/* /bitrix/templates/aspro-lite/css/page-title-breadcrumb-pagination.min.css?16913472035013 */
/* /bitrix/templates/aspro-lite/css/social-icons.min.css?16913472035785 */
/* /bitrix/templates/aspro-lite/css/left-menu.min.css?16913472031841 */
/* /bitrix/templates/aspro-lite/css/tabs.min.css?16913472034191 */
/* /bitrix/templates/aspro-lite/css/bg-banner.min.css?16913472033081 */
/* /bitrix/templates/aspro-lite/css/regions.min.css?16913472036012 */
/* /bitrix/templates/aspro-lite/css/item-views.min.css?1691347203473 */
/* /bitrix/templates/aspro-lite/css/blocks/countdown.min.css?16913472031754 */
/* /bitrix/templates/aspro-lite/css/blocks/cross.min.css?1691347203768 */
/* /bitrix/templates/aspro-lite/css/blocks/dark-light-theme.min.css?16913472032591 */
/* /bitrix/templates/aspro-lite/css/blocks/flexbox.min.css?16913472032206 */
/* /bitrix/templates/aspro-lite/css/blocks/grid-list.min.css?16913472037741 */
/* /bitrix/templates/aspro-lite/css/blocks/hint.min.css?16913472032166 */
/* /bitrix/templates/aspro-lite/css/blocks/images.min.css?16913472031470 */
/* /bitrix/templates/aspro-lite/css/blocks/line-block.min.css?16913472035047 */
/* /bitrix/templates/aspro-lite/css/blocks/mobile-scrolled.min.css?16913472031034 */
/* /bitrix/templates/aspro-lite/css/blocks/popup.min.css?16913472035408 */
/* /bitrix/templates/aspro-lite/css/blocks/prices.min.css?1691347203517 */
/* /bitrix/templates/aspro-lite/css/blocks/scroller.min.css?16913472031742 */
/* /bitrix/templates/aspro-lite/css/blocks/social-list.min.css?1691347203344 */
/* /bitrix/templates/aspro-lite/css/blocks/sticker.min.css?16913472031910 */
/* /bitrix/templates/aspro-lite/css/blocks/sticky.min.css?1691347203194 */
/* /bitrix/templates/aspro-lite/css/index-page.min.css?169134720310170 */
/* /bitrix/templates/.default/ajax/ajax.min.css?1691347202420 */
/* /bitrix/templates/aspro-lite/css/item-action.min.css?1691347203713 */
/* /bitrix/templates/aspro-lite/css/notice.min.css?16913472032844 */
/* /bitrix/templates/aspro-lite/css/scroll_to_top.min.css?16913472032964 */
/* /bitrix/templates/aspro-lite/components/bitrix/menu/header/style.min.css?169134720214071 */
/* /bitrix/templates/aspro-lite/css/dropdown-select.min.css?16913472031362 */
/* /bitrix/templates/aspro-lite/components/bitrix/search.title/corp/style.min.css?16913472034532 */
/* /bitrix/templates/aspro-lite/components/bitrix/news.list/tizers-list/style.min.css?16913472021345 */
/* /bitrix/templates/aspro-lite/components/bitrix/news.detail/front_company/style.min.css?16913472031383 */
/* /bitrix/templates/aspro-lite/css/jquery.fancybox.min.css?169134720313058 */
/* /bitrix/templates/aspro-lite/css/fancybox-gallery.min.css?16913472033528 */
/* /bitrix/components/aspro/com.banners.lite/templates/banners-with-text2/style.min.css?16913472092240 */
/* /bitrix/templates/aspro-lite/components/bitrix/catalog.section.list/main/style.min.css?16913472032039 */
/* /bitrix/components/aspro/tabs.lite/templates/.default/style.min.css?169134720972 */
/* /bitrix/templates/aspro-lite/components/bitrix/catalog.section/catalog_block/style.css?16913472031 */
/* /bitrix/templates/aspro-lite/css/catalog.min.css?16913472037832 */
/* /bitrix/templates/aspro-lite/css/catalog-block.min.css?16913472034094 */
/* /bitrix/templates/aspro-lite/css/rating.min.css?1691347203210 */
/* /bitrix/templates/aspro-lite/components/bitrix/news.list/blog-list/style.min.css?16913472021521 */
/* /bitrix/components/star/bxslider/templates/.default/style.css?16913472093714 */
/* /bitrix/templates/aspro-lite/components/bitrix/menu/bottom2/style.min.css?16913472021041 */
/* /bitrix/components/aspro/marketing.popup.lite/templates/.default/style.min.css?16913472094844 */
/* /bitrix/templates/aspro-lite/styles.min.css?169134720324659 */
/* /bitrix/templates/aspro-lite/template_styles.min.css?169134720319539 */
/* /bitrix/templates/aspro-lite/css/form.min.css?169134720321701 */
/* /bitrix/templates/aspro-lite/css/colored.min.css?16913472036278 */
/* /bitrix/templates/aspro-lite/css/responsive.min.css?16913472031282 */
/* /bitrix/templates/aspro-lite/css/custom.css?1788779510313122 */