/* Start:/local/templates/mpkabel/css/owl.carousel.min.css?17797997313356*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/mpkabel/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/mpkabel/css/owl.theme.default.min.css?17797997311016*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#e57d20;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#000;}
/* End */


/* Start:/local/templates/mpkabel/css/lightbox.css?17797997313874*/
/* Preload images */
body:after {
  content: url(/local/templates/mpkabel/css/../img/close.png) url(/local/templates/mpkabel/css/../img/loading.gif) url(/local/templates/mpkabel/css/../img/prev.png) url(/local/templates/mpkabel/css/../img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/local/templates/mpkabel/css/../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/local/templates/mpkabel/css/../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/local/templates/mpkabel/css/../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/local/templates/mpkabel/css/../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* End */


/* Start:/local/templates/mpkabel/css/custom.css?177979993428182*/
#scrollToTopBtn {position: fixed;
    bottom: 270px;
    right: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fbc972;
    color: #001e28;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    display: none; /* изначально скрыта */
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
    transition: opacity 0.3s, transform 0.3s;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    user-select: none;}

@keyframes cartBounce {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); background-color: #fbc972; border-radius: 50%; }
    100% { transform: scale(1); }
}

#basketIcon.cart-animation img,
.icon-wrapper.cart-animation img {
    animation: cartBounce 0.5s ease;
}
/* Если нужно анимировать только иконку внутри .icon-wrapper */
.icon-wrapper.cart-animation img {
    animation: cartBounce 0.5s ease;
}

.basket-empty {margin-bottom:10px;}
/* Выпадающее окно корзины */
.basket-total {display:none;}
.basket-popup {
    position: fixed;
    top: 130px;
    right: 0;
    width: 380px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    border-radius: 12px;
    z-index: 1001;
    padding: 15px;
    font-size: 14px;
}
.basket-popup-header {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.basket-popup-close {
    cursor: pointer;
    font-size: 20px;
}
.basket-popup-items {
    max-height: 350px;
    overflow-y: auto;
}
.basket-item {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}
.basket-item-img img {
    width: 60px;
    height: auto;
}
.basket-item-info {
    flex: 1;
}
.basket-item-title {
    font-weight: 600;
    margin-bottom: 6px;
}
.basket-item-price {
    color: #067099;
    font-weight: 600;
}
.basket-item-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
}
.basket-item-qty {
    width: 50px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 4px;
}
.basket-item-delete {
    cursor: pointer;
    color: #999;
    font-weight: bold;
    background: none;
    border: none;
}
.basket-total {
    font-weight: 700;
    font-size: 18px;
    margin: 10px 0;
    text-align: right;
}
.basket-order-btn {
    background: #067099;
    color: white;
    border: none;
    padding: 10px;
    width: 100%;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
}
.basket-loader {
    text-align: center;
    padding: 20px;
}
.juicy_favorites:hover {background-image: url(/img/fav_hover.svg);}
.juicy_favorites {
position: absolute;
top: 10px;
    left: 10px;
    z-index: 800;
    width: 36px;
    height: 30px;
    background-image: url(/img/fav.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
transition-duration: 0.2s;}

h1 {font-size: 2.1vw;
    font-weight: 800;
    color: #006e95;
    margin: 0 0 30px;
    line-height: 1.3;}
button {font-family: 'Montserrat', sans-serif;}
input {font-family: 'Montserrat', sans-serif;}
h1, h2 {line-height: 100%;}
*:focus-visible {outline:none !important;}
*:focus {outline:none !important;}
a {color:#000;
	text-decoration:none;}
a:hover {text-decoration:underline;}

body {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    line-height: 20px;
    color: #000;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/local/templates/mpkabel/css/static/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* 400 — Regular */
@font-face {
  font-family: 'Montserrat';
  src: url('/local/templates/mpkabel/css/static/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 500 — Medium */
@font-face {
  font-family: 'Montserrat';
  src: url('/local/templates/mpkabel/css/static/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* 600 — SemiBold */
@font-face {
  font-family: 'Montserrat';
  src: url('/local/templates/mpkabel/css/static/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* 700 — Bold */
@font-face {
  font-family: 'Montserrat';
  src: url('/local/templates/mpkabel/css/static/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 800 — ExtraBold */
@font-face {
  font-family: 'Montserrat';
  src: url('/local/templates/mpkabel/css/static/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* 900 — Black */
@font-face {
  font-family: 'Montserrat';
  src: url('/local/templates/mpkabel/css/static/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


/* ==================== АДАПТИВ ШАПКИ И ПОДВАЛА ==================== */

/* Общие контейнеры */
@media (max-width: 1200px) {
    .container, .container_juicy {
        margin: 0 5% !important;
        width: auto !important;
    }
}

@media (max-width: 992px) {
    .container, .container_juicy {
        margin: 0 4% !important;
    }
    
    /* Шапка: вертикальная структура */
    .header_main_block {
        flex-direction: row;
        align-items: center;
    }
    .mpkabel_logo {
        width: 200px;
        margin-bottom: 10px;
    }
    .mpkabel_search_topmenu {
        width: 100%;
        margin-left: 0 !important;
    }
    .mpkabel_topmenu_block {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .mpkabel_topmenu {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px 20px;
    }
    .mpkabel_topmenu a {
        font-size: 14px !important;
    }
    .mpkabel_topmenu_tele_block_main {
        flex-direction: column;
        gap: 5px;
        text-align: center;
    }
    .mpkabel_topmenu_tele {
        font-size: 16px !important;
    }
    .mpkabel_search_block {
        flex-direction: column;
        gap: 15px;
    }
    .mpkabel_search_comp {
        width: 100% !important;
    }
    .mpkabel_search_callback {
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }
    .mpkabel_search_block_icons {
        justify-content: center;
    }
    .mpkabel_search_block_call {
        font-size: 14px;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .container, .container_juicy {
        margin: 0 16px !important;
    }
    
    /* Скрываем лишний отступ у breadcrumb */
    .breadcrumb_header {
        display:none;
    }
    
    /* Кнопки фиксированной панели */
    .fixed-buttons {
        bottom: 20px;
        right: 16px;
        gap: 8px;
    }
    .fixed-buttons img {
        width: 55px;
    }
    
    /* Баннер cookie */
    .juicy_cookieConsentBanner {
        width: 90% !important;
        right: 5% !important;
        left: 5% !important;
        bottom: 10px;
        padding: 12px 16px;
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    .juicy_cookieConsentBanner_ok {
        font-size: 14px;
        padding: 8px 24px;
    }
    
    /* Кнопка "Наверх" */
    #scrollToTopBtn {
        bottom: 200px;
        right: 16px;
        width: 50px;
        height: 50px;
        font-size: 32px;
    }
}

/* ==================== АДАПТИВ ПОДВАЛА ==================== */
@media (max-width: 992px) {
    .mpkabel-footer-grid {
        flex-direction: column;
        gap: 30px;
    }
    .mpkabel-footer-col {
        width: 100%;
        min-width: auto;
    }
    .mpkabel-footer-form input,
    .mpkabel-footer-form button {
        width: 100%;
    }
    .mpkabel-footer-bottom {
        text-align: center;
        padding: 20px 16px 0;
    }
    .mpkabel-footer h4:after {
        margin-left: 0;
    }
}

@media (max-width: 576px) {
    .mpkabel-footer {
        padding: 30px 0 20px;
    }
    .mpkabel-footer-contacts p,
    .mpkabel-footer ul li a {
        font-size: 13px;
    }
    .mpkabel-footer .address-block,
    .city-addresses p {
        font-size: 14px;
    }
    /* Вкладки городов */
    .city-tabs-nav {
        flex-wrap: wrap;
    }
    .city-tab-btn {
        padding: 10px 16px;
        font-size: 13px;
        margin-bottom: 2px;
    }
    .city-tab-content {
        flex-direction: column;
    }
    .city-map iframe {
        height: 200px;
    }
}

/* Улучшение читаемости для очень маленьких экранов */
@media (max-width: 480px) {
    .mpkabel_topmenu a {
        font-size: 12px !important;
    }
    .mpkabel_topmenu_tele {
        font-size: 14px !important;
    }
    .mpkabel_search_block_call {
        font-size: 12px;
    }
    .icon-wrapper img {
        height: 24px;
    }
    .mpkabel_logo {
        width: 160px;
    }
    h1 {
        font-size: 24px !important;
    }
}
/* ========== БУРГЕР-МЕНЮ ========== */
.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 21px;
    cursor: pointer;
    z-index: 1002;
    margin-right: 15px;
}

.mobile-menu-toggle span {
    display: block;
    height: 3px;
    width: 100%;
    background-color: #026E98;
    border-radius: 3px;
    transition: 0.3s ease;
}

/* Анимация при открытом меню */
.mobile-menu-toggle.active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}
.mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
}
.mobile-menu-toggle.active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}

/* Блок выпадающего меню (мобильное) */
.mobile-menu-container {
    display: none;
    position: fixed;
    top: 120px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    z-index: 1001;
    padding: 15px 20px;
    border-top: 1px solid #FABC4F;
    box-sizing: border-box;
}
    .mobile-menu-container .mpkabel_topmenu {
        flex-direction: row !important;
        flex-wrap: nowrap !important;      /* запрещаем перенос */
        overflow-x: auto !important;       /* добавляем горизонтальный скролл, если не помещаются */
        -webkit-overflow-scrolling: touch;
        gap: 16px;
        padding-bottom: 10px;              /* отступ для скролла */
        justify-content: flex-start;
    }
 .mobile-menu-container .mpkabel_topmenu a {
        white-space: nowrap;               /* текст не переносится */
        font-size: 14px;
        padding: 8px 0;
    }
	   .mobile-menu-container .mpkabel_topmenu::-webkit-scrollbar {
        height: 4px;
    }
    .mobile-menu-container .mpkabel_topmenu::-webkit-scrollbar-track {
        background: #e0e0e0;
        border-radius: 4px;
    }
    .mobile-menu-container .mpkabel_topmenu::-webkit-scrollbar-thumb {
        background: #FABC4F;
        border-radius: 4px;
    }
.mobile-menu-container .mpkabel_topmenu_tele_block_main {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.mobile-menu-container .mpkabel_topmenu_tele {
    font-size: 18px;
}

/* Адаптив: показываем бургер и скрываем стандартное меню */
@media (max-width: 992px) {
    .header_main_block {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .mpkabel_logo {
        order: 1;
        width: auto;
        flex: 1;
        text-align: center;
    }
    .mobile-menu-toggle {
        display: flex;
        order: 0;
    }
    /* Скрываем оригинальное меню на мобильных */
    .mpkabel_topmenu_block .mpkabel_topmenu,
    .mpkabel_topmenu_block .mpkabel_topmenu_tele_block_main {
        display: none;
    }
    /* Остальные элементы шапки подстраиваем */
    .mpkabel_search_topmenu {
        width: 100%;
        order: 3;
        margin-left: 0;
        padding: 10px 0;
    }
    .mpkabel_search_block {
        flex-wrap: wrap;
    }
    .mpkabel_search_comp {
        width: 100%;
        margin-bottom: 10px;
    }
    .mpkabel_search_callback {
        width: 100%;
        justify-content: space-between;
    }
}

/* Планшеты и крупные телефоны */
@media (max-width: 768px) {
    .mpkabel_search_callback {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    .mpkabel_search_block_icons {
        gap: 20px;
    }
    .mpkabel_topmenu_tele_block_main {
        align-items: center;
    }
}

        /* Стили для кнопок */
        .fixed-buttons {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 100;
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

        .fixed-buttons img {
            width: 75px;
            cursor: pointer;
            transition: transform 0.2s ease, opacity 0.2s ease;
        }

        /* Ховер-эффект при наведении */
        .fixed-buttons img:hover {
            transform: scale(1.1);
            opacity: 0.85;
        }

        /* Стили для модального окна */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1000;
            justify-content: center;
            align-items: center;
        }

        .modal-content {
            background: white;
            padding: 30px;
            border-radius: 16px;
            width: 90%;
            max-width: 400px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            animation: fadeIn 0.3s ease;
        }

        .modal-content h2 {
            margin-bottom: 20px;
            font-size: 24px;
            color: #333;
        }

        .modal-content input {
            width: 100%;
            padding: 12px;
            margin-bottom: 15px;
            border: 1px solid #ddd;
            border-radius: 8px;
            font-size: 16px;
            box-sizing: border-box;
			font-family: 'Montserrat', sans-serif;
        }


        .modal-content button {
            background: #067099;
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: 8px;
            font-size: 16px;
            cursor: pointer;
            width: 100%;
            transition: background 0.2s ease;
			font-family: 'Montserrat', sans-serif;
        }

        .modal-content button:hover {
            background: #06709960;
        }

        .close-modal {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 24px;
            cursor: pointer;
            color: #999;
        }

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

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: scale(0.95);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        /* Для позиционирования крестика внутри модалки */
        .modal-content {
            position: relative;
        }
		
		
		
.policy-wrapper {
    margin: 15px 0;
    font-size: 14px;
    text-align: left;
}

.policy-label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    gap: 10px;
	font-weight:500;
}

.policy-label input {
    width: auto; /* Чтобы чекбокс не растягивался */
    margin-top: 3px;
}

.policy-label a {
    color: #007bff;
    text-decoration: underline;
}

.mpkabel_search_comp_link {width: 73%;}
.mpkabel_topmenu_tele_block_main {    display: flex;
    align-items: center;
	gap: 38px;}
.mpkabel_topmenu_tele_block {display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.73vw;}
.container {
margin: 0px 15% 0 16%;
    width: 69%;
}
.container_juicy {
margin: 0px 15% 0 16%;
    width: 69%;
    margin-bottom: 80px;
}
.icon-wrapper {
    position: relative;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
}

.icon-wrapper img {
    height: 30px;
    width: auto; 
    display: block;
    transition: opacity 0.3s ease;
}

.default-img {
    position: relative; 
    z-index: 1;
}


.hover-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0; 
}

.icon-wrapper:hover .default-img {
    opacity: 0;
}

.icon-wrapper:hover .hover-img {
    opacity: 1;
}

.bx-basket-fixed {display:none;}
.mpkabel_search_block {display:flex;
	align-items: center;
	justify-content: space-between;}
.mpkabel_search_block_icons {display: flex;
	gap:30px;}
.mpkabel_search_block_call {font-size: 0.94vw;
	line-height:18px;
	font-weight:700;
	color:#026E98;
	cursor:pointer;
	text-decoration:underline;
	width: max-content;}
.mpkabel_search_block_call:hover {color:#025876;}	
.mpkabel_search_callback {display: flex;
	gap:75px;
	align-items: center;}
.mpkabel_topmenu_mail:hover {opacity:0.8;}
.mpkabel_topmenu_tele:hover {opacity:0.8;}
.mpkabel_topmenu_mail {font-size:14px;
	line-height:14px;
	font-weight:700;
	text-decoration:underline;}
.mpkabel_topmenu_tele {font-size: 0.94vw;
	line-height:22px;
	font-weight:700;
	text-decoration:underline;}
.mpkabel_topmenu_block {display: flex;
	align-items: center;
	justify-content: space-between;}
.mpkabel_topmenu a:hover {text-decoration:underline;}
.mpkabel_topmenu a {font-size: 0.73vw;
	font-weight:500;}
.mpkabel_topmenu {display:flex;
	flex-direction:row;
	gap:1.1vw;
	}
.mpkabel_search_topmenu {display:flex;
	flex-direction:column;
	gap:5px;
	padding: 15px 0;
	margin-left: 6.087%;
    width: 81%;}
.header_main_block {display:flex;}
.mpkabel_logo a {
    display: block;
    position: relative;
    line-height: 0;
}

.mpkabel_logo_main {
    display: block;
    transition: opacity 0.3s ease;
	
}

.mpkabel_logo_main_hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.mpkabel_logo a:hover .mpkabel_logo_main {
    opacity: 0;
}

.mpkabel_logo a:hover .mpkabel_logo_main_hover {
    opacity: 1;
}

.header_main.header_main_fixed {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    animation: slideDown 0.4s ease;
}
.header_main {position: relative;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #FABC4F;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease;}
@keyframes slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}
.mpkabel_logo img {width:100%;
	}
.mpkabel_logo {padding: 15px 0;
	width:16%;
	    display: flex;
    align-items: center;}
.mpkabel_search_comp {    width: 45%;}



@media (max-width: 1500px) {
	
.mpkabel_search_callback {gap: 56px;}
.mpkabel_topmenu_tele_block_main {gap: 20px;}
}

@media (max-width: 1200px) {

.breadcrumb_header {display:none;}
.catalog-sidebar {display:none;}
}

/* ========== НОВАЯ МОБИЛЬНАЯ ШАПКА (до 992px) ========== */
@media (max-width: 992px) {

.header_main {margin-bottom: 30px;}

    /* Скрываем десктопные блоки */
    .desktop-only {
        display: none !important;
    }
    /* Показываем мобильные элементы */
    .mobile-only {
        display: flex !important;
    }
    
    .header_main_block {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 12px;
        padding: 10px 0;
    }
    
    /* Логотип по центру, компактный */
    .mpkabel_logo {
        width: auto;
        flex: 1;
        text-align: center;
        padding: 0;
    }
    .mpkabel_logo a {
        display: inline-block;
        max-width: 140px;
    }
    
    /* Бургер */
    .mobile-menu-toggle {
        display: flex;
        order: 0;
        margin-right: 0;
    }
    
    /* Контейнер мобильных иконок (телефон, избранное, корзина) */
    .mobile-icons {
        display: flex;
        align-items: center;
        gap: 18px;
        order: 2;
    }
    .mobile-icon {
        cursor: pointer;
        transition: opacity 0.2s;
        line-height: 0;
    }
    .mobile-icon img {
        height: 26px;
        width: auto;
        display: block;
    }
    .mobile-icon:hover {
        opacity: 0.7;
    }
    
    /* Поиск под шапкой */
    .mobile-search {
        padding: 12px 16px 16px;
        background: #fff;
        border-top: 1px solid #f0f0f0;
    }
    .mobile-search #title-search-mobile,
    .mobile-search .bx-searchtitle {
        width: 100%;
    }
    .mobile-search input {
        width: 100%;
        padding: 12px 45px;
        border-radius: 40px;
        border: 1px solid #ddd;
        font-size: 14px;
		box-sizing: border-box;
    }
    
    /* Выпадающее меню */
    .mobile-menu-container {
        display: none;
        position: fixed;
        top: 155px;
        left: 0;
        width: 100%;
        background: #ffffff;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        z-index: 1001;
        border-top: 2px solid #fbc972;
        padding: 20px 0;
    }
    .mobile-menu-inner {
        padding: 0 20px;
    }
    .mobile-menu-links {
        display: flex;
        flex-direction: column;
        gap: 14px;
        margin-bottom: 24px;
    }
    .mobile-menu-links a {
        font-size: 16px;
        font-weight: 500;
        color: #1a2b3c;
        text-decoration: none;
        padding: 6px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    .mobile-menu-contacts {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding-top: 10px;
        border-top: 1px solid #eee;
    }
    .mobile-menu-phone {
        font-size: 20px;
        font-weight: 700;
        color: #026e98;
        text-decoration: none;
    }
    .mobile-menu-email {
        font-size: 14px;
        color: #555;
        text-decoration: underline;
    }
    
    /* Анимация бургера */
    .mobile-menu-toggle.active span:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }
    .mobile-menu-toggle.active span:nth-child(2) {
        opacity: 0;
    }
    .mobile-menu-toggle.active span:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }
}

/* Десктопные стили (от 992px и выше) */
@media (min-width: 993px) {
    .mobile-only {
        display: none !important;
    }
    .desktop-only {
        display: block !important;
    }
    .mobile-menu-container {
        display: none !important;
    }
    .mobile-search {
        display: none !important;
    }

}

/* Фиксированная шапка на мобильных */
@media (max-width: 992px) {

/* Мобильный каталог в бургер-меню */
.mobile-catalog-block {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.mobile-catalog-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}
.mobile-catalog-arrow {
    transition: transform 0.2s;
    font-size: 14px;
}
.mobile-catalog-block.open .mobile-catalog-arrow {
    transform: rotate(90deg);
}
.mobile-catalog-tree {
    margin-top: 5px;
    margin-bottom: 15px;
}
/* Скопированное дерево каталога адаптируем под мобильное меню */
.mobile-catalog-tree .catalog-sidebar {
    all: initial; /* сбрасываем все унаследованные стили */
    position: static;
    width: 100%;
    background: transparent;
    box-shadow: none;
    max-height: none;
    overflow: visible;
}
.mobile-catalog-tree .sidebar-catalog-item {
    margin: 0;
    background: transparent;
    box-shadow: none;
}
.mobile-catalog-tree .sidebar-catalog-title {
    font-size: 15px;
    padding: 10px 0;
}
.mobile-catalog-tree .sidebar-catalog-submenu {
    padding-left: 20px;
}
.mobile-catalog-tree .toggle-arrow {
    font-size: 12px;
}
.mobile-catalog-tree .catalog-sidebar {
    all: initial;
    display: block;
    width: 100%;
    background: transparent;
    box-shadow: none;
    max-height: none;
    overflow: visible;
}
.mobile-catalog-tree .sidebar-catalog-item {
    margin: 0;
    background: transparent;
    box-shadow: none;
}
.mobile-catalog-tree .sidebar-catalog-title {
    font-size: 15px;
    padding: 8px 0;
}
.mobile-catalog-tree .toggle-arrow {
    font-size: 12px;
}

	.mobile-icon_teleModal {height: 36px !important;}
	#scrollToTopBtn {width: 30px;
    height: 30px;
	bottom: 20px;
	font-size: 24px;}
	.fixed-buttons {display:none;}
    .header_main.header_main_fixed {
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        animation: slideDown 0.3s ease;
        z-index: 1000;
    }
    body {
        padding-top: 0;
    }
    .header_main_fixed + .container {
        margin-top: 80px;
    }
}

/* Адаптация попапа корзины на маленьких экранах */
@media (max-width: 576px) {
    .basket-popup {
        width: 320px;
        right: 10px;
        top: 70px;
        padding: 12px;
    }
    .basket-item-title {
        font-size: 12px;
    }
}

/* Блок полностью как на скриншоте */
.juicy_three_buttons_block {
    margin-top: 80px;
    margin-bottom: 80px;
}

.juicy_promo_inner {
    position: relative;
    display: flex;
    justify-content: center;
}

.juicy_bg_img {
    width: 69%;            /* ширина как в оригинале */
    height: auto;
    display: block;
    pointer-events: none;  /* чтобы не мешать кликать по кнопкам */
}

.juicy_opac_but_block {
    position: absolute;
    display: flex;
    bottom: 30%;
    width: 55%;
    gap: 5%;
    pointer-events: none;
}

.juicy_opac_but {
    pointer-events: auto;
    cursor: pointer;
    transition: opacity 0.2s;
    flex: 1;
}

.juicy_opac_but img {
    width: 100%;
    display: block;
}

.juicy_opac_but:hover {
    opacity: 0.8;
}

.juicy_phone_link {
    position: absolute;
    bottom: 14%;
    left: 54%;
    text-decoration: underline;
    font-weight: 700;
    color: #000;          /* подберите под ваш фон, на скрине тёмный текст */
    white-space: nowrap;
    pointer-events: auto;
    font-size: 1rem;
}

.juicy_phone_link:hover {
    opacity: 0.7;
    text-decoration: none;
}

/* Адаптивность, чтобы не разъезжалось на планшетах/телефонах */
@media (max-width: 1200px) {
    .juicy_bg_img { width: 80%; }
    .juicy_opac_but_block { width: 60%; bottom: 25%; }
    .juicy_phone_link { bottom: 10%; left: 50%; transform: translateX(-50%); font-size: 0.9rem; }
}

@media (max-width: 768px) {
    .juicy_three_buttons_block { margin: 40px 0; }
    .juicy_bg_img { width: 100%; }
    .juicy_opac_but_block { width: 75%; bottom: 18%; gap: 3%; }
    .juicy_phone_link { font-size: 0.75rem; bottom: 6%; }
}

@media (max-width: 576px) {
    .juicy_opac_but_block { width: 85%; bottom: 12%; }
    .juicy_phone_link { font-size: 0.65rem; bottom: 3%; }
}
/* End */


/* Start:/local/templates/mpkabel/components/bitrix/search.title/mpkabel/style.css?17798000612432*/


.juicy_search_input:focus-visible {outline:none;}
.juicy_search_form {    position: relative;}
.juicy_search_input {width: 100%;
    padding: 12px;
    border: 1px solid #cadce5;
    border-radius: 8px;
    padding-left: 40px;
font-size: 0.73vw;}
.juicy_search_lupa {    position: absolute;
    top: 12px;
    left: 9px;}

div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/mpkabel/components/bitrix/search.title/mpkabel/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/local/templates/mpkabel/components/bitrix/breadcrumb/.default/style.css?1779800048523*/
.bx-breadcrumb {
	margin: 20px 0;
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	white-space: nowrap;
	line-height: 14px;
	vertical-align: middle;
	margin-right: 5px;
	color: #9775a3;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-size: 0.74vw;
	white-space: normal;
	color: #9775a3;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}

/* End */


/* Start:/local/templates/mpkabel/components/bitrix/catalog.section.list/tree_menu/style.css?17798347273772*/
/* Подсветка активного раздела */
.sidebar-catalog-item.active > .sidebar-catalog-title {
    background: rgba(5, 106, 143, 0.18);
    border-left: 3px solid #fbc972;
}
.sidebar-catalog-item.active > .sidebar-catalog-title a {
    font-weight: 700;
    color: #026E98;
}

.catalog-sidebar {
    position: fixed;
    left: 0;
    top: 143px;
    width: 13%;
    background: #F5F6F8;
    border-radius: 0 8px 8px 0;
    box-shadow: 2px 2px 12px rgba(0,0,0,0.1);
    z-index: 999;
    font-family: 'Montserrat', sans-serif;
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    overflow-x: hidden;
    transition: none; /* убираем анимацию */
}

/* Всегда показываем текст и стрелки */
.catalog-sidebar .sidebar-catalog-title a,
.catalog-sidebar .toggle-arrow {
    display: flex;
}

/* Скрываем иконки в пунктах меню */
.sidebar-catalog-title img {
    display: none;
}

/* Остальные стили (скролл, пункты, подменю) оставляем без изменений */
.catalog-sidebar::-webkit-scrollbar {
    width: 5px;
}
.catalog-sidebar::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.catalog-sidebar::-webkit-scrollbar-thumb {
    background: #026E98;
    border-radius: 5px;
}
.catalog-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.catalog-sidebar li {
    margin: 0;
    padding: 0;
}
.sidebar-catalog-item {
    background: #F5F6F8;
    border-radius: 8px;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.1);
    margin: 10px 12px;
    transition: all 0.2s;
}
.sidebar-catalog-item:hover {
    background: #056a8f2e;
}
.sidebar-catalog-title {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 12px;
	font-size: 0.73vw;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    position: relative;
line-height: 100%;	
}
.sidebar-catalog-title a {
    flex: 1;
    text-decoration: none;
    color: inherit;
    font-weight: inherit;
}
.sidebar-catalog-title a:hover {
    text-decoration: underline;
}
.sidebar-catalog-title .toggle-arrow {
    font-size: 16px;
    color: #006F94;
    transition: transform 0.2s;
    cursor: pointer;
    margin-left: 8px;
    width: 24px;
    text-align: center;
    user-select: none;
    flex-shrink: 0;
}
.sidebar-catalog-item.open > .sidebar-catalog-title .toggle-arrow {
    transform: rotate(90deg);
}
.sidebar-catalog-submenu {
    display: none;
    padding: 0 15px 0 15px;
    border-top: 0px solid rgba(0,0,0,0.05);
}
.sidebar-catalog-item.open > .sidebar-catalog-submenu {
    display: block;
    border-top-width: 1px;
}
.sidebar-catalog-submenu .sidebar-catalog-item {
    margin: 5px 0;
    box-shadow: none;
    background: transparent;
}
.sidebar-catalog-submenu .sidebar-catalog-title {
    font-size: 0.73vw;
    font-weight: 500;
    padding: 8px 10px 8px 20px;
}
.sidebar-catalog-submenu .sidebar-catalog-submenu .sidebar-catalog-title {
    font-size: 0.73vw;
    font-weight: 400;
    padding-left: 35px;
}
.sidebar-catalog-submenu .sidebar-catalog-submenu .sidebar-catalog-submenu .sidebar-catalog-title {
    padding-left: 50px;
    font-size: 0.68vw;
}

/* Кнопка «Каталог» – скрыта на десктопе и на мобильных (т.к. меню всегда видно) */
.catalog-toggle-btn {
    display: none !important;
}

@media (max-width: 920px) {
	.sidebar-catalog-submenu .sidebar-catalog-submenu .sidebar-catalog-submenu .sidebar-catalog-title { font-size: 15px;}
	.sidebar-catalog-item:hover {background:none;}
	.sidebar-catalog-submenu .sidebar-catalog-submenu .sidebar-catalog-title { font-size: 15px;}
	.sidebar-catalog-submenu .sidebar-catalog-title { font-size: 15px;}

}
/* End */
/* /local/templates/mpkabel/css/owl.carousel.min.css?17797997313356 */
/* /local/templates/mpkabel/css/owl.theme.default.min.css?17797997311016 */
/* /local/templates/mpkabel/css/lightbox.css?17797997313874 */
/* /local/templates/mpkabel/css/custom.css?177979993428182 */
/* /local/templates/mpkabel/components/bitrix/search.title/mpkabel/style.css?17798000612432 */
/* /local/templates/mpkabel/components/bitrix/breadcrumb/.default/style.css?1779800048523 */
/* /local/templates/mpkabel/components/bitrix/catalog.section.list/tree_menu/style.css?17798347273772 */