.w-100 {
    width: 100% !important;
}

.clickable {
    cursor: pointer;
}

.d-flex {
    display: flex !important;
}

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

.relative {
    position: relative;
}

.d-none {
    display: none !important;
}

.align-items-center {
    align-items: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.d-inline_from-laptop {
    display: none !important;
}

.d-inline_from-desktop {
    display: none !important;
}

.d-block_from-desktop {
    display: none !important;
}

.d-flex_from-desktop {
    display: none !important;
}

.debug {
    border: 1px solid red;
}

.chocolate-text {
    color: var(--chocolad, #593630);
}

.grey-text {
    color: var(--Grey, #626262);
}

html:not(.bvi-panel) *,
html:not(.bvi-panel) ::after,
html:not(.bvi-panel) ::before {
    box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
    .d-inline_from-laptop {
        display: inline !important;
    }

    .d-flex_from-desktop {
        display: flex !important;
    }

    .d-to-desktop {
        display: none !important;
    }
}

@media screen and (min-width: 1900px) {
    .d-inline_from-desktop {
        display: inline !important;
    }

    .d-block_from-desktop {
        display: block !important;
    }
}

html {
    font-size: 10px;
}

body {
    font-size: 10px;
    background-color: #ffeee9;
    color: #2e2e2e;
    margin: 0 auto;
    min-width: 34rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.header__top, .header-bottom, .section {
    max-width: 192rem;
    margin: 0 auto;
    width: 100%;
}

/*=============================================
    START LAYOUTS
=============================================*/

.content-wrapper {
    max-width: 1720px;
    margin: 0 auto;
}

.main-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
}

.content-wrapper .scrollable-content {
    width: calc(100% + ((100vw - 100%) / 2));
    overflow-x: auto;
    display: flex;
    padding-right: calc((100vw - 100%) / 2);
}

.scrollable-content::-webkit-scrollbar {
    display: none;
}

.page-headings {
    padding: 60px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 560px;
}

.page-headings h1 {
    color: var(--Chocolad, #593630);
}

.page-headings p {
    color: var(--Grey, #626262);
}

.flex-col10 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

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

.form-container {
    border-radius: 100px 100px 0px 0px;
    overflow: hidden;
    background: var(
            --Chocolad-gradient,
            linear-gradient(
                    180deg,
                    rgba(231, 218, 202, 0.25) -7.18%,
                    rgba(147, 94, 85, 0.25) 100%
            ),
            #593630
    );
}

@media (max-width: 1899px) {
    .content-wrapper {
        padding: 0 66px;
        max-width: 100%;
    }
}

@media (max-width: 1439px) {
    .main-grid {
        grid-template-columns: repeat(8, 1fr);
    }
}

@media (max-width: 1259px) {
    .content-wrapper {
        padding: 0 20px;
    }
}

@media (max-width: 1023px) {
    .form-container {
        border-radius: 60px 60px 0px 0px;
    }

    .page-headings {
        padding: 40px 0;
    }
}

@media (max-width: 779px) {
    .main-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/*=============================================
    END LAYOUTS
=============================================*/

/*=============================================
    START MAIN
=============================================*/
.main {
    display: flex;
    flex-direction: column;
    gap: 10rem;
}

@media screen and (min-width: 1260px) {
    .main {
        gap: 14rem;
    }
}

/*=============================================
    END MAIN
=============================================*/

/*=============================================
    START SECTION
=============================================*/
.section {
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    overflow: hidden;
    position: relative;
}

.section-block {
    margin-top: 160px;
}

.section-content {
    margin-top: 60px;
}

.section_inner {
    padding: 0;
    background: linear-gradient(0deg, #593630, #593630),
    linear-gradient(
            180deg,
            rgba(231, 218, 202, 0.2) -7.18%,
            rgba(147, 94, 85, 0.2) 100%
    );
    border-radius: 6rem;
}

.section__inner {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding: 10rem 2rem;
    background: linear-gradient(
            to bottom,
            rgba(231, 218, 202, 0.2) 0%,
            rgba(89, 54, 48, 0.2) 100%
    );
    border-radius: 6rem;
}

.section__title {
    font-weight: 700;
    font-size: 3rem;
    line-height: 4rem;
    color: var(--chocolad);
    max-width: 50%;
}

.section__title_catalog {
    width: min-content;
}

.section__title_black {
    color: var(--Black, #2e2e2e);
}

.section__title_light {
    color: #fff;
}

.section__info {
    margin: 0;
}

.section__info_light {
    color: #fff;
}

.section__head {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.section_frame {
    border-radius: 3rem;
    overflow: hidden;
    padding: 0;
}

.section_full {
    max-width: unset;
    padding: 0;
    margin: auto;
}

.section-block:has(.scrollable-content),
.section-block:has(.certificates__section-cards) {
    overflow: hidden;
}

@media (max-width: 1439px) {
    .section-block {
        margin-top: 140px;
    }

    .section__title {
        max-width: 70%;
    }
}

@media (max-width: 759px) {
    .section-block {
        margin-top: 40px;
    }

    .section-content {
        margin-top: 40px;
    }

    .section__title {
        max-width: 100%;
    }
}

@media screen and (min-width: 1260px) {
    .section {
        padding: 0 6.6rem;
    }

    .section_inner {
        padding: 0;
    }

    .section__inner {
        padding: 14rem 6.6rem;
    }

    .section__title {
        font-size: 4rem;
        line-height: 5rem;
    }

    .section_frame {
        border-radius: 6rem;
        padding: 0;
    }

    .section_full {
        padding: 0;
    }
}

@media screen and (min-width: 1900px) {
    .section {
        padding: 0 10rem;
    }

    .section_inner {
        padding: 0;
    }

    .section__inner {
        padding: 16rem 10rem;
    }

    .section_frame {
        border-radius: 10rem;
        padding: 0;
    }

    .section_full {
        padding: 0;
    }

    .section__head {
        flex-direction: row;
        gap: 31rem;
        align-items: start;
    }
}

/*=============================================
    END SECTION
=============================================*/

/*=============================================
    START SWIPER
=============================================*/
.swiper-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.swiper-nav {
    position: relative;
    height: 4rem;
}

.swiper-button-prev,
.swiper-button-next {
    position: static;
    width: 6.5rem;
    height: 4rem;
    flex-shrink: 0;
    border-radius: 6rem;
    background: linear-gradient(180deg, #fdc7d7 0%, #fde4dc 100%);
    margin: 0;
}

@media (hover: hover) {
    .swiper-button-prev:hover,
    .swiper-button-next:hover {
        background: linear-gradient(0deg, var(--main-pink-1), var(--main-pink-1)),
        linear-gradient(0deg, var(--main-pink-2), var(--main-pink-2)),
        linear-gradient(0deg, var(--main-pink-3), var(--main-pink-3));
    }
}

.swiper-button-prev:after {
    content: " ";
    width: 1.9rem;
    height: 1.2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='14' viewBox='0 0 22 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.99996L7 1M1.5 6.99996L7 13M1.5 6.99996H20.5' stroke='%23593630' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: cover;
}

.swiper-button-next:after {
    content: " ";
    width: 1.9rem;
    height: 1.2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='14' viewBox='0 0 22 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 6.99996L15 1M20.5 6.99996L15 13M20.5 6.99996H1.5' stroke='%23593630' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: cover;
}

.swiper-button-prev:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='14' viewBox='0 0 22 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.99996L7 1M1.5 6.99996L7 13M1.5 6.99996H20.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.swiper-button-next:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='14' viewBox='0 0 22 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 6.99996L15 1M20.5 6.99996L15 13M20.5 6.99996H1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.swiper-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.swiper-pagination {
    position: static;
}

.swiper-pagination-bullet {
    width: 2rem;
    height: 0.2rem;
    background-color: #fdc7d7;
    border-radius: 0.6rem;
}

.swiper-pagination-bullet-active {
    background: linear-gradient(0deg, var(--main-pink-1), var(--main-pink-1)),
    linear-gradient(0deg, var(--main-pink-2), var(--main-pink-2)),
    linear-gradient(0deg, var(--main-pink-3), var(--main-pink-3));
    border-radius: 0.6rem;
}

/*=============================================
    END SWIPER
=============================================*/

/*=============================================
    START HEADER
=============================================*/
.header {
    padding: 0 2rem;
    position: fixed;
    top: 0;
    height: 5.8rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    z-index: 99;
    background-color: #ffeee9;
    border-bottom: 1px solid #eaeaea;
    left: 0;
    right: 0;
}

.header.header_no-fix {
    position: relative;
    visibility: hidden;
}

.header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
}

.header__logo {
    width: 7.4rem;
    height: 3.8rem;
    margin: 0 auto;
}

.header__logo img {
    width: 100%;
}

.header__phone {
    padding: 1rem;
}

.header__close {
    width: 2.4rem;
    height: 2.4rem;
    padding: 0.4rem;
    background-color: unset;
    border: unset;
    cursor: pointer;
}

.header__sandwitch {
    width: 2.4rem;
    height: 2.4rem;
    padding: 0.4rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7H20' stroke='%232E2E2E' stroke-linecap='round'/%3E%3Cpath d='M4 12H20' stroke='%232E2E2E' stroke-linecap='round'/%3E%3Cpath d='M4 17H20' stroke='%232E2E2E' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-color: unset;
    border: unset;
    cursor: pointer;
}

.header__buttons {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.header__part {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.header__city {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 600;
}

.header__city:before {
    content: " ";
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    vertical-align: text-bottom;
    padding-right: 0.2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 2L2 7.14286L7.14286 8.85714L8.85714 14L14 2Z' fill='%23593630'/%3E%3C/svg%3E%0A");
}

.header__date-order {
    text-align: center;
}

.header__date-order_next {
    color: #626262;
    cursor: pointer;
}

@media screen and (min-width: 1024px) {
    .header {
        height: unset;
    }
}

@media screen and (min-width: 1260px) {
    .header {
        height: unset;
        padding: 1rem 6.6rem 2rem 6.6rem;
    }

    .header__logo {
        width: 13.3rem;
        height: 6.8rem;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
    }
}

@media screen and (min-width: 1780px) {
    .header {
        height: unset;
    }
}

@media screen and (min-width: 1900px) {
    .header {
        padding: 1rem 10rem 2rem 10rem;
    }
}

/*=============================================
    END HEADER
=============================================*/

/*=============================================
    START MENU-LINK
=============================================*/

.menu-link {
    color: var(--Black, #2e2e2e);
    transition: 0.3s;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.menu-link::before {
    content: url("../assets/img/menu-link-wave.png");
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    transition: 0.3s;
    opacity: 0;
}

@media (hover: hover) {
    .menu-link:hover {
        color: var(--Pink, #e5097f);
    }

    .menu-link:hover::before {
        opacity: 1;
    }
}

.light-link {
    color: white;
    transition: 0.3s;
}

.light-link:hover {
    color: var(--Pink, #e5097f);
}

.text-link {
    color: var(--Pink, #e5097f);
    transition: 0.3s;
    padding: 5px 0;
}

.text-link:hover {
    color: var(--Pink-2, #e1307e);
    border-bottom: 2px dotted var(--Pink-2, #e1307e);
}

.simple-link {
    transition: 0.3s;
    color: var(--Black, #2e2e2e);
}

.simple-link:hover {
    color: var(--Pink, #e5097f);
}

.header-menu__contacts {
    padding: 10px;
}

@media (max-width: 1900px) {
    .menu-link {
        padding: 10px 50px;
    }

    .menu-link::before {
        display: none;
    }
}

@media (max-width: 1023px) {
    .menu-link {
        padding: 10px;
    }
}

/*=============================================
    END MENU-LINK
=============================================*/

/*=============================================
    START HEADER-MENU
=============================================*/
.header-menu {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 709px;
    background-color: #fff;
    padding: 60px;
    z-index: 18;
    gap: 2rem;
    flex-direction: column;
    box-shadow: 0 0 20px #ccc;
    box-sizing: border-box;
}

body:has(.header-menu_open) {
    overflow: hidden;
}

.header-menu_open {
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    overflow-y: auto;
}

.header-menu__logo {
    width: 13.3rem;
}

.header-menu__top {
    display: flex;
    justify-content: space-between;
}

.header-menu__menu {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.header-menu__menu li {
    list-style-type: none;
}

.header-menu__menu a {
    display: block;
}

.header-menu__contacts .icon_tg {
    margin-right: 10px;
}

.header-menu__contacts .icon_tg,
.header-menu__contacts .icon_wt {
    width: 24px;
    height: 24px;
}

@media (max-width: 1023px) {
    .header-menu {
        width: 100vw;
    }

    .header-menu__menu {
        gap: 5px;
    }
}

/* @media screen and (min-width: 420px) {
    .header-menu {
        width: 36rem;
        left: unset;
    }
}

@media screen and (min-width: 1260px) {
    .header-menu {
        padding: 6rem;
        width: 63rem;
    }
} */

/*=============================================
    END HEADER-MENU
=============================================*/

/*=============================================
    START HEADER-HORIZONTAL-MENU
=============================================*/
.header-horizontal-menu {
    display: flex;
    gap: 0 1.4rem;
    flex-wrap: wrap;
}

.header-horizontal-menu li {
    list-style-type: none;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 500;
}

.header-horizontal-menu li a {
    width: 100%;
    padding: 1rem;
    display: inline-block;
}

@media screen and (max-width: 1400px) {
    .header-horizontal-menu {
        display: flex;
        gap: 0 2.4rem;
    }
}

/*=============================================
    END HEADER-HORIZONTAL-MENU
=============================================*/

/*=============================================
    START HEADER-BOTTOM
=============================================*/
.header-bottom {
    display: flex;
    gap: 2.4rem;
    justify-content: space-between;
}

.header-bottom__search {
    width: 24.12%;
    max-width: 41.5rem;
    min-width: 30rem;
    height: fit-content;
}

/*=============================================
    END HEADER-BOTTOM
=============================================*/

/*=============================================
    START FIELD-WRAPPER
=============================================*/
.field-wrapper {
    position: relative;
}

.field-wrapper__field {
    background: unset;
    border: 1px solid #cac3c3;
    border-radius: 30px;
    padding: 1.4rem 2rem;
    width: 100%;
    outline: none;
    transition: 0.3s;
    position: relative;
}

.field-wrapper__field_filled::before {
    content: url(../assets/img/input-active-clear-icon.svg);
    position: absolute;
    right: 76px;
    top: 10px;
    width: 24px;
    height: 24px;
}

.field-wrapper__field:hover {
    border: 1px solid var(--Pink-2, #e1307e);
}

.field-wrapper__field::placeholder {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500;
    color: var(--grey);
}

.field-wrapper_search [type=submit] {
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4583 11C19.4583 15.1191 16.1191 18.4583 12 18.4583C7.88088 18.4583 4.54167 15.1191 4.54167 11C4.54167 6.88088 7.88088 3.54167 12 3.54167C16.1191 3.54167 19.4583 6.88088 19.4583 11Z' stroke='%23CAC3C3' stroke-width='1.08333'/%3E%3Cpath d='M20.6464 21.3536C20.8417 21.5488 21.1583 21.5488 21.3536 21.3536C21.5488 21.1583 21.5488 20.8417 21.3536 20.6464L20.6464 21.3536ZM16.1464 16.8536L20.6464 21.3536L21.3536 20.6464L16.8536 16.1464L16.1464 16.8536Z' fill='%23CAC3C3'/%3E%3C/svg%3E%0A");
    right: 2rem;
    top: 0.5rem;
    bottom: 0.5rem;
    margin: auto;
}

/*=============================================
    END FIELD-WRAPPER
=============================================*/

/*=============================================
    START BUTTON
=============================================*/
.button {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-family: "Involve";
    font-weight: 700;
    border-radius: 30px;
    padding: 1.5rem 2rem;
    background: linear-gradient(0deg, var(--main-pink-1), var(--main-pink-1)),
    linear-gradient(0deg, var(--main-pink-2), var(--main-pink-2)),
    linear-gradient(0deg, var(--main-pink-3), var(--main-pink-3));
    color: #fff;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    border: unset;
}

.button:hover {
    color: var(--main-pink-1);
    outline: 1px solid var(--main-pink-1);
    background: unset;
}

.button_chocolad {
    background: var(--chocolad);
}

.button_chocolad:hover {
    color: #fff;
    background: var(--chocolad);
    outline: unset;
}

.button_small {
    padding: 1rem 2rem;
}

@media screen and (min-width: 1260px) {
    .button {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.button-flatbread {
    position: relative;
    font-size: 2.4rem;
    line-height: 3.4rem;
    font-family: "Involve";
    color: #ffff;
    font-weight: 700;
    display: grid;
    place-items: center;
    width: 24.4rem;
    height: 21.4rem;
    border: none;
    background: unset;
}

.button-flatbread:before {
    content: " ";
    position: absolute;
    top: 0;
    width: 23.6rem;
    height: 20.6rem;
    background-image: url("data:image/svg+xml,%3Csvg width='237' height='207' viewBox='0 0 237 207' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M236.876 109.573C236.876 159.655 169.045 206.867 103.633 206.867C38.2217 206.867 0 159.655 0 109.573C0 59.4913 27.1182 0 92.5296 0C157.941 0 236.876 59.4913 236.876 109.573Z' fill='%23E5097F'/%3E%3Cpath d='M236.876 109.573C236.876 159.655 169.045 206.867 103.633 206.867C38.2217 206.867 0 159.655 0 109.573C0 59.4913 27.1182 0 92.5296 0C157.941 0 236.876 59.4913 236.876 109.573Z' fill='%23CD2B67'/%3E%3Cpath d='M236.876 109.573C236.876 159.655 169.045 206.867 103.633 206.867C38.2217 206.867 0 159.655 0 109.573C0 59.4913 27.1182 0 92.5296 0C157.941 0 236.876 59.4913 236.876 109.573Z' fill='%23F3669A'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    z-index: 1;
    transition: background-image 0.3s ease;
}

.button-flatbread:after {
    content: " ";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='244' height='207' viewBox='0 0 244 207' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M244 82.2335C244 129.498 157.415 207 92.2216 207C27.0279 207 0 145.636 0 98.3713C0 51.1066 27.0279 0.133301 92.2216 0.133301C157.415 0.133301 244 34.9687 244 82.2335Z' fill='%23E5097F'/%3E%3Cpath d='M244 82.2335C244 129.498 157.415 207 92.2216 207C27.0279 207 0 145.636 0 98.3713C0 51.1066 27.0279 0.133301 92.2216 0.133301C157.415 0.133301 244 34.9687 244 82.2335Z' fill='%23CD2B67'/%3E%3Cpath d='M244 82.2335C244 129.498 157.415 207 92.2216 207C27.0279 207 0 145.636 0 98.3713C0 51.1066 27.0279 0.133301 92.2216 0.133301C157.415 0.133301 244 34.9687 244 82.2335Z' fill='%23F3669A'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 24.4rem;
    height: 20.7rem;
    z-index: 0;
    right: -0.8rem;
    bottom: 0;
    transition: rotate 0.3s ease;
}

.button-flatbread__text {
    font-size: 2.4rem;
    line-height: 3.4rem;
    font-family: "Involve";
    color: #ffff;
    font-weight: 700;
    text-align: center;
    z-index: 1;
}

.button-flatbread:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg width='237' height='207' viewBox='0 0 237 207' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M236.876 109.573C236.876 159.655 169.045 206.867 103.633 206.867C38.2217 206.867 0 159.655 0 109.573C0 59.4913 27.1182 0 92.5296 0C157.941 0 236.876 59.4913 236.876 109.573Z' fill='%23E1307E'/%3E%3C/svg%3E%0A");
}

.button-flatbread:hover:after {
    rotate: 37deg;
}

.button-flatbread__text_small {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #fff;
    z-index: 1;
}

@media screen and (min-width: 1260px) {
    .button-flatbread__text_small {
        font-size: 2rem;
        line-height: 3rem;
    }
}

/*=============================================
    END BUTTON
=============================================*/

/*=============================================
    START BUTTON-COUNT
=============================================*/
.button-count {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-family: "Involve";
    height: 56px;
    font-weight: 700;
    border-radius: 30px;
    background: var(--chocolad);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    min-width: 140px;
}

.button-count__control {
    background-color: unset;
    border: unset;
    color: #fff;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    cursor: pointer;
}

@media screen and (min-width: 1260px) {
    .button-count {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

/*=============================================
    START BUTTON-COUNT
=============================================*/

/*=============================================
    START FOOTER
=============================================*/
.footer {
    background: linear-gradient(
            184deg,
            rgba(231, 218, 202, 0.2) -427.64%,
            rgba(147, 94, 85, 0.2) -0.13%
    ),
    #593630;
    padding: 60px 0;
}

.footer__logo {
    grid-column: 1 / span 2;
}

.footer__menu {
    position: relative;
}

.footer__column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style-type: none;
    padding-bottom: 20px;
}

.footer__column_1 {
    /* grid-column: 5 / span 2; */
}

.footer__column_2 {
    /* grid-column: 7 / span 2; */
}

.footer__column_3 {
    /* grid-column: 10 / span 2; */
}

.footer__copyright {
    grid-column: 1 / span 2;
    color: white;
}

.footer__policy {
    grid-column: 5 / span 3;
}

.footer__creator {
    display: flex;
    gap: 5px;
    grid-column: 10 / span 2;
    color: white;
}

.footer__bottom {
    margin-top: 60px;
}

.footer__arrow {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.footer__menu.main-grid {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .footer__menu.main-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 1024px) {
    .footer__menu.main-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .footer__logo {
        grid-column: 1 / span 3;
    }
}

@media screen and (min-width: 1024px) {
    .footer__menu.main-grid {
        grid-template-columns: repeat(8, 1fr);
    }

    .footer__logo {
        grid-column: 1 / span 2;
    }

    .footer__column_1 {
        grid-column: 3 / span 2;
    }

    .footer__column_2 {
        grid-column: 5 / span 2;
    }

    .footer__column_3 {
        grid-column: 7 / span 2;
    }
}

@media screen and (min-width: 1440px) {
    .footer__menu.main-grid {
        grid-template-columns: repeat(12, 1fr);
    }

    .footer__logo {
        grid-column: 1 / span 4;
    }

    .footer__column_1 {
        grid-column: 5 / span 3;
    }

    .footer__column_2 {
        grid-column: 8 / span 2;
    }

    .footer__column_3 {
        grid-column: 10 / span 2;
    }
}

@media (max-width: 1439px) {
    .footer__policy {
        grid-column: 3 / span 2;
    }

    .footer__creator {
        grid-column: 7 / span 2;
    }
}

@media (max-width: 1279px) {
    .footer__policy,
    .footer__creator {
        grid-column: 1 / -1;
    }

    .footer__bottom {
        row-gap: 20px;
    }

    .footer__menu {
        row-gap: 40px;
    }
}

@media (max-width: 779px) {
    .footer {
        padding: 40px 0;
    }

    .footer__bottom {
        margin-top: 40px;
    }
}

/*=============================================
    END FOOTER
=============================================*/

/*=============================================
    START SEASONAL-OFFERS
=============================================*/
.seasonal__upper-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.seasonal__card {
    flex: 1;
    height: 350px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 180px;
    transition: 0.3s;
    display: flex;
}

.seasonal__card-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: 0.3s;
}

.seasonal__card:hover {
    border-radius: 80px;
}

.seasonal__card:hover .seasonal__card-btn {
    opacity: 1;
}

.seasonal__card_texture {
    background-image: url(../assets/img/seasonal-card-texture.png);
}

.seasonal__card-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    width: 100%;
}

.seasonal__card_bordered {
    border: 1px solid var(--Chocolad, #593630);
    padding: 90px;
    color: var(--Chocolad, #593630);
    font-family: Involve;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.44px;
}

.seasonal__card_bordered img {
    position: absolute;
    bottom: 0px;
    right: 30px;
}

.seasonal__lower-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 20px;
}

.seasonal__show-all-btn {
    display: none;
}

@media screen and (max-width: 1900px) {
    .seasonal__card_bordered {
        padding: 60px;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.36px;
    }
}

@media (max-width: 1439px) {
    .seasonal__card {
        height: 316px;
        border-radius: 140px;
    }

    .seasonal__card_bordered img {
        bottom: 0px;
        right: -45px;
        transform: scale(0.7);
        transform-origin: bottom right;
    }
}

@media (max-width: 1023px) {
    .seasonal__lower-row {
        display: none;
        grid-template-columns: 1fr;
    }

    .seasonal__lower-row.seasonal__lower-row_need-show {
        display: grid;
    }

    .seasonal__upper-row {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .seasonal__card {
        height: auto;
        min-height: 270px;
        border-radius: 120px;
    }

    .seasonal__show-all-btn {
        display: flex;
        margin-top: 40px;
    }
}

/* .seasonal-offers {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.seasonal-offers > .seasonal-offers__offer {
    position: relative;
    overflow: hidden;
    border-radius: 12rem;
    transition: border-radius 0.3s ease;
}

.seasonal-offers > .seasonal-offers__offer:hover {
    border-radius: 8rem;
}

.seasonal-offers > .seasonal-offers__offer:hover .seasonal-offers__button-flatbread {
    display: grid;
}

.seasonal-offers > .seasonal-offers__offer img {
    width: 100%;
    min-height: 20rem;
}

.seasonal-offers .seasonal-offers__offer:nth-child(1),
.seasonal-offers .seasonal-offers__offer:nth-child(3) {
    background-image: url("/img/offers/bg_1.jpg");
}

.seasonal-offers .seasonal-offers__offer:nth-child(4),
.seasonal-offers .seasonal-offers__offer:nth-child(5) {
    background: linear-gradient(320.78deg, #9D9CA0 20.5%, #C8C5C5 83.27%);
}

.seasonal-offers .seasonal-offers__offer:nth-child(2) {
    border: .1rem solid var(--chocolad);
    color: var(--chocolad);
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 500;
    padding: 6rem;
}

.seasonal-offers img.seasonal-offers__bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: unset;
    min-height: unset;
    z-index: -1;
}

.seasonal-offers__offer_hide {
    display: none;
}

.seasonal-offers__button-flatbread {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 19.1rem;
    height: 13.6rem;
    display: none;
}

.seasonal-offers__button-flatbread:before {
    width: 19.1rem;
    height: 13.6rem;
    background-image: url("data:image/svg+xml,%3Csvg width='191' height='136' viewBox='0 0 191 136' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M202.358 37.6775C225.328 77.1103 193.655 145.347 142.23 175.303C90.8052 205.259 39.1023 185.591 16.1319 146.158C-6.83851 106.725 -12.805 47.4645 38.6199 17.5085C90.0448 -12.4475 179.387 -1.75529 202.358 37.6775Z' fill='%23E5097F'/%3E%3Cpath d='M202.358 37.6775C225.328 77.1103 193.655 145.347 142.23 175.303C90.8052 205.259 39.1023 185.591 16.1319 146.158C-6.83851 106.725 -12.805 47.4645 38.6199 17.5085C90.0448 -12.4475 179.387 -1.75529 202.358 37.6775Z' fill='%23CD2B67'/%3E%3Cpath d='M202.358 37.6775C225.328 77.1103 193.655 145.347 142.23 175.303C90.8052 205.259 39.1023 185.591 16.1319 146.158C-6.83851 106.725 -12.805 47.4645 38.6199 17.5085C90.0448 -12.4475 179.387 -1.75529 202.358 37.6775Z' fill='%23F3669A'/%3E%3C/svg%3E%0A");
    background-size: contain;
    bottom: 0;
    right: 0;
}

.seasonal-offers__button-flatbread:after {
    width: 19rem;
    height: 14rem;
    bottom: 0;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='190' height='140' viewBox='0 0 190 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M222.199 70.0445C223.955 113.077 148.123 186.852 88.857 189.271C29.5907 191.69 2.73981 136.824 0.983359 93.7911C-0.773092 50.7586 21.9031 3.34672 81.1694 0.92766C140.436 -1.4914 220.442 27.012 222.199 70.0445Z' fill='%23E5097F'/%3E%3Cpath d='M222.199 70.0445C223.955 113.077 148.123 186.852 88.857 189.271C29.5907 191.69 2.73981 136.824 0.983359 93.7911C-0.773092 50.7586 21.9031 3.34672 81.1694 0.92766C140.436 -1.4914 220.442 27.012 222.199 70.0445Z' fill='%23CD2B67'/%3E%3Cpath d='M222.199 70.0445C223.955 113.077 148.123 186.852 88.857 189.271C29.5907 191.69 2.73981 136.824 0.983359 93.7911C-0.773092 50.7586 21.9031 3.34672 81.1694 0.92766C140.436 -1.4914 220.442 27.012 222.199 70.0445Z' fill='%23F3669A'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
}

.seasonal-offers__button-flatbread:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg width='191' height='136' viewBox='0 0 191 136' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M202.358 37.6775C225.328 77.1103 193.655 145.347 142.23 175.303C90.8052 205.259 39.1023 185.591 16.1319 146.158C-6.83851 106.725 -12.805 47.4645 38.6199 17.5085C90.0448 -12.4475 179.387 -1.75529 202.358 37.6775Z' fill='%23E5097F'/%3E%3Cpath d='M202.358 37.6775C225.328 77.1103 193.655 145.347 142.23 175.303C90.8052 205.259 39.1023 185.591 16.1319 146.158C-6.83851 106.725 -12.805 47.4645 38.6199 17.5085C90.0448 -12.4475 179.387 -1.75529 202.358 37.6775Z' fill='%23CD2B67'/%3E%3Cpath d='M202.358 37.6775C225.328 77.1103 193.655 145.347 142.23 175.303C90.8052 205.259 39.1023 185.591 16.1319 146.158C-6.83851 106.725 -12.805 47.4645 38.6199 17.5085C90.0448 -12.4475 179.387 -1.75529 202.358 37.6775Z' fill='%23F3669A'/%3E%3C/svg%3E%0A");
    background-size: contain;
}

.seasonal-offers__button-flatbread:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='190' height='140' viewBox='0 0 190 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M222.199 70.0445C223.955 113.077 148.123 186.852 88.857 189.271C29.5907 191.69 2.73981 136.824 0.983359 93.7911C-0.773092 50.7586 21.9031 3.34672 81.1694 0.92766C140.436 -1.4914 220.442 27.012 222.199 70.0445Z' fill='%23E5097F'/%3E%3Cpath d='M222.199 70.0445C223.955 113.077 148.123 186.852 88.857 189.271C29.5907 191.69 2.73981 136.824 0.983359 93.7911C-0.773092 50.7586 21.9031 3.34672 81.1694 0.92766C140.436 -1.4914 220.442 27.012 222.199 70.0445Z' fill='%23CD2B67'/%3E%3Cpath d='M222.199 70.0445C223.955 113.077 148.123 186.852 88.857 189.271C29.5907 191.69 2.73981 136.824 0.983359 93.7911C-0.773092 50.7586 21.9031 3.34672 81.1694 0.92766C140.436 -1.4914 220.442 27.012 222.199 70.0445Z' fill='%23F3669A'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    rotate: unset;
}

@media (min-width: 1260px) {
    .seasonal-offers {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: auto;
    }

    .seasonal-offers > .seasonal-offers__offer {
        display: inline-grid;
        border-radius: 14rem;
    }

    .seasonal-offers > .seasonal-offers__offer:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row: 1;
    }

    .seasonal-offers > .seasonal-offers__offer:nth-child(2) {
        grid-column-start: 3;
        grid-column-end: 5;
        grid-row: 1;
        font-size: 1.8rem;
        line-height: 2.8rem;
        letter-spacing: 0.02rem;
    }

    .seasonal-offers > .seasonal-offers__offer:nth-child(3) {
        grid-column-start: 5;
        grid-column-end: 7;
        grid-row: 1;
    }

    .seasonal-offers > .seasonal-offers__offer:nth-child(4) {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row: 2;
    }

    .seasonal-offers > .seasonal-offers__offer:nth-child(5) {
        grid-column-start: 4;
        grid-column-end: 7;
        grid-row: 2;
    }
}

@media (min-width: 1900px) {
    .seasonal-offers {
        gap: 2rem;
    }

    .seasonal-offers > .seasonal-offers__offer {
        border-radius: 18rem;
    }

    .seasonal-offers > .seasonal-offers__offer:hover {
        border-radius: 8rem;
    }
} */

/*=============================================
    END SEASONAL-OFFERS
=============================================*/

/*=============================================
    START BUTTON-MORE
=============================================*/
.button-more {
    padding: 1.5rem;
    min-width: 32rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 700;
    font-family: "Involve";
    background: none;
    border: none;
    cursor: pointer;
    border-radius: 3rem;
}

.button-more:hover {
    color: var(--main-pink-4);
    outline: 1px solid var(--main-pink-4);
    background: unset;
}

@media (min-width: 1260px) {
    .button-more_offers {
        display: none;
    }
}

/*=============================================
    END BUTTON-MORE
=============================================*/

/*=============================================
    START SWEET-MASTERPIECE
=============================================*/
.sweet-masterpieces {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

.sweet-masterpieces:after {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg width='1753' height='1569' viewBox='0 0 1753 1569' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.1' d='M860.401 368.994C921.823 378.801 986.791 411.261 1049.28 457.133C1111.77 503.001 1171.76 562.257 1223.21 625.614C1274.66 688.971 1317.57 756.415 1345.91 818.654C1374.26 880.911 1388 937.887 1381.22 980.337C1367.66 1065.27 1299.09 1123.39 1203.03 1155.38C1106.98 1187.36 983.56 1193.17 860.558 1173.53C737.535 1153.89 605.798 1114.74 508.233 1059.24C410.628 1003.72 347.431 931.947 360.981 847.088C374.566 762.01 437.979 632.642 528.767 529.451C619.565 426.249 737.602 349.386 860.401 368.994Z' fill='url(%23paint0_linear_865_18270)' stroke='url(%23paint1_linear_865_18270)'/%3E%3Cpath opacity='0.1' d='M1389.81 720.238C1349.39 767.578 1277.53 827.64 1190.39 889.363C1103.27 951.08 1000.89 1014.44 899.479 1068.37C798.061 1122.31 697.617 1166.81 614.343 1190.82C572.705 1202.83 535.381 1209.71 504.386 1210.1C473.382 1210.49 448.783 1204.38 432.513 1190.49C367.099 1134.64 353.242 1045.83 376.013 947.18C398.783 848.539 458.161 740.182 539.037 645.449C619.926 550.7 721.998 458.678 820.22 404.346C918.482 349.992 1012.67 333.468 1078.03 389.264C1110.89 417.324 1156.96 440.236 1204.99 461.773C1217.39 467.334 1229.92 472.803 1242.39 478.246C1278.25 493.895 1313.6 509.325 1343.92 526.091C1384.81 548.696 1416.39 573.654 1427.72 604.696C1439.03 635.677 1430.21 672.91 1389.81 720.238Z' fill='url(%23paint2_linear_865_18270)' stroke='url(%23paint3_linear_865_18270)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_865_18270' x1='384.713' y1='695.293' x2='1401.32' y2='857.622' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FDC7D7'/%3E%3Cstop offset='1' stop-color='%23FDE4DC'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_865_18270' x1='384.713' y1='695.293' x2='1401.32' y2='857.622' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FDC7D7'/%3E%3Cstop offset='1' stop-color='%23FDE4DC'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_865_18270' x1='1206.67' y1='399.091' x2='489.174' y2='1239.52' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FDC7D7'/%3E%3Cstop offset='1' stop-color='%23FDE4DC'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_865_18270' x1='1206.67' y1='399.091' x2='489.174' y2='1239.52' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FDC7D7'/%3E%3Cstop offset='1' stop-color='%23FDE4DC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 0;
}

.sweet-masterpiece {
    padding: 4rem 4rem 14.6rem 4rem;
    border-radius: 3rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-sizing: border-box;
}

.sweet-masterpiece_constructor {
    background: linear-gradient(180deg, #fdc7d7 0%, #fde4dc 100%);
}

.sweet-masterpiece_by-photo {
    background: linear-gradient(180deg, #fdeec7 0%, #fde4dc 100%);
}

.sweet-masterpiece__call-manager {
    background: linear-gradient(180deg, #cdc7fd 0%, #fde4dc 100%);
}

.sweet-masterpiece__title {
    font-size: 2.4rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 20px;
}

.sweet-masterpiece__info {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 500;
    font-family: "Involve";
    color: var(--black);
    margin-bottom: 5.6rem;
    max-width: 36rem;
}

.sweet-masterpiece__pict {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 65%;
    max-width: 33rem;
}

.sweet-masterpieces-slider {
    display: none;
}

@media (max-width: 1023px) {
    .sweet-masterpieces {
        display: none;
    }

    .sweet-masterpieces-slider {
        display: flex;
        width: 320px;
        margin: 0 auto;
        position: relative;
        padding-bottom: 80px;
        overflow: hidden;
    }

    .sweet-masterpiece {
        padding: 40px;
        border-radius: 30px;
        min-height: 473px;
    }

    .sweet-masterpiece__info {
        margin-bottom: 30px;
    }

    .sweet-masterpieces-slider__controls {
        position: absolute;
        left: 0;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .sweet-masterpieces-slider__pagination {
        width: fit-content !important;
    }
}

@media (min-width: 1260px) {
    .sweet-masterpieces {
        flex-direction: row;
        padding: 41.8rem 11.3rem 0 11.3rem;
        margin: auto;
        gap: 0;
        align-items: start;
    }

    .sweet-masterpieces_scrolled {
        padding: 41.8rem 0 0 0;
    }

    .sweet-masterpieces_scrolled .sweet-masterpiece_constructor {
        margin-right: 0;
    }

    .sweet-masterpieces_scrolled .sweet-masterpiece_by-photo {
        margin: 18rem -19rem 0 -29rem;
    }

    /* .sweet-masterpieces:hover {
          padding: 41.8rem 0 0 0;
      }

      .sweet-masterpieces:hover .sweet-masterpiece_constructor {
          margin-right: 0;
      }

      .sweet-masterpieces:hover .sweet-masterpiece_by-photo {
          margin: 18rem -19rem 0 -29rem;
      } */
    .sweet-masterpiece {
        width: 53.6rem;
        min-height: 69.1rem;
        transition: margin 1s ease;
    }

    .sweet-masterpiece_constructor {
        margin-bottom: 31.8rem;
        margin-top: -31.8rem;
        margin-right: -38.5rem;
    }

    .sweet-masterpiece_by-photo {
        margin-right: -31.5rem;
    }

    .sweet-masterpiece__call-manager {
        margin-top: -41.8rem;
        margin-bottom: 41.8rem;
    }

    .sweet-masterpiece__title {
        margin-bottom: 4rem;
    }

    .sweet-masterpiece__info {
        margin-bottom: 3rem;
    }

    .sweet-masterpiece__pict {
        width: 80%;
        max-width: 37rem;
    }
}

@media (min-width: 1900px) {
    .sweet-masterpieces {
        padding: 41.8rem 9.3rem 0 9.3rem;
    }

    .sweet-masterpieces_scrolled {
        padding: 41.8rem 9.3rem 0 9.3rem;
    }

    .sweet-masterpieces_scrolled .sweet-masterpiece_by-photo {
        margin: 0rem -3rem 0 -4rem;
    }
}

/*=============================================
    END SWEET-MASTERPIECE
=============================================*/

/*=============================================
    START PRODUCT-CARD
=============================================*/
.product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: 590px;
    padding-bottom: 30px;
    border-radius: 60px;
    overflow: hidden;
    transition: 0.3s;
}

.product-card__tags {
    position: absolute;
    top: 30px;
    left: 30px;
    display: flex;
    gap: 10px;
}

.product-card__tag {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 5px 10px;
    border-radius: 30px;
}

.product-card__image {
    width: 100%;
    height: 333px;
    object-fit: cover;
    border-radius: 60px;
    background: linear-gradient(180deg, #d8e2eb 0%, #c4d1da 100%);
}

.product-card__image_type_big {
    min-height: 340px;
    height: 450px;
}

.product-card__content {
    padding: 0 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-card__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.product-card__button {
    width: fit-content;
    height: 56px;
}

.product-card__button_count {
    border-radius: 30px;
    background: var(--Chocolad, #593630);
    padding: 15px 20px;
    color: #fff;
    text-align: center;
    display: flex;
    gap: 5px;
    width: fit-content;
}

@media (hover: hover) {
    .product-card:hover {
        background: linear-gradient(180deg, #fdeec7 0%, #fde4dc 100%);
    }
}

.catalog-product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-bottom: 40px;
    border-radius: 60px;
    overflow: hidden;
    transition: 0.3s;
}

.catalog-product-card__wrap-image {
    position: relative;
}

.catalog-product-card__mini-basket-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1884_56698' fill='white'%3E%3Cpath d='M0 5.66667C0 5.29848 0.298477 5 0.666667 5H15.3333C15.7015 5 16 5.29848 16 5.66667V18C16 19.1046 15.1046 20 14 20H2C0.895431 20 0 19.1046 0 18V5.66667Z'/%3E%3C/mask%3E%3Cpath d='M0 5.66667C0 5.29848 0.298477 5 0.666667 5H15.3333C15.7015 5 16 5.29848 16 5.66667V18C16 19.1046 15.1046 20 14 20H2C0.895431 20 0 19.1046 0 18V5.66667Z' stroke='white' stroke-width='2' mask='url(%23path-1-inside-1_1884_56698)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 9.09028V4C11 2.34315 9.65685 1 8 1C6.34315 1 5 2.34315 5 4V9.09028H4V4C4 1.79086 5.79086 0 8 0C10.2091 0 12 1.79086 12 4V9.09028H11Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

@media (hover: hover) {
    .catalog-product-card:hover {
        background: linear-gradient(180deg, #fdeec7 0%, #fde4dc 100%);
    }
}

.catalog-product-card__tags {
    position: absolute;
    top: 30px;
    left: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    z-index: 1;
}

.catalog-product-card__tag {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 5px 10px;
    border-radius: 30px;
}

.catalog-product-card__image {
    width: 100%;
    height: 333px;
    object-fit: cover;
    border-radius: 60px;
    background: linear-gradient(180deg, #d8e2eb 0%, #c4d1da 100%);
}

.catalog-product-card__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 30px;
}

.catalog-product-card__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.catalog-product-card__info-r {
    display: flex;
    gap: 20px;
    align-items: center;
}

.catalog-product-card__button {
    width: fit-content;
    height: 56px;
}

.catalog-product-card__button_count {
    border-radius: 30px;
    background: var(--Chocolad, #593630);
    padding: 15px 20px;
    color: #fff;
    text-align: center;
    display: flex;
    gap: 5px;
    width: fit-content;
}

.catalog-product-card__button-mob {
    display: none;
}

@media screen and (max-width: 1439px) {
    .product-card__image_type_big {
        height: 340px;
    }
}

@media (max-width: 1023px) {
    .product-card__content {
        padding: 0 20px;
    }

    .catalog-product-card__mini-basket-button {
        display: block;
    }

    .catalog-product-card__button-dt {
        display: none;
    }

    .catalog-product-card__button-mob {
        display: block;
    }

    .catalog-product-card__button,
    .catalog-product-card__button_count,
    .product-card__button {
        width: 100% !important;
    }

    .product-card {
        height: 438px;
    }

    .product-card,
    .catalog-product-card {
        gap: 20px;
        padding-bottom: 30px;
        border-radius: 30px;
    }

    .catalog-product-card__image,
    .product-card__image {
        border-radius: 30px;
        height: 256px;
    }

    .product-card__image_type_big {
        height: 260px;
    }

    .product-card__tags,
    .catalog-product-card__tags {
        top: 20px;
        left: 20px;
    }

    .product-card__tag,
    .catalog-product-card__tag {
        border-radius: 23.063px;
    }

    .catalog-product-card_grid .catalog-product-card__button-mob {
        display: none;
    }

    .catalog-product-card_grid .catalog-product-card__content {
        padding: 0;
    }

    .catalog-product-card_grid .catalog-product-card__image {
        height: 150px;
    }

    .catalog-product-card_grid .catalog-product-card__tags {
        position: absolute;
        top: 15px;
        left: 15px;
    }

    .catalog-product-card_grid .catalog-product-card__tag {
        padding: 0 5px;
        font-size: 8px;
        height: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1;
    }
}

/*=============================================
    END PRODUCT-CARD
=============================================*/

/*=============================================
    START POPULAR
=============================================*/
.popular__cards {
    display: flex;
    gap: 20px;
}

/*=============================================
    END POPULAR
=============================================*/

/*=============================================
    START PRODUCT-LIST
=============================================*/
.product-list-card {
    width: 415px;
    flex-shrink: 0;
}

@media (max-width: 1439px) {
    .product-list-card {
        width: 418px;
    }
}

@media (max-width: 1023px) {
    .product-list-card {
        width: 235px;
    }

    .product-list-card .catalog-product-card__image {
        height: 256px;
    }
}

.product-list {
    row-gap: 6rem;
    column-gap: 2rem;
    display: flex;
    gap: 4rem;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 1260px) {
    .product-list {
        gap: 6rem;
    }

    .product-list__nav {
        display: none;
    }
}

/*=============================================
    START PRODUCT-LIST
=============================================*/

/*=============================================
    START PRODUCT-ITEM
=============================================*/
.product-item {
    border-radius: 3rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 3rem;
    overflow: hidden;
}

.product-item:hover {
    background: linear-gradient(180deg, #fdeec7 0%, #fde4dc 100%);
}

.product-item__wrap-photo {
    position: relative;
    height: 25.6rem;
    overflow: hidden;
    border-radius: 3rem;
}

.product-item__tags {
    position: absolute;
    top: 0;
    padding: 3rem;
    z-index: 1;
}

.product-item__photo {
    border-radius: 3rem;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.product-item__tag {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0.5rem 1rem;
    border-radius: 3rem;
    display: inline-block;
}

.product-item__data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 0 3rem;
    align-items: center;
}

.product-item__data a {
    grid-column: 1 / -1;
}

.product-item__name {
    grid-column: 1 / -1;
}

.product-item__price {
    grid-column: 1;
    white-space: nowrap;
}

.product-item__prop {
    grid-column: 2;
    margin: 0 0 0 auto;
}

.product-item__button {
    white-space: nowrap;
    grid-column: 1 / -1;
    margin-top: 1rem;
}

@media (min-width: 1260px) {
    .product-item {
        border-radius: 6rem;
        gap: 4rem;
        padding-bottom: 4rem;
    }

    .product-item_slide {
        width: 41.8rem;
    }

    .product-item__wrap-photo {
        height: 33.3rem;
        border-radius: 6rem;
    }

    .product-item__photo {
        min-height: 33.3rem;
    }

    .product-item__data {
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 2rem;
        row-gap: 2rem;
    }

    .product-item__button {
        grid-column: 3;
        margin-top: unset;
    }

    .product-item_view-2 .product-item__prop {
        grid-column: 3;
    }

    .product-item_view-2 .product-item__button {
        grid-column: 1;
    }
}

@media (min-width: 1900px) {
    .product-item_inspiring .product-item__wrap-photo {
        height: 45rem;
    }

    .product-item_inspiring .product-item__photo {
        min-height: 45rem;
    }
}

/*=============================================
    END PRODUCT-ITEM
=============================================*/

/*=============================================
    START INSPIRING PRODUCTS
=============================================*/
.exclusive__cards {
    display: flex;
    gap: 20px;
}

.exclusive__preview-card {
    background: linear-gradient(180deg, #fdc7d7 0%, #fde4dc 100%);
    padding: 50px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 560px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.exclusive__preview-card_mob {
    display: none;
}

.exclusive__preview-card-title {
    color: var(--Chocolad, #593630);
    font-family: Comfortaa;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.exclusive__preview-card img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    object-fit: contain;
    max-width: 100%;
}

.exclusive__product-card {
    width: 560px;
    flex-shrink: 0;
    min-height: 654px;
    height: auto;
}

@media (max-width: 1439px) {
    .exclusive__preview-card {
        width: 418px;
        height: 580px;
        gap: 30px;
    }

    .exclusive__product-card {
        width: 422px;
        min-height: 580px;
    }

    .exclusive__preview-card img {
        bottom: -40px;
    }
}

@media (max-width: 1023px) {
    .exclusive__preview-card_mob {
        display: flex;
        margin-top: 40px;
    }

    .exclusive__preview-card_dt {
        display: none;
    }

    .exclusive__preview-card {
        width: 100%;
        height: 460px;
        gap: 20px;
        padding: 30px;
    }

    .exclusive__preview-card-title {
        font-size: 20px;
        line-height: 30px;
    }

    .exclusive__product-card {
        width: 235px;
        min-height: 460px;
    }

    .exclusive__preview-card img {
        max-height: 340px;
        object-position: left bottom;
    }
}

.inspiring-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.inspiring-preview {
    background: linear-gradient(180deg, #fdc7d7 0%, #fde4dc 100%);
    padding: 30px;
    max-height: 654px;
    border-radius: 3rem;
    display: flex;
    gap: 2rem;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.inspiring-preview:after {
    content: " ";
    background-image: url(../assets/img/inspiring_preview.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    height: 100%;
    width: 100%;
    max-height: 15rem;
    max-width: 56rem;
    margin: auto;
}

.inspiring-preview__title {
    font-size: 2rem;
    line-height: 3rem;
    color: var(--chocolad);
    font-weight: 700;
    margin: 0;
}

.inspiring-preview__desc {
    margin: 0;
}

@media (min-width: 1260px) {
    /* .inspiring-products {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          gap: 1.6rem;
      } */
    .inspiring-preview {
        gap: 3rem;
        padding: 5rem 5rem 16rem 5rem;
    }

    .inspiring-preview:after {
        max-height: 19rem;
        bottom: -3rem;
    }

    .inspiring-preview__title {
        font-size: 3rem;
        line-height: 4rem;
    }
}

@media (min-width: 1900px) {
    .inspiring-preview {
        padding: 5rem 5rem 32rem 5rem;
    }

    .inspiring-preview:after {
        max-height: 31rem;
    }
}

/*=============================================
    END INSPIRING PRODUCTS
=============================================*/

/*=============================================
    START FRAME
=============================================*/
.frame {
    position: relative;
    cursor: pointer;
}

.frame__play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: 0.3s;
}

.frame:hover .frame__play-btn {
    opacity: 1;
}

.frame__preview {
    width: 100%;
}

@media (max-width: 1023px) {
    .frame__preview {
        min-height: 180px;
        object-fit: cover;
    }

    .frame__play-btn {
        opacity: 1;
        width: 60px;
        height: 60px;
    }
}

/*=============================================
    END FRAME
=============================================*/

/*=============================================
    START ACHIEVEMENT
=============================================*/
.achievements {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 5rem;
    padding: 154px 0;
    justify-content: space-between;
}

.achievement {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
    position: relative;
}

.achievements .achievement:nth-child(3) {
    grid-column: 1 / -1;
    align-items: center;
    width: 50%;
    margin: auto;
}

.achievement__val {
    /* font-size: 20rem;
      line-height: 16.5rem;
      font-family: "Great Vibes";
      font-weight: 400;
      color: var(--chocolad); */
    color: var(--chocolad, #593630);
    text-align: center;
    font-feature-settings: "liga" off, "clig" off;
    font-family: "Great Vibes";
    font-size: 295px;
    font-weight: 400;
    line-height: 220px;
    /* letter-spacing: -21px; */
}

.achievement__k {
    color: var(--chocolad, #593630);
    text-align: center;
    font-feature-settings: "liga" off, "clig" off;
    font-family: "Comfortaa";
    font-size: 170px;
    font-weight: 400;
}

.achievement__title {
    font-size: 4.5rem;
    line-height: 4rem;
    font-weight: 700;
    color: var(--main-pink-4);
}

.achievement__title {
    color: var(--Pink-2, #e1307e);
    font-feature-settings: "liga" off, "clig" off;
    font-family: Comfortaa;
    font-size: 65px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
}

.achievement__hidden-item {
    position: absolute;
    width: 140px;
    height: 140px;
    flex-shrink: 0;
    border-radius: 30px;
    opacity: 0;
    transition: 0.3s;
}

.achievement__hidden-item_1 {
    top: -85px;
    left: 45%;
}

.achievement__hidden-item_2 {
    top: 95%;
    left: 0;
}

.achievement__hidden-item_3 {
    left: 40%;
    top: 60%;
}

/*.achievement:hover .achievement__hidden-item {
  opacity: 1;
}*/
@media (max-width: 1439px) {
    .achievements {
        padding: 154px 0 125px;
    }
}

@media (max-width: 1279px) {
    .achievement__hidden-item {
        display: none;
    }
}

@media (max-width: 1023px) {
    .achievements {
        padding: 0;
    }

    .achievement__val {
        font-size: 93px;
        line-height: 77px;
        letter-spacing: 0;
    }

    .achievement__k {
        font-size: 57px;
    }

    .achievement__title {
        font-size: 21px;
        line-height: 18px;
    }
}

@media (min-width: 1260px) {
    /* .achievements {
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-template-rows: auto auto;
          gap: 5rem;
          padding: 15rem 0;
      } */
    .achievement {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        justify-content: center;
        flex-basis: 33.3333%;
    }

    .achievements .achievement:nth-child(3) {
        grid-column: 1 / -1;
        align-items: center;
    }

    .achievement__title {
        text-align: left;
        font-size: 6.5rem;
        line-height: 5rem;
    }

    /* .achievement__val {
          font-size: 29.5rem;
          line-height: 22rem;
      } */
}

@media (min-width: 1900px) {
    .achievements {
        display: flex;
        flex-direction: row;
    }
}

/*=============================================
    END ACHIEVEMENT
=============================================*/

/*=============================================
    START RUN LINE
=============================================*/
@keyframes running_anim {
    from {
        left: 20%;
    }
    to {
        left: -100%;
    }
}

.marquee-section {
    display: flex;
    gap: 100px;
    overflow: hidden;
    transition: all .3s linear;
    width: 100%;
    z-index: 1;
}

.marquee {
    display: flex;
    align-items: center;
    gap: 50px;
    animation: marquee-scroll 1000s linear infinite;
}

@keyframes marquee-scroll {
    0% {
        transform: translate(0);
    }
    100% {
        transform: translate(calc(-100% - 100px));
    }
}

.running-stroke {
    overflow: hidden;
    position: relative;
    height: 100px;
}

.running-stroke__slider {
    display: flex;
    gap: 60px;
    flex-shrink: 0;
    position: absolute;
    left: 20%;
    top: 0;
    height: 100px;
    animation: running_anim 10s linear infinite;
}

.run-item {
    display: flex;
    align-items: center;
    gap: 4rem;
    padding-right: 4rem;
    width: fit-content;
}

.run-item__title {
    font-size: 4rem;
    line-height: 5rem;
    font-family: "Great Vibes";
    white-space: nowrap;
}

.run-item__preview {
    width: 13.4rem;
    height: 10rem;
    border-radius: 5rem;
}

@media (max-width: 1023px) {
    .run-item__preview {
        width: 100px;
        height: 74px;
    }
}

@media (min-width: 1260px) {
    .run-item__title {
        font-size: 6rem;
        line-height: 7rem;
    }
}

@media (min-width: 1260px) {
    .run-item {
        gap: 6rem;
        padding-right: 6rem;
    }
}

/*=============================================
    END RUN LINE
=============================================*/

/*=============================================
    START GIFT
=============================================*/
.gift__img-arc {
    grid-column: 1 / span 5;
    border-radius: 500px 500px 0px 0px;
    background: linear-gradient(180deg, #fdc7d7 0%, #fde4dc 100%);
    display: flex;
    justify-content: center;
    min-height: 895px;
}

.gift__img {
    position: relative;
    transform: translateY(120px);
    max-width: 100%;
}

.gift__content {
    grid-column: 7 / span 4;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
    padding-top: 264px;
}

.gift__content-subtitle {
    width: 75%;
}

.gift__content-button {
    position: absolute;
    right: -150px;
    bottom: 30%;
    transform: rotate(18.551deg);
}

@media (max-width: 1439px) {
    .gift__img-arc {
        grid-column: 1 / span 4;
        border-radius: 404.965px 404.965px 0px 0px;
        min-height: 725px;
    }

    .gift__img {
        transform: translateY(57px);
    }

    .gift__content {
        grid-column: 5 / -1;
        padding-top: 202px;
    }

    .gift__content-subtitle {
        width: 100%;
    }

    .gift__content-button {
        position: static;
        right: auto;
        bottom: auto;
        align-self: flex-end;
        margin-top: 40px;
    }
}

@media (max-width: 1023px) {
    .gift__img-arc {
        grid-column: 1 / -1;
        grid-row: 2;
        border-radius: 227.03px 227.03px 0px 0px;
        min-height: 406px;
        margin-top: 20px;
    }

    .gift__img {
        transform: translateY(27px);
    }

    .gift__content {
        grid-column: 1 / -1;
        padding-top: 0;
        gap: 20px;
    }

    .gift__content-button {
        align-self: center;
        margin-top: 20px;
        transform: rotate(-20deg) scale(0.7);
    }
}

/* .gift {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.gift__column-1 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.gift__3 {
    display: flex;
    justify-content: center;
    rotate: -20deg;
}
.gift__4 {

}
.gift__desc {
    margin: 0;
    color: var(--chocolad);
}

.gift__pict {
    width: 100%;
} */

/* @media (min-width: 1260px) {
    .gift {
        flex-direction: row-reverse;
    }
    .gift__column-1 {
        justify-content: center;
    }
    .gift__column-1,
    .gift__column-2 {
        width: 50%;
    }
    .gift__3 {
        rotate: 18.55deg;
        margin: 0 0 0 auto;
        padding-top: 4rem;
    }
}

@media (min-width: 1900px) {
    .gift {
        gap: 16.5rem;
    }
    .gift__1 {
        max-width: 56rem;
    }
    .gift__2 {
        max-width: 41.5rem;
    }
    .gift__3 {
        margin-top: -10rem;
        padding-top: unset;
    }
} */

/*=============================================
    START GIFT
=============================================*/

/*=============================================
    START ICON
=============================================*/
.icon {
    width: 3.6rem;
    height: 3.6rem;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.icon_wt {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1236_9863' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 14.2353 2.73339 16.2993 3.97268 17.9644L2.67675 21.3258L6.03865 20.0296C7.7033 21.2675 9.76611 22 12 22Z'/%3E%3C/mask%3E%3Cpath d='M3.97268 17.9644L4.90574 18.3242L5.10408 17.8097L4.77489 17.3674L3.97268 17.9644ZM2.67675 21.3258L1.7437 20.966L0.932546 23.07L3.03648 22.2588L2.67675 21.3258ZM6.03865 20.0296L6.63538 19.2272L6.19314 18.8983L5.67892 19.0966L6.03865 20.0296ZM21 12C21 16.9706 16.9706 21 12 21V23C18.0751 23 23 18.0751 23 12H21ZM12 3C16.9706 3 21 7.02944 21 12H23C23 5.92487 18.0751 1 12 1V3ZM3 12C3 7.02944 7.02944 3 12 3V1C5.92487 1 1 5.92487 1 12H3ZM4.77489 17.3674C3.65964 15.8689 3 14.0129 3 12H1C1 14.4576 1.80715 16.7296 3.17046 18.5615L4.77489 17.3674ZM3.60981 21.6855L4.90574 18.3242L3.03962 17.6047L1.7437 20.966L3.60981 21.6855ZM5.67892 19.0966L2.31702 20.3927L3.03648 22.2588L6.39838 20.9627L5.67892 19.0966ZM12 21C9.98833 21 8.13343 20.3412 6.63538 19.2272L5.44193 20.8321C7.27318 22.1938 9.5439 23 12 23V21Z' fill='%232E2E2E' mask='url(%23path-1-inside-1_1236_9863)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.15737 8.02519C8.63463 8.16465 8.15585 8.56364 8.03262 9.06242C7.73911 10.25 9.50325 12.534 10.2486 13.3643C10.5665 13.7184 10.9803 14.0673 11.3847 14.387C12.0049 14.8774 13.4224 15.7577 14.2059 15.9703C14.8058 16.1331 15.4715 15.5868 15.6668 15.3162C16.3361 14.3891 15.9463 14.1592 14.9501 13.4404C12.616 11.756 14.0288 14.9926 11.3686 12.981C11.2232 12.8711 10.9623 12.5818 10.8516 12.4398C10.6924 12.2354 10.5692 12.0274 10.4363 11.7554C9.99613 10.8548 10.654 10.7894 10.9563 10.3867C11.3461 9.86713 10.2741 8.601 9.95738 8.29363C9.79375 8.1349 9.52463 7.92733 9.15749 8.02525L9.15737 8.02519Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}

.icon_tg {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.34878 7.83904C1.34878 7.83904 11.0789 3.88771 14.4534 2.49634C15.747 1.93984 20.134 0.158893 20.134 0.158893C20.134 0.158893 22.1588 -0.620205 21.99 1.27197C21.9337 2.05114 21.4838 4.77811 21.0339 7.72774C20.3589 11.9018 19.6278 16.4653 19.6278 16.4653C19.6278 16.4653 19.5153 17.7453 18.5592 17.9679C17.6031 18.1905 16.0282 17.1888 15.747 16.9662C15.522 16.7993 11.5288 14.2948 10.0665 13.0704C9.67274 12.7365 9.22283 12.0687 10.1227 11.2896C12.1475 9.45301 14.5659 7.17124 16.0282 5.72427C16.7032 5.05639 17.378 3.49812 14.5659 5.39029C10.5727 8.11733 6.63564 10.6774 6.63564 10.6774C6.63564 10.6774 5.73572 11.2339 4.04845 10.733C2.3611 10.2322 0.392589 9.56431 0.392589 9.56431C0.392589 9.56431 -0.957168 8.72952 1.34878 7.83904Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}

.icon__basket {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 7C4.5 6.72386 4.72386 6.5 5 6.5H19C19.2761 6.5 19.5 6.72386 19.5 7V18C19.5 19.3807 18.3807 20.5 17 20.5H7C5.61929 20.5 4.5 19.3807 4.5 18V7Z' stroke='%232E2E2E'/%3E%3Cmask id='path-2-inside-1_1207_14879' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 10.0909V5C15 3.34315 13.6569 2 12 2C10.3431 2 9 3.34315 9 5V10.0909H8V5C8 2.79086 9.79086 1 12 1C14.2091 1 16 2.79086 16 5V10.0909H15Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 10.0909V5C15 3.34315 13.6569 2 12 2C10.3431 2 9 3.34315 9 5V10.0909H8V5C8 2.79086 9.79086 1 12 1C14.2091 1 16 2.79086 16 5V10.0909H15Z' fill='%232E2E2E'/%3E%3Cpath d='M15 10.0909H14V11.0909H15V10.0909ZM9 10.0909V11.0909H10V10.0909H9ZM8 10.0909H7V11.0909H8V10.0909ZM16 10.0909V11.0909H17V10.0909H16ZM16 10.0909V5H14V10.0909H16ZM16 5C16 2.79086 14.2091 1 12 1V3C13.1046 3 14 3.89543 14 5H16ZM12 1C9.79086 1 8 2.79086 8 5H10C10 3.89543 10.8954 3 12 3V1ZM8 5V10.0909H10V5H8ZM8 11.0909H9V9.09091H8V11.0909ZM7 5V10.0909H9V5H7ZM12 0C9.23858 0 7 2.23858 7 5H9C9 3.34315 10.3431 2 12 2V0ZM17 5C17 2.23858 14.7614 0 12 0V2C13.6569 2 15 3.34315 15 5H17ZM17 10.0909V5H15V10.0909H17ZM15 11.0909H16V9.09091H15V11.0909Z' fill='%232E2E2E' mask='url(%23path-2-inside-1_1207_14879)'/%3E%3C/svg%3E%0A");
}

.icon__sandwitch {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7H20' stroke='%232E2E2E' stroke-linecap='round'/%3E%3Cpath d='M4 12H20' stroke='%232E2E2E' stroke-linecap='round'/%3E%3Cpath d='M4 17H20' stroke='%232E2E2E' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.icon_close {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4L20 20' stroke='%232E2E2E' stroke-linecap='round'/%3E%3Cpath d='M4 20L20 4' stroke='%232E2E2E' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

/*=============================================
    END ICON
=============================================*/

/*=============================================
    START PAGE-HERO
=============================================*/

.page-hero {
    background-size: cover;
    height: 676px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-hero_light {
    color: white;
}

.page-hero__subtitle {
    margin-top: 20px;
    max-width: 560px;
}

.page-hero__btn {
    margin-top: 40px;
    display: inline-block;
    min-width: 415px;
    text-align: center;
}

@media (max-width: 1439px) {
    .page-hero {
        height: 632px;
    }
}

@media (max-width: 1023px) {
    .page-hero {
        height: 580px;
        justify-content: flex-start;
        padding-top: 40px;
    }

    .page-hero__btn {
        min-width: 100%;
    }
}

/*=============================================
    END PAGE-HERO
=============================================*/

/*=============================================
    START UI
=============================================*/

.primary-button {
    color: white;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    cursor: pointer;
    height: 56px;
    transition: 0.3s;
    border-radius: 30px;
    background: var(
            --Pink,
            linear-gradient(0deg, #f3669a 0%, #f3669a 100%),
            linear-gradient(0deg, #cd2b67 0%, #cd2b67 100%),
            #e5097f
    );
}

.primary-button:hover {
    background: var(--сhocolad, #593630);
}

.outlined-button {
    border-radius: 30px;
    border: 1px solid var(--Pink, #e5097f);
    color: var(--Pink, #e5097f);
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    cursor: pointer;
    padding: 0 20px;
}

.outlined-button:hover {
    color: white;
    background-color: var(--Pink, #e5097f);
}

.show-more-button {
    border-radius: 30px;
    transition: 0.3s;
    height: 56px;
    width: 385px;
    max-width: 100%;
    justify-content: center;
    align-items: center;
    color: var(--Black, #2e2e2e);
    border: 1px solid #ffeee9;
}

.show-more-button:hover {
    border-radius: 30px;
    color: var(--Pink, #e5097f);
    border: 1px solid var(--Pink-2, #e1307e);
}

.config-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--Light-grey, #cac3c3);
    cursor: pointer;
    height: 46px;
    border-radius: 30px;
    padding: 0 20px;
    position: relative;
}

.config-button_active {
    border: 2px solid var(--Pink, #e5097f);
    background: var(--white-opacity-50, rgba(255, 255, 255, 0.5));
}

.config-button_disabled {
    color: var(--Light-grey, #cac3c3);
    border: 2px solid transparent;
    background-color: white;
}

.config-button_catalog {
    border: 2px solid transparent;
    background-color: white;
}

.config-button_catalog-active {
    border: 2px solid var(--Pink, #e5097f);
    background: white;
}

.big-tag {
    padding: 5px 10px;
    border-radius: 50px;
    border: 1px solid #cac3c3;
    color: #2e2e2e;
    transition: 0.3s;
    cursor: pointer;
}

@media (hover: hover) {
    .big-tag:hover {
        border: 1px solid #cac3c3;
        color: white;
        background: #e5097f;
    }
}

.input-wrapper {
    position: relative;
    height: 52px;
}

.input-wrapper_textarea {
    height: 112px;
}

.input-field {
    border: none;
    outline: none;
    transition: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    background: #fff;
    border-radius: 30px;
    font-family: Comfortaa;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    color: var(--Grey, #626262);
    caret-color: #e1307e;
    border: 2px solid white;
}

.input-field:hover {
    border: 2px solid #e1307e;
}

.input-field:not(:placeholder-shown) {
    border: 2px solid var(--Light-grey, #cac3c3);
}

.input-field:focus ~ .placeholder,
.input-field:not(:placeholder-shown) ~ .placeholder {
    transform: translateY(-15px) scale(0.75);
}

.input-field__required {
    color: #e1307e;
}

.placeholder {
    color: var(--Grey, #626262);
    position: absolute;
    top: 16px;
    left: 20px;
    pointer-events: none;
    transform-origin: 0 50%;
    transition: transform 200ms, color 200ms;
}

textarea {
    padding-top: 16px;
    resize: none;
    background-color: transparent;
}

.input-file {
    display: none;
}

.input-file-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: 1px solid var(--White, #fff);
    height: 100%;
    cursor: pointer;
    padding: 15px 16px;
}

.input-file-label__text {
    color: var(--Grey, #626262);
    text-align: center;
}

.input-file-label__attach-icon {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.textarea {
    padding: 16px 20px;
    border-radius: 30px;
    border: 2px solid var(--Light-grey, #cac3c3);
    color: var(--Grey, #626262);
    transition: 0.3s;
    outline: none;
}

.textarea_bg-white {
    background: #fff;
}

.textarea:hover {
    border: 2px solid #e1307e;
}

.check__box {
    position: relative;
    width: 30px;
    height: 30px;
    border: 2px solid #e1307e;
    border-radius: 5px;
    box-shadow: 0px 2px 3px 0px #0000000d inset;
    box-sizing: border-box;
    transition: all 200ms ease-in-out;
    overflow: hidden;
    cursor: pointer;
    margin-right: 15px;
}

.check__input:checked:hover + .check__box::before {
    background-color: #e1307e;
}

.check__input:checked + .check__box::before {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: all 200ms ease-in-out;
}

.check__box::before {
    content: "";
    opacity: 0;
    visibility: hidden;
    background-color: #e1307e;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.78182 0.721623C10.0747 1.01452 10.0747 1.48939 9.78182 1.78228L3.78182 7.78228C3.48893 8.07518 3.01405 8.07518 2.72116 7.78228L0.21967 5.28079C-0.0732232 4.9879 -0.0732234 4.51303 0.21967 4.22013C0.512563 3.92724 0.987437 3.92724 1.28033 4.22013L3.25149 6.19129L8.72116 0.721623C9.01405 0.42873 9.48893 0.42873 9.78182 0.721623Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform: translateY(4px);
    transition: transform 0ms linear, opacity 50ms ease-in-out;
}

.check__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.form__checkbox-label {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}

/*=============================================
    END UI
=============================================*/

/*=============================================
    START DATE-MODAL
=============================================*/
.select-date-modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(34, 34, 34, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.select-date-modal__panel {
    padding: 40px;
    display: flex;
    flex-direction: column;
    width: 706px;
    max-height: 95vh;
    position: relative;
    border-radius: 30px;
    background: var(
            --beige,
            linear-gradient(0deg, #ffeee9 0%, #ffeee9 100%),
            linear-gradient(
                    0deg,
                    rgba(255, 82, 39, 0.1) 0%,
                    rgba(255, 82, 39, 0.1) 100%
            ),
            #fff
    );
}

.edit-product-modal__panel {
    display: flex;
    flex-direction: column;
    width: 706px;
    max-height: 95vh;
    position: relative;
    border-radius: 30px;
    background: var(
            --beige,
            linear-gradient(0deg, #ffeee9 0%, #ffeee9 100%),
            linear-gradient(
                    0deg,
                    rgba(255, 82, 39, 0.1) 0%,
                    rgba(255, 82, 39, 0.1) 100%
            ),
            #fff
    );
  overflow-y: auto;
}
.edit-product-modal__content {
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.select-date-modal__close {
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
}

.select-date-modal__switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 30px;
    padding: 5px;
    background-color: white;
}

.select-date-modal__switch-btn {
    border-radius: 30px;
    height: 40px;
    cursor: pointer;
}

.select-date-modal__switch-btn_active {
    color: white;
    cursor: default;
    background: var(
            --Pink,
            linear-gradient(0deg, #f3669a 0%, #f3669a 100%),
            linear-gradient(0deg, #cd2b67 0%, #cd2b67 100%),
            #e5097f
    );
}

.select-date-modal__form {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.select-date-modal__form-input {
    border-radius: 30px;
    outline: none;
    background-color: transparent;
    display: block;
    min-height: 46px;
    width: 100%;
    border: 2px solid var(--Light-grey, #cac3c3);
    padding: 0 20px;
    transition: 0.3s;
    flex: 1;
}

.select-date-modal__form-input:hover,
.select-date-modal__form-input:focus {
    border: 2px solid #e1307e;
}

.select-date-modal__form-input::placeholder {
    color: var(--Grey, #626262);
    font-family: Comfortaa;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.select-date-modal__content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: calc(100% - 40px);
    overflow-y: auto;
}

.select-date-modal__content::-webkit-scrollbar {
    display: none;
}

.select-date-modal__map {
    height: 325px;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
}

.select-date-modal__button {
    width: fit-content;
}

.select-date-modal__date {
    margin: 0 auto;
}

.select-date-modal__datepicker {
    width: 465px;
    padding: 0 20px;
    margin: 0 auto;
}

@media (max-width: 759px) {
    .select-date-modal__panel {
        padding: 40px 20px;
        width: calc(100vw - 40px);
        max-height: 95vh;
        overflow-y: auto;
        border-radius: 30px;
    }

    .select-date-modal__panel::-webkit-scrollbar {
        display: none;
    }

    .select-date-modal__close {
        top: 40px;
        right: 20px;
    }

    .select-date-modal__content {
        height: auto;
        overflow-y: unset;
    }

    .select-date-modal__form {
        flex-direction: column;
    }

    .select-date-modal__form-input::placeholder {
        font-size: 12px;
        line-height: 16px;
    }

    .select-date-modal__map {
        height: 330px;
    }

    .select-date-modal__datepicker,
    .select-date-modal__button {
        width: 100%;
    }

    .select-date-modal__datepicker {
        padding: 0;
    }
}

/*=============================================
    END DATE-MODAL
=============================================*/
/*=============================================
    START 404
=============================================*/
.error-page {
    padding-bottom: 94px;
}

.error-page__img {
    grid-column: 3 / span 4;
    height: 802px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 500px 500px 0px 0px;
    background: var(
            --Pink-gradient,
            linear-gradient(180deg, #fdc7d7 0%, #fde4dc 100%)
    );
}

.error-page__img img {
    position: relative;
    transform: translateY(160px);
    max-width: 100%;
    object-fit: contain;
}

.error-page__mainpage-link {
    margin-top: 40px;
    transform: rotate(20deg);
    align-self: flex-end;
}

.error-page__content {
    grid-column: 8 / span 3;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 228px;
}

.error-page__text {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (max-width: 1439px) {
    .error-page {
        padding-bottom: 54px;
    }

    .error-page__img {
        grid-column: 1 / span 4;
    }

    .error-page__img img {
        transform: translateY(120px);
    }

    .error-page__mainpage-link {
        align-self: center;
    }

    .error-page__content {
        grid-column: 5 / -1;
    }
}

@media (max-width: 1279px) {
    .error-page {
        padding-bottom: 90px;
    }

    .error-page__img {
        grid-column: 1 / -1;
        grid-row: 2 / 3;
        height: 460px;
        border-radius: 286.272px 286.272px 0px 0px;
        margin-top: 40px;
    }

    .error-page__img img {
        transform: translateY(90px);
    }

    .error-page__mainpage-link {
        align-self: center;
        transform: rotate(-20deg);
    }

    .error-page__content {
        grid-row: 1 / 2;
        grid-column: 1 / -1;
        margin-top: 0;
        gap: 20px;
    }

    .error-page__text {
        gap: 20px;
    }
}

/*=============================================
    END 404
=============================================*/
/*=============================================
    START SEARCH
=============================================*/
.search-page__input {
    grid-column: 1 / span 6;
    position: relative;
}

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

.search-input {
    border: 2px solid #cac3c3;
    border-radius: 30px;
    padding: 14px 20px;
    width: 100%;
    outline: none;
    transition: 0.3s;
    caret-color: var(--Pink-2, #e1307e);
    background-color: transparent;
}

.search-input:focus {
    border-color: var(--Pink-2, #e1307e);
}

.search-input:hover:not(:focus) {
    border-color: var(--Pink-2, #e1307e);
}

.search-input.has-text {
    border-color: var(--Pink-2, #e1307e);
}

.search-input__icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.search-input__clear-icon {
    position: absolute;
    right: 76px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.search-input:focus ~ .search-input__icon path {
    stroke: var(--Pink-2, #e1307e);
}

.search-input.has-text ~ .search-input__icon path {
    stroke: #593630;
}

.search-input:hover:not(:focus) ~ .search-input__icon path {
    stroke: #593630;
}

.search-input__info {
    position: absolute;
    left: 20px;
    top: calc(100% + 2px);
}

.search-results {
    position: absolute;
    left: 0;
    top: calc(100% + 5px);
    width: 100%;
    background-color: white;
    padding: 40px;
    border-radius: 30px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    z-index: 10;
}

.search-result {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
}

.search-result::after {
    content: "";
    transition: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 1;
    opacity: 0;
    background: var(
            --Pink-gradient,
            linear-gradient(180deg, #fdc7d7 0%, #fde4dc 100%)
    );
}

.search-result:hover::after {
    opacity: 1;
}

.search-result__img {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
    z-index: 2;
}

.search-result p {
    z-index: 2;
}

.search-page-results {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.search-page-result {
    display: flex;
    gap: 20px;
    align-items: center;
}

.search-page-result__img {
    width: 125px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
}

.test-margin {
    margin-top: 200px;
}

@media (max-width: 1439px) {
    .search-page__input {
        grid-column: 1 / span 4;
    }
}

@media (max-width: 1023px) {
    .search-page__input {
        grid-column: 1 / -1;
    }

    .search-results {
        padding: 20px;
    }

    .search-page-result__img {
        width: 150px;
    }
}

/*=============================================
    END SEARCH
=============================================*/

/* SCROLL */

.scrollable-content {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

.scrollable-content::-webkit-scrollbar {
    display: none; /* Chrome, Safari, and Opera */
}

.scrollable-content > div {
    user-select: none;
}

/* PRELOADER */

.ajax-preloader-wrap.ajax-preloader--animated {
    position: relative;
    z-index: 10000;
}

.ajax-preloader {
    position: fixed;
    z-index: 100;
    width: 300px;
    height: 300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ajax-preloader-m {
    position: relative;
    width: 164px;
    height: 164px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.ajax-preloader-m::before,
.ajax-preloader-m::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #6b2b21;
    left: 50%;
    top: 50%;
    animation: rotate 1s ease-in infinite;
}

.ajax-preloader-m::after {
    width: 20px;
    height: 20px;
    background-color: #e5097f;
    animation: rotate 1s ease-in infinite, moveY 1s ease-in infinite;
}

@keyframes moveY {
    0%,
    100% {
        top: 10%;
    }
    45%,
    55% {
        top: 59%;
    }
    60% {
        top: 40%;
    }
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -100%) rotate(0deg) scale(1, 1);
    }
    25% {
        transform: translate(-50%, 0%) rotate(180deg) scale(1, 1);
    }
    45%,
    55% {
        transform: translate(-50%, 100%) rotate(180deg) scale(3, 0.5);
    }
    60% {
        transform: translate(-50%, 100%) rotate(180deg) scale(1, 1);
    }
    75% {
        transform: translate(-50%, 0%) rotate(270deg) scale(1, 1);
    }
    100% {
        transform: translate(-50%, -100%) rotate(360deg) scale(1, 1);
    }
}

/* .ajax-preloader--animated .ajax-preloader-m {
  animation: preloaderm 3s linear infinite;
}
@keyframes preloaderm {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} */

.ajax-preloader-shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    top: 0;
    left: 0;
    z-index: 80;
}