.information-product-content{
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}
.product-notification{
    margin-top: 0;
}
.link_no_color{
    color: black;
}

.link_no_color:hover{
    color: black;
}

.scroll-to-top-button{
    background: #666 url(../img/go_to_up.png) center center no-repeat;
    width: 45px;
    height: 45px;
    color: #fff;
    font-family: verdana;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
    /*padding: 15px;*/
    margin: 20px;
    z-index: 1000;
}

.left_menu_gallery_cake_count{
    text-align: right;
    margin-right: 10px;
    width: 30px;
    color: #555555;
}

.container-fluid{
    padding-right: 15px;
    padding-left: 15px;
}
.advantages-block .advantages-list .advantage-block:before,
.carousel-control-prev,
.carousel-control-next,
body #wrapper-page .header-section .header-bottom,
.about-text p,
.review-block:first-child .btn-all-reviews,
.advantages-block .carousel-indicators{
    display: none!important;
}
/*Тут делаем дизайн tablet*/
.header-section > .header-top .header-contacts > ul > li > div > a{
	display: none;
}
.header-section > .header-middle .middle-container .header-logo{
	text-align: center;
}
.header-section > .header-middle .middle-container{
    margin-top: -20px;
}
.header-section > .header-middle .middle-container img {
    width: 140px;
}
.header-section > .header-top {
    /* background: url(../img/header-volna.png); */
    /* background-repeat: repeat-x; */
    /* background-size: 134px; */
    background: #6ec14b;
    height: 50px;
    line-height: 50px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-section > .header-top svg,
.header-section > .header-top .icon-svg{
    width: 30px;
    height: 30px;
    margin: 0 10px;
}
.header-section > .header-middle {
    margin-top: 80px;
    height: 225px;
}
.header-section > .header-middle .schedule-block {
    display: none;
}
.header-section > .header-middle .menu-btn{
    display: block;
    margin-left: 50px;
}
.header-section > .header-middle .menu-btn a{
    height: 31px;
    line-height: 17px;
    vertical-align: bottom;
    display: flex;
    align-items: flex-end;
    top: 50%;
    font-size: 0px;
    font-weight: 300;
    left: 23px;
}
.header-section > .header-middle .menu-btn a img{
	margin-right: 10px;
}
.header-section .header-logo{
    width: 134px;
}
.header-section > .header-middle .btn-order{
    display: block;
}
.header-section > .header-middle .btn-order a{
    float: right;
    font-size: 0px;
    align-items: normal;
    line-height: 150;
}
.main-banner{
	max-height: 374px;
    height: 374px;
    margin-top: -302px;
}
.main-banner img{
	max-height: 374px;
    height: 374px;
}
.advantages-block .advantages-list .advantage-block {
    width: 100%;
    margin: 25px 0;
}
#sliderAdvantages .carousel-inner {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
@media(min-width: 768px){
    #sliderAdvantages .carousel-inner .carousel-item,
    #sliderAdvantages .carousel-inner .carousel-item.active{
        width: 47%;
    }
    #sliderAdvantages .carousel-inner .carousel-item:before{
        display: none;
    }
}

/* Специальные стили для ширины 768px */
@media(min-width: 768px) and (max-width: 768px){
    /* Показываем индикаторы карусели */
    .advantages-block .carousel-indicators {
        display: flex !important;
        bottom: -50px !important;
    }
    
    .advantages-block .carousel-indicators li:not(.active) {
        background-color: #a0a0a0 !important;
    }
    
    .advantages-block .carousel-indicators li.active {
        background-color: #fff !important;
    }
    
    #sliderAdvantages .carousel-inner {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    
    #sliderAdvantages .carousel-inner .carousel-item,
    #sliderAdvantages .carousel-inner .carousel-item.active {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 auto !important;
        float: none !important;
        position: static !important;
        transform: none !important;
    }
    
    #sliderAdvantages .carousel-inner .carousel-item:not(.active) {
        display: none !important;
    }
    
    /* Центрирование текста */
    .advantages-block .advantages-list .advantage-block {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .advantages-block .advantages-list .advantage-block .advatage-info {
        text-align: center !important;
        width: 100% !important;
    }
    
    .advantages-block .advantages-list .advantage-block .advatage-info .advatage-info-bottom p {
        text-align: center !important;
    }
}
.advantages-block:before {
    bottom: -20px;
    background-size: 97px auto;
    height: 54px;
}
.popular-categories-block .list-categories.d-flex.justify-content-between{
    flex-wrap: wrap;
}
.popular-categories-block .popular-category-block {
    width: calc(50% - 20px);
}
.popular-categories-block .popular-category-top .popular-category-img img {
    height: calc(50vw - 20px - 75px);
}
.popular-categories-block .popular-category-bottom-text p {
    text-align: left;
}
.about-text p:last-child,
.about-text p:first-of-type{
	display: block!important;
}
.about-block .about-text {
    margin-top: 15%;
}
.cut-deserts-slider-block .cut-deserts-list{
	-ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
.cut-deserts-slider-block .cut-deserts-list .cut-desert-block{
	width: calc(50% - 25px);
}
.cut-deserts-slider-block .cut-deserts-list .cut-desert-block:nth-last-child(-n+2){
	display: none;
}
.cut-deserts-slider-block .cut-deserts-list .cut-desert-block {
    width: calc(50% - 15px);
    margin: 25px 7px;
}
.cut-desert-img img {
    height: calc( (100vw - 30px) / 2 - 10px);
}
.consultation-block {
    margin-top: 50px;
}
.consultation-block .consultation-bottom form,
.reviews-small-block .reviews-list,
.foot .footer-blocks,
.consultation-inputs{
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.consultation-block .consultation-bottom form > div{
	width: 100%;
	margin: 25px 0;
}
.consultation-inputs{
	display: flex;
    align-items: center;
}
.input-block input {
    max-width: 323px;
    width: 100%;
}
.text-input{
	width: 465px;
}
.reviews-small-block .reviews-list > div {
    width: 100%;
    margin: 25px 0;
}
.review-img {
    width: 230px;
    height: auto;
}
.review-block .right-container {
    padding: 0 50px 0 50px;
}
.review-block .right-container * {
    font-size: 17px;
}
.btn-all-reviews{
	text-align: left;
    margin-left: -40px
}
.footer-block-part .block-info {
    height: 50vw;
}
.footer-block-part {
    width: 100%;
}
.footer-block-part .block-info *{
	font-size: 20px;
	font-weight: 500;
}
.content .container-fluid{
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.content .container-fluid > div{
    width: 100%;
}
.content .left-sidebar .sidebar-block-head h1{
    border: 0;
    line-height: 40px;
    position: relative;
    width: auto;
    padding: 0 30px 0 0;
    cursor: pointer;
}
.content .left-sidebar .sidebar-block-head h1:after{
    content: "";
    position: absolute;
    width: 20px;
    height: 16px;
    background-image: url(../img/icon/down-arrow.svg);
    background-size: 100% auto;
    top: 10px;
    right: 0px;
    transition: transform .5s;
}
.content .left-sidebar .left-sidebar-block.active .sidebar-block-head h1:after{
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: transform .5s;
}
.content .left-container.left-sidebar > div{
    margin-bottom: 0px;
}
.content .left-container.left-sidebar > .left-sidebar-block.active > div:last-child{
    max-height: 1000px;
    transition: max-height .5s;
}
.content .left-container.left-sidebar > div > div:last-child{
    max-height: 0px;
    overflow: hidden;
    transition: max-height .5s;
}

/* Стили для стрелки следующего торта в одном ряду с названием для планшета */
.product-name {
    position: relative;
    text-align: center;
}

.product-name h1 {
    text-align: center;
    width: 100%;
}

.product-name .btn-head-line {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.product-name .btn-head-line a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f0f0f0;
    transition: background-color 0.3s;
}

.product-name .btn-head-line a:hover {
    background-color: #6ec14b;
}

.product-name .btn-head-line .icon-svg {
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
}

/* Стили для навигации между тортами */
.product-name .btn-prev a,
.product-name .btn-next a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f0f0f0;
    transition: background-color 0.3s;
    position: relative;
    z-index: 1100;
}

.product-name .btn-prev a:hover,
.product-name .btn-next a:hover {
    background-color: #6ec14b;
}

.product-name .btn-prev .icon-svg {
    width: 20px;
    height: 20px;
    transform: rotate(90deg) translateX(0px) translateY(2px);
}

.product-name .btn-next .icon-svg {
    width: 20px;
    height: 20px;
    transform: rotate(-90deg) translateX(0px) translateY(2px);
}

/* Стили для badge (красный кружок с цифрой) - планшет */
.basket-link-wrapper {
    position: relative;
    display: inline-block;
}

.basket-icon-container {
    position: relative;
    display: inline-block;
}

.basket-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #ff4444;
    color: #ffffff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    z-index: 10;
}

/* Исправление позиционирования корзины в планшетной версии */
.header-section .right-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.header-section .right-container .btn-order {
    width: auto;
    display: flex;
    justify-content: center;
}
.head-navigation-block{
    margin-top: -25px;
}

/* Уменьшаем расстояние между строками в хлебных крошках для длинных названий на планшете */
.head-navigation-block .list-nav ul {
    line-height: 1.1;
}

.head-navigation-block .list-nav ul li a {
    line-height: 1.2;
    margin-bottom: 0px;
}

.head-navigation-block .list-nav ul li {
    margin-bottom: 0px;
}

/* На планшетах показываем мобильные блоки и скрываем обычный sidebar */
.mobile-categories-block,
.mobile-information-block {
    display: block;
}

.left-sidebar {
    display: none;
}

/* Стили для мобильных блоков - копируем стили из основного sidebar */
.mobile-categories-block,
.mobile-information-block {
    width: 100%;
    margin-top: 20px;
    padding: 0 15px;
}

/* Поднимаем блок категорий на 10 пикселей вверх для планшета */
.mobile-categories-block {
    margin-top: 0px;
}

.mobile-categories-block .categories-block,
.mobile-information-block .information-block {
    margin-bottom: 50px;
}

.mobile-categories-block .sidebar-block-head h1,
.mobile-information-block .sidebar-block-head h1 {
    font-size: 20px;
    border-bottom: 4px solid #6ec14b;
    width: auto;
    display: table;
    height: 40px;
    color: #6ec14b;
    cursor: pointer;
    position: relative;
    padding: 0 30px 0 0;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

/* Убираем подчеркивание у свернутого заголовка */
.mobile-categories-block .sidebar-block-head h1 {
    border-bottom: 0;
}

/* Для блока информации убираем border и стрелку */
.mobile-information-block .sidebar-block-head h1 {
    border: 0;
    cursor: default;
    padding: 0;
}

.mobile-information-block .sidebar-block-head h1:after {
    display: none;
}

/* Добавляем стрелку для мобильного блока категорий */
.mobile-categories-block .sidebar-block-head h1:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 16px;
    background-image: url(../img/icon/down-arrow.svg);
    background-size: 100% auto;
    top: 10px;
    right: 0px;
    transition: transform .5s;
}

.mobile-categories-block .left-sidebar-block.active .sidebar-block-head h1:after {
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: transform .5s;
}

/* Анимация для содержимого блока категорий */
.mobile-categories-block .categories-block-bottom {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s;
}

.mobile-categories-block .left-sidebar-block.active .categories-block-bottom {
    max-height: 1000px;
    transition: max-height .5s;
}

.mobile-categories-block .list-categories ul li a,
.mobile-information-block .list-categories ul li a {
    height: 30px;
    line-height: 30px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    text-decoration: none;
    color: #000;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}

.mobile-categories-block .list-categories ul li a:hover,
.mobile-information-block .list-categories ul li a:hover {
    color: #6ec14b;
    text-decoration: underline;
}

/* Стили для активного элемента в мобильном блоке */
.mobile-categories-block .list-categories ul li a[style*="background-color: #e3e3e3"] {
    background-color: #e3e3e3 !important;
    margin-right: 50px;
}

/* Стили для счетчика категорий */
.mobile-categories-block .left_menu_gallery_cake_count {
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    color: #555555 !important;
}

.mobile-information-block .information-main-block span {
    color: #6ec14b;
}

.mobile-information-block .infromation-block-bottom p {
    line-height: 20px;
}

.mobile-information-block .infromation-block-bottom > div {
    margin-bottom: 35px;
}

.mobile-information-block .information-contact-block {
    text-align: center;
}

.mobile-information-block .information-contact-block a {
    color: #6ec14b;
}

.mobile-information-block .information-contact-block a:hover {
    color: #6ec14b;
    text-decoration: underline;
}

/* Уменьшаем расстояние между блоком категорий и названием торта на 50 пикселей для планшета */
.information-product-content {
    margin-top: 0px;
}

/* Поднимаем только картинку на 10 пикселей для планшета */
.information-product-content .product-content-middle-information .img-product {
    margin-top: -10px !important;
}

/* Поднимаем контент на странице gallery на 30 пикселей для планшета */
.content {
    margin-top: -50px;
}

/* Опускаем контент на странице product на 30 пикселей для планшета, чтобы не налезал на категории */
.product-page-layout .content {
    margin-top: 10px;
}

/* Опускаем product-content-middle на 20 пикселей для страницы product на планшете */
.product-content-middle {
    margin-top: 0px;
}
.product-content-head{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.product-content-middle-information{
    margin-top: 50px;
}
.information-product-content .product-content-middle-information > div {
    width: calc(50% - 10px);
}
.full-inf-product-head{
    position: absolute;
    top: -50px;
    width: 100%;
    left: 0;
}
.information-product-content .product-content-middle-information .img-product img{
    height: auto;
}
.information-product-content .btn-buy-product{
    position: relative;
    margin-top: 50px;
    width: 100%;
    text-align: center;
}
.information-product-content .product-reviews{
    width: 100%;
}
.information-product-content .review-block > .left-container {
    width: calc(35% - 50px);
}
.information-product-content .review-block > .right-container {
    width: calc(100% - 35%);
    padding: 0;
}
.information-product-content .answer-review {
    width: 100%;
    margin: 0;
}
.information-product-content .product-reviews .head-line{
    width: 90%;
    margin: 0 5%;
}
.add-review-block {
    width: calc(90% - 30px);
    margin: 50px calc(5% + 15px);
}
.add-review-head{
    text-align: center;
}
.add-review-bottom{
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.add-review-bottom .left-container,
.add-review-bottom .right-container{
    width: 100%;
}
.review-inputs .text-input{
    width: 100%;
}
.add-review-bottom .left-container .review-input{
    width: 50%;
    margin: 0 auto;
}
.categories-content-head,
.categories-content-bottom{
    width: 90%;
    margin: 0 5%;
}
.product-preview {
    width: calc(50% - 12px);
}
.product-preview-head .product-preview-img img {
    height: 45vw;
}
.contact-content .contact-content-block > div{
    width: 100%;
}
.contact-content h1 {
    text-align: center;
}
.contact-content .contact-content-block .right-container{
    margin-top: 50px;
}
.contact-content .review-middle, .contact-content .review-bottom {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 50px;
}
.contact-content .input-block input,
.contact-content .text-input{
    max-width: 100%;
    width: 100%;
}
.list-stuffing > div.stuffing-block{
    width: calc(100% / 2);
    margin: 5px 0;
}
.stuffing-block .left-container,
.stuffing-block .right-container{
    width: calc( (100vw / 2) * 0.6 );
    margin: 0 auto;
}
.stuffing-img, .stuffing-img img {
    width: calc( (100vw / 2) * 0.4 );
    height: calc( (100vw / 2) * 0.4 );
}
.down-arrow-icon{
    display: flex;
}
.down-arrow-icon svg{
    width: 30px;
    height: 30px;
    margin: 50px auto 0;
}
.stuffing-content .list-stuffing > div.stuffing-block{
    display: none!important;
}
.stuffing-content .list-stuffing > div.stuffing-block:nth-child(-n+6){
    display: flex!important;
}
.price-content-page {
    margin: 0;
}
.contact-content-page {
    margin: 0;
}


.price-content-bottom{
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.price-content-bottom > div {
    width: 100%;
}
.price-content-bottom > div.right-container{
    margin-top: 30px;
}
.about-information{
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important;
}
.about-information > div{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.about-page-content .about-img {
    margin: 0 auto 40px;
    max-width: 40%;
}
.about-page-content .about-img:before,
.about-page-content .about-img .dummy:before{
    height: 7px;
}
.about-page-content .about-img:after,
.about-page-content .about-img .dummy:after{
    width: 7px;
}
.about-page-content .about-img .dummy:before {
    top: calc(100% - 7px);
}
.about-page-content .about-quote{
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.about-content-bottom .about-assortment{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.assortment-block .left-container{
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.assortment-block .right-container{
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.assortment-block img {
    width: 30vw;
    height: 25vw;
}
.basket-content{
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important;
}
.basket-content .right-container .order-payment{
    display: none;
}
.basket-content .left-container .order-payment{
    display: block;
}
/**/
body #wrapper-page .header-section  .header-bottom.active{
    display: flex!important;
    justify-content: space-between!important;
    background: #585858;
    position: absolute;
    top: 225px;
    margin: 0;
    border-top: 2px solid #6ec14b;
}
.header-navigation ul{
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    overflow: visible!important;
    white-space: normal!important;
    flex-wrap: wrap!important;
}
.header-section > .header-bottom .header-navigation > ul > li{
    height: auto;
    min-height: 52px;
    flex-shrink: 0!important;
    max-width: none!important;
}
.header-section > .header-bottom .header-navigation > ul > li > a{
    white-space: normal!important;
    overflow: visible!important;
    text-overflow: clip!important;
}
.header-section > .header-bottom .header-navigation > ul > li > .drop-down{
        opacity: 1;
    visibility: visible;
    margin: 0;
    background: none;
    position: relative;
    padding: 10px 25px;
    border: 0;
    border-left: 2px solid #6ec14b;
}
.header-section > .header-bottom .header-navigation > ul > li > .drop-down ul li a {
    color: #fff;
}
/*.header-section > .header-bottom .header-navigation > ul > li > a[href="/bento-cake"]{*/
/*    border-bottom: 2px solid #fff;*/
/*    transition: color .3s, border-bottom-color .3s;*/
/*}*/
/*.header-section > .header-bottom .header-navigation > ul > li > a[href="/bento-cake"]:hover{*/
/*    border-bottom: 2px solid #6ec14b;*/
/*}*/

.order-paused-notice {
    padding-top: 12px;
}

.order-paused-notice-inner {
    font-size: 18px;
    padding: 12px 16px;
}