:root{
    --dark-green:#2C6445;
    --light-green:#7AA954;
    --container: 58px;
    --h1-fs: calc(32px + 36 * (100vw - 360px) / 1560);
    --h2-fs: calc(24px + 16 * (100vw - 360px) / 1560);
    --h3-fs: calc(18px + 10 * (100vw - 360px) / 1560);
    --bfs: calc(18px + 2 * (100vw - 360px) / 1560);
    --mfs: calc(28px + 12 * (100vw - 360px) / 1560);
    --sfs: 14px;
    --livewire-progress-bar-color:transparent;
}
@font-face {
    font-family: 'Golos';
    src: url('/fonts/GolosText-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Foros';
    src: url('/fonts/foros_regular.otf') format('truetype');
    font-style: normal;
    font-display: swap;
    font-weight: 500;
}
@font-face {
    font-family: 'Foros';
    src: url('/fonts/foros_bold.otf') format('truetype');
    font-style: normal;
    font-display: swap;
    font-weight: 700;
}
html{
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}
body{
    font-family: 'Foros';
    overflow-x: hidden;
    height: 100dvh;
    box-sizing: border-box;
}
[x-cloak] {
    display: none !important;
}
*{
    /*border: 1px solid red;*/
}
body.no-scroll {
overflow-y: hidden;
}
h1{
    font-size: var(--h1-fs);
}
h2{
    font-size: var(--h2-fs);
    font-family: 'Golos';
}
h3{
    font-size: var(--h3-fs);
    font-family: 'Golos';
}
.h1{
    font-size: var(--h1-fs);
}
.h2{
    font-size: var(--h2-fs);

}
.h3{
    font-size: var(--h3-fs);

}
input[type="text"]{
    background-color: #F2FCF5;
    padding: 10px 16px;
    border-radius: 100px;
    color: #111111;
}
input[type="text"]:focus{
    outline: none;
}
input[type="text"]::placeholder{
    color: #8E8E8E;
}
input[type="tel"]{
    background-color: #F2FCF5;
    padding: 10px 16px;
    border-radius: 100px;
    color: #111111;

}
input[type="tel"]:focus{
    outline: none;

}
input[type="tel"]::placeholder{
    color: #8E8E8E;
}
.modal-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 11;
    height: 100vh;
    display: none;
    background-color: #06181E4D;
}
#callback-modal.active{
    display: block;
    z-index: 15;
}
#search-modal.active{
    display: block;
    z-index: 15;
}
.mobile-menu{
    width: 100dvw;
    left: 0;
    top: 44px;
    height: calc(100dvh - 44px);
    background-color: #2C6445;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    color: #FEFFFF;
    padding: 20px 12px;
    overflow-y: scroll;
}
.mobile-menu__title {}
.mobile-menu__link {
    color: #FEFFFF;
    background-color: #7AA954;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 24px;
    border-radius: 100px;
    width: 100%;
    margin: 30px auto 0px;
    justify-content: center;
}
.mobile-menu__link:after {
    content: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.28595 7.99999H12.714' stroke='%23FEFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.47144 12.2427L12.7141 8.00003L8.47144 3.75739' stroke='%23FEFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
}
.mobile-menu__list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 12px;
}
.mobile-menu__item {
    color: #FEFFFF;
}
.mobile-menu__footer {
    margin-top: auto;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.mobile-menu__footer-left {}
.mobile-menu__contacts {}
.mobile-menu__tel {
    display: block;
    color: #FEFFFF;
    font-size: 20px;
    font-weight: 600;
}
.mobile-menu__mail {
    display: block;
    color: #FEFFFF;
    font-size: 20px;
    font-weight: 600;
    margin-top: 12px;
}
.mobile-menu__hours {
    margin-top: 20px;
}
.mobile-menu__footer-right {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.mobile-menu__footer-link {}
.breadcrumbs {

}
.breadcrumbs{
    padding: 80px 58px 8px;
}
.catalog-page .breadcrumbs{
    padding: 80px 58px 8px;
}
.product-page .breadcrumbs{
    padding: 0px;

}
.breadcrumbs-list {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;

}
.breadcrumbs-item {
    position: relative;
}
.breadcrumbs-item:not(:first-of-type){
    padding-left: 8px;
}
.breadcrumbs-item:not(:first-of-type):before{
    width: 4px;
    content: '';
    height: 4px;
    position: absolute;
    background-color: #7B7B7B;
    border-radius: 100px;
    left: 0px;
    top: 9px;
}
.breadcrumbs-item:last-child{
    color: #2C6445;
    padding-left: 8px;

}

.breadcrumbs-item:last-child::before{
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    background-color: #2C6445;
    top: 9px;
    border-radius: 100px;
    left: 0px;
}
.breadcrumbs-item:not(:last-child) a{
    color: #7B7B7B;
}
a.breadcrumbs-item{
    color: #7B7B7B;
}

.catalog-filter.active .catalog-filter-controls__views{
    display: flex;
}
.catalog-filter-controls{
    display: none;
}
.catalog-filter-sort.ss-main{
    box-sizing: border-box;
    min-width: unset;
    color: #FEFFFF;
    border: 1px solid #FEFFFF;
    margin-top: 16px;
}
.catalog-filter-sort-container{
    width: 100%;

}
.catalog-filter-sort.ss-main.ss-open-below{
    box-shadow: unset;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.catalog-filter-sort.ss-main .ss-values .ss-single:after{
    content: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23FEFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.catalog-filter-controls__views{
    display: flex;
    gap: 12px;
    align-items: center;
    margin-left: auto;
}
.catalog-filter-sort-container{
    display: none;
}
.catalog-filter-controls__view.active path{
    stroke: #FEFFFF;
}
footer {
    margin-top: 100px;
    box-sizing: border-box;
}

.cookie {
    position: fixed;
    bottom: 20px;
    left: 20px;
    border-radius: 12px;
    padding: 20px;
    background-color: #2C6445;
    max-width: 800px;
    border: 1px solid #8E8E8E;
    display: none;
    z-index: 100;
}
.cookie-text {
    color: #FEFFFF;
}
.cookie-btns {
    display: flex;
    gap: 20px;
    align-items: center;
}
.cookie-accept {
    color: #7AA954;
    cursor: pointer;
}
.cookie-more {
    color: #8E8E8E;
}
/*.scroll-button{*/
/*    display: none;*/
/*    -webkit-box-pack: center;*/
/*    -ms-flex-pack: center;*/
/*    justify-content: center;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    border-radius: 100px;*/
/*    position: fixed;*/
/*    bottom: 40px;*/
/*    right: var(--container);*/
/*    cursor: pointer;*/
/*    z-index: 3;*/
/*}*/
/*.scroll-button.scroll{*/
/*    display: block;*/
/*}*/
/* Блок виджета */
.widget {
    position: fixed;
    bottom: 100px;
    right: var(--container);
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Чекбокс (скрыт) */
.widget__toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Контейнер с кнопками */
.widget__container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* Список контактов */
.widget__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Показываем список когда чекбокс активен */
.widget__toggle:checked ~ .widget__container .widget__list {
    max-height: 300px;
}

/* Кнопка связи */
.widget__link {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    transition: all 0.3s ease;
    text-decoration: none;
}


.widget__link:active {
    transform: scale(0.95);
}

/* Иконка кнопки связи */
.widget__link-icon {
    width: 32px;
    height: 32px;
}

/* Основная кнопка виджета */
.widget__btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    background-color: #6FB537;
    margin-top: 8px;
}

.widget__btn:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}

.widget__btn:active {
    transform: scale(0.95);
}

/* Иконки внутри кнопки */
.widget__btn-icon {
    position: absolute;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.widget__btn-icon--write {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.widget__btn-icon--close {
    opacity: 0;
    transform: rotate(90deg) scale(0.8);
}

/* Состояние открыто - меняем иконки и фон */
.widget__toggle:checked ~ .widget__container .widget__btn {
    background-color: #6FB537;
}

.widget__toggle:checked ~ .widget__container .widget__btn .widget__btn-icon--write {
    opacity: 0;
    transform: rotate(-90deg) scale(0.8);
}

.widget__toggle:checked ~ .widget__container .widget__btn .widget__btn-icon--close {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

/* Кнопка "Наверх" */
.widget__up {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #FEFFFF;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    z-index: 1;
    margin-bottom: 8px;
}

.widget__up:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.widget__up:active {
    transform: translateY(0);
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .widget {
        bottom: 15px;
        right: 15px;
    }

    .widget__btn,
    .widget__link,
    .widget__up {
        width: 50px;
        height: 50px;
    }

    .widget__list {
        margin-bottom: 0px;
        gap: 10px;
    }

    .widget__link-icon {
        width: 28px;
        height: 28px;
    }

    .widget__up {
        margin-top: 12px;
    }
}

/* Анимация появления при загрузке */
@keyframes widgetFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.widget {
    animation: widgetFadeIn 0.5s ease-out;
}
.footer-body {
    padding: 40px var(--container);
    background-color: #2C6445;
    display: flex;
    gap: 90px;
    color: #FEFFFF;
}
.footer-copyright-block {
    display: flex;
    flex-direction: column;
    max-width: 284px;
}
.footer-logo {}
.footer-copyright {
    margin-top: auto;
    font-size: 12px;
    white-space: nowrap;
}
.footer-lp {
    margin-top: 12px;
    color: #FEFFFF;
    font-size: 10px;
}
.footer-content {
    display: flex;
    gap: 60px;
}
.footer-content > div{
    max-width: 209px;
    display: flex;
    flex-direction: column;
}
.footer-link {
    color: #FEFFFF;
    font-weight: 600;
}
.footer-link > a{
    color: #FEFFFF;

}
.footer-catalog {
    color: #FEFFFF;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.footer-catalog a{
    color: #FEFFFF;
}
.footer-catalog a:first-of-type{
    margin-bottom: 4px;
    font-weight: 600;
}
.footer-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.footer-links a{
    color: #FEFFFF;

}
.footer-links a:first-of-type{
    font-weight: 600;
    margin-bottom: 4px;
}
.footer-contacts {}
.footer-contacts a:first-of-type{
    color: #FEFFFF;
    font-weight: 600;
}
.footer-phone {
    color: #FEFFFF;
    display: block;
    font-size: var(--bfs);
    margin-top: 12px;
    white-space: nowrap;
    font-weight: 400;
}
.footer-mail {
    color: #FEFFFF;
    display: block;
    margin-top: 12px;
    font-size: var(--bfs);
    white-space: nowrap;
    font-weight: 400;

}
.footer-socials {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}
.footer-hours {
    margin-top: 20px;

}
.footer-bottom {
    padding: 20px var(--container);
    background-color: #7AA954;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;

}
.footer-copyright-mobile {
    display: none;
    color: #FEFFFF;
}
.footer-policy {
    color: #FEFFFF;
}
.footer-personal {
    color: #FEFFFF;

}


.success-message{
    color: #7AA954;
}
.footer-form span{
    display: block;
    color: red;
}
.footer-form{
    max-width: 436px;
}
.footer-form input[type="text"]{
    width: 100%;
}
.footer-form input[type="tel"]{
    width: 100%;
}
.footer-form__heading {
    font-size: 36px;
}

.footer-form__flex {
    margin: 32px 0px 16px;
    gap: 16px;
    display: flex;
}
.footer-form__flex input{

}
.footer-form__checkbox-wrapper {
    margin-top: 32px;
}
.footer-form__checkbox {
    position: absolute;
    opacity: 0;
}
.footer-form__checkbox-wrapper label{
    padding-left: 28px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    color: #999999;
}
.footer-form__checkbox-wrapper label a{
    text-decoration: underline;
    color: #999999;
}
.footer-form__checkbox-wrapper label:before{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background-color: #8E8E8E33;
}
.footer-form__checkbox-wrapper label::after{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: url("data:image/svg+xml,%0A%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.625 3.625L3.00595 5.625L8.125 0.625' stroke='%23FEFFFF' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 3px;
    top: 0px;
    width: 14px;
    height: 11px;
    border-radius: 1px;
    background-color: transparent;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(0.01);
    -ms-transform: scale(0.01);
    transform: scale(0.01);
}
.footer-form__checkbox-wrapper input[type="checkbox"]:checked + label::before{
    background-color: #B8D643;
}
.footer-form__checkbox-wrapper input[type="checkbox"]:checked + label::after{
    transform: translateY(-15%) scale(1);
}
.footer-form__checkbox-wrapper {
    margin-top: 32px;
}
.checkbox {
    position: absolute;
    opacity: 0;
}
.checkbox-wrapper label{
    padding-left: 24px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    color: #111111;
    display: flex;
    align-items: center;
    gap: 8px;
}
.checkbox-wrapper .cvet-property{
    width: 13px;
    height: 13px;
    border-radius: 100px;
}
.checkbox-wrapper label img{
    border-radius: 6px;
    width: 32px;
    height: 32px;
    object-fit: cover;
}
.checkbox-wrapper label:before{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background-color: #8E8E8E33;
}
.checkbox-wrapper label::after{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: url("data:image/svg+xml,%0A%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.625 3.625L3.00595 5.625L8.125 0.625' stroke='%23FEFFFF' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 3px;
    top: 50%;
    width: 14px;
    height: 11px;
    border-radius: 1px;
    background-color: transparent;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(0.01);
    -ms-transform: scale(0.01);
    transform: scale(0.01);
}
.checkbox-wrapper input[type="checkbox"]:checked + label::before{
    background-color: #B8D643;
}
.checkbox-wrapper input[type="checkbox"]:checked + label::after{
    transform: scale(1) translateY(-100%    );
}
.footer-form__submit {
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: #7AA954;
    border-radius: 100px;
    padding: 12px 24px;
}

main{
    margin-top: 53px;
}
.main-banner {
    width: 100%;
    position: relative;
    height: 800px;
    overflow-x: hidden;
}
.main-banner .swiper-pagination{
    display: none;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.main-banner .swiper-button-prev:after{
    content: unset;
}
.main-banner .swiper-button-next:after{
    content: unset;

}
.main-banner .swiper-button-prev{
    width: 56px;
    height: 56px;
    position: absolute;
    left: var(--container);
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}
.main-banner .swiper-button-next {
    width: 56px;
    height: 56px;
    position: absolute;
    right: var(--container);
    top: 50%;
    transform: translateY(-50%);
}
.main-banner-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    filter: blur(6px);
    overflow: hidden;
    object-fit: cover;
    height: auto;
    width: 100%;
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.legal-page {
    padding: 80px var(--container) 0;
}

.legal-page .breadcrumbs {
    padding: 0;
}

.legal-page h1 {
    margin-top: 8px;
    font-weight: 600;
}

.legal-page__content {
    margin-top: 32px;
}

@media (max-width: 991px) {
    .legal-page {
        padding-top: 20px;
    }
}
.main-banner-item {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 0;
}
.main-banner-content {
    padding-top: 240px;
    text-align: center;
    max-width: 1044px;
    color: #FEFFFF;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1044px;
    width: 100%;
    z-index: 2;
}
.main-banner-heading {
    line-height: 110%;
    font-family: inherit;
    font-size: var(--h1-fs);
}
.main-banner-text {
    margin-top: 32px;
    line-height: 110%;
}
.main-banner-link {
    color: #FEFFFF;
    background-color: #7AA954;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 100px;
    width: fit-content;
    margin: 32px auto 0px;
}
.main-banner-link:after {
    content: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.28595 8H17.714' stroke='%23FEFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4714 12.2427L17.7141 8.00003L13.4714 3.75739' stroke='%23FEFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
}
.main-banner-img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    z-index: 0;
    height: 800px;
}
.main-banner .swiper-wrapper{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.swiper-button-prev {}
.swiper-button-next {}
.main-banner .swiper-pagination{
    display: none;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.main-banner .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #2C6445;
    opacity: 1;
}
.main-banner .swiper-pagination-bullet-active {
    background-color: #7AA954;
}
.advantages {
    display: flex;
    gap: 20px;
    padding: 40px 60px 100px;
}
.advantages-item {
    background-color: #2C6445;
    border-radius: 12px;
    padding: 30px 20px;
    display: flex;
    gap: 20px;
    color: #F4F5F6;
    align-items: center;
    width: calc((100% - 60px) / 4);
}
.advantages-item__img {
    max-height: 72px;
}
.advantages-item__content {}
.advantages-item__name {
    font-size: var(--bfs);
    font-weight: 600;
}
.advantages-item__text {
    margin-top: 8px;
}
.categories-swiper {
    padding: 0px var(--container) 100px;
    overflow: hidden;
    position: relative;
}
.categories-swiper .swiper-wrapper{
    margin-top: 32px;
}
.categories-swiper .swiper-pagination{
    margin-top: 16px;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    position: relative;
    display: none;
}
.categories-swiper .swiper-pagination .swiper-pagination-bullet{
    background-color: #8E8E8E33;

    border-radius: 0px;
    margin: unset;
    flex-grow: 1;
    height: 2px;
    opacity: 1;
}
.categories-swiper .swiper-pagination .swiper-pagination-bullet-active{
    border-radius: 0px;
    background-color: #7AA954;

}
.categories-swiper__heading{
    font-weight: 600;
}
.categories-swiper-item {

}
.categories-swiper-item__img {
    background-color: #F4F5F6;
    border-radius: 12px;
    overflow: hidden;
}
.categories-swiper-item__img img{
    width: 100%;
}
.categories-swiper-item__name {
    text-align: center;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 600;
}
.categories-swiper .swiper-button-prev {
    transform: rotate(180deg);
    width: 56px;
    height: 56px;
    position: absolute;
    left: 30px;
    top: 50%;
}
.categories-swiper .swiper-button-prev:after {
    content: unset;
}
.categories-swiper .swiper-button-next {
    width: 56px;
    height: 56px;
    position: absolute;
    right: 30px;
    top: 50%;
}
.categories-swiper .swiper-button-next:after {
    content: unset;
}
.popular-swiper {
    padding: 100px var(--container) 10px;
    overflow: hidden;
    position: relative;
}
.popular-swiper .swiper-pagination{
    margin-top: 24px;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    position: relative;
    display: none;
}
.popular-swiper .swiper-pagination .swiper-pagination-bullet{
    background-color: #8E8E8E33;

    border-radius: 0px;
    margin: unset;
    flex-grow: 1;
    height: 2px;
    opacity: 1;
}
.popular-swiper .swiper-pagination .swiper-pagination-bullet-active{
    border-radius: 0px;
    background-color: #7AA954;

}
.popular-swiper .swiper-wrapper{
    margin-top: 32px;
}
.popular-swiper-item {
    display: flex;
    flex-direction: column;
    height: auto;
}
.popular-swiper-item__img {
    border-radius: 12px;
    background-color: #F4F5F6;
    overflow: hidden;
}
.popular-swiper-item__img img{
    object-fit: cover;
    width: 100%;
}
.popular-swiper-item__name {
    margin-top: 12px;
    text-align: left;
    margin-bottom: 20px;
}
.popular-swiper-item__link {
    margin-top: auto;
    border-radius: 100px;
    border: 1px solid #111111;
    padding: 12px;
    text-align: center;
    transition: .3s;
}
.popular-swiper__heading{
    font-weight: 600;

}
.popular-swiper .swiper-button-prev {
    transform: rotate(180deg);
    width: 56px;
    height: 56px;
    position: absolute;
    left: 30px;
}
.popular-swiper .swiper-button-prev:after{
    content: unset;
}
.popular-swiper .swiper-button-next {
    width: 56px;
    height: 56px;
    position: absolute;
    right: 30px;
    top: 50%;
}
.popular-swiper .swiper-button-next:after{
    content: unset;
}
.marketplaces {
    display: flex;
    background-color: #2C6445;
    padding: 40px var(--container);
    align-items: center;
    justify-content: space-between;
    gap: var(--container);
    margin-top: 100px;
}
.marketplaces-left {
    color: #FEFFFF;
}
.marketplaces-heading {
    max-width: 600px;
    line-height: 110%;

}
.marketplaces-text {
    margin-top: 32px;
    max-width: 600px;
}
.marketplaces-right {
    max-width: 892px;
    width: 100%;
}
.marketplaces-list {
    display: flex;
    gap: 60px;
    align-items: center;
}
.marketplaces-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: calc((100% - 120px) / 3);
}
.marketplaces-item__img {
    display: flex;
    align-items: center;
    max-height: 90px;
    object-fit: contain;
    height: 100%;
}

.marketplaces-item__content {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
}
.marketplaces-item__rating {
    font-size: 44px;
    color: #FEFFFF;
}
.marketplaces-item__block {}
.marketplaces-item__stars {
    display: flex;
    gap: 6px;
    align-items: center;
}
.marketplaces-item__star {}
.marketplaces-item__reviews {
    white-space: nowrap;
}
.marketplaces-item__reviews-count{
    color: #818083;
    font-size: var(--sfs);

}
.marketplaces-item__reviews-number{
    padding-left: 10px;
    color: #818083;
    font-size: var(--sfs);
    position: relative;
}
.marketplaces-item__reviews-number:before{
    content: '';
    width: 3px;
    height: 3px;
    position: absolute;
    left: 2px;
    top: 50%;
    border-radius: 100px;
    background-color: #818083;
    transform: translateY(-50%);
}
.marketplaces-item__link {
    color: #FEFFFF;
    padding: 6px;
    border-radius: 100px;
    font-size: 16px;
    border: 1px solid #FEFFFF;
    text-align: center;
    transition: .3s;

}

.about-company {
    display: flex;
}
.about-company__content {
    padding: 100px 58px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.about-company__heading {
    font-weight: 600;
}
.about-company__text {
    color: #8E8E8E;
}
.about-company__text p{
    margin-top: 8px;
}
.about-company__list {
    display: flex;
    gap: 60px;
}
.about-company__item {
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
}
.about-company__item-value {
    text-align: center;
    white-space: nowrap;
}
.about-company__item-text {
    font-size: 16px;
    color: #8E8E8E;
}
.about-company__link {
    background-color: #7AA954;
    color: #FEFFFF;
    border-radius: 100px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
}

.about-company__img {
    object-fit: cover;
    max-width: 950px;
    width: 100%;
    flex-shrink: 0;
}
.about-company__img img{
    object-fit: cover;
    height: 100%;
}
.delivery {
    background-color: #2C6445;
    padding: 0px var(--container);
    display: flex;
    gap: 60px;
    justify-content: space-between;
    align-items: center;
}
.delivery-left {
    max-width: 740px;
    width: 100%;
}
.delivery-left__img {}
.delivery-right {
    padding: 40px 0px;
    max-width: 892px;
    display: flex;
    flex-direction: column;
    color: #FEFFFF;
    gap: 32px;
}
.delivery-heading {
    font-weight: 600;
}
.delivery__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.delivery__item {
    width: calc((100% - 8px) / 2);
    padding-left: 8px;
    position: relative;
    white-space: nowrap;
}
.delivery__item:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background-color: #7AA954;
    border-radius: 100px;
}
.delivery__link {
    background-color: #7AA954;
    color: #FEFFFF;
    padding: 12px 54px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 4px;
    cursor: pointer;
}
.articles-swiper {
    padding: 100px var(--container);
    overflow: hidden;
}
.articles-swiper__heading {
    font-weight: 600;

}
.articles-swiper .swiper-pagination{
    margin-top: 24px;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    position: relative;
    display: none;
}
.articles-swiper .swiper-pagination .swiper-pagination-bullet{
    background-color: #8E8E8E33;

    border-radius: 0px;
    margin: unset;
    flex-grow: 1;
    height: 2px;
    opacity: 1;
}
.articles-swiper .swiper-pagination .swiper-pagination-bullet-active{
    border-radius: 0px;
    background-color: #7AA954;

}
.articles-swiper .swiper-wrapper{
    margin-top: 32px;
}
.articles-swiper-item {
    display: flex;
    flex-direction: column;
    height: -webkit-fill-available;
}
.articles-swiper-item__img {
    max-height: 284px;
    border-radius: 12px;
    overflow: hidden;
}
.articles-swiper-item__img img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.articles-swiper-item__name {
    color: #111111;
    font-size: var(--bfs);
    margin-top: 12px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.articles-swiper-item__description {
    margin-top: 8px;
    font-size: 16px;
    color: #8E8E8E;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.articles-swiper-item__bottom {
    padding-top: 20px;
    margin-top: auto;
    display: flex;
    gap: 12px;

}
.articles-swiper-item__link {
    color: #FEFFFF;
    background-color: #7AA954;
    border-radius: 100px;
    padding: 12px;
    width: 50%;
    text-align: center;

}
.articles-swiper-item__date {
    border-radius: 100px;
    color: #111111;
    background-color: #FEFFFF;
    padding: 12px;
    width: 50%;
    text-align: center;
    border: 1px solid #111111;
}
.catalog-sections {
    padding: 8px var(--container) 100px;
}
.catalog-sections__heading {
    font-weight: 600;
}
.catalog-sections__list {
    display: flex;
    gap: 20px;
    margin-top: 32px;
    flex-wrap: wrap;
}
.catalog-sections__item {
    width: calc((100% - 100px) / 6);

}
.catalog-sections__item-img {
    border-radius: 12px;
    background-color: #F4F5F6;
    width: 100%;
}
.catalog-sections__item-name {
    margin-top: 12px;
    text-align: center;
    font-weight: 600;
}

.catalog-subsections {
    padding: 8px var(--container) 100px;
    overflow-x: hidden;

}
.catalog-subsections .swiper-pagination{
    margin-top: 16px;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    position: relative;
    display: none;
}
.catalog-subsections .swiper-pagination .swiper-pagination-bullet{
    background-color: #8E8E8E33;

    border-radius: 0px;
    margin: unset;
    flex-grow: 1;
    height: 2px;
    opacity: 1;
}
.catalog-subsections .swiper-pagination .swiper-pagination-bullet-active{
    border-radius: 0px;
    background-color: #7AA954;

}
.catalog-subsections__heading {
    font-weight: 600;
    padding: 0px var(--container);
    margin-bottom: 32px;
}
.catalog-subsections__list {
    /*margin-top: 32px;*/
}
.catalog-subsections__item {
    background-color: #F4F5F6;
    border-radius: 12px;
    display: flex;
    padding-left: 4px;
    padding-right: 12px;
    gap: 12px;
    align-items: center;
    width: calc((100% - 100px) / 6);
}
.catalog-subsections__item-img {
    height: 100%;
    max-height: 80px;
    max-width: 80px;
    width: 100%;
    object-fit: cover;
}
.catalog-subsections__item-name {}

.catalog-wrapper {
    padding: 0px var(--container) 164px;
    display: flex;
    gap: 28px;
}
.catalog-pagination{

}
.catalog-filter {
    max-width: 324px;
    width: 100%;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #8E8E8E33;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-shrink: 0;
}
.catalog-filter-close-btn{
    display: none;
}
.catalog-filter__section {}
.catalog-filter__section:not(:last-of-type){
    border-bottom: 1px solid #8E8E8E33;
    padding-bottom: 12px;
}
.catalog-filter__section-header{
    display: flex;
    align-items: center;
    gap: 8px;
}
.catalog-filter__section-name {
    font-size: 16px;
    font-weight: 600;
}
.catalog-filter__section-image{
    border-radius: 6px;
    width: 32px;
    height: 32px;
    object-fit: cover;
    display: inline-block;
    background-color: white;
}
.catalog-filter__section-values {
    margin-top: 8px;
}
.catalog-filter__section-values .checkbox-wrapper{
    padding: 4px 0px;
}
.catalog-filter__section-values .checkbox-wrapper > label.disabled {
    opacity: .4;
    cursor: not-allowed;
}
.catalog-filter__section-values.prices{
display: flex;
    gap: 8px;
}
.catalog-filter__section-values.prices > input{
    width: 50%;
    max-width: 116px;
    color: #111111;
    padding: 6px 12px;
    border-radius: 100px;
    border: 1px solid #8E8E8E33;
    background-color: transparent;
}
.catalog-filter__section-values.prices > input::placeholder{
    color: #111111;
}
.catalog-filter__section-values__item {
    display: flex;
    gap: 4px;
    padding: 6px 8px;
    font-size: 14px;
    
}
.catalog-filter__section-values__item.active{
    background-color: #2C6445;
    color: #FEFFFF;
    border-radius: 4px;
}
.catalog-body {
    width: 100%;
}
.catalog-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.catalog-filter-mobile{
    display: none;
}
.catalog-sort {
    max-width: 348px;
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    /*border: 1px solid #8E8E8E;*/
    /*border-radius: 100px;*/
    justify-content: center;
}
.ss-main{
    padding: 12px;
    border-radius: 100px;
    min-width: 348px;
    background-color: transparent;
}
.ss-content .ss-list{

}
.ss-main .ss-values{
    display: flex;
    justify-content: center;
}
.ss-main .ss-values .ss-single:after{
    content: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 50%;
    right: -26px;
    height: 16px;
    width: 16px;
    transform: translateY(-50%);
}
.ss-content.ss-open-below{

}
.blog-sort__select{
    border: 1px solid #8E8E8E;

}

.blog-sort__select.ss-open-below{
    box-shadow: unset;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;

}
.ss-main.ss-open-above{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.ss-main .ss-values .ss-single{
    position: relative;
}
.catalog-view {
    display: flex;
    gap: 12px;
    align-items: center;
}
.catalog-view__item{
    cursor: pointer;
}
.catalog-view__item path{
    stroke: #8E8E8E;
}
.catalog-view__item.active path{
    stroke: #7AA954;
}
.catalog-pagination {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 32px auto 0px;
    width: fit-content;
}
.catalog-pagination__arrow {}
.catalog-pagination__arrow--prev {}
.catalog-pagination__arrow--next {}
.disabled {}
.catalog-pagination__pages {
    display: flex;
}
.catalog-pagination__dots {
    color: #111111;

}
.catalog-pagination__item {
    color: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 100px;
}
.catalog-pagination__item.active {
    background-color: #111111;
    color: #FEFFFF;
}
.catalog-products {
    display: flex;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 32px;
}
.product-images-mobile{
    display: none;
    position: relative;
    margin: 0px -16px;
    height: 400px;
    overflow-x: hidden;

}
.product-images-mobile .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    margin: 0 6px;
    border-radius: 100px;
    background-color: #2C6445;
    opacity: 1;
}
.product-images-mobile .swiper-pagination-bullet-active{
    background-color: #7AA954;
}
.product-images-mobile .swiper-slide{
    background-color: #F4F5F6;
}
.product-images-mobile .swiper-slide img{
    height: 100%;
    object-fit: contain;
    width: 100%;
}
.product-images-mobile .swiper-button-prev{
    position: absolute;
    top: 50%;
    left: var(--container);
    width: 56px;
    height: 56px;
    transform: rotate(180deg);

}
.product-images-mobile .swiper-button-prev:after{
    content: unset;
}
.product-images-mobile .swiper-button-next:after {
    content: unset;

}
.product-images-mobile .swiper-button-next{
    position: absolute;
    top: 50%;
    right: var(--container);
    width: 56px;
    height: 56px;
}
.catalog-products.view-1 .catalog-products__item{
    width: calc((100% - 60px) / 4);
}
.catalog-products.view-1 .catalog-products__item-img{
    background-color: #F4F5F6;
    border-radius: 12px;
    width: 100%;
}
.catalog-products.view-1 .catalog-products__item-content{

}
.catalog-products.view-1 .catalog-products__item-name{
    margin-top: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.catalog-products.view-1  .catalog-products__item-link {
    margin-top: 80px;
    width: 100%;
    padding: 9px;
    border-radius: 100px;
    text-align: center;
    border: 1px solid #111111;
    transition: .3s;
}

.catalog-products.view-2 .catalog-products__item{
    width: calc((100% - 20px) / 2);
    display: flex;
    gap: 12px;
    align-items: center;
    background-color: #F4F5F6;
    border-radius: 12px;
    padding: 20px 0px ;
}
.catalog-products.view-2 .catalog-products__item-img{
    background-color: #F4F5F6;
    border-radius: 12px;
    max-width: 250px;
    height: 100%;
    width: 100%;
}
.catalog-products.view-2 .catalog-products__item-content{

}
.catalog-products.view-2 .catalog-products__item-name{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.catalog-products.view-2  .catalog-products__item-link {
    padding: 12px 24px;
    border-radius: 100px;
    border: 1px solid #111111;
    margin-top: 42px;
    width: fit-content;
    transition: .3s;
}
.catalog__seo-text{
    max-width: 884px;
    width: 100%;
    margin: 100px var(--container) 0px;
}
.product-wrapper{
    display: flex;
    gap: 44px;
    padding: 130px var(--container) 0px;

}
.product-body {
    width: 57.5%;
    flex-shrink: 0;
}
.product-page{

}
.product-images {
    display: flex;
    align-items: stretch;
    gap: 12px;

}
.product-images .swiper-wrapper{
    position: relative;
}
.product-thumbs {
    position: relative;
    align-self: stretch;
    flex: 0 0 150px;
    max-width: 150px;
    width: 100%;
    min-height: 0;
    overflow: hidden;
}
.product-thumbs .swiper-wrapper{
    position: absolute;
    inset: 0;
}
.product-thumbs .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.product-thumbs .swiper-slide img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 12px;
}
.product-swiper {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}
.product-swiper .swiper-slide{
    width: fit-content;
}
.product-swiper .swiper-slide img{
    width: 100%;
}
.product-swiper .swiper-button-prev{
    position: absolute;
    top: 50%;
    left: 32px;
    width: 56px;
    height: 56px;
    transform: rotate(180deg);

}
.product-swiper .swiper-button-next{
    position: absolute;
    top: 50%;
    right: 32px;
    width: 56px;
    height: 56px;
}
.product-swiper .swiper-button-prev:after{
    content: unset;

}
.product-swiper .swiper-button-next:after{
    content: unset;
}
.product-swiper .swiper-pagination-bullet{
    background-color: #2C6445;
    opacity: 1;
}
.product-swiper .swiper-pagination-bullet-active{
    background-color: #7AA954;

}
.product-content {
    margin-top: 100px;
}
.product-content__tabs {
    display: flex;
    gap: 12px;
    align-items: center;
    cursor: pointer;
}
.product-content__tab {
     color: #111111;
    border: 1px solid #B8D643;
    padding: 12px 20px;
    border-radius: 100px;
}
.product-content__tab.active{
    color: #FEFFFF;
    background-color: #7AA954;
}
.product-content__sections {
    margin-top: 32px;
}
.product-content__section {
    display: none;
}
.product-content__section.active {
    display: block;
}
.product-content__section-body{
    margin-top: 32px;
}
.product-content__section-body.properties{

}
.product-content__section-body.description{

}
.product-content__section-body__line{
    display: flex;
    gap: 20px;
    padding: 12px;
    border-radius: 12px;
}
.product-content__section-body__line div:first-of-type{
    color: #8E8E8E;
    width: 50%;
}
.product-content__section-body__line div:nth-of-type(2){
    color: #111111;
    width: 50%;

}
.product-content__section-body__line:nth-child(odd){
    background-color: #F4F5F6;
}
.product-info {
    position: sticky;
    top: 70px;
}
.product-sticky{
    width: 100%;
    max-width: 732px;
    position: relative;
}
.product-name {
    margin-top: 8px;
    line-height: 110%;
    font-weight: 600;
}
.product-description {
    margin-top: 32px;
}
.product-description-more{
    display: none;
    color: #2C6445;
    text-decoration: underline;
}
.product-marketplaces {
    margin-top: 24px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
}
.product-marketplaces .marketplaces-item {
    width: unset;
    gap: 10px;
}
.product-marketplaces .marketplaces-item__img {
    max-height: 80px;
}
.product-marketplaces .marketplaces-item__content {
    gap: 10px;
}
.product-marketplaces .marketplaces-item__rating{
    color: #111111;
    font-size: 40px;
}
.product-marketplaces .marketplaces-item__stars {
    gap: 5px;
}
.product-marketplaces .marketplaces-item__star svg {
    width: 13px;
    height: 13px;
}
.product-marketplaces .marketplaces-item__link{
    color: #111111;
    border: 1px solid #111111;
    padding: 5px 8px;
    font-size: 15px;
}
.product-price{
    margin-top: 40px;
    color: #111111;
    border: 1px solid #B8D643;
    padding: 12px 20px;
    border-radius: 100px;
    width: fit-content;
}
.product-badge{
    display: none;
    z-index: 9;
}
.product-buy-btn{
    flex: 1;
    padding: 12px;
    text-align: center;

}
.product-about-btn{
    flex: 1;
    padding: 12px;
    text-align: center;
}
.articles-page {}
.articles-heading {}
@media (hover:hover) {
    .popular-swiper-item:hover .popular-swiper-item__link{
        border: 1px solid #7AA954;
        box-sizing: border-box;
        background-color: #7AA954;
        color: #FEFFFF;
    }
    .marketplaces-item:hover .marketplaces-item__link{
    color: #111111;
        background-color: #FEFFFF;
    }
    .catalog-products__item:hover .catalog-products__item-link{
        background-color: #7AA954;
        color: #FEFFFF;
        border: 1px solid #7AA954;
    }
}
@media (max-width: 1600px) {
    .footer-body{
        gap: 30px;
    }
    .advantages{
        flex-wrap: wrap;
    }
    .advantages-item{
        width: calc((100% - 20px) / 2);
    }

}
@media (max-width: 1440px) {
    .delivery__item{
        width: auto;
    }
}
@media (max-width: 1300px){

}
@media (max-width: 1200px) {
    .footer-form{
        order: 2;
    }
    .footer-content{
        order: 1;
    }
    .footer-copyright-block{
        order: 3;
    }
    .footer-body{
        flex-wrap: wrap;
        justify-content: center;
    }
    .catalog-sections__item {
        width: calc((100% - 40px) / 3);

    }
    .product-images{
        flex-direction: column-reverse;
    }
    .product-thumbs{
        align-self: auto;
        flex: 0 0 100px;
        max-width: unset;
        height: 100px;
    }
    .marketplaces{
        flex-direction: column;
    }
    .catalog-products.view-1 .catalog-products__item{
        width: calc((100% - 20px) / 2);
    }
}
@media (max-width: 991px) {
    :root{
        --container: 12px;
    }
    .catalog-subsections{
        padding: 8px var(--container) 0px;
    }
    .catalog-subsections__heading{
        margin-bottom: 24px;
    }
    .scroll-button{
        top: 50%;
    }
    .cookie {
        width: calc(100% - 40px);
        left: 20px;
        right: 20px;
    }
    .main-banner-slide{
        filter: unset;
    }
    .catalog-filter__section-values__item{
        color: #FEFFFF;
        background-color: unset;
    }
    footer{
        margin-top: 32px;
    }
    .catalog-filter-controls{
        display: flex;
        flex-wrap: wrap;
        background-color: #2C6445;
    }
    .catalog-filter-sort-container{
        display: flex;
    }
    .catalog-filter__section{
        color: #FEFFFF;
        margin-top: 16px;
    }
    .catalog-filter__section-values{
        color: #FEFFFF;

    }
    .catalog-filter__section .checkbox-wrapper label{
        color: #FEFFFF;
    }
    .catalog-filter__section .catalog-filter__section-values.prices > input{
        color: #FEFFFF;

    }
    .catalog-filter__section .catalog-filter__section-values.prices > input::placeholder{
        color: #FEFFFF;
    }
    .marketplaces{
        margin-top: 40px;
    }
    .product-content__sections{
        margin-top: 12px;
    }
    .product-content__section-body.properties{
        margin: 12px -16px 0px;
    }
    .product-content__section-body__line{
        border-radius: unset;
    }
    .product-marketplaces{
        flex-wrap: nowrap;
        justify-content: space-around;
    }
    .product-wrapper{
        gap: 32px;
    }
    .product-content{
        margin-top: unset;
    }
    .product-content__tab{
        font-size: 14px;
        padding: 5px 12px;
    }
    .footer-form__flex{
        flex-direction: column;
    }
    .product-images{
        display: none;
    }
    .product-info{
        margin-top: 20px;
    }
    .product-body{
        width: 100%;
    }
    .product-wrapper{
        flex-direction: column-reverse;
        padding: 0px var(--container);
    }
    .product-sticky{
        max-width: unset;
    }
    .product-images-mobile{
        display: block;
    }
    .popular-swiper .swiper-wrapper{
        margin-top: 16px;
    }
    .catalog__seo-text{
        display: none;
    }
    .catalog-products.view-2 .catalog-products__item{
        width: 100%;
    }
    .section-page .breadcrumbs{
        padding: 20px var(--container) 0px;
    }
    .catalog-products.view-1 .catalog-products__item-link{
        margin-top: 12px;
        padding: 12px;
    }
    .catalog-subsections__list{
        margin-top: 24px;
    }
    .catalog-products.view-1 .catalog-products__item-name{
        -webkit-line-clamp: 3;
    }
    .catalog-products.view-1 .catalog-products__item{
        width: calc((100% - 8px) / 2);

    }
    .catalog-products.view-1 .catalog-products__item-img{
        background-color: transparent;
    }
    .catalog-products{
        margin-top: 16px;
        gap: 8px;
    }
    .catalog-wrapper{
        padding: 32px var(--container);
    }
    .catalog-filter-mobile{
        display: block;
    }
    .catalog-filter{
        display: none;
        position: fixed;
        top: 0px;
        left: 0;
        width: 100%;
        background-color: #2C6445;
        z-index: 15;
        border-radius: 0px;
        height: 100%;
        overflow-y: scroll;
        max-width: unset;
        padding-bottom: 60px;
    }
    .catalog-filter-close-btn{
        display: block;
        padding: 12px;
        border-radius: 100px;
        background-color: #7AA954;
        color: #FEFFFF;
        position: fixed;
        bottom: 20px;
        right: var(--container);
        left: var(--container);
        width: calc(100% - 40px);
        text-transform: uppercase;
        text-align: center;
    }
    .catalog-filter.active{
        display: block;
    }
    .footer-copyright-mobile{
        display: block;
    }
    .footer-body{
        padding: 32px 12px;
    }
    .footer-form{
        order: 1;
    }
    .footer-content{
        order: 2;
    }
    .footer-copyright-block{
        order: 3;
        display: none;
    }
    footer{
        display: flex;
        flex-direction: column;
        margin-top: 32px;
    }
    .articles-swiper-item{
        display: flex;
        flex-direction: column;
    }
    .articles-swiper-item__link{
        display: none;
    }
    .articles-swiper-item__img{
        order: 1;
    }
    .articles-swiper-item__name{
        order: 2;
        font-weight: 600;
    }
    .articles-swiper-item__date{
        border: unset;
        padding: unset;
        width: unset;
    }
    .articles-swiper-item__description{
        order: 4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .articles-swiper-item__bottom{
        margin-top: 4px;
        padding-top: unset;
        order: 3;
    }
    .articles-swiper{
        padding: 32px var(--container) 0px;
    }
    .articles-swiper .swiper-wrapper{
        margin-top: 16px;
    }
    .delivery{
        padding: 32px 12px;
        gap: 0px;
    }
    .delivery-right{
        gap: 12px;
        padding: 0px;
    }
    .about-company__list{
        justify-content: space-around;
    }
    .about-company{
        flex-direction: column-reverse;
    }
    .about-company__img img{
        height: 500px;
        width: 100%;
    }
    .about-company__content{
        padding: 16px var(--container) 32px;
    }
    .about-company__content{
        gap: 16px;
    }
    .about-company__link{
        width: fit-content;
        margin: 0 auto;
    }
    .marketplaces-text{
        margin-top: 16px;
    }

    .marketplaces{
        gap: 20px;
        margin-top: 40px;
        padding: 32px var(--container);
    }

    .popular-swiper-item__link{
        margin-top: auto;
    }
    .popular-swiper-item__img{
        border-radius: 8px;
    }
    .categories-swiper{
        padding: 0px var(--container);
    }
    .categories-swiper .swiper-navigation{
        display: none;
    }
    .categories-swiper .swiper-pagination{
        display: flex;
    }
    .articles-swiper .swiper-pagination{
        display: flex;

    }
    .catalog-subsections .swiper-pagination{
        display: flex;

    }
    .popular-swiper{
        padding: 32px var(--container) 32px;
    }
    .popular-swiper .swiper-pagination{
        display: flex;

    }
    .popular-swiper .swiper-navigation{
        display: none;
    }
    .categories-swiper-item__name{
        font-weight: 400;
        text-align: left;
        margin-top: unset;
        padding: 4px 8px;
    }
    .categories-swiper-item{
        background-color: #F4F5F6;
        border-radius: 8px;
    }
    .main-banner .swiper-button-next{
        top: unset;
        bottom: 226px;
        transform: unset;
    }
    .main-banner .swiper-button-prev{
        top: unset;
        bottom: 226px;
        transform: rotate(180deg);
    }
    .main-banner .swiper-wrapper{
        position: relative;
    }
    .main-banner{
        height: unset;
    }
    .main-banner-heading{
        text-align: left;
    }
    .main-banner .swiper-pagination{
        display: block;
    }
    .main-banner-img{
        position: relative;
        height: 500px;
    }
    .main-banner-content{
        position: relative;
        left: unset;
        transform: unset;

        background-color: #2C6445;
        padding: 20px var(--container) 32px;
    }
    .main-banner-text{
        margin-top: 16px;
        text-align: left;
    }
    .main-banner-text br{
        display: none;
    }
    main{
        margin-top: 44px;
    }
    .catalog-sections__item {
        width: calc((100% - 6px) / 2);
        background-color: #F4F5F6;
        padding-bottom: 15px;
    }
    .main-banner-link{
        margin: 16px 0px 0px;
    }
    .catalog-sections__list{
        gap: 6px;
        margin-top: 35px;
    }
    .catalog-sections__item-name{
        font-weight: 400;
        padding: 4px 8px;
    }
    .catalog-sections{
        padding: 8px var(--container) 0px;
    }
    .catalog-page .breadcrumbs{
        padding: 20px 12px 8px;
    }
}
@media (max-width: 768px) {
    .delivery{
        flex-direction: column;
    }
    .footer-content{
        flex-wrap: wrap;
        order: 3;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .product-marketplaces{
        flex-wrap: wrap;
    }
    .footer-catalog{
        order: 2;
    }
    .footer-links{
        order: 3;
    }
    .footer-link{
        order: 4;
    }
    .footer-contacts{
        order: 1;
    }
    .footer-content > div{
        max-width: unset;
        width: 100%;

    }
    .footer-form__flex{
        flex-direction: column;
        order: 2;
    }
    .footer-form__checkbox-wrapper{
        order: 5;
    }
    .footer-form > input{
        order: 3;
    }
    .footer-form > span{
        order: 3;
    }
    .footer-form__submit{
        order: 4;
        margin-top: 32px;
        justify-content: center;
    }
    .footer-copyright-mobile{
        display: block;
    }
    .footer-form{
        display: flex;
        flex-direction: column;
    }
    .footer-form__heading{
        order: 1;
    }

    .delivery__item{
        width: calc((100% - 8px) / 2);
    }
    .delivery__item:nth-child(even){
        opacity: 0;
        display: none;
    }
    .delivery__list{
        flex-direction: column;
    }
    .catalog-sections__item-name{
        text-align: left;
    }
    .about-company__list{
        flex-wrap: wrap;
    }
    .advantages{
        padding: 0px 0px 32px;
        gap: 0px;
    }
    .advantages-item{
        width: 100%;
        border-radius: 0px;
    }
    .advantages-item:not(:last-child){
        border-bottom: 1px solid #FEFFFF33;
    }
    .marketplaces-list{
        flex-wrap: wrap;
    }
    .marketplaces-item{
        width: 100%;
        align-items: center;
    }
}
@media (max-width: 576px) {
    .catalog-filter-mobile{
        order: 1;
    }
    .catalog-view{
        order: 2;
    }
    .catalog-controls{
        flex-wrap: wrap;
    }
    .catalog-sort{
        order: 3;
        width: 100%;
        margin: 16px auto 0px;
    }
}
@media (max-width: 480px) {
    .product-marketplaces .marketplaces-item{
        width: 100%;
    }
    .product-description-more{
        display: block;
    }
    .product-description{
        color: #7B7B7B;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .catalog-products.view-2 .catalog-products__item{
        flex-direction: column;
        background-color: transparent;
    }
    .catalog-products.view-2 .catalog-products__item-link{
        width: 100%;
        margin-top: 12px;
        text-align: center;
    }
    .footer-links{
        margin-top: 20px;
        gap: unset;
    }
    .footer-links > a{
        padding: 12px;
        text-align: center;
        border-bottom: 1px solid #D9D9D933;

    }

    .footer-links a:first-of-type{
        margin-bottom: unset;
    }
    .footer-contacts{
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .footer-contacts a:first-of-type{
        color: #FEFFFF;
        font-weight: 400;
    }
    .footer-socials{
        position: absolute;
        top: 0px;
        right: 0px;
        display: flex;
        flex-direction: column;
        margin-top: unset;
    }
    .footer-content{
        width: 100%;
        gap: unset;
    }
    .footer-catalog{
        gap: unset;
        margin-top: 32px;
    }
    .footer-catalog > a{
        padding: 12px;
        text-align: center;
        border-bottom: 1px solid #D9D9D933;

    }
    .footer-catalog a:first-of-type{
        margin-bottom: unset;
    }
    .footer-body{
        padding: 32px 12px 0px;
    }
   .footer-link{
       margin-top: 20px;
       padding: 12px;
       text-align: center;
   }
    .delivery__link{
        width: 100%;
        justify-content: center;
    }
    .about-company__item{
        width: 100%;
        align-items: center;
        padding: 12px 0px;
    }
    .about-company__item:not(:last-child){
        border-bottom: 1px solid #8E8E8E33;
    }
    .about-company__list{
        gap: 0px;
    }
    .about-company__link{
        width: 100%;
    }
    .marketplaces-item__link{
        width: 100%;
    }
    .main-banner-link {
        width: 100%;
        justify-content: center;
    }
}

/* Commerce: cart and checkout */
.header-cart {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    gap: 7px;
    height: 36px;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid #d9e8dc;
    border-radius: 100px;
    color: var(--dark-green);
    background: #feffff;
    white-space: nowrap;
    transition: background-color .2s, color .2s, border-color .2s;
}
.header-cart__label {
    display: inline-flex;
    align-items: center;
    height: 100%;
    line-height: 1;
}
.header-cart:hover {
    color: #feffff;
    border-color: var(--light-green);
    background: var(--light-green);
}
.header-cart__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 100px;
    color: #feffff;
    background: #58362d;
    font-size: 12px;
    line-height: 1;
}
.catalog-products__item-main {
    display: block;
    color: inherit;
}
.catalog-products.view-1 .catalog-products__item {
    display: flex;
    flex-direction: column;
}
.catalog-products.view-1 .catalog-products__item-main {
    flex: 1;
}
.catalog-products.view-2 .catalog-products__item {
    align-items: stretch;
    flex-direction: column;
    padding: 20px;
}
.catalog-products.view-2 .catalog-products__item-main {
    display: flex;
    align-items: center;
    gap: 12px;
}
.catalog-products__purchase {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
}
.catalog-products__purchase strong {
    color: #111;
    font-family: 'Golos';
    font-size: 20px;
}
.catalog-products__purchase button,
.product-add-to-cart {
    padding: 11px 20px;
    border-radius: 100px;
    color: #feffff;
    background: var(--dark-green);
    transition: background-color .2s, transform .2s;
}
.catalog-products__purchase button:hover,
.product-add-to-cart:hover {
    background: var(--light-green);
}
.catalog-products__purchase button:disabled,
.product-add-to-cart:disabled,
.commerce-button:disabled {
    cursor: wait;
    opacity: .65;
}
.product-order-panel {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-top: 24px;
    padding: 20px;
    border: 1px solid #dfe9e1;
    border-radius: 18px;
    background: #f2fcf5;
}
.product-order-panel .product-price {
    margin: 0;
}
.product-order-panel .product-add-to-cart {
    width: 100%;
    min-width: 0;
    white-space: nowrap;
}
.product-cart-notice {
    grid-column: 1 / -1;
    color: var(--dark-green);
    font-size: 14px;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.product-badge .product-buy-btn {
    flex: 1;
    padding: 12px 18px;
    text-align: center;
}
.commerce-page {
    min-height: 65vh;
    padding: 72px var(--container) 100px;
    color: #111;
    background:
        radial-gradient(circle at 94% 3%, rgba(122, 169, 84, .15), transparent 26rem),
        #feffff;
}
.commerce-breadcrumbs {
    padding: 0 0 28px;
}
.commerce-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 36px;
}
.commerce-heading h1,
.checkout-success h1 {
    margin-top: 6px;
    font-family: 'Golos';
    font-weight: 600;
}
.commerce-eyebrow {
    display: block;
    color: var(--light-green);
    font-family: 'Golos';
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.commerce-heading__meta {
    color: #6e746f;
}
.commerce-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 26px;
    border-radius: 100px;
    color: #feffff;
    background: var(--dark-green);
    font-weight: 600;
    text-align: center;
    transition: background-color .2s, transform .2s;
}
.commerce-button:hover {
    background: var(--light-green);
    transform: translateY(-1px);
}
.commerce-button--wide {
    width: 100%;
}
.commerce-button--secondary {
    color: var(--dark-green);
    border: 1px solid var(--dark-green);
    background: transparent;
}
.commerce-link {
    display: block;
    margin-top: 16px;
    color: var(--dark-green);
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.cart-layout,
.checkout-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
    align-items: start;
    gap: clamp(24px, 4vw, 72px);
}
.cart-list {
    display: grid;
    gap: 12px;
}
.cart-item {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    padding: 18px;
    border: 1px solid #e5ebe6;
    border-radius: 18px;
    background: #fff;
}
.cart-item__image {
    overflow: hidden;
    aspect-ratio: 1;
    border-radius: 13px;
    background: #f4f5f6;
}
.cart-item__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.cart-item__body {
    min-width: 0;
}
.cart-item__name {
    display: block;
    color: #111;
    font-family: 'Golos';
    font-size: 19px;
    font-weight: 600;
}
.cart-item__unit {
    display: block;
    margin-top: 7px;
    color: #7d837e;
    font-size: 14px;
}
.cart-item__actions {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 18px;
}
.quantity-control {
    display: inline-grid;
    grid-template-columns: 38px 42px 38px;
    align-items: center;
    overflow: hidden;
    border: 1px solid #d9e4db;
    border-radius: 100px;
    background: #f2fcf5;
    text-align: center;
}
.quantity-control button {
    height: 38px;
    color: var(--dark-green);
    font-size: 21px;
}
.quantity-control span {
    font-weight: 700;
}
.cart-item__remove {
    color: #8a6860;
    font-size: 14px;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.cart-item__total {
    align-self: start;
    color: #111;
    font-family: 'Golos';
    font-size: 20px;
    white-space: nowrap;
}
.cart-summary {
    position: sticky;
    top: 24px;
    padding: 28px;
    border-radius: 22px;
    color: #feffff;
    background: #2c6445;
    box-shadow: 0 18px 50px rgba(44, 100, 69, .16);
}
.cart-summary .commerce-eyebrow {
    color: #c7dfa9;
}
.cart-summary__row,
.checkout-summary__item {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}
.cart-summary__row:first-of-type {
    margin-top: 12px;
}
.cart-summary__row--discount,
.cart-summary__row--discount strong {
    color: #c7dfa9;
}
.promo-code {
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, .16);
}
.promo-code__form {
    display: grid;
    gap: 10px;
}
.promo-code__form .commerce-field {
    gap: 6px;
}
.promo-code__form .commerce-button {
    width: 100%;
}
.promo-code__applied {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #c7dfa9;
}
.promo-code__applied button {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
}
.promo-code__error {
    display: block;
    margin-top: 8px;
    color: #ffd1cc;
}
.cart-summary__delivery,
.checkout-payment-note {
    margin: 16px 0;
    color: rgba(255, 255, 255, .76);
    font-size: 14px;
    line-height: 1.45;
}
.cart-summary__total {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin: 24px 0;
    font-family: 'Golos';
    font-size: 20px;
}
.cart-summary__total strong {
    font-size: 26px;
}
.cart-summary .commerce-button {
    color: var(--dark-green);
    background: #feffff;
}
.cart-summary .commerce-link {
    color: #feffff;
}
.cart-empty,
.checkout-success {
    max-width: 760px;
    margin: 20px auto;
    padding: clamp(36px, 7vw, 80px);
    border: 1px solid #dfe9e1;
    border-radius: 28px;
    background: #f2fcf5;
    text-align: center;
}
.cart-empty h2,
.cart-empty h1,
.checkout-success h1 {
    margin-bottom: 12px;
}
.cart-empty p,
.checkout-success p {
    max-width: 560px;
    margin: 0 auto 26px;
    color: #5f6962;
    line-height: 1.55;
}
.cart-empty__icon,
.checkout-success__mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    margin: 0 auto 24px;
    border-radius: 50%;
    color: #feffff;
    background: var(--light-green);
    font-size: 30px;
}
.commerce-alert {
    margin: 14px 0;
    padding: 13px 16px;
    border: 1px solid #cfded1;
    border-radius: 12px;
    color: #3e5947;
    background: #f2fcf5;
    font-size: 14px;
    line-height: 1.45;
}
.commerce-alert--error {
    color: #7d372c;
    border-color: #efd0c9;
    background: #fff4f1;
}
.checkout-form {
    display: grid;
    gap: 18px;
}
.checkout-section {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 20px;
    padding: clamp(22px, 3vw, 36px);
    border: 1px solid #e1e9e2;
    border-radius: 22px;
    background: #fff;
}
.checkout-section__number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color: var(--dark-green);
    background: #e4f1df;
    font-family: 'Golos';
    font-weight: 700;
}
.checkout-section__content h2 {
    margin: 5px 0 24px;
    font-size: clamp(22px, 2vw, 30px);
}
.checkout-fields {
    display: grid;
    gap: 18px;
}
.checkout-fields--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.commerce-field {
    display: grid;
    gap: 8px;
    margin-top: 16px;
}
.commerce-field > span {
    font-weight: 600;
}
.commerce-field input[type="text"],
.commerce-field input[type="tel"],
.commerce-field input[type="email"],
.commerce-field input[type="search"],
.commerce-field textarea {
    width: 100%;
    padding: 13px 16px;
    border: 1px solid #dce5de;
    border-radius: 13px;
    outline: none;
    background: #f7faf7;
    color: #111;
    transition: border-color .2s, box-shadow .2s;
}
.commerce-field input:focus,
.commerce-field textarea:focus {
    border-color: var(--light-green);
    box-shadow: 0 0 0 3px rgba(122, 169, 84, .12);
}
.commerce-field input[readonly] {
    color: #5e685f;
    background: #f0f4f1;
    cursor: default;
}
.commerce-field textarea {
    resize: vertical;
}
.commerce-field small,
.checkout-policy__error {
    color: #a44335;
    font-size: 13px;
}
.commerce-field em {
    color: #7d837e;
    font-size: 13px;
    font-style: normal;
}
.delivery-types {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.delivery-type {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border: 1px solid #dfe7e0;
    border-radius: 15px;
    cursor: pointer;
    transition: border-color .2s, background-color .2s;
}
.delivery-type.active,
.delivery-type:has(input:checked) {
    border-color: var(--light-green);
    background: #f2fcf5;
}
.delivery-type input {
    accent-color: var(--dark-green);
}
.delivery-type span {
    display: grid;
    gap: 4px;
}
.delivery-type small {
    color: #717872;
    line-height: 1.35;
}
.delivery-map-panel.is-hidden {
    display: none;
}
.delivery-map-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 16px;
    margin-top: 8px;
}
.delivery-map-toolbar .commerce-field {
    margin-top: 0;
}
.delivery-map-status {
    max-width: 270px;
    margin: 0 0 13px;
    color: #657068;
    font-size: 13px;
    line-height: 1.4;
}
.delivery-map-status.is-error,
.delivery-map-error {
    color: #a44335;
}
.delivery-map-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(230px, .8fr);
    gap: 14px;
    margin-top: 16px;
}
.delivery-map {
    width: 100%;
    min-height: 430px;
    overflow: hidden;
    border: 1px solid #dce5de;
    border-radius: 18px;
    background: #eef4ef;
}
.delivery-point-list {
    display: grid;
    align-content: start;
    gap: 8px;
    max-height: 430px;
    overflow-y: auto;
    padding-right: 4px;
}
.delivery-point-card {
    display: grid;
    gap: 5px;
    width: 100%;
    padding: 13px 14px;
    border: 1px solid #dfe7e0;
    border-radius: 13px;
    background: #fff;
    color: #111;
    text-align: left;
    transition: border-color .2s, background-color .2s, transform .2s;
}
.delivery-point-card:hover,
.delivery-point-card.is-selected {
    border-color: var(--light-green);
    background: #f2fcf5;
    transform: translateY(-1px);
}
.delivery-point-card strong {
    font-size: 14px;
}
.delivery-point-card span {
    color: #505a52;
    font-size: 13px;
    line-height: 1.35;
}
.delivery-point-card small {
    color: #7d837e;
    font-size: 12px;
}
.delivery-point-list__empty {
    padding: 18px;
    border: 1px dashed #cfd9d1;
    border-radius: 13px;
    color: #68716a;
    font-size: 13px;
    line-height: 1.45;
}
.delivery-map-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}
.delivery-map-search .commerce-button {
    min-height: 47px;
    padding-inline: 22px;
}
.delivery-address-details {
    margin-top: 18px;
    padding: 0 16px 16px;
    border: 1px solid #dfe7e0;
    border-radius: 14px;
    background: #fbfdfb;
}
.delivery-address-details summary {
    padding: 15px 0;
    color: var(--dark-green);
    font-weight: 600;
    cursor: pointer;
}
.delivery-address-details .commerce-field,
.delivery-recipient-details .commerce-field {
    margin-top: 0;
}
.delivery-recipient-details {
    margin-top: 18px;
}
.checkout-summary__item {
    font-size: 14px;
    line-height: 1.4;
}
.checkout-summary__item span {
    color: rgba(255, 255, 255, .82);
}
.checkout-summary__item strong {
    white-space: nowrap;
}
.checkout-policy {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 18px 0 8px;
    color: rgba(255, 255, 255, .84);
    font-size: 13px;
    line-height: 1.4;
}
.checkout-policy input {
    margin-top: 3px;
    accent-color: #c7dfa9;
}
.checkout-policy a {
    color: #fff;
    text-decoration: underline;
}
.checkout-policy__error {
    display: block;
    margin-bottom: 12px;
    color: #ffd4cb;
}

@media (max-width: 1199px) {
    .header-cart__label {
        display: none;
    }
    .header-cart {
        width: 44px;
        padding: 0 9px;
    }
    .header-cart__count {
        position: absolute;
        top: -5px;
        right: -5px;
        min-width: 19px;
        height: 19px;
        font-size: 10px;
    }
}

@media (max-width: 991px) {
    .commerce-page {
        padding: 28px var(--container) 70px;
    }
    .cart-layout,
    .checkout-layout {
        grid-template-columns: 1fr;
    }
    .cart-summary {
        position: static;
    }
    .checkout-summary {
        order: -1;
    }
    .delivery-map-grid {
        grid-template-columns: 1fr;
    }
    .delivery-point-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: 340px;
    }
    .catalog-products.view-2 .catalog-products__item-main {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 640px) {
    .product-order-panel {
        gap: 8px;
        padding: 12px;
    }
    .product-order-panel .product-price {
        padding: 10px 12px;
    }
    .product-order-panel .product-add-to-cart {
        padding: 10px 12px;
        font-size: 14px;
    }
    .commerce-heading {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 24px;
    }
    .cart-item {
        grid-template-columns: 86px minmax(0, 1fr);
        align-items: start;
        gap: 14px;
        padding: 12px;
    }
    .cart-item__total {
        grid-column: 2;
        grid-row: 2;
    }
    .cart-item__actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        margin-top: 12px;
    }
    .checkout-section {
        grid-template-columns: 1fr;
    }
    .checkout-fields--two,
    .delivery-types {
        grid-template-columns: 1fr;
    }
    .delivery-map-toolbar,
    .delivery-map-search,
    .delivery-point-list {
        grid-template-columns: 1fr;
    }
    .delivery-map-status {
        max-width: none;
        margin: 0;
    }
    .delivery-map {
        min-height: 360px;
    }
    .catalog-products__purchase {
        align-items: stretch;
        flex-direction: column;
    }
    .catalog-products__purchase button {
        width: 100%;
    }
}