body{
background-color: #F4F5F7;
}
body.view-productdetails{
    background-color: #ffffff;
}
#sp-main-menu, #sp-slideshow{
background-color: white;
}
.module-title, .catalog-categories h1{
    font-size: 34px;
    line-height: 120%;
}
.accordion-item{
    margin-bottom: 10px;
    box-shadow: 0 4px 60px 0 rgba(147, 147, 147, 0.15);
    border-radius: 6px;
}
button.accordion-button, .accordion-button:focus{
    padding: 0;
        background-color: #ffffff !important;
    border-radius: 0;
    color: #02111B!important;
font-family: 'Magistral', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 26.4px */
padding-bottom: 10px;
border: 0;
border-bottom: 1px solid #F1F1F1;
box-shadow: none;
}
    button.accordion-button:before{
        display: none;
    }
    .accordion-body{
        padding: 10px 20px;
        padding-top: 0px;
        color: #636363;
        font-size: 18px;
        line-height: 120%;
    }
    .accordion-header{
      padding: 10px 20px;
    }
    .accordion-button:not(.collapsed)::after, .accordion-button::after{
        background-image: url(/images/faq-icons/akkufaqopener.svg);
        width: 40px;
height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    }
    .accordion-button[aria-expanded="true"]:after{
        background-image: url(/images/faq-icons/akkufaqcloser.svg);
    width: 40px;
height: 40px;
    background-size: cover;
     background-repeat: no-repeat;
    }
    .other-revs .owl-item{
        background: #ffffff;
        height: 120px;
        padding: 10px;
        border-radius: 6px;
    }
    .akkfor-item{
          background: #ffffff;
    }
    .akcia .product-container, .spacer.product-container{
        background: #ffffff;
    }
    .prods-akk .product-container{
    background: transparent;
    }
    .rstboxes .rstbox_overlay{
        background: rgba(24, 24, 24, 0.70)!important;
    }
    .rstboxes .rstbox.rstbox_center{
        max-width: 560px!important;
    /* Fallback для старых */
    height: initial!important;
    
    /* Safari iOS 10+ */
    height: -webkit-fit-content !important;
    
    /* Firefox 3+ */
    height: -moz-fit-content !important;
    
    /* Стандарт */
    height: fit-content !important;
    
    /* Страховка, чтобы не схлопнулась */
    min-height: 300px !important;
    max-height: 90vh !important;
        border-radius: 10px!important;
        padding: 30px!important;
            text-align: left;
    }
    .rstbox-close{
        top: 30px;
        right: 30px;
        padding: 7px 3px;
        background: #EFEFEF;
        border-radius: 6px;
    }
    .rstbox-container{
        margin-top: 60px;
    }
    .rstbox-heading{
        color: #02111B;
font-family: 'Magistral', sans-serif;
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: 100%; 

    }
    .form-dscr-akku-obr-zvonok, .checkbox-akku-obr-zvonok label{
        color: #5D635E;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%; 
margin-bottom: 16px;
    }
    .rsform-block-phone .form-control{
border-radius: 2px;
border: 1px solid #F1F1F1;
padding: 8px 10px;
    }
    .rsform-block-sendcall button{
        display: block;
        border-radius: 2px;
background: linear-gradient(90deg, #F8A800 0%, #FFC855 100%);
color: #14120F;
text-align: center;
font-family: 'Magistral', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 16px; 
width: 100%;
padding: 16px 32px;
    }
    .checkbox-akku-obr-zvonok label{
    display: grid; 
    grid-template-columns: auto 1fr; 
    gap: 10px; 
    align-items: start;
    }
    .checkbox-akku-obr-zvonok input[type="checkbox"]{
        width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #F1F1F1!important;
    box-shadow: none!important;
    }
    .content-page-desc-dost p{
        color: #383838;
font-style: normal;
font-weight: 400;
line-height: 120%; 
    }
    .dost-akku-tbl-wrapper{
        border-radius: 10px;
border: 1px solid #EFEFEF;
background: #303035;
padding: 20px;
    }
    .dost-akku-tbl-wrapper-title{
        display: flex;
        gap: 10px;
        align-items: center;
        margin-bottom: 30px;
    }
    .dost-akku-tbl-wrapper-title-img-wrapper{
        border-radius: 10px;
border: 1px solid var(--Linear, #EE8F00);
background: #FFF1DE;
padding: 10px 12px;
    }
    .dost-akku-tbl-wrapper-title-nme{
        color: #FFF;
font-family: 'Magistral', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 28.8px */
    }
    .dost-akku-tbl{
        width: 100%;
            border: 0;
    margin-bottom: 0;
    }
    .dost-akku-tbl td{
        border: 0;
        padding: 0!important;
        padding-top: 14px!important;
        padding-bottom: 4px!important;
        color: #EAEAEA;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
    }
.dost-akku-tbl td .dost-akku-tbl-city{
    color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 23.4px */
}
.dost-akku-tbl tr{
    border-bottom: 1px solid #414347;
}
.dost-akku-tbl tr:last-child{
    border-bottom: 0;
}
.garantii-aku-tbl{
    table-layout: fixed;
    width: 100%;
    border: 1px solid #D9D2C7;
    border-radius: 6px;
}
.garantii-aku-tbl td{
    border: 1px solid #D9D2C7;
    padding: 16px 6px;
}
.garantii-aku-tbl tbody td{
text-align: left;
color: #222;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
vertical-align: top;
word-wrap: break-word;
    overflow-wrap: break-word;
    background: #ffffff;
}
.garantii-aku-tbl tr:nth-child(even):not(:first-child) td{
    background: #FFF3D4;
}
.garantii-aku-tbl thead td{
    background: #303035;
    color: #FFF;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 19.2px */
padding: 12px 10px;
}
.akkfor-item-wrapper{
    margin-bottom: 30px;
}
.akkfor-item{
    height: 100%;
    padding: 20px;
    padding-right: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 20px;
    box-shadow: none;
}
.akkfor-item img{
    float: right
}
.akkfor-title{
    color: #02111B;
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 26px */
letter-spacing: 0;
padding: 0!important;
width: 231px;
}
.akkfor-title span{
    color: #EE8F00;
}
.akkfor-item-wrapper a:hover .akkfor-item{
    background: #EE8F00; /* Фолбэк: сплошной цвет, если градиент не поддерживается */
background: -webkit-linear-gradient(180deg, #EE8F00 0%, #FFB23E 100%); /* Для старых Safari/Chrome/iOS */
background: linear-gradient(270deg, #EE8F00 0%, #FFB23E 100%); /* Современный стандарт */
}
.akkfor-item-wrapper a:hover .akkfor-title, .akkfor-item-wrapper a:hover .akkfor-title span{
    color: #ffffff;
}
.product-wrap a.pname, .product-name a{
    text-align: left;
    color: #000000;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 120%; 
text-transform: none;
margin-top: 10px;
}
.akcia .owl-stage{
    display: flex;
}
.item.product-container, .spacer.product-container{
    box-shadow: none;
    padding: 16px;
    border-radius: 10px;
    box-shadow: none;
    padding: 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 0px;
    margin-top: 0px;
        border: 1px solid #EFEFEF;
}
.akcia .product-wrap{
    
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.vm-price-desc{
    display: none!important;
}
.product-price, .browse-view .row .product .spacer .product-price .vm-price-value span{
    color: #14120F;
font-family: Roboto;
font-size: 24px!important;
font-style: normal;
font-weight: 500!important;
margin-top: 10px!important;
background: transparent!important;
padding: 0!important;
margin-bottom: 5px!important;
}
.product-wrap_info span.PricesalesPrice, .spacer.product-container span.PricesalesPrice{
font-size: 24px!important;
font-weight: 500!important;
color: #000000;
}
.product_s_desc, .product-wrap_info span.product-fields-title{
    color: #000000;
font-family: Roboto;
font-size: 14px!important;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 14px */
}
.product_s_desc>div{
border-radius: 0!important;
border: 1px solid #EFEFEF;
}
.product_s_desc>div:first-child{
    border-radius: 10px 10px 0 0!important;
}
.product_s_desc>div:last-child{
    border-radius: 0 0 10px 10px!important;
}
/*div#chars-tab-pane .product-field-display, div#chars-tab-pane span.product-fields-title-wrapper{
background: #F4F5F7!important;
}*/
.product_s_desc>*:nth-child(odd){
background: #F7F7F7;
}
.spacer.product-container .product_s_desc>* {
    padding: 8px;
}
span.addtocart-button a.addtocart-button, .addtocart_test-button,
span.addtocart-button span.addtocart-button, span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button, span.addtocart-button span.addtocart-button-disabled{
     border-radius: 2px;
  background: #F8A800!important;                    /* fallback */
  background: linear-gradient(90deg, #F8A800 0%, #FFC855 100%)!important;
  -webkit-background-clip: padding-box; /* для старых Safari с border-radius */
  padding: 16px 32px;
  color: #14120F!important;
text-align: center;
font-family: Magistral;
font-size: 18px!important;
font-style: normal;
font-weight: 500!important;
line-height: 16px; /* 88.889% */
margin-top: 20px;
}
.product-wrap_info .product-field.product-field-type-S .product-field-display{
    color: #000;
font-family: Roboto;
font-size: 12px!important;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 12px */
}
.product-wrap_info .product-field.product-field-type-S{
    padding: 8px;
}
.cf_wrapp_all{
    border-radius: 10px;
background: #FFF;
}
.cf_flt_header{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-bottom: 10px;
}
.cf_flt_header_text{
    color: #14120F;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.cf_filters_list_li input[type="checkbox"]{
    width: 20px;
height: 20px;
border-radius: 4px;
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
border: 1px solid #DBDBDB!important;
box-shadow: none!important;
border-color: #DBDBDB!important;
}
.cf_filters_list_li input[type="checkbox"]:checked {
    background-image: url(/images/tickakku.svg);
        background-color: #0d6efd;
}
.cf_filters_list li{
    display: flex;
    align-items: center;
    color: #261E3A;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}
div#cf_wrapper_input_text_price_109 .form-horizontal{
    flex-flow:wrap;
    gap: 10px;
}
.cf_filters_list li label{
    margin-bottom: 0;
}
.cf_btn_list li{
    display: inline-block!important;
}
.cf_flt_wrapper{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #EFEFEF;
}
.cf_button, .cf_button:active, .cf_button:visited, .cf_button:link{
    padding: 4px 12px!important;
    border-radius: 4px;
border: 1px solid #F1F1F1;
color: #14120F;
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
background: #ffffff;
}
.cf_currency{
    display: none;
}
#cf_wrapper_input_text_price_109 .cf_search_button{
    display: none;
}
.cf_filtering_slide_container{
    --track-height: 3px;
    --track-color: #F8A802;
}
label[for="price_109_1"]{
    color: #EFEFEF;
}
input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control){
    border-radius: 4px;
border: 1px solid #F1F1F1;
padding: 10px;
color: #261919;
font-family: Roboto;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.article-list .article, .pagination>li>a, .pagination>li>span{
    background: white;
}
.form-cat .form-check .form-check-input{
    margin-left: 0px;
    background-color: transparent;
    border: 1px solid #4A4A4A!important;
}
.form-cat {
    color: #ffffff;
    border-radius: 10px;
      /* Fallback для очень старых браузеров */
  background: #323335;
  
  /* Safari 4-5, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background: -webkit-gradient(linear, left top, right top, color-stop(56.58%, #323335), color-stop(100%, #212125));
  
  /* Safari 5.1-6, Chrome 10-25, iOS 5-6.1, Android 4-4.3 */
  background: -webkit-linear-gradient(left, #323335 56.58%, #212125 100%);
  
  /* Firefox 3.6-15 */
  background: -moz-linear-gradient(left, #323335 56.58%, #212125 100%);
  
  /* Opera 11.1-12.0 */
  background: -o-linear-gradient(left, #323335 56.58%, #212125 100%);
  
  /* Стандарт — IE10+, Edge, Chrome 26+, Firefox 16+, Safari 6.1+, Opera 12.1+ */
  background: linear-gradient(90deg, #323335 56.58%, #212125 100%);
}
.form-cat-title{
    color: #FFF;
font-family: Magistral;
font-size: 45px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 50px */
padding-bottom: 32px;
}
.form-cat-title span{
color: #FFCB5D;
}
img.consulting_img{
     border-radius: 10px;
}
.form-cat-bottitle{
    padding-bottom: 8px;
    color: #FFF;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-transform: none;
}
.form-cat-bottitle-black{
    color: #252525;
}
.form-cat-subtitle{
    padding-bottom: 32px;
    color: #FFF;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.form-cat input#phone{
    background: transparent;
    border-radius: 2px;
border: 1px solid #4A4A4A;
color: #ffffff;
font-size: 16px;
}
/* Для всех input внутри .form-cat */
.form-cat input[id="phone"]::-webkit-input-placeholder {
  color: #fff !important;
  opacity: 1 !important;
}

.form-cat input[id="phone"]::-moz-placeholder {
  color: #fff !important;
  opacity: 1 !important;
}

.form-cat input[id="phone"]::placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
.form-cat .form-check p{
    color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 14px */
}
.form-cat button#send{
max-width: 360px;
padding: 16px 32px;
border-radius: 2px;
/* Fallback для IE и старых браузеров */
  background: #F8A800;
  
  /* Safari 4-5, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background: -webkit-gradient(linear, left top, right top, from(#F8A800), to(#FFC855));
  
  /* Safari 5.1-6, Chrome 10-25, iOS 5-6.1, Android 4-4.3 */
  background: -webkit-linear-gradient(left, #F8A800 0%, #FFC855 100%);
  
  /* Firefox 3.6-15 */
  background: -moz-linear-gradient(left, #F8A800 0%, #FFC855 100%);
  
  /* Opera 11.1-12.0 */
  background: -o-linear-gradient(left, #F8A800 0%, #FFC855 100%);
  
  /* Стандарт — IE10+, Edge, Chrome 26+, Firefox 16+, Safari 6.1+ */
  background: linear-gradient(90deg, #F8A800 0%, #FFC855 100%);
  color: #14120F;
text-align: center;
font-family: Magistral;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 88.889% */
}
.article{
height: 100%;
}
.article.has-usl-body{
    padding: 0px;
}
.article-body-usl{
        display: flex;
    padding: 16px;
    border-radius: 8px;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 14px;
}
.article-list .col-lg-4{
margin-bottom: 30px;
}
.product-wrap_info{
        display: flex;
    flex-direction: column;
}
.article-body-usl .article-header, 
.article-body-usl .article-introtext{
    min-height: initial!important;
}
.article-body-usl .article-introtext{
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 14px */
}
.article-body-usl .article-header{
margin-bottom: 10px;
border-bottom: 1px solid rgba(166, 166, 166, 0.50);
width: 100%;
}
.article-body-usl .article-header a{
    color: #FFF!important;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 100%; /* 20px */
}
.article-body-usl .readmore a {
        color: #EE8F00!important;
    font-weight: 500;
    display: inline-block;
    margin-top: 14px;
    background: transparent!important;
    padding: 0!important;
    border-radius: 5px!important;
    text-decoration: underline;
}
.contacts-akku-block-main-he{
    color: #02111B;
font-family: Roboto;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 130%; 
margin-bottom: 15px;
}
.contact-items-akku-block{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: flex-start;
    gap: 15px;
}
.contact-item-akku{
    align-items: flex-start;
    gap: 10px;
}
.contact-item-icon{
    display: flex;
width: 48px;
height: 48px;
padding: 3px 8px;
justify-content: center;
align-items: center;
gap: 10px;
aspect-ratio: 1/1;
border-radius: 10px;
background: #FFF1DE;
}
.contact-item-txt-he{
    color: #000;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */
}
.contact-item-txt-dscr p, .contact-item-txt-dscr a{
    color: #828282!important;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; 
margin-bottom: 3px;
}
.contacts-akku-block-soc-networks{
    margin-bottom: 15px;
    display: flex;
    gap: 10px;
}
.contacts-akku-block-soc-networks a{
       display: flex;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
gap: 10px;
aspect-ratio: 1/1;
border: 1px solid #F1F1F1;
background: white; 
}
.form-cat .formRed, .show-on-mobi-akku{
    display: none!important;
}
#sp-underheader{
    background: white;
}
#sp-slideshow{
    background-color: #F4F5F7;
    margin-top: 30px;
}
.banner-item-akku{
    position: relative;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 4px 50px 0 rgba(192, 192, 192, 0.25);
    padding: 24px 0 0 24px;
    
    /* 1. Стандартное скрытие */
    overflow: hidden; 
    
    /* 2. Хак для Safari/Chrome, чтобы заставить overflow:hidden работать со скруглением */
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    
    /* 3. Создаем контекст наложения */
    isolation: isolate;
    
    height: 100%;
     transition: background 0.3s ease;
     flex-direction: column;
     justify-content: space-between;
}
.banner-item-akku:after {
  content: '';
  position: absolute;
  width: 300px;
height: 300px;
transform: rotate(-45deg);
aspect-ratio: 1/1;
border-radius: 10px;
background: linear-gradient(180deg, #EE8F00 0%, #FFB23E 100%);
bottom: -150px;
right: -150px;
}
.banner-item-akku-txt .banner-title{
    color: #000;
font-family: Magistral;
    font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 38.4px */
text-transform: uppercase;
padding-bottom: 10px;
border-bottom: 1px solid #D9D9D9;
margin-bottom: 20px;
}
.banner-item-akku-txt .banner-txt{
color: #000;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 17.6px */
}
.banner-item-akku-txt{
    z-index: 2;
    position: relative;
    padding-right: 24px;
}
.banner-item-akku-img-link-block{
    display: flex;
    align-items: end;
    z-index: 2;
    justify-content: space-between;
    width: 100%;
}
.banner-item-akku-link-block{
    display: flex;
width: 54px;
height: 54px;
padding: 9px 5px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 4px;
border: 1px solid #F5F1EF;
margin-bottom: 20px;
}
.banner-item-akku-img{
    height: 200px;
    width: auto!important;
    object-fit: cover;
}
.banner-item-akku a{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0px!important;
    position: relative!important;
}
/* 1. Делаем контейнер слайдов флекс-боксом */
.owl-carousel.banners-grid .owl-stage {
    display: flex;
}

/* 2. Заставляем каждый слайд растягиваться на всю доступную высоту */
.owl-carousel.banners-grid .owl-item {
    display: flex;
    flex: 1 0 auto;
}
.banner-akku{
    border-radius: 0px;
    background: transparent!important;
}
.banner-akku a:hover .banner-item-akku{
background: linear-gradient(180deg, #EE8F00 0%, #FFB23E 100%);
}
.bnner-comp-block-akku .banner-akku{
    margin-bottom: 30px;
}
.banner-akku a:hover .banner-item-akku:after{
    display: none;
}
.banner-akku a:hover .banner-item-akku-txt .banner-title,
.banner-akku a:hover .banner-item-akku-txt .banner-txt{
    color: #ffffff;
}
.banner-akku a:hover .banner-item-akku-link-block{
    border: 1px solid #000;
}
.banner-akku a:hover .banner-item-akku-link-block svg path{
    stroke: #000;
}
div#offlajn-ajax-search103{
    top: 0;
    right: 0;
    position: relative;
}
.top-info>div{
    border-radius: 20px;
background: #2E2E2E;
padding: 10px 12px;
}
.top-mail a, .top_time_txt, .top-phone>a{
    display: flex;
    align-items: center;
    gap: 4px;
    color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.top-mail>a, .top-phone>a{
    text-decoration: underline;
}
.top-info{
    gap: 10px;
    flex-flow:wrap;
}
.top_time_txt span{
    color: #5F5F5F;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
#sp-topmenu .row{
    align-items: center;
}
.top-phone .dropdown-menu {
    display: none!important;
}
.top-phone .dropdown-menu.show {
    display: block!important;
}
.top-phone .dropdown-menu{
    padding: 10px!important;
}
.top-phone .dropdown-menu li{
    display: flex;
}
#sp-topmenu ul li>a, #sp-topmenu ul li>span{
    color: #AFAFAF;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 25.6px */
text-transform: none;
padding: 0 5px;
}
#sp-topmenu ul li>a:hover{
    background: none;
    color: #EE8F00
}
#sp-topmenu ul li.red a{
    padding: 10px 20px;
    border-radius: 8px;
background: var(--Linear, linear-gradient(270deg, #EE8F00 0%, #FFB23E 100%));
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 25.6px */
}
#sp-topmenu{
background: #222!important;
}
#sp-header .container-inner {
    border-bottom: 0px;
}
#sp-header{
    border-bottom: 1px solid #F3F3F3;
}
#sp-header .row{
    align-items: center;
}
input#search-area103{
    border-radius: 8px;
background: #F3F3F3;
color: #AFAFAF;
box-shadow: 0 4px 50px 0 rgba(197, 202, 210, 0.20);
border: 0;
font-size: 16px;
line-height: 130%;
}
input#search-area103:focus{
    color: #000;
}
/* Для WebKit (Chrome, Safari, Edge) */
input#search-area103::-webkit-input-placeholder {
   color: #AFAFAF!important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
}

/* Для Firefox */
input#search-area103::-moz-placeholder {
      color: #AFAFAF;=!important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
    opacity: 1; /* Firefox добавляет opacity по умолчанию */
}

/* Для IE 10+ */
input#search-area103:-ms-input-placeholder {
      color: #AFAFAF!important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
}

/* Для Edge (старый) */
input#search-area103::-ms-input-placeholder {
       color: #AFAFAF!important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
}

/* Современный универсальный синтаксис */
input#search-area103::placeholder {
      color: #AFAFAF!important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
}
div#ajax-search-button103{
    border-radius: 10px 7px 7px 10px;
background: #4E4E52;
}
#ajax-search-button103 .magnifier{
    background: url(/images/Search_Magnifying_Glass.svg) no-repeat center center;
    width: 24px;
height: 24px;
}
.cart_top .total_products, .cart_content .show_cart a{
    background: #F8A801;
}
.cart_top .total>*{
    color: #4E4E52;
font-family: Magistral;
    font-size: 12px;
}
.top_call a{
        background: linear-gradient(270deg, #EE8F00 0%, #FFB23E 100%);
    padding: 10px 20px;
    gap: 0px;
    color: #FFF;
font-family: Magistral;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 25.6px */
border-radius: 8px;
}
.top_call a:before{
        width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: contain;
}
#sp-main-menu{
    border-radius: 0 0 20px 20px;
border-bottom: 2px solid #E8A021;
background: #FFF;
box-shadow: 0 4px 30px 0 rgba(196, 196, 196, 0.50);
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent>li>span{
    text-transform: none;
    color: #4E4E52;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 25.6px */
    padding: 0px 10px;
}
#off-menu_128 {
   border-radius: 0 0 10px 10px;
}
.off-menu_128 .sm-levels > .sm-level > dl, .off-menu_128 > .sm-level dl{
    padding: 0px;
}
.sp-megamenu-parent > li > a:hover{
    color: #F8A801;
}
.off-menu_128 dl dt, .off-menu_128 dl.level1 dt{
    border-bottom: 1px solid #DCDCDC;
background: #FAFAFA;
padding: 10px;
border-radius: 0px;
    display: flex;
    gap: 10px;
    align-items: start;
    justify-content: space-between;
}
.off-menu_128 dl dt.hover, .off-menu_128 dl dt:hover, .off-menu_128 dl.level1 dt.hover, .off-menu_128 dl.level1 dt:hover{
        background-color: #ff9933;
        background: #FFF3D6;
}
.off-menu_128 dl a, .off-menu_128 dl a:link, .off-menu_128 dl.level1 a, .off-menu_128 dl.level1 a:link{
    color: #4E4E52!important;
font-family: "Roboto", sans-serif!important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 17.6px */
}
.off-menu_128 .sm-level dl dt svg{
    width: 10px;
    height: 10px;
    margin-top: 5px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: transparent;
        box-shadow: none;
}
.off-menu_128 > .sm-level:before, #off-menu_128:before{
    background: transparent;
}
.sm-level .level2{
    background: white;

}
.off-menu_128 > .sm-level{
    border-radius: 0px;
}
.level2_submenu_group_title{
    background: none!important;
    padding: 0!important;
    border-bottom: 1px solid #F0F1F1!important;
    padding-bottom: 10px!important;
    color: #AFAFAF;
font-family: 'Magistral', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 110%; /* 17.6px */
text-transform: uppercase;
}
.off-menu_128 dl.level2.ps-container{
    padding: 20px;
}
.off-menu_128 dt.level2{
    width: initial!important;
    margin: 10px 0!important;
    padding: 0!important;
    background-color: transparent!important;
    border: 0 !important;
    margin-right: 10px !important;
}
.level2_submenu_group_title:empty{
    border-bottom: 0!important;
}
.off-menu_128 dl.level2 .link a{
    color: #AFAFAF!important;
font-size: 14px!important;
font-style: normal;
font-weight: 600!important;
line-height: normal;
font-family: 'Roboto', sans-serif!important;
text-transform: none;
 padding: 10px!important;
    border-radius: 20px!important;
    background-color: #F3F3F3!important;
    display: inline-block;
     border: 1px solid transparent!important;
}
.off-menu_128 dt.level2 .sm-arrow{
    display: none!important;
}
.off-menu_128 dl.level2 .link a:hover{
    border: 1px solid #EE8F00!important;
background-color: #FFF3D6!important;
color: #EE8F00!important;
}
.off-menu_128 dl a.show_hidden_elements {
  width: 100%;
  background: transparent!important;
  font-family: "Magistral", sans-serif!important;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 160%;
color: #EE8F00!important;
margin-left: 0px!important;
}
.offcanvas-menu .logo{
    display: none;
}
#sp-cart #sp-topmenu{
    background: none!important;
}
@media(max-width: 1200px){
    #sp-topmenu ul li>a, #sp-topmenu ul li>span, #sp-topmenu ul li.red a{
        font-size: 14px;
    }
    .top_call a{
        font-size: 14px;
    }
}
@media(max-width: 991px){
     .top_call a{
        padding: 5px;
     }
     .top_call a::before{
        display: none;
     }
}
/*@media(min-width:992px){
    #sp-head-info{
        width: 40%;
    }
    #sp-cart{
        width: 35%;
    }
    #sp-main-menu #sp-menu{
        width: 100%;
    }
    #sp-topmenu #sp-top1{
        width: 55%;
    }
    #sp-topmenu #sp-top2{
        width: 45%;
    }
}*/
div#vmCartModule {
    border-color: transparent;
}
@media(max-width: 1200px){
    .form-cat-title{
       font-size: 26px; 
    }
    .contact-items-akku-block{
         grid-template-columns: 1fr 1fr;
    }
}
    @media(min-width: 992px){
    .dost-akku-tbl-wrapper{
        float: right;
    }
    .big-kateg-akkum-front-page{
        flex-direction: row-reverse;
    align-items: stretch;
    }
    .akkfor-title{
        margin-top: auto;
    }
}
@media(max-width: 1320px) and (min-width: 992px){
    .banner-item-akku-txt .banner-title{
        font-size: 20px;
    }
}
@media(max-width: 1100px) and (min-width: 992px){
     .akkfor-title{
    font-size: 22px;
     }
     .big-kateg-akkum-front-page img{
        width: 60%;
     }
}
  @media (min-width: 1200px){
        .accordion-body>*{
            width: 80%;
        }
    }
    @media(max-width: 991px){
            .sm-content-inner .offcanvas-menu .offcanvas-inner{
        padding: 0px!important;
    }
    .offcanvas-menu{
        background: #ffffff;
    }
    .close-offcanvas .burger-icon>span{
        background-color: #AFAFAF;
    }
    a.akcii-count:before{
        display: none;
    }
        .sm-content-inner .offcanvas-menu .offcanvas-inner{
        padding-top: 10px!important;
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul > li a{
        border: 0;
        margin: 0;
        padding: 10px;
        border-radius: 0;
border-bottom: 1px solid #DCDCDC;
color: #4E4E52;
font-family: "Magistral", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 22px */
    }
    .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after{
        font-size: 20px!important;
        content: "\f054";
        color: #4E4E52!important;
        margin-right: 10px!important;
    }
    
    .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > a > .menu-toggler:after{
       content: "\f078";  
    }
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li ul{
    margin: 0px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a{
    border-bottom: 1px solid #DCDCDC;
background: #FAFAFA!important;
padding: 10px;
color: #4E4E52!important;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 17.6px */
}
.offline-menu-mob-btm-akkum{
    margin-top: 16px;
    padding: 20px 10px;
    background: #222;
}
.offline-menu-mob-btm-akkum .red a{
    padding: 10px 20px;
    border-radius: 8px;
    background: linear-gradient(270deg, #EE8F00 0%, #FFB23E 100%)!important;
    color: #FFF!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    width: 100%;
    display: inline-block;
    text-align: center;
        font-family: "Magistral", sans-serif;
        margin-bottom: 20px;
}
.offline-menu-mob-btm-akkum .top-info>div{
    width: 100%;
}
.offline-menu-mob-btm-akkum .top-mail a, .offline-menu-mob-btm-akkum .top_time_txt, .offline-menu-mob-btm-akkum .top-phone>a{
    color: #fff!important;
    gap: 6px;
    text-decoration: none!important;
}
.offline-menu-mob-btm-akkum .dropdown-menu a{
border: 0!important;
padding: 0!important;
font-family: "Roboto", sans-serif;
font-size: 16px!important;
}
.offline-menu-mob-btm-akkum .dropdown-menu li{
margin-bottom: 6px;
gap: 6px;
}
.offcanvas-menu .offcanvas-inner ul.menu, .offcanvas-menu .offcanvas-inner ul.menu ul{
    margin: 0;
}
    div#sp-menu {
        position: fixed !important;
        order: 2;
        right: 0px;
        top: 0;
            z-index: 9999;
    }
    }
    @media(max-width: 767.4px){
        img.consulting_img{
            display: none;
        }
        .contact-items-akku-block{
         grid-template-columns: 1fr;
    }
    .show-on-mobi-akku{
        display: block!important;
    }
    .hide-on-mobi-akku{
        display: none!important;
    }
    .banner-item-akku-txt .banner-title{
        font-size: 24px;
    }
    }
    .product-wrap_info .product-price .PricesalesPrice.vm-display.vm-price-value, .spacer.product-container .product-price .PricesalesPrice.vm-display.vm-price-value{
        align-items: start;
    }
    .spacer-buy-area .product-price, .spacer-buy-area .addtocart_test-button{
        margin-top: 0px!important;
    }
    .browse-view.row{
            margin-right: calc(-.5 * var(--bs-gutter-x))!important;
    margin-left: calc(-.5 * var(--bs-gutter-x))!important;
    }
    @media (max-width: 767px) {
    header .logo-image-phone {
        height: 30px!important;
    }
        div#sp-cart .sp-module {
        border-left: 0px!important;
    }
    #sp-main-menu{
            border-bottom: 0px;
    }
    div#sp-search div#offlajn-ajax-search227 {
        position: fixed;
        top: 56px!important;
        width: calc(90% - 100px);
        z-index: 9999;
        right: 15px;
    }
    input#search-area227, input#suggestion-area227{
        border-radius: 8px;
background: #F3F3F3;
box-shadow: 0 4px 50px 0 rgba(197, 202, 210, 0.20);
font-size: 16px;
color: #999;
                padding: 10px !important;
                height: 46px!important;
    }
    .btn-mod-he-akku{
        width: 46px!important;
        height: 46px!important;
    }
    a.btn-mod-he-akku::before{
        display: none!important;
    }
    input#search-area227:focus{
    color: #000;
}
#ajax-search-button227 .magnifier {
    background: url(/images/Search_Magnifying_Glass.svg) no-repeat center center;
            width: 18px;
        height: 18px;
        background-size: cover;
    }
#ajax-search-button227{
    border-radius: 10px 7px 7px 10px;
background: #4E4E52;
padding: 0px 15px;
width: 18px;
}
a.akcii-count:before{
    display: none;
}
    
    img.logo-image{
        width: 95%!important;
    }
        div#mobphones
 {
        position: fixed;
        top: 56px!important;
        z-index: 9999;
        background: transparent!important;
    }
    header#sp-header{
        height: 110px!important;
        background: #fff!important;
    }
    #sp-header .container-inner{
border-bottom: 1px solid #EEE;
        position: fixed;
    }
    #search-form228 #search-area-close228{
        display: none!important;
    }
    .cart_top .total_products{
        left: 25px;
    }
}
    @media(max-width: 500px){
        .rstbox-heading{
            font-size: 35px;
        }
        span.addtocart-button a.addtocart-button, .addtocart_test-button, span.addtocart-button span.addtocart-button, span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button, span.addtocart-button span.addtocart-button-disabled{
            padding: 16px;
        }
        .product-wrap a.pname, .product-name a{
            min-height: 82px;
        }
    }
    .browse-view.row div.product{
        min-width: auto!important;
    }
    .product.product-item{
        margin-bottom: 5px;
    }
    @media(max-width: 767px){
        .product.product-item{
        margin-bottom: 0px;
    }
    }
    @media (max-width: 480px) {
    div.product, .spacer.product-container {
        margin: 0!important;
    }
}
@media (max-width: 680px) {
    .site #fancybox-wrap.is_akkum_fancy {
        top: 20% !important;
        position: fixed;
    }
   .form-horizontal table{ 
    margin-bottom: 10px!important;
}
}
@media (max-width: 680px) {
    #fancybox-wrap.is_akkum_fancy, #fancybox-wrap.is_akkum_fancy #fancybox-content {
        height: 85vh !important;
    }
}