:root {
    --color1: #000;
    --color2: #fff;
    --color3: rgba(188, 44, 44, 1);
    --color4: rgba(112, 111, 111, 1);
    --color5: rgba(128, 169, 141, 1);
    --color6: rgba(219, 247, 223, 1);
}

html {
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 20px;
    margin-bottom: 10px;
}

main p {
    margin-bottom: 10px;
}

main ul {
    padding: 0 0 0 20px;
    margin-bottom: 10px;
}

a {
    color: var(--color3);
    transition: 1s ease all;
}

main a:not(.btn):hover {
    text-decoration: underline;
    transition: 1s ease all;
    color: rgba(140, 25, 25, 1);
}

body {
    min-height: 100%;
    font-family: "Geist", sans-serif;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

footer {
    flex: 0 0 auto; /* Футер не растет, но прижимается */
}

.c-container {
    max-width: 1340px;
    padding: 0 20px;
    margin: 0 auto;
}

.c-container .c-container{
    padding: 0;
}

.img-obtain {
    width: 100%;
    object-fit: cover;
}

.breadcrumbs {
    display: flex;
    flex-direction: row;
    gap: 5px;
    padding: 16px 0;
}

.breadcrumbs a {
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 24px;
    color: rgba(128, 128, 128, 1);
}

.breadcrumbs a:not(:first-child):before {
    content: "-";
    margin: 0 10px 0 0;
}


.c-header__main {
    padding: 10px 0;
}

.c-header__top {
    background-color: rgba(245, 245, 245, 1);
    padding: 5px 0;
}

.c-header-top__menu ul {
    display: flex;
    flex-direction: row;
    gap: 16px;
    list-style: none;
    margin: 0;
}

.c-header-top__menu a {
    padding: 8px 0;
    color: rgba(128, 128, 128, 1);
    transition: 0.5s ease color;
    display: block;
    font-size: 15px;
}

.c-header-top__info {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.c-header-top__info p {
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    line-height: 100%;
    padding: 12px 0;
    color: rgba(112, 111, 111, 1);
    margin: 0;
}

.c-header-top__inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
}

.c-header-tels {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.c-header-tels a {
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    line-height: 100%;
    color: rgba(27, 27, 27, 1);
}

.c-header-main__inner {
    display: flex;
    flex-direction: row;
    gap: 52px;
    padding: 8px 0;
    align-items: center;
    position: relative;
}

.c-header-logo img {
    width: 248px;
}

.c-header-search {
    border: 1px solid rgba(222, 222, 222, 1);
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 10px;
}

.c-header-search [type="text"] {
    width: 90%;
    font-size: 13px;
    line-height: 14px;
}

.c-header-search [type="submit"] {
    content: "";
    background-size: auto;
    padding: 12px;
    background: rgba(219, 247, 223, 1) url(../assets/icons/search-icon.svg) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    cursor: pointer;
}

.c-header-adds {
    display: flex;
    flex-direction: row;
    gap: 52px;
    align-items: center;
    margin: 0 0 0 auto;
}

.c-header-adds .btn {
    white-space: nowrap;
}

.btn {
    font-family: Geist, sans-serif;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    padding: 16px 24px;
    border-radius: 8px;
}

.btn-red {
    background-color: rgba(188, 44, 44, 1);
    color: #fff;
    transition: 0.5s ease all;
}

.btn-red:hover {
    background-color: rgba(132, 31, 31, 1);
    color: #fff;
    transition: 1s ease all;
}

.btn-transparent{
    border: 1px solid rgba(188, 44, 44, 1);
    color: rgba(188, 44, 44, 1);
}

.c-header-socials {
    display: flex;
    flex-direction: row;
}

.header-soc {
    padding: 12px;
    width: 48px;
    height: 48px;
}

.icon-basket {
    content: url("../assets/icons/basket-icon.svg");
}

.icon-personal {
    content: url("../assets/icons/persona-icon.svg");
}

.c-header-menu {
    padding: 16px 0 6px;
}

.c-header-menu ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.c-header-menu a {
    padding: 6px 10px;
    font-weight: 500;
    font-style: Medium;
    font-size: 17px;
    line-height: 100%;
    color: rgba(0, 0, 0, 1);
}

@media screen and (min-width: 991px) {
    .c-header-menu .root-item:hover {
        background: #F5F5F5;
        border-radius: 30px;
        transition: 0.8s ease background-color;
    }

    .c-header-menu .root-item + ul a:hover{
        background: #F5F5F5;
        border-radius: 8px;
        transition: 0.8s ease background-color;
    }

    .c-header-top__menu a:hover {
        color: #1B1B1B;
        transition: 0.8s ease color;
    }

    .c-header-socials a:hover {
        background-color: #f5f5f5;
        border-radius: 8px;
    }

    .c-header-menu>ul {
        margin: 0 0 0 -10px;
    }
}


.index-page {
    padding: 30px 0;
}

.index-banner {
    padding: 0 0 30px;
}

.index-banner__item {
    position: relative;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    display: block;
}

.index-banner__txt {
    font-size: 24px;
    line-height: 120%;
    position: absolute;
    top: 50%;
    left: 100px;
    transform: translate(5%, -40%);
}

.index-banner__txt .btn {
    margin-top: 30px;
    display: inline-block;
}

.index-banner__txt h2 {
    font-weight: 700;
    font-style: Bold;
    font-size: 56px;
    line-height: 100%;
    color: rgba(27, 27, 27, 1);
    margin-bottom: 12px;
}

.index-banner__txt h2:first-line {
    color: var(--color3);
}

.index-banner__item img {
    height: 560px;
}

.iban-prev,
.iban-next,
.idisc-next,
.idisc-prev,
.iarr-next,
.iarr-prev,
.irev-next,
.irev-prev {
    width: 50px;
}

.iban-prev,
.idisc-prev,
.iarr-prev,
.irev-prev {
    content: url("../assets/icons/iban-prev-arrow.svg");
}

.iban-next,
.idisc-next,
.iarr-next,
.irev-next {
    content: url("../assets/icons/iban-prev-arrow.svg");
    transform: rotate(180deg);
}

.iban-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: rgba(128, 169, 141, 1);
    width: 16px;
    height: 16px;
    margin: 0 8px !important;
}

.iban-pag .swiper-pagination-bullet {
    background-color: rgba(172, 159, 159, 1);
    margin: 0 8px !important;
    width: 8px;
    height: 8px;
}

.iban-pag {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

/* clients-goods */

.c-clients,
.c-reviews {
    padding: 30px 0;
}

main .section-title {
    font-weight: 700;
    font-style: Bold;
    font-size: 50px;
    line-height: 55px;
    color: initial;
}

main .section-title a{
    color: initial;
    text-decoration: none;
}

main .section-title a:hover{
    text-decoration: none;
}

.c-clients-goods,
.c-reviews__slider {
    padding: 40px 0 80px;
}

.c-reviews__slider .swiper-slide{
    height: auto;
}

.goods-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.c-discount-slider,
.c-reviews__slider {
    padding: 30px 0;
    position: relative;
}

/*.c-discount-slider .swiper,
.c-reviews__slider .swiper{
    overflow: visible;
}*/


.c-discount-slider .c-discount-slider__controls,
.c-reviews__slider .c-reviews-slider__controls {
    position: absolute;
    right: 0;
    display: flex;
    width: 125px;
    z-index: 5;
    top: -55px;
    height: 50px;
}

.btn-center {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: max-content;
}

.goods-item {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(222, 222, 222, 1);
}

.c-clients-item,
.c-discount-item {
    transition: 1s ease all;
    margin: 0 0 10px;
    overflow: hidden;
}

.c-clients-item:hover,
.c-discount-item:hover,
.c-florist__item:hover{
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .17);
    transition: 1s ease all;
}

#title-search{
    width: 100%;
}

.c-clients-item__img,
.c-discount-item__img{
    overflow: hidden;
    display: block;
}

.c-clients-item__img img,
.c-discount-item__img img {
    height: 350px;
    overflow: scroll;
    transition: 1s ease all;
}

.c-clients-item:hover .c-clients-item__img img,
.c-discount-item:hover .c-discount-item__img img {
    scale: 1.1;
    transition: 1s ease all;
}

.c-clients-item__desc,
.c-discount-item__desc {
    padding: 16px 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(112, 111, 111, 1);
    background-color: #fff;
    z-index: 3;
    position: relative;
}

.c-clients-item__select,
.c-florist__select,
.card-selects{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    padding: 10px 0;
}

.sku_select{
    min-width: 100px;
}

.c-clients-item__desc option:hover,
.c-clients-item__desc option:checked,
.c-florist__item option:hover,
.c-florist__item option:checked,
.c-discount-item__desc option:hover,
.c-discount-item__desc option:checked {
    /*background: rgba(188, 44, 44, 1);*/
    color: #fff;
    /*box-shadow: 0 0 10px 100px rgba(188, 44, 44, 1) inset;*/
    transition: 1s ease all;
}

.sku_select {
    padding: 6px 20px 6px 6px;
    border: 1px solid rgba(188, 44, 44, 1);
    border-radius: 4px;
    margin: 0 0 auto;
}

.c-clients-item__desc a,
.c-discount-item__desc a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(128, 128, 128, 1);
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 48px;
}

main .c-clients-item__desc a:hover,
main .c-discount-item__desc a:hover{
    text-decoration: none;
}

.c-clients-item__desc span {
    font-size: 15px;
}

.c-clients-desc__bottom,
.c-discount-desc__bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    margin-top: 12px;
}


.c-clients-item__desc,
.c-florist__desc,
.c-discount-item__desc{
    position: relative;
}

.c-clients-desc__hidden,
.c-florist__hidden,
.c-discount-item__hidden{
    overflow: hidden;
    max-height: 0;
    padding: 0 20px 20px;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 8px;
}

.c-discount-item__hidden{
    padding: 0;
}

.c-florist__hidden{
    left: -13px;
    right: -13px;
}

.c-clients-item:hover,
.c-florist__item:hover,
.c-discount-item:hover{
    overflow: visible;
}

.c-florist__select,
.card-selects{
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: 0.5s ease all;
}

.c-florist__item.active .c-florist__select,
.card.active .card-selects{
    padding: inherit;
    max-height: max-content;
    transition: 0.5s ease all;
    padding: 0;
}

.c-clients-item.active .c-clients-desc__hidden,
.c-florist__item.active .c-florist__hidden{
    max-height: 400px;
    transition: 0.5s ease max-height;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    padding: 0 12px 20px;
    opacity: 1;
    z-index: 10;
}

.c-discount-item .c-discount-item__hidden{
    padding: 0 20px 20px
}

.c-discount-item:hover .c-discount-item__hidden{
    max-height: 400px;
    transition: 0.5s ease max-height;
    background: #fff;
    position: relative;
    opacity: 1;
    padding: 0;
}

.c-clients-desc__bottom > div b,
.c-discount-desc__bottom > div b {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: rgba(27, 27, 27, 1);
    margin: 0 8px 0 0;
}

.cart-icon--green {
    content: url("../assets/icons/add-to-cart-icon.svg");
}

.c-florist__item .cart-icon--green {
    content: url("../assets/icons/add-to-cart-icon-red.svg");
}

/* florist */

.form_inputs label{
    margin-bottom: 0;
    font-weight: 400;
}

.img-contain {
    object-fit: contain;
    width: 100%;
}

.c-florist,
.c-discount {
    padding: 30px 0 50px;
}

.c-florist__content {
    display: flex;
    flex-direction: row;
    padding: 30px 0;
}

.c-florist__side {
    flex: 0 0 500px;
}

.c-florist__side img {
    width: 500px;
    height: 100%;
    border-radius: 8px 0 0 8px;
    object-fit: cover;
}

.c-florist__grid {
    flex: 1 1 calc(100% - 500px);
    background-color: rgba(246, 246, 246, 1);
    border-radius: 0 8px 8px 0;
    padding: 16px;
    gap: 16px;
    grid-template-columns: repeat(4, calc(25% - 12px));
    display: grid;
}

.c-florist__item {
    border-radius: 8px;
    border: 1px solid rgba(222, 222, 222, 1);
    background-color: var(--color2);
    display: flex;
    flex-direction: column;
    padding: 13px;
    max-height: 100%;
    position: relative;
    height: fit-content;
}

.c-florist__item .add-to-cart {
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 36px;
    opacity: 0;
    transition: .5s ease all;
}

.c-florist__item:hover .add-to-cart {
    opacity: 1;
    transition: 1s ease all;
}

.c-florist__item p {
    color: rgba(128, 128, 128, 1);
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Количество строк */
    -webkit-box-orient: vertical;
    overflow: hidden; /* Скрывает выходящий текст */
    text-overflow: ellipsis;
}

.c-florist__item {
    margin: 10px 0 0;
}

.c-florist__item img {
    flex: 0 0 120px;
    margin: 8px auto;
    height: 120px;
    width: 120px;
    display: block;
}

.c-about {
    padding: 30px 0 80px;
}

.c-about__inner {
    border-radius: 8px;
    border: 1px solid rgba(222, 222, 222, 1);
    display: flex;
    gap: 20px;
    align-items: center;
    overflow: hidden;
}

.c-about__txt {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 40px;
    flex: 0 0 calc(50% - 10px);
}

.c-about__txt p {
    margin-bottom: 24px;
    color: rgba(128, 128, 128, 1);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.c-about__img {
    flex: 0 0 calc(50% - 10px);
}

.c-about__txt .btn {
    max-width: max-content;
}

.c-about__img img {
    height: 500px;
}

.c-reviews__grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.c-reviews__item {
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 8px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    height: stretch;
}

.c-reviews__item b{
    margin: auto 0 0 0;
}

.c-reviews__item h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

.c-reviews__item p {
    margin-bottom: 20px;
    color: rgba(128, 128, 128, 1);
}

.c-reviews__item span {
    margin: 45px 0 -10px;
    color: rgba(56, 56, 56, 0.5);
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
}

.c-advantages__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.c-advantages__inner {
    padding: 40px 0;
}

.c-advantages__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 45px;
}

.star-icon-before:before {
    content: url("../assets/icons/star-icon.svg");
}

.shelf-icon-before:before {
    content: url("../assets/icons/shelf-icon.svg");
}

.discount-icon-before:before {
    content: url("../assets/icons/discount-icon.svg");
}

.medal-icon-before:before {
    content: url("../assets/icons/medal-icon.svg");
}

.c-advantages__item:not(:first-child) {
    border-left: 1px solid rgba(222, 222, 222, 1);
}

.c-advantages__item:before {
    margin-bottom: 12px;
}

.c-advantages__item h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 8px;
}

.c-advantages__item p {
    color: rgba(128, 128, 128, 1);
    font-size: 15px;
    line-height: 120%;
}

.c-advantages {
    padding: 30px 0 20px;
}

.tg-before-icon {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
}

.tg-before-icon:before {
    content: url("../assets/icons/tg-before-icon.svg");
}

.c-subscribe__txt .btn {
    width: max-content;
    margin-top: 16px;
}

.c-subscribe__txt h3 {
    font-weight: 700;
    font-style: Bold;
    font-size: 40px;
    line-height: 100%;
    color: rgba(27, 27, 27, 1);
}

.c-subscribe__inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    background-color: rgba(252, 246, 245, 1);
    padding: 68px;
    border-radius: 8px;
    justify-content: space-between;
    gap: 50px;
    overflow: hidden;
    z-index: 2;
}

.c-subscribe__img {
    position: absolute;
    right: 5%;
    top: -35%;
    z-index: 0;
}

.c-subscribe {
    padding: 30px 0 15px;
}

.c-footer {
    background-color: rgba(244, 244, 244, 1);
    padding: 40px 0;
    margin-top: 30px;
}

.c-footer__inner,
.c-footer-menu {
    display: flex;
    flex-direction: row;
}

.c-footer__inner {
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 20px;
}

.c-footer-logo {
    width: 215px;
}

.c-footer-contents {
    display: flex;
    flex-direction: row;
    gap: 50px;
    padding: 0 30px 0 0;
}

.c-footer-menu,
.c-footer-adds {
    display: flex;
    flex-direction: row;
    gap: 50px;
}

.c-footer-menu__title,
.c-footer-adds__title {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: rgba(27, 27, 27, 1);
    display: block;
}

.c-footer-adds ul,
.c-footer-menu ul {
    list-style: none;
}

.c-footer-adds,
.c-footer-menu {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: rgba(27, 27, 27, 1);
}

.c-footer-adds a,
.c-footer-menu a {
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    color: rgba(27, 27, 27, 1);
}

.c-footer-adds li,
.c-footer-menu li {
    margin-bottom: 10px;
}

.c-footer-adds b,
.c-footer-menu b {
    font-weight: 700;
    line-height: 24px;
}

.c-footer-adds__socials {
    padding: 32px 0;
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
}

.c-footer__bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 40px;
    color: rgba(128, 128, 128, 1);
    padding: 24px 0 0 0;
    margin: 0 50px 0 0;
}

.c-footer__bottom a {
    text-decoration: underline;
    color: rgba(128, 128, 128, 1);
}

.c-footer-adds__address {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-soc-icon {

}

.rnd-max-icon {
    content: url("../assets/icons/rnd-max-soc-icon.svg");
}

.rnd-tg-icon {
    content: url("../assets/icons/rnd-tg-soc-icon.svg");
}

.rnd-wa-icon {
    content: url("../assets/icons/rnd-wa-soc-icon.svg");
}

.c-catalog {
    padding: 30px 0 60px;
}

.c-catalog__content {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.c-catalog--images {
    flex: 0 0 46%;
    /*    display: grid;
        grid-template-columns: repeat(2, 1fr);*/
    gap: 16px;
    height: max-content;
    min-width: 0;
}

.catalog-slider{
    padding: 10px 0;
}

.catalog-slider,
.catalogSlider{
    min-width: 0;
}

.catalogSlider{
    width: 100%;
    overflow: hidden;
}

.c-catalog--images img {
    border: 1px solid rgba(222, 222, 222, 1);
    border-radius: 8px;
    object-fit: contain;
}

.c-catalog--images img:first-child {
    grid-column: 1 / 3;
}

.c-catalog--images img {
    aspect-ratio: 5 / 5;
}

.c-catalog--txt {
    flex: 1 1 calc(100% - 40px);
}

.c-catalog--form {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.c-catalog--txt form {
    margin: 54px 0 54px;
}

.c-catalog--txt_title {
    font-weight: 700;
    font-size: 40px;
    line-height: 110%;
    margin: 0;
    margin-bottom: 24px;
}

.c-catalog--txt_subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: rgba(128, 128, 128, 1);
}

.c-catalog--txt_subtitle p{
    margin-bottom: 0;
}

.in-stock-icon:before {
    background-color: rgba(107, 188, 87, 1);
    width: 8px;
    height: 8px;
    content: "";
    border-radius: 50%;
}

.in-stock-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.no-stock-icon:before {
    background-color: rgba(228, 32, 31, 1);
    width: 8px;
    height: 8px;
    content: "";
    border-radius: 50%;
}

.c-catalog--form {
    padding: 54px 0;
}

.c-catalog--form__section {

}

.c-catalog--form__section .btn{
    width: 80%;
    max-width: 485px;
    padding: 24px 24px;
    font-size: 24px;
    user-select: none;
    caret-color: transparent;
    cursor: pointer;
}

.c-catalog--form__section p {
    color: rgba(128, 128, 128, 1);
}

.form-chars__item p {
    color: rgba(29, 29, 27, 1);
    white-space: nowrap;
    margin: 0;
}

.c-catalog--form__size {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.c-catalog--form__size .size-btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    border-radius: 8px;
    color: rgba(27, 27, 27, 1);
    padding: 16px 24px;
    background-color: #fff;
    border: 2px solid #fff;

    font-size: 15px;
    border-radius: 8px;
    padding: 10px 18px;
}

.c-catalog--form__size .size-btn.disable-btn {
    background-color: rgba(246, 246, 246, 1);
    border: 2px solid #fff;
}

.c-catalog--form__size .size-btn.active {
    background-color: rgba(246, 246, 246, 1);
    border: 2px solid #fff;
}

.c-catalog--form__size .size-btn:hover {
    border: 2px solid rgba(128, 169, 141, 1);
    background-color: #fff;
}

.quantity-control {
    display: flex;
    flex-direction: row;
}

.minus-btn,
.plus-btn {
    background-color: rgba(229, 229, 229, 1);
    width: 52px;
    height: 52px;
    border-radius: 8px;
    transition: 0.2s ease all;
    font-size: 24px;
}

.minus-btn:hover,
.plus-btn:hover {
    background-color: #80A98D;
    color: #FFFFFF;
    transition: 0.5s ease all;
}

.quantity-control [id="quantity"] {
    width: 52px;
    height: 52px;
    text-align: center;
    font-size: 24px;
    line-height: 100%;
}

.c-catalog--form__control {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    margin-bottom: 24px;
}

#old-total {

}

.c-catalog--form [type="submit"] {
    width: 100%;
    font-size: 24px;
    line-height: 110%;
    max-width: 450px;
    padding: 24px;
    cursor: pointer;
}

#total-price {

}

.quantity-total .discount {
    color: rgba(255, 255, 255, 1);
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    background-color: rgba(228, 32, 31, 1);
    padding: 4px 8px;
    border-radius: 8px;
}

.plus-btn {
}

.quantity-total {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px 4px;
    flex-wrap: wrap;
}

.btn-orange {
    background-color: rgba(221, 134, 68, 1);
    color: #fff;
}

.btn-orange:hover {
    background-color: rgba(233, 120, 68, 1);
}

.total-price {
    color: rgba(27, 27, 27, 1);
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    display: flex;
    flex-direction: column;
}

.total-price b {
    font-weight: 700;
    letter-spacing: 1px;
}

.total-price span {
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    line-height: 100%;
    color: rgba(112, 111, 111, 1);
}

.old-price {
    color: rgba(56, 56, 56, 1);
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
}

.old-price {
    text-decoration: line-through;
}

.c-catalog--form__description p {
    color: rgba(29, 29, 27, 1);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.c-catalog--form__description h4,
.c-catalog--form__chars h4 {
    font-size: 24px;
    line-height: 110%;
    margin: 0;
    margin-bottom: 8px;
}

.c-catalog--form__chars {
}

.form-chars__item p:first-child {
    float: left;
}

.form-chars__item p:last-child {
    float: right;
}

.form-chars__item {
    overflow: hidden;
    line-height: 1.2em;
}

.form-chars__item span {
    content: "";
    line-height: 120%;
    max-width: 100%;
    white-space: nowrap;
    width: 100%;
    border-bottom: 1px dashed #808080;
    flex-shrink: 1 !important;
    margin: 15px 6px 0;
    display: inline-block;
}

.form-chars__item p:after, .form-chars__item p:before {
    content: "";
    display: inline-block;
    width: 0;
}

.form-chars__row {
    display: flex;
    flex-direction: row;
    gap: 8px 64px;
    flex-wrap: wrap;
}

.form-chars__item {
    flex: 0 0 calc(50% - 32px);
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
    display: flex;
}

.burger-menu {
    display: none;
}

.burger-menu {
    content: url("../assets/icons/burger-menu.svg");
    cursor: pointer;
}

.fade-cover {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    inset: 0;
    z-index: 99;
    display: none;
}

.fade-cover.active {
    display: block;
}

.menu-mobile-side {
    display: none;
}

.c-header-top__menu-dropdown,
#horizontal-multilevel-menu>li{
    position: relative;
    overflow: hidden;
    transition: 0.5s ease all;
}

.c-header-top__menu-drop {
    width: 200px;
    max-height: 0;
    background: #fff;
    position: absolute;
    top: 100%;
    box-shadow: 0 5px 30px rgba(34, 34, 34, .1);
    border-radius: 20px;
    z-index: 100;
    transition: 0.5s ease all;
}

ul.c-header-top__menu-inner {
    gap: 4px;
    list-style: none;
    display: flex;
    flex-direction: column;
    transition: 0.5s ease all;
    opacity: 0;
    padding: 10px 20px;
}


a.c-header-top__menu-top,
.c-catalog-menu__multilevel > a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
}

.c-header-top__menu-top:after,
.c-catalog-menu__multilevel > a:after {
    content: "";
    background: url(../assets/icons/triangle-down.png) no-repeat center center;
    background-size: contain;
    transform: rotate(180deg);
    margin: 0 5px;
    width: 8px;
    height: 8px;
    display: block;
}

.c-catalog-menu__sub-menu li {
    padding: 3px 0;
}

.burger-catalog {

}

.c-catalog-menu {
    max-height: 0;
    overflow: hidden;
    box-shadow: 0 5px 30px rgba(34, 34, 34, .1);
    transition: 0.5s ease max-height;
    position: absolute;
    top: 100px;
    right: 0;
    left: 0;
}

.c-catalog-menu.catalog-menu-show {
    max-height: 2000px;
    transition: 1s ease max-height;
}

.c-catalog-menu__inner {
    padding: 20px;
    display: flex;
    flex-direction: row;
    gap: 40px;
    max-height: 500px;
    overflow-y: scroll;
    position: relative;

    z-index: 100;
    background: #fff;
}

.c-catalog-menu__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    width: 100%;
    height: 100%;
}

.c-catalog-menu__item {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.c-catalog-menu__item-preview {
    flex: 0 0 56px;
}

.c-catalog-menu__item-menu {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.c-catalog-menu__item-menu ul {
    list-style: none;
}

.c-catalog-menu__item-menu a {
    color: #000;
}

.c-catalog-menu__item-menu a:hover {
    color: var(--color3);
}

.c-catalog-menu__item-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
}

.c-catalog-menu__card {
    flex: 0 0 240px;
    position: sticky;
    right: 0;
    top: 0;
}

.c-catalog-menu__card img {
    border-radius: 8px;
}

/* Ширина полосы прокрутки */
.c-catalog-menu ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Дорожка прокрутки */
.c-catalog-menu ::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 10px;
}

/* Ползунок прокрутки */
.c-catalog-menu ::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.c-catalog-menu ::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.c-catalog-menu__multilevel {

}

.c-catalog-menu__sub-menu {
    max-height: 0;
    transition: 0.5s ease max-height;
    overflow: hidden;
    height: 0;
}

.c-catalog-menu__sub-menu ul {
    padding: 4px;
    margin: 0 0 0 10px;
}

.c-catalog-menu__multilevel.showup .c-catalog-menu__sub-menu {
    max-height: 500px;
    transition: 1s ease max-height;
    height: auto;
}

/* custom-track */

.thumbs {
    display: grid;
    top: 0;
    position: relative;
}

.range {
    --range-track-top: 90px;

    --tickmarks-w: calc(100% - 18px);
    --option-after-h: 30px;
    --option-after-top: -30px;

    --range-progress-w: calc((var(--value-2) - var(--value-1)) * 1%);
    --range-progress-left: min(
            calc(var(--value-1) * 1%),
            calc(var(--value-2) * 1%)
    );

    position: relative;
    display: grid;
    width: 100%;
    z-index: 10;
    height: 95px;

    margin: 0 0 30px;
}

.range-output {
    width: calc(50% - 18px);
}

.range-label {
    margin-block-end: 50px;
    font-size: 24px;
    font-weight: 500;
}

.range-input {
    width: 100%;
    height: 30px;
    grid-area: 1 / 1;
    border-radius: 10px;
    appearance: none;
    background: none;
    pointer-events: none;
    top: 65px;
    position: relative;
}

.range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 0 0 1px inset #000;
    transition: 300ms;
    pointer-events: auto;
}

.range-input::-moz-range-thumb {
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 0 0 5px inset #000;
    transition: 300ms;
    pointer-events: auto;
}

.range-input:hover::-webkit-slider-thumb,
.range-input:focus-visible::-webkit-slider-thumb {
    box-shadow: 0 0 0 2px inset #000;
}

.range-input:hover::-moz-range-thumb,
.range-input:focus-visible::-moz-range-thumb {
    box-shadow: 0 0 0 2px inset #000;
}

.range-input:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 2px inset #000;
}

.range-input:active::-moz-range-thumb {
    box-shadow: 0 0 0 2px inset #000;
}

.range-input:disabled::-webkit-slider-thumb {
    box-shadow: 0 0 0 30px inset gray;
}

.range-input:disabled::-moz-range-thumb {
    box-shadow: 0 0 0 30px inset gray;
}

.range-input:focus-visible {
    outline-offset: 7px;
    outline: 1px solid #000;
}

.range-input:focus-visible::-webkit-slider-thumb {
    outline: 3px solid #41e847;
}

.range-input:focus-visible::-moz-range-thumb {
    outline: 3px solid #41e847;
}

.track {
    position: absolute;
    width: 100%;
    height: 2px;
    border-radius: 10px;
    background-color: #eee;
    z-index: -1;
    top: 80px;
}

.progress {
    position: absolute;
    left: var(--range-progress-left);
    width: var(--range-progress-w);
    height: 2px;
    border-radius: 10px;
    background-color: #000;
    z-index: -1;
    top: 80px;
}

.range-output {
    top: 0;
    left: var(--range-output-left);
    margin-left: var(--range-output-margin);
    display: grid;
    min-width: fit-content;
    padding: 0 4px;
    place-items: center;
    background: transparent;
    border-radius: 10px;
    font-size: 18px;
    text-align: end;
    transform: translate(var(--range-output-offset-xy));
    user-select: none;
    transition: 300ms;
}

.range-start,
.range-end {
    position: absolute;
    background: rgba(255, 255, 255, 1);
    padding: 10px;
    margin: 0 10px;
    color: rgba(128, 128, 128, 1);
}

.range-end {
    right: 0;
}

.tickmarks {
    width: var(--tickmarks-w);
    height: 30px;
    padding-inline: 4px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: white;
}

option {
    position: relative;
    padding-top: 10px;
    padding-left: 4px;
    width: 10px;
    font-size: 14px;
}

option::after {
    content: "";
    display: initial;
    position: absolute;
    top: var(--option-after-top);
    left: 10px;
    width: 3px;
    height: var(--option-after-h);
    margin: 0 auto;
    background: #c6c6c6;
    z-index: -1;
}

.c-clients-item__desc option,
.c-florist__item option,
.c-discount-item__desc option {
    font-size: 15px;
    width: auto;
    padding: 5px;
    transition: 1s ease all;
}

.badge::before {
    content: attr(data-label);
    background-color: #ff4500;
    color: white;
    padding: 2px 8px;
    margin-right: 10px;
    border-radius: 4px;
    font-size: 12px;
}

/* /range */

#js-result {
    font-size: 16px;
    line-height: 38px;
    color: green;
}

.c-catalog-list__inner {
    display: flex;
    flex-direction: row;
    padding: 10px 0;
    gap: 40px;
}

.c-catalog-list__left-side {
    background-color: rgba(246, 246, 246, 1);
    padding: 24px 16px;
    flex: 0 0 310px;
    height: 100%;
}

.catalog-filter--select {
    padding: 0 20px 0 0;
    border: 1px solid rgba(222, 222, 222, 1);
    color: rgba(128, 128, 128, 1);
    border-radius: 8px;
    background-color: #fff;
}

.catalog-filter--select select {
    padding: 15px 17px;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    color: rgba(128, 128, 128, 1);
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: capitalize;
}

/* selectbox */

div.selectBox,
div.selectBox1 {
    width: 100%;
    position: relative;
    border-radius: 8px;
    border: solid 1px rgba(222, 222, 222, 1);
    background-color: #fff;
    color: rgba(128, 128, 128, 1);
    cursor: pointer;
    transition: .3s;
    overflow: hidden;
    z-index: 50;
}

div.selectBox.oppened,
div.selectBox1.oppened{
    overflow: visible;
}

div.selectBox.oppened .selectMenuBox,
div.selectBox1.oppened .selectMenuBox1{
    height: 0;
}
div.selectBox.oppened .selectMenuBox,
div.selectBox1.oppened .selectMenuBox1{
    height: auto;
}

div.selectBox p.valueTag,
div.selectBox1 p.valueTag {
    padding: 14px 16px;
    cursor: pointer;
    transition: .2s;
    height: 48px;
    margin-bottom: 0;
}

div.selectBox > img.arrow,
div.selectBox1 > img.arrow {
    position: absolute;
    right: 0;
    width: 45px;
    padding: 15px;
    top: 6px;
}

div.selectBox.oppened > img.arrow,
div.selectBox1.oppened > img.arrow{
    border-radius: 1000px;
    transition: 0.2s;
    transform: rotate(180deg);
}

/*
        для пользователей Safari, Chrome и Opera приятный бонус — стилизованный скролл-бар.
*/
.selectBox ::-webkit-scrollbar,
.selectBox1 ::-webkit-scrollbar {
    background: transparent;
    width: 0.5em;
    position: absolute;
}

.selectBox ::-webkit-scrollbar-track,
.selectBox1 ::-webkit-scrollbar-track {
    background: transparent;
    position: absolute;
    z-index: -2;
}

.selectBox ::-webkit-scrollbar-thumb,
.selectBox1 ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: #888;
}

ul.selectMenuBox,
ul.selectMenuBox1 {
    background: #fff;
    transition: .3s;
    overflow-y: auto;
    overflow-x: hidden !important;
    position: absolute;
    display: block;
    border: 1px solid;
    border: solid 1px rgba(222, 222, 222, 1);
    border-radius: 8px;
    margin: 6px -1px 0px -1px;
    width: stretch;
    padding: 0;
}

ul.selectMenuBox > li,
ul.selectMenuBox1 > li,
ul.selectMenuBox > a {
    display: block;
    padding: 10px;
    border-radius: 00px;
    cursor: pointer;
}

ul.selectMenuBox > li.option,
ul.selectMenuBox1 > li.option,
ul.selectMenuBox > a.option {
    color: gray;
    padding: 10px 16px;
    position: relative;
}

ul.selectMenuBox > li.option.selected:after,
ul.selectMenuBox1 > li.option.selected:after,
ul.selectMenuBox > a.option.selected:after{
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../assets/icons/check.svg) no-repeat center;
}

ul.selectMenuBox > li.option:hover,
ul.selectMenuBox1 > li.option:hover,
ul.selectMenuBox1 > a.option:hover {
    color: #333;
    background: #e1e1e1;
    transition: .2s;
}


/* -$- */

.catalog-filter {

}

.catalog-filter form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.catalog-filter__item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.catalog-filter__item > h4 {
    margin-bottom: 4px;
}

.filter-search {
    position: relative;
    width: 100%;
}

.filter-search [type="submit"] {
    content: "";
    background: url(../assets/icons/filter-search.svg) no-repeat center;
    background-size: inherit;
    width: 35px;
    height: 35px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 3;
    cursor: pointer;
}

.filter-search [type="text"] {
    padding: 16px;
    border: 1px solid rgba(222, 222, 222, 1);
    border-radius: 8px;
    z-index: 2;
    width: 100%;
}

.chose-color {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.color-radio,
.size-checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.color-radio a,
.size-checkbox {
    color: rgba(128, 128, 128, 1);
    font-weight: 600;
    font-style: Medium;
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
}

.color-radio [type="radio"] {
    appearance: none;
    width: 24px;
    height: 24px;
    position: relative;
}

.size-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.color-radio [type="radio"]:after {

    content: url("../assets/icons/uncheck-radio.svg");
    width: 24px;
    height: 24px;
    display: block;
}

.color-radio [type="radio"]:checked:before {
    position: absolute;
    background-color: var(--bgc);
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.catalog-filter__item .selectBox {
    margin-bottom: 25px;
}

.info-marker {
    width: 20px;
    height: 20px;
    background-color: rgba(209, 209, 214, 1);
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-style: ExtraBold;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: rgba(255, 255, 255, 1);
    cursor: alias;
}

.size-checkbox [type="checkbox"] {
    appearance: none;
}

.size-checkbox [type="checkbox"]:before {
    content: url("../assets/icons/checkbox-uncheck.svg");
}

.size-checkbox [type="checkbox"]:checked:before {
    content: url("../assets/icons/checkbox-checked.svg");
}

.page-title {
    margin-bottom: 30px;
}

.c-catalog-list__right-side {
    flex: 1 1 100%;
}

.catalog-selector {
    max-width: 300px;
}

.catalog-list {
    padding: 30px 0;
}

.catalog-list--grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin: 0 0 16px;
}

.catalog-list .c-clients-item__img img {
    height: 294px;
}

.catalog-list--pagination {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 20px 0;
}

.pag-item {
    width: 50px;
    height: 50px;
    color: #706F6F;
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    line-height: 100%;
    vertical-align: middle;
    border: 1px solid rgba(222, 222, 222, 1);
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pag-item:not(.pag-disabled):hover {
    border: 2px solid rgba(128, 169, 141, 1);
}

.pag-selected {
    background-color: #DBF7DF;
    border: 1px solid #DBF7DF;
}

.pag-prev,
.pag-next {
    padding: 14px;
}

.pag-prev {
    content: url("../assets/icons/arrow-next-pag.svg");
    transform: rotate(180deg);
}

.pag-disabled {
    opacity: 0.5;
}

.pag-next {
    content: url("../assets/icons/arrow-next-pag.svg");
}

.el-checkbox-label-text {
    font-size: 13px;
    line-height: 15px;
}
.custom-auth{
    padding: 40px 0;
}
.custom-auth .bx-title{
    font-size: 50px;
    font-weight: 800;
    line-height: 110%;
    letter-spacing: -2px;
    margin-bottom: 20px;
}

.custom-auth .bx-authform-input-container input[type="text"], .custom-auth .bx-authform-input-container input[type="password"]{
    padding: 5px 10px;
}
.c-discount-slider, .c-reviews__slider{
    overflow-x: clip;
}
.c-discount-slider .swiper, .c-reviews__slider .swiper{
    overflow: visible;
}

.desktop-only{
    display: block;
}

.mobile-only{
    display: none;
}

@media screen and (min-width: 991px) {
    .c-header-top__menu-dropdown:hover ul.c-header-top__menu-inner,
    #horizontal-multilevel-menu>li:hover ul {
        opacity: 1;
        transition: 1s ease all;
    }

    .c-header-top__menu-dropdown:hover,
    #horizontal-multilevel-menu>li:hover{
        overflow: visible;
        transition: 0.5s ease all;
    }

    .c-header-top__menu-dropdown:hover .c-header-top__menu-drop{
        max-height: 500px;
        transition: 1s ease all;
    }
}

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

    .catalog-list {
        padding: 20px 0;
    }

    .catalog-filter form {
        gap: 5px;
    }

    .c-catalog-list__left-side {
        flex: 0 0 260px;
    }

    .c-catalog-list__inner {
        gap: 24px;
    }

    .catalog-list--grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .c-catalog-menu__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .c-florist__side img {
        width: 400px;
        height: 400px;
    }

    .c-florist__side {
        flex: 0 0 400px;
    }

    .c-florist__grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, auto);
    }

    .c-subscribe__img img {
        width: 400px;
    }

    .c-subscribe__inner {
        padding: 50px;
    }

    .c-subscribe__txt {
        max-width: 70%;
    }
}

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

    .desktop-only{
        display: none;
    }

    .mobile-only{
        display: block;
    }

    .c-reviews__grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .catalog-list .c-clients-item__img img {
        height: 240px;
    }

    .c-catalog-menu__inner {
        gap: 20px;
    }

    .c-catalog-menu__grid {
        gap: 20px;
    }

    .c-catalog-menu__card {
        flex: 0 0 180px;
    }

    .c-catalog-menu__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .c-header-top__menu-top.showup + ul.c-header-top__menu-inner,
    #horizontal-multilevel-menu>li .showup + ul{
        max-height: 500px;
        position: relative;
        box-shadow: none;
        display: block;
    }

    ul.c-header-top__menu-inner.menu-inner-1 {
        gap: 10px;
        padding: 0 0 0 10px;
    }

    ul.c-header-top__menu-inner {
        z-index: 1;
    }

    .c-catalog--txt_title {
        font-size: 32px;
        line-height: 100%;
    }

    .c-catalog__content {
        flex-direction: column-reverse;
    }

    .c-header-menu.mobile-show {

        background-color: #fff;
        z-index: 100;
        padding: 100px 50px 50px 50px;
        overflow: scroll;
        max-width: 400px;
        width: 100%;
    }


    .c-header-search,
    .c-header__top {
        display: none;
    }

    .c-header-menu {
        right: auto;
        top: 0;
        bottom: 0;
        left: -200vw;
        position: fixed;
        transition: 1s ease all;
        z-index: 100;
    }

    .c-header-menu.mobile-show {
        left: 0;
        top: 0;
        right: auto;
        bottom: 0;
        transition: 1s ease all;
    }

    .c-header-menu.mobile-show {
        display: block;
    }

    .c-header-menu ul {
        flex-direction: column;
    }

    .burger-close {
        width: 40px;
        height: 40px;
        position: absolute;
        display: block;
        right: 30px;
        top: 30px;
        padding: 10px;
        z-index: 101;
    }

    .burger-close:before {
        content: "";
        width: 40px;
        height: 3px;
        background: #000;
        display: block;
        top: 50%;
        left: 0;
        position: absolute;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .burger-close:after {
        content: "";
        width: 40px;
        height: 3px;
        background: #000;
        display: block;
        top: 50%;
        position: absolute;
        left: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .burger-menu {
        display: block;
        padding: 10px;
    }

    .goods-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .c-clients-goods, .c-reviews__slider {
        padding: 20px 0 20px;
    }

    .c-florist__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }

    .c-florist__content {
        flex-direction: column;
    }

    .c-florist__side {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .c-clients-item__img img, .c-discount-item__img img {
        height: 280px;
    }

    main .section-title {
        font-size: 44px;
        line-height: 48px;
    }

    .index-banner__item img {
        height: 460px;
    }

    .index-banner__txt h2 {
        font-size: 42px;
    }

    .index-banner__txt p {
        font-size: 20px;
    }

    .index-banner__txt {
        left: 60px;
        width: 500px;
    }

    .c-header-adds {
        gap: 32px;
    }

    .c-header-logo img {
        width: 200px;
    }

    .index-page {
        padding: 20px 0;
    }

    .index-banner__txt .btn {
        margin-top: 16px;
    }

    .c-about__inner {
        flex-direction: column;
    }

    .c-about {
        padding: 30px 0 50px;
    }

    .c-advantages__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .c-advantages__item:not(:first-child) {
        border: 0;
    }

    .c-advantages__item {
        padding: 0 30px;
    }

    .c-subscribe__img img {
        width: 300px;
    }

    .c-subscribe__img {
        top: 0px;
    }

    .c-footer-contents,
    .c-footer-menu, .c-footer-adds {
        gap: 30px;
    }

    .c-footer-contents {
        flex-direction: column;
    }

    .c-about__img img {
        height: auto;
    }

    .menu-mobile-side {
        display: block;
    }

    .menu-mobile-side .c-header-top__menu {
        padding: 30px 0;
    }

    .menu-mobile-side .c-header-top__info {
        flex-direction: column-reverse;
    }

    .menu-mobile-side .c-header-tels {
        flex-direction: column;
        align-items: baseline;
    }

    .c-header-menu ul {
        padding: 20px 0;
        gap: 30px;
    }

    ul.c-header-top__menu-inner {
        opacity: 1;
        max-height: 0;
        padding: 0;
    }
}

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

    h1, h2, h3, h4, h5, h6 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .c-clients, .c-reviews {
        padding: 20px 0;
    }

    .index-banner {
        padding: 0 0 20px;
    }

    .c-catalog--form {
        padding: 24px 0;
    }
    .c-catalog--form__section .btn{
        padding: 20px 20px;
        font-size: 20px;
    }

    .catalog-filter form {
        gap: 10px;
    }

    .range {
        margin: 0 0 10px;
    }

    .catalog-filter__item {
        gap: 12px;
    }

    .pag-item {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .pag-prev, .pag-next {
        padding: 11px;
    }

    .catalog-list--pagination {
        padding: 10px 0px;
    }

    .c-clients-item__desc, .c-discount-item__desc {
        padding: 12px 16px;
    }

    .c-clients-desc__bottom > div b, .c-discount-desc__bottom > div b {
        font-size: 20px;
    }

    .c-clients-item__desc, .c-discount-item__desc {
        font-size: 14px;
        line-height: 18px;
    }

    .catalog-list--grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .c-catalog-list__inner {
        flex-direction: column;
    }

    .c-header-menu a {
        font-size: 18px;
    }

    .c-catalog-menu__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .c-catalog-menu__card {
        display: none;
    }

    .c-footer__bottom {
        flex-direction: column;
    }

    .c-header-menu.mobile-show {
        padding: 90px 35px 35px 35px;
    }

    .c-footer__inner {
        flex-direction: column;
    }

    .goods-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    main .section-title {
        font-size: 34px;
        line-height: 40px;
        max-width: 80%;
        padding: 0 24px 0 0;
    }

    .c-header-adds .btn {
        display: none;
    }

    .index-banner__item img {
        height: 360px;
    }

    .index-banner__txt h2 {
        font-size: 32px;
    }

    .index-banner__txt p {
        font-size: 16px;
    }

    .btn {
        font-size: 14px;
        padding: 10px 14px;
        border-radius: 4px;
    }

    .c-discount-slider .c-discount-slider__controls, .c-reviews__slider .c-reviews-slider__controls {
        top: -45px;
    }

    .iban-prev, .iban-next, .idisc-next, .idisc-prev, .iarr-next, .iarr-prev, .irev-next, .irev-prev {
        width: 32px;
    }

    .c-discount-slider .c-discount-slider__controls, .c-reviews__slider .c-reviews-slider__controls {
        width: 100px;
    }

    .c-florist, .c-discount, .c-about {
        padding: 20px 0 20px;
    }

    .c-florist__content{
        padding: 10px 0;
    }

    .c-florist__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }

    .index-banner__txt {
        left: 30px;
    }

    .index-banner__txt {
        width: 400px;
    }

    .c-advantages__inner {
        padding: 16px 0;
    }

    .c-subscribe__img img {
        display: none;
    }

    .c-subscribe__inner {
        padding: 40px;
    }

    .c-subscribe__txt h3 {
        font-size: 30px;
    }

    .c-subscribe__txt {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .c-subscribe__inner {
        justify-content: center;
        padding: 30px;
    }

    .c-about__txt {
        padding: 30px;
    }

    .c-header-main__inner {
        gap: 15px;
    }

    .c-about__txt p {
        margin-bottom: 5px;
    }

    .c-catalog--form [type="submit"] {
        padding: 16px;
        font-size: 20px;
        line-height: 110%;
    }

    .c-catalog--form__size {
        flex-wrap: wrap;
    }

    .c-catalog--form__control {
        flex-direction: column;
        align-items: start;
    }

    .c-catalog--form {
        gap: 32px;
    }

    .c-catalog--txt form {
        margin: 40px 0 40px;
    }

    .form-chars__row {
        gap: 10px;
        flex-direction: column;
    }

    .c-catalog__content {
        gap: 10px;
    }

    .breadcrumbs {
        flex-wrap: wrap;
    }

    .c-discount-slider, .c-reviews__slider {
        padding: 20px 0 20px;
    }

    .c-catalog--form__size .size-btn {
        padding: 10px 18px;
    }

    .c-catalog {
        padding: 30px 0 30px;
    }

    .burger-close {
        right: 22px;
        top: 22px;
    }

    .c-florist__side img {
        border-radius: 0;
    }

    .c-subscribe__txt h3 {
        font-size: 20px;
    }

    .c-catalog-list__left-side {
        padding: 16px 10px;
    }

    .c-advantages__item {
        padding: 0px 8px;
    }

    .c-advantages__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    /*.c-catalog--images>img.img-obtain.js-img{
        display: none;
    }*/

    .c-catalog__content{
        flex-direction: column;
    }

    .c-catalog--images,
    .c-catalog--txt{
        display: contents;
    }

    .c-catalog--txt_title{
        order: 1;
    }

    .c-catalog--txt_subtitle{
        order: 2;
    }

    .catalog-slider{
        order: 3;
    }

    .c-catalog--form{
        order: 4;
    }

    .c-catalog--form__section .btn{
        width: 100%;
        padding: 16px 20px;
        font-size: 20px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 640px) {
    .c-catalog-menu__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .catalog-list--grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-title {
        margin-bottom: 10px;
    }

    .c-header-top__info p{
        font-size: 13px;
    }

    .custom-auth .bx-title{
        font-size: 36px;
    }
}

@media screen and (max-width: 520px) {
    .c-advantages__item h4{
        font-size: 16px;
    }
    .c-advantages__item p{
        font-size: 13px;
    }

    .c-reviews__item{
        padding: 20px;
    }
    .c-reviews__grid{
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .btn{
        font-size: 12px;
        padding: 7px 10px;
    }

    .c-header-main__inner {
        gap: 8px;
    }

    .catalog-list .c-clients-item__img img {
        height: 100%;
    }

    .catalog-list--grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .c-header-menu.mobile-show {
        width: 300px;
    }

    .c-catalog--form {
        gap: 24px;
    }

    .c-catalog--form__control {
        gap: 20px;
    }

    .c-catalog--txt_title {
        font-size: 24px;
        line-height: 100%;
    }

    .c-florist__side {
        flex: auto;
        max-width: 100%;
        margin: 0 auto;
    }

    .header-soc {
        padding: 8px;
        width: 42px;
        height: 42px;
    }

    .goods-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .c-florist__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .c-florist__side img {
        width: 100%;
    }

    .index-banner__item img {
        height: 260px;
    }

    .index-banner__txt h2 {
        font-size: 24px;
    }

    .index-banner__txt p {
        font-size: 12px;
    }

    .iban-prev, .iban-next, .idisc-next, .idisc-prev, .iarr-next, .iarr-prev, .irev-next, .irev-prev {
        width: 24px;
    }

    .index-banner__txt {
        left: 16px;
    }

    .index-banner__txt .btn {
        margin-top: 0px;
    }

    .index-banner__txt {
        width: 300px;
    }

    .c-advantages__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    main .section-title {
        font-size: 26px;
        line-height: 30px;
    }

    .c-clients-item__img img, .c-discount-item__img img {
        height: 100%;
    }

    .c-header-logo img {
        width: 120px;
    }

    .iban-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
    }

    .index-banner__txt {
        transform: translate(5%, -50%);
    }

    .c-header-menu.mobile-show {
        padding: 90px 30px 30px 30px;
    }

    .burger-close {
        width: 32px;
        height: 32px;
    }

    .burger-close:before,
    .burger-close:after {
        width: 32px;
    }

    .c-header-menu ul {
        gap: 24px;
    }

    .c-footer-contents, .c-footer-menu, .c-footer-adds {
        flex-direction: column;
    }

    .c-catalog-menu__grid {
        grid-template-columns: repeat(1, 1fr);
    }


    .c-discount-slider .c-discount-slider__controls, .c-reviews__slider .c-reviews-slider__controls {
        width: 75px;
    }
}