@charset "UTF-8";
/*
    Сборка /css/components 2023-11-28 16:39:02 
*/

/** region File /css/components/catalog/consultation.css */

/** region блок с видео в категории */

:focus {outline:none}

.white-popup.mfp-close-dark .mfp-close {
    top: 32px;
    right: 36px;
    color: transparent;
    background: url(/image/catalog/home/close_mm.png) 50% 0% no-repeat;
    opacity: 1
}

.account-register #d_quickcheckout form .panel, .checkout-checkout #d_quickcheckout .panel, #d_quickcheckout .table-bordered>tbody>tr>td.qc-image img {
    border-radius: 10px;
}

.br-top{border-radius: 10px 10px 0 0;}
.br-bottom{border-radius: 0 0 10px 10px;}

.catalog-consultation {
    border: 1px solid var(--gray);
    display: flex;
    border-radius: calc(var(--padding) * 1.5);
    width: 855px;
    box-sizing: border-box;
}

.grecaptcha-badge {
    visibility: hidden;
}

.label-agree.has-error{
    color: red;
}

.catalog-consultation button {
    width: auto;
    padding: 16px 32px;
}

.modal-header.col-md-5.h-mod button.close {
    margin-top: -35px;
    margin-right: -35px;
}

.consultation-text {
    padding: calc(var(--padding) * 3.5);
    width: 50%;
}

.consultation-text__header {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    color: var(--black);
    margin: 0 0 calc(var(--padding) * 1.5);
}

.consultation-text__par {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 calc(var(--padding) * 3);
}

.consultation-video {
    max-height: 260px;
    width: 62%;
}

.consultation-video video {
    border-radius: calc(var(--padding) * 1.5);
    height: 100%;
}

@media screen and (max-width: 768px) {
    .catering-wrap .slick-slide {
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 0px;
    }

    #container .cart-1{
        border-radius: 10px 0 0 10px;
    }
    #container .cart-2{
        border-radius: 0 10px 10px 0;
    }

    .catering-wrap .list-unstyled {margin-left: 5%}

    .catering-wrap .slick-slider {display: none}

    .catering-wrap .slick-slider.slick-initialized {display: block}

    .tags-slider__dots .slick-dots {bottom: unset;position: relative;}
    
    body .description-header {
        width: 100%;
    }

    .catalog-consultation {
        display: block;
        width: 100%;
    }
    .consultation-text {
        width: 68%;
    }
    .consultation-text .ccb-btn {
        margin-bottom: calc(var(--padding) * 2);
    }
    .consultation-video {
        width: auto;
        max-height: none;
    }
    .consultation-video video {
        width: 100%;
        height: auto;
    }

    .col-sm-12.line-height-xs-1em {
        padding: 30px;
    }

    .white-popup.mfp-close-dark .mfp-close {
        top: 20px;
        right: 20px;
    }
}

@media screen and (max-width: 480px) {
    .consultation-text {
        width: 100%;
        box-sizing: border-box;
        padding: calc(var(--padding) * 2.5);
    }
    .consultation-text__header {
        font-size: 16px;
        margin: 0 0 calc(var(--padding) * 1);
    }
    .consultation-text__par {
        margin: 0 0 calc(var(--padding) * 1.5);
    }
    .consultation-text__par {
        font-size: 14px;
        line-height: 20px;
    }
    .catalog-consultation .ccb-btn {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
    }
}

@media screen and (max-width: 480px) {
    .consultation-text {
        padding: calc(var(--padding) * 2);
    }
}
/** endregion */

/** endregion */


/** region File /css/components/catering/quiz.css */

.catering-quiz {
    width: 100%;
    height: 256px;
    margin: 20px auto 0;
}

.catering-quiz .cc-content {
    height: 100%;
    padding-left: 10px;
}

.catering-quiz__content {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.catering-quiz__text {
    text-align: left;
}

.catering-quiz__header {
    margin-bottom: 17px;
}

.catering-quiz__btn .ccb-btn {
    border-radius: 0; /* особенная кнопка */
}

.photo-wrag {
    padding-left: 15px;
    padding-right: 15px;
}

.photo-wrag {
    padding-left: 15px;
    padding-right: 15px;
}

.html-module-block {
    padding-left: 15px;
}

.home_page_wrapper .html-module-block {
    padding-left: 0px !important;
}

.pop-cat-container {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1024px) {
    .catering-quiz {
        height: 246px;
    }
    .catering-quiz .cc-break {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .catering-quiz {
        height: 223px;
    }
    .catering-quiz__content {
        flex-wrap: wrap;
        padding-top: 38px;
        padding-bottom: 38px;
        box-sizing: border-box;
    }
    .catering-quiz__content > * {
        width: 100%;
        text-align: left;
    }
    .catering-quiz__header {
        font-size: 32px;
        margin-bottom: 14px;
    }
    .catering-quiz .cc-break {
        display: inline;
    }
    .container.home_page_wrapper {
        padding: 0px;
        overflow: hidden;
    }
    .home_page_wrapper .html-nashi-preimuschestva {
        padding-left: 15px !important;
    }
    .product-category-136 .html-module-block
    {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 600px) {
}

@media screen and (max-width: 480px) {
    #quiz_1 {
        display: none;
    }
    #quiz_2 {
        display: block;
        height: auto;
        margin-top: -100px;
        margin-bottom: 40px;
    }
    #quiz_2 .catering-quiz__desc {
        font-style: italic;
        margin-top: 20px;
    }

    /* выравнивание текста блоков с вариантами */
    .product-category-136 .kkk-main-2,
    .product-category-136 .kkk-main-2 span {
        text-align: center;
    }
    .product-category-136 .m1-pref
    {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .product-category-136 .m1-suf {
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 320px) {

}
/** endregion */


/** region File /css/components/classes/00-vars.css */
:root {
    --green: #8DBF33;
    --light-green: #DFF0D8;
    --orange: #EF7F1A;
    --yellow: #FFED00;
    --gray: #DDD;
    --gray2: #EDEDED;
    --gray3: #F5F5F5;
    --dark-gray: #6F6F6F;
    --dark-gray2: #888888;
    --dark-gray3: #B0B0B0;
    --dark-gray4: #9A9A9A;
    --white: #FFF;
    --white2: #FDFDFD;
    --black: #2B2A29;
    --header-bg: #EDEDED;
    --page-bg: #F5F5F5;
    --padding: 8px;
}

/** endregion */


/** region File /css/components/classes/01-colors.css */

/* ccc - canapeclub colors */
.ccc-green {
    color: var(--green);
}
.ccc-light-green {
    color: var(--light-green);
}
.ccc-orange {
    color: var(--orange);
}
.ccc-yellow {
    color: var(--yellow);
}
.ccc-gray {
    color: var(--gray);
}
.ccc-dark-gray {
    color: var(--dark-gray);
}
.ccc-white {
    color: var(--white);
}
.ccc-black {
    color: var(--black);
}

.ccb-green {
    background-color: var(--green);
}
.ccb-light-green {
    background-color: var(--light-green) !important;
}
.ccb-orange {
    background-color: var(--orange);
}
.ccb-yellow {
    background-color: var(--yellow);
}
.ccb-gray {
    background-color: var(--gray);
}
.ccb-gray2 {
    background-color: var(--gray2);
}
.ccb-gray3 {
    background-color: var(--gray3);
}
.ccb-dark-gray {
    background-color: var(--dark-gray);
}
.ccb-dark-gray2 {
    background-color: var(--dark-gray2);
}
.ccb-white {
    background-color: var(--white);
}
.ccb-white2 {
    background-color: var(--white2);
}
.ccb-black {
    background-color: var(--black);
}

/** endregion */


/** region File /css/components/classes/02-content.css */
/* canapeclub content block */
.cc-content {
    margin: 0 auto;
    width: 1156px;
}

.cc-content .breadcrumbs {
    margin-bottom: 0 !important;
}

.cc-content-q-i {
    pointer-events: none;
}

.grecaptcha-badge {
    margin-bottom: 95px;
    opacity: 0.7;
    z-index: 1;
}

@media screen and (max-width: 1280px) {
    .cc-content {
        width: 1024px;
    }
}

@media screen and (max-width: 1024px) {
    .cc-content {
        width: auto;
        margin: 0 32px;
    }
}

@media screen and (max-width: 768px) {
    .cc-content {
        margin: 0 24px;
    }
}

@media screen and (max-width: 480px) {
    .cc-content {
        margin: 0 16px;
    }
}

/** endregion */


/** region File /css/components/classes/03-spacer.css */

.cc-spacer {
    height: 80px;
}
.cc-vspacer {
    height: 100%;
    min-height: 16px;
    width: 25px;
}

.cc-flex-row {
    margin-bottom: 8px;
    padding: 5px 0;
}

.cc-break {
    display: inline;
}

@media screen and (max-width: 1027px) {
    .cc-spacer {
        height: 64px;
    }
}

@media screen and (max-width: 768px) {
    .cc-spacer {
        height: 48px;
    }
}

@media screen and (max-width: 480px) {
    .cc-flex-row {
        padding: 2px 0;
    }
}

@media screen and (max-width: 360px) {
    .cc-spacer {
        height: 32px;
    }
}

/** endregion */


/** region File /css/components/classes/04-card.css */

/* canapeclub card */
.ccc-card {
    background-color: var(--white);
    border-radius: 12px;
    display: flex;
    flex-flow: column wrap;
    flex-direction: column;
    flex-wrap: nowrap;
}

.cc-rounded {
    border-radius: 12px !important;
}

/** endregion */


/** region File /css/components/classes/05-card-grid.css */

.cc-card-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
}

/* для категорий */
.category_box .cc-card-grid {
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 1024px) {
    .cc-card-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 660px) {
    .cc-card-grid {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
    }
    /* для категорий */
    .category_box .cc-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 480px) {
    .cc-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 320px) {
    .cc-card-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

/** endregion */


/** region File /css/components/classes/06-text.css */

/* canapeclub text */
.cct-center {
    text-align: center;
}
.cct-right {
    text-align: right;
}
.cct-justify {
    text-align: justify;
}

/** endregion */


/** region File /css/components/classes/07-font-sizes.css */

/* ccf - canapeclub font */
.ccf-light {
    font-weight: 300;
}

.ccf-regular {
    font-weight: 400;
}

.ccf-medium {
    font-weight: 500;
}

.ccf-bold {
    font-weight: 700;
}

.ccf-ext-bold {
    font-weight: 900;
}

.ccf-9-9 {
    font-size: 9px;
    line-height: 9px;
}

.ccf-10-10 {
    font-size: 10px;
    line-height: 10px;
}

.ccf-12-12 {
    font-size: 12px;
    line-height: 12px;
}

.ccf-12-14 {
    font-size: 12px;
    line-height: 14px;
}

.ccf-12-16 {
    font-size: 12px;
    line-height: 16px;
}

.ccf-14-16 {
    font-size: 14px;
    line-height: 16px;
}

.ccf-14-20 {
    font-size: 14px;
    line-height: 20px;
}

.ccf-16-16 {
    font-size: 16px;
    line-height: 16px;
}

.ccf-16-20 {
    font-size: 16px;
    line-height: 20px;
}

.ccf-16-22 {
    font-size: 16px;
    line-height: 22px;
}

.ccf-18-20 {
    font-size: 18px;
    line-height: 20px;
}

.ccf-18-24 {
    font-size: 18px;
    line-height: 24px;
}

.ccf-20-20 {
    font-size: 20px;
}

.ccf-38-42 {
    font-size: 38px;
    line-height: 42px;
}

/* headers */


/* headers */
/* task #6201 */

h2, #cara_blog .product-list h4 {
    background: unset!important;
    text-decoration: underline #ffed00 8px solid;
    text-decoration-color: #FFED00;
    -webkit-text-decoration: underline solid;
    -webkit-text-decoration-color: #FFED00;
    text-decoration-thickness: 8px;
    text-decoration-skip-ink: none;
    text-underline-offset: -3px;
    padding: unset!important
}

.ptn__ctrl-minus > svg {stroke: var(--orange)}

/* hide for blog headers blog */
#cara_blog .product-list .yellow {background: unset!important}

.catalog-nav-sub__header {
    background: unset!important;
    text-decoration: underline #ffed00 7px solid;
    text-decoration-skip-ink: none;
    text-underline-offset: -6px;
    padding: unset!important
}

h1 {      
    background: url(/image/catalog/home/h2_under.png) repeat-x;    
    background-position: 0% 0px;
    background-size: 100% 37px;    
}

/* task #6201 end */

.cc-h1 {
    display: inline-block;
    font-size: 38px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
}

.cc-h2 {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}

.cc-h1.stroke:after,
.cc-h2.stroke:after
{
    content: '';
    display: block;
    height: 10px;
    background-color: var(--yellow);
    position: relative;
    z-index: -1;
    top: -18px;
}

@media screen and (max-width: 768px) {
    .cc-h1 {
        font-size: 32px;
        line-height: 32px;
    }
    .cc-h1.stroke:after,
    .cc-h2.stroke:after
    {
        top: -16px;
    }
}

@media screen and (max-width: 480px) {
    .cc-h1 {
        font-size: 24px;
        line-height: 24px;
    }
    .cc-h1.stroke:after,
    .cc-h2.stroke:after
    {
        height: 6px;
        top: -10px;
    }
}

@media screen and (max-width: 360px) {
    .cc-h1 {
        font-size: 22px;
        line-height: 22px;
    }
}

/** endregion */


/** region File /css/components/classes/08-button.css */

/* ccb - canapeclub button */
.cc-pointer:hover {
    cursor: pointer;
}


.ccb-btn {
    display: inline-block;
    border-width: 2px;
    border-style: solid;
    border-radius: 12px;
    border-color: var(--orange);
    background-color: var(--orange);
    box-sizing: border-box;
    text-align: center;
    color: var(--white);
    font-size: 16px;
    line-height: 16px;
}

.ccb-btn--newyear {
    background-color: var(--green) !important;
    border-color: var(--green) !important;
}

.ccb-btn--newyear:hover,
.ccb-btn--newyear:active
{
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
}

.ccb-w100 {
    width: 100%;
}

.ccb-btn:hover,
.ccb-btn:active,
.ccb-btn.active,
.ccb-green
{
    background-color: var(--green);
    border-color: var(--green);
    cursor: pointer;
    color: var(--white);
    text-decoration: none;
}

.ccb-btn:disabled,
.ccb-btn.disabled
{
    background-color: var(--dark-gray);
    border-color: var(--dark-gray);
    cursor: default;
}

.ccb-outline {
    background-color: transparent;
}

/* оранжевая кнопка */
.ccb-btn.ccb-outline {
    color: var(--orange);
}

.ccb-btn.ccb-outline:hover,
.ccb-btn.ccb-outline:active,
.ccb-btn.ccb-outline.active
{
    background-color: var(--orange);
    border-color: var(--orange);
    color: var(--white);
}

/* зелёная кнопка */
.ccb-green.ccb-outline {
    color: var(--green);
}

.ccb-green.ccb-outline:hover,
.ccb-green.ccb-outline:active,
.ccb-green.ccb-outline.active
{
    background-color: var(--green);
    border-color: var(--green);
    color: var(--white);
}

.ccb-pill {
    border-radius: 50%;
}

.ccb-28 {
    padding: 4px 16px;
    border-width: 1px;
    border-radius: 6px;
}

.ccb-40 {
    padding: 10px 8px;
}

.ccb-42 {
    padding: 11px 8px;
}

.ccb-52 {
    padding: 16px 80px;
    font-size: 20px;
    line-height: 20px;
}

.ccb-54 {
    padding: 17px 80px;
    font-size: 20px;
    line-height: 20px;
}

@media screen and (max-width: 768px) {
    .ccb-52 {
        padding: 12px 60px;
    }
    .ccb-54 {
        padding: 16px 80px;
    }
}

@media screen and (max-width: 360px) {
    .ccb-52 {
        padding: 10px 40px;
    }
}

/** endregion */


/** region File /css/components/classes/09-dropdown.css */

/* cc - canapeclub dropdown */
.cc-dropdown {
    display: inline-block;
    position: relative;
}

.cc-dropdown--hover:hover + .cc-dropdown__inner,
.cc-dropdown__inner:hover
{
    display: block;
}


.cc-dropdown__inner {
    display: none;
    position: absolute;
    z-index: 30;
    left: 10px;
    top: 20px;
    background-color: var(--white);
    border-radius: 12px;
    border: 1px solid var(--gray);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.1);
    padding: 18px 20px;
}
.cc-dropdown__inner-left {
    left: auto;
    right: -20px;
}

/** endregion */


/** region File /css/components/classes/10-modal.css */

/** region cc - canapeclub modal */
.cc-modal {
    position: fixed;
    top: 25%;
    left: 25%;
    display: none;
    width: 50%;
    height: 50%;
}

.cc-modal-lock {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2B2A2966;
}

.cc-modal.open {
    display: block;
}

.cc-modal-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.cc-modal-header {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: var(--dark-gray);
    margin-bottom: calc(var(--padding) * 2);
}

.cc-modal-callback {
    background-color: var(--white);
    border-radius: calc(var(--padding) * 1.5);
    padding: calc(var(--padding) * 4);
    margin: var(--padding);
    max-width: 464px;
}

.cc-modal .ccb-54 {
    padding-left: 16px;
    padding-right: 16px;
}

@media screen and (max-width: 768px) {
    .cc-modal-header {
        font-size: 18px;
        line-height: 20px;
    }
}
/** endregion  */

/** endregion */


/** region File /css/components/classes/11-speech.css */

/* cc - canapeclub speech balloon */
.cc-speech {
    border: 1px solid var(--gray);
    background-color: var(--white);
    border-radius: 6px;
    padding: 7px 6px 5px;
    position: relative;
    margin-bottom: 0 !important;
    text-align: center;
    line-height: 12px;
    font-size: 10px;
    font-weight: 600;
}
.cc-speech:before {
    content: ' ';
    position: absolute;
    width: 4px;
    height: 4px;
    left: 24px;
    top: 100%;
    border: 4px solid;
    border-color: var(--gray) transparent transparent var(--gray);
}
.cc-speech:after {
    content: ' ';
    position: absolute;
    width: 6px;
    height: 6px;
    left: 25px;
    top: 100%;
    border: 3px solid;
    border-color: var(--white) transparent transparent var(--white);
}

/** endregion */


/** region File /css/components/classes/12-form.css */

/** region формы */

/** region инпуты */
.cc-input {
    border: 2px solid var(--gray);
    border-radius: 12px;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 22px;
    color: var(--black);
    margin-bottom: 16px;
}
.cc-input:hover,
.cc-input:active,
.cc-input:focus-visible
{
    border-color: var(--green);
    outline: none;
}
/** endregion  */
/** region я согласен */
.cc-agree {
    margin-top: 16px;
    font-size: 12px;
    line-height: 16px;
    color: var(--dark-gray);
    display: flex;
    align-items: end;
}
.cc-agree__link {
    color: var(--orange);
    text-decoration: none;
}
.cc-checkbox {
    display: inline-block;
    margin-right: var(--padding);
}
.cc-checkbox__label {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 6px;
    border: 2px solid var(--gray);
}
.cc-checkbox__label:hover {
    cursor: pointer;
}
.cc-checkbox.checked .cc-checkbox__label,
.cc-checkbox.cc-checkbox__label + input[type='checkbox'][checked]
{
    background-color: var(--green);
    border-color: var(--white);
}
.cc-checkbox input[type='checkbox'] {
    display: none;
}
/** endregion  */

/** endregion  */

/** endregion */


/** region File /css/components/footer/partners.css */

.footer-partners .cc-content {
    border: 1px solid var(--dark-gray);
    border-left: none;
    border-right: none;
}

.footer-partners__header {
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
    text-align: center;
    margin: 24px 0;
}

.footer-partners .cc-carousel {
    margin-bottom: 32px;
}

.cc-carousel__left,
.cc-carousel__right
{
    background-color: transparent;
    box-shadow: none;
    top: -44px;
}

.cc-carousel__inner {
    height: auto;
    justify-content: space-evenly;
}

.cc-carousel__item {
    width: auto;
}

/** endregion */


/** region File /css/components/header/desktop.css */

.dt-header {
    font-family: Roboto, sans-serif;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}

.dt-header form {
    margin-bottom: 0;
}

/** region Страницы сайта */
.dt-header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.top-nav-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.top-nav-left *[class*='top-nav__link'] {
    margin-right: 12px;
    vertical-align: bottom;
}

.dt-header__top .cc-dropdown__link {
    display: inline-block;
    margin: -17px 0;
    padding: 17px 0;
}
.dt-header__top .cc-dropdown__inner {
    top: 25px;
}
.dt-header__top .cc-dropdown__inner .top-nav__link {
    display: block;
    margin-left: 0;
    margin-bottom: 16px;
    white-space: nowrap;
}
.dt-header__top .cc-dropdown__inner .top-nav__link:last-of-type {
    margin-bottom: 0;
}

.top-nav-right .top-nav__link, .top-nav-right .cc-dropdown__link {
    margin-left: 30px;
}

*[class*='top-nav__link'], .dt-header__top .cc-dropdown__link {
    display: inline-block;
    text-decoration: none;
    color: var(--dark-gray);
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
}
.dt-header__top .cc-dropdown__inner .top-nav__link {
    font-weight: 500;
}

*[class*='top-nav__link']:hover,
*[class*='cc-dropdown__link']:hover
{
    color: var(--black);
}
/** endregion */

/** region каталог поиск */
#header__middle {
    border-bottom: 1px solid var(--gray);
}
.dt-header__middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0 10px;
}
.dt-header__middle .logo-header {
    margin: -6px 0 6px;
}

.catalog-btm__icon {
    vertical-align: middle;
}
.catalog-btm__text {
    margin-left: 4px;
}

.catalog-btn svg:hover > use:not(.cc-hidden) {
    display: initial !important;
}
.catalog-btn svg:hover > use.cc-hidden {
    display: none !important;
}
.catalog-btn.open svg > use:not(.cc-hidden) {
    display: none !important;
}
.catalog-btn.open svg > use.cc-hidden {
    display: initial !important;
}

.phones-header {
    font-size: 14px;
    line-height: 13px;
    font-weight: 500;
}
.phones__phone {
    margin-bottom: 5px;

}
.phones__phone a {
    color: var(--dark-gray);
}
.phones__phone-callback {
    color: var(--green);
    text-decoration: none;
    font-weight: 700;
}

.search {
    width: 54.5%;
    display: flex;
    align-items: center;
    position: relative;
}

.search__input {
    background-color: var(--gray2);
    border: 1px solid var(--gray2);
    padding: 8px 20px;
    border-radius: 8px;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: var(--dark-gray3);
}
.search__input::placeholder {
    color: var(--dark-gray3);
}
.search__input:hover,
.search__input:active,
.search__input:focus
{
    border-color: var(--green);
    outline: none;
    color: var(--black);
}
.search__input:not(emptyset){
    color: var(--black);
}
.search__button {
    position: absolute;
    right: 18px;
    top: 17%; 
    border: none;
    background-color: transparent;
    margin-left: -56px;
}
.search__button:hover {
    cursor: pointer;
}

.customer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 13%;
}
.customer-cart {
    position: relative;
}
.customer-cart__cart {
    display: none;
}
.customer-account {
    position: relative;
    font-size: 11px;
    line-height: 12px;
    color: var(--green);
    text-align: center;
}
.customer-account:hover {
    color: var(--orange);
}
.customer-account svg {
    margin-top: 15px;
    margin-bottom: 5px;
}
.customer-account__gift {
    position: absolute;
    white-space: nowrap;
    top: -14px;
    left: 50%;
    box-shadow: 4px 15px 30px rgba(0, 0, 0, 0.08);
    color: var(--orange);
}

@media screen and (max-width: 1450px) { 
    .customer-account__gift {
        white-space: unset;
        left: unset;
        top: 70px;
        min-width: 160px;
        right: 0px;
    }
    
    .cc-speech:before {
       content: ' ';
       position: absolute;       
       right: 9px;
       top: -12px;
       width: 0px;
       height: 0px;
       border-style: solid;
       border-width: 0 0 11px 11px;
       border-color: transparent transparent var(--gray) transparent;
       transform: rotate(0deg);
       left: unset;
    }
    .cc-speech:after {
       content: ' ';
       position: absolute;       
       right: 10px;
       top: -10px;        
       width: 0px;
       height: 0px;
       border-style: solid;
       border-width: 0 0 10px 10px;
       border-color: transparent transparent var(--white) transparent;
       transform: rotate(0deg);
       left: unset;
    }
    
}

.customer-account:hover .customer-account__gift {
}
/** endregion */

/** region Меню каталога */
.dt-header__bottom {
    padding: 20px 0 10px;
}
.menu-nav {
    display: flex;
    justify-content: space-between;
}
.menu-nav__link {
    font-size: 16px;
    font-weight: 800;
    color: var(--black);
    text-decoration: none;
}
.menu-nav__link:hover {
    color: var(--orange);
}
/** endregion */

/** region Каталог */
.header__catalog {
    position: absolute;
    z-index: 99999;
    transition: ease 0.4s;
    margin-left: -100%;
    background-color: var(--gray3);
    margin-top: -48px;
    height: 0;
    width: 100%;
    padding-top: 20px;
}
.header__catalog .cc-content {
    display: flex;
    height: 100%;
}
.header__catalog.open {
    margin-left: 0;
    height: calc(100vh - 40px - 90px);
}
.catalog-btn {
    padding: 11px 15px;
}
.catalog-nav {
    height: 100%;
    width: 22%;
    max-width: 235px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    transition: scrollbar-color 0.3s ease-in-out;
    padding-bottom: 38px;
}
.catalog-nav::-webkit-scrollbar {width: 5px;}
.catalog-nav::-webkit-scrollbar-thumb {background: transparent;border-radius: 3px;transition: background 0.3s ease-in-out;}
.catalog-nav::-webkit-scrollbar-button {display: none !important;height: 0;width: 0;background: none;}
.catalog-nav:hover {scrollbar-color: rgba(175, 175, 175, 0.3) transparent;}
.catalog-nav:hover::-webkit-scrollbar-thumb {background: rgba(175, 175, 175, 0.3);}
.catalog-nav2 {
    --header-banner-width: 202px;
    height: 100%;
    width: 78%;
    max-width: 921px;/**/
    position: relative;
    padding-right: var(--header-banner-width);
}
.catalog-nav2__banner {
    width: var(--header-banner-width);
    position: absolute;
    top: 0;
    right: 0;
}

.catalog-nav__link {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: var(--dark-gray);
    padding: 5px 10px;
    margin-bottom: 8px;
    border-radius: 4px;
    width: 100%;
}
.catalog-nav__link.active
{
    background-color: var(--green);
    color: var(--white);
    cursor: pointer;
}
.catalog-nav__link:hover svg > use:not(.cc-hidden),
.catalog-nav__link.active svg > use:not(.cc-hidden)
{
    display: none;
}
.catalog-nav__link:hover svg > use.cc-hidden,
.catalog-nav__link.active svg > use.cc-hidden
{
    display: initial;
}
.catalog-nav__icon {
    margin-right: 10px;
}
.catalog-nav__arrow {
    margin-left: auto;
}

.catalog-nav2-catalog {
    display: none;
    height: 100%;
}
.catalog-nav2-catalog:hover,
.catalog-nav2-catalog.show
{
    display: flex !important;
    align-items: start;
}
.catalog-nav-sub {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    padding: 0 30px;
}
.catalog-nav2__link {
    text-decoration: none;
    color: var(--black);
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    display: block;
    margin-bottom: 4px;
}
.catalog-nav2__link.cc-hidden {
    display: none;
}
.catalog-nav2__link:hover {
    color: var(--orange);
}
.catalog-nav2__more {
    color: var(--orange);
}
.catalog-nav-sub__header {
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}
.catalog-nav2-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    overflow-y: auto;
    padding-bottom: 24px;
}
.catalog-nav2-grid__header {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}
.catalog-nav2-grid__header-link {
    color: var(--black);
}
.catalog-nav2-banner {
    height: 100%;
}

/* Lazy loading region */

img:not([src]):not([srcset]) {visibility: hidden} /* Hiding images without src */

.catalog-nav2-banner img.slick-loading {opacity: 0;transition:0.3s}

.catalog-nav2__banner img, .catalog-nav2__banner a {
  border-radius: 10px;
}
/** endregion */

.dt-header svg:hover {
    cursor: pointer;
}
.dt-header svg:hover > use:not(.cc-hidden) {
    display: none;
}
.dt-header svg:hover > use.cc-hidden {
    display: initial;
}

/** endregion */


/** region File /css/components/header/mobile.css */


/** region Шапка */
.m-top {
    font-family: Roboto, sans-serif;
    padding: 8px 16px;
    border-bottom: 1px solid var(--gray);
    position: relative;
    z-index: 99999;
}

.m-top-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.m-top-search {
    position: relative;
}

.m-top-search form {
    margin-bottom: 0;
}
.m-top .search__input, .m-bot .search__input {
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    padding: 8px 14px;
}
.m-top .search__button, .m-bot .search__button {
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
    height: 22px;
}
.m-top .call-wrap, .m-bot .call-wrap {
    display: initial !important;
}
/** endregion */

/** region Выпадающее меню */
.m-top-cat {
    position: absolute;
    z-index: 99999;
    top: -100vh;
    width: 100vw;
    height: 100dvh;
    margin-left: -16px;
    overflow-y: auto;
    transition: ease 0.4s;
    padding-bottom: 110px;
}
.m-top-cat.open {
    top: 0;
}

.cat-search {
    padding: 14px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--gray);
}

.cat-search form {
    position: relative;
    margin-bottom: 0;
    width: 70%;
}

.cat-menu {
    display: flex;
    overflow-x: scroll;
    padding: 10px 16px 20px;
}
.cat-menu__link {
    box-shadow: 4px 15px 15px 0 rgba(0, 0, 0, 0.08);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    text-decoration: none;
    padding: 8px 13px;
    border-radius: 8px;
    margin-right: 8px;
    white-space: nowrap;
    background-color: #fff;
    color: var(--green);
}

.cat-cats {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 16px;
    position: relative;
    height: 69vh;
    height: 75dvh;
    padding-bottom: 130px;
}
.cat-cats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(auto-fill, 70px);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin: 5px 0 16px;
}
.cat-cats-item {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--white);
    color: var(--black);
    border-radius: 8px;
    padding: 8px;
}
.cat-cats-item:hover {
    background-color: var(--light-green);
}
.cat-cats-item__icon {
    width: 100%;
    text-align: right;
    margin-bottom: 2px;
}
.cat-cats-item__text {
    display: flex;
    align-self: end;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: var(--black);
}
.cat-cats-more {
    text-align: center;
    margin: 16px 0;
}
.cat-cats-more__btn {
    display: inline-block;
    color: var(--green);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 4px 6px 5px;
    border-bottom: 1px dashed var(--green);
}
.cat-sub {
    position: absolute;
    top: 0;
    right: -100vw;
    width: 100vw;
    height: 100%;
    transition: ease .4s;
}
.cat-sub.show {
    right: 0;
}
.cat-sub-item {
    display: none;
}
.cat-sub-item.show {
    display: initial;
}
.cat-sub-item__back {
    vertical-align: text-top;
    margin-right: 20px;
}
.cat-sub-item__head {
    margin: 0 0 6px;
    padding: 12px 16px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: var(--orange);
    border-bottom: 1px solid var(--gray);
}
.cat-sub-nav__link {
    display: block;
    padding: 12px 16px;
    color: var(--black);
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    text-decoration: none;
}
/** endregion */

/** region нижняя плашка */
.m-bot {
    font-family: Roboto, sans-serif;
    position: fixed;
    bottom: 0;
    z-index: 99999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    border-radius: 7px 7px 0 0;
    box-shadow: 15px 4px 30px 0 rgba(0, 0, 0, 0.2);
    width: 100vw;
    box-sizing: border-box;
}

.m-bot__icon {
    display: block;
    margin: 0 auto 6px;
}

.m-bot__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--dark-gray);
}

.m-bot__cart {
    position: relative;
}
.customer-cart__badge,
.t-top-head-cart__badge,
.f-menu-cart__badge,
.m-bot__badge {
    position: absolute;
    top: -4px;
    right: -8px;
    padding: 3px 6px 3px 5px;
    border-radius: 8px;
    color: var(--white);
    background-color: var(--orange);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
}
.m-bot__badge {
    right: 8px;
}

.m-bot > [class^='m-bot__'] {
    width: 60px;
}

/* уменьшить или убрать после смены 23 февраля */
.m-bot__sales svg{
    margin-bottom: 3px !important;
}
/* уменьшить или убрать после смены 23 февраля */

*[class*='m-bot__'] {
    text-align: center;
}
/** endregion */

@media screen and (max-width: 480px) {
    body {
        margin-bottom: calc(62px + 16px);
    }
}


/** endregion */


/** region File /css/components/header/tablet.css */

.t-top {
    font-family: Roboto, sans-serif;
    position: relative;
    width: 100vw;
}

/** region Шапка */
.t-top-head {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 11px 29px 29px;
    border-bottom: 1px solid var(--dark-gray3);
}

.t-top-head-left {
    display: flex;
    align-items: end;
}

.t-top-head-left .logo {
    margin-right: 24px;
    margin-bottom: -7px;
}

.t-top-head-right {
    padding-top: 21px;
}

.t-top-head-right__icon {
    margin-left: 32px;
    display: inline-block !important;
}
.t-top-head-right__icon.call-wrap path {
    stroke-width: 2.9;
}
.t-top-head-right__link {
    position: relative;
    display: inline-block;
}
.top-nav__link-callback {
    display: inline-block !important;
}
.t-top .header__catalog {
    margin-top: -1px;
    padding-top: 32px;
    height: calc(100vh - 98px);
    height: calc(100dvh - 98px);
}

@media screen and (max-width: 1024px) {
    .t-top .catalog-nav {
        width: 33%;
    }
    .t-top .catalog-nav__icon:first-of-type {
        display: none;
    }
    .t-top .catalog-nav2-grid {
        grid-template-columns: repeat(3, 1fr);

    }
    .t-top .catalog-nav-sub {
        width: 100%;
    }
    .t-top .catalog-nav2-banner {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .t-top .catalog-nav2-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
/** endregion */

/** region Всплывашка */
.f-menu {
    font-family: Roboto, sans-serif;
    position: absolute;
    top: 0;
    right: -100vw;
    z-index: 1;
    width: 589px;
    height: 100%;
    transition: ease 0.4s;
}

.f-menu.open {
    right: 0;
}

.f-menu-head {
    padding: 24px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.f-menu-right {
    display: flex;
    align-items: center;
}
.f-menu-right__link {
    margin-left: 20px;
    position: relative;
}
.f-menu-right__link svg {
    margin-bottom: 4px;
}
.f-menu-cart__badge {
    border-color: var(--white);
    background-color: var(--white);
    color: var(--orange) !important;
    bottom: auto !important;
}
.f-menu-right__reward {
    position: absolute;
    bottom: -12px;
    color: var(--white);
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    display: inline-block;
    text-align: center;
}

.f-menu-right__link * {
    display: block;
}

.f-menu-content {
    height: calc(100vh - 22px - 64px);
    height: calc(100dvh - 22px - 64px);
    display: flex;
    padding: 32px;
}
.f-menu-content-left {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 210px;
}
.f-menu-content-right {
    border-left: 1px solid var(--gray);
    padding-left: 32px;
    margin-left: 24px;
    width: calc(297px - 32px - 20px);
    display: none;
}
.f-menu-content-right.show {
    display: initial;
}
.f-menu-list__link {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: var(--dark-gray);
    margin-bottom: 20px;
    border-radius: 4px;
}
.f-menu-list__link:hover,
.f-menu-list__link.active
{
    color: var(--white);
    background-color: var(--green);
    cursor: pointer;
}
.f-menu-list__link .catalog-nav__arrow {
    vertical-align: middle;
}
.f-menu-content-right .f-menu-list {
    display: none;
}
.f-menu-content-right .f-menu-list.show {
    display: initial;
}
.f-menu-content-right .f-menu-list__link {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}
.f-menu-contacts {
    color: var(--dark-gray);
}
.f-menu-contacts__phone {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}
.f-menu-contacts__socials {
    margin: 24px 0 32px;
}
.f-menu .top-nav__link-social {
    margin-right: 26px;
}
.f-menu-contacts__time {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
/** endregion */

.t-top .catalog-btn:hover svg {
    cursor: default;
}

.f-menu-list__link:hover svg > use:not(.cc-hidden),
.f-menu-list__link.active svg > use:not(.cc-hidden)
{
    display: none;
}
.f-menu-list__link:hover svg > use.cc-hidden,
.f-menu-list__link.active svg > use.cc-hidden
{
    display: initial;
}
/** endregion */

.catering-wrap {
    line-height: 24px;
    display: flex;
    margin-left: auto;
    width: 100%;
}

.catering-wrap .col-sm-4:first-child {
    padding-left: 0px;
}

/** region File /css/components/category-solution.css */

.category-solution {
    padding: 20px 15px;
}
.category-solution__all-btn2 {
    display: none;
    text-align: center;
    padding: 4px 10px;
    border: 1px solid var(--green);
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    color: var(--green);
}

.category-solution__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
}

.category-solution__header {
    margin: 0;
    padding: 0 !important;
    text-underline-offset: -7px;
    text-decoration-style: solid;
    text-decoration-line: underline;
    text-decoration-thickness: 5px;
    text-decoration-color: #ffed00;
    text-decoration-skip-ink: none;
    text-underline-position: from-font;
    background: none;
}

.category-solution__descwrap {
    position: relative;
    display: inline-block;
}

.category-solution__descwrap svg:hover {
    cursor: pointer;
}

.category-solution__descwrap svg.cc-active + .category-solution__desc {
    display: block;
}

.category-solution__desc {
    position: absolute;
    z-index: 2;
    top: -35px;
    left: 200%;
    display: none;
    padding: 20px;
    padding-bottom: 18px;
    border: 1px solid var(--gray);
    color: var(--dark-gray);
    background-color: var(--white);
    font-weight: 400 !important;
    white-space: nowrap;
    text-transform: none !important;
}

.ccb-btn--enlarged {
    padding: 16px 37px;
    font-size: 20px;
    line-height: 20px;
}

@media screen and (max-width: 360px) {
    .ccb-btn--enlarged {
        padding: 16px 33px;
    }
}

.rounded-angled-arrow {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 4px 15px 30px 0 #00000014;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.rounded-angled-arrow svg {
    padding: 3px;
}

.reset-button {
    border: none;
    background-color: transparent;
    padding: 0;
    line-height: 0;
}

.add-to-cart {
    font-size: 14px;
    line-height: 125%;
    color: #fff;
    padding: 5px 18px;
    background-color: var(--orange);
    border-radius: 6px;
    margin-bottom: 5px;
}

.add-to-cart:hover {
    background-color: var(--green);
}

.sets-carousel {
    position: relative;
    display: flex;
    overflow-x: hidden;
}

.sets-carousel .slick-track {
    display: flex !important;
}

.sets-carousel .slick-slide {
    height: inherit !important;
}

.sets-carousel.slick-slider {
    overflow-x: visible;
}

.sets-carousel__item {
    margin-right: 15px;
    width: 153px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sets-carousel .slick-list {
    overflow-x: hidden;
    margin-right: -15px;
}

.sets-carousel__arrow-left, .sets-carousel__arrow-right {
    position: absolute;
    top: 85px;
    z-index: 1;
}

.sets-carousel__arrow-left {
    left: 0;
}

.sets-carousel__arrow-right {
    right: -35px;
}

.sets-carousel__arrow-left {
    left: -35px;
}

.set-card {
    display: flex;
    flex-direction: column;
}

.set-card__pic-wrapper {
    margin-bottom: 10px;
}

.set-card__pic {
    width: 100%;
    border-radius: 12px;
    transition: 0.3s;
    height: auto;
}

.set-card__pic.slick-loading {opacity: 0;}

@media screen and (max-width: 768px) {
    .set-card__pic.slick-loading {opacity: unset}
}

.set-card__prices {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.set-card__price {
    font-size: 16px;
    font-weight: 700;
    color: var(--black);
    margin-right: 16px;
}

.set-card__price:last-child {
    margin-right: 0;
}

.set-card__price + .set-card__price {
    font-size: 14px;
    color: var(--dark-gray);
    text-decoration: line-through;
}

.set-card__name {
    display: block;
    font-size: 14px;
    text-decoration: none;
    font-weight: 700;
    color: var(--black);
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 4em;
    margin-bottom: 8px;
}

.set-card__add-to-cart {
    margin-top: auto;
    align-self: flex-start;
}

@media screen and (max-width: 1024px) {
    .sets-carousel .slick-list {
        margin-right: 0;
        padding: 0 10% 0 0 !important;
    }
}

.category-solution .cc-carousel__ctrl button {
    border: none !important;
    background-color: transparent !important;
}

.ccb-28 {
    padding: 4px 16px;
    border-width: 1px;
    border-radius: 6px;
}

.ccb-40 {
    padding: 10px 8px;
}

@media screen and (max-width: 480px) {
    .category-solution {
        margin: 0 -15px;
        padding-bottom: 5px;
        border-radius: 0;
    }
    .category-solution__header {
        min-width: 260px;
        font-size: 16px;
        line-height: 16px;
        margin-right: 14px;
        white-space: nowrap;
    }
    .category-solution__all-btn {
        display: none;
    }

    .category-solution__all-btn2 {
        display: block;
        max-width: 100px;
        padding: 4px 10px;
    }
    .category-solution__desc {
        font-size: 12px;
        line-height: 16px;
        padding: 18px 18px 16px;
        top: -55px;
        left: -64px;
    }
}

@media screen and (max-width: 360px) {

    .category-solution__desc {
        font-size: 10px;
        line-height: 14px;
        padding: 16px 16px 14px;
        top: -45px;
        left: -72px;
    }
}

/** endregion */


/** region File /css/components/cc-carousel.css */

.cc-carousel {
    position: relative;
}

.cc-carousel__ctrl {
    position: absolute;
    height: 0;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2;
}

.cc-carousel__left,
.cc-carousel__right
{
    position: relative;
    top: -21px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    box-shadow: 4px 15px 30px 0 #00000014;
    background-color: var(--white);
}

.cc-carousel__left[data-count='0'],
.cc-carousel__right[data-count='0']
{
    display: none;
}

.cc-carousel__left:hover,
.cc-carousel__right:hover
{
    cursor: pointer;
}

.rounded-angled-arrow:hover svg use,
.cc-carousel__left:hover  svg use,
.cc-carousel__right:hover svg use
{
    display: none;
}

.rounded-angled-arrow:hover svg use.cc-hidden,
.cc-carousel__left:hover  svg use.cc-hidden,
.cc-carousel__right:hover svg use.cc-hidden
{
    display: initial;
}

.cc-carousel__left {
    float: left;
    margin-left: -21px;
}

.cc-carousel__right {
    float: right;
    margin-right: -21px;
}

.cc-carousel__dots {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

.cc-carousel__dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 6px;
    background-color: var(--gray);
}

.cc-carousel__dot:hover {
    cursor: pointer;
    background-color: var(--orange);
}

.cc-carousel__dot.active {
    background-color: var(--green);
}

.cc-carousel__dot.active:hover {
    cursor: default;
}

.cc-carousel__wrap {
    overflow: hidden;
}

.cc-carousel__inner {
    transition: margin-left 0.5s;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 136px;
}

.cc-carousel__item {
    display: inline-block;
    width: 26%;
    text-align: center;
}

.cc-carousel__item:hover {
    text-decoration: none;
}

.cc-carousel__image {
    margin-bottom: 15px;
}

.cc-carousel__title {
    margin-bottom: 10px;
}

.cc-carousel__image img {
    height: 42px;
}

@media screen and (max-width: 768px) {
    .cc-carousel__inner {
        height: 128px;
    }

    .cc-carousel__image img {
        height: 39px;
    }

    .set-card__name {
        font-size: 13px;
        line-height: 19px;
        max-height: 5em;
    }
}

@media screen and (max-width: 480px) {
    .cc-carousel__item {
        width: 48%;
    }

    .cc-carousel__title {
        font-size: 12px;
        line-height: 12px;
    }

    .cc-carousel__text {
        font-size: 10px;
        line-height: 10px;
    }

    .cc-carousel__left {
        margin-left: -16px;
    }

    .cc-carousel__right {
        margin-right: -16px;
    }

    .cc-carousel__image img {
        height: 24px;
    }
}
/** endregion  */

.catalog-consultation {
    display: flex;
    border: 1px solid var(--gray);
    border-radius: calc(var(--padding) * 1.5);
    box-sizing: border-box;
}

.consultation-text {
    padding: calc(var(--padding) * 4);
}

.consultation-text__heading {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    color: var(--black);
    margin: 0 0 calc(var(--padding));
    text-transform: none;
}

.consultation-text__paragraph {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 calc(var(--padding) * 3);
    color: var(--black);
}

.catalog-consultation__video-wrapper {
    flex: 0 0 50%;
}

.catalog-consultation__video {
    border-radius: calc(var(--padding) * 1.5);
}

.fullblock-iframe-wrapper {
    position: relative;
}

.fullblock-iframe-wrapper__iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

[data-youtube]::before {
    content: '';
    position: absolute;
    background: url(/image/play_youtube.svg) center no-repeat;
    background-size: contain;
    top: 50%;
    left: 50%;
    width: 30%;
    height: 30%;
    transform: translate(-50%, -50%);
}

.youtube {    
    background-size: cover!important;    
}

@media screen and (max-width: 1024px) {

    .consultation-text {
        padding: calc(var(--padding) * 5);
    }

    .catalog-consultation__video-wrapper {
        flex: 0 0 57%;
    }

    .consultation-text__paragraph {
        margin: 0 0 calc(var(--padding) * 5);
    }

    .consultation-text__heading {
        margin: 0 0 calc(var(--padding) * 2);
    }

    .customer-account__gift {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .catalog-consultation {
        flex-direction: column;
    }

    .consultation-text__paragraph {
        margin: 0 0 calc(var(--padding) * 4);
    }

    .catalog-consultation__video-wrapper {
        min-height: 320px;
    }
}

@media screen and (max-width: 480px) {
    .consultation-text {
        padding: calc(var(--padding) * 3);
    }

    .consultation-text__heading {
        font-size: 16px;
        margin: 0 0 calc(var(--padding) * 1);
    }

    .consultation-text__paragraph {
        margin: 0 0 calc(var(--padding) * 1.6);
        font-size: 14px;
        line-height: 20px;
    }

    .consultation-text__button {
        width: 100%;
        margin-bottom: calc(var(--padding) * 2);
    }

    .catalog-consultation__video-wrapper {
        min-height: 220px;
    }
}

@media screen and (max-width: 360px) {
    .consultation-text {
        padding: calc(var(--padding) * 2);
    }

    .consultation-text__paragraph {
        margin: 0 0 calc(var(--padding) * 2);
    }

    .catalog-consultation__video-wrapper {
        min-height: 168px;
    }
}

/** endregion */


/** region File /css/components/partner-card.css */

.partner-card {
    display: flex;
    align-items: center;
}

.partner-card p {
    margin-bottom: 0;
}

.partner-card__image {
    width: 136px;
    height: 136px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partner-card__image img {
    width: 74px;
}

@media screen and (max-width: 768px) {
    .partner-card__image {
        width: 128px;
        height: 128px;
    }
    .partner-card__info .h1 {
        font-size: 32px;
        line-height: 32px;
    }
}

@media screen and (max-width: 480px) {
    .partner-card__image {
        width: 100px;
        height: 100px;
    }
    .partner-card__info .h1 {
        font-size: 24px;
        line-height: 24px;
    }
}

.become_partner_link {
    margin-top:20px;
}

.become_partner_link .ccb-40 {
    padding: 12px 50px;
}

.become_partner_link a:focus {
    color: #fff;
    text-decoration: inherit;
}


/* File /css/components/product-carousel.css */
.product-carousel {
    height: auto;
}

.product-carousel .cc-carousel__inner {
    height: auto;
    align-items: initial;
}

.product-carousel .cc-carousel__item {
    margin: 0 12px;
    width: 25%;
    height: 100%;
}

.product-carousel .ptn {
    height: 100%;
}

/** endregion */


/** region File /css/components/product-tn.css */

.ptn {
    text-align: left !important;
    transition: all 0.2s;
}

.ptn * {
    font-family: Roboto, sans-serif;
}

.ptn-officiant {
    position: initial;
}

.ptn:hover {
    box-shadow: 4px 15px 30px rgba(0, 0, 0, 0.12);
    transform: scale(1.04);
    z-index: 2;
}

.ptn__image {
    position: relative;
    overflow: hidden;
    height: auto;
}

.ptn__image-link {
    display: inline-block;
    width: 100%;
}

.ptn__image-img {
    border-radius: 12px 12px 0 0;
    width: 100%;
    height: auto;
}

.ptn__stickers {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 14px 14px;
    padding: 0;
    list-style: none;
    color: var(--white);
    display: flex;
    flex-wrap: wrap-reverse;
}

*[class*='ptn__sticker-'] {
    margin-right: 10px;
    margin-top: 10px;
    padding: 5px 6px;
    border-radius: 4px;
    display: inline-block;
    word-wrap: break-word;
    letter-spacing: 1px;
}

*[class*='ptn__sticker-'].cc-hidden {
    display: none;
}

*[class*='ptn__sticker-']:last-of-type {
    margin-right: 0;
}

.ptn__info {
    display: flex;
    flex-wrap: wrap;
    padding: 14px;
    flex-grow: 1;
    height: auto;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
}

.ptn__prices {
    margin-bottom: 14px;
}

.ptn__price-actual,
.ptn__price-special {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: var(--black) !important;
}

.ptn__price-special {
    margin-right: 16px;
}

.ptn__price-special + .ptn__price-actual {
    font-size: 14px;
    line-height: 14px;
    color: var(--dark-gray) !important;
    text-decoration: line-through;
}

.ptn__price-special + .ptn__price-actual {
    display: inline-block;
}

.ptn__wishlist {
    float: right;
}

.ptn__wishlist:hover {
    cursor: pointer;
}

.ptn__wishlist .ptn-rem4fav {
    display: none;
}

.ptn__wishlist:hover .ptn-add2fav,
.ptn.ptn-in-fav .ptn-add2fav
{
    display: none;
}

.ptn__wishlist:hover .ptn-rem4fav,
.ptn.ptn-in-fav .ptn-rem4fav
{
    display: initial;
}

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

.ptn__name {
    margin-bottom: 6px;
}

.ptn__name a {
    text-decoration: none;
}

.ptn__bottom {
    width: 100%;
    position: relative;
}

.ptn__opts {
    border: 1px solid var(--orange);
    border-radius: 8px;
    padding: 5px 3px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    background-color: var(--white);
    user-select: none;
}

.ptn__opts:hover {
    cursor: pointer;
}

.ptn__opts.ptn-no-opts:hover {
    cursor: default;
}

.ptn__opt-default {
    padding: 0 3px 0 6px;
}

.ptn__opt-default svg {
    margin-top: 2px;
    margin-bottom: -2px;
    float: right;
}

.ptn__opt-item {
    display: none;
    margin-top: 6px;
}

.ptn__opt-item:first-of-type::before {
    content: '';
    display: block;
    border-top: 1px solid var(--gray);
}

.ptn__opt-item span {
    display: inline-block;
    padding: 3px 6px;
    border-radius: 4px;
}

.ptn__opt-item:hover span {
    background-color: var(--orange);
    color: var(--white);
}

.ptn__opt-item.ptn-opt-sltd span {
    background-color: var(--gray);
    color: var(--dark-gray);
}

.ptn__opt-item.ptn-opt-sltd:hover {
    cursor: default;
}

.ptn__opts.ptn-opts-open .ptn__opt-item {
    display: block;
}

.ptn__opts.ptn-opts-open .ptn__opt-default use {
    display: none;
}

.ptn__opts.ptn-opts-open .ptn__opt-default use.cc-hidden {
    display: initial;
}

.ptn.ptn-NA .ptn__btn-add {
    cursor: default;
}

.ptn.ptn-in-cart .ptn__btn-add, .sets-carousel__item.ptn-in-cart .set-card__add-to-cart {
    display: none;
}

.ptn.ptn-in-cart .ptn__ctrls, .sets-carousel__item.ptn-in-cart .ptn__ctrls {
    display: flex;
}

.sets-carousel__item.ptn-in-cart .ptn__ctrls {
    margin-top: auto;
    justify-content: space-between;
    margin-bottom: 5px;
}

.ptn__ctrls label {
    margin-bottom: 0!important;
}

*[class*='ptn__ctrl-']:hover {
    cursor: pointer;
}

.ptn__ctrl-minus,
.ptn__ctrl-plus,
.ptn__ctrl-quantity {
    padding: 8px 16px;
    border: 2px solid var(--gray);
    background-color: var(--white);
}

.sets-carousel__item .ptn__ctrl-minus,
.sets-carousel__item .ptn__ctrl-plus,
.sets-carousel__item .ptn__ctrl-quantity {
    padding: 5px 12px;
    border: 2px solid var(--gray);
    background-color: var(--white);
    font-size: 12px;
    line-height: 14px;
}

.ptn__ctrl-quantity {
    padding: 9px 0 8px;
    border-left: none;
    border-right: none;
    border-radius: 0;
    width: 100%;
}

input.ptn__ctrl-quantity:disabled {
    opacity: 1
}

.ptn__ctrl-quantity:hover {
    cursor: text;
}

.ptn__ctrl-quantity:active,
.ptn__ctrl-quantity:focus-visible {
    outline: none;
    cursor: default;
}

.ptn__ctrl-minus {
    border-radius: 8px 0 0 8px;
}

.ptn__ctrl-plus {
    border-radius: 0 8px 8px 0;
}

.ptn__desc {
    display: none;
}

.ptn__name a strong {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 3.5em;
}

@media screen and (max-width: 1024px) {
    .ptn:hover {
        box-shadow: none;
        transform: none;
    }
    .ptn__info {
        padding: 16px;
    }
}

@media screen and (max-width: 768px) {
    .ptn__stickers {
        margin: 14px 12px;
    }

    *[class*='ptn__sticker-'] {
        font-size: 12px; 
        line-height: 12px;
        margin-right: 6px;
        margin-bottom: 0px;
        margin-top: 8px;
    }

    .ptn__info {
        padding: 14px;
    }

    .ptn__price-special,
    .ptn__price-actual
    {
        font-size: 20px;
        line-height: 20px;
    }

    .ptn__price-special + .ptn__price-actual {
        font-size: 16px;
        line-height: 16px;
    }

    .ptn__wishlist svg {
        width: 26px;
        height: 24px;
    }

    .ptn__ctrl-minus,
    .ptn__ctrl-plus,
    .ptn__ctrl-quantity {
        padding: 9px 12px;
    }

    .ptn__ctrl-quantity {
        font-size: 17px;
        line-height: 17px;
    }
    .ptn__btn-add {
        font-size: 14px;
        line-height: 14px;
    }
}

@media screen and (max-width: 480px) {
    .ptn__stickers {
        margin: 12px 10px;
    }

    .ptn__info {
        padding: 10px;
    }

    .ptn__price-special,
    .ptn__price-actual {
        font-size: 16px;
        line-height: 16px;
    }

    .ptn__price-special + .ptn__price-actual {
        font-size: 12px;
        line-height: 12px;
    }

    .ptn__wishlist svg {
        width: 18px;
        height: 17px;
    }

    .ptn__desc {
        font-size: 9px;
        line-height: 10px;
    }

    .ptn__opts {
        padding: 3px;
        border-radius: 4px;
    }

    .ptn__opt-default svg {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .ptn__btn-add {
        font-size: 12px;
        line-height: 12px;
        border-radius: 6px;
        padding: 9px;
    }

    .ptn__ctrl-minus,
    .ptn__ctrl-plus,
    .ptn__ctrl-quantity
    {
        padding: 5px 10px;
    }

    .ptn__ctrl-quantity {
        font-size: 17px;
        line-height: 17px;
    }
}

@media screen and (max-width: 360px) {
    .ptn__stickers {
        margin: 12px;
    }
    .ptn__price-special,
    .ptn__price-actual
    {
        font-size: 14px;
        line-height: 14px;
    }

    .ptn__btn-add {
        font-size: 10px;
        line-height: 10px;
        padding: 7px;
    }

    .ptn__ctrl-minus,
    .ptn__ctrl-plus,
    .ptn__ctrl-quantity
    {
        padding: 5px 10px;
        font-size: 11px;
        line-height: 11px;
    }

    .sets-carousel__item .ptn__ctrl-minus,
    .sets-carousel__item .ptn__ctrl-plus,
    .sets-carousel__item .ptn__ctrl-quantity {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 12px;
    }

    .ptn__ctrl-quantity {
        font-size: 11px;
        line-height: 11px;
    }
}

@media screen and (max-width: 320px) {
    .ptn__ctrl-minus,
    .ptn__ctrl-plus,
    .ptn__ctrl-quantity
    {
        padding: 5px 10px;
    }

    .ptn__ctrl-quantity {
        font-size: 12px;
        line-height: 12px;
    }
}


/** endregion */


/** region File /css/components/style.css */

.cc-hidden {
    display: none;
}
.cc-invisible {
    visibility: hidden;
}
.cc-flex-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* /классы */


/* общий бля страниц/компонентов */
html, body {
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--page-bg);
    font-family: Roboto, sans-serif;
}

p {
    margin-block-start: 0;
    margin-block-end: 0.8em;
}

img {
    user-select: none;
}

/** endregion */


/** region File /css/components/texts.css */

/* компонент 2 текстовых блока в строке */
.texts {
    display: flex;
    justify-content: space-between;
}

.text__item {
    width: 48%;
    margin-bottom: 0;
}

@media screen and (max-width: 768px){
    .text__item {
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (max-width: 480px){
    .texts {
        display: block;
    }
    .text__item:first-of-type {
        margin-bottom: 0.8em;
    }
    .text__item {
        text-align: justify;
        width: 100%;
    }
}

@media screen and (max-width: 360px){
    .text__item {
        font-size: 12px;
        line-height: 16px;
    }
}

/** endregion */


/** region File /css/components/top-banner.css */
.top-banner {
    height: 35.5vw;
    max-height: 680px;
    overflow: hidden;
    background-position: 50% 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.account-login .row #content .col-sm-6.lft {
    padding-right: 15px;
}

.account-login .row #content .col-sm-6.rght {
    padding-left: 15px;
}

.account-register .content_two,
.account-register .steps,
.account-success .content_two,
.account-success .steps,
.account-register .text-left,
.checkout-checkout .steps,
.product-category-136_240 > #content,
.account-login .row #content .col-sm-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.checkout-checkout #content {
    padding-left: 0px;
    padding-right: 0px;
}

.checkout-checkout .modal-dialog {
    width: 820px;
    max-width: 880px;
    min-width: 700px;
}

.checkout-checkout .modal-header {
    display: block;
}

.checkout-checkout .has-error input, .checkout-checkout .submit-form__body input.has-error {
    border-color: var(--orange)!important;
    box-shadow: inset 0 1px 1px rgb(239,127,26,.3),0 0 8px rgba(239,127,26,.4) }

.checkout-checkout #imcallask-form-container-popup .modal-content {
    display: block;
}

.checkout-checkout .form-horizontal .form-group {
    margin: 0px;
}

#block-smbt {
  margin-bottom: 15px!important;
  border: none;
  width: 100%;
}

.checkout-checkout .info-mod {
    padding-top: 10px;
    display: block;
}

.account-register #step2 {
    margin-top: 0px;
}

.newsblog-category .vakancies, .newsblog-category .blogs {
    margin-left: -15px;
    margin-right: -15px;
}

.catalog-nav-sub__header {
    float: unset;
    display: inline-block;
    font-family: 'Roboto_Black';
    color: #111;
    background-size: 100% 29px;
    padding: 0 5px;
    text-transform: uppercase;
}

body[class^=information-information-] .container .row #content,
.common-sale .advantages-block .col-lg-6.col-md-6.col-sm-6.col-xs-12,
.newsblog-category .vakancies, .newsblog-category .blogs {
    /* padding-left: 5px;
    padding-right: 5px; */
}

body[class^=product-category-] .category_filter_icon {
    width: 22px;
    vertical-align: text-bottom;
    margin-right: 15px;
}

.newsblog-article .article_content {
    padding-left: 0px;
    padding-right: 0px;
}

@media screen and (max-width: 768px) {    

    /** region Аккаунт и Регистрация */
    .account-edit .acc-cust{
        padding-left: 0px;
        padding-right: 0px;
    }

    .account-edit .acc-cust h1 {
        margin-left: 15px;
    }
    
    .product-alphavit h1,
    .product-alphavit .litera-filter.js-alphabet-filter,
    .product-alphavit .litera-wr {
        padding-left: 15px;
    }

    .account-login .row #content, 
    .checkout-checkout .row #content, 
    .common-sale .row #content, 
    .newsblog-category .row #content, 
    .common-sale .row #content .container .col-lg-6, 
    .account-login .row #content .col-sm-6,
    .account-login .row #content .col-sm-6.rght,
    .account-forgotten .row #content.col-sm-9,
    .account-forgotten .row .col-sm-3,
    .product-search .row #content, .product-search .row #content .categories-cell,
    body[class^=product-category-136] .row #content,
    body[class^=product-category-185] .row #content,
    .newsblog-article .row #content {
        padding-left: 0px;
        padding-right: 0px !important;
    }

    .tiles {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .bg-zakaz .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .bl-zakaz-2 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .account-register .breadcrumb {
        padding-left: 0px;
    }

    .account-register .steps{
        margin-top: 0px !important;
    }

    .checkout-checkout #container {
        margin-top: 20px;
    }

    body[class^=information-information-] #content {
        padding-left: 0px;
        padding-right: 0px !important;
    }

    .newsblog-category .product-layout.product-list .caption_blog {
        height: auto !important;
    }

    .newsblog-category .product-layout.product-list {
        padding-left: 0px;
        padding-right: 0px;
    }

    .newsblog-category .vakancies, .newsblog-category .blogs {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .product-layout.product-list .caption_blog {
        height: auto;
        min-height: 290px;
        padding: 10px 20px;
    }
    /** endregion */
    .checkout-checkout .modal-dialog {
        min-width: unset;
    }
}  
  
@media (max-width: 640px) {
    .ploshadka_item.product-list .caption_blog {
      min-height: 330px;
    }
}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 360px) {

}

/** endregion */


/** region бэкграунд для Нового Года */
.newyear-background-edges {
    position: relative;
}

.newyear-background-edges::before {
    content: '';
    position: absolute;
    background-image: url('/image/newyear_header_background_top_left.png');
    width: 136px;
    height: 101px;
    top: 0;
    left: 0;
}

.newyear-background-edges::after {
    content: '';
    position: absolute;
    background-image: url('/image/newyear_header_background_top_right.png');
    width: 136px;
    height: 101px;
    top: 0;
    right: 0;
}

.newyear-background-garland {
    position: relative;
}

#callback-block .alert-success {
    margin-left: 10px;
    margin-right: 14px;
}


/* File /css/components/catering/quiz.css */
#quiz_2 {
    display: none;
}
.catering-quiz {
    width: 100%;
    height: 256px;
    margin: 20px auto 0;
}

.catering-quiz .cc-content {
    height: 100%;
}

.catering-quiz__content {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px; /* подгон под говно */
}

.catering-quiz__text {
    text-align: left;
}

.catering-quiz__header {
    margin-bottom: 17px;
}

.catering-quiz__btn .ccb-btn {
    border-radius: 0; /* особенная кнопка */
}

.print__icon {
  display: inline-block;
  margin-left: 15px;
  vertical-align: bottom;
  cursor: pointer;
}

.print__icon .print__text {
  display: inline-block;
}

@media screen and (max-width: 1024px) {
    .print__icon {
        display: none;
    }

    .catering-quiz {
        height: 246px;
    }
    .catering-quiz .cc-break {
        display: block;
    }
    .catering-quiz__content {
        padding: 0 0; /* подгон под говно */
    }
}

@media screen and (max-width: 768px) {
    .catering-quiz {
        height: 223px;
    }
    .catering-quiz__content {
        flex-wrap: wrap;
        padding-top: 34px;
        padding-bottom: 34px;
        box-sizing: border-box;
    }
    .catering-quiz__content > * {
        width: 100%;
        text-align: left;
    }
    .catering-quiz__header {
        font-size: 32px;
        margin-bottom: 14px;
    }
    .catering-quiz .cc-break {
        display: inline;
    }
}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 480px) {
    #quiz_1 {
        display: none;
    }
    #quiz_2 {
        display: block;
        height: auto;
        margin-top: -100px;
        margin-bottom: 40px;
    }
    #quiz_2 .cc-content {
        margin: 0;
    }
    #quiz_2 .catering-quiz__header {
        font-size: 4.6vw;
    }
    #quiz_2 .catering-quiz__btn {
        text-align: center;
    }
    #quiz_2 .catering-quiz__btn button {
        width: 100%;
    }
    #quiz_2 .catering-quiz__desc {
        font-style: italic;
        margin-top: 20px;
    }

    /* выравнивание текста блоков с вариантами */
    body[class^=product-category-136] .kkk-main-2 .m1-wrap,
    body[class^=product-category-136] .kkk-main-2 span {
        text-align: center;
    }

    .product-category-136_228 .p-1500 .m1-pref:nth-child(1), .product-category-136_228 .p-1000 .m1-pref:nth-child(1) {
        min-height: 71px;
    }

    body[class^=product-category-136] .m1-pref
    {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    body[class^=product-category-136] .m1-suf {
        margin-left: auto !important;
    }
}

@media screen and (max-width: 320px) {

}


/* File /css/components/category-solution.css */
.category-solution {
    padding: 20px 15px 8px 15px;
    margin-top: 20px;
}
.category-solution__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.category-solution__descwrap {
    position: relative;
    display: inline-block;
}

.category-solution__descwrap svg:hover {
    cursor: pointer;
}

.category-solution__descwrap svg.cc-active + .category-solution__desc {
    display: block;
}

.category-solution__desc {
    position: absolute;
    z-index: 2;
    top: -35px;
    left: 150%;
    display: none;
    padding: 20px;
    padding-bottom: 18px;
    border: 1px solid var(--gray);
    color: var(--dark-gray);
    background-color: var(--white);
    font-weight: 100 !important;
    min-width: 256px;
    text-transform: none !important;
}

.category-solution .cc-carousel__ctrl button {
    border: none !important;
    background-color: transparent !important;
}

@media screen and (max-width: 480px) {
    .category-solution {
        margin: 0 -15px;
        padding-bottom: 5px;
        border-radius: 0;
    }
    .category-solution__desc {
        font-size: 12px;
        line-height: 16px;
        padding: 18px 18px 16px;
        top: -55px;
        left: -160px;
    }
}

@media screen and (max-width: 414px) {
    .category-solution__desc {
        top: -55px;
        left: -200px;
    }
}

@media screen and (max-width: 360px) {
    .category-solution__desc {
        font-size: 10px;
        line-height: 14px;
        padding: 16px 16px 14px;
        top: -45px;
        left: -200px;
    }
}

/* Подсказки */
body .stop_list_icon {
    margin-right: 20px;
    position: relative;
    cursor: pointer;
}
  
body .stop-list-modal {
    position: absolute;
    left: calc(100% + 5px);
    top: 5px;
    width: 285px; 
    padding: 10px 16px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 4px 15px 30px rgb(0 0 0 / 8%);
    border-radius: 12px;
    padding-bottom: 11px;
    margin-bottom: -50.5px;
    opacity: 0;
    z-index: -1;
    transition: ease 0.2s;
}
  
body .stop-list-modal-cart {
    position: absolute;
    margin-top: 10px;
    padding: 10px 16px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 4px 15px 30px rgb(0 0 0 / 8%);
    border-radius: 12px;
    padding-bottom: 11px;
    margin-bottom: -50.5px;
    opacity: 0;
    z-index: -1;
    transition: ease 0.2s;
}

body .btn_product .stop-list-modal-cart {
    width: 290px;
}

body .ptn__bottom .stop-list-modal-cart {
    width: 100%;
}

body .cst-modal {
    font-size: 14px;
    left: calc(100% + 2px);
    width: 215px;
}
  
@media (max-width:768px){
    body .stop-list-modal {
        left: calc(100% + 2px); 
        top: 10px; 
        bottom: auto;
        width: 200px;
    }

    body .btn_product .stop-list-modal-cart {
        width: 100%;
    }

    body .cst-modal {
        font-size: 13px;
        left: calc(100% - 32px);
        width: 140px;
        top: 40px;
    }

    
}

body .stop_list_icon:hover .stop-list-modal {
    opacity: 1;
    z-index: 1;
}
  
body .btn_product:hover .stop-list-modal-cart {
    opacity: 1;
    z-index: 1;
}

body .ptn__bottom:hover .stop-list-modal-cart {
    opacity: 1;
    z-index: 1;
}

body #button-cart-mob[disabled]{
    border: 1px solid #75c94d;
}

body #button-cart-mob[disabled]:hover {
    border: 1px solid #dd1219;
}
.newyear-background-garland::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 18px;
    background-image: url('/image/newyear_header_background_bottom.svg');
    background-repeat: repeat-x;
    bottom: 0;
    left: 0;
}
/** endregion */

.category-desc-top details summary {
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--orange);
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.category-desc-top details summary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    padding: inherit;
    margin: inherit;
}

.category-desc-top details[open] summary {
    display: block;
    color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
}

.category-desc-top details[open] summary::before {
    content: 'Скрыть';
    color: #666;
    border-color: var(--orange);
}

.subcategories__element {
    margin-bottom: 10px;
    margin-right: 20px;
}

.show-more-button__container {
    position: relative;
}

.show-more-button__body {
    position: absolute;
    top: calc(50% - 5px);
    right: -1px;
    height: 100%;
    transform: translateY(-50%);
}

.show-more-button_revealed .show-more-button__body {
    position: static;
    height: auto;
    transform: inherit;
}

.dashed-text {
    border-bottom: 1px dashed;
}

.dashed-text_small {
    font-size: 13px;
}

.dashed-text_enlarged {
    font-size: 16px;
}

.dashed-text_orange {
    color: #F2830A;
    border-color: #F2830A;
}

.subcategories-show-more {
    border: none;
    color: #F2830A;
    background-color: #F8F8F8;
    padding: 4px 8px;
    white-space: nowrap;
}

.horizontal-scrolling {
    display: flex;
    overflow: hidden;
}

.horizontal-scrolling_wrap {
    flex-wrap: wrap;
}

.category-link-rounded {
    border: 1px solid #F2830A;
    padding: 5px 15px 6px;
    font-style: normal;
    font-size: 16px;
    color: #797979;
    background: #F8F8F8;
    border-radius: 50px;
    white-space: nowrap;
}

.stylized-select {
    background-color: #fff;
    padding: 0px 12px 0 10px;
    border: 1px solid;
    border-radius: 8px;
}

.category_col_items_box_content__sort {
    margin-bottom: 18px;
}

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

.left-sticker.mob {
    display: none;
}

.big_image .left-sticker {
    padding-left: 45px;
}

@media screen and (max-width: 768px) {
    .sets-carousel {
        margin-right: -15px;
    }

    .horizontal-scrolling {
        overflow-x: auto;
    }

    .hide-md {
        display: none;
    }

    .sort-selectors {
        justify-content: flex-end;
    }

    .sort-box-selector {
        appearance: auto;
        background-color: #fff;
        padding: 2px 10px;
        border: 1px solid;
        border-radius: 8px;
    }

    .left-sticker.mob {
        display: block;
        padding-left: 45px;
    }
}

@media screen and (max-width: 480px) {
    .set-card__price {
        font-size: 14px;
    }

    .set-card__price + .set-card__price {
        font-size: 10px;
    }
}

@media screen and (max-width: 400px) {
    .sets-carousel__item {
        width: 120px;
    }
}

.printing-cart {
    background: #fff;
    font-size: 15px;
    color-adjust: exact;
    text-align: center;
    border: none;
}

.printing-cart__head {
    background-color: #f17e00;
    color: #fff;
}

.printing-cart__body {
    color: #000;
}

.printing-cart__cell {
    padding: 10px;
}

.printing-cart__cell_left {
    text-align: left;
}

.printing-cart__cell:first-child {
    padding-left: 50px;
}

.printing-cart__name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.printing-cart__cell_short {
    width: 13%;
}

/* Product tabs region */

.description-header {
    margin: 20px auto 10px;
    display: inline;    
}

ul#product-tabs li a h3 {
    font-size: unset;
    margin: unset;
    display: inline;
    line-height: unset;
    font-weight: unset;
    text-transform: unset;
    color: unset;
}

.help_item a h3 {
    margin: unset;
    text-transform: unset;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    color: #666666;
}

.help_item:hover a h3 {
  color: #7fc754;
}

@media (max-width:765px) {
    
   body #product-tabs-accordion .panel-title a h3 {
    font-size: unset;
    display: inline;
    margin: unset;
    line-height: unset;
    font-weight: unset;
    text-transform: unset;
    color: unset;
    }
}

@media (max-width:640px) {
    
  body .help_panel .help_item a {
      display: flex!important;
      flex-direction: column;
      align-items: center;
  }
    
  body .help_panel .help_item a img {width: 50px}
    
}

div[class^='kartina'] {
    background-repeat: no-repeat;
}

/* Corporate page /hot-meals/corporate */

.crp-faq__header {flex: 1 0 100%}

.crp-faq {
    display: flex!important;
    flex-wrap: wrap;
    flex-direction: row;
}
.crp-faq__tabs {
    flex: 1 0 auto;
    width: 850px;
}

@media (max-width: 768px) {
    .crp-faq__tabs {width: 90%}
}

.wishlist-row {
    display: block;
}

.wishlist-row:after {
    display: table;
    content:"";
    clear: both;
}

.wishlist-row:before {
    display: table;
    content:"";
    clear: both;
}


.social-media .footer-icons.bg-lazy {
    width: 41px;
    height: 41px;
    background-image: none;
}

/* region Popup form */

#imcallask-form-container-popup .modal-content {
 margin-top: 100px;
 padding: 32px 32px!important;
}

#imcallask-form-container-popup span.modal-title {padding: unset!important;background: none!important;}

.checkout-checkout #imcallask-form-container-popup span.modal-title {
    display: inline-block;
    font-family: Roboto_Bold;
    color: #111;
    background: url(/image/catalog/home/h2_under.png) 50% -2px repeat-y;
    background-size: 100% 25px;
    padding: 0 5px;
    font-size: 20px;
    text-align: left;
    text-transform: none
}

#imcallask-form-container-popup span.modal-title {padding: unset!important;background: none!important;}

.checkout-checkout #imcallask-form-container-popup span.modal-title {
    display: inline-block;
    font-family: Roboto_Bold;
    color: #111;
    background: url(/image/catalog/home/h2_under.png) 50% -2px repeat-y;
    background-size: 100% 25px;
    padding: 0 5px;
    font-size: 20px;
    text-align: left;
    text-transform: none
}

body .prod-pref {padding: 0px 20px 0px 0px}

#imcallask-form-container-popup .gr-norm {color: var(--orange);display: inline;}
#imcallask-form-container-popup .call-back-m .form-group {width: 100%!important;margin: 0px 0px;}

#imcallask-form-container-popup button.close,
.imcallask-form-container_b button.close {border: none!important;border-radius: 0px!important;}

#imcallask-form-container-popup h4 {background: unset!important;font-family: 'Roboto';font-weight: 700;color: var(--dark-gray);padding: 0px;}
#imcallask-form-container-popup .modal-header {margin: unset;padding: unset;align-items: center;/* flex-direction: row-reverse; */padding-right: 40px;}

#imcallask-form-container-popup .modal-body {padding: unset;margin-top: 0px;}

#imcallask-form-container-popup label+div .form-control,
.imcallask-form-container_b label+div .form-control {
  font-weight: 400;
  padding: 24px 24px;
  color: var(--dark-gray4);
  border: 2px solid var(--gray);
  border-radius: 12px!important;
  font-size: 16px;
  display: block;
  margin-top: 18px!important;
  line-height: 110%;
  resize: vertical;
  height: unset!important;
  width: 100%;
}

input.has-error {
    border-color: rgb(239 127 26)!important;    
    box-shadow: inset 0 1px 1px rgb(239,127,26,.3),0 0 8px rgba(239,127,26,.4)
}

#imcallask-form-container-popup [type="submit"],
.imcallask-form-container_b [type="submit"] {
  cursor: pointer;
  border-radius: 12px !important;
  text-shadow: unset;
  font-family: 'Roboto'!important;
  padding: 15px!important;
  transition: 300ms;
}

#imcallask-form-container-popup .padd-hu-10, #callback-block .padd-hu-10 {
  min-height: 26px;
  width: 100%;
}

#imcallask-form-container-popup .call-back-m .form-group:nth-child(4n) {
  display: none;
}

#imcallask-form-container-popup #callback-btn,
.imcallask-form-container_b #callback-btn {
  max-width: unset;
  outline: none;
  border: none;
  margin-top: 18px;
  margin-bottom: unset!important;
}

.btn-primary.focus, .btn-primary:focus,
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover {
  background: var(--orange)!important;
  outline: none!important;
  border: 0px!important;
    box-shadow: none;
}

@media (max-width: 992px) {
    #imcallask-form-container-popup .padd-hu-10 {margin-left: unset!important;margin-top: 8px!important;}
}

@media (max-width: 768px) {
  .modal-dialog {
      width: calc(100% - 30px)!important;
      margin: 0px auto!important;
  }
}

/* Popup form end */


/* Bootstrap fix */

.modal-open {
    overflow: hidden;
  }
  
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: unset!important;
    padding-right: unset!important;
  }
  
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    border: unset;
  }
  
  .modal-dialog {
    position: relative;
    width: 100%;
    margin: 0px auto;
    pointer-events: none;
  }
  
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
  }
  
  @media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
      transition: none;
    }
  }
  
  .modal.show .modal-dialog {transform: none}
  
  .modal.modal-static .modal-dialog {  
    transform: scale(1.02);
  }
  
  .modal-dialog-scrollable {  
    display: flex;
    max-height: calc(100% - 1rem);
  }
  
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
    padding: 32px!important;
  }
  
@media  (max-width: 360px) {
   #imcallask-form-container-popup .modal-content {
    padding: 32px 16px!important;
  }
}
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    flex-shrink: 0;
    text-align: left;
    padding: 0px;
  }
  
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto;
    padding: 0px;
  }
  
  .modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
  }
  
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: "";
  }
  
  .modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
  }
  
  .modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
  }
  
  .modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
  }
  
  .modal-content {
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    border: 1px solid rgba(0, 0, 0, 0.2)!important;
    padding: 2rem!important;
    font-size: 15px;
    border-radius: 1.3rem!important;
  }
  
  .modal-header {
    border-bottom: none!important;    
    margin-bottom: 30px!important;
  }
  
  .modal-header .close {
    padding: 0.5rem 1rem;
    font-size: 31px;
    top: 36px!important;
  }

.modal-header .close {
    height: 22px!important;
    width: 24px!important;
    border-radius: 0px!important;
    background: url(/image/catalog/home/close_mm.png) 50% 0% no-repeat!important;
    background-size: auto auto;
    background-size: 18px;
    border: none;
    opacity: 1;
    font-size: 0px;
    position: absolute;
    right: 36px;
}

.modal-header .close:hover {
    opacity: 1;
}
  
.modal-title {
margin-top: 0px!important;    
line-height: 1!Important;
font-weight: 700;
font-size: 20px;
text-transform: unset;
}
  
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}

.modal-footer {
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: 0.75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px);
}
  
@media (min-width: 576px) {
.modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
}
.modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
}
.modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
}
.modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
}
.modal-sm {
    max-width: 300px;
}
}
  
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
    max-width: 800px;
}
}

@media (max-width: 992px) {

    .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 100px);
    }
    
    body #imcallask-form-container-popup .modal-dialog .modal-header,
    body .imcallask-form-container_b .modal-dialog .modal-header {
        position:static;
        text-align: left;
        margin-left: unset;
        padding: unset;
    }

body #imcallask-form-container-popup .modal-dialog .modal-header {
    position:static;
    text-align: left;
    margin-left: unset;
    padding: unset;
}

body.checkout-checkout #imcallask-form-container-popup .tot-mod {
    line-height: 24px;
    height: auto;
    text-align: center;
    padding-bottom: 15px
}

body .modal-wide {width: 740px}

body #imcallask-form-container-popup .modal-dialog h4 {
    font-size: 18px;
    background: unset!important;
    text-decoration: none;
}

body #imcallask-form-container-popup .modal-dialog form.form-horizontal {padding: 0 0px!important}

body #imcallask-form-container-popup .b-mod {padding-bottom: 15px}

    body #imcallask-form-container-popup .buttons.text-right button,
    body .imcallask-form-container_b .buttons.text-right button {
        padding: 10px 20px;
        max-width: 300px;
        width: 100%
    }

body #imcallask-form-container-popup .buttons.text-right {
    text-align: center;
    margin: 0;
    margin-top: 5px
}

body #imcallask-form-container-popup .modal-dialog button.close {
    position: absolute;
    top: 32px!important;
    right: 36px;
    background-color: #fff;
    z-index: 2;
    margin: 0;
}
body .imcallask-form-container_b .modal-dialog button.close {
    position: absolute;
    right: 15px;
    background-color: #fff;
    z-index: 2;
    margin-top: -15px;
}
}
  
/* Bootstrap fix end */

/* region изобранное */

.canape-form input[type=email], .canape-form input[type=password], .canape-form input[type=tel], .canape-form input[type=text] {
    border-radius: 12px!important;
    font-weight: 400;
    padding: 24px 24px;
    color: var(--dark-gray4)!important;
    border: 2px solid var(--gray);    
    font-size: 16px;    
    margin-top: 18px!important;
    line-height: 110%;    
    height: unset!important;
    width: 100%;
}

/* region Popup wishlist form */

#wishlist-success-popup {border-radius: 12px}

#wishlist-success-popup .font-size-sm-17px {
    font-family: 'Roboto_Bold';
    color: var(--dark-gray);
    font-size: 20px!important;
    line-height: 1em!important;
}

#wishlist-success-popup .small-heading-title {
    font-family: 'Roboto_Bold';
}

/* region end */

.canape-btn.canape-btn-ver2 {
    font-size: 18px!important;
    width: 100%;
    border-radius: 12px;
    padding: 4px;
    font-family: 'Roboto';
    font-weight: 400;
    height: unset!important;
    max-height: unset!important;
    margin: 12px 0px;
    transition: 300ms;
}

.canape-btn.canape-btn-ver2:hover {
    background: var(--green);
    border-color: var(--green)
}

.a-dops {
    color: var(--orange)
}

.install-app-promo {
    text-align:center;
    font-size:18px;
    background-color: var(--orange);
    color: #fff;
    border: none;
    padding:10px;
    position: relative;
    z-index: 1000000;
    display:none;
    text-transform: uppercase;
    line-height: 25px;
}

.install-app-promo .button {
    padding: 5px 10px;
    line-height: 100%;
    border-radius: 12px;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    background-color: var(--green);
    border-color: var(--green);
    cursor: pointer;
    color: var(--white);
    text-decoration: none;
    margin-left:10px;
    
}

.install-app-promo button {
    background: none;
    border: none;
    color:#fff;
    cursor: pointer;
    font-size:40px;
    width:44px;
    height:44px;
}

@media screen and (max-width: 360px) {
    .install-app-promo {
        font-size:16px;
    }
}
.cookie-banner{position:fixed;bottom:20px;right:180px;width:360px;background-color:#f8f9fa;border:1px solid #dee2e6;color:#000;padding:15px;z-index:1000;border-radius:12px}
.cookie-banner p{margin:0 0 10px;text-align:center;font-family:"Open Sans", sans-serif;font-size: 14px;}
.cookie-banner .btn-wrap{text-align:center}
#accept-cookies{width:100%;border:none;font-size: 14px;}
@media (max-width:480px){
    .cookie-banner{bottom:79px;right:2%;z-index:2147483647;width:96%}
    .wrap__soDR9 {z-index: 2147483600 !important;}
}


/* pagination */
.pagination {
    display: inline-block;
    padding-left: 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
  
.pagination > li > a, .pagination > li > span {
    color: #111;
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
  
.pagination > li:first-child > a {
    margin-left: 0;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    z-index: 3;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > li > a,
.pagination > li > span {
    background-color: #eee;
    color: #111;
}
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #fff;
    color: #111;
    border-color: #ddd;
    z-index: 2;
    cursor: default;
}
.pagination li:first-child a {
    border-radius: 8px 0 0 8px;
    max-width: 35px;
    padding: 6px 9px;
}
.pagination li:last-child a {
    border-radius: 0 8px 8px 0;
    max-width: 35px;
    padding: 6px 9px;
}
.pagination li:last-child a,
.pagination li:first-child a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.pagination li img.hover,
.pagination li:hover img.no_hover {
    display: none;
}
.pagination li:hover img.hover {
    display: block;
}
.pagination > li:last-child > a:hover,
.pagination > li:first-child > a:hover {
    padding-top: 10px;
    padding-bottom: 10px;
}
.pagination > li > a:hover,
.pagination > li > span {
    color: #83c95a;
}
.pagination > li.active span,
.pagination > li.active:hover span {
    color: #75c94d;
}
.pagination li:first-child span {
    border-radius: 8px 0 0 8px;
    max-width: 35px;
    padding: 6px 12px;
}
  
@media (max-width: 570px) {
    .pagination {
        margin-top: 30px;
        border-radius: 0;
        display: flex;
        padding-left: 0;
        justify-content: center;
    }
}
@media (max-width: 480px) {
    .pagination {
        flex-wrap: nowrap;
    }
    .pagination > li {
        display: inline-block;
        margin: 0px;
        margin-bottom: 5px;
    }
}
/* end pagination */
#mob-menu {display: flex; width: 100%;}
.border-1white {border-bottom: 1px #Fff solid;}
.border-2white {border-bottom: 2px #Fff solid;}
.border-1orange {border-bottom: 1px #F17E00 solid;}
.border-2orange {border-bottom: 2px #F17E00 solid;}
#mob-menu.border-1orange > div, #mob-menu.border-2orange > div {background-color: #fff; color: #F17E00;}
#mob-menu.border-1white > div, #mob-menu.border-2white > div {background: transparent; color: #F17E00; text-decoration: underline;}
#mob-menu > div{
    flex: 1;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    border-radius: 8px 8px 0 0;
}
.bg-white{background-color: #fff;color: #F17E00;}
.bg-orange{background-color: #F17E00;color: #fff;}
.hidden {display: none;}
#mmmenu-content { 
padding: 0;
width: 100%;
margin: 0px;
background-color: #fff;
}
#mmmenu-content .panel-group {
    margin-bottom: 0px;
}
#mob-menu-products {
padding: 10px;
overflow: hidden;
}
#mob-menu-location > div{
padding: 10px 20px 0 20px;
}
#mob-menu-location a, #mob-menu-location {font-weight: bold;}
#mob-menu-products .partners__text {
    font-size: 10px;
    color: #66686a;
    line-height: 10px;
}
#mob-menu-products .item {
height: 145px;
padding: 1rem;
color: #fff;
text-align: center;
}
.cat-cats {
padding: 0px;
}
#mob-menu-products .owl-carousel{
margin-bottom: 0px;
padding-bottom: 10px;
}
#mob-menu-products .owl-pagination {
top: 10px;
}
#mob-menu-products .add-to-cart {
    font-size: 14px;
    line-height: 125%;
    color: #fff;
    padding: 5px 18px;
    background-color: var(--orange);
    border-radius: 6px;
    margin-bottom: 5px;
    width: 100%;
}
#mob-menu-partners {
 border-top: 1px #ededed solid;
 margin: 0;
}
#mob-menu-partners .partners__header {
    font-size: 16px;
}
#mob-menu-partners .partners__text {
font-size: 13px;
color: #66686a;
line-height: 13px;
}
#mob-menu-partners .item {
height: 145px;
padding: 1rem;
color: #fff;
text-align: center;
}
#mob-menu-partners .owl-carousel{
margin-bottom: 0px;
padding-bottom: 10px;
}
#mob-menu-partners .owl-pagination {
top: 10px;
}
#mob-menu-partners > h4{
    font-weight: bold;
}
#mob-menu-partners .owl-wrapper-outer{padding-top: 10px;}
.no-drag {
user-select: none; /* Запрещает выделение текста */
pointer-events: none; /* Запрещает все события мыши */
}
#mmmenu-content .panel-title a{display: flex; align-items: center; font-family: inherit; font-weight: 600;}
#mmmenu-content .panel-title svg{
margin-right: 8px;
}
#matomba_button {z-index: 99997 !important;}
#mmmenu-content .panel-default {
    border: 0;
    box-shadow: none;
}
#mmmenu-content .list-group-item {padding: 0 15px;}
#mmmenu-content .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
#mmmenu-content .panel-title a:not(.collapsed) {
    background: transparent;
    color: var(--orange);
}
#mmmenu-content .panel-collapse{border: none;}
#mmmenu-content .panel-default a{border: none !important;}
#mmmenu-content .panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: transparent;
    padding: 10px 15px;
    border: none;
    border-radius: 0;
}
#mmmenu-content .panel-title a.nocollapse{color: inherit;}
#mmmenu-content .panel-title > a.nocollapse::after {display: none;}
#mob-menu.border-1orange .active, #mob-menu.border-2orange .active{background-color: #F17E00; color: #fff;text-decoration: none;}
#mob-menu.border-1white .active, #mob-menu.border-2white .active{background-color: #fff; color: #000;text-decoration: none;}
#mmmenu-content .list-group, #mmmenu-content .list-group-item{border: none;}
#mmmenu-content .list-group a {color: #464646; margin-left: 27px !important; font-weight: 600; font-size: 16px;padding: 6px 6px 6px 0;text-decoration: none;}
#mmmenu-content .panel-title > a:hover, #mmmenu-content .panel-title > a:focus{text-decoration: none;}
#mmmenu-content .panel-title > a {
position: relative;
padding-right: 20px;
}

#mmmenu-content .panel-title > a::after {
content: '';
position: absolute;
top: 50%;
right: 0;
width: 9px;
height: 16px;
transform: translateY(-50%) rotate(0deg);
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="16" viewBox="0 0 9 16" fill="none"><path d="M0.916992 2.21436C0.678244 1.92176 0.695056 1.48903 0.967773 1.21631L1.02539 1.16553C1.31752 0.927808 1.74851 0.945165 2.02148 1.22998L2.02246 1.229L8.53027 7.73779C8.67678 7.8843 8.74898 8.08161 8.74902 8.26416C8.74902 8.41264 8.70768 8.55412 8.62598 8.67627L8.53027 8.7915L2.02246 15.3003C1.73162 15.5911 1.25861 15.5911 0.967773 15.3003C0.676936 15.0095 0.676936 14.5364 0.967773 14.2456L6.96094 8.25342L0.96875 2.271H0.967773L0.916992 2.21436Z" fill="%23A8A8A8" stroke="%23A8A8A8" stroke-width="0.5"/></svg>') no-repeat center;
background-size: contain;
transition: transform 0.3s ease;
}

#mmmenu-content .panel-title > a:not(.collapsed)::after {
    transform: translateY(-50%) rotate(90deg);
}
#mmmenu-content .panel-heading.sticky-heading {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
}

@media screen and (max-width: 400px) {
    #mob-menu-products .sets-carousel__item {
        width: unset;
    }
}