/* Start:/css/style.css?1792158100137500*/
html,
body {
    font-family: "Manrope", sans-serif;
    background: #F5F6F8;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    outline: none;
}

input {
    outline: none;
}

img {
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

a:focus {
    color: inherit;
    text-decoration: none;
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.flex {
    display: flex;
    flex-wrap: wrap;

}

.flex_s {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex_s_a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.flex_a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


.container_content {
    width: 1320px;
    margin-right: auto;
    margin-left: auto;

}



#preloader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

#preloader.is-hidden {
    opacity: 0;
    visibility: hidden;
}

.preloader__spinner {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(35, 90, 188, 0.2);
    border-top-color: rgb(35, 90, 188);
    border-radius: 50%;
    animation: preloader-spin 0.8s linear infinite;
}

@keyframes preloader-spin {
    to {
        transform: rotate(360deg);
    }
}



.ticker-wrapper {
    background: #235ABC;

    padding: 7.5px 0;

    overflow: hidden;

}

.ticker-track {
    display: flex;
    align-items: center;
    white-space: nowrap;
    animation: scrollTicker 50s linear infinite;
    width: max-content;
}

.ticker-item {
    display: inline-flex;
    align-items: center;

    color: rgba(255, 255, 255, 0.80);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
}





.ticker-item .highlight {
    color: rgba(255, 255, 255, 0.80);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 32px
}



@keyframes scrollTicker {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.gep_box img {
    flex: none;
    margin-right: 8px;
}

.gep_box span {
    color: #27263F;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

nav {
    margin-left: 24px;
}

nav a {
    color: #27263F;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 16px;
}

nav a:last-child {
    margin-right: 0px;
}

.mail_t {
    color: #27263F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 28px;
}

.dropdown {
    position: relative;

    user-select: none;
}

.dropdown-toggle {}

.dropdown-toggle:hover {}

.dropdown-toggle .arrow {

    transition: transform 0.3s ease;
    margin-left: 10px;
}

.dropdown-toggle .arrow.open {
    transform: rotate(180deg);
}

.dropdown-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 8px;
    list-style: none;
    padding: 6px 0;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: all 0.25s ease;
    z-index: 10;
}

.dropdown-menu.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-menu li {
    padding: 0;
}

.dropdown-menu li a {
    display: block;
    padding: 4px 15px;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    transition: background 0.15s;
    cursor: pointer;
}

.dropdown-menu li a:hover {}

.dropdown-menu li a:active {}


.dropdown-toggle .phone-link {
    flex: 1;
    text-decoration: none;

}

.dropdown-toggle>img {
    flex: none;
    margin-right: 10px;
}

.dropdown-toggle {
    margin-right: 24px;
}

.t_h_row_in {
    height: 46px;
}

.t_h_row {
    background: #F5F6F8;
}

.phone-link {
    color: #27263F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.b_h_row_in {
    height: 80px;
}

.b_h_row {
    border-bottom: 2px solid #E1E3EB;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}

.n__catalog_search {
    width: 510px;
    height: 48px;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #E1E3EB;
    background: #F5F6F8;

    position: relative;
}

.n__catalog_search form {
    width: 100%;
    height: 100%;

}

.n__catalog_search .sidebar__search-input {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: none;
    outline: 0;
    color: #717088;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 0px;
    padding-right: 0;
    font-style: normal;
    padding-right: 68px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    height: 100%;
    padding-left: 13px;
    box-sizing: border-box;
    border: none;
    background: transparent
}

.n__catalog_search .sidebar__search-submit {
    border: none;
    outline: none;
    background: none;
    position: absolute;
    right: 0px;
    width: auto;
    height: 100%;
    top: 0px;

    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    cursor: pointer;
    background: #E31E24;
    justify-content: center;
    width: 48px;
    height: 48px;
}

.cl_but_box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.cl_but_box img {}

.cl_icon {
    height: 24px;
    margin-bottom: 5px;

}

.cl_but_box span {
    color: #717088;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cl_but_box {
    margin-right: 38px;
}

.cl_but_box.last {
    margin-right: 28px;
}

.box__top {
    padding-top: 8px;
    border-radius: 5px;
    background: #E31E24;
    width: 104px;
    height: 52px;
    display: flex;

    flex-direction: column;
    align-items: center;
}

.icon__boxx {
    position: relative;
}

.num___prod {
    position: absolute;
    justify-content: center;
    width: 15px;
    height: 15px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #fff;
    top: -4px;
    right: -9px;
    color: #E31E24;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.box__top>span {
    color: #FFF;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 0px;
}

.n__catalog_search {

    margin-left: -20px;
}

.last_h_row_in {
    height: 48px;
}

.last_h_row {
    border-bottom: 1px solid #E1E3EB;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}

.catalog_btn {
    height: 100%;
    width: 212px;
    background: #E31E24;
    justify-content: center;
}

.catalog_btn span {
    color: #FFF;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding-left: 12px;
}

.last_h_left {
    height: 100%;

}

.last_h_right {
    height: 100%;
}

.nav_list a {
    display: flex;
    align-items: center;
    height: 100%;
    color: #717088;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 24px;
    border-right: 1px solid #E1E3EB;
}

.nav_list {
    height: 100%;
}

.b_h_row {

    position: relative;
}

.catalog_btn {

    padding-right: 10px;
}

.last_h_right span {
    display: inline-flex;
    position: relative;
    color: #717088;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.last_h_right span:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 7px;
    width: 6px;
    height: 6px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #01B56D;
}

.f_display_left {
    width: 67.2%;
}


.dots_slider .slick-dots {
    bottom: 62px;

    position: absolute;
    right: 15px;
    display: flex;
    z-index: 2;
    bottom: 13px;
    width: auto;
    display: flex;
    border-radius: 10000px;
     background: rgb(114 114 114 / 40%);
    align-items: center;
    height: 28px;
    padding: 0 15px;
}

.dots_slider .slick-dots button {
    background: rgba(251, 253, 255, 0.80);
    transition: 0.3s ease;
    border-radius: 20px;
    color: transparent;
    padding: 0px;
    width: 30px;
    height: 5px;
    margin: 0 5px;
    outline: none;
    cursor: pointer;
    border: none;
}

.dots_slider li {
    list-style: none;
    display: flex;
}

.dots_slider .slick-dots .slick-active button {
    width: 42px;
    background: #E31E24;
}

.main_slider {

    width: 100%;


}

.sl_img {
    display: flex;

}

.f_display_block {
    margin-top: 27px;
}

.sl_img img {
    overflow: hidden;
    height: auto;
    width: auto;
    border-radius: 20px;
   
    min-width: 100%;
  


}

.dots_slider {
    overflow: hidden;

    border-radius: 15px;
}

.f_display_right {
    width: 31%;
}

.f_display_right_box {
    width: 100%;
    border-radius: 15px;
    border: 1px solid #FED2B6;
    background: linear-gradient(105deg, #FFF3EB 7.21%, #FFE1CE 97.06%);
    padding: 8px 20px;
}

.f_display_right_box {
    margin-bottom: 5px;
}

.f_display_right_cat {
    color: #EC6C1D;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.7px;
    margin-bottom: 8px;
}

.f_display_right_title {
   color: #000;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.f_display_right_info {
    color: #717088;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 4px;
}

.f_display_right_box.f_display_right_box2 {
    margin-bottom: 0px;

    border: 1px solid #AAE8C8;
    background: linear-gradient(105deg, #E9F6F0 7.21%, #CDF0DF 97.06%);
}

.f_display_right_link a span {
    color: #EC6C1D;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-right: 4px;
}

.f_display_right_link a svg {
    margin-top: 2px;
}

.f_display_right_box2 .f_display_right_cat,
.f_display_right_box2 .f_display_right_link a span {
    color: #01B56D;

}

.ad_v__cont {
    height: 100px;
}

.ad_v__block {
    margin-top: 40px;
    border-bottom: 2px solid #E1E3EB;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}

.ad_v__box {
    flex-wrap: nowrap;
}

.ad_v__icon {
    display: flex;
    justify-content: center;
    flex: none;
    margin-right: 12px;
    border-radius: 5px;
    background: #F5F6F8;
    width: 56px;
    height: 56px;
}

.ad_v__info p:first-child {
    color: #27263F;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
}

.ad_v__info p:last-child {
    color: #717088;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.t_link span {
    color: #235ABC;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-right: 4px;
}

.t_link a svg {
    margin-top: 2px;
}

.pop_cat_bl {
    margin-top: 48px;
}

h2 {
    color: #235ABC;
    font-family: Manrope;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}


h2>span {
    color: #27263F;
}

.zagl {
    margin: 0px !important;
    height: 0px !important;
    visibility: hidden;
    padding: 0px !important;
    min-height: 0px !important;
}

.caterory__list {
    margin-top: 46px;
}

.caterory__box {
    height: 230px;
    border-radius: 10px;
    background: #FFF;
    width: 15.9%;
    padding: 15px 14px 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.cat_title a {
    color: #27263F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    display: block;
}

.caterory__box {

    overflow: hidden;
}

.cat_title {
    min-height: 44px;
    margin-bottom: 12px;
}

.product_cout {
    color: #717088;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.caterory__bot img {
    max-height: 120px;
}

.caterory__bot {
    margin-right: -14px;
    margin-left: auto;
}

.caterory__list {
    padding-bottom: 45px;
    border-bottom: 1px solid #D1D1D1;
    margin-bottom: 55px;
}

.service_bl {
    background: #Fff;
    padding-top: 38px;
}

.service_box {
    border-radius: 15px;
    width: 32.8%;
    border: 1px solid #D1D1D1;
    background: #F5F6F8;
    overflow: hidden;
}

.service_cont {
    margin-top: 48px;
}

.service_img {
    display: flex;
    position: relative;
}

.service_img:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;

    border-radius: 15px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
}

.service_bottom_our {
    padding: 16px 19px 25px;
}

.service_bl {
    padding-bottom: 58px;
}

.service_title a:hover{
    color: rgb(227, 30, 36);
}

.service_title  {
    color: #000;
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    /* 125% */
    text-transform: uppercase;
}

.service_title {
    margin-bottom: 22px;
}

.service_info {
    color: #717088;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    min-height: 36px;
    margin-bottom: 25px;
}

.service_list p {
    color: #27263F;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    flex-wrap: nowrap;
}

.service_list p img {
    flex: none;
    margin-right: 6px;
}

.service_list {
    margin-bottom: 22px;
}

.service_bottom_row {
    border-radius: 3px;
    background: #E1E3EB;
    padding: 9px 11px;
    color: #000;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 16px;
}

.service_bottom_row span {
    font-weight: 700;
}

.t_link.t_link__all {
    border-radius: 5px;
    background: #DCE3F1;
    justify-content: center;
    line-height: normal;
    padding: 12px;
    width: 100%;
}

.t_link.t_link__all span {
    color: #235ABC;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.status {
    border-radius: 1000px;
    background: #235ABC;
    padding: 2px 9px 3px;
}

.service_img {
    position: relative;
}

.status {
    position: absolute;
    left: 10px;
    top: 11px;
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.8px;
}

.main_product_bl {
    margin-top: 55px;
}

.product_box {
    position: relative;
}

.dop_spec_c {
    position: absolute;
    top: 9.5px;
    right: 14px;
}

.dop_spec_box:first-child {
    margin-right: 5px;
}

.dop_spec_box {}

.dop_spec_box {
    justify-content: center;
}

.n_price_service_container .tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

.n_price_service_container .tabs li {
    position: relative;
    list-style: none;
    transition: 0.5s ease;
    color: #717088;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
    padding: 0 19px;
}

.n_price_service_container .tabs li:last-child {}

.n_price_service_container .tabs {
    padding-bottom: 16px;
    border-bottom: 1px solid #D1D1D1;
}

.n_price_service_container {
    margin-top: 45px;
}

.n_price_service_container .tabs li.current {
    pointer-events: none;
    color: #235ABC;
    cursor: default;
}

.n_price_service_container .tabs li:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -17.5px;
    background: #235ABC;
    height: 2px;
    width: 100%;
    transition: 0.5s ease;
    opacity: 0;
}

.n_price_service_container .tabs li.current:after {
    opacity: 1;
}

.product_box {
    width: 256px;
    padding: 17px 14px 20px;
    min-height: 404px;
    border-radius: 10px;
    border-radius: 10px;
    background: #FFF;

    transition: 0.3s ease;
}

.product_img img {
    max-width: 191.565px;
    max-height: 142.908px;
}

.product_img {
    justify-content: center;
    height: 196px;
}

.product_firm {
    color: #235ABC;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.product_title {
    color: #27263F;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    min-height: 44px;
    margin-bottom: 12px;
}

.product_art {
    color: #717088;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}

.product_aw {

    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
    padding-left: 9.5px;
}

.product_aw.in_presence {
    color: #01B56D;
}

.product_aw.limited {
    color: #EC6C1D;
}

.product_aw.under {
    color: #717088;
}


.product_aw:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    width: 4px;
    height: 4px;
    aspect-ratio: 1/1;
    margin-top: -1px;
    border-radius: 50%;
}

.product_aw.in_presence:before {
    background: #01B56D;
}

.product_aw.limited:before {
    background: #EC6C1D;
}

.product_aw.under:before {
    background: #717088;
}

.dop_spec_box {
    cursor: pointer;
}

.product_row_price {
    margin-top: 28px;
}

.pr_now {
    color: #000;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.pr_now span {
    font-size: 20px;
}

.pr_old {
    text-decoration: line-through;
    color: #A2A2A2;
    font-family: Manrope;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: 11px;
    margin-bottom: 2px;
}

.pr_old span {

    font-size: 13px;

}

.product_row_price {

    align-items: flex-end;
}

.dop_spec_c {
    opacity: 0;
    transition: 0.3s ease;
}

.product_box:hover .dop_spec_c {
    opacity: 1;
}

.add__box {
    border-radius: 5px;
    background: #E31E24;
    width: 100%;
    height: 42px;
    justify-content: center;
    border: none;
    outline: none;
    color: #FFF;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;




}

.product_box {
    border-radius: 10px;
    background: #FFF;

}

.add__box span {
    margin-left: 6px;
}

.product_row_price {}

.product_box:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}

.our_prod__wrapper {
   
    width: 100%;
}

.product_bottom {
    position: relative;


   margin-top: 10px;
    transition: 0.3s ease;
   
}

.product_box:hover .product_bottom {
  
}

.main_product_bl {
    margin-bottom: 110px;
}

.no_price {
    color: #717088;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.line_sale_block {
    margin-bottom: 56px;
}

.line_sale_cont {
    padding-top: 26px;
    padding-bottom: 47px;
}

.line_sale_block {
    background: url(/css/../image/line_bg.jpg)no-repeat;
    background-size: cover;
}

.line_sale_t_line span {
    color: #EC6C1D;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-left: 6px;
}

.line_sale_t_line {
    margin-bottom: 18px;
}

.profitable_block {
    margin-bottom: 56px;
}

.line_sale_left h3 {
    color: #fff;
    margin-bottom: 18px;
}

h3 {

    font-family: Manrope;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;

}

.line_sale_left p {
    color: #FFF;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}



.timer-container {}

.timer-grid {
    display: flex;
    flex-wrap: wrap;

}

.time-block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.number {
    justify-content: center;
    color: #FFF;
    font-family: Manrope;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 5px;
    border: 1px solid #DCE3F1;
    background: rgba(255, 255, 255, 0.50);
    transition: all 0.1s ease;
    width: 80px;
    height: 80px;
    font-variant-numeric: tabular-nums;
}

.label {
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.50);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sepr {
    color: #FFF;
    font-family: Manrope;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 10px;
}

.red_btn {
    border: none;
    outline: none;
    color: #FFF !important;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 12px;
    min-width: 228px;
    border-radius: 5px;
    background: #E31E24;
    text-align: center;
}

.timer-container {
    margin-right: 33px;
    margin-top: 15px;
}

.bl_tag {
    color: #235ABC;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.about_block {
    background: #fff;
}

.profitable_slidr {
    margin-left: -6px;
    margin-right: -6px;
}

.profitable_box {
    margin-left: 6px;
    margin-right: 6px;
    border-radius: 15px;
    border: 1px solid #D1D1D1;
    overflow: hidden;
    background: #fff;
}

.profitable_title {
    padding: 20px 14px 26px;
}

.profitable_img {
    display: flex;
    border-radius: 15px;
    overflow: hidden;
}

.profitable_slidr {
    margin-top: 60px;
}

.profitable_title a {
    color: #235ABC;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.profitable_title a span {
    display: inline-flex;
    color: rgba(255, 255, 255, 0.80);
    background: #235abc;
    padding: 2px 5px;
}

.btn-juliet {
    position: absolute;
    background: #FFF;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    aspect-ratio: 1/1;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 2;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    top: 50%;
}

#prev.btn-juliet {
    left: -20px;

}

#next.btn-juliet {
    right: -20px;

}

.about_block {
    padding-top: 60px;
}

.about_left_text {
    color: #27263F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 146.667% */
    margin-bottom: 34px;
}

.about_cont {
    margin-top: 40px;
}

.about_left {
    width: 50%;
}

.about_left_box {
    width: 49.5%;
    border-radius: 5px;
    border: 1px solid #D1D1D1;
    background: #F5F6F8;
    height: 140px;
    margin-top: 6px;
    padding: 29px 14px;
}

.about_left_title {
    color: #235ABC;
    font-family: Manrope;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    /* 55% */
    margin-bottom: 20px;
}

.about_left_box p {
    color: #717088;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.about_right_top {
    width: 100%;
    margin-bottom: 9px;

}

.about_right {
    width: 49.3%;
}

.about_right>div {
    display: flex;
}

.about_right img {
    border-radius: 5px;
}

.about_right_bot {
    width: 49.3%;
}

.b__about_btn {
    margin-top: 20px;
}

.red_btn.blue_btn {
    background: #235ABC;
    display: inline-block;
}

.about_block {
    padding-bottom: 53px;
    margin-bottom: 55px;
}

.oficial_cont {
    flex-wrap: nowrap;
    border-radius: 10px;
    border: 1px solid #D1D1D1;
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);

}

.oficial_box {
    width: 100%;
    height: 90px;
    color: #717088;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #D9D9D9;
    padding-left: 35px;
    padding-right: 35px;
    text-transform: uppercase;
}

.oficial_box:last-child {
    border-right: none;
}

.oficial_cont {
    margin-top: 70px;
}

.oficial_block {
    margin-bottom: 58px;
}

.why_box {
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding: 14px;
    width: 24.7%;
    min-height: 200px;
}

.why_num {
    color: #235ABC;
    font-family: Manrope;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 14px;
}

.why_title {
    color: #27263F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 14px;
}

.why_text {
    color: #717088;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.why_cont {
    margin-top: 42px;
}

.why_block {
    margin-bottom: 58px;
}

.trust_cont {
    border-radius: 10px;
    border: 1px solid #D1D1D1;
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    margin-top: 42px;
    padding: 12px;
}

.news_box {
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #D9D9D9;

    background: #FFF;

    width: 327px;
}

.new_img {
    display: flex;
    justify-content: center;
    align-items: center;

}

.n__bottom {
    padding: 14px;
    padding-bottom: 22px;
}

.trust_block {
    margin-bottom: 58px;

}

.news_block {
    margin-bottom: 44px;
}

.news_cont {
    margin-top: 55px;
}

.new_title a {
    color: #27263F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 16px;
    display: block;
}

.text_news {
    color: #717088;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 16px;
}

.new_date {
    color: #235ABC;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.list_serv_ad_block {
    background: #FBFDFF;
    padding-top: 42px;
    padding-bottom: 72px;
}

.list_serv_ad_box {
    width: 634px;
}

.list_serv_ad_header {
    flex-wrap: nowrap;
    align-items: center;
}

.list_serv_ad_icon {
    flex: none;
    margin-right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: #235ABC;
    width: 44px;
    height: 44px;
    aspect-ratio: 1/1;
}

.list_serv_ad_header p {
    color: #27263F;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.list_serv_ad_box {
    margin-bottom: 60px;

}

.list_serv_ad_cont .list_serv_ad_box:nth-child(5),
.list_serv_ad_cont .list_serv_ad_box:nth-child(6) {
    margin-bottom: 0px;
}

.list_serv_ad_header {
    margin-bottom: 20px;
}

.list_serv_ad_box>p,
.list_serv_ad_box ul {
    color: #000;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.list_serv_ad_box ul {
    padding-left: 20px;
}

.list_serv_ad_box ul span {
    font-weight: 700;
}

.f_col {
    border-radius: 15px;
    border: 1px solid #E1E3EB;
    background: rgba(251, 253, 255, 0.50);
    width: 327px;
    padding: 26px 14px;
    min-height: 440px;
}

footer {
    margin-top: 39px
}

.f__text {
    color: #717088;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 150% */
    margin-top: 17px;
    margin-bottom: 23px;
}

.soc_title {
    margin-bottom: 23px;
    color: #27263F;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.soc_row a:first-child {
    margin-right: 20px;
}

.un__title {
    color: #27263F;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 112.5% */
    margin-bottom: 33px;
}

.f_col_row {
    width: 100%;
    min-height: 54px;
    padding: 8px 9px;
    flex-wrap: nowrap;
    border-radius: 5px;
    background: #F4F4F4;
    margin-bottom: 8px;
}

.f_col_icon {
    width: 38px;
    height: 38px;
    aspect-ratio: 1/1;
    flex: none;
    margin-right: 12px;
    border-radius: 5px;
    background: #FFF;
    justify-content: center;
}

.f_col_info_top {
    color: #27263F;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.f_col_info_bot {
    color: #717088;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.f_col_info_top.sm {
    font-size: 14px;
}

.footer_cont {
    padding-bottom: 21px;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 16px;
}

.footer_right2 {
    margin-top: 4px;
}

.footer_left2>p {
    color: #717088;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 16px;
}

.footer_left2_row a {
    color: #717088;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: underline;

}

.footer_left2_row span {
    color: #717088;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding-left: 12px;
    padding-right: 12px;
}

.footer_box_cont2 {
    margin-bottom: 20px;
}

.f__bot__row_text {
    border-radius: 25px 25px 0 0;
    background: #FFF;
    height: 160px;
    overflow: hidden;
}

.f__bot__row_text p {
    color: #F5F6F8;
    font-family: Manrope;
    font-size: 164px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
}

.breadcrumbs_our {
    padding-top: 23px;
    padding-bottom: 27px;
}

.breadcrumbs_container a:first-child {
    padding-left: 0px;
}

.breadcrumbs_container a:first-child:before {
    display: none;
}

.breadcrumbs_container a:first-child {}

padding-left: 0px;

.breadcrumbs_container a {
    white-space: nowrap;
}

.breadcrumbs_container a {
    color: #717088;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    padding: 0 9px;
    position: relative;
}

.breadcrumbs_container a:before {
    content: "/";
    position: absolute;
    margin-left: -13px;
    margin-top: 0.5px;
    color: #717088;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

h1 {
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 35px;
}

.post_text {
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 146.667% */
    margin-bottom: 26px;
}

.top_category_row>p {
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.cat_tag {
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 10px;
    border-radius: 1000px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding: 6px 12.5px;
}

.top_category_row {
    padding-bottom: 23px;
    border-bottom: 1px solid #D1D1D1;
}

.tittle_incatalog {
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 146.667% */
    margin-bottom: 15px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.our_main_catalog {
    margin-top: 14px;
}

.catalog__first__part {
    width: 320px;
}

.smartfilter {
    width: 100%;

}

.catalog__first__part_inner {
    border-radius: 10px;
    background: #FFF;
    width: 100%;
    padding: 18px 14px 28px;
}

.catalog_filter_header_name_filter {
    flex-wrap: nowrap;
    margin-bottom: 23px;
}

.filter_icon {
    flex: none;
    width: 24px;
    height: 24px;
    aspect-ratio: 1/1;
    border-radius: 3.163px;
    background: #F5F6F8;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-right: 8.5px;
}

.catalog_filter_header_name_filter span {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.diapozon__numbers_box {
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
    border: 1px solid #E1E3EB;
    background: #FFF;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);
    padding: 7px;
    color: #A2A2A2;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.or__dip {
    width: 49%;
}

.label__t {
    margin-bottom: 9px;
    color: #A2A2A2;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.diapozon__box {
    padding-bottom: 23px;
    border-bottom: 1px solid #E1E3EB;
}

.our_headre_f_row {
    margin-top: 6px;
    margin-bottom: 6px;
}

.catalog_filter_header_name_filter2 {
    margin-bottom: 0px !important;

}

.our_headre_f_row {
    height: 56px;
    border-radius: 10px;
    cursor: pointer;
    padding: 6px;
    transition: 0.3s ease;
}

.our_headre_f_row:hover {
    background: #F9FAFB;
}



.cat_list_box_filter {
    position: relative;
    margin-bottom: 12px;
}


.cat_list_box_filter input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: calc(100% - 18px);
    height: 100%;
    z-index: 3;
    opacity: 0;
    margin: 0px;
    display: inline-block;
}



.cat_list_box_filter label {
    width: calc(100% - 20px);
    display: block;
}


.cat_list_name_filer {
    position: relative;
    cursor: pointer;
    padding-left: 35px;
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */

    z-index: 2;
}

.cat_list_name_filer:hover:after {}

.cat_list_name_filer:after {
    content: "";

    display: block;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: 1px solid #E1E3EB;
    border-radius: 3px;

    background: #FFf;
    position: absolute;

    top: 2px;
    transition: 0.3s ease;
    left: 0px;
}


.cat_list_box_filter input[type=checkbox]:hover~.cat_list_name_filer:after {
    background-color: #235ABC;
    border: 1px solid #235ABC
}






.work__all_raion_left_box {
    position: relative;
}



.cat_list_box_filter input[type=checkbox]:checked~.cat_list_name_filer:after {
    content: "";
    background-color: #235ABC;
    background: url(/css/../image/check__name.svg)no-repeat center center;
    transition: 0s;
    border: 1px solid #235ABC;


}

.diapozon__box .catalog_filter_header_name_filter {

    margin-left: 6px;
}

.work__all_raion_left_box {

    border-bottom: 1px solid #E1E3EB;
}

.red_btn.blue_btn.grey_btn {
    width: 100%;
    text-align: center;
    border-radius: 10px;
    background: #F5F6F8;
    color: #27263F !important;
    font-family: Manrope;
    font-size: 12px;
}

.grey_btn {
    margin-top: 8px;
    cursor: pointer;
}

.arr__filter img {
    transition: 0.3s ease;
}

.open .arr__filter img {
    transform: rotate(180deg);
}

.catalog__right__part {
    width: 986px;
}

.top_right_title {
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 146.667% */
}

.top_right_panel {
    height: 40px;
}

.var__link {
    margin-left: 24px;
    transition: 0.3s ease;
    color: #717088;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    /* 146.667% */
}

.var__link svg {
    margin-left: 8px;
}

.var__link.active {
    color: #235ABC;
}

.var_templ_box {
    cursor: pointer;
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
    transition: 0.3s ease;
    border-radius: 3px;
    background: #FFF;
    justify-content: center;
}

.var_templ_box.active {
    background: #E1E3EB;
}

.var_templ_box:first-child {
    margin-right: 4px;
}

.var_templ_cont {
    margin-left: 28px;
}

.top_right_panel {
    margin-bottom: 15px;
}

.category_resultat__container .product_box {
    width: 325px;
    margin-bottom: 10px;
}

.product_bottom {
   
}

.our_prod__wrapper{
        display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}


.pagination {
    display: flex;
    flex-wrap: wrap;



}

.product-item-image-original {
    z-index: 0;
}

.pagination_2 .page-item.active a {
    color: #fff;
    background: #235ABC;
    pointer-events: none;
}



.pagination li {
    list-style: none;
}

.pagination li a {

    margin-left: 4px;
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 48px;
    height: 48px;

    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4.052px;
    border: 1px solid #D9D9D9;
    background: #FFF;
}

.pagination li a.page-item__right:hover img {}

.pagination li a:hover {

    border-color: #235ABC;

}

.number___pagination {
    margin-top: 30px;
}

.pagin_container_new {
    margin-left: auto;
}

.text h2,
.text h3,
.text h4,
.text h5 {
    margin-top: 38px;
    margin-bottom: 28px;
}

.catalog__content_box {
    margin-top: 70px;
}

h4 {
    color: #27263F;
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}


.text ul,
.text ol {
    padding-left: 20px;
    margin-bottom: 25px;
}

.text {
    color: #000;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.text a {
    text-decoration: underline;
    color: #235ABC;
}

.text a:hover {
    text-decoration: none;
}

.text p {
    margin-bottom: 25px;
}


.slide__toggle_row2 {
    transition: 0.3s ease;

    border-bottom: 1px solid #D9D9D9;

    width: 100%;
}


.slide__toggle_header2 {
    padding-top: 23px;
    color: #211E2C;
    leading-trim: both;
    text-edge: cap;

    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 130% */
    padding-bottom: 23px;
    flex-wrap: nowrap;
    cursor: pointer;
}

.slide__toggle_text2 {
    color: #000;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding-bottom: 23px;
}


.open .toggle_btn2 {
    opacity: 0
}


.toggle_btn2 {
    transition: 0.3s ease;
}

.toggle_btn2 {
    display: flex;
    flex: none;
    margin-left: 10px;
}

.out__qu_block {
    margin-top: 35px;
}

.q_o__list2 {
    padding-top: 15px;
}

.out__qu_block {
    margin-bottom: 20px;
}

.cat_tag2 {

    margin-right: 4px;
    color: #717088 !important;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: lowercase;
    padding: 4px 14px;
    border-radius: 1000px;
    border: 1px solid #E1E3EB;
    background: #FFF;
}

.cat_tag2.active {
    background: #235ABC;
    color: #fff !important;
}

.product__main__row_cat {
    margin-bottom: 35px;
}

.product_main_left {
    width: 650px
}

.product_left_slider_our {
    width: 100px;
}

.product_right_slider {
    width: 540px;

}

.pr_r_box {
    width: 100%;
    height: 540px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pr_r_box img {
    max-width: 450px;
    max-height: 450px;
}

.pr_l_box {
    width: 100%;
    height: 100px;

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 9px;
    border-radius: 5px;
    border: 1px solid #E1E3EB;
    margin-top: 3px;
    margin-bottom: 3px;
}

.product_main_block {
    background: #fff;
    padding-top: 23px;
}

.btn-juliet3 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    width: 100%;
    border-radius: 3px;
    background: #F5F6F8;
    cursor: pointer;
    outline: none;
    border: none;
}

.btn-juliet3#prev {
    margin-bottom: 3px;
}

.btn-juliet3#next {
    margin-top: 3px;
}

.product_right_slider {
    border-radius: 15px;
    border: 1px solid #F5F6F8;
    overflow: hidden;
}

.product_main_block {
    padding-bottom: 33px;
}

.pr_l_box {
    cursor: pointer;
}

.product_main_part {
    width: 328px;
    border-radius: 15px;
    background: #F5F6F8;
    padding: 25px 17px;
}

.product_main_right_our {
    width: 328px;
}

.product_main_right.product_main_part {
    width: 100%
}

.product_tag span {
    position: relative;
    padding-left: 9px;
}

.product_tag span:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -1.5px;
    width: 5px;
    height: 5px;

    border-radius: 50%;
    background: #16A34A;
}


.product_tag.hit {
    border-color: #E31E24;
    background: #FFE1CE;
    color: #E31E24;
}

.product_tag.hit span:before {
    background: #E31E24;
}

.product_tag {
    margin-bottom: 3px;
    margin-right: 6px;

    color: #16A34A;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    border-radius: 1000px;
    border: 1px solid #16A34A;
    background: #CDF0DF;
    padding: 2px 11px;
}

.product_tag:last-child {
    margin-right: 0px;
}

.product_pro {
    color: #717088;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 23px;
    margin-bottom: 20px;
}

.product_pro span {
    color: #235ABC;
}

.sepr_all {
    margin: 0 10px;
}

.ot_rei {
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.count_rew {
    color: #EC6C1D;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    text-decoration: underline;
}

.count_rew:hover {
    text-decoration: none;
    color: #EC6C1D !important;
}

.property__list_top {
    border-top: 1px solid #D9D9D9;
    margin-top: 23px;
    padding-top: 23px;
}

.property__list_row {
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    margin-bottom: 10px;
}

.property__list_row span {
    display: contents;
}

.more__prop {
    padding-top: 12px;
}

.product_func_row {
    padding-bottom: 20px;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 16px;
}

.product_func_box span {
    color: #27263F;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 3px;
}

.prod_complect {
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 15px;
}

.prod_tags2_cont .cat_tag2 {
    font-size: 12px;
    padding: 5px 8px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.preparation_row img {
    display: flex;
}

.preparation_row span {
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-left: 8.5px;
    padding-right: 11px;
    min-width: 185.5px;

}

.preparation_inp {
    width: 18.316px;
    height: 18px;
    aspect-ratio: 18.32/18.00;
    border-radius: 3px;
    border: 1px solid #EC6C1D;
    background: #FFF;
    overflow: hidden;
}

.active .preparation_inp {
    border: 1px solid transparent;
}

.preparation_box {
    margin-top: 13px;
    border-radius: 10px;
    background: #FFF3EB;
    padding: 13px 14.5px;
    padding-bottom: 15px;
}

.preparation_title {
    margin-bottom: 20px;
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.preparation_row.active span {
    color: #EC6C1D;
}

.preparation_row {
    margin-bottom: 11px;
}

.preparation_row:last-child {
    margin-bottom: 0px;
}

.product__price_box {
    border-radius: 10px;
    background: #FFF;
    padding: 13.5px;
    padding-bottom: 22px;
    margin-top: 18px;
}

.product__price_top_row {
    padding: 2px 6px;
    border-radius: 5px;
    background: rgba(252, 230, 231, 0.42);
}

.product__price_main {
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.product__price_old {
    margin-left: 8px;
    color: #A2A2A2;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: line-through;
}

.product_sale {
    padding: 1.5px 3px;
    border-radius: 5px;
    background: #FCDBDD;
    color: #E31E24;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: 9px;
    display: inline-block;
    position: relative;
    top: -2px;
}

.product__price_top_row {

    align-items: baseline;
}

.product_aw_pr span {
    color: #A2A2A2;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 3px;
}

.product_aw_pr.product_aw.in_presence {
    color: #27263F;
}

.product_aw_pr {
    margin-top: 12px;
}

.product__btns_bot .add__box {
    height: 48px;
    font-size: 15px;
    border-radius: 10px;
    margin-bottom: 12px;
}

.product__btns_bot .add__box span {
    margin-left: 10px;
}

.product__btns_bot {
    margin-top: 18px;
}

.add_s__box {

    border-radius: 10px;
    border: 1px solid #F5A878;
    background: #FAF4F1;
    width: 100%;

    justify-content: center;

    outline: none;
    color: #EC6C1D;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;

    height: 48px;
    font-size: 15px;
    border-radius: 10px;
    margin-bottom: 12px;


}

.add_s__box span {
    padding-left: 5px;
}

.add_s__box2 {
    border-radius: 10px;
    background: #E6E8EE;
    width: 100%;
    border: none;
    justify-content: center;

    outline: none;
    cursor: pointer;
    color: #27263F;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: 38px;
    margin-bottom: 12px;

}

.add_s__box2 span {
    margin-left: 6px;
}

.warb_d_row {
    text-align: center;
    color: #717088;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.delive__box {
    margin-top: 18px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    background: #FFF;
}

.delive__row {
    padding: 14px 12px;
    border-bottom: 1px solid #D9D9D9;
}

.del_title {
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.delive__icon {
    width: 24px;
    height: 24px;
    aspect-ratio: 1/1;
    margin-right: 13px;
    border-radius: 3.163px;
    flex: none;
    justify-content: center;
    background: #E9F6F0;
}

.delive__row_in {
    flex-wrap: nowrap;
}

.delive__icon.delive__icon2 {
    background: #FFF3EB;
}

.delive__icon.delive__icon3 {
    background: #DDEBFF;
}

.delive__info {
    color: #717088;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.delive__info p:first-child {
    color: #000;
    8 color: #000;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    padding-bottom: 5px;
    margin-top: -2px;
}

.maneger_box {
    flex-wrap: nowrap;
    border-radius: 15px;
    background: #F5F6F8;
    margin-top: 13px;
    padding: 14.5px 18px;
}

.maneger_left {
    width: 42px;
    height: 42px;
    flex: none;
    margin-right: 9.5px;
}

.product_main_cont {
    align-items: flex-start;
}

.maneger_right {
    color: #717088;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.maneger_right p:first-child {
    color: #27263F;
    font-weight: 600;
    margin-bottom: 4px;
}

.soc_row2 a {
    justify-content: center;
    margin-right: 7px;
    width: 32px;
    height: 32px;
    background: #fff;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 1px solid #E6E6E6;
}

.soc_row2 {
    margin-top: 11px;
}

.product_main_right.product_main_part {

    padding-bottom: 10px;
}

.product_main_desc__bottom {
    padding-top: 55px;
}

.n_price_service_container3 .tabs li {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    padding: 0 10px;
}

.n_price_service_container3 {
    margin-top: 0px !important;
}

.text h2,
.text h3 {
    font-size: 24px;
    color: #27263F;
}

.catalog__content_box {
    margin-top: 42px;
}

.props_group__props {
    width: 100%;
}

.props_group__props>tbody>tr:nth-child(odd) {

    background: #f5f6f8;
}

.props_group__props>tbody>tr>td,
.props_group__props>tbody>tr>th {
    text-align: left;
    color: #27263F;
    padding: 10px 20px;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;

}

.props_group__props>tbody>tr>td {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.props_group__props>tbody>tr>th {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.props_group__props>tbody>tr>td:last-child {
    text-align: right;
}

.props_group__props {
    margin-top: 35px;
}

.intr__content {
    padding: 37px 0px;
    background: #fff;

}

.desc__img2 {
    margin-top: 50px;
}

.product_main_desc__bottom {
    padding-bottom: 40px;
}

.product_main_desc__bottom2 {
    margin-top: 42px;
}

.preparation_cont {
    margin-top: 50px;
    width: 100%;

}

.preparation_box2 {
    width: 49%;
    border-radius: 15px;
    background: #FFF;
    padding: 20px 13px;
}


.preparation_header_l {
    width: 62px;
    height: 62px;
    flex: none;
    margin-right: 15px;
}

.preparation_header {
    flex-wrap: nowrap;
}

.preparation_header_r {
    color: #000;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.preparation_box22 .preparation_header_r p:last-child {
    color: #235ABC;
}

.preparation_box23 .preparation_header_r p:last-child {
    color: #EC6C1D;
}

.preparation_header {
    margin-bottom: 20px;
}


.preparation_box2 .service_list {
    margin-bottom: 5px;
}


.preparation_box2 .service_list p {
    color: #000;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.doc {
    flex-wrap: nowrap;
    margin-right: 12px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 22px 15px;
    width: 315px;

}

.smeta-table td:nth-child(3) {
    white-space: nowrap;
}

.doc:last-child {
    margin-right: 0px;
}

.doc__type {
    flex: none;
    margin-right: 11px;
    border-radius: 5px;
    background: #DDEBFF;
    justify-content: center;
    width: 42px;
    height: 42px;
    aspect-ratio: 1/1;
}

.doc__name {
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 128.571% */
    text-decoration: underline;
}

.doc__size {
    color: #717088;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
    margin-top: 8px;
}

.docs {
    margin-top: 42px;
}

.video__desc_box {
    width: 100%;
    height: auto;

    background: transparent;
}

.our__video {
    margin-top: 54px;
}

.video__desc_box {
    margin-top: 40px;
}

.product__rew {
    width: 100%;

}

.product__rew {
    margin-top: 42px;
}

.blue_btn {
    cursor: pointer;
}

.product__rew_reit {
    margin-top: 55px;
}

.product__rew_reit_left {
    width: auto;
    display: flex;
    margin-top: -6px;
}

.product__rew_reit_row {
    display: flex;
    margin-top: 22px;
}

.spare__block {
    margin-top: 45px;
}

.spare__cont {
    margin-top: 45px;
}

.caterory__box {

    flex-wrap: nowrap;
}

.breadcrumbs_container {
    width: max-content;
}

.breadcrumbs_our .container_content {
    overflow: auto;

}

.props_group__props {

    border-collapse: collapse;
}

.dop_spec_box input {
    display: none;
}

.doc {

    margin-bottom: 10px;
}

.dop_spec_box input[type=checkbox]:checked~img {
    filter: brightness(0.8);
}

.dop_spec_box {
    transition: 0.3s;
    cursor: pointer;
}

.dop_spec_box:hover {
    transform: scale(1.2);
}

.smart-filter-popup-result_my {
    display: inline-block;
    position: absolute;
    z-index: 9999;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(224, 224, 224);
    border-radius: 5px;
    padding: 8px 13px;
    box-shadow: rgb(216 216 216 / 15%) 1px 2px 4px 1px;
    font-size: 13px;
    white-space: nowrap;
    top: 22px;
    right: 13px;
}


.smart-filter-popup-result.left {
    right: 0px;
    top: 22px;
}

.red_btn__100 {
    font-size: 12px;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    margin-top: 15px;
    cursor: pointer;
}

.bx_filter_param_label.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.items-list.category_resultat__container .product_box {
    width: 100%;
}


.or__w2 .caterory__list {
    padding-bottom: 25px;

    margin-bottom: 25px;
}

.items-list .product_img {

    width: 260px;
}

.items-list .product_box {
    height: auto;
    display: flex;
    padding-bottom: 10px;
    min-height: auto;
}

.items-list .product_title {

    min-height: auto;
}

.items-list .product_img {

    height: 166px;
}

.pr_l_box {
    transition: 0.3s ease;
}

.slick-current .pr_l_box {
    border-color: #E31E24;
}

.add__box {
    color: #fff !important;
}

.product_func_box {
    cursor: pointer;
}


.prod_tags2_cont {}

.prod_tags2_cont_our {

    position: relative;
    padding-bottom: 5px;
}

.prod_tags2_cont {
    position: relative;

}

.prod_tags2_cont_our_all {
    position: relative;
}

.prod_tags2_cont_our_all:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 32px;
    background: linear-gradient(to bottom left, #f5f6f8, #ffffff00);
    transition: 0.3s ease;

}

.prod_tags2_cont_our_all:hover:after {
    visibility: hidden;
    opacity: 0;
}


.prod_tags2_cont_our {

    /* Скрываем стандартные стрелки */
    scrollbar-width: thin;
    /* Firefox */
    -webkit-overflow-scrolling: touch;
}

/* Стили для WebKit браузеров (Chrome, Safari, Edge) */
.prod_tags2_cont_our::-webkit-scrollbar {
    height: 4px;
    /* Толщина горизонтальной полосы */
    background: transparent;
}

.prod_tags2_cont_our::-webkit-scrollbar-track {
    background: #f0f0f0;
    /* Цвет фона дорожки */
    border-radius: 10px;
}

.prod_tags2_cont_our::-webkit-scrollbar-thumb {
    background: #c0c0c0;
    /* Цвет ползунка */
    border-radius: 10px;
    transition: background 0.3s;
}

.prod_tags2_cont_our::-webkit-scrollbar-thumb:hover {
    background: #999;
    /* Цвет при наведении */
}

/* Скрываем стрелки в WebKit */
.prod_tags2_cont_our::-webkit-scrollbar-button {
    display: none;
    height: 0;
}

/* Для Firefox */
.prod_tags2_cont_our {
    scrollbar-width: thin;
    scrollbar-color: #c0c0c0 #f0f0f0;
}

.prod_tags2_cont .cat_tag2:hover {
    background: #235ABC;
    color: #fff !important;
}

.product_tag.no_availability {
    color: rgb(113, 112, 136);
    border: 1px solid rgb(113, 112, 136);
    background: #ececec;
}

.product_tag.no_availability span:before {

    background: rgb(113, 112, 136);
}

.product_tag.no_availability2 {
    color: #EC6C1D;
    ;
    border: 1px solid #EC6C1D;
    background: #ffe3d3;
}

.product_tag.no_availability2 span:before {

    background: #EC6C1D;
}

.info_podg {
    cursor: pointer;
}

.preparation_inp {


    cursor: pointer;
}

.preparation_inp input {

    display: none;

}

.preparation_row .preparation_inp img {
    opacity: 0;
    transition: 0.3s ease;
}

.preparation_row.active .preparation_inp img {
    opacity: 1 !important;
}




#notification-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 400px;
    pointer-events: none;
}

/* Отдельное уведомление */
.notification {
    padding: 16px 20px;
    border-radius: 10px;
    background: white;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    border-left: 4px solid #4CAF50;
    transform: translateX(120%);
    animation: slideIn 0.5s ease forwards;
    pointer-events: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.notification.hide {
    animation: slideOut 0.4s ease forwards;
}

/* Иконка уведомления */
.notification-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 20px;
}

.notification-icon.success {
    background: #e8f5e9;
    color: #4CAF50;
}

.notification-icon.info {
    background: #e3f2fd;
    color: #2196F3;
}

.notification-icon.warning {
    background: #fff3e0;
    color: #FF9800;
}

/* Контент уведомления */
.notification-content {
    flex: 1;
}

.notification-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 2px;
}

.notification-text {
    font-size: 13px;
    color: #666;
}

.notification-price {
    font-weight: 700;
    color: #d32f2f;
    font-size: 15px;
}

/* Кнопка закрытия */
.notification-close {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #999;
    padding: 0 5px;
    transition: color 0.3s;
    pointer-events: auto;
}

.notification-close:hover {
    color: #333;
}

/* Анимации */
@keyframes slideIn {
    0% {
        transform: translateX(120%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOut {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(120%);
        opacity: 0;
    }
}

/* Варианты уведомлений */
.notification.standart {
    border-left-color: #FF9800;
}

.notification.standart .notification-icon {
    background: #fff3e0;
    color: #FF9800;
}

.notification.premium {
    border-left-color: #E91E63;
}

.notification.premium .notification-icon {
    background: #fce4ec;
    color: #E91E63;
}

.notification.both {
    border-left-color: #9C27B0;
}

.notification.both .notification-icon {
    background: #f3e5f5;
    color: #9C27B0;
}

/* Анимация строки при выборе */
.preparation_row {
    transition: all 0.3s ease;
    cursor: pointer;
}

.preparation_row.active {}

.preparation_row.active .option-price {
    color: #4CAF50;
    font-weight: 600;
}

.option-price {
    font-size: 13px;
    color: #999;
    font-weight: 500;
    margin-left: auto;
    min-width: 70px;
    text-align: right;
    transition: all 0.3s ease;
}

.option-price {
    position: absolute;
    left: calc(100% - 13px);
    top: -13px;
    width: auto;
    min-width: auto !important;
    background: #fff;
    border-radius: 14px;
    padding: 3px 8px;
    transition: 0.2s ease;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    font-size: 12px !important;
}

.preparation_imgs {
    position: relative;
}

.preparation_imgs:hover .option-price {
    opacity: 1;
    visibility: visible;
}


@keyframes slideIn {
    0% {
        transform: translateX(120%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Стили для уведомлений в корзине */
.bx-notification-item {
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

.bx-notification-item .bx-notification-item-content {
    font-size: 15px !important;
}

.tabs li:hover {
    color: #235ABC;
    transition: 0s ease !important;
}


.product-item-detail-tab-content {
    display: block !important;
}

.bx-catalog-tab-list {
    display: none !important;
}




.skeleton-loader {
    display: none;
    gap: 20px;
}

.skeleton-loader.show {
    display: flex;
    flex-wrap: wrap;
}

.skeleton-item {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    animation: skeleton-pulse 1.5s ease-in-out infinite;
}

.skeleton-grid {
    width: calc(33.333% - 20px);
    min-width: 250px;
}

.skeleton-list {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.skeleton-image {
    width: 100%;
    height: 200px;
    background: #e0e0e0;
    border-radius: 4px;
    margin-bottom: 10px;
}

.skeleton-list .skeleton-image {
    width: 100px;
    height: 100px;
    margin-bottom: 0;
    flex-shrink: 0;
}

.skeleton-line {
    height: 12px;
    background: #e0e0e0;
    border-radius: 4px;
    margin: 8px 0;
}

.skeleton-line.short {
    width: 60%;
}

.skeleton-line.medium {
    width: 80%;
}

.skeleton-list .skeleton-line {
    margin: 6px 0;
}

@keyframes skeleton-pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

/* Прячем оригинальные элементы во время загрузки */
#items-wrapper.loading {
    opacity: 0;
    transition: opacity 0.2s;
}

#items-wrapper:not(.loading) {
    opacity: 1;
    transition: opacity 0.3s;
}



#items-container.loading {
    opacity: 0.5;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

#items-container {
    transition: opacity 0.3s ease;
}

/* Если хотите добавить спиннер поверх */
#items-container.loading::after {
    content: '';
    position: absolute;
    top: 200px;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #0073aa;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    z-index: 10;
}

#items-container {
    position: relative;
}


.items-container.loading {
    opacity: 0.5;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.items-container {
    transition: opacity 0.3s ease;
}

/* Если хотите добавить спиннер поверх */
.items-container.loading::after {
    content: '';
    position: absolute;
    top: 200px;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #0073aa;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    z-index: 10;
}

.items-container {
    position: relative;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}




.product__rew .red-reviews-bar {
    border: none !important;
}

.product__rew_reit {
    margin-top: 55px;
    align-items: flex-start;
    padding: 0px;
}

.reviews-overall_left big {
    color: #000;
    font-family: Manrope;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-right: 11px;
}

.red-review-footer {
    display: none;
}

.product__rew_reit_left {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 10px 15px;
    padding-right: 40px;
    margin-right: 20px;
}

footer {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    margin-top: -25px;
    padding-top: 45px;
    position: relative;
    z-index: 2;
    background: #f5f6f8;
}

.reviews-stat_m {
    color: #717088;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 11px;
}

.red-reviews-sortbar_m .red-link-dotted {
    margin-left: 10px;
    transition: 0.3s ease;
    color: #235ABC;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    border: none;
}


.component-content .red-review {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 0px;
    margin-bottom: 22px;
    padding: 14px;
}

.red-review-header-left_icon span {
    display: flex;
    justify-self: center;
    align-items: center;
    width: 50px;
    height: 50px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #F4F4F4;
    flex: none;
    margin-right: 10px;
}

.red-review-unlike-tap {
    background-color: #E31E24;
}

.red-review-like-tap {
    background-color: #01B56D;
}

.red-show-more-button:disabled {
    display: none !important;
}

.red-review-header-left_icon span {
    text-align: center;
    color: #000;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    justify-content: center;
}

.red-review-body {
    color: #27263F;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.red-review-header-left_right .red-review-name {
    color: #000;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0px;
}

.red-review-date {
    color: #717088;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}



.red-modality {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Manrope;
    width: 600px;
    min-width: 535px;
    min-height: auto;
    background: #F8F8F8;
    padding: 27px 28px 21px 20px;
    border-radius: 10px;
    overflow-y: auto;
    color: #595959;

}

.red-modality .close-button {
    opacity: 1;
    position: relative;
    top: -10px;
}

.red-modality-notice {
    color: #27263F;
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    padding-top: 2px;
}


.red-modality textarea,
.red-modality input.modality-name {
    padding: 10px 12px;
    color: #555;
    font-family: Manrope;
    border-radius: 7px;
    outline: none;
}

.profitable_slidr .slick-slide {

    height: auto;
}

.red-modality .line {
    width: 100%;
    padding-bottom: 10px;
}

.line.recommend-line {
    display: none;
}

.red-modality .button {
    background: #235ABC;
    display: inline-block;

    border: none;
    outline: none;
    color: #FFF !important;
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 12px;
    min-width: 228px;
    border-radius: 5px;
    text-transform: math-auto;
    text-align: center;
}





.title-search-result .bx_img_element {
    background: #fafafa;
    float: left;
    width: 67px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    bottom: 0
}

.title-search-result .search-title-result-item {
    min-height: auto;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

.title-search-result .search-title-result-item-image {
    width: 45px !important;
    height: 45px !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #e8e8e8
}

.title-search-result .search-title-result-item-info {
    padding-left: 10px;

}

.title-search-result .bx_item_element hr {
    margin: 0;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

.title-search-result .bx_item_element a {
    margin-top: 10px;
    display: inline-block;
    color: #4788cb;
    font-size: 13px;
    text-decoration: none
}

.title-search-result .bx_item_element a b {
    color: #000;
    font-weight: normal
}

.title-search-result .bx_item_element a:hover,
.title-search-result .bx_item_element a:hover b {
    text-decoration: underline
}



.title-search-result .search-title-result-item {

    display: flex;
}

.search-title-result-item-image-container {
    flex: none;
}

.title-search-result .search-title-result-item-link {
    font-size: 13px;
    color: #414141;

}

.search-title-result-item:last-child .search-title-result-item-link {
    color: #E31E24 !important;
    text-decoration: underline;
}

.search-title-result-item .search-title-result-item-link:hover {
    color: #235ABC;
}


.search-title-result-item:last-child .search-title-result-item-link:hover {
    text-decoration: none;
}

.cl_but_box span {
    transition: 0.3s ease;
}

.cl_but_box:hover span {
    color: #E31E24;
}













:root {
    --bg: #F5F5F6;
    --bg2: #FFFFFF;
    --bg3: #FAFAFB;
    --bg4: #FFFFFF;
    --line: #E4E4E7;
    --line2: #D6D6DB;
    --orange: #E31E24;
    --orange2: #E31E24;
    --orange-soft: rgba(255, 107, 26, .08);
    --text: #24262B;
    --muted: #838790;
    --muted2: #A6A9B1;
    --ink: #101216;
    --white: #FFFFFF;
    --green: #1EA34C;
    --radius: 6px;
    --font-head: 'Bebas Neue', sans-serif;
    --font-body: 'Golos Text', sans-serif;
    --dark-bar: #15171C;
    --dark-bar-text: #9A9EA8;
}





/* ─── TOPBAR ─── */
.topbar {
    background: var(--dark-bar);
    border-bottom: 1px solid var(--line);
    padding: 7px 0;
    font-size: 12px;
    color: var(--dark-bar-text);
}

.topbar-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.topbar-left {
    display: flex;
    gap: 20px;
    align-items: center;
}

.topbar-right {
    display: flex;
    gap: 16px;
    align-items: center;
}

.topbar a:hover {
    color: var(--orange);
}

.topbar-badge {
    background: var(--orange);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 3px;
    letter-spacing: .5px;
}

/* ─── HEADER ─── */
.header {
    background: var(--bg2);
    border-bottom: 1px solid var(--line);
    position: relative;
    top: 0;
    z-index: 4;
    box-shadow: 0 1px 2px rgba(16, 18, 22, .04);
}

.header-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: 220px 1fr auto;
    align-items: center;
    gap: 24px;
    height: 70px;
}

.logo {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.logo-mark {
    width: 44px;
    height: 44px;
    background: var(--orange);
    display: grid;
    place-items: center;
    border-radius: var(--radius);
    font-family: var(--font-head);
    font-size: 22px;
    color: #fff;
    letter-spacing: -1px;
    flex-shrink: 0;
}

.logo-text {
    line-height: 1.15;
}

.logo-name {
    font-family: var(--font-head);
    font-size: 22px;
    letter-spacing: 1px;
    color: var(--ink);
}

.logo-sub {
    font-size: 10px;
    color: var(--muted);
    letter-spacing: .5px;
    text-transform: uppercase;
}

.search-wrap {
    position: relative;
}

.search-wrap input {
    width: 100%;
    background: var(--bg3);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 0 50px 0 16px;
    height: 44px;
    color: var(--text);
    font-family: var(--font-body);
    font-size: 14px;
    outline: none;
    transition: border-color .2s;
}

.search-wrap input::placeholder {
    color: var(--muted);
}

.search-wrap input:focus {
    border-color: var(--orange);
}

.search-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
    width: 50px;
    background: var(--orange);
    border: none;
    border-radius: 0 var(--radius) var(--radius) 0;
    cursor: pointer;
    display: grid;
    place-items: center;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 6px;
}

.hbtn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 8px 12px;
    border-radius: var(--radius);
    font-size: 11px;
    color: var(--muted);
    cursor: pointer;
    border: none;
    background: transparent;
    transition: color .2s, background .2s;
}

.hbtn:hover {
    color: var(--orange);
    background: rgba(255, 107, 26, .07);
}

.hbtn-cart {
    background: var(--orange);
    color: #fff !important;
    padding: 8px 16px;
}

.hbtn-cart:hover {
    background: var(--orange2) !important;
}

/* ─── NAV ─── */
.nav {
    background: var(--bg3);
    border-bottom: 1px solid var(--line);
    position: relative;
    z-index: 900;
}

.nav-inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
}

.catalog-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--orange);
    color: #fff;
    padding: 0 20px;
    height: 46px;
    font-family: var(--font-head);
    font-size: 17px;
    letter-spacing: .5px;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    transition: background .2s;
}

.catalog-btn:hover {
    background: var(--orange2);
}

.catalog-btn.active {
    background: var(--orange2);
}

.nav-links {
    display: flex;
}

.nav-links a {
    display: block;
    padding: 0 16px;
    height: 46px;
    line-height: 46px;
    font-size: 13px;
    color: var(--muted);
    white-space: nowrap;
    border-right: 1px solid var(--line);
    transition: color .2s, background .2s;
}

.nav-links a:first-child {
    border-left: 1px solid var(--line);
}

.nav-links a:hover {
    color: var(--orange);
    background: rgba(255, 107, 26, .06);
}

.nav-links a.hot {
    color: #e74c3c;
    font-weight: 600;
}

.nav-extra {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 12px;
    color: var(--muted);
}

.nav-extra span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.dot-green {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--green);
    flex-shrink: 0;
}

/* ═══════════════════════════════════════════════
     НОВОЕ МЕГА-МЕНЮ КАТАЛОГА
     ═══════════════════════════════════════════════ */

#catalogBtn {
    cursor: pointer;
}

.mega-wrap {
    position: relative;
    flex-shrink: 0;
}

.mega-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(16, 18, 22, .35);
    z-index: 3;
}

.mega-overlay.open {
    display: block;
}

.mega {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: min(1080px, calc(100vw - 40px));
    max-height: 78vh;
    background: var(--bg2);
    border: 1px solid var(--line);
    border-top: 2px solid var(--orange);
    border-radius: 0 0 10px 10px;
    z-index: 4;
    box-shadow: 0 24px 48px rgba(16, 18, 22, .14), 0 4px 12px rgba(16, 18, 22, .06);
    overflow: hidden;
    flex-direction: column;
}

.mega.open {
    display: flex;
}

/* search-inside-menu */
.mega-search {
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
    background: var(--bg3);
    flex-shrink: 0;
}

.mega-search-inner {
    position: relative;
}

.mega-search input {
    width: 100%;
    background: var(--bg4);
    border: 1px solid var(--line2);
    border-radius: var(--radius);
    height: 40px;
    padding: 0 40px 0 38px;
    color: var(--text);
    font-family: var(--font-body);
    font-size: 13.5px;
    outline: none;
    transition: border-color .2s;
}

.mega-search input:focus {
    border-color: var(--orange);
}

.mega-search input::placeholder {
    color: var(--muted);
}

.mega-search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--muted);
    pointer-events: none;
}

.mega-search-clear {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    cursor: pointer;
    background: transparent;
    border: none;
}

.mega-search-clear:hover {
    color: var(--orange);
}

.mega-search-clear.show {
    display: flex;
}

.mega-body {
    display: flex;
    flex: 1;
    min-height: 0;
}

/* left: group list */
.mega-groups {
    width: 300px;
    flex-shrink: 0;
    background: var(--bg3);
    border-right: 1px solid var(--line);
    overflow-y: auto;
    padding: 6px 0;
}

.mega-group {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 16px;
    font-size: 13px;
    cursor: pointer;
    border-left: 2px solid transparent;
    transition: background .15s, color .15s, border-color .15s;
}

.mega-group:hover,
.mega-group.active {
    background: var(--orange-soft);
    color: var(--orange);
    border-left-color: var(--orange);
}

.mega-group-icon {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: var(--muted);
    transition: color .15s;
}

.mega-group:hover .mega-group-icon,
.mega-group.active .mega-group-icon {
    color: var(--orange);
}

.mega-group-name {
    flex: 1;
    line-height: 1.3;
    font-weight: 500;
}

.mega-group-count {
    font-size: 10.5px;
    color: var(--muted2);
    flex-shrink: 0;
}

.mega-group .arr {
    flex-shrink: 0;
    opacity: .35;
    color: var(--muted);
    transition: opacity .15s;
}

.mega-group:hover .arr,
.mega-group.active .arr {
    opacity: .9;
    color: var(--orange);
}

/* right: sub panel */
.mega-sub-scroll {
    flex: 1;
    overflow-y: auto;
}

.mega-sub {
    display: none;
    padding: 20px 26px 22px;
}

.mega-sub.visible {
    display: block;
}

.mega-sub-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--line);
}

.mega-sub-title {
    font-family: var(--font-head);
    font-size: 21px;
    letter-spacing: .4px;
    color: var(--ink);
}

.mega-sub-all {
    font-size: 12px;
    color: var(--orange);
    font-weight: 600;
    white-space: nowrap;
}

.mega-sub-all:hover {
    text-decoration: underline;
}

.mega-sub-list {
    columns: 2;
    column-gap: 28px;
}

.mega-sub-list a {
    display: block;
    font-size: 13px;
    color: var(--text);
    padding: 7px 0;
    break-inside: avoid;
    border-bottom: 1px dashed var(--line);
    transition: color .15s, padding-left .15s;
}

.mega-sub-list a:hover {
    color: var(--orange);
    padding-left: 4px;
}

/* search results (flat, across all groups) */
.mega-results {
    display: none;
    padding: 18px 26px 22px;
}

.mega-results.visible {
    display: block;
}

.mega-results-count {
    font-size: 12px;
    color: var(--muted);
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.mega-results-list {
    columns: 2;
    column-gap: 28px;
}

.mega-results-list a {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    color: var(--text);
    padding: 8px 0;
    break-inside: avoid;
    border-bottom: 1px dashed var(--line);
    transition: color .15s;
}

.mega-results-list a b {
    color: var(--orange);
    font-weight: 600;
}

.mega-results-list a:hover {
    color: var(--orange);
}

.mega-results-list .grp-tag {
    font-size: 10.5px;
    color: var(--muted2);
    margin-top: 2px;
}

.mega-empty {
    color: var(--muted);
    font-size: 13px;
    padding: 6px 0;
}



.mega-groups::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.mega-groups::-webkit-scrollbar-track {
    background: var(--bg2);
}

.mega-groups::-webkit-scrollbar-thumb {
    background: var(--line2);
    border-radius: 3px;
}




.last_h_row>.container_content {
    position: relative;
}


.mega-group-icon {

    display: none;
}



.search-item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    margin-bottom: 15px;
}

.search-item-image {
    flex: 0 0 120px;
    max-width: 120px;
}

.search-item-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

.search-item-content {
    flex: 1 1 auto;
    min-width: 0;
}

.search-item-content p {
    margin: 8px 0;
}




.caterory__box {
    margin-bottom: 10px;
}

.product_box {
    margin-bottom: 10px;
}


.alert-success {
    position: relative;
}

.basket-checkout-section .basket-checkout-block.basket-checkout-block-btn {
    display: none;
}
















body {
    position: relative;
}


body.over .over__hidden {
    opacity: 1;
    visibility: visible;
    z-index: 99;
    transition-delay: 0s;
    transition: 0.3s ease;
}

.over__hidden {
    backdrop-filter: blur(8px);
    background: rgba(53, 59, 76, 0.25);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s ease;

    z-index: 2;
}




body.modal2 .modal_block2 {
    visibility: visible;
    opacity: 1;
    z-index: 99;
    transform: scale(1) translateX(0px);
    transition-delay: 0.3s;
}

.modal__sub {
    text-align: center;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal_block {
    position: fixed;
    left: calc(50vw - 310px);
    top: calc(50vh - 389px);

    width: 620px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;


    border-radius: 25px;
    background: rgba(255, 255, 255, 1);
    padding: 38px 32px;
}


.modal_block.modal_block_mob {
    width: 100%;
    border-radius: 0px 0px 25px 25px;
    background: rgba(255, 255, 255, 1);
    height: auto;
    left: 0px;
    top: 0px;
    padding: 60px 20px 42px;
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.modal_block2 {
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease;
    transition-delay: 0s;
    transform: scale(0.9) translateX(20px);
}


.close_box {
    transition: 0.3s ease;
    cursor: pointer;
    position: absolute;
    right: 38px;
    top: 41px;
    cursor: pointer;
}

.close_box svg {
    width: 27px;
    height: 27px;
}

.text_modal_desc {
    color: #717088;
    font-family: Manrope;
    font-size: 14px;
    margin-bottom: 25px;
}

h3 {

    font-size: 25px;

    margin-bottom: 20px;
}

.modal_block .inp,
.modal_block .select_main {
    box-sizing: border-box;
    border: 1px solid rgba(217, 217, 217, 1);
    border-radius: 10px;
    height: 54px;
    color: rgba(135, 137, 148, 1);
    margin-bottom: 12px;
    width: 100%;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    background: rgba(249, 249, 251, 1);
    outline: none;
    padding: 13px;
}

.modal_block .our__select {
    width: 100%;
}


.modal_block .sogl2 {
    margin-bottom: 28px;
}

.sogl2 {}

.sogl2 {
    flex-wrap: nowrap;
}


.sogl2 .svg {

    flex: none;
    margin-right: 10px;
}

.sogl2 span {

    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    color: rgba(247, 247, 247, 0.6);
}

.add_s__box2:hover {
    opacity: 0.8;
}

.add_s__box2 {
    transition: 0.3s ease;
}

.sogl2 .svg {
    flex: none;
    margin-right: 10px;
}

.svg {
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid rgb(35, 90, 188);
}

.svg.warn {
    position: relative;
    border: 2px solid #ff4a4a;
}

.svg_g2.svg {
    background: #fff;
}

.svg_g2.svg svg path {
    fill: #235ABC;
}

.svg {
    cursor: pointer;
}

.svg svg {
    opacity: 0;
    transition: 0.3s ease;
}


.svg.add svg {
    opacity: 1;

}

.sogl2 span a {
    color: rgba(247, 247, 247, 1);
}

.sogl2 span a:hover {
    text-decoration: underline;
}



.modal_block .inp::-moz-placeholder {
    color: rgba(135, 137, 148, 1);
}

.modal_block .inp::-webkit-input-placeholder {
    color: rgba(135, 137, 148, 1);
}

.modal_block .s__btn {

    top: 14px;
}

.modal_block textarea.inp {

    padding-top: 17px;
    margin-bottom: 30px;


}

.modal_block .sogl2 {
    margin-bottom: 28px;
}

.modal_block .sogl2 span {

    color: rgba(135, 137, 148, 0.6)
}

.modal_block .sogl2 span a {
    color: rgba(135, 137, 148, 1)
}

.modal_block .grey_green {
    border: none;
    outline: none;
    width: 100%;
    text-align: center;
    justify-content: center;
    padding: 16px;
}

.main__part.main__part_right img {
    min-height: 100%;
    object-fit: cover;
}

.modal__tels_cont {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(217, 217, 217, 1);
}

.modal__tels_cont .h_adr_box:first-child {
    margin-right: 0px;
    margin-top: 0px;
}


.modal__tels_cont .h_adr_box {
    margin-top: 20px;
    flex-wrap: nowrap;
}


.modal__tels_title {
    color: rgba(135, 137, 148, 1);

    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    margin-bottom: 10px;
}

.modal__tels_row span {
    color: rgba(53, 59, 76, 1);

    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    margin-left: 9px;
}

.modal__tels_cont .modal__tels_row:first-child {
    margin-bottom: 12px;
}

.modal__t_info {
    text-align: center;
}

.modal__t_info_title {
    color: rgba(53, 59, 76, 1);
    margin-bottom: 12px;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;

}

.modal__t_info>p {
    color: rgba(135, 137, 148, 1);

    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 30px;
}


.modal__nav_cont {
    margin-bottom: 50px;
}

.modal__nav_title {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(217, 217, 217, 1);
    transition: 0.3s ease;
}

.modal__nav_row svg {
    transition: 0.3s ease;
}

.modal__nav_row svg path {
    transition: 0.3s ease;
}

.modal__nav_row1>.modal__nav_title {
    color: rgba(53, 59, 76, 1);

    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;

    letter-spacing: 0%;
    text-align: left;
    text-transform: uppercase;
}

.modal__nav_title.open>span {
    color: rgba(116, 192, 67, 1);
}

.modal__nav_title.open>svg {
    transform: rotate(180deg);
}

.modal__nav_title.open>svg path {
    stroke: rgba(116, 192, 67, 1);
}

.modal__nav_row2 .modal__nav_title {
    color: rgba(135, 137, 148, 1);
    font-family: Montserrat;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}













#smeta-list {
    margin: 30px 0;
}

/* Таблица */
.smeta-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    font-size: 15px;
    color: #1f2937;
}

/* Заголовок */
.smeta-table thead th {
    background: #f8fafc;
    color: #475569;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .04em;
    text-align: left;
    padding: 14px 16px;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

/* Ячейки */
.smeta-table td {
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.smeta-table tbody tr:last-child td {
    border-bottom: none;
}

.smeta-table tbody tr:hover {
    background: #fafbff;
}

/* Колонки */
.smeta-table .col-photo {
    width: 90px;
}

.smeta-table .col-price {
    width: 160px;
    text-align: right;
    white-space: nowrap;
    font-weight: 600;
}

.smeta-table .col-action {
    width: 60px;
    text-align: center;
}

/* Фото */
.smeta-table .col-photo img {
    display: block;
    width: 72px;
    height: 72px;
    object-fit: contain;
    border-radius: 8px;
    background: #f8fafc;
    padding: 4px;
}

.smeta-table .no-photo {
    display: inline-block;
    width: 72px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    color: #cbd5e1;
    background: #f8fafc;
    border-radius: 8px;
}

/* Название */
.smeta-table .col-name a {
    color: #1e40af;
    text-decoration: none;
    line-height: 1.4;
}

.smeta-table .col-name a:hover {
    text-decoration: underline;
}

/* Кнопка удаления */
.smeta-table .js-remove {
    transition: 0.3s ease;
    cursor: pointer;

}

.smeta-pdf-btn {
    width: 185px;
    justify-content: center;
    color: rgb(236, 108, 29);
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
    height: 43px;
    font-size: 15px;
    margin-bottom: 12px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(245, 168, 120);
    border-image: none;
    background: rgb(250, 244, 241);
    outline: none;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s ease;
}

.smeta-pdf-btn:hover {
    opacity: 0.8;
}

.smeta-table .js-remove:hover {
    opacity: 0.8;
}

/* Итого */
.smeta-table tfoot td {
    background: #f8fafc;
    padding: 16px;
    font-size: 16px;
    border-top: 1px solid #e5e7eb;
}

.smeta-table .total-label {
    text-align: right;
    color: #64748b;
    font-weight: 500;
}

.smeta-table .total-value {
    text-align: right;
    font-weight: 700;
    color: #0f172a;
    font-size: 18px;
    white-space: nowrap;
}

/* Адаптив */
@media (max-width: 640px) {
    .smeta-table thead {
        display: none;
    }

    .smeta-table,
    .smeta-table tbody,
    .smeta-table tr,
    .smeta-table td {
        display: block;
        width: 100%;
    }

    .smeta-table tr {
        border-bottom: 1px solid #e5e7eb;
        padding: 12px;
        position: relative;
    }

    .smeta-table td {
        border: none;
        padding: 4px 0;
        text-align: left !important;
    }

    .smeta-table .col-photo {
        width: auto;
    }

    .smeta-table .col-action {
        position: absolute;
        top: 12px;
        right: 12px;
        width: auto;
    }

    .smeta-table tfoot td {
        display: flex;
        justify-content: space-between;
    }
}




.text ul,
.text ol {
    margin-top: 20px;
}




.search-form {}

#smeta-empty {
    margin-bottom: 20px;
}



.content-wrapper .navigation-arrows {
    display: none;
}


.content-wrapper hr {
    display: none;
}

.content-wrapper {
    max-width: 100%;
    margin: 0 auto;

}

/* Страница поиска */
.search-page {
    width: 100%;
}

/* Форма поиска */
.search-form {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0 15px;
}

.search-form input[type="text"] {
    flex: 1;
    /* растягивается по ширине */
    height: 40px;
    padding: 0 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
}

.search-form input[type="text"]:focus {
    border-color: #e30613;
    /* фирменный красный */
    box-shadow: 0 0 0 2px rgba(227, 6, 19, 0.15);
}

.search-form input[type="submit"] {
    height: 40px;
    padding: 0 24px;
    background: #e30613;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: background .2s;
}

.search-form input[type="submit"]:hover {
    background: #c00510;
}

/* Белая подложка для результатов */
.search-results {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 0 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* Элемент результата */
.search-item {
    display: flex;
    gap: 16px;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.search-item:last-child {
    border-bottom: none;
}

.search-item-image {
    flex: 0 0 120px;
    max-width: 120px;
}

.search-item-image img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    display: block;
}

.search-item-content {
    flex: 1;
    min-width: 0;
}

.search-item-content>a {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 600;
    color: #0a4b8c;
    text-decoration: none;
    line-height: 1.35;
}

.search-item-content>a:hover {
    text-decoration: underline;
}

.search-item-content p {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 1.5;
    color: #444;
}

.search-item-content small {
    font-size: 12px;
    color: #888;
}

/* Пагинация */
.navigation {
    margin: 24px 0;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 12px 20px;
}

.navigation-pages {
    margin-top: 8px;
}

.navigation-pages a,
.navigation-pages .nav-current-page {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 2px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 13px;
}

.navigation-pages a {
    color: #0a4b8c;
    background: #f5f5f5;
}

.navigation-pages a:hover {
    background: #e9e9e9;
}

.navigation-pages .nav-current-page {
    background: #e30613;
    color: #fff;
    font-weight: 600;
}




@media print {

    /* Скрываем всё лишнее */
    header,
    footer,
    nav,
    .header,
    .footer,
    .menu,
    .breadcrumbs,
    .sidebar,
    .product_func_box,
    /* сама кнопка «Распечатать» */
    .navigation,
    .pagination,
    .basket,
    .callback,
    .social,
    .banner,
    .popup,
    .modal,
    .cookie,
    .up,
    .to-top,
    .fixed-panel,
    .contacts-bar,
    .top-line,
    .catalog-menu,
    .search-page form,
    .search-page hr,
    .search-item-image,
    .search-item-content small,
    .search-results+.navigation {
        display: none !important;
    }

    /* Убираем фоны, тени, скругления — экономим тонер */
    * {
        background: #fff !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        border-radius: 0 !important;
    }

    /* Общие настройки страницы */
    @page {
        size: A4 portrait;
        margin: 15mm 12mm;
    }

    html,
    body {
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 12pt;
        line-height: 1.4;
        font-family: Arial, sans-serif;
    }

    /* Контент — во всю ширину листа */
    .content-wrapper,
    .container,
    .page,
    .main,
    .search-page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Ссылки — обычным текстом, без подчёркивания */
    a {
        color: #000 !important;
        text-decoration: none !important;
    }

    /* Карточка товара */
    .product-card,
    .product-detail,
    .search-item {
        page-break-inside: avoid;
        /* не рвать блок между страницами */
        border: none !important;
        padding: 0 !important;
        margin: 0 0 10mm 0 !important;
        display: block !important;
    }

    /* Заголовок товара */
    .product-card h1,
    .product-detail h1,
    .search-item-content>a {
        font-size: 18pt;
        font-weight: 700;
        margin: 0 0 5mm 0;
        display: block;
        color: #000 !important;
    }

    /* Фото товара */
    .product-card img,
    .product-detail img,
    .search-item-image img {
        max-width: 80mm;
        height: auto;
        display: block;
        margin: 0 auto 5mm;
        page-break-inside: avoid;
    }

    /* Таблица характеристик */
    .product-card table,
    .product-detail table,
    .properties,
    .product-props {
        width: 100%;
        border-collapse: collapse;
        margin-top: 5mm;
    }


    .product-card table td,
    .product-detail table td,
    .properties td {
        border: 1px solid #ccc;
        padding: 2mm 3mm;
        font-size: 11pt;
    }

    /* Заголовки разделов */
    h1,
    h2,
    h3,
    h4 {
        page-break-after: avoid;
        color: #000 !important;
    }

    /* Не печатать адреса ссылок после текста */
    a[href]:after {
        content: "" !important;
    }
}

.bx-404-container {
    width: 100%;
    text-align: center;
    padding: 40px 0;
}


.red-reviews-button-wrap {

    justify-content: flex-start;

    padding-left: 0px;

}

.product_main_desc__bottom {
    background: #fff;
}


.cat_title a:hover {
    color: rgb(227, 30, 36);
}

.catalog__right__part .catalog__content_box {
    position: relative;
    padding-top: 1px;
    padding-bottom: 60px;
    background: #fff;
}

.our_main_catalog {
    overflow: hidden;
}

.catalog__right__part .catalog__content_box:before {
    content: "";
    position: absolute;
    left: -2000px;
    width: 2000px;
    top: 0px;
    height: 100%;
    background: #fff;
}




.catalog__right__part .catalog__content_box::after {
    content: "";
    position: absolute;
    right: -2000px;
    width: 2000px;
    top: 0px;
    height: 100%;
    background: #fff;
}

.news_cont__all .news_box {

    margin-bottom: 5px;
}

.new_title a:hover {
    color: rgb(227, 30, 36);
}

.news_cont__all .news_box a {
    text-decoration: none !important;
    color: #27263F !important;
}

.news_cont__all .news_box a:hover {
    color: rgb(227, 30, 36) !important;
}

.news-detail-img_m {
    display: inline-flex;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 22px;
}

.content_block {
    padding-bottom: 25px;
}





.delivery-gallery a.gallery-item {
    display: inline-block;
    cursor: zoom-in;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.delivery-gallery a.gallery-item:hover {
    transform: scale(1.03);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Модальное окно лайтбокса */
.lightbox {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.88);
    justify-content: center;
    align-items: center;
    cursor: zoom-out;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.lightbox.active {
    display: flex;
    opacity: 1;
}

.lightbox-img {
    max-width: 92%;
    max-height: 92%;
    object-fit: contain;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
    animation: zoomIn 0.3s ease;
    cursor: default;
}

@keyframes zoomIn {
    from {
        transform: scale(0.85);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.lightbox-close {
    position: absolute;
    top: 15px;
    right: 30px;
    color: #fff;
    font-size: 48px;
    font-weight: 300;
    cursor: pointer;
    line-height: 1;
    transition: color 0.2s, transform 0.2s;
    user-select: none;
}

.lightbox-close:hover {
    color: #1e40af;
    transform: rotate(90deg);
}

.lightbox-prev,
.lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 48px;
    font-weight: 300;
    cursor: pointer;
    padding: 10px 18px;
    user-select: none;
    transition: color 0.2s, background 0.2s;
    border-radius: 6px;
}

.lightbox-prev:hover,
.lightbox-next:hover {
    color: #1e40af;
    background: rgba(255, 255, 255, 0.08);
}

.lightbox-prev {
    left: 20px;
}

.lightbox-next {
    right: 20px;
}

.lightbox-counter {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    opacity: 0.75;
}

.product-slider {
    position: relative;
}

.product-slider__link {
    display: block;
    position: relative;
    overflow: hidden;
}

.product-slider__img {
    display: block;
    width: auto; height: auto;
    transition: opacity 0.2s ease;
}
   
.product-slider__dots {
    display: flex;
    gap: 6px;
    margin-top: 8px;
    justify-content: center;
}

.product-slider__dot {
    flex: 1 1 auto;
    max-width: 80px;
    height: 3px;
    background: #e0e0e0;
    border-radius: 2px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

.product-slider__dot:hover {
    background: #999;

}

.product-slider__dot.active {
    background: #000;

}


.dop_spec_c {
    z-index: 2;
}





/* Родитель — на всю ширину карточки */
.product_img.product-slider {
    display: block !important;
    /* отменяем flex у родителя */
    position: relative !important;


    width: 100% !important;
    max-width: 100% !important;

}

/* Ссылка с картинкой */
.product-slider__link {
    display: flex !important;
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    margin: 0 !important;
    height: 100%;
    padding: 0 !important;
    justify-content: center;
    align-items: center;
}

.product-slider__img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    transition: opacity 0.2s ease !important;

    margin: 0 auto !important;
}

/* =====================================================
   ЗОНЫ ПОВЕРХ КАРТИНКИ
   ===================================================== */
.product-slider__zones {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    z-index: 1 !important;

    margin: 0 !important;
    padding: 0 !important;
}
 
.product-slider__zone {
    flex: 1 1 0% !important;
    display: block !important;
    height: 100% !important;
    cursor: pointer !important;
   
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =====================================================
   ПОЛОСКИ-ИНДИКАТОРЫ ВНИЗУ
   ===================================================== */
.product-slider__dots {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin: -10px 0 0 0 !important;
    padding: 0 !important;
    justify-content: stretch !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 5px !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    position: static !important;
}

.product-slider__dot {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 20px !important;
    max-width: none !important;
    height: 3px !important;
    background: #d0d0d0 !important;
    border-radius: 2px !important;
    cursor: pointer !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
}

.product-slider__dot.active {
    background: #235ABC !important;

}

.product_title a:hover {
    color: #E31E24;
} 


.product-slider__img{
        opacity: 1 !important;
}

.warb_d_row{
    cursor: pointer;
    transition: 0.3s ease;

}

.warb_d_row:hover{
     color: #E31E24;
}
.t_link{
       cursor: pointer; 
}


.news-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    margin: 0 -8px;
}

/* Карточка */
.news-list > div[class*="col-"] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: calc(50% - 16px);
    margin: 0 8px 0 8px;
    padding: 10px 14px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background: #fff;
    min-height: 62px;
    float: none;
}

/* Красная рамка для активной карточки */
.news-list > div[class*="col-"]:hover {
    border-color: #e31e24;
    box-shadow: 0 0 0 1px #e31e24 inset;
}

/* Левая колонка с картинкой */
.news-list .prices-img {
    flex: 0 0 60px;
    max-width: 60px;
    margin-right: 14px;
    text-align: center;
    line-height: 1;
}
.news-list .prices-img img {
    max-width: 100%;
    max-height: 48px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

/* Правая колонка с текстом */
.news-list .prices-txt {
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 1.35;
    color: #222;
}
.news-list .prices-txt b,
.news-list .prices-txt span {
    font-weight: 600;
}
.news-list .prices-txt a {
    color: #2b6cb0;
    font-style: italic;
    text-decoration: none;
    white-space: nowrap;
}
.news-list .prices-txt a:hover {
    text-decoration: underline;
}

/* Скрываем пустые блоки */
.news-list .news_pic_sm,
.news-list .news-item-name {
    display: none;
}
.news-list .news_text_sm {
    display: flex;
    align-items: center;
    width: 100%;
}

/* Сброс внутренних обёрток, которые могут ломать flex */
.news-list .news_text_sm > * {
    width: 100%;
}
.news-list .prices-box {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
}
.news-list .prices-box br {
    display: none;
}
.news-list .news-item-prev_text {
    width: 100%;
}

.news-list .news-item-prev_text {

    display: flex;
    align-items: center;
}
.news-list > div[class*="col-"] {
       width: calc(50% - 24px) !important;
    float: none !important;
}
/* Мобильные — одна колонка */
@media (max-width: 767px) {
    .news-list > div[class*="col-"] {
        width: calc(100% - 16px);
    }
}




.text .product_title a{
    text-decoration: none;
        color: inherit;
}

.text .product_title a:hover{
    color: #E31E24;
}

.product_pro span{
    transition: 0.3s ease;
}

.product_pro span:hover{
    color: #E31E24;
}

.off__product .bx-soa-empty-cart-container{
    display: none;
}


.popup-window-overlay {
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(2px);
}

/* Само окно */
.popup-window {
    background: #fff !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25) !important;
    padding: 0 !important;
    font-family: inherit !important;
    overflow: hidden;
}

/* Шапка окна */
.popup-window-titlebar {
    background: #f7f8fa !important;
    border-bottom: 1px solid #ececec !important;
    padding: 14px 20px !important;
    border-radius: 16px 16px 0 0 !important;
}

.popup-window-titlebar-text {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    font-family: inherit !important;
}

/* Крестик закрытия */
.popup-window-close-icon {
    top: 12px !important;
    right: 12px !important;
    width: 32px !important;
    height: 32px !important;
    background: transparent !important;
    border-radius: 50% !important;
    transition: background 0.2s ease, transform 0.2s ease;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.popup-window-close-icon:hover {
    background: #e8e8e8 !important;
    transform: rotate(90deg);
}

/* Контент внутри окна */
.popup-window-content {
    background: #fff !important;
    padding: 24px 20px !important;
    font-family: inherit !important;
}

.popup-window-content p {
    font-size: 15px !important;
    color: #555 !important;
    text-align: center !important;
    margin: 0 !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
}

/* Блок с кнопками внизу */
.popup-window-buttons {
    background: #fff !important;
    padding: 0 20px 20px !important;
    border-top: none !important;
    display: flex !important;
    justify-content: center !important;
}

/* Кнопки в попапе */
.popup-window-buttons .btn,
.popup-window-buttons .btn-primary,
.popup-window-buttons .btn-buy {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    padding: 0 24px !important;
    border-radius: 10px !important;
    background: #E31E24 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
    font-family: inherit !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.popup-window-buttons .btn:hover,
.popup-window-buttons .btn-primary:hover,
.popup-window-buttons .btn-buy:hover {
    background: #c4191f !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(227, 30, 36, 0.3) !important;
}

/* Мобильная адаптация */
@media (max-width: 480px) {
    .popup-window {
        border-radius: 12px !important;
        margin: 20px !important;
    }
    .popup-window-titlebar-text { font-size: 15px !important; }
    .popup-window-content p      { font-size: 14px !important; }
}







.catalog-compare-list {
   
    left: auto !important;
    right: 10px !important;
    width: 340px !important;
    max-width: calc(100vw - 40px) !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
    padding: 0 !important;
   
    animation: compareListSlideIn 0.3s ease-out;
}

@keyframes compareListSlideIn {
    from { opacity: 0; transform: translateX(20px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* ============================================================
   Шапка — количество
   ============================================================ */
.catalog-compare-list .catalog-compare-count {
    background: #f7f8fa !important;
    border-bottom: 1px solid #ececec !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    font-size: 13px !important;
    color: #555 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

.catalog-compare-list .catalog-compare-count [data-block="count"] {
    font-weight: 700 !important;
    color: #1a1a1a !important;
    font-size: 15px !important;
    display: inline-block !important;
    min-width: 16px !important;
    text-align: center !important;
}

.catalog-compare-list .catalog-compare-count a {
    display: inline-block !important;
    margin-top: 6px !important;
    color: #E31E24 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.catalog-compare-list .catalog-compare-count a:hover {
    color: #c4191f !important;
    text-decoration: underline !important;
}

/* ============================================================
   Таблица со списком
   ============================================================ */
.catalog-compare-list .catalog-compare-form {
    padding: 0 !important;
}

.catalog-compare-list table,
.catalog-compare-list .table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
    border: none !important;
}

.catalog-compare-list thead th {
    padding: 12px 18px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #888 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    text-align: left !important;
    border: none !important;
    background: #fff !important;
}

.catalog-compare-list tbody tr {
    border-top: 1px solid #f0f0f0 !important;
    background: #fff !important;
    transition: background 0.2s ease !important;
}

.catalog-compare-list tbody tr:hover {
    background: #fafafa !important;
}

.catalog-compare-list tbody td {
    padding: 12px 18px !important;
    vertical-align: middle !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    border: none !important;
    background: transparent !important;
}

/* Ссылка на товар */
.catalog-compare-list tbody td a:not(.text-muted) {
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.catalog-compare-list tbody td a:not(.text-muted):hover {
    color: #E31E24 !important;
}

/* Кнопка «Убрать» */
.catalog-compare-list tbody td a.text-muted {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #f5f5f5 !important;
    color: transparent !important;
    text-decoration: none !important;
    font-size: 0 !important;
    position: relative !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
}

.catalog-compare-list tbody td a.text-muted::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round'><path d='M6 6L18 18M18 6L6 18'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}

.catalog-compare-list tbody td a.text-muted:hover {
    background: #E31E24 !important;
    transform: scale(1.1) !important;
}

.catalog-compare-list tbody td a.text-muted:hover::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round'><path d='M6 6L18 18M18 6L6 18'/></svg>");
}

/* Выравнивание ячеек таблицы */
.catalog-compare-list td.text-left {
    text-align: left !important;
    padding-right: 8px !important;
    max-width: 240px !important;
}

.catalog-compare-list td.text-right {
    text-align: right !important;
    width: 44px !important;
    padding-left: 8px !important;
}

/* ============================================================
   Мобильная адаптация
   ============================================================ */
@media (max-width: 768px) {
    .catalog-compare-list {
        top: auto !important;
        bottom: 20px !important;
        right: 12px !important;
        left: 12px !important;
        width: auto !important;
        max-width: none !important;
    }

    .catalog-compare-list .catalog-compare-count,
    .catalog-compare-list tbody td {
        padding: 10px 14px !important;
    }

    .catalog-compare-list td.text-left {
        max-width: none !important;
    }
}









/* ============================================================
   СТРАНИЦА СРАВНЕНИЯ — общий контейнер
   ============================================================ */

.catalog-compare {
    font-family: inherit !important;
}

/* ============================================================
   Верхняя панель с кнопками «Все характеристики / Только различающиеся»
   ============================================================ */
.catalog-compare .mb-3.d-flex {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid #ececec !important;
    margin-bottom: 20px !important;
    flex-wrap: wrap !important;
}

.catalog-compare .mb-3.d-flex .text-muted {
    font-size: 13px !important;
    color: #888 !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.catalog-compare .mb-3.d-flex .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    padding: 0 20px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: 1px solid transparent !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-family: inherit !important;
    box-shadow: none !important;
}

.catalog-compare .mb-3.d-flex .btn-secondary {
    background: #fff !important;
    color: #333 !important;
    border-color: #ddd !important;
}

.catalog-compare .mb-3.d-flex .btn-secondary:hover {
    background: #f5f5f5 !important;
    border-color: #bbb !important;
}

.catalog-compare .mb-3.d-flex .btn-primary {
    background: #E31E24 !important;
    color: #fff !important;
    border-color: #E31E24 !important;
}

.catalog-compare .mb-3.d-flex .btn-primary:hover {
    background: #c4191f !important;
    border-color: #c4191f !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(227, 30, 36, 0.3) !important;
}

/* ============================================================
   Фильтр «Параметры сравнения»
   ============================================================ */
.catalog-compare .catalog-compare-filter {
    background: #f7f8fa !important;
    border-radius: 14px !important;
    padding: 20px 24px !important;
    margin-bottom: 24px !important;
    border: none !important;
}

.catalog-compare .catalog-compare-filter-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 16px !important;
    display: block !important;
}

.catalog-compare .catalog-compare-filter .row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 24px !important;
    margin: 0 !important;
}

.catalog-compare .catalog-compare-filter .col-12 {
    padding: 0 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
}

.catalog-compare .catalog-compare-filter .form-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    min-height: auto !important;
}

.catalog-compare .catalog-compare-filter .form-check-input {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    accent-color: #E31E24 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    position: static !important;
}

.catalog-compare .catalog-compare-filter .form-check-label {
    font-size: 14px !important;
    color: #333 !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 500 !important;
}

.catalog-compare .catalog-compare-filter .form-check:hover .form-check-label {
    color: #E31E24 !important;
}

/* ============================================================
   ТАБЛИЦА СРАВНЕНИЯ
   ============================================================ */
.catalog-compare .catalog-compare-table {
    background: #fff !important;
    border-radius: 14px !important;
    overflow: auto !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #ececec !important;
}

.catalog-compare .catalog-compare-table table,
.catalog-compare .catalog-compare-table .table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
    border: none !important;
    table-layout: auto !important;
}

/* Первая колонка — названия параметров */
.catalog-compare .catalog-compare-table th {
    background: #fafbfc !important;
    padding: 16px 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-align: left !important;
    border: none !important;
    border-right: 1px solid #ececec !important;
    border-bottom: 1px solid #ececec !important;
    vertical-align: top !important;
    white-space: nowrap !important;
    min-width: 160px !important;
    width: 180px !important;
}

/* Ячейки с данными */
.catalog-compare .catalog-compare-table td {
    padding: 16px 20px !important;
    font-size: 14px !important;
    color: #333 !important;
    vertical-align: top !important;
    border: none !important;
    border-right: 1px solid #f0f0f0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    background: #fff !important;
    line-height: 1.5 !important;
    min-width: 240px !important;
    max-width: 320px !important;
    word-wrap: break-word !important;
}

.catalog-compare .catalog-compare-table td:last-child {
    border-right: none !important;
}

/* При наведении на строку — лёгкая подсветка */
.catalog-compare .catalog-compare-table tr:hover td {
    background: #fafbfc !important;
}

.catalog-compare .catalog-compare-table tr:hover th {
    background: #f5f6f8 !important;
}

/* ============================================================
   Строка с названиями товаров + кнопка «Купить»
   ============================================================ */
.catalog-compare .catalog-compare-item-title {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
    transition: color 0.2s ease !important;
}

.catalog-compare .catalog-compare-item-title:hover {
    color: #E31E24 !important;
}

/* Кнопка «Купить» в ячейке */
.catalog-compare .catalog-compare-table .btn-primary.btn-sm {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    background: #E31E24 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: none !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.catalog-compare .catalog-compare-table .btn-primary.btn-sm:hover {
    background: #c4191f !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(227, 30, 36, 0.3) !important;
    color: #fff !important;
}

/* ============================================================
   Ссылки «Загрузить» (изображения, документы)
   ============================================================ */
.catalog-compare .catalog-compare-table td a:not(.catalog-compare-item-title):not(.btn):not(.text-danger) {
    color: #E31E24 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    transition: color 0.2s ease !important;
    display: inline-block !important;
    margin: 2px 0 !important;
}

.catalog-compare .catalog-compare-table td a:not(.catalog-compare-item-title):not(.btn):not(.text-danger):hover {
    color: #c4191f !important;
    text-decoration: underline !important;
}

/* ============================================================
   Кнопка «Удалить» внизу таблицы
   ============================================================ */
.catalog-compare .catalog-compare-table .text-danger {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    background: #fff5f5 !important;
    border-radius: 8px !important;
    color: #E31E24 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border: 1px solid transparent !important;
}

.catalog-compare .catalog-compare-table .text-danger:hover {
    background: #E31E24 !important;
    color: #fff !important;
    text-decoration: none !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(227, 30, 36, 0.3) !important;
}

/* ============================================================
   АДАПТАЦИЯ ПОД МОБИЛЬНЫЕ
   ============================================================ */
@media (max-width: 768px) {
    .catalog-compare .mb-3.d-flex {
        gap: 8px !important;
        padding: 12px 0 !important;
    }

    .catalog-compare .mb-3.d-flex .btn {
        height: 34px !important;
        padding: 0 14px !important;
        font-size: 12px !important;
    }

    .catalog-compare .catalog-compare-filter {
        padding: 16px !important;
    }

    .catalog-compare .catalog-compare-filter .row {
        gap: 10px 16px !important;
    }

    .catalog-compare .catalog-compare-table th {
        padding: 12px 14px !important;
        font-size: 12px !important;
        width: 130px !important;
        min-width: 130px !important;
    }

    .catalog-compare .catalog-compare-table td {
        padding: 12px 14px !important;
        font-size: 13px !important;
        min-width: 200px !important;
    }

    .catalog-compare .catalog-compare-item-title {
        font-size: 13px !important;
    }
}


#bx_catalog_compare_block{
    padding-bottom: 60px;
}



.contact_top_box{
    border-radius: 10px;
background: #F5F6F8;
padding: 15px 14px 23px 14px;

width: 324px;
min-height: 200px;
}

.contact_top_icon{
    border-radius: 50%;
    justify-content: center;
width: 38px;
height: 38px;
aspect-ratio: 1/1;
background: #235ABC;
margin-right: 8px;
flex: none;
}
.contact_top_header span{
    color: #000;
leading-trim: both;
text-edge: cap;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.wrapper_wh_page{
        background: #fff;
    padding-bottom: 40px;
}
.contact_top_header{
    margin-bottom: 21px;
}
.contact_bot_box{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
}
.contact_bot_box > a{
    color: #000;
leading-trim: both;
text-edge: cap;
font-family: Manrope;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 162.5% */
text-decoration: none;
}

.contact_bot_box > a:hover{
    color: #235ABC;;
}
.contact_top_box:nth-child(2) .contact_bot_box > a{
text-decoration: underline;
}

.contact_top_box:nth-child(2) .contact_bot_box > a:hover{
text-decoration: none;
}

.contact_top_box:nth-child(2) .contact_bot_box .contact_bot_text2{
    margin-top: 34px;
}

.contact_bot_text2{
    color: #717088;
font-family: Manrope;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;

}
.contact_bot_text1{
    color: #000;
leading-trim: both;
text-edge: cap;
font-family: Manrope;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 12px!important;
}
.contact_bot_box > a.contact_bot_link{
    color: #E31E24;
font-family: Manrope;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.contact_bot_box > a.contact_bot_link span{
    padding-right: 5px;    padding-bottom: 2px;
}

.yandex__btn{
    padding: 12px 22.5px;
    border-radius: 5px;
border: 1px solid #EC6C1D;
background: #FAF4F1;
}
.yandex__btn span{
    padding-left: 5px;
    color: #EC6C1D;
font-family: Manrope;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.google__btn{
        padding: 12px 27.5px;
    border-radius: 5px;
margin-left: 11px;
border: 1px solid #D9DADA;
background: #F5F5F7;
}

.google__btn span{
color: #003364;
font-family: Manrope;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding-left: 5px;
}
.contact_top_block{
 padding-bottom: 20px;
}
.contact_page a{
    text-decoration: none;
}
.maps__btns{
    margin-top: 26px;
}
.wrapp__frame{
    border-radius: 10px;
    overflow: hidden;
    display: flex;
}
.how_way_box{
    flex-wrap: nowrap;
    width: 434.154px;
min-height: 156px;border-radius: 10px;
background: #F5F6F8;
padding: 17px 15px 20px 28px; 
}
.how_way_right a{
    color: #EC6C1D;
leading-trim: both;
text-edge: cap;
font-family: Manrope;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
display: block;
margin-top: 20px;
}
.how_way_box3{

background: #FAF4F1;
}
.how_way_icon {
    flex: none;
    margin-right: 24px;
}
.how_way_right_title{
    color: #000;    padding-top: 10px;
leading-trim: both;
text-edge: cap;
font-family: Manrope;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 22px;
}
.how_way_right_text{
    color: #000;
leading-trim: both;
text-edge: cap;
font-family: Manrope;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.recv_box{
    color: #000;
font-family: Manrope;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 155.556% */
text-transform: uppercase;
}


.bx-soa-cart-total.bx-soa-cart-total-bottom{

    opacity: 1 !important;
    position: relative !important;
    top: 0px !important;
}

.bx-soa-cart-total-ghost{
        padding-top: 0px!important;
}

.bx-soa-cart-total-button-container>.btn{
    
  height: 42px;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
    border-radius: 5px;
    background: rgb(227, 30, 36);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    outline: none;
    text-decoration: none;
    height: 42px !important;
    display: inline-flex;
    align-items: center;
    width: auto;
    padding: 0 31px;
}

.bx-soa-cart-total-button-container>.btn:hover{
    opacity: 0.8;
}

.basket-coupon-section .form-group{
    position: relative;
    display: flex;
    align-items: center;
}

.basket-items-search-field {
 position: relative;
    display: flex;
    align-items: center;
}

.basket-items-search-field .basket-items-search-clear-btn{
  position: relative;
    top: auto;
    right: 0px;
    display: block;
    margin-top: 0px;
    padding: 0;
    width: 8px;
    height: 8px;
    margin-left: 10px;
    border: 0;

}

.basket-coupon-section .form-group span.basket-coupon-block-coupon-btn {
    position: relative;
    top: auto;
    right: 0px;
    display: block;
    margin-top: 0px;
    padding: 0;
    width: 8px;
    height: 8px;
    margin-left: 10px;
    border: 0;
    border-right: 2px solid #8da3ad;
    border-bottom: 2px solid #8da3ad;
    border-radius: 0;
    background-color: transparent;
    content: "";
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.new_img{
        min-height: 163px;
} 

.new_img img{
    min-height: 100%;
    object-fit: cover;
}



.popup-window-content p {
  
    max-width: 400px;
}


button{
    outline: none;
}

button.catalog_btn{
border: none;
}


.ap-lk-btn--primary{
    color: #fff!important;
    text-decoration: none!important;
}

.ap-lk-card a{
    text-decoration: none!important; 
}

.ap-lk__nav a{
    text-decoration: none!important; 
}
.nav_list{
    margin-left: 0px;
}


nav.nav_list a{
   margin-right: 0px; 
}
.our_b_br_box{
position:relative}

/* End */


/* Start:/css/media-queries.css?179215057421343*/
@media (max-width: 1350px) {

    .how_way_box {

    width: 394.154px;
    }
	.contact_top_box {
    
    width: 294px;

    }
	.doc {
  
    width: 32%;
}
	
	.product_main_part {
    width: 28.5%;
	}
	
	.product_main_right_our {
      width: 28.5%;
}
	
	.property__list_row {
  
    font-size: 12px;
	}
	
	.prod_tags2_cont .cat_tag2 {
    font-size: 13px;
	}
	.n_price_service_container3 .our___tabs{
		overflow: auto;
		
	}
	
	.text h2, .text h3 {
    font-size: 22px;
	}
	
	.n_price_service_container.n_price_service_container3 .tabs {
    width: max-content;
    padding-bottom: 16px;
    margin-bottom: 12px;
	}
	
	.product_func_box span{
		font-size: 10px;
	}
	
	.product_main_part {
 
    padding: 15px 10px;
}
	.product_main_left {
    width: 42%;
}
	
	.product_right_slider {
    width: calc(100% - 107px);
}
	
	.product__price_box {
    border-radius: 6px;
    background: #FFF;
    padding: 6.5px;
    padding-bottom: 13px;
    margin-top: 18px;
}
	.maneger_box {
    flex-wrap: nowrap;
    border-radius: 15px;
    background: #F5F6F8;
    margin-top: 13px;
    padding: 11.5px 10px;
}
	.product_aw_pr span {
   
    font-size: 10px;
	}
	.product__price_main {

    font-size: 22px;
	}
	
	.product__price_old {

    font-size: 13px;
	}
	
	.pr_r_box img {
    max-width: 100%;
    max-height: 100%;
}
	
	
	.preparation_box {
    margin-top: 14px;
    border-radius: 10px;
 
    padding: 13px 6px;
    padding-bottom: 11px;
}
	.pr_r_box {
    width: 100%;
    height: 440px;
		padding: 20px;
	}
	.pagination li a {

    font-size: 17px;

    width: 38px;
    height: 38px;
	}
	.catalog__first__part {
    width: 24%;
}
	
	.catalog__right__part {
    width: 75%;
}
	
	.category_resultat__container .product_box {
    width: 33%;
	}
	
	.number___pagination {
    margin-top: 16px;
}
	.cat_tag {
   
    font-size: 12px;

    margin-left: 5px;

    padding: 5px 11.5px;
}
	
	.post_text {
   
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
	}
	h1 {
 
    font-size: 28px;

    margin-bottom: 33px;
}
    .container_content {
        width: 1200px;
    }
	
	.dropdown-toggle >img {
    flex: none;
    margin-right: 6px;
    max-width: 17px;
}
	
	.mail_t {

    font-size: 13px;

    margin-right: 18px;
}
	
	nav a {

    font-size: 12px;
 
}
	.dropdown-toggle .arrow {
  
    margin-left: 4px;
}
	.b_h_row_in > a{
		    max-width: 300px;
	}
	
	
	.cl_but_box {
    margin-right: 20px;
}
	
	.cl_but_box.last {
    margin-right: 17px;
}
	
	.n__catalog_search {
    margin-left: 0px;
}
	
	
	.catalog_btn span {
    
    font-size: 16px;
 
    padding-left: 4px;
}
	
	.catalog_btn {

    width: 145px;
  
}
	
	.last_h_row_in {
    height: 42px;
}
	
	.nav_list a {
  
    font-size: 14px;
	}
	
	.f_display_right {
    width: 32%;
}
	
	.f_display_right_box {
    margin-bottom: 8px;
}
	
	.f_display_right_box {

    padding: 12px 15px;
}
	
	.f_display_right_title {
 
    font-size: 21px;

    line-height: 28px;

    margin-bottom: 8px;
}
	
	.ad_v__icon {

    margin-right: 10px;

    width: 48px;
    height: 48px;
}
	
	.ad_v__info p:first-child {
  
    font-size: 14px;

    margin-bottom: 5px;
}
	
	.ad_v__info p:last-child {

    font-size: 13px;
	}
	
	h2 {

    font-size: 32px;
	}
	
	.cat_title a {
   
    font-size: 14px;

    font-weight: 600;
    line-height: 15px;
    display: block;
}
	
	.service_title  {
    
    font-size: 22px;
	}
	.service_bottom_row {

    padding: 9px 7px;
    color: #000;
    font-family: Manrope;
    font-size: 12px;
	}
	
	
	.service_info {
  
    font-size: 13px;

    min-height: 58px;
    margin-bottom: 6px;
}
	
	.product_box {
    width: 236px;
    padding: 17px 10px 32px;
	}
	
	
.product_title {

    line-height: 18px;
}

.profitable_title a {
 
    font-size: 18px;
}



.oficial_box {
   height: 80px;

    font-size: 17px;

    padding-left: 30px;
    padding-right: 30px;
 
}

.news_box {

    width: 296px;
}

.list_serv_ad_box {
    width: 49%; margin-bottom: 44px;
}

.list_serv_ad_box > p, .list_serv_ad_box ul {
  
    font-size: 14px;
 
    line-height: 21px;
}

.list_serv_ad_header p {
   
    font-size: 18px;
}


.f_col {

    width: 296px;
    padding: 22px 10px;
    min-height: 415px;
}

.f__bot__row_text p {

    font-size: 150px;
}
	
	.top_right_title {
  
    font-size: 13px;
	}
	
	.tittle_incatalog {
  
    font-size: 13px;
	}
	.text h2, .text h3, .text h4, .text h5 {
    margin-top: 32px;
    margin-bottom: 24px;
}
	
	.text {

    font-size: 14px;
   
    line-height: 21px;
}
	h4 {
   
    font-size: 20px;
	}

.slide__toggle_header2 {
    padding-top: 20px;
  
    font-size: 16px;

    line-height: 23px;
    padding-bottom: 20px;

}
	
	.slide__toggle_text2 {
  
    font-size: 14px;
   
    padding-bottom: 20px;
}
}
@media (max-width: 1220px) {
	
	.contact_top_box {
   
    width: 49.5%;

    margin-bottom: 9px;
}

.how_way_box {
    flex-wrap: nowrap;
    width: 49.5%;
    min-height: 156px;
    margin-bottom: 8px;
}


.recv_box {

    font-size: 16px;
}
	
    .container_content {
        width: 950px;
    }
	
	
	.oficial_cont {
		overflow: hidden;
	}
	.gep_box{
	display: none;
	}
	nav {
    margin-left: 0px;
}
.ticker-item .highlight {
    color: rgba(255, 255, 255, 0.80);
    font-family: Manrope;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 20px;
}
	
	.ticker-wrapper {

    padding: 5.5px 0;
	}
	
	.ticker-item {
 
    font-family: Manrope;
    font-size: 10px;
	}
	
	.cl_but_box span{
	display: none;
	}
	.n__catalog_search {
    width: 401px;
    height: 36px;
	}
	.n__catalog_search .sidebar__search-input {
   
    font-size: 11px;
  
    padding-right: 40px;
   
    height: 100%;
    padding-left: 7px;
  
}
	
	    .b_h_row_in > a {
        max-width: 249px;
    }
	
	.n__catalog_search .sidebar__search-submit {

    height: 100%;
}
	
	.box__top > span{
		display: none;
	}
	
	.box__top {

    width: 54px;
    height: 36px;
	}
	
	    .nav_list a {
        font-size: 12px;
        padding: 0 14px;
    }
	
	.last_h_right span {

    font-size: 12px;
	}
	
	.last_h_right span:before {
  
    top: 6px;
	}
	
	    .f_display_right_title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 4px;
    }
	
	.f_display_right_cat {
   
    font-size: 12px;

    margin-bottom: 5px;
}
	
	.f_display_right_info {
  
    font-size: 11px;

    margin-bottom: 1px;
}
	
	    .f_display_right_box {
        padding: 8px 14px;
    }
	
	    .ad_v__icon {
        margin-right: 8px;
        width: 40px;
        height: 40px;
    }
	
	    .ad_v__info p:first-child {
        font-size: 12px;
        margin-bottom: 1px;
    }
	
	    .ad_v__info p:last-child {
        font-size: 11px;
    }
	
	.ad_v__cont {
    height: 72px;
}
	
	.pop_cat_bl {
    margin-top: 33px;
}
	
	    h2 {
        font-size: 26px;
    }
	
	
	
	.caterory__box {
 
    border-radius: 4px;
  overflow: hidden;
    width: 16.1%;
    padding: 10px 10px 0px;

}
	
	.caterory__list {
    padding-bottom: 27px;

    margin-bottom: 35px;
}
	
	.service_bottom_our {
    padding: 13px 8px 18px;
}
	
	    .service_title  {
        font-size: 17px;
    }
	    .service_info {
        font-size: 13px;
        min-height: 66px;
	}
	
	.service_bottom_row {
        padding: 9px 4px;
        color: #000;
        font-family: Manrope;
        font-size: 10px;
    }
	
	.status {
  
    font-size: 13px;

	}
	.service_list p {

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}
	
	.service_list{
		min-height: 124px;
	}
	
	.product_box {
        width: 33%;
        margin-bottom: 7px;
	}
	
	.product_bottom {
    z-index: 1;
    position: relative;
    opacity: 1;
    box-shadow: none;
    transform: translateY(0px);
    padding: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
	
	.main_product_bl {
    margin-bottom: 50px;
}
	
	h3 {
    
    font-size: 22px;
	}
	
	.line_sale_left h3 {
  
    margin-bottom: 12px;
}
	
	.line_sale_left p {
 
    font-size: 12px;
	}
	
	.number {
font-size: 29px;
    width: 50px;
    height: 65px;
	}
	
	.sepr {

    font-size: 31px;
	}
	
	.label {
    margin-top: 3px;
   
    font-size: 13px;
	}
	.line_sale_cont {
    padding-top: 17px;
    padding-bottom: 25px;
}
	
	.profitable_slidr {
    margin-top: 37px;
}
	
	.profitable_title {
    padding: 10px 8px 17px;
}
	
	    .profitable_title a {
        font-size: 14px;
    }
	
	.about_left_text {
  
    font-size: 13px;
   
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 13px;
}
	
	.about_cont {
    margin-top: 27px;
}
	
	.about_left_box {
    width: 49.5%;
 

    height: 107px;
    margin-top: 6px;
    padding: 17px 8px;
}
	
	
	.about_left_box p {
  
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
	.about_left_title {
    
    font-size: 27px;

  
    line-height: 17px;
    margin-bottom: 20px;
}
	
	
	.about_block {
    padding-bottom: 46px;
    margin-bottom: 46px;
}
.about_block {
    padding-top: 38px;
}
	
	.bl_tag {

    font-size: 12px;
	}
	
	.oficial_cont {
    margin-top: 49px;
}
	
	    .oficial_box {
        height: 56px;
        font-size: 14px;
        padding-left: 14px;
        padding-right: 14px;
    }
	
	.why_box {

    padding: 10px;
	}
	
	.why_num {
   
    font-size: 23px;
 
    margin-bottom: 11px;
}
	
	.why_title {

    font-size: 14px;

    line-height: 15px;
    margin-bottom: 14px;
}
	
	    .news_box {
        width: 235px;
    }
	
	.new_title a {

    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 16px;
    display: block;
}
	
	    .list_serv_ad_header p {
        font-size: 16px;
    }
	
	    .f_col {
        width: 49.5%;
        padding: 22px 10px;
        min-height: 360px;
        margin-bottom: 8px;
    }
	
	.f__bot__row_text {

    height: 104px;
    overflow: hidden;
}
	
	    .f__bot__row_text p {
        font-size: 119px;
        line-height: 126px;
    }
	.footer_left2{
		    width: 100%;
    margin-bottom: 13px;
	}
	
	
	
	
	
	
	
	
	    h1 {
        font-size: 26px;
        margin-bottom: 27px;
    }
	
	
	
	.var__link {
    margin-left: 20px;

    font-size: 14px;
	}
	
	
	.var_templ_cont {
    margin-left: 16px;
}
	
	
	.catalog__first__part_inner {
    border-radius: 10px;
    background: #FFF;
    width: 100%;
    padding: 18px 10px 19px;
}
	
	.dop_spec_c {
    opacity: 1;
	}
	
	
	.dop_spec_box {
   
    width: 20px;
    height: 20px;
}
	.dop_spec_box  img{
		max-width: 13px;
	}
	
	.add__box {
  
    height: 36px;
	}
	
	.var_templ_box {
   
    width: 34px;
    height: 34px;
	}
	.red_btn.blue_btn.grey_btn {
    width: 100%;
    text-align: center;
    border-radius: 6px;
    background: #F5F6F8;
    color: #27263F !important;
    font-family: Manrope;
    font-size: 12px;
    min-width: auto;
}
}
@media (max-width: 970px) {

.sl_img img {


    
}


        .contact_top_box {
        width: 100%;
        }

.how_way_icon {
    flex: none;
    margin-right: 13px;
}
            .how_way_box {
        flex-wrap: nowrap;
        width: 100%;
        min-height: 156px;
        padding: 9px 15px 20px 13px;
        margin-bottom: 8px;
    }

        .maps__btns a{
            width: 100%;
        }
.google__btn {

    margin-left: 0px;
    margin-top: 10px;
}
.search-form input[type="text"] {
    flex: auto;
    height: 40px;
    padding: 0 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}
.search-results .search-item {
    display: flex;
    gap: 10px;
    padding: 13px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 0px;
}
.search-results {
   
    padding: 0 14px;
}

.search-form input[type="submit"] {
    height: 40px;
    padding: 0 24px;
    background: #e30613;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: background .2s;
    flex: none;
}

.search-form {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0 15px;
    width: 100%;
}


    .modal_block .inp, .modal_block .select_main {
   
    height: 44px;

    margin-bottom: 12px;
    width: 100%;
    font-family: Manrope;
    font-size: 14px;
    }
.intr__content{
    overflow: hidden;
}

        .modal_block {
        position: fixed;
        left: 1%;
        top: calc(10px);
        width: 98%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        border-radius: 15px;
        background: rgba(255, 255, 255, 1);
        padding: 28px 15px 20px;
    }


        .modal_block .close_box {
        transition: 0.3s ease;
        cursor: pointer;
        position: absolute;
        right: 8px;
        top: 8px;
    }
	
	.product_left_slider_our {
    width: 70px;
}
	.product__rew_reit {
    margin-top: 31px;
}
	
	.product__rew_reit_left {
    width: 100%;
    display: flex;
    margin-top: 0px;
    margin-bottom: 10px;
}
	.video__desc_box {
    width: 100%;
    height: 310px;
	}
	.desc__img2 {
    margin-top: 25px;
}
	.preparation_header_r {
   
    font-size: 16px;
	}
	    .doc {
        width: 100%;
        margin: 0px;
        margin-bottom: 7px;
    }
	.preparation_box2 .service_list p {

    font-size: 14px;

    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px;
}
	.preparation_cont {
    margin-top: 31px;
    width: 100%;
}
	.props_group__props > tbody > tr > td, .props_group__props > tbody > tr > th {
  
    padding: 7px 5px;
  
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
}
	.product_main_desc__bottom {
    padding-top: 33px;
}
	
	    .text h2, .text h3 {
        font-size: 19px;
    }
	    .product_main_right_our {
        width: 49.5%;
    }
	    .product_main_left {
        width: 100%;
			margin-bottom: 10px;
    }
	
	    .product_right_slider {
        width: calc(100% - 75px);
    }
	
	    .product_main_part {
        width: 49.5%;
    }
	.pr_r_box {
        width: 100%;
        height: 372px;
        padding: 11px;
    }
	.pr_l_box {
    width: 100%;
    height: 70px;
	}
	
	.n_price_service_container3 .tabs li {
    font-size: 15px;
	}
	
	    .catalog__right__part {
        width: 100%;
    }
	
	    h4 {
        font-size: 18px;
    }
	
	    .slide__toggle_header2 {
        padding-top: 15px;
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 15px;
    }
	
	    .slide__toggle_text2 {
        font-size: 13px;
        padding-bottom: 15px;
    }
	    .catalog__first__part {
       
        display: none;
    }
	.top_category_row >p {

    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 100%;
    margin-bottom: 10px;
}
	.cat_tag {
        font-size: 12px;
        margin-left: 0px;
  
        margin-right: 5px;
    }
	    h1 {
        font-size: 24px;
        margin-bottom: 25px;
    } 
    .container_content {
        width: 670px;
    }
	nav{
		display: none;
	}
	.mob_v{
		display: flex!important;
	}
	.burg_menu {
		    width: 26px;
    height: 26px;
    margin-left: 10px;
	}
	.cl_but_box{
		display: none;
	}
	
	    .b_h_row_in > a {
        max-width: 246px;
    }
	    .n__catalog_search {
        width: 355px;
	}
	.n__catalog_search .sidebar__search-submit {
  
    width: 37px;
	}
	
	    .box__top {
        width: 47px;
        height: 34px;
    }
	.last_h_row_in {
		display: none;
	}
	
	.b_h_row_in {
    height: 66px;
}
	
	.f_display_left {
    width: 100%;
    margin-bottom: 10px;
}
	
	    .f_display_right {
        width: 100%;
    }
	
	    .f_display_right {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
	
	    .f_display_right_box {
        padding: 8px 14px;
        width: 49.5%;
    }
	
	.f_display_right_box.f_display_right_box2 {
    margin-bottom: auto;
	}
	
	    .ad_v__cont {
        height: auto;
    }
	
	.ad_v__box {
    flex-wrap: nowrap;
    width: 49%;
    margin: 10px 0;
}
	
	    h2 {
        font-size: 22px;
    }
	
	    .caterory__box {
               height: 202px;
        width: 49.5%;
        padding: 10px 10px 0px;
        margin-bottom: 8px;
    }
	
	.cat_title {
    min-height: auto;
    margin-bottom: 12px;
}
	.service_box {
    border-radius: 8px;
    width: 49.5%;
    margin-bottom: 9px;
		
	}
	
	.service_bl {
    padding-bottom: 34px;
}
	
	.main_product_bl {
 margin-bottom: 32px;   margin-top: 32px;
}
	.line_sale_left{
		width: 100%;
		margin-bottom: 20px;
}
	.about_right {
    width: 100%;
}
	.about_left {
    width: 100%;
		margin-bottom: 10px;
}
	
	    .oficial_cont {
        overflow: auto;
    }
	
	.why_box {
  
    padding: 14px;
    width: 49.5%;
    margin-bottom: 6px;
    min-height: auto;
}
	
	    .news_box {
        width: 49.5%;margin-bottom: 10px;
    }
	    .list_serv_ad_header p {
        font-size: 14px;
    }
	
	    .f__bot__row_text p {
        font-size: 83px;
        line-height: 108px;
    }
	
	    .f__bot__row_text {
        height: 80px;
	}
	
	
	
	
	
}
@media (max-width: 690px) {



        .news-list > div[class*="col-"] {
        width: 100%!important;
        margin: 0px;
    }

    .news-list {
  
    margin: 0px;
}

    .search-item-image {
    flex: 0 0 80px;
    max-width: 80px;
}
	.our__r_p{
		overflow: auto;
	}
	
	    .product_main_part {
        width: 100%;
        margin-bottom: 10px;
    }
	
	    .product_main_right_our {
        width: 100%;
    }
	
	.product_func_box span {
        font-size: 12px;
    }
	
	.text h2, .text h3 {
        font-size: 18px;
    }
	
	.preparation_box2 {
    width: 100%;
    margin-bottom: 10px;
	}
	
	    .our__r_p {
        
        margin-bottom: 10px;
    }
	
	.product__main__row_cat {
    margin-bottom: 10px;
width: max-content;
	}
	
	.breadcrumbs_our .container_content {
 
    padding-bottom: 10px;
}
	
	.top_right_title {
		display: none;
	}
	    .category_resultat__container .product_box {
        width: 100%;
    }
	.var__link {
        margin-left: 0px;
        font-size: 13px;
        margin-right: 10px;
    }
    .container_content {
        width: 100%;
padding-left: 10px;
		padding-right: 10px;
    }
	
	    .product_box {
        width: 100%;
	}
	
	.product_img {
    justify-content: center;
    height: 167px;
}
	
	.product_title {

    min-height: auto;
 
}
	
	#selectedPhone{
		display: none;
	}
	
	.dropdown-menu li a {
    display: block;
    padding: 4px 9px;
	}
	
	    .dropdown-toggle .arrow {
        margin-left: 0px;
    }
	
	.dropdown-toggle {
    margin-right: 10px;
}
	
	    .box__top {
			flex: none;
        width: 43px;
        height: 31px;
        padding-right: 5px;
        padding-top: 6px;
    }
	.dropdown-menu{
		    min-width: 130px;
    padding: 0px;
	}
	
	    .n__catalog_search {
        width: 100%;
        margin: 0 5px;
        height: 33px;
    }
	
	    .b_h_row_in {
        flex-wrap: nowrap;
    }
	
	.sl_img img {

    border-radius: 7px;
	}
	
	.dots_slider .slick-dots button {
  
    border-radius: 20px;

    padding: 0px;
    width: 24px;
    height: 4px;
    margin: 0 4px;
  
}
	
	.dots_slider .slick-dots .slick-active button {
    width: 29px;
   
}
	
	.dots_slider .slick-dots {


    height: 20px;
    padding: 0 9px;
}
	
	    .f_display_right_box {
        padding: 8px 8px;
	}
	
	    .f_display_right_info {
        font-size: 11px;
        margin-bottom: 1px;
        line-height: 12px;
    }
	    .f_display_right_title {
        font-size: 13px;
        line-height: 18px;
			
	}
	
	    .ad_v__box {
        flex-wrap: nowrap;
        width: 47%;
	}
	
	.ad_v__block {
    margin-top: 20px;
	}
	
	.top_bl_row h2{
		width: 100%;
		margin-bottom: 10px;
	}
	
	.service_box {
    
        width: 100%;
	}
	
	.n_price_service_container .tabs {
    width: max-content;
    padding-bottom: 16px;
        margin-bottom: 4px;
	}
	
	.tab_content{
		margin-top: 20px;
	}
	.our___tabs{
		overflow: auto;
	}
	
	.timer-container {
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
}
	#prev.btn-juliet {
    left: 0px;
}
	
	#next.btn-juliet {
    right: 0px;
}
	.btn-juliet {

    width: 30px;
    height: 30px;
		
	}
	    .f_col {
        width: 100%;
        padding: 22px 10px;
        min-height: auto;
        margin-bottom: 8px;
    }
	
	    .about_left_box p {
        font-size: 11px;
	}
	
	.why_box {
        padding: 14px;
        width: 100%;
	}
	
	    .news_box {
        width: 100%;
	}
	
	    .list_serv_ad_box {
        width: 100%;
        margin-bottom: 32px;
    }
	
	.un__title {
    color: #27263F;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 23px;
}
	
	.footer_left2_row{
		flex-direction: column;
    align-items: flex-start;
	}
	.footer_left2_row span{
	display: none;
	}
.footer_left2_row a {
 
    margin-bottom: 4px;
}	
	
	.f__bot__row_text p {
        /* font-size: -webkit-xxx-large; */
        line-height: 95px;
        text-align: center;
        font-size: 45px;
    }
	
	    .f__bot__row_text {
        height: 62px;
    }

.catalog__right__part .catalog__content_box img{
    width: auto!important;
        height: auto!important;
}


.box__top .icon__boxx {
   
    display: flex;
    justify-content: center;
    align-items: center;
}

}
/* End */


/* Start:/css/header-mobile.css?179214473311480*/
/* ═══════════════════════════════════════════════
   МОБИЛЬНАЯ ШАПКА И ОБЩЕЕ МЕНЮ-КАТАЛОГ (≤970px)
   Подключать после media-queries.css. Десктоп не затрагивает.
   ═══════════════════════════════════════════════ */

.mh-phone,
.mh-mail,
.mh-cat,
.mega-extra,
.mega-mob-head,
.mega-back {
    display: none;
}

@media (max-width: 970px) {

    /* ── шапка: только одна липкая полоса ── */
    .header {
        position: sticky;
        top: 0;
        z-index: 50;
        border-bottom: 0;
    }
    .t_h_row,
    .ticker-wrapper {
        display: none;
    }
    .last_h_row {
        height: 0;
        border: 0;
        padding: 0;
        overflow: visible;
    }
    .b_h_row {
        border-bottom: 1px solid #E1E3EB;
        box-shadow: 0 4px 12px rgba(39, 38, 63, .06);
    }
    .b_h_row .container_content {
        width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }

    /* ряд 1: меню · логотип · телефон · корзина
       ряд 2: каталог · поиск */
    .b_h_row_in {
        height: auto;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) 44px 44px 44px;
        grid-template-areas:
            "logo logo   mail   phone  cart"
            "cat  search search search search";
        align-items: center;
        column-gap: 6px;
        row-gap: 8px;
        padding: 8px 0 10px;
    }

    .b_h_row_in > a.flex {
        grid-area: logo;
        max-width: 240px !important;
        min-width: 0;
    }
    .b_h_row_in > a.flex img {
        width: 100%;
        height: auto;
        max-height: 40px;
        object-fit: contain;
        object-position: left center;
    }

    .mh-mail {
        grid-area: mail;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border-radius: 8px;
        color: #27263F;
    }
    .mh-mail:active { background: #F5F6F8; }

    .mh-phone {
        grid-area: phone;
        width: 44px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border-radius: 8px;
        color: #27263F;
    }
    .mh-phone:active { background: #F5F6F8; }

    .b_h_right {
        grid-area: cart;
        justify-self: end;
    }
    .b_h_right .box__top {
        width: 44px !important;
        height: 44px !important;
        padding: 0;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .b_h_right .box__top > span { display: none; }
    .b_h_right .num___prod {
        position: absolute;
        top: -5px;
        right: -5px;
        min-width: 19px;
        height: 19px;
        border-radius: 10px;
        border: 2px solid #fff;
        font-size: 10px;
        font-weight: 800;
    }

    .mh-cat {
        grid-area: cat;
        display: flex;
        align-items: center;
        gap: 6px;
        height: 44px;
        padding: 0 14px 0 10px;
        border: 0;
        border-radius: 8px;
        background: #E31E24;
        color: #fff;
        font-family: Manrope, Arial, sans-serif;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
        white-space: nowrap;
    }
    .mh-cat:active { background: #C4191F; }

    .n__catalog_search {
        grid-area: search;
        width: auto !important;
        height: 44px !important;
        min-width: 0;
    }
    .n__catalog_search form {
        width: 100% !important;
        height: 44px !important;
        box-sizing: border-box;
        border-radius: 8px;
        background: #F5F6F8;
        border: 1px solid #E1E3EB;
        overflow: hidden;
        display: flex;
    }
    .n__catalog_search .sidebar__search-input {
        flex: 1;
        min-width: 0;
        height: 42px;
        border: 0;
        background: transparent;
        padding: 0 4px 0 12px;
        font-size: 14px;
    }
    .n__catalog_search .sidebar__search-submit {
        position: static !important;
        flex: none;
        width: 42px !important;
        height: 42px;
        background: transparent !important;
        border: 0;
    }
    .n__catalog_search .sidebar__search-submit img {
        filter: brightness(0) opacity(.55);
        width: 20px;
        height: 20px;
    }

    /* ── общее меню: статика под разделами каталога ── */
    .mega-extra {
        display: flex;
        flex-direction: column;
        gap: 18px;
        padding: 18px 14px 28px;
        border-top: 8px solid #F5F6F8;
    }
    body.mnav-lock { overflow: hidden; }

    .mnav-smeta {
        border: 1.5px solid #235ABC;
        background: #EAF0FA;
        border-radius: 10px;
        padding: 14px 14px 12px;
    }
    .mnav-smeta .t { margin: 0; font-size: 15px; font-weight: 700; color: #27263F; }
    .mnav-smeta .d { margin: 2px 0 10px; font-size: 13px; color: #717088; line-height: 1.35; }
    .mnav-smeta .row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
    .mnav-smeta .mail {
        flex: 1 0 auto;
        font-size: 15px;
        font-weight: 700;
        color: #235ABC;
        white-space: nowrap;
    }
    .mnav-smeta .copy {
        flex: none;
        height: 36px;
        padding: 0 10px;
        border: 1px solid #235ABC;
        border-radius: 8px;
        background: #fff;
        color: #235ABC;
        font-family: Manrope, Arial, sans-serif;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
    }

    .mnav-list {
        display: flex;
        flex-direction: column;
        border-top: 1px solid #E1E3EB;
    }
    .mnav-list a {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 48px;
        padding: 0 2px;
        border-bottom: 1px solid #E1E3EB;
        color: #27263F;
        font-size: 15px;
        font-weight: 600;
    }
    .mnav-list a svg { color: #A2A2A2; flex: none; }
    .mnav-list.small a {
        min-height: 44px;
        font-weight: 500;
        font-size: 14.5px;
    }
    .mnav-label {
        font-size: 11.5px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #717088;
        margin: 0 0 6px;
    }
    .mnav-acc {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .mnav-acc a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 44px;
        border: 1px solid #E1E3EB;
        border-radius: 8px;
        color: #27263F;
        font-size: 14px;
        font-weight: 600;
    }
    .mnav-contacts {
        background: #F5F6F8;
        border-radius: 10px;
        padding: 14px 16px;
        display: flex;
        flex-direction: column;
        gap: 6px;
        font-size: 14px;
        color: #27263F;
    }
    .mnav-contacts .ph {
        font-size: 17px;
        font-weight: 700;
        color: #27263F;
        font-variant-numeric: tabular-nums;
    }
    .mnav-contacts .ph2 {
        font-weight: 600;
        color: #27263F;
        font-variant-numeric: tabular-nums;
    }
    .mnav-contacts .muted { color: #717088; font-size: 13px; }
    .mnav-contacts a.mail { color: #235ABC; }
    .mnav-max {
        margin-top: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 44px;
        border-radius: 8px;
        background: #27263F;
        color: #fff !important;
        font-weight: 700;
    }
    .mnav-max img { width: 22px; height: 22px; }

    /* ── каталог (мега-меню) на телефоне: на весь экран ── */
    .mega {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-height: none;
        border: 0;
        border-radius: 0;
        z-index: 100;
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
    /* шапка липкая и создаёт свой слой: пока каталог открыт, поднимаем её над всем */
    body.mega-open .header { z-index: 200; }
    .mega-overlay.open { display: none; }

    .mega-mob-head {
        display: flex;
        align-items: center;
        gap: 6px;
        min-height: 56px;
        padding: 6px 8px 6px 6px;
        border-bottom: 1px solid #E1E3EB;
        background: #fff;
        flex-shrink: 0;
    }
    .mega-mob-title {
        flex: 1;
        font-size: 17px;
        font-weight: 700;
        color: #27263F;
        padding-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .mega-mob-head button {
        width: 44px;
        height: 44px;
        border: 0;
        background: none;
        color: #27263F;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        cursor: pointer;
        flex: none;
    }
    .mega:not(.is-sub) .mega-back { display: none; }
    .mega.is-sub .mega-mob-title { padding-left: 0; }

    .mega-search { padding: 10px 12px; }
    .mega-search input { height: 44px; font-size: 15px; }

    .mega-body {
        position: relative;
        overflow: hidden;
    }
    .mega-groups {
        width: 100%;
        border-right: 0;
        background: #fff;
        padding: 0;
    }
    .mega-group {
        min-height: 52px;
        padding: 8px 14px;
        font-size: 15px;
        border-left: 0;
        border-bottom: 1px solid #EEF0F4;
    }
    .mega-group.active,
    .mega-group:hover {
        background: #fff;
        color: #27263F;
    }
    .mega-group.active .mega-group-icon,
    .mega-group:hover .mega-group-icon { color: #717088; }
    .mega-group.active .arr,
    .mega-group:hover .arr { color: #717088; opacity: .6; }
    .mega-group-count { font-size: 12px; }

    .mega-sub-scroll {
        position: absolute;
        inset: 0;
        background: #fff;
        transform: translateX(100%);
        transition: transform .22s ease;
        visibility: hidden;
    }
    .mega.is-sub .mega-sub-scroll,
    .mega.is-search .mega-sub-scroll {
        transform: none;
        visibility: visible;
    }
    .mega-sub { padding: 6px 14px 20px; }
    .mega-sub-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        padding: 10px 0 12px;
        margin-bottom: 4px;
    }
    .mega-sub-title { font-size: 18px; font-weight: 700; letter-spacing: 0; }
    .mega-sub-all { font-size: 14px; }
    .mega-sub-list { columns: 1; }
    .mega-sub-list a {
        min-height: 48px;
        display: flex;
        align-items: center;
        font-size: 15px;
        border-bottom: 1px solid #EEF0F4;
        padding: 8px 0;
    }
    .mega-results { padding: 12px 14px 20px; }
    .mega-results-list { columns: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .mega-sub-scroll { transition: none; }
}

/* End */


/* Start:/css/catalog-list.css?179241502941207*/
/* ═══════════════════════════════════════════════
   КАТАЛОГ: ВИД «СПИСОК» (#items-container.items-list)
   Разметка — catalog.item/card/template.php, блоки [СПИСОК]:
     .lv-badges  метки на фото
     .lv-specs   до 7 характеристик
     .lv-panel   наличие, цена, «В корзину», «Добавить в смету»
   Раскладка:  [фото] [производитель · название · артикул · характеристики] [панель]
   Плитку не затрагивает. Подключать после style.css и media-queries.css.
   ═══════════════════════════════════════════════ */

/* блоки списка не видны в плитке */
.lv-badges,
.lv-specs,
.lv-panel { display: none; }

.items-list.category_resultat__container {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.items-list .product_box {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    padding: 16px !important;
    margin: 0 !important;
    border-radius: 15px;
    background: #fff;
    box-shadow: none;
    transition: box-shadow .2s ease;
    container-type: inline-size;
}
.items-list .product_box:hover {
    box-shadow: 0 8px 28px rgba(39, 38, 63, .08);
}

/* в списке эти части карточки заменяет панель .lv-panel */
.items-list .product_aw,
.items-list .product_row_price,
.items-list .product_bottom,
.items-list .dop_spec_c {
    display: none !important;
}

/* ── сетка строки ── */
.items-list .our_prod__wrapper {
    display: grid !important;
    grid-template-columns: 200px minmax(0, 1fr) 290px;
    column-gap: 28px;
    align-items: start;
    height: auto;
}
.items-list .our_prod__top,
.items-list .our_b_br_box {
    display: contents;
}

/* фото и метки — слева */
.items-list .product_img {
    grid-column: 1;
    grid-row: 1 / span 8;
    width: 200px !important;
    height: 200px !important;
    margin: 0;
    padding-top: 26px;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.items-list .product_img img {
    max-width: 100% !important;
    max-height: 170px !important;
    object-fit: contain;
}
.items-list .product-slider__dots {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
}
.items-list .lv-badges {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    justify-self: start;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.lv-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 26px;
    padding: 0 11px;
    border-radius: 13px;
    border: 1px solid;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
}
.lv-badge::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}
.lv-badge--hit { color: #E31E24; background: #FDECEC; border-color: #F3A9AB; }
.lv-badge--new { color: #235ABC; background: #EAF0FA; border-color: #A9C1EA; }

/* средняя колонка */
.items-list .product_firm,
.items-list .product_title,
.items-list .product_art,
.items-list .lv-specs {
    grid-column: 2;
}
.items-list .product_firm {
    margin: 10px 0 6px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .02em;
}
.items-list .product_firm:empty { display: none; }
.items-list .product_title {
    min-height: 0 !important;
    margin: 0 0 6px;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
}
.items-list .product_firm:empty + .product_title { margin-top: 10px; }
.items-list .product_title a { color: #27263F; }
.items-list .product_title a:hover { color: #235ABC; }
.items-list .product_art {
    margin: 0;
    font-size: 14px;
    color: #717088;
}

/* характеристики: «Название: значение» */
.items-list .lv-specs {
    display: flex;
    flex-direction: column;
    margin: 16px 0 0;
}
.lv-specs__row {
    display: flex;
    flex-wrap: wrap;
    gap: 0 6px;
    font-size: 14.5px;
    line-height: 1.55;
    padding: 2px 0;
    color: #717088;
}
.lv-specs__row dt { font-weight: 400; }
.lv-specs__row dt::after { content: ":"; }
.lv-specs__row i { display: none; }
.lv-specs__row dd {
    margin: 0;
    color: #27263F;
    font-weight: 500;
}
.lv-specs__all {
    margin-top: 8px;
    font-size: 13.5px;
    font-weight: 600;
    color: #235ABC;
    align-self: flex-start;
}
.lv-specs__all:hover { color: #E31E24; }

/* ── правая панель покупки ── */
.items-list .lv-panel {
    grid-column: 3;
    grid-row: 1 / span 8;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-radius: 15px;
    background: #F5F6F8;
}
.lv-panel__box {
    background: #fff;
    border-radius: 12px;
    padding: 16px 18px 18px;
    margin-bottom: 4px;
}
.lv-stock {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}
.lv-stock::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    flex: none;
}
.lv-stock--in { color: #01B56D; }
.lv-stock--limited { color: #E31E24; }
.lv-stock--order { color: #717088; }
.lv-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 10px;
}
.lv-price__now {
    font-size: 30px;
    font-weight: 800;
    color: #27263F;
    letter-spacing: -.01em;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.lv-price__now--req { font-size: 20px; font-weight: 700; }
.lv-price__old {
    font-size: 15px;
    color: #A2A2A2;
    text-decoration: line-through;
    white-space: nowrap;
}

.lv-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    font-family: Manrope, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
    text-decoration: none;
}
.lv-btn--cart {
    border: 0;
    background: #E31E24;
    color: #fff !important;
}
.lv-btn--cart:hover { background: #C4191F; }
.lv-btn--smeta {
    border: 1.5px solid #A9C1EA;
    background: #EAF0FA;
    color: #235ABC;
}
.lv-btn--smeta:hover { border-color: #235ABC; background: #DDE8F8; }
.lv-btn--smeta.in-smeta {
    border-color: #01B56D;
    background: #EAF8F1;
    color: #01895A;
}
.lv-btn.pulse { transform: scale(.97); }
.lv-btn:focus-visible { outline: 2px solid #235ABC; outline-offset: 2px; }

/* ── карточка уже 820 px: фото + описание, панель — полосой снизу ── */
@container (max-width: 820px) {
    .items-list .our_prod__wrapper {
        grid-template-columns: 160px minmax(0, 1fr);
        column-gap: 22px;
    }
    .items-list .product_img {
        grid-row: 1 / span 6;
        width: 160px !important;
        height: 170px !important;
    }
    .items-list .product_img img { max-height: 140px !important; }
    /* панель полосой: [цена] [В корзину / В смету] */
    .items-list .lv-panel {
        grid-column: 1 / -1;
        grid-row: auto;
        margin-top: 16px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
    }
    .items-list .lv-panel__box { grid-row: 1 / span 2; margin: 0; align-self: stretch; }
}

/* ── телефон ── */
@container (max-width: 520px) {
    .items-list .our_prod__wrapper {
        grid-template-columns: 96px minmax(0, 1fr);
        column-gap: 12px;
    }
    .items-list .product_img {
        grid-row: 1 / span 4;
        width: 96px !important;
        height: 110px !important;
        padding-top: 24px;
    }
    .items-list .product_img img { max-height: 84px !important; }
    .items-list .product-slider__dots { display: none !important; }
    .items-list .lv-badge { height: 22px; padding: 0 8px; font-size: 11.5px; }
    .items-list .product_firm { margin-top: 0; font-size: 12px; }
    .items-list .product_firm:empty + .product_title { margin-top: 0; }
    .items-list .product_title { font-size: 15px; }
    .items-list .product_art { font-size: 12.5px; }
    .items-list .lv-specs { grid-column: 1 / -1; margin-top: 12px; }
    .items-list .lv-specs__row { font-size: 13.5px; }
    .items-list .lv-specs__row:nth-child(n+4) { display: none; }
    .items-list .lv-panel { margin-top: 12px; padding: 10px; display: flex; flex-direction: column; }
    .items-list .lv-panel__box { padding: 12px 14px 14px; }
    .items-list .lv-price__now { font-size: 24px; }
    .items-list .lv-panel .lv-btn { width: 100%; height: 46px; font-size: 15px; }
}

@media (max-width: 690px) {
    .items-list.category_resultat__container { gap: 10px; }
    .items-list .product_box { padding: 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .lv-btn { transition: none; }
}

/* ═══ FIX: плитка — CSS-сетка, ровно по левому краю, без пустых карточек-заглушек ═══ */
.category_resultat__container:not(.items-list) {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 10px;
    justify-content: start;
}
.category_resultat__container:not(.items-list) .product_box {
    width: auto !important;
    margin-bottom: 0;
}
.category_resultat__container #skeleton-loader { grid-column: 1 / -1; }
@media (max-width: 690px) {
    .category_resultat__container:not(.items-list) { grid-template-columns: 1fr; }
}

/* ===== «С этим товаром покупают» (#migr-accessories-section): одинаковые карточки в ряд с прокруткой вбок ===== */
#migr-accessories-section .items-container{display:flex!important;flex-wrap:nowrap!important;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin-top:20px!important;padding:2px 2px 14px;justify-content:flex-start!important}
/* обёртки рядов/колонок bootstrap «растворяем», чтобы карточки стали прямыми детьми ленты */
#migr-accessories-section .items-container .row,
#migr-accessories-section .items-container [class^="col"],
#migr-accessories-section .items-container [data-entity="items-row"]{display:contents!important}
#migr-accessories-section .items-container .zagl,
#migr-accessories-section .items-container .skeleton-loader{display:none!important}
#migr-accessories-section .product_box{flex:0 0 260px!important;width:260px!important;max-width:none!important;min-width:0!important;margin:0!important;scroll-snap-align:start;display:flex!important;flex-direction:column}
#migr-accessories-section .product_box .our_prod__wrapper{display:flex;flex-direction:column;flex:1 1 auto}
#migr-accessories-section .product_box .product_img{height:180px!important;width:100%!important}
#migr-accessories-section .product_box .product_img img{width:100%!important;height:100%!important;object-fit:contain}
#migr-accessories-section .product_box .product_title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:0!important}
#migr-accessories-section .product_box .product_bottom{margin-top:auto!important;position:static!important;opacity:1!important;visibility:visible!important}
@media (max-width:767px){
  #migr-accessories-section .items-container{margin-right:-16px;padding-right:16px}
  #migr-accessories-section .product_box{flex-basis:72vw!important;width:72vw!important}
  #migr-accessories-section .product_box .product_img{height:150px!important}
}

/* ===== Кнопка «Оставить отзыв» (модуль Chili.Lab): на мобильном не висит поверх экрана, а стоит на своём месте в блоке отзывов ===== */
@media (max-width:1199px){
  .red-reviews-button.mobile-only{position:static!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;box-shadow:none!important;width:100%!important;max-width:none!important;margin:16px 0 0!important;z-index:auto!important}
}

/* ===== «Добавить в смету» в карточке каталога ===== */
/* плитка (и лента «С этим товаром покупают»): не кнопка, а строка-ссылка под «В корзину» */
.product_bottom .add_s__box--card{display:inline-flex;align-items:center;gap:6px;width:auto;height:auto;margin:10px 0 0;padding:2px 0;
	background:none!important;border:0!important;border-radius:0;box-shadow:none;
	color:#5B5E6E;font-size:14px;font-weight:600;line-height:1.3;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#A9ADBA;text-underline-offset:3px;cursor:pointer}
.product_bottom .add_s__box--card:hover{color:#27263F;text-decoration-style:solid;text-decoration-color:#27263F}
.product_bottom .add_s__box--card img{display:none}
.product_bottom .add_s__box--card span{padding-left:0}
.product_bottom .add_s__box--card.in-smeta{color:#1A7F37!important;background:none!important}
.product_bottom .add_s__box--card.in-smeta span::before{content:"✓ ";text-decoration:none;display:inline-block;margin-right:2px}

.add_s__box.pulse{transform:scale(.97);transition:transform .2s}

/* ===== Плитка: кнопка не «улетает» при наведении =====
   Скрипт Битрикса на hover фиксирует высоту карточки (style.height), а обёртка — flex-колонка с переносом:
   у высоких карточек («По запросу», длинное название) кнопка переносилась во вторую колонку справа. */
.product_box .our_prod__wrapper { flex-wrap: nowrap !important; }
.category_resultat__container:not(.items-list) .product_box { height: auto !important; }

/* ===== Попап «Товар добавлен в корзину»: две кнопки, вторая — светлая ===== */
.popup-window-buttons .btn-buy { min-width: 190px; height: 46px; padding: 0 22px; margin: 4px 5px !important; border-radius: 10px; font-weight: 700; }
.popup-window-buttons .btn-buy + .btn-buy { background: #fff !important; color: #27263F !important; border: 1.5px solid #D5D8E0 !important; }
.popup-window-buttons .btn-buy + .btn-buy:hover { border-color: #27263F !important; }

/* ===== Каталог: «Показать ещё» и пагинация (крупно, с воздухом) ===== */
[data-entity^="lazy-container"] { margin: 28px 0 0 !important; padding: 0; }
[data-entity^="lazy-container"] .btn,
[data-use^="show-more-"] {
	display: flex; align-items: center; justify-content: center;
	width: 100%; height: 56px; margin: 0 !important; padding: 0 24px;
	background: #fff !important; color: #27263F !important;
	border: 1.5px solid #E1E4EA !important; border-radius: 12px; box-shadow: none !important;
	font-family: Manrope, Arial, sans-serif; font-size: 16px; font-weight: 600; cursor: pointer;
	transition: border-color .2s ease, box-shadow .2s ease;
}
[data-use^="show-more-"]:hover { border-color: #27263F !important; box-shadow: 0 6px 18px rgba(39,38,63,.08) !important; }
[data-use^="show-more-"].disabled { opacity: .6; pointer-events: none; }

[data-pagination-num] { padding: 0; }
[data-pagination-num] .bx-pagination { margin: 28px 0 12px; }
[data-pagination-num] .bx-pagination .bx-pagination-container ul {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px;
	margin: 0; padding: 0; list-style: none;
}
[data-pagination-num] .bx-pagination .bx-pagination-container ul li { margin: 0; padding: 0; float: none; }
[data-pagination-num] .bx-pagination .bx-pagination-container ul li a,
[data-pagination-num] .bx-pagination .bx-pagination-container ul li span {
	display: flex; align-items: center; justify-content: center;
	min-width: 48px; height: 48px; padding: 0 14px; box-sizing: border-box;
	border: 0; border-radius: 24px; background: transparent;
	font-family: Manrope, Arial, sans-serif; font-size: 17px; font-weight: 500; line-height: 1;
	color: #27263F; text-decoration: none; transition: background .15s ease;
}
[data-pagination-num] .bx-pagination .bx-pagination-container ul li a { padding: 0; }
[data-pagination-num] .bx-pagination .bx-pagination-container ul li a:hover span { background: #ECEEF2; }
[data-pagination-num] .bx-pagination .bx-pagination-container ul li.bx-active span { background: #E31E24; color: #fff; }
/* «Назад» на первой странице и «Вперёд» на последней не нужны */
[data-pagination-num] .bx-pagination .bx-pag-prev:not(:has(a)),
[data-pagination-num] .bx-pagination .bx-pag-next:not(:has(a)) { display: none; }
[data-pagination-num] .bx-pagination .bx-pag-prev span,
[data-pagination-num] .bx-pagination .bx-pag-next span { padding: 0 20px; border: 1.5px solid #E1E4EA; font-size: 15px; }
[data-pagination-num] .bx-pagination .bx-pag-prev a:hover span,
[data-pagination-num] .bx-pagination .bx-pag-next a:hover span { border-color: #27263F; background: transparent; }
@media (max-width: 690px) {
	[data-pagination-num] .bx-pagination .bx-pagination-container ul li a,
	[data-pagination-num] .bx-pagination .bx-pagination-container ul li span { min-width: 42px; height: 42px; font-size: 16px; }
}

/* ===== Плитка: количество рядом с «В корзину» ===== */
.product_bottom { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 8px; align-items: center; }
.product_bottom > * { grid-column: 1 / -1; }
.product_bottom > .qty-step { grid-column: 1; grid-row: 1; }
.product_bottom > .qty-step ~ .add__box { grid-column: 2; grid-row: 1; }
.product_bottom > .add_s__box--card { grid-row: 2; justify-self: start; }
.qty-step { display: flex; align-items: stretch; height: 42px; border: 1.5px solid #E1E4EA; border-radius: 8px; background: #fff; overflow: hidden; }
.qty-step__btn { width: 32px; border: 0; background: transparent; color: #27263F; font-size: 20px; line-height: 1; cursor: pointer; padding: 0; }
.qty-step__btn:hover { background: #F2F3F6; }
.qty-step__btn.product-item-amount-field-btn-disabled { color: #C3C6CF; cursor: default; background: transparent; }
.qty-step__input { width: 40px; border: 0; padding: 0; text-align: center; font: 600 15px/1 Manrope, Arial, sans-serif; color: #27263F; background: transparent; -moz-appearance: textfield; appearance: textfield; }
.qty-step__input::-webkit-outer-spin-button, .qty-step__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.qty-step__input:focus { outline: none; background: #F7F8FA; }


/* ===== Плитка: цена сверху (как на ВсеИнструменты), ровные строки, кнопки прижаты к низу =====
   Порядок: фото → цена → производитель → название (до 3 строк, дальше «…») → артикул → наличие → кнопки.
   .items-grid — плитка в разделе каталога, .spare__cont — главная и «С этим товаром покупают». */
.items-grid .product_box,
.spare__cont .product_box { display: flex !important; flex-direction: column; }
.items-grid .our_prod__wrapper,
.spare__cont .our_prod__wrapper { display: flex !important; flex-direction: column; flex: 1 1 auto; flex-wrap: nowrap !important; height: auto !important; }
.items-grid .our_prod__top, .items-grid .our_b_br_box,
.spare__cont .our_prod__top, .spare__cont .our_b_br_box { display: contents !important; }

.items-grid .product_img,       .spare__cont .product_img       { order: 1; }
.items-grid .product_row_price, .spare__cont .product_row_price { order: 2; margin: 14px 0 6px !important; min-height: 34px; align-items: center !important; }
.items-grid .product_firm,      .spare__cont .product_firm      { order: 3; margin: 0 0 2px !important; }
.items-grid .product_title,     .spare__cont .product_title     { order: 4; }
.items-grid .product_art,       .spare__cont .product_art       { order: 5; }
.items-grid .product_aw,        .spare__cont .product_aw        { order: 6; }
.items-grid .product_bottom,    .spare__cont .product_bottom    { order: 7; margin-top: auto !important; padding-top: 14px !important; }
.items-grid .dop_spec_c,        .spare__cont .dop_spec_c        { position: absolute; top: 12px; right: 12px; z-index: 3; }

/* название — не больше 3 строк, дальше многоточие (полное — во всплывающей подсказке у ссылки) */
.items-grid .product_title, .spare__cont .product_title { min-height: 0 !important; margin: 0 0 6px !important; }
.items-grid .product_title a, .spare__cont .product_title a {
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden;
}
.items-grid .product_art, .spare__cont .product_art { margin: 0 0 4px !important; }
.items-grid .product_aw,  .spare__cont .product_aw  { margin: 0 !important; }

/* «Цена по запросу» — скромно: товара нет, акцентировать нечего */
.pr_now.pr_now--req, .pr_now.pr_now--req span { font-size: 16px !important; font-weight: 600 !important; color: #717088 !important; line-height: 1.3; }
.add__box--req { background: #fff !important; color: #27263F !important; border: 1.5px solid #D5D8E0 !important; }
.add__box--req:hover { border-color: #27263F !important; }

/* Ряды плитки выровнены по строкам: у всех карточек ряда цена, название, наличие и кнопки на одной линии
   (CSS subgrid; в старых браузерах остаётся выравнивание выше — тоже аккуратно). */
@supports (grid-template-rows: subgrid) {
	.items-grid.category_resultat__container { grid-auto-flow: row dense; row-gap: 10px; }
	.items-grid .product_box {
		display: grid !important; grid-template-rows: subgrid; grid-row: span 7; row-gap: 0;
		align-content: start; position: relative;
	}
	.items-grid .our_prod__wrapper { display: contents !important; }
	.items-grid .product_img       { grid-row: 1; }
	.items-grid .product_row_price { grid-row: 2; }
	.items-grid .product_firm      { grid-row: 3; }
	.items-grid .product_title     { grid-row: 4; }
	.items-grid .product_art       { grid-row: 5; }
	.items-grid .product_aw        { grid-row: 6; }
	.items-grid .product_bottom    { grid-row: 7; align-self: end; }
}

/* ===== Плитка: типографика цены и названия (как на макете) =====
   Цена — крупно и жирно, знак ₽ того же размера; название — обычным начертанием, спокойно. */
.items-grid .product_row_price, .spare__cont .product_row_price { gap: 0 !important; flex-wrap: wrap; align-items: baseline !important; font-size: 0 !important; } /* font-size:0 и gap:0 убирают отступ от пробела перед ценой */
.items-grid .pr_now, .spare__cont .pr_now { display: inline-flex; align-items: baseline; gap: 5px; }
.items-grid .pr_now, .spare__cont .pr_now,
.items-grid .pr_now span, .spare__cont .pr_now span {
	font-family: Manrope, Arial, sans-serif; font-size: 26px; font-weight: 800; line-height: 1.15; color: #27263F; letter-spacing: -.01em;
}
.items-grid .pr_now span, .spare__cont .pr_now span { margin: 0 !important; }
.items-grid .pr_old, .spare__cont .pr_old { margin-left: 10px; }
.items-grid .pr_old, .spare__cont .pr_old,
.items-grid .pr_old span, .spare__cont .pr_old span { font-size: 15px; font-weight: 500; color: #9A9DAA; text-decoration: line-through; }
.items-grid .product_title, .spare__cont .product_title,
.items-grid .product_title a, .spare__cont .product_title a {
	font-family: Manrope, Arial, sans-serif; font-size: 17px; font-weight: 400; line-height: 1.45; color: #27263F;
}
.items-grid .product_title a:hover, .spare__cont .product_title a:hover { color: #235ABC; }
.items-grid .product_aw, .spare__cont .product_aw { font-size: 15px; font-weight: 500; }
@media (max-width: 690px) {
	.items-grid .pr_now, .items-grid .pr_now span { font-size: 22px; }
	.items-grid .product_title, .items-grid .product_title a { font-size: 15px; }
}

/* ===== Раздел: краткое описание вверху, баннер между товарами, доп. материалы под каталогом ===== */
.section-intro { max-width: 900px; margin: 0 0 22px; font-size: 16px; line-height: 1.6; color: #4A4D5C; }
.section-intro p { margin: 0 0 8px; }
.section-banner { grid-column: 1 / -1; margin: 6px 0; border-radius: 15px; overflow: hidden; background: #fff; }
.section-banner img { display: block; width: 100%; height: auto; }
.section-extras { margin: 40px 0 10px; }
.section-extras__block { margin: 0 0 36px; }
.section-extras__title { margin: 0 0 16px; font-size: 24px; font-weight: 700; color: #27263F; }
.section-extras__top img, .section-extras__price img, .section-extras__faq img { max-width: 100%; height: auto; }
.section-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; }
.section-gallery__item { display: block; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: #fff; }
.section-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.section-gallery__item:hover img { transform: scale(1.04); }
.section-lightbox { position: fixed; inset: 0; z-index: 10001; display: flex; align-items: center; justify-content: center; background: rgba(15,15,25,.88); }
.section-lightbox__img { max-width: 92vw; max-height: 88vh; object-fit: contain; border-radius: 8px; background: #fff; }
.section-lightbox__x { position: absolute; top: 14px; right: 18px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; font-size: 30px; line-height: 1; cursor: pointer; }
.section-lightbox__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; border: 0; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; font-size: 34px; line-height: 1; cursor: pointer; }
.section-lightbox__prev { left: 16px; } .section-lightbox__next { right: 16px; }
.section-lightbox__x:hover, .section-lightbox__nav:hover { background: rgba(255,255,255,.25); }
@media (max-width: 690px) {
	.section-gallery { grid-template-columns: repeat(2, 1fr); }
	.section-extras__title { font-size: 20px; }
	.section-lightbox__nav { width: 40px; height: 40px; font-size: 26px; }
}

/* ===== Шапка: логотип в <picture> (с «25 лет на рынке» на компьютере) ===== */
.b_h_row_in > a.flex picture { display: block; max-width: 100%; }
.b_h_row_in > a.flex picture img { display: block; max-width: 100%; height: auto; }
@media (max-width: 970px) {
	.b_h_row_in > a.flex picture { width: 100%; }
	.b_h_row_in > a.flex picture img { width: 100%; height: auto; max-height: 40px; object-fit: contain; object-position: left center; }
}

/* ===== ПАЛИТРА: оранжевый убран. Акцент — синий #235ABC (фон #EAF0FA, рамка #A9C1EA),
   внимание/дефицит — красный #E31E24 (фон #FDECEC), второстепенное — серый #717088 / #27263F (фон #F5F6F8, рамка #E1E4EA).
   Иконки del2.svg, Vector2.svg, star2.svg, mingcute_file-check-fill.svg перекрашены в /image. ===== */
/* статусы наличия */
.product_aw.limited, .lv-stock--limited { color: #E31E24 !important; }
.product_aw.limited:before { background: #E31E24 !important; }
/* отзывы, ссылки */
.count_rew, .count_rew:hover { color: #235ABC !important; }
.count_rew:hover { text-decoration: underline; }
.f_display_right_cat, .f_display_right_link a span, .line_sale_t_line span, .how_way_right a { color: #235ABC !important; }
/* смета: кнопка в карточке товара и в списке */
.add_s__box { color: #235ABC !important; border-color: #A9C1EA !important; background: #EAF0FA !important; }
.add_s__box:hover { border-color: #235ABC !important; }
.add_s__box.in-smeta, .lv-btn--smeta.in-smeta { color: #fff !important; border-color: #235ABC !important; background: #235ABC !important; }
.add_s__box.in-smeta img, .lv-btn--smeta.in-smeta svg { filter: brightness(0) invert(1); }
.product_bottom .add_s__box--card.in-smeta { color: #235ABC !important; background: none !important; border: 0 !important; }
.product_bottom .add_s__box--card.in-smeta img { filter: none; }
.lv-btn--smeta { color: #235ABC !important; border-color: #A9C1EA !important; background: #EAF0FA !important; }
.lv-btn--smeta:hover { border-color: #235ABC !important; background: #DDE8F8 !important; }
/* строка «Добавить в смету» в плитке — остаётся серой, без изменений */
/* предпродажная подготовка */
.preparation_box { background: #EAF0FA !important; }
.preparation_inp { border-color: #235ABC !important; }
.preparation_row.active span, .preparation_box23 .preparation_header_r p:last-child { color: #235ABC !important; }
/* иконка доставки в карточке товара */
.delive__icon.delive__icon2 { background: #EAF0FA !important; }
/* кнопка Яндекс и блок «как проехать» */
.yandex__btn { border-color: #A9C1EA !important; background: #EAF0FA !important; }
.yandex__btn span { color: #235ABC !important; }
.how_way_box3 { background: #F5F6F8 !important; }
/* правый блок на главной (был персиковый) */
.f_display_right_box { border-color: #C9D8F2 !important; background: linear-gradient(105deg, #F2F6FD 7.21%, #DDE8F8 97.06%) !important; }
/* уведомления «внимание» */
.notification-icon.warning, .notification.standart .notification-icon { background: #EAF0FA !important; color: #235ABC !important; }
.notification.standart { border-color: #235ABC !important; }

/* ===== Карточка товара: без иконки у кнопки сметы, «Доставка и самовывоз» без иконок; каталог: статусы 12px ===== */
.product__btns_bot .add_s__box img[src*="mingcute_file-check-fill"] { display: none !important; }
.product__btns_bot .add_s__box span { padding-left: 0 !important; }
.delive__box .delive__icon { display: none !important; }
.delive__box .delive__row_in { gap: 0 !important; }
.items-grid .product_aw, .spare__cont .product_aw, .items-list .lv-stock { font-size: 12px !important; font-weight: 600; }

/* ===== Каталог: статусы наличия — тонко, без точки: зелёный «в наличии»/«ограничено», серый «под заказ» ===== */
.items-grid .product_aw, .spare__cont .product_aw, .items-list .lv-stock { font-weight: 400 !important; padding-left: 0 !important; }
.items-grid .product_aw:before, .spare__cont .product_aw:before, .items-list .lv-stock::before { display: none !important; }
.items-grid .product_aw.in_presence, .items-grid .product_aw.limited,
.spare__cont .product_aw.in_presence, .spare__cont .product_aw.limited,
.items-list .lv-stock--in, .items-list .lv-stock--limited { color: #3A9B3A !important; }
.items-grid .product_aw.under, .spare__cont .product_aw.under, .items-list .lv-stock--order { color: #8A8C99 !important; }

/* ===== СТИКЕРЫ: Хит продаж — фиолетовый, Новинка — синий, Акция — красный, Рекомендуем — зелёный.
   Скруглённые плашки, белый текст. Плитка и главная — поверх фото слева сверху, список — над фото, карточка товара — в .product_tags.
   Процент скидки — зелёная плашка у нижнего края фото (плитка) и рядом с ценой (карточка товара). ===== */
.lv-badge, .product_tag.sticker {
	display: inline-flex !important; align-items: center; height: 22px !important; padding: 0 8px !important;
	border: 0 !important; border-radius: 6px !important; color: #fff !important;
	font-size: 12px !important; font-weight: 600 !important; line-height: 1 !important; white-space: nowrap; letter-spacing: .1px;
}
.lv-badge::before, .product_tag.sticker span:before, .product_tag.sticker:before { display: none !important; content: none !important; }
.product_tag.sticker span { color: #fff !important; font-size: 12px !important; font-weight: 600 !important; padding: 0 !important; }
.lv-badge--hit,  .product_tag.sticker--hit  { background: #7B3FE4 !important; }
.lv-badge--new,  .product_tag.sticker--new  { background: #235ABC !important; }
.lv-badge--sale, .product_tag.sticker--sale { background: #E31E24 !important; }
.lv-badge--rec,  .product_tag.sticker--rec  { background: #2E9E4F !important; }

/* плитка в разделе и ленты на главной / «С этим товаром покупают» */
.items-grid .product_box, .spare__cont .product_box { position: relative; }
.items-grid .lv-badges, .spare__cont .lv-badges {
	display: flex !important; flex-wrap: wrap; gap: 4px; position: absolute; top: 12px; left: 12px; right: 48px; z-index: 3; pointer-events: none;
}
.items-list .lv-badges { gap: 4px; }

/* процент скидки — в строке цены, после зачёркнутой (плитка, ленты, список) */
.lv-discount { display: none; }
.items-grid .lv-discount, .spare__cont .lv-discount, .items-list .lv-discount {
	display: inline-flex; align-items: center; height: 24px; padding: 0 7px; margin-left: 8px; border-radius: 7px;
	background: #3A9B3A; color: #fff; font-size: 13px; font-weight: 700; line-height: 1; white-space: nowrap; flex: 0 0 auto;
}
.product_sale {
	display: inline-flex !important; align-items: center; height: 24px; padding: 0 8px !important; border-radius: 8px !important;
	background: #3A9B3A !important; color: #fff !important; font-size: 14px !important; font-weight: 700 !important; border: 0 !important;
}

/* ===== Карточка товара: статус наличия — простой текст, без рамки, заливки и точки (как в каталоге).
   Зелёный — «В наличии», «В наличии · много», «Количество ограничено»; серый — «Под заказ». ===== */
.product_tag.availability, .product_tag.no_availability, .product_tag.no_availability2 {
	border: 0 !important; background: none !important; padding: 0 !important; height: auto !important; min-height: 0 !important;
	border-radius: 0 !important; box-shadow: none !important;
}
.product_tag.availability:before, .product_tag.no_availability:before, .product_tag.no_availability2:before,
.product_tag.availability span:before, .product_tag.no_availability span:before, .product_tag.no_availability2 span:before { display: none !important; content: none !important; }
.product_tag.availability span, .product_tag.no_availability span, .product_tag.no_availability2 span {
	font-size: 14px !important; font-weight: 400 !important; line-height: 1.3 !important; padding: 0 !important;
}
.product_tag.availability, .product_tag.availability span,
.product_tag.no_availability2, .product_tag.no_availability2 span { color: #3A9B3A !important; }
.product_tag.no_availability, .product_tag.no_availability span { color: #8A8C99 !important; }
.product_tags { align-items: center; }

.items-list .lv-price .lv-discount { align-self: center; }

/* ===== Предпродажная подготовка: цена сразу в строке, чекбокс — тёмно-синий ===== */
.preparation_row { display: flex !important; align-items: center; }
.preparation_row > span { min-width: 0 !important; }
.preparation_imgs { display: flex !important; align-items: center; gap: 10px; margin-left: auto; }
.preparation_imgs .option-price {
	position: static !important; opacity: 1 !important; visibility: visible !important; order: -1;
	background: none !important; padding: 0 !important; margin: 0 !important; min-width: 0 !important;
	font-size: 14px !important; font-weight: 600 !important; color: #27263F !important; white-space: nowrap;
}
.preparation_row.active .option-price { color: #183F86 !important; }
.preparation_inp {
	position: relative; flex: 0 0 auto; width: 18px !important; height: 18px !important; border-radius: 4px !important;
	border: 1.5px solid #183F86 !important; background: #fff !important; box-sizing: border-box;
}
.preparation_inp img { display: none !important; }
.preparation_row.active .preparation_inp { background: #183F86 !important; border-color: #183F86 !important; }
.preparation_row.active .preparation_inp::after {
	content: ""; position: absolute; left: 5px; top: 1.5px; width: 5px; height: 9px;
	border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.preparation_row.active > span { color: #183F86 !important; }

/* ===== Главная: «Нам доверяют» — сетка логотипов (/image/trust/) ===== */
.trust_logos { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.trust_logo { height: 120px; border-radius: 20px; background: #fff; display: flex; align-items: center; justify-content: center; padding: 22px 26px; }
.trust_logo img { max-width: 100%; max-height: 64px; width: auto; height: auto; object-fit: contain; display: block; }
@media (max-width: 992px) { .trust_logos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 768px) { .trust_logos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .trust_logo { height: 84px; padding: 14px 18px; border-radius: 16px; } .trust_logo img { max-height: 44px; } }
/* страницы новой вёрстки (о компании, контакты, доставка) */
.content_block.ap-content { padding-bottom: 0; }

/* ===== Карточки товара как в новом макете: без иконки корзины, скругления крупнее
   (каталог плиткой и списком, главная, «С этим товаром покупают») ===== */
.items-grid .product_box, .spare__cont .product_box, .items-list .product_box { border-radius: 24px !important; }
.product_box .add__box, .product_box .add__box--req, .product_box .qty-step, .lv-btn { border-radius: 12px !important; }
.product_box .add__box img, .lv-btn--cart svg { display: none !important; }
.product_box .add__box { gap: 0; justify-content: center; }
.items-list .lv-panel__box { border-radius: 18px !important; }
.product_img, .product-slider__link { border-radius: 14px; }

/* ===== Фото в карточке (плитка каталога, «С этим товаром покупают», главная): на всю ширину блока, высота 200px.
   Раньше картинка была зажата в квадрат ~143px по центру. Стикеры лежат поверх фото. ===== */
.items-grid .product_box .product_img, .spare__cont .product_box .product_img { height: 200px !important; width: 100% !important; margin: 0 !important; }
.items-grid .product_box .product-slider__link, .spare__cont .product_box .product-slider__link { width: 100% !important; height: 100% !important; }
.items-grid .product_box .product_img img, .spare__cont .product_box .product_img img,
.items-grid .product_box .product-slider__img, .spare__cont .product_box .product-slider__img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; object-fit: contain; }
@media (max-width: 768px) {
	.items-grid .product_box .product_img, .spare__cont .product_box .product_img { height: 170px !important; }
}
/* точки галереи под фото: фото на всю высоту блока перекрывало их середину («зубы» по краям) — поднимаем точки над фото */
.product_box .product-slider__dots { position: relative !important; z-index: 3 !important; }   /* старые стили сайта ставили static — без этого фото перекрывало точки */
.items-grid .product_box .product-slider__link, .spare__cont .product_box .product-slider__link { height: calc(100% - 12px) !important; }

/* End */


/* Start:/local/templates/.default/avtoprom/css/avtoprom.css?179241477379218*/
/* =========================================================
   АВТОПРОМ — стили редизайна (главная, контакты, о компании, доставка)
   Все классы с префиксом .ap- , корневой контейнер .ap
   Шрифт: Manrope (Google Fonts), подключается в <head>
   ========================================================= */

.ap {
  --ap-text: #1F2229;
  --ap-muted: #6B7280;
  --ap-muted-2: #4A4E57;
  --ap-bg: #F2F3F5;
  --ap-soft: #F5F6F8;
  --ap-line: #E6E8EC;
  --ap-red: #E31E24;
  --ap-blue: #235ABC;
  --ap-blue-soft: #EAF0FB;
  --ap-green: #1A8048;
  --ap-amber: #B45309;
  --ap-dark: #1E2127;
  --ap-radius: 28px;
  --ap-radius-s: 14px;
  --ap-shadow: 0 8px 24px rgba(16, 18, 22, .06);
  --ap-gutter: 24px;

  font-family: Manrope, Arial, sans-serif;
  color: var(--ap-text);
  background: var(--ap-bg);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.ap *, .ap *::before, .ap *::after { box-sizing: border-box; }
.ap img { max-width: 100%; display: block; }
.ap a { color: inherit; text-decoration: none; transition: color .18s ease, background-color .18s ease, box-shadow .22s ease, transform .22s ease, filter .18s ease, border-color .18s ease; }
.ap button { font: inherit; cursor: pointer; }
.ap h1, .ap h2, .ap h3, .ap p, .ap ul, .ap figure { margin: 0; }
/* сброс глобальных стилей заголовков шаблона сайта (h2 синий, 40px, капсом) — до классов вёрстки */
.ap h2, .ap h3, .ap h4 { color: inherit; font-family: inherit; text-transform: none; }
.ap .ap-h2 { text-transform: uppercase; }
.ap a:focus-visible, .ap button:focus-visible, .ap input:focus-visible { outline: 3px solid var(--ap-blue); outline-offset: 2px; }
.ap-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- layout ---------- */
.ap-container { max-width: 1328px; margin: 0 auto; padding: 0 var(--ap-gutter); }
.ap-section { margin-top: 64px; }
.ap-section--lg { margin-top: 56px; }
.ap-page { padding-bottom: 72px; }
.ap-panel { background: #FFFFFF; border-radius: var(--ap-radius); padding: 32px; }
.ap-panel--lg { padding: 48px; }
.ap-stack { display: flex; flex-direction: column; gap: 14px; }

.ap-grid { display: grid; gap: 16px; }
.ap-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ap-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ap-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ap-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ap-grid--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.ap-grid--tight { gap: 12px; }

/* ---------- typography ---------- */
.ap-h1 { font-size: 32px; font-weight: 800; line-height: 1.2; letter-spacing: -.015em; }
.ap-h2 { font-size: 32px; font-weight: 800; line-height: 1.15; letter-spacing: -.01em; text-transform: uppercase; }
.ap-h2 .ap-accent, .ap-accent { color: var(--ap-blue); }
.ap-title { font-size: 26px; font-weight: 800; line-height: 1.2; letter-spacing: -.01em; }
.ap-lead { font-size: 16px; line-height: 1.6; color: var(--ap-muted-2); max-width: 760px; }
.ap-text { font-size: 15px; line-height: 1.65; color: var(--ap-muted); }
.ap-small { font-size: 13px; color: var(--ap-muted); }
.ap-eyebrow { font-size: 13px; font-weight: 700; color: var(--ap-muted); text-transform: uppercase; letter-spacing: .06em; }
.ap-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; flex-wrap: wrap; }
.ap-more { font-size: 15px; font-weight: 600; white-space: nowrap; }
.ap-more:hover { color: var(--ap-red); }
.ap-more .ap-arrow, .ap-arrow { display: inline-block; transition: transform .2s ease; }
.ap-more:hover .ap-arrow, .ap-card:hover .ap-arrow { transform: translateX(3px); }
.ap-crumbs { font-size: 14px; color: var(--ap-muted); }
.ap-crumbs a:hover { color: var(--ap-red); }
.ap-crumbs span { margin: 0 8px; }

/* ---------- buttons ---------- */
.ap-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 24px; border: 0; border-radius: 12px; font-size: 15px; font-weight: 700; white-space: nowrap; }
.ap-btn--red { background: var(--ap-red); color: #FFFFFF !important; }
.ap-btn--red:hover { filter: brightness(.92); }
.ap-btn--light { background: var(--ap-soft); color: var(--ap-text); }
.ap-btn--light:hover { background: #E9EBEF; }
.ap-btn--ghost { background: transparent; border: 1.5px solid #D6D9E0; color: var(--ap-text); }
.ap-btn--ghost:hover { border-color: var(--ap-blue); color: var(--ap-blue); }
.ap-btn--white { background: #FFFFFF; color: var(--ap-text); }
.ap-btn--block { width: 100%; }
.ap-btn--s { height: 40px; padding: 0 16px; font-size: 14px; }
.ap-btn--l { height: 52px; }
.ap-icon-btn { flex: none; width: 36px; height: 36px; border: 0; border-radius: 9px; background: var(--ap-soft); color: var(--ap-text); display: inline-flex; align-items: center; justify-content: center; }
.ap-icon-btn:hover { background: #E9EBEF; }
.ap-icon-btn.is-done, .ap-copy.is-done { background: #1F9D55 !important; color: #FFFFFF !important; }
.ap-chip { display: inline-flex; align-items: center; height: 34px; padding: 0 12px; border-radius: 9px; background: var(--ap-soft); font-size: 13px; font-weight: 600; }
.ap-pill { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: #FFFFFF; font-size: 13px; font-weight: 700; }
.ap-dot { width: 8px; height: 8px; border-radius: 50%; background: #1F9D55; flex: none; }
.ap-ico { flex: none; width: 44px; height: 44px; border-radius: 12px; background: var(--ap-blue-soft); color: var(--ap-blue); display: inline-flex; align-items: center; justify-content: center; }
.ap-ico--s { width: 40px; height: 40px; }
.ap-ico--grey { background: var(--ap-soft); color: var(--ap-text); }

/* ---------- cards ---------- */
.ap-card { display: flex; flex-direction: column; background: #FFFFFF; border-radius: var(--ap-radius); overflow: hidden; }
.ap-card:hover { box-shadow: var(--ap-shadow); }
.ap-card:hover .ap-card__title { color: var(--ap-red); }
.ap-zoom { overflow: hidden; }
.ap-zoom img { transition: transform .4s ease; }
.ap-card:hover .ap-zoom img, .ap-zoom:hover img { transform: scale(1.04); }
.ap-cover { width: 100%; height: 100%; object-fit: cover; }

/* =========================================================
   ШАПКА (перенести в header.php шаблона)
   ========================================================= */
.ap-header { background: #FFFFFF; position: relative; z-index: 50; }
.ap-topline { height: 36px; display: flex; align-items: center; gap: 22px; font-size: 13px; white-space: nowrap; }
.ap-topline__item { display: flex; align-items: center; gap: 6px; color: var(--ap-muted); }
.ap-topline__links { margin-left: auto; display: flex; gap: 22px; }
.ap-topline__links a:hover { color: var(--ap-blue); }
.ap-ticker { background: var(--ap-blue); color: #FFFFFF; height: 30px; overflow: hidden; white-space: nowrap; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.ap-ticker__track { display: inline-flex; align-items: center; height: 30px; gap: 28px; padding-left: 28px; animation: ap-tick 40s linear infinite; }
.ap-ticker__track i { font-style: normal; opacity: .6; }
@keyframes ap-tick { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .ap-ticker__track { animation: none; } }
.ap-mainbar { height: 76px; display: flex; align-items: center; gap: 12px; }
.ap-logo img { height: 44px; width: auto; margin-right: 4px; }
.ap-catbtn { height: 46px; padding: 0 18px; }
.ap-catbtn > span { display: inline-flex; align-items: center; }
.ap-catbtn { position: relative; z-index: 61; }
.ap-catbtn .ap-catbtn__close { display: none; }
.ap-catbtn[aria-expanded="true"] .ap-catbtn__open { display: none; }
.ap-catbtn[aria-expanded="true"] .ap-catbtn__close { display: inline-flex; }
.ap-search { flex: 1; min-width: 0; display: flex; height: 46px; border-radius: 12px; border: 1.5px solid #D6D9E0; overflow: hidden; background: var(--ap-soft); }
.ap-search:focus-within { border-color: var(--ap-blue); background: #FFFFFF; box-shadow: 0 0 0 4px rgba(35, 90, 188, .1); }
.ap-search input { flex: 1; min-width: 0; border: 0; padding: 0 16px; font: inherit; font-size: 14px; outline: none; background: transparent; }
.ap-search button { width: 52px; border: 0; background: transparent; color: var(--ap-text); display: flex; align-items: center; justify-content: center; }
.ap-search button:hover { color: var(--ap-blue); }
.ap-contacts { display: flex; flex-direction: column; align-items: flex-end; margin: 0 2px 0 4px; white-space: nowrap; }
.ap-contacts { gap: 2px; }
.ap-contacts a { display: flex; align-items: center; gap: 7px; }
.ap-contacts a svg { color: var(--ap-muted); }
.ap-contacts__phone { font-size: 17px; font-weight: 800; }
.ap-contacts__mail { font-size: 14px; color: var(--ap-muted) !important; }
.ap-contacts__mail:hover, .ap-contacts__phone:hover { color: var(--ap-red) !important; }
.ap-hic { display: flex; flex-direction: column; align-items: center; gap: 3px; min-width: 52px; font-size: 12px; font-weight: 500; }
.ap-hic:hover { color: var(--ap-blue); }
.ap-nav { height: 44px; display: flex; align-items: center; gap: 26px; font-size: 14px; font-weight: 600; white-space: nowrap; }
.ap-nav a:hover { color: var(--ap-blue); }
.ap-nav__sale { display: flex; align-items: center; gap: 6px; color: var(--ap-red); }
.ap-nav__b2b { margin-left: auto; display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 14px; border-radius: 10px; background: var(--ap-blue-soft); color: var(--ap-blue) !important; }
.ap-nav__b2b:hover { background: #DCE6F8; }

/* каталог (мега-меню) */
.ap-catwrap { position: relative; flex: none; }
.ap-mega { position: absolute; left: 0; top: calc(100% + 10px); width: min(920px, calc(100vw - 460px)); display: none; z-index: 60; }
.ap-mega.is-open { display: block; }
.ap-mega__overlay { position: fixed; inset: 0; background: rgba(16, 18, 22, .25); z-index: -1; }
.ap-mega__panel { position: relative; display: grid; grid-template-columns: 300px minmax(0, 1fr); background: #FFFFFF; border-radius: 20px; box-shadow: 0 24px 48px rgba(16, 18, 22, .18); max-height: 620px; overflow: hidden; }
.ap-mega__roots { border-right: 1px solid var(--ap-line); padding: 12px; overflow-y: auto; max-height: 620px; }
.ap-mega__root { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 0; border-radius: 10px; background: transparent; text-align: left; font-size: 14px; font-weight: 600; color: var(--ap-text); }
.ap-mega__root span { color: var(--ap-muted); font-weight: 500; font-size: 13px; }
.ap-mega__root:hover, .ap-mega__root.is-active { background: var(--ap-soft); color: var(--ap-red); }
.ap-mega__body { padding: 24px 28px; overflow-y: auto; max-height: 620px; }
.ap-mega__pane { display: none; }
.ap-mega__pane.is-active { display: block; }
.ap-mega__title { font-size: 22px; font-weight: 800; margin-bottom: 16px; }
.ap-mega__subs { columns: 2; column-gap: 32px; }
.ap-mega__subs a { display: flex; justify-content: space-between; gap: 10px; padding: 7px 0; font-size: 14px; break-inside: avoid; }
.ap-mega__subs a span { color: var(--ap-muted); }
.ap-mega__subs a:hover { color: var(--ap-red); }

/* =========================================================
   ГЛАВНАЯ
   ========================================================= */
/* hero */
.ap-hero { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 16px; margin-top: 20px; height: 420px; }
.ap-slider { position: relative; border-radius: var(--ap-radius); overflow: hidden; background: #FFFFFF !important; }
.ap-slide { position: absolute; inset: 0; display: grid; grid-template-columns: minmax(0, 1fr) 400px; align-items: center; padding: 0 40px 0 56px; opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility .5s; }
.ap-slide.is-active { opacity: 1; visibility: visible; }
.ap-slide__text { display: flex; flex-direction: column; gap: 14px; position: relative; z-index: 1; padding-bottom: 36px; max-width: 460px; }
.ap-slide__tag { align-self: flex-start; padding: 5px 12px; border-radius: 999px; background: var(--ap-soft); font-size: 12px; font-weight: 700; color: var(--ap-muted-2); }
.ap-slide__title { font-size: 38px; font-weight: 800; line-height: 1.08; letter-spacing: -.02em; }
.ap-slide__sub { font-size: 15px; line-height: 1.55; color: var(--ap-muted-2); }
.ap-slide__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ap-slide__chips span { padding: 6px 12px; border-radius: 9px; background: #FFFFFF; font-size: 13px; font-weight: 600; }
.ap-slide__buy { display: flex; align-items: center; gap: 20px; margin-top: 6px; }
.ap-slide__price { font-size: 28px; font-weight: 800; white-space: nowrap; }
.ap-slide__img { height: 330px; display: flex; align-items: center; justify-content: center; }
.ap-slide__img img { max-height: 100%; max-width: 100%; object-fit: contain; }
.ap-slide__photo { position: absolute; top: 20px; right: 20px; bottom: 20px; width: 44%; border-radius: 20px; overflow: hidden; }
.ap-slider__ctrl { position: absolute; left: 56px; bottom: 20px; z-index: 6; display: flex; align-items: center; gap: 10px; }
.ap-slider__arr { width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--ap-soft); color: var(--ap-text); font-size: 18px; line-height: 1; }
.ap-slider__arr:hover { background: var(--ap-text); color: #FFFFFF; }
.ap-slider__dots { display: flex; gap: 6px; }
.ap-slider__dots button { width: 8px; height: 4px; padding: 0; border: 0; border-radius: 4px; background: rgba(31, 34, 41, .22); transition: width .3s ease, background-color .3s ease; }
.ap-slider__dots button.is-active { width: 22px; background: var(--ap-red); }
.ap-side { display: grid; grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; min-height: 0; }
.ap-side__card { display: grid; grid-template-columns: minmax(0, 1fr) 160px; gap: 16px; padding: 20px; min-height: 0; border-radius: var(--ap-radius); background: #FFFFFF; overflow: hidden; }
.ap-side__card:hover { box-shadow: var(--ap-shadow); }
.ap-side__body { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ap-side__title { font-size: 22px; font-weight: 800; line-height: 1.15; letter-spacing: -.01em; }
.ap-side__card:hover .ap-side__title { color: var(--ap-red); }
.ap-side__text { font-size: 14px; line-height: 1.45; color: var(--ap-muted); }
.ap-side__btn { margin-top: auto; align-self: flex-start; height: 38px; }
.ap-side__photo { border-radius: 18px; overflow: hidden; background: var(--ap-soft); }

/* полоса преимуществ */
.ap-adv { margin-top: 16px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; padding: 28px 36px; }
.ap-adv__item { display: flex; align-items: center; gap: 16px; min-width: 0; }
.ap-adv__item b { display: block; font-size: 17px; font-weight: 800; line-height: 1.25; }
.ap-adv__item > span:last-child > span { display: block; font-size: 14px; color: var(--ap-muted); line-height: 1.4; margin-top: 2px; }
.ap-adv__ico { flex: none; width: 56px; height: 56px; border-radius: 14px; background: var(--ap-soft); color: var(--ap-text); display: flex; align-items: center; justify-content: center; }
.ap-adv__ico .ap-adv__sym { font-size: 19px; font-weight: 800; }

/* промо-баннер (в стиле ВИ / Кувалды) */
.ap-slide--promo { padding: 0 0 0 56px; overflow: hidden; background: linear-gradient(180deg, #F4F5F7 0%, #E6E9ED 100%); }
.ap-slide--promo .ap-slide__text { max-width: 470px; padding-bottom: 40px; gap: 16px; z-index: 4; }
.ap-promo__title { font-size: 50px; font-weight: 800; line-height: 1.0; letter-spacing: -.03em; }
.ap-promo__sub { font-size: 21px; line-height: 1.35; color: var(--ap-text); }
.ap-promo__btn { align-self: flex-start; height: 58px; padding: 0 34px; border-radius: 16px; font-size: 19px; margin-top: 8px; }
.ap-promo__img { position: absolute; right: 16px; bottom: 14px; width: 48%; height: 84%; display: flex; align-items: flex-end; justify-content: center; z-index: 2; }
.ap-promo__img img { max-width: 100%; max-height: 100%; object-fit: contain; filter: drop-shadow(0 26px 22px rgba(16, 18, 22, .22)); }
.ap-promo__ribbon { position: absolute; left: 48%; top: 66%; width: 70%; transform: rotate(-11deg); transform-origin: left center; background: var(--ap-red); color: #FFFFFF; white-space: nowrap; overflow: hidden; height: 46px; display: flex; align-items: center; gap: 28px; padding-left: 20px; font-size: 22px; font-weight: 800; letter-spacing: .04em; z-index: 3; opacity: .96; box-shadow: 0 8px 18px rgba(227, 30, 36, .25); }
.ap-promo__ribbon span { flex: none; }
.ap-promo__sticker { position: absolute; right: 7%; top: 9%; z-index: 3; width: 128px; height: 128px; border-radius: 50%; background: var(--ap-red); color: #FFFFFF; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 23px; font-weight: 800; line-height: 1.05; transform: rotate(-10deg); box-shadow: 0 10px 22px rgba(227, 30, 36, .3); padding: 10px; }

/* быстрые ссылки */
.ap-quick { margin-top: 16px; }
.ap-quick__item { height: 68px; border-radius: 16px; background: #FFFFFF; display: flex; align-items: center; gap: 12px; padding: 0 16px; font-size: 14px; font-weight: 600; line-height: 1.25; }
.ap-quick__item:hover { box-shadow: var(--ap-shadow); color: var(--ap-red); }

/* плитки категорий */
.ap-tile { height: 300px; border-radius: 24px; background: var(--ap-soft); padding: 20px 20px 16px; display: flex; flex-direction: column; gap: 4px; overflow: hidden; }
.ap-tile--white { background: #FFFFFF; height: 300px; }
.ap-tile:hover { box-shadow: var(--ap-shadow); }
.ap-tile__title { font-size: 15px; font-weight: 700; line-height: 1.3; }
.ap-tile:hover .ap-tile__title { color: var(--ap-red); }
.ap-tile__count { font-size: 13px; color: var(--ap-muted); }
.ap-tile__img { flex: 1; min-height: 0; margin-top: 12px; display: flex; align-items: center; justify-content: center; }
.ap-tile__img img { width: 100%; height: 100%; object-fit: contain; object-position: center; mix-blend-mode: multiply; transition: transform .4s ease; }
.ap-tile:hover .ap-tile__img img { transform: scale(1.04); }

/* товары */
.ap-tabs { display: flex; gap: 6px; padding: 4px; border-radius: 12px; background: #FFFFFF; }
.ap-tabs button { height: 34px; padding: 0 16px; border: 0; border-radius: 9px; background: transparent; font-size: 14px; font-weight: 600; color: var(--ap-text); }
.ap-tabs button:hover { background: var(--ap-soft); }
.ap-tabs button[aria-selected="true"] { background: var(--ap-blue-soft); color: var(--ap-blue); }
.ap-head__right { display: flex; align-items: center; gap: 20px; }
.ap-product { display: flex; flex-direction: column; padding: 16px 16px 18px; border-radius: 24px; background: #FFFFFF; }
.ap-product:hover { box-shadow: var(--ap-shadow); }
.ap-product__img { display: block; height: 200px; border-radius: 12px; }
.ap-product__img img { width: 100%; height: 100%; object-fit: contain; }
.ap-product__price { display: flex; align-items: baseline; gap: 8px; margin-top: 12px; font-size: 20px; font-weight: 800; flex-wrap: wrap; }
.ap-product__price s { font-size: 13px; font-weight: 400; color: var(--ap-muted); }
.ap-product__name { margin-top: 6px; font-size: 14px; line-height: 1.4; height: 59px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ap-product:hover .ap-product__name { color: var(--ap-red); }
.ap-product__stock { margin-top: 8px; display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ap-amber); }
.ap-product__stock::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.ap-product__stock--ok { color: var(--ap-green); }
.ap-product .ap-btn { margin-top: 12px; height: 42px; }

/* собственное производство */
.ap-own { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 16px; }
.ap-own__intro { display: flex; flex-direction: column; gap: 14px; }
.ap-own__list { display: flex; flex-direction: column; gap: 11px; margin-top: 6px; }
.ap-own__list a { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; }
.ap-own__list a span { color: var(--ap-muted); }
.ap-own__list a:hover { color: var(--ap-red); }
.ap-own__intro .ap-btn { margin-top: auto; }

/* сервис */
.ap-svc__img { position: relative; height: 220px; }
.ap-svc__price { position: absolute; left: 16px; bottom: 16px; padding: 7px 12px; border-radius: 10px; background: #FFFFFF; font-size: 15px; font-weight: 800; }
.ap-svc__body { padding: 24px 28px 28px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.ap-card__title { font-size: 20px; font-weight: 800; transition: color .18s ease; }
.ap-check { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 7px; font-size: 14px; }
.ap-check li { display: flex; gap: 8px; align-items: flex-start; }
.ap-check li::before { content: ""; flex: none; width: 16px; height: 16px; margin-top: 2px; background: no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232FA866' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E"); }
.ap-svc__link { margin-top: auto; padding-top: 8px; font-size: 14px; font-weight: 700; }

/* о компании (главная) */
.ap-about { display: grid; grid-template-columns: minmax(0, 1fr) 560px; gap: 40px; }
.ap-nums { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 6px; }
.ap-num { padding: 18px; border-radius: 18px; background: var(--ap-soft); display: flex; flex-direction: column; gap: 2px; }
.ap-num b { font-size: 24px; font-weight: 800; color: var(--ap-blue); white-space: nowrap; }
.ap-num span { font-size: 13px; color: var(--ap-muted); }
.ap-collage { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 1fr 1fr; gap: 12px; min-height: 360px; }
.ap-collage > :first-child { grid-row: span 2; }
.ap-collage > * { border-radius: 16px; }

/* почему */
.ap-why { display: flex; flex-direction: column; gap: 12px; padding: 28px 28px 32px; }
.ap-why .ap-ico { margin-bottom: 6px; }
.ap-why__bar { width: 44px; height: 8px; border-radius: 0 0 6px 6px; background: var(--ap-red); margin-bottom: 18px; }
.ap-why__title { font-size: 20px; font-weight: 800; line-height: 1.25; letter-spacing: -.01em; }
.ap-why .ap-text { font-size: 15px; line-height: 1.55; }

/* смета */
.ap-smeta { position: relative; overflow: hidden; border-radius: var(--ap-radius); background: var(--ap-blue); color: #FFFFFF; padding: 32px 40px; display: grid; grid-template-columns: 64px minmax(0, 1fr) 470px; align-items: center; gap: 24px; }
.ap-smeta::before { content: ""; position: absolute; right: -60px; top: -90px; width: 260px; height: 260px; border-radius: 50%; border: 40px solid rgba(255, 255, 255, .06); }
.ap-smeta__ico { width: 64px; height: 64px; border-radius: 18px; background: rgba(255, 255, 255, .12); display: flex; align-items: center; justify-content: center; }
.ap-smeta__title { font-size: 26px; font-weight: 800; text-transform: uppercase; line-height: 1.15; }
.ap-smeta__text { font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, .85); margin-top: 6px; }
.ap-smeta__form { position: relative; display: flex; gap: 10px; }
.ap-mailbox { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; height: 52px; padding: 0 8px 0 16px; border-radius: 12px; background: #FFFFFF; color: var(--ap-text); }
.ap-mailbox a { flex: 1; min-width: 0; font-size: 16px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* CTA-карточка (смета) */
.ap-cta { display: grid; grid-template-columns: minmax(0, 1fr) 460px; gap: 40px; align-items: center; padding: 48px; }
.ap-cta__text { display: flex; flex-direction: column; gap: 16px; }
.ap-cta__text .ap-text { max-width: 560px; font-size: 16px; }
.ap-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.ap-mailbox--grey { flex: 0 1 320px; background: var(--ap-soft); }
.ap-mailbox--grey .ap-icon-btn { background: #FFFFFF; }
.ap-cta__img { height: 260px; border-radius: 22px; }

/* выгодные предложения */
.ap-promo-card { padding: 20px 20px 0; gap: 14px; }
.ap-promo-card__title { font-size: 17px; line-height: 1.3; min-height: 44px; }
.ap-promo-card__img { display: block; margin: 0 -20px; aspect-ratio: 3 / 2; background: #FFFFFF; }
.ap-promo-card__img img { width: 100%; height: 100%; object-fit: contain; }
.ap-promos__more { display: flex; justify-content: center; margin-top: 24px; }

/* нам доверяют */
.ap-trust { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.ap-trust__item { height: 120px; border-radius: 20px; background: #FFFFFF; display: flex; align-items: center; justify-content: center; padding: 22px 26px; }
.ap-trust__item img { max-width: 100%; max-height: 64px; object-fit: contain; transition: filter .2s ease, opacity .2s ease; }
.ap-trust__item:hover img { filter: none; opacity: 1; }
.ap-topline__mail { display: flex; align-items: center; gap: 6px; margin-left: 22px; font-weight: 700; color: var(--ap-blue) !important; }
.ap-mailbox--big { flex: 0 1 420px; height: 60px; }
.ap-mailbox--big a { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 800; color: var(--ap-text); }
.ap-mailbox--big a svg { color: var(--ap-blue); flex: none; }
.ap-mailbox--big a:hover { color: var(--ap-red); }

/* бренды */
.ap-brand { height: 88px; border-radius: 20px; background: #FFFFFF; display: flex; align-items: center; justify-content: center; padding: 0 10px; font-size: 16px; font-weight: 800; color: #5A606B; text-align: center; }
.ap-brand:hover { color: var(--ap-red); }

/* новости */
.ap-news { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ap-news__img { height: 220px; }
.ap-news__body { padding: 22px 26px 26px; display: flex; flex-direction: column; gap: 8px; }
.ap-news__title { font-size: 17px; font-weight: 800; line-height: 1.3; }


/* seo */
.ap-seo__body { position: relative; max-height: 230px; overflow: hidden; transition: max-height .4s ease; }
.ap-seo__body::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 90px; background: linear-gradient(rgba(255, 255, 255, 0), #FFFFFF); }
.ap-seo.is-open .ap-seo__body { max-height: 3000px; }
.ap-seo.is-open .ap-seo__body::after { display: none; }
.ap-seo h3 { font-size: 17px; font-weight: 800; margin-bottom: 8px; }
.ap-seo__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 48px; margin-top: 24px; }
.ap-seo ul { padding-left: 20px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; line-height: 1.6; color: var(--ap-muted); }
.ap-seo ul b { color: var(--ap-text); }
.ap-seo__toggle { margin-top: 16px; }

/* форма заявки */
.ap-lead-form { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; align-items: start; }
.ap-lead-form__row { display: flex; gap: 12px; }
.ap-input { flex: 1 1 auto; width: 100%; min-width: 0; height: 52px; border-radius: 12px; border: 1.5px solid #E1E4EA; background: var(--ap-soft); padding: 0 16px; font: inherit; font-size: 15px; color: var(--ap-text); }
.ap-input:focus { border-color: #9AA1AD; background: #FFFFFF; outline: none; }
.ap-consent { display: flex; align-items: flex-start; gap: 10px; margin-top: 12px; font-size: 13px; line-height: 1.45; color: var(--ap-muted); }
.ap-consent input { margin: 1px 0 0; width: 17px; height: 17px; accent-color: var(--ap-red); flex: none; }
.ap-consent a { color: var(--ap-text); text-decoration: underline; }

/* подробная форма заявки */
.ap-order { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; align-items: start; }
.ap-order__info { display: flex; flex-direction: column; gap: 14px; }
.ap-order__contacts { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; padding: 20px; border-radius: 16px; background: var(--ap-soft); }
.ap-order__big { display: inline-flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 800; letter-spacing: -.01em; }
.ap-order__big svg { color: var(--ap-blue); flex: none; }
.ap-order__big:hover { color: var(--ap-red); }
.ap-order__mail { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ap-order__mail .ap-icon-btn { background: #FFFFFF; }
.ap-order__row { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--ap-muted-2); }
.ap-order__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; }
.ap-order__form > label:not(.ap-file) { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 700; }
.ap-order__form label i { color: var(--ap-red); font-style: normal; }
.ap-order__form .ap-input { height: 50px; font-weight: 500; }
.ap-order__form select.ap-input { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 18px; padding-right: 42px; cursor: pointer; }
.ap-order__form textarea.ap-input { height: auto; min-height: 96px; padding: 14px 16px; resize: vertical; font-family: inherit; }
.ap-order__wide { grid-column: 1 / -1; }
.ap-order__foot { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.ap-order__foot .ap-consent { margin-top: 0; }

/* =========================================================
   ВНУТРЕННИЕ СТРАНИЦЫ — общее
   ========================================================= */
.ap-pagehead { padding-top: 32px; display: flex; flex-direction: column; gap: 16px; }
.ap-pagehead__row { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.ap-anchors { display: flex; flex-wrap: wrap; gap: 10px; }
.ap-anchors a { display: inline-flex; align-items: center; height: 42px; padding: 0 16px; border-radius: 999px; background: #FFFFFF; border: 1px solid #E4E6EB; font-size: 15px; font-weight: 700; }
.ap-anchors a:hover { background: var(--ap-blue); border-color: var(--ap-blue); color: #FFFFFF; }
.ap-req { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 24px; }
.ap-req__item { display: flex; flex-direction: column; gap: 4px; padding: 14px 0; border-bottom: 1px solid #EEF0F3; }
.ap-req__item span { font-size: 12px; color: var(--ap-muted); }
.ap-req__item b { font-size: 15px; line-height: 1.4; }
.ap-photos figure { position: relative; border-radius: 18px; overflow: hidden; }
.ap-photos figcaption { position: absolute; left: 12px; bottom: 12px; padding: 5px 10px; border-radius: 8px; background: rgba(16, 18, 22, .72); color: #FFFFFF; font-size: 12px; font-weight: 700; }

/* ---------- КОНТАКТЫ ---------- */
.ap-ct-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.ap-ct-sales { display: flex; flex-direction: column; gap: 16px; }
.ap-ct-sales__head { display: flex; align-items: center; gap: 12px; }
.ap-ct-sales__head b { display: block; font-size: 16px; }
.ap-ct-phone { font-size: 34px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }
.ap-ct-phones { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ap-ct-phones a { padding: 12px 14px; border-radius: 12px; background: var(--ap-soft); font-size: 15px; font-weight: 700; }
.ap-ct-phones a:hover { color: var(--ap-red); }
.ap-ct-phones small { display: block; font-size: 12px; font-weight: 500; color: var(--ap-muted); }
.ap-ct-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ap-ct-smeta { position: relative; overflow: hidden; background: var(--ap-blue); color: #FFFFFF; border-radius: var(--ap-radius); padding: 28px; display: flex; flex-direction: column; gap: 16px; }
.ap-ct-smeta::before { content: ""; position: absolute; right: -60px; top: -60px; width: 240px; height: 240px; border-radius: 50%; border: 40px solid rgba(255, 255, 255, .06); }
.ap-ct-smeta > * { position: relative; }
.ap-badge { align-self: flex-start; padding: 5px 10px; border-radius: 999px; background: rgba(255, 255, 255, .14); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.ap-ct-smeta h2 { font-size: 26px; font-weight: 800; line-height: 1.2; }
.ap-ct-smeta p { color: rgba(255, 255, 255, .85); }
.ap-copy { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border: 0; border-radius: 9px; background: #EEF2FA; color: var(--ap-blue); font-size: 13px; font-weight: 700; white-space: nowrap; }
.ap-steps { display: flex; flex-wrap: wrap; gap: 12px 20px; font-size: 13px; font-weight: 700; }
.ap-steps span { display: inline-flex; align-items: center; gap: 8px; }
.ap-steps i { font-style: normal; width: 24px; height: 24px; border-radius: 50%; background: rgba(255, 255, 255, .16); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; }
.ap-ct-info .ap-panel { display: flex; flex-direction: column; gap: 8px; }
.ap-hours { display: flex; flex-direction: column; gap: 6px; font-size: 15px; }
.ap-hours div { display: flex; justify-content: space-between; gap: 10px; }
.ap-hours .is-today { padding: 6px 10px; margin: 0 -10px; border-radius: 8px; background: #EAF7EF; font-weight: 700; }
.ap-hours .is-off { color: var(--ap-muted); }
.ap-map { position: relative; min-height: 400px; border-radius: 24px; overflow: hidden; background: #E9EEE6; }
.ap-map iframe, .ap-map__fake { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.ap-map__fake { background-image: linear-gradient(rgba(255, 255, 255, .55) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .55) 1px, transparent 1px); background-size: 48px 48px; }
.ap-map__card { position: relative; z-index: 1; width: 380px; max-width: calc(100% - 32px); margin: 16px; background: #FFFFFF; border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 12px 30px rgba(16, 18, 22, .12); }
.ap-map__addr { font-size: 19px; font-weight: 800; line-height: 1.35; }
.ap-gps { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: var(--ap-soft); }
.ap-gps b { margin-left: auto; font-size: 15px; }
.ap-map__btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ap-map__btns .ap-btn--red { grid-column: span 2; }
.ap-route { display: flex; flex-direction: column; gap: 12px; }
.ap-route__head { display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 800; }
.ap-bus { display: flex; flex-wrap: wrap; gap: 8px; }
.ap-bus span { padding: 5px 10px; border-radius: 8px; background: #EEF2FA; color: var(--ap-blue); font-size: 13px; font-weight: 800; }
.ap-route img { border-radius: 12px; border: 1px solid #EEF0F3; height: 190px; width: 100%; object-fit: cover; }
.ap-route--dark { background: var(--ap-dark); color: #FFFFFF; }
.ap-route--dark p { color: rgba(255, 255, 255, .8); }
.ap-route--dark .ap-btn { margin-top: auto; align-self: flex-start; }
.ap-ct-photos { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 220px 220px; gap: 12px; }
.ap-ct-photos figure:first-child { grid-row: span 2; }
.ap-ct-photos figure:last-child { grid-column: span 2; }
.ap-ct-bottom { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 16px; align-items: start; }
.ap-side-form { display: flex; flex-direction: column; gap: 12px; }
.ap-side-form label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 700; }
.ap-side-form .ap-input { height: 48px; }
.ap-file { display: flex; align-items: center; justify-content: center; gap: 8px; height: 46px; border-radius: 12px; border: 1.5px dashed #C9CED8; color: var(--ap-blue); font-size: 14px; font-weight: 700; cursor: pointer; }
.ap-file input { display: none; }
.ap-side-form .ap-file { flex-direction: row; font-size: 14px; }
.ap-hours .is-off.is-today { background: var(--ap-soft); font-weight: 600; }

/* ---------- О КОМПАНИИ ---------- */
.ap-ab-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: center; }
.ap-ab-title { font-size: 38px; }
.ap-ab-hero__text { display: flex; flex-direction: column; gap: 18px; }
.ap-ab-hero__img { position: relative; min-height: 420px; border-radius: 24px; overflow: hidden; }
.ap-ab-hero__img img { position: absolute; inset: 0; }
.ap-ab-hero__note { position: absolute; left: 16px; right: 16px; bottom: 16px; display: flex; align-items: center; gap: 12px; justify-content: space-between; padding: 14px 16px; border-radius: 14px; background: rgba(255, 255, 255, .94); font-size: 14px; }
.ap-ab-hero__note b { display: block; }
.ap-ab-hero__note a { color: var(--ap-blue); font-weight: 700; white-space: nowrap; }
.ap-facts .ap-panel { padding: 22px; }
.ap-facts b { display: block; font-size: 28px; font-weight: 800; color: var(--ap-blue); line-height: 1.1; margin-bottom: 6px; }
.ap-facts span { font-size: 14px; line-height: 1.45; color: var(--ap-muted); }
.ap-steps6 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
.ap-steps6 div { padding: 18px; border-radius: 16px; background: var(--ap-soft); display: flex; flex-direction: column; gap: 6px; }
.ap-steps6 i { font-style: normal; font-size: 13px; font-weight: 800; color: var(--ap-blue); }
.ap-steps6 b { font-size: 16px; }
.ap-steps6 span { font-size: 13px; line-height: 1.45; color: var(--ap-muted); }
.ap-offer { flex-direction: row; align-items: center; gap: 14px; padding: 20px; }
.ap-offer b { display: block; font-size: 16px; }
.ap-offer span { font-size: 13px; color: var(--ap-muted); }
.ap-why-img__img { height: 190px; }
.ap-why-img__body { padding: 20px 22px 24px; display: flex; flex-direction: column; gap: 8px; }
.ap-why-img__body b { font-size: 18px; }
.ap-why-img__body span { font-size: 14px; line-height: 1.55; color: var(--ap-muted); }
.ap-service { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 0; padding: 0; overflow: hidden; }
.ap-service__body { padding: 40px; display: flex; flex-direction: column; gap: 16px; }
.ap-service__tags { display: flex; flex-wrap: wrap; gap: 8px; }
.ap-service__note { display: flex; gap: 12px; padding: 16px; border-radius: 14px; background: var(--ap-blue-soft); font-size: 14px; line-height: 1.55; }
.ap-service__img { position: relative; min-height: 360px; }
.ap-service__img img { position: absolute; inset: 0; }
.ap-prod { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 32px; align-items: center; }
.ap-prod__imgs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ap-prod__imgs figure { height: 300px; }
.ap-gallery { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.ap-gallery > * { height: 200px; border-radius: 16px; }
.ap-b2b { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 32px; align-items: center; background: var(--ap-dark); color: #FFFFFF; }
.ap-b2b p { color: rgba(255, 255, 255, .8); }
.ap-b2b .ap-chip { background: rgba(255, 255, 255, .1); color: #FFFFFF; }
.ap-b2b__cta { display: flex; flex-direction: column; gap: 12px; }
.ap-b2b__cta a:last-child { text-align: center; color: #FFFFFF; font-weight: 700; }

/* ---------- ДОСТАВКА ---------- */
.ap-dl-terms { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 20px; }
.ap-dl-terms__box { position: relative; overflow: hidden; background: var(--ap-blue); color: #FFFFFF; border-radius: 24px; padding: 44px; display: flex; flex-direction: column; gap: 22px; }
.ap-dl-terms__box::before { content: ""; position: absolute; right: -70px; top: -70px; width: 280px; height: 280px; border-radius: 50%; border: 44px solid rgba(255, 255, 255, .06); }
.ap-dl-terms__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; border-bottom: 1px solid rgba(255, 255, 255, .16); font-size: 17px; color: rgba(255, 255, 255, .88); }
.ap-dl-terms__row b { font-size: 19px; color: #FFFFFF; text-align: right; }
.ap-dl-terms__note { margin-top: auto; display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-radius: 12px; background: rgba(255, 255, 255, .1); font-size: 14px; line-height: 1.45; color: rgba(255, 255, 255, .88); }
.ap-dl-terms__img { position: relative; min-height: 440px; border-radius: 24px; overflow: hidden; }
.ap-dl-terms__img img { position: absolute; inset: 0; }
.ap-dl-type { padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.ap-dl-type b { font-size: 20px; }
.ap-dl-type p { font-size: 15px; line-height: 1.5; color: var(--ap-muted-2); }
.ap-dl-type .ap-tag { margin-top: auto; align-self: flex-start; padding: 8px 14px; border-radius: 10px; background: var(--ap-soft); font-size: 17px; font-weight: 800; }
.ap-dl-pickup { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); padding: 0; overflow: hidden; }
.ap-dl-pickup__body { padding: 44px; display: flex; flex-direction: column; gap: 20px; }
.ap-dl-pickup__img { position: relative; min-height: 380px; }
.ap-dl-pickup__img img { position: absolute; inset: 0; }
.ap-info-box { display: flex; flex-direction: column; gap: 4px; padding: 18px; border-radius: 14px; background: var(--ap-soft); }
.ap-info-box span { font-size: 13px; color: var(--ap-muted); }
.ap-info-box b { font-size: 16px; line-height: 1.4; }
.ap-dl-region { padding: 28px; display: flex; flex-direction: column; gap: 12px; }
.ap-dl-region i { font-style: normal; width: 40px; height: 40px; border-radius: 12px; background: var(--ap-text); color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-weight: 800; }
.ap-dl-region b { font-size: 19px; }
.ap-dl-region strong { margin-top: auto; font-size: 28px; font-weight: 800; }
.ap-dl-fleet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 220px; gap: 16px; }
.ap-dl-fleet > * { border-radius: 22px; }
.ap-dl-fleet > :nth-child(1) { grid-column: span 2; grid-row: span 2; }
.ap-dl-fleet > :nth-child(2) { grid-column: span 2; }
.ap-callbar { background: var(--ap-dark); color: #FFFFFF; border-radius: 28px; padding: 48px; display: flex; flex-wrap: wrap; gap: 28px; align-items: center; justify-content: space-between; }
.ap-callbar__phones { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 12px; }
.ap-callbar__phones a { font-size: 20px; font-weight: 800; }
.ap-callbar__phones a:hover { text-decoration: underline; text-underline-offset: 4px; }
.ap-callbar .ap-btn { min-width: 280px; height: 56px; }

/* ---------- КАРТОЧКА ТОВАРА ---------- */
.ap-topline__years { font-size: 13px; color: var(--ap-muted); white-space: nowrap; }
.ap-topline__years b { color: var(--ap-blue); font-weight: 800; }
.ap-years { flex: none; display: flex; align-items: center; gap: 5px; margin-left: -6px; padding: 0 12px 0 0; line-height: 1.05; }
.ap-years b { font-size: 24px; font-weight: 800; color: var(--ap-blue); letter-spacing: -.02em; }
.ap-years span { font-size: 11px; font-weight: 600; color: var(--ap-muted); }
.ap-pmeta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; font-size: 14px; color: var(--ap-muted); }
.ap-pmeta b { color: var(--ap-text); }
.ap-pmeta a { color: var(--ap-blue); font-weight: 600; }
.ap-pmeta__link { color: var(--ap-muted) !important; text-decoration: underline; text-underline-offset: 3px; font-weight: 500 !important; }
.ap-badge-tag { display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 999px; font-size: 13px; font-weight: 700; }
.ap-badge-tag--red { background: #FDECEC; color: var(--ap-red); }
.ap-pmain { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.85fr) 360px; gap: 16px; align-items: start; }
.ap-gal { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 16px; padding: 20px; }
.ap-gal__thumbs { display: flex; flex-direction: column; gap: 10px; }
.ap-gal__thumb { width: 76px; height: 76px; padding: 6px; border-radius: 12px; border: 2px solid transparent; background: var(--ap-soft); }
.ap-gal__thumb img { width: 100%; height: 100%; object-fit: contain; }
.ap-gal__thumb.is-active, .ap-gal__thumb:hover { border-color: var(--ap-red); background: #FFFFFF; }
.ap-gal__main { aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; }
.ap-gal__main img { max-width: 100%; max-height: 100%; object-fit: contain; }
.ap-pinfo { display: flex; flex-direction: column; gap: 16px; }
.ap-pinfo__title { font-size: 17px; font-weight: 800; }
.ap-kv { margin: 0; display: flex; flex-direction: column; gap: 10px; }
.ap-kv div { display: flex; align-items: baseline; gap: 8px; font-size: 14px; }
.ap-kv dt { color: var(--ap-muted); flex: none; }
.ap-kv div::after { content: none; }
.ap-kv dt::after { content: ""; display: inline-block; }
.ap-kv dd { margin: 0 0 0 auto; font-weight: 700; text-align: right; }
.ap-kv div { padding-bottom: 10px; border-bottom: 1px dashed #E1E4EA; }
.ap-pinfo__docs { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.ap-doc { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: var(--ap-soft); font-size: 14px; font-weight: 600; line-height: 1.35; }
.ap-doc svg { color: var(--ap-blue); flex: none; }
.ap-doc small { display: block; font-size: 12px; font-weight: 500; color: var(--ap-muted); }
.ap-doc:hover { color: var(--ap-red); }
.ap-buy { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 16px; }
.ap-buy__card { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.ap-buy__price { font-size: 34px; font-weight: 800; letter-spacing: -.02em; }
.ap-buy__card .ap-product__stock { margin: 0 0 6px; }
.ap-buy__links { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; font-size: 14px; font-weight: 600; }
.ap-buy__links a { color: var(--ap-blue); }
.ap-buy__links a:hover { color: var(--ap-red); }
.ap-buy__dlv { display: flex; flex-direction: column; gap: 14px; padding: 22px 24px; }
.ap-buy__row { display: flex; gap: 12px; font-size: 13px; color: var(--ap-muted); line-height: 1.4; }
.ap-buy__row svg { flex: none; color: var(--ap-text); margin-top: 1px; }
.ap-buy__row b { display: block; font-size: 14px; color: var(--ap-text); }
.ap-pbar { position: sticky; top: 0; z-index: 30; margin-top: 40px; margin-bottom: 16px; background: rgba(242, 243, 245, .92); backdrop-filter: blur(8px); }
.ap-pbar__in { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 10px; padding-bottom: 10px; }
.ap-ptabs { display: flex; gap: 8px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.ap-pbar__buy { flex: none; display: flex; align-items: center; gap: 14px; padding: 6px 6px 6px 10px; border-radius: 14px; background: #FFFFFF; box-shadow: 0 4px 14px rgba(16, 18, 22, .06); }
.ap-pbar__buy img { width: 40px; height: 40px; object-fit: contain; }
.ap-pbar__name { max-width: 220px; font-size: 13px; font-weight: 600; line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ap-pbar__price { font-size: 20px; font-weight: 800; white-space: nowrap; }
.ap-pbar__buy .ap-btn { height: 42px; padding: 0 18px; }
.ap-ptabs a { flex: none; height: 42px; padding: 0 18px; display: inline-flex; align-items: center; border-radius: 12px; background: #FFFFFF; font-size: 15px; font-weight: 700; }
.ap-ptabs a:hover { color: var(--ap-red); }
.ap-ptabs a.is-active { background: var(--ap-text); color: #FFFFFF; }
.ap-psec { margin-top: 16px; scroll-margin-top: 80px; }
.ap-descr .ap-text { max-width: 980px; margin-top: 12px; font-size: 15px; }
.ap-descr__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 28px; }
.ap-descr h3 { font-size: 17px; font-weight: 800; margin-bottom: 12px; }
.ap-descr__grid .ap-text { margin: 0 0 10px; font-size: 14px; }
.ap-descr__note { display: flex; align-items: center; gap: 10px; margin-top: 28px; padding: 14px 16px; border-radius: 14px; background: var(--ap-blue-soft); color: var(--ap-blue); font-size: 14px; }
.ap-descr__note span { color: var(--ap-text); }
.ap-descr__note a { color: var(--ap-blue); font-weight: 700; }
.ap-specs { margin: 18px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
.ap-specs div { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid #EEF0F3; font-size: 15px; }
.ap-specs dt { color: var(--ap-muted); }
.ap-specs dd { margin: 0; font-weight: 700; text-align: right; }
.ap-parts { display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 28px; align-items: start; }
.ap-parts__img { aspect-ratio: 1 / 1; border-radius: 18px; }
.ap-parts__list { display: flex; flex-direction: column; }
.ap-parts__row { display: grid; grid-template-columns: minmax(0, 1fr) auto 36px; align-items: center; gap: 16px; padding: 10px 0; border-bottom: 1px solid #EEF0F3; font-size: 14px; }
.ap-parts__row a:hover { color: var(--ap-red); }
.ap-parts__row b { white-space: nowrap; }
.ap-docs { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.ap-rel .ap-product__img { height: 160px; }

.ap-badge-tag--amber { background: #FEF3E2; color: var(--ap-amber); }
/* текст описания из Битрикс (DETAIL_TEXT) */
.ap-rich { font-size: 15px; line-height: 1.7; color: var(--ap-muted-2); }
.ap-rich__text { max-width: 920px; margin: 36px 0 8px; }
.ap-rich h2 { font-size: 22px; font-weight: 800; line-height: 1.25; color: var(--ap-text); margin: 0 0 16px; }
.ap-rich h3 { font-size: 15px; font-weight: 800; letter-spacing: .02em; color: var(--ap-text); margin: 28px 0 10px; }
.ap-rich p { margin: 0 0 12px; }
.ap-rich ul { margin: 0 0 12px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.ap-rich li { position: relative; padding-left: 20px; }
.ap-rich li::before { content: ""; position: absolute; left: 4px; top: .7em; width: 6px; height: 6px; border-radius: 50%; background: var(--ap-blue); }

/* =========================================================
   АДАПТИВ
   ========================================================= */
@media (max-width: 1240px) {
  .ap-pbar__name { display: none; }
  .ap-years { display: none; }
  .ap-pmain { grid-template-columns: minmax(0, 1fr) 340px; }
  .ap-gal { grid-row: span 2; }
  .ap-pinfo { grid-column: 1; }
  .ap-buy { grid-row: 1 / span 2; grid-column: 2; }
  .ap-grid--6.ap-rel { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ap-topline__item:nth-child(2) { display: none; }
  .ap-hic span { display: none; }
  .ap-hic { min-width: 40px; }
  .ap-hero { grid-template-columns: minmax(0, 1fr) 360px; }
  .ap-slide { grid-template-columns: minmax(0, 1fr) 320px; padding-left: 40px; }
  .ap-slide__title { font-size: 32px; }
  .ap-side__card { grid-template-columns: minmax(0, 1fr) 130px; }
  .ap-adv { padding: 22px 24px; gap: 16px; }
  .ap-adv__ico { width: 48px; height: 48px; }
  .ap-adv__item b { font-size: 15px; }
  .ap-adv__item > span:last-child > span { font-size: 13px; }
  .ap-tile, .ap-tile--white { height: 260px; }
  .ap-grid--6.ap-quick { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ap-grid--5 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ap-grid--5 > :nth-child(n+5) { display: none; }
  .ap-own { grid-template-columns: 300px minmax(0, 1fr); }
  .ap-own .ap-grid--4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ap-own .ap-grid--4 > :nth-child(n+7) { display: none; }
  .ap-about { grid-template-columns: minmax(0, 1fr) 440px; }
  .ap-smeta { grid-template-columns: 64px minmax(0, 1fr); }
  .ap-cta { grid-template-columns: minmax(0, 1fr) 340px; padding: 40px; }
  .ap-smeta__form { grid-column: 1 / -1; }
  .ap-grid--9 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  .ap-steps6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 992px) {
  .ap-pmain { grid-template-columns: 1fr; }
  .ap-gal, .ap-pinfo, .ap-buy { grid-column: auto; grid-row: auto; }
  .ap-buy { position: static; }
  .ap-gal { order: 1; }
  .ap-buy { order: 2; }
  .ap-pinfo { order: 3; }
  .ap-descr__grid { grid-template-columns: 1fr; gap: 20px; }
  .ap-specs { grid-template-columns: 1fr; }
  .ap-parts { grid-template-columns: 1fr; }
  .ap-parts__img { aspect-ratio: 16 / 10; }
  .ap { --ap-gutter: 20px; }
  .ap-topline__item:nth-child(2) { display: none; }
  .ap-contacts { display: none; }
  .ap-adv { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ap-trust { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ap-topline__mail { display: none; }
  .ap-order { grid-template-columns: 1fr; gap: 24px; }
  .ap-cta { grid-template-columns: 1fr; }
  .ap-cta__img { height: 220px; }
  .ap-section { margin-top: 48px; }
  .ap-nav { overflow-x: auto; scrollbar-width: none; gap: 22px; }
  .ap-nav::-webkit-scrollbar { display: none; }
  .ap-nav__b2b { margin-left: 0; }
  .ap-mega__panel { grid-template-columns: 240px minmax(0, 1fr); }
  .ap-mega { width: calc(100vw - 300px); }
  .ap-mega__subs { columns: 1; }

  .ap-hero { grid-template-columns: 1fr; height: auto; }
  .ap-slider { height: 380px; }
  .ap-side { grid-template-columns: 1fr 1fr; grid-template-rows: 190px; }
  .ap-grid--4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ap-grid--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ap-grid--5 > :nth-child(n+4) { display: none; }
  .ap-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ap-own { grid-template-columns: 1fr; }
  .ap-own .ap-grid--4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ap-own .ap-grid--4 > :nth-child(n+7) { display: flex; }
  .ap-about { grid-template-columns: 1fr; }
  .ap-collage { min-height: 300px; }
  .ap-news { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ap-news .ap-card:first-child { grid-column: span 2; }
  .ap-lead-form { grid-template-columns: 1fr; gap: 20px; }
  .ap-seo__cols { grid-template-columns: 1fr; }

  .ap-ct-top, .ap-ct-bottom, .ap-ab-hero, .ap-service, .ap-prod, .ap-b2b, .ap-dl-terms, .ap-dl-pickup { grid-template-columns: 1fr; }
  .ap-req { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ap-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ap-gallery > :nth-child(n+4) { display: none; }
  .ap-ct-photos { grid-template-columns: 1fr 1fr; grid-template-rows: 260px 180px 180px; }
  .ap-ct-photos figure:first-child { grid-column: span 2; grid-row: auto; }
  .ap-ct-photos figure:last-child { grid-column: auto; }
  .ap-dl-terms__img { min-height: 320px; }
  .ap-dl-fleet { grid-template-columns: 1fr 1fr; grid-auto-rows: 180px; }
  .ap-dl-fleet > :nth-child(1) { grid-row: span 1; }
}

@media (max-width: 768px) {
  .ap-gal { grid-template-columns: 1fr; padding: 12px; }
  .ap-gal__thumbs { flex-direction: row; order: 2; overflow-x: auto; }
  .ap-gal__thumb { flex: none; width: 64px; height: 64px; }
  .ap-buy__price { font-size: 28px; }
  .ap-pbar { margin-top: 24px; }
  .ap-pbar__in { flex-direction: column-reverse; align-items: stretch; gap: 8px; }
  .ap-pbar__buy img, .ap-pbar__name { display: none; }
  .ap-pbar__buy { justify-content: space-between; padding: 6px 6px 6px 14px; }
  .ap-ptabs a { height: 38px; padding: 0 14px; font-size: 14px; }
  .ap-specs div { font-size: 14px; }
  .ap-rich { font-size: 14px; }
  .ap-rich h2 { font-size: 18px; }
  .ap-parts__row { grid-template-columns: minmax(0, 1fr) auto; }
  .ap-parts__row .ap-icon-btn { display: none; }
  .ap-grid--6.ap-rel { display: flex; overflow-x: auto; gap: 10px; scrollbar-width: none; margin-right: calc(var(--ap-gutter) * -1); padding-right: var(--ap-gutter); }
  .ap-rel .ap-product { flex: none; width: 176px; }
  .ap-rel .ap-product__img { height: 130px; }
  .ap { --ap-gutter: 16px; font-size: 14px; }
  .ap-section { margin-top: 36px; }
  .ap-cta { padding: 20px; gap: 18px; }
  .ap-cta__img { height: 170px; border-radius: 16px; }
  .ap-cta__actions .ap-btn, .ap-mailbox--grey { flex: 1 1 100%; }
  .ap-why { padding: 16px 16px 18px; }
  .ap-why__bar { margin-bottom: 12px; width: 32px; height: 6px; }
  .ap-why__title { font-size: 15px; }
  .ap-why .ap-text { font-size: 13px; }
  .ap-brand { height: 60px; border-radius: 14px; }
  .ap-product { padding: 12px; border-radius: 18px; }
  .ap-tile { border-radius: 18px; }
  .ap-section--lg { margin-top: 36px; }
  .ap-panel, .ap-panel--lg { padding: 18px; border-radius: 16px; }
  .ap-h1 { font-size: 26px; }
  .ap-h2 { font-size: 21px; }
  .ap-title { font-size: 21px; }
  .ap-lead { font-size: 15px; }
  .ap-head { margin-bottom: 14px; }

  .ap-topline { display: none; }
  .ap-ticker { height: 26px; font-size: 10px; }
  .ap-ticker__track { height: 26px; gap: 16px; padding-left: 16px; }
  .ap-mainbar { height: auto; flex-wrap: wrap; gap: 10px; padding-top: 10px; padding-bottom: 12px; }
  .ap-logo { order: 1; }
  .ap-logo img { height: 34px; margin: 0; }
  .ap-hic { order: 2; min-width: 0; }
  .ap-hic:first-of-type { margin-left: auto; }
  .ap-hic span { display: none; }
  .ap-catwrap { order: 3; }
  .ap-catbtn { height: 44px; padding: 0 14px; }
  .ap-mega { width: calc(100vw - 32px); max-width: none; }
  .ap-search { order: 4; flex: 1 1 0; height: 44px; }
  .ap-search button { width: 46px; }
  .ap-nav { height: 40px; font-size: 13px; gap: 18px; }
  .ap-mega__panel { grid-template-columns: 1fr; max-height: 75vh; overflow-y: auto; border-radius: 16px; }
  .ap-mega__roots { max-height: none; border-right: 0; }
  .ap-mega__body { display: none; }

  .ap-hero { margin-top: 12px; gap: 10px; }
  .ap-slider { height: auto; min-height: 0; }
  .ap-slide { position: relative; inset: auto; display: none; grid-template-columns: 1fr; padding: 0; }
  .ap-slide.is-active { display: flex; flex-direction: column-reverse; }
  .ap-slide__text { padding: 16px 16px 64px; gap: 10px; }
  .ap-slide__title { font-size: 23px; }
  .ap-slide--promo { padding: 0; }
  .ap-slide--promo.is-active { flex-direction: column-reverse; }
  .ap-promo__img { position: relative; inset: auto; width: 100%; height: 200px; padding: 16px 16px 0; }
  .ap-promo__ribbon { top: 120px; left: -10%; height: 32px; font-size: 15px; }
  .ap-promo__sticker { width: 78px; height: 78px; font-size: 14px; top: 12px; right: 12px; }
  .ap-slide--promo .ap-slide__text { padding: 16px 16px 72px; }
  .ap-promo__title { font-size: 28px; }
  .ap-promo__sub { font-size: 16px; }
  .ap-promo__btn { height: 48px; font-size: 16px; padding: 0 22px; }
  .ap-slide__text { padding: 16px 16px 64px; max-width: none; }
  .ap-slide__sub { display: none; }
  .ap-slide__price { font-size: 21px; }
  .ap-slide__buy { justify-content: space-between; }
  .ap-slide__buy .ap-btn { height: 42px; padding: 0 18px; }
  .ap-slide__img { height: 190px; padding: 16px 16px 0; }
  .ap-slide__photo { position: relative; inset: auto; width: auto; height: 190px; margin: 12px 12px 0; border-radius: 12px; }
  .ap-slider__ctrl { right: 16px; bottom: 14px; left: 16px; justify-content: space-between; background: transparent; padding: 0; }
  .ap-side { grid-template-rows: auto; gap: 10px; }
  .ap-side__card { display: flex; flex-direction: column-reverse; padding: 10px; gap: 10px; }
  .ap-side__photo { height: 96px; border-radius: 10px; }
  .ap-side__body { gap: 2px; padding: 0 2px 4px; }
  .ap-side__title { font-size: 15px; }
  .ap-side__text { font-size: 12px; }
  .ap-side__btn { display: none; }
  .ap-adv { grid-template-columns: 1fr 1fr; gap: 14px 12px; padding: 16px; margin-top: 10px; }
  .ap-adv__item { gap: 10px; align-items: flex-start; }
  .ap-adv__ico { width: 40px; height: 40px; border-radius: 10px; }
  .ap-adv__ico svg { width: 20px; height: 20px; }
  .ap-adv__item b { font-size: 14px; }
  .ap-adv__item > span:last-child > span { font-size: 12px; }
  .ap-order__form { grid-template-columns: 1fr; }
  .ap-order__big { font-size: 19px; }
  .ap-order__foot .ap-btn { width: 100%; }
  .ap-quick { display: flex; overflow-x: auto; scrollbar-width: none; margin-right: calc(var(--ap-gutter) * -1); padding-right: var(--ap-gutter); }
  .ap-quick::-webkit-scrollbar { display: none; }
  .ap-quick__item { flex: none; height: 52px; padding: 0 14px 0 6px; font-size: 13px; white-space: nowrap; }

  .ap-grid--2, .ap-grid--3 { grid-template-columns: 1fr; }
  .ap-grid--4, .ap-own .ap-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ap-tile, .ap-tile--white { height: 210px; padding: 12px 12px 10px; }
  .ap-tile__title { font-size: 13px; }
  .ap-tile__count { font-size: 11px; }
  .ap-tile__img { margin-top: 6px; }
  .ap-head__right .ap-tabs { display: none; }
  .ap-grid--5 { display: flex; overflow-x: auto; gap: 10px; scrollbar-width: none; margin-right: calc(var(--ap-gutter) * -1); padding-right: var(--ap-gutter); }
  .ap-grid--5::-webkit-scrollbar { display: none; }
  .ap-grid--5 > *, .ap-grid--5 > :nth-child(n+4) { display: flex; flex: none; width: 176px; }
  .ap-product__img { height: 140px; }
  .ap-product__price { font-size: 17px; }
  .ap-product__name { font-size: 12px; height: 50px; }
  .ap-own__intro .ap-h2 { font-size: 21px; }
  .ap-svc { gap: 10px; }
  .ap-svc .ap-card { flex-direction: row; }
  .ap-svc__img { flex: none; width: 116px; height: auto; min-height: 112px; }
  .ap-svc__price { display: none; }
  .ap-svc__body { padding: 12px 14px; gap: 4px; }
  .ap-svc .ap-card__title { font-size: 15px; }
  .ap-svc__body > .ap-text { font-size: 12px; }
  .ap-svc .ap-check, .ap-svc__link { display: none; }
  .ap-svc__mprice { display: block !important; font-size: 14px; font-weight: 700; color: var(--ap-blue); }
  .ap-collage { min-height: 0; grid-template-rows: 160px 160px; }
  .ap-nums { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ap-num b { font-size: 19px; }
  .ap-why { padding: 14px; }
  .ap-why__title { font-size: 14px; }
  .ap-why .ap-text { font-size: 12px; line-height: 1.4; }
  .ap-why .ap-ico { width: 36px; height: 36px; }
  .ap-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; }
  .ap-smeta { grid-template-columns: 1fr; padding: 18px; gap: 12px; }
  .ap-smeta__ico { display: none; }
  .ap-smeta__title { font-size: 19px; }
  .ap-smeta__text { font-size: 13px; }
  .ap-smeta__form { flex-direction: column; }
  .ap-grid--9 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .ap-brand { height: 56px; font-size: 14px; }
  .ap-news { display: flex; overflow-x: auto; scrollbar-width: none; margin-right: calc(var(--ap-gutter) * -1); padding-right: var(--ap-gutter); }
  .ap-news::-webkit-scrollbar { display: none; }
  .ap-news .ap-card { flex: none; width: 260px; }
  .ap-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ap-promos { display: flex; overflow-x: auto; scrollbar-width: none; margin-right: calc(var(--ap-gutter) * -1); padding-right: var(--ap-gutter); }
  .ap-promos .ap-promo-card { flex: none; width: 260px; }
  .ap-promo-card__title { font-size: 15px; min-height: 0; }
  .ap-trust__item { height: 84px; padding: 14px 18px; border-radius: 16px; }
  .ap-trust__item img { max-height: 44px; }
  .ap-mailbox--big a { font-size: 17px; }
  .ap-news__img { height: 140px; }
  .ap-news__body { padding: 12px 14px 14px; }
  .ap-news .ap-text { display: none; }
  .ap-news__title, .ap-news .ap-card:first-child .ap-news__title { font-size: 14px; }
  .ap-lead-form__row { flex-direction: column; }
  .ap-lead-form__row .ap-input { flex: none; height: 50px; }
  .ap-lead-form__row .ap-btn { height: 50px; }

  .ap-ab-title { font-size: 28px; }
  .ap-whyimg, .ap-dltypes { grid-template-columns: 1fr; }
  .ap-dl-type, .ap-dl-region { padding: 20px; }
  .ap-panel.ap-service, .ap-panel.ap-dl-pickup { padding: 0; }
  .ap-ct-phone { font-size: 28px; }
  .ap-ct-actions .ap-btn { flex: 1 1 auto; }
  .ap-req { grid-template-columns: 1fr; }
  .ap-map { min-height: 0; padding-top: 220px; border-radius: 18px; }
  .ap-map__fake, .ap-map iframe { height: 220px; }
  .ap-map__card { width: auto; margin: 0; max-width: none; border-radius: 0; box-shadow: none; }
  .ap-ct-photos { grid-template-rows: 200px 120px 120px; gap: 8px; }
  .ap-ab-hero__img { min-height: 260px; }
  .ap-steps6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ap-service__body { padding: 20px; }
  .ap-service__img { min-height: 220px; }
  .ap-prod__imgs figure { height: 180px; }
  .ap-gallery { grid-template-columns: 1fr 1fr; }
  .ap-gallery > * { height: 140px; }
  .ap-gallery > :nth-child(3) { display: none; }
  .ap-dl-terms__box, .ap-dl-pickup__body { padding: 22px; }
  .ap-dl-terms__row { font-size: 15px; }
  .ap-dl-terms__row b { font-size: 16px; }
  .ap-dl-terms__img { min-height: 220px; }
  .ap-dl-fleet { grid-auto-rows: 130px; gap: 8px; }
  .ap-callbar { padding: 24px; border-radius: 20px; }
  .ap-callbar .ap-btn { min-width: 0; width: 100%; }
  .ap-callbar__phones a { font-size: 17px; }
}

@media (max-width: 420px) {
  .ap-side { grid-template-columns: 1fr 1fr; }
  .ap-grid--9 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .ap-ct-phones { grid-template-columns: 1fr; }
  .ap-map__btns { grid-template-columns: 1fr; }
  .ap-map__btns .ap-btn--red { grid-column: auto; }
}

@media (max-width: 420px) {
  .ap-mailbox .ap-copy span { display: none; }
  .ap-mailbox .ap-copy { width: 36px; padding: 0; justify-content: center; }
}

/* ---- описание товара: контент сайта ---- */
.ap-dlinks { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.ap-dlink { display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 12px; background: var(--ap-soft); border: 1px solid var(--ap-line); font-weight: 700; font-size: 14px; color: var(--ap-text); text-decoration: none; transition: border-color .2s, color .2s; }
.ap-dlink svg { color: var(--ap-blue); flex: none; }
.ap-dlink:hover { border-color: var(--ap-blue); color: var(--ap-blue); }
.ap-dbanner { display: block; max-width: 520px; border-radius: 14px; overflow: hidden; border: 1px solid var(--ap-line); margin-bottom: 28px; }
.ap-dbanner img { display: block; width: 100%; height: auto; }
.ap-hs { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr); gap: 28px; align-items: start; padding: 24px 0; border-top: 1px solid #EEF0F3; }
.ap-hs__img { position: relative; border-radius: 16px; overflow: visible; }
.ap-hs__img > img { display: block; width: 100%; height: auto; border-radius: 16px; }
.ap-hs__pt { position: absolute; width: 26px; height: 26px; margin: -13px 0 0 -13px; border-radius: 50%; border: 0; padding: 0; cursor: pointer; background: rgba(35, 90, 188, .22); box-shadow: 0 0 0 2px #fff, 0 2px 6px rgba(0,0,0,.25); z-index: 2; }
.ap-hs__pt::after { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: var(--ap-blue); }
.ap-hs__pt--info { background: rgba(107, 114, 128, .25); }
.ap-hs__pt--info::after { background: #6B7280; }
.ap-hs__pt:hover, .ap-hs__pt:focus-visible, .ap-hs__pt.is-hl { background: rgba(227, 30, 36, .25); z-index: 5; }
.ap-hs__pt:hover::after, .ap-hs__pt:focus-visible::after, .ap-hs__pt.is-hl::after { background: var(--ap-red); }
.ap-hs__tip { position: absolute; left: 50%; bottom: calc(100% + 10px); transform: translateX(-50%); width: 240px; padding: 12px 14px; border-radius: 12px; background: #fff; box-shadow: 0 10px 30px rgba(16,18,22,.18); text-align: left; font-size: 13px; line-height: 1.4; color: var(--ap-text); display: none; flex-direction: column; gap: 8px; cursor: default; }
.ap-hs__tip b { font-weight: 700; }
.ap-hs__tipp { font-weight: 800; font-size: 15px; }
.ap-hs__tip .ap-btn { align-self: flex-start; }
.ap-hs__pt:hover .ap-hs__tip, .ap-hs__pt:focus .ap-hs__tip { display: flex; }
.ap-hs__list { display: flex; flex-direction: column; }
.ap-hs__head { display: grid; grid-template-columns: minmax(0, 1fr) auto 36px; gap: 16px; padding: 0 0 10px; border-bottom: 1px solid var(--ap-line); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--ap-muted); }
.ap-hs__row { display: grid; grid-template-columns: minmax(0, 1fr) auto 36px; align-items: center; gap: 16px; padding: 10px 0; border-bottom: 1px solid #EEF0F3; font-size: 14px; line-height: 1.4; border-radius: 8px; transition: background .15s; }
.ap-hs__row a { color: var(--ap-text); text-decoration: none; }
.ap-hs__row a:hover { color: var(--ap-blue); }
.ap-hs__row b { white-space: nowrap; }
.ap-hs__row.is-hl { background: var(--ap-blue-soft); }
.ap-dphotos { display: grid; grid-template-columns: 1fr 1.3fr; gap: 16px; align-items: center; margin-top: 28px; }
.ap-dphotos img { display: block; width: 100%; height: auto; border-radius: 16px; border: 1px solid #EEF0F3; }
.ap-dvideos { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.ap-dvideo { display: block; border-radius: 16px; overflow: hidden; }
.ap-dvideo img { display: block; width: 100%; height: auto; transition: transform .3s; }
.ap-dvideo:hover img { transform: scale(1.02); }
.ap-dextra { display: flex; align-items: center; gap: 24px; margin-top: 28px; padding: 20px; border-radius: 16px; background: var(--ap-soft); }
.ap-dextra p { margin: 0; font-size: 16px; font-weight: 700; color: var(--ap-text); }
.ap-dextra a { color: var(--ap-blue); }
.ap-dextra img { width: 180px; height: auto; border-radius: 12px; flex: none; order: -1; }
@media (max-width: 992px) {
  .ap-hs { grid-template-columns: 1fr; gap: 18px; }
}
@media (max-width: 768px) {
  .ap-dphotos, .ap-dvideos { grid-template-columns: 1fr; }
  .ap-hs__pt { width: 20px; height: 20px; margin: -10px 0 0 -10px; }
  .ap-hs__pt::after { inset: 5px; }
  .ap-hs__tip { width: 200px; }
  .ap-hs__head, .ap-hs__row { grid-template-columns: minmax(0, 1fr) auto; }
  .ap-hs__row .ap-icon-btn, .ap-hs__head span:nth-child(3) { display: none; }
  .ap-dextra { flex-direction: column; align-items: flex-start; }
  .ap-dextra img { width: 140px; }
  .ap-dlink { width: 100%; }
}


/* ===== ИНТЕГРАЦИЯ В ШАБЛОН САЙТА (eshop_bootstrap_v4) ===== */
.ap.ap-host { background: transparent; }
.ap-host .ap-container { max-width: none; padding: 0; }   /* ширину задаёт .container_content шаблона */
.ap-host .ap-pagehead { padding-top: 0; margin-top: -14px; }
.ap-host .ap-pagehead:empty { display: none; }
.ap .ap-page { padding-bottom: 40px; }
.ap-host .ap-side-form { display: flex; flex-direction: column; gap: 12px; }

/* ===== Блок «Оставьте заявку» над футером (footer.php, AP_ORDER) ===== */
.ap.ap-footer-order { padding: 40px 0 56px; }
.ap-footer-order .ap-order__formbox > div { width: 100%; }      /* обёртка AJAX-режима Битрикса */
.ap-footer-order .ap-order__formbox .ap-order__form { width: 100%; }
.ap-footer-order .ap-consent input { appearance: auto; -webkit-appearance: checkbox; display: inline-block; opacity: 1; position: static; }

/* =====================================================================
   ГЛАВНАЯ (index.php, NEW_MAIN) — интеграция новой вёрстки в шаблон сайта
   ===================================================================== */
.ap.ap-main { background: transparent; }
.ap-main .ap-container, .ap-container.ap-goods { max-width: 1368px; }      /* 1320 + поля — как .container_content шапки */
.ap-container.ap-goods { padding: 0 24px; font-family: Manrope, Arial, sans-serif; }   /* вне .ap переменные вёрстки не действуют */
@media (max-width: 768px) { .ap-container.ap-goods { padding: 0 16px; } }
.ap-main .ap-page { padding-bottom: 0; }
.ap-main .ap-page--cont > .ap-section:first-child { margin-top: 48px; }

/* слайдер: баннер-картинка (старый формат 1500×500) — целиком, по краям размытая подложка из неё же */
.ap-slide--img { display: block; padding: 0; background: #ECEEF1; }
.ap-slide__blur { position: absolute; inset: -30px; background-size: cover; background-position: center; filter: blur(24px) saturate(1.1); opacity: .55; }
.ap-slide__pic { position: relative; width: 100%; height: 100%; object-fit: contain; z-index: 1; }
.ap-slide--img .ap-slider__ctrl { z-index: 6; }
.ap-slider .ap-slider__ctrl { padding: 6px 8px; border-radius: 999px; background: rgba(255, 255, 255, .78); backdrop-filter: blur(4px); }
.ap-slider__dots { gap: 4px; }
.ap-slider__dots button { width: 6px; }
.ap-slider__dots button.is-active { width: 16px; }

/* популярные товары — наши карточки каталога в сетке 5 в ряд */
.ap-goods__head { background: transparent; }
.ap-goods .ap-head__right { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.ap-goods .spare__cont { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px !important; margin: 0 !important; width: auto !important; }
.ap-goods .spare__cont .row, .ap-goods .spare__cont [class^="col"], .ap-goods .spare__cont [data-entity="items-row"] { display: contents !important; }
.ap-goods .spare__cont .zagl, .ap-goods .spare__cont .skeleton-loader { display: none !important; }
.ap-goods .product_box { width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; }
.ap-goods [data-ap-tab-panel][hidden] { display: none !important; }
@media (max-width: 1240px) { .ap-goods .spare__cont { grid-template-columns: repeat(4, minmax(0, 1fr)); } .ap-goods .spare__cont .product_box:nth-child(n+5) { display: none !important; } }
@media (max-width: 992px)  { .ap-goods .spare__cont { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ap-goods .spare__cont .product_box:nth-child(n+4) { display: none !important; } }
@media (max-width: 768px) {
	.ap-goods .spare__cont { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px !important; margin-right: -16px !important; padding: 2px 16px 14px 2px; }
	.ap-goods .spare__cont .product_box { flex: 0 0 72vw !important; width: 72vw !important; scroll-snap-align: start; display: flex !important; }
	.ap-goods .spare__cont .product_box:nth-child(n+4) { display: flex !important; }
	.ap-goods .ap-tabs { overflow-x: auto; max-width: 100%; }
	.ap-goods .ap-tabs button { white-space: nowrap; }
}

/* «Распродажа склада» — полоса с таймером */
.ap-sale { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 32px; padding: 28px 36px; border-radius: var(--ap-radius); background: var(--ap-dark); color: #fff; position: relative; overflow: hidden; }
.ap-sale__text { display: flex; flex-direction: column; gap: 8px; position: relative; }
.ap-sale__tag { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; padding: 5px 12px; border-radius: 999px; background: rgba(227, 30, 36, .16); color: #FF6B6F; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.ap-sale__title { font-size: 28px; font-weight: 800; line-height: 1.15; text-transform: uppercase; letter-spacing: -.01em; }
.ap-sale__sub { font-size: 15px; color: rgba(255, 255, 255, .78); }
.ap-sale__timer { display: flex; align-items: flex-start; gap: 8px; position: relative; }
.ap-sale__timer > div { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.ap-sale__timer b { display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 14px; background: rgba(255, 255, 255, .08); font-size: 26px; font-weight: 800; font-variant-numeric: tabular-nums; }
.ap-sale__timer span { font-size: 12px; color: rgba(255, 255, 255, .6); }
.ap-sale__timer i { font-style: normal; font-size: 24px; font-weight: 800; line-height: 62px; color: rgba(255, 255, 255, .4); }
.ap-sale .ap-btn { position: relative; }
@media (max-width: 1100px) { .ap-sale { grid-template-columns: 1fr auto; } .ap-sale .ap-btn { grid-column: 1 / -1; justify-self: start; } }
@media (max-width: 768px) {
	.ap-sale { grid-template-columns: 1fr; gap: 18px; padding: 22px 20px; }
	.ap-sale__title { font-size: 22px; }
	.ap-sale__timer b { width: 52px; height: 52px; font-size: 21px; }
	.ap-sale__timer i { line-height: 52px; }
	.ap-sale .ap-btn { width: 100%; }
}

/* «Сервис и аренда»: карточка без ссылки открывает форму заявки */
.ap-svc .ap-card.modal_click { cursor: pointer; }
@media (max-width: 768px) {
	.ap-slide--img.is-active { display: block; aspect-ratio: 1500 / 610; }                /* баннер 3:1 + полоса под точки */
	.ap-slide--img .ap-slide__pic { position: absolute; left: 0; right: 0; top: 0; height: calc(100% - 44px); }
	.ap-slider .ap-slider__ctrl { left: 50%; right: auto; transform: translateX(-50%); bottom: 8px; background: transparent; backdrop-filter: none; }
	.ap-slider .ap-slider__arr { display: none; }
	.ap-goods .ap-head__right { width: 100%; justify-content: space-between; }
	.ap-goods .ap-head__right .ap-tabs { display: flex; overflow-x: auto; max-width: calc(100% - 90px); }
}

/* популярные товары на главной: цена и название — между каталогом и макетом */
.ap-goods .product_row_price .pr_now, .ap-goods .product_row_price .pr_now span { font-size: 21px !important; font-weight: 800 !important; }
.ap-goods .pr_old, .ap-goods .pr_old span { font-size: 13px !important; }
.ap-goods .product_title, .ap-goods .product_title a { font-size: 15px !important; line-height: 1.35 !important; }
.ap-goods .product_firm, .ap-goods .product_firm a { font-size: 12px !important; }
.ap-goods .product_row_price { min-height: 28px !important; margin: 12px 0 4px !important; }

/* популярные товары на главной: фото крупнее — как в макете (высота 200px, на всю ширину карточки) */
.ap-goods .product_box .product_img { height: 200px !important; width: 100% !important; margin: 0 !important; }
.ap-goods .product_box .product_img img, .ap-goods .product_box .product-slider__img { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: contain; }
@media (max-width: 768px) { .ap-goods .product_box .product_img { height: 170px !important; } }

/* End */


/* Start:/css/header-new.css?17924150293076*/
/* =====================================================================
   ШАПКА (NEW_HEADER в header.php)
   Компьютер (≥971px): шапка из новой вёрстки — блок .ap-hdr, стили .ap-* в avtoprom.css.
   Телефон (≤970px): прежняя мобильная шапка (строки t_h_row / b_h_row / last_h_row, css/header-mobile.css).
   Меню «Каталог» #megaMenu — общее, лежит в конце <header>.
   ===================================================================== */
.ap-hdr { display: none; }

@media (min-width: 971px) {
	.header > .t_h_row,
	.header > .ticker-wrapper,
	.header > .b_h_row,
	.header > .last_h_row { display: none !important; }

	/* шапка выше любых блоков страницы (стрелки слайдера и т. п. не перекрывают меню каталога) */
	.header { z-index: 60; background: #fff; border-bottom: 1px solid #E6E8EC; box-shadow: none; }

	.ap.ap-hdr { display: block; background: #fff; }
	.ap-hdr .ap-container { max-width: 1368px; }          /* как .container_content сайта (1320 + поля) */
	.ap-hdr .ap-header { z-index: auto; }
	.ap-hdr .ap-topline__links a { color: var(--ap-text); }

	/* кнопка «Каталог»: открытое меню — крестик (класс active ставит скрипт меню) */
	.ap-hdr .ap-catbtn { border: 0; cursor: pointer; font: inherit; font-size: 15px; font-weight: 700; }
	.ap-hdr .ap-catbtn.active .ap-catbtn__open { display: none; }
	.ap-hdr .ap-catbtn.active .ap-catbtn__close { display: inline-flex; }

	/* поиск: подсказки прежние (JCTitleSearch) */
	.ap-hdr .ap-search input::-webkit-search-cancel-button { -webkit-appearance: none; }

	/* корзина — прежняя красная кнопка с суммой, по высоте и скруглению как кнопки шапки */
	.ap-hdr__cart { flex: none; }
	.ap-hdr__cart .box__top { height: 46px; min-width: 96px; width: auto; padding: 4px 14px 0; border-radius: 12px; }

	/* сайт задаёт ссылкам свой шрифт — возвращаем размеры и начертание из макета */
	.ap-hdr .ap-topline__links a { font-size: 13px; font-weight: 400; }
	.ap-hdr .ap-nav a { font-size: 14px; font-weight: 600; color: var(--ap-text); }
	.ap-hdr .ap-nav a:hover { color: var(--ap-blue); }
	.ap-hdr .ap-nav a.ap-nav__sale { color: var(--ap-red); }
	.ap-hdr .ap-nav a.ap-nav__b2b { color: var(--ap-blue); }
	.ap-hdr .ap-contacts__phone { font-size: 17px; font-weight: 800; color: var(--ap-text); }
	.ap-hdr .ap-contacts__mail { font-size: 14px; font-weight: 400; }
	.ap-hdr .ap-hic span { font-size: 12px; font-weight: 500; }

	/* меню каталога открывается под шапкой, по левому краю контента */
	.header > .mega { top: 100%; left: max(24px, calc((100vw - 1320px) / 2)); }
}

@media (min-width: 971px) and (max-width: 1240px) {
	.ap-hdr .ap-nav { gap: 18px; }
}

/* End */


/* Start:/css/slick.css?17863583371776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/.default/components/bitrix/search.title/ap_header/style.css?1792414779832*/
.searche-title {}

.search-title-button {
	background-image: url(/local/templates/.default/components/bitrix/search.title/ap_header/images/icon-search.svg);
	background-repeat: no-repeat;
	background-position: center;
	min-width: 45px;
	/* min-height: 38px; */
	height: calc(1.5em + 0.75rem);
}


.title-search-result {
	border: 1px solid #ced4da;
	display: none;
	overflow: hidden;
	z-index: 205;
	background-color: #fff;
	padding: 10px;
	border-radius: 3px;
}

.search-title-result-item {
	border-bottom: 1px solid #ddd;
}


.search-title .search-title-result-item:last-child {
	border-bottom:  none;
}

.search-title-result-item-link {
	font-size: 16px;
	transition: 170ms linear all;
}

.search-title-result-item-price {
	font-size: 16px;
}

.search-title-result-item-current-price {
	font-weight: bold;
}

.search-title-result-item-old-price {
	font-size: 80%;
	text-decoration: line-through;
}
/* End */


/* Start:/local/templates/.default/components/bitrix/sale.basket.basket.line/bootstrap_v4/style.min.css?17904365004065*/
.basket-line-block{position:relative;padding-left:25px;white-space:nowrap;font-size:13px}.basket-line-block-icon-cart,.basket-line-block-icon-profile{position:relative;margin-right:10px}.basket-line-block-icon-cart:after,.basket-line-block-icon-profile:after{position:absolute;top:-1px;left:-25px;display:block;width:20px;height:20px;content:''}.basket-line-block-icon-profile:after{background:no-repeat center url(/local/templates/.default/components/bitrix/sale.basket.basket.line/bootstrap_v4/images/profile.svg)}.basket-line-block-icon-cart:after{background:no-repeat center url(/local/templates/.default/components/bitrix/sale.basket.basket.line/bootstrap_v4/images/cart.svg)}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.vcenter{bottom:10px;top:auto !important}.bx-basket-item-list{display:none}}.bx-basket-fixed .basket-line-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .basket-line{line-height:1.44em}
/* End */


/* Start:/local/templates/.default/components/bitrix/search.title/bootstrap_v4/style.min.css?1792414779708*/
.searche-title {}

.search-title-button {
	background-image: url(/local/templates/.default/components/bitrix/search.title/bootstrap_v4/images/icon-search.svg); background-repeat:no-repeat;background-position:center;min-width:45px;height:calc(1.5em + 0.75rem)}.title-search-result{border:1px solid #ced4da;display:none;overflow:hidden;z-index:205;background-color:#fff;padding:10px;border-radius:3px}.search-title-result-item{border-bottom:1px solid #ddd}.search-title .search-title-result-item:last-child{border-bottom:0}.search-title-result-item-link{font-size:16px;transition:170ms linear all}.search-title-result-item-price{font-size:16px}.search-title-result-item-current-price{font-weight:bold}.search-title-result-item-old-price{font-size:80%;text-decoration:line-through}
/* End */


/* Start:/bitrix/components/bitrix/breadcrumb/templates/universal/style.min.css?1786358303620*/
.bx-breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bx-breadcrumb-item{height:22px;white-space:nowrap}.bx-breadcrumb-item-angle{margin:0 10px;color:#b5bdc2;vertical-align:top;font-size:12px}.bx-breadcrumb-item-link{border-bottom:0;vertical-align:top;line-height:21px}.bx-breadcrumb-item-text{vertical-align:top;white-space:normal;font:400 13px/21px "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;transition:250ms linear all}
/* End */


/* Start:/local/templates/.default/components/bitrix/form.result.new/ap_order/style.css?1792414781390*/
.ap-order__done { display: flex; flex-direction: column; gap: 8px; padding: 28px; border-radius: 16px; background: #EAF7EF; color: #1A8048; font-size: 15px; }
.ap-order__done b { font-size: 20px; }
.ap-order__errors { padding: 12px 16px; border-radius: 12px; background: #FDECEC; color: #E31E24; font-size: 14px; }
.ap-order__errors p, .ap-order__errors font { margin: 0; color: inherit; }

/* End */


/* Start:/bitrix/components/bitrix/form.result.new/templates/.default2/style.css?1790846698666*/
table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:1px solid #ADC3D5;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(/bitrix/components/bitrix/form.result.new/templates/.default2/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}


table.form-table td
{
	padding: 15px 5px;
}

.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/bitrix/components/bitrix/form.result.new/templates/.default2/images/icon_warn.gif);
}
/* End */
/* /css/style.css?1792158100137500 */
/* /css/media-queries.css?179215057421343 */
/* /css/header-mobile.css?179214473311480 */
/* /css/catalog-list.css?179241502941207 */
/* /local/templates/.default/avtoprom/css/avtoprom.css?179241477379218 */
/* /css/header-new.css?17924150293076 */
/* /css/slick.css?17863583371776 */
/* /local/templates/.default/components/bitrix/search.title/ap_header/style.css?1792414779832 */
/* /local/templates/.default/components/bitrix/sale.basket.basket.line/bootstrap_v4/style.min.css?17904365004065 */
/* /local/templates/.default/components/bitrix/search.title/bootstrap_v4/style.min.css?1792414779708 */
/* /bitrix/components/bitrix/breadcrumb/templates/universal/style.min.css?1786358303620 */
/* /local/templates/.default/components/bitrix/form.result.new/ap_order/style.css?1792414781390 */
/* /bitrix/components/bitrix/form.result.new/templates/.default2/style.css?1790846698666 */