/*!
Theme Name: Kava Child
Theme URI:
Author: Zemez
Author URI:
Description: Kava child theme.
Template: kava
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kava-child
*/

:root {
    --e-global-color-primary: #000000 !important;
}

.html {
    font-family: Cormorant, sans-serif !important;
}

#masthead > div > section {
    padding: 0 0.9375rem !important;
}

a.elementor-item {
    color: #2E3741 !important;

    &:hover {
        color: #000 !important;
    }
}

.elementor-1463 .elementor-element.elementor-element-03e7ed5 .jet-blocks-cart__count {
    background-color: #EBECE7 !important;
    color: #444444 !important;
    font-size: 14px !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    margin: -24px 0px 0px -12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
}

.site-footer {
    height: fit-content;
    background: #2A3235;

    .container {
        max-width: 1260px;
        display: flex;
        justify-content: space-between;

        .left {
            width: 42%;
            max-width: 512px;
            display: flex;
            flex-direction: column;

            .title {
                margin-top: 140px;
                font-family: Cormorant;
                font-weight: 700;
                font-size: 80px;
                line-height: 100%;
                vertical-align: middle;
                color: #fff;
            }

            .card.mail {
                margin-top: 40px;
                margin-bottom: 8px;
            }

            .card.instagram {
                margin-top: 8px;
            }

            .card {
                color: #fff;
                background: #39454A;
                padding: 24px;
                display: flex;
                flex-direction: column;
                gap: 40px;

                .text {
                    font-family: Cormorant;
                    font-weight: 700;
                    font-size: 20px;
                    line-height: 140%;
                    vertical-align: middle;
                }

                .mail {
                    cursor: pointer;
                    font-family: Cormorant;
                    font-weight: 700;
                    font-size: 40px;
                    line-height: 120%;
                    vertical-align: middle;
                    color: #fff;

                    a {
                        color: #fff;
                    }
                }

                .note {
                    margin-top: 40px;
                    font-family: Cormorant;
                    font-weight: 400;
                    font-style: Italic;
                    font-size: 14px;
                    line-height: 120%;
                    vertical-align: middle;
                }

            }

            .social {
                margin-top: 40px;
                display: flex;
                gap: 40px;
                align-items: center;

                .item {
                    cursor: pointer;
                    display: flex;
                    align-items: center;
                    gap: 8px;
                    font-family: Cormorant;
                    font-weight: 700;
                    font-size: 18px;
                    line-height: 122%;
                    vertical-align: middle;
                    color: #fff;

                    a {
                        color: #fff;
                    }
                }
            }

            .copyright {
                margin-top: 80px;
                margin-bottom: 16px;
                font-family: Cormorant;
                font-weight: 600;
                font-size: 17px;
                line-height: 130%;
                vertical-align: middle;
                color: #fff;
                opacity: 40%;
            }
        }

        .right {
            width: 48%;
            max-width: 612px;
            display: flex;
            justify-content: flex-end;
            align-items: flex-end;

        }
    }
}

@media (max-width: 992px) {
    .site-footer {
        height: fit-content;

        .container {
            /*max-width: 100%;*/
            /*padding: 0 20px;*/
            /*flex-direction: column;*/
            /*justify-content: space-between;*/

            .left {
                width: 100%;
                max-width: 100%;
                justify-content: flex-start;

                .title {
                    margin-top: 40px;
                    font-size: 32px;
                }

                .card.mail {
                    margin-top: 20px;
                }

                .card {
                    padding: 16px;

                    .text {
                        font-size: 14px;
                    }

                    .mail {
                        font-size: 20px;
                    }

                    .note {
                        margin-top: 20px;
                        font-size: 12px;
                    }

                }

                .social {
                    margin-top: 20px;
                    gap: 20px;
                    flex-direction: column;
                    justify-content: flex-start;
                    align-items: flex-start;

                    .item {
                        font-size: 14px;
                    }
                }

                .copyright {
                    margin-top: 40px;
                    margin-bottom: 16px;
                    font-size: 12px;
                }
            }

            .right {
                display: none;
            }
        }
    }
}

@media (max-width: 767px) {
    .site-footer {
        height: fit-content;

        .container {
            max-width: 100%;
            padding: 0 20px;
            flex-direction: column;
            justify-content: space-between;

            .left {
                width: 100%;
                max-width: 100%;
                justify-content: flex-start;

                .title {
                    margin-top: 40px;
                    font-size: 32px;
                }

                .card.mail {
                    margin-top: 20px;
                }

                .card {
                    padding: 16px;

                    .text {
                        font-size: 14px;
                    }

                    .mail {
                        font-size: 20px;
                    }

                    .note {
                        margin-top: 20px;
                        font-size: 12px;
                    }

                }

                .social {
                    margin-top: 20px;
                    gap: 20px;
                    flex-direction: column;
                    justify-content: flex-start;
                    align-items: flex-start;

                    .item {
                        font-size: 14px;
                    }
                }

                .copyright {
                    margin-top: 40px;
                    margin-bottom: 16px;
                    font-size: 12px;
                }
            }

            .right {
                width: 100%;
                max-width: 100%;

                img {
                    max-width: min(100%, 360px);
                }

            }
        }
    }
}

@media (max-width: 991px) {
    .container {
        max-width: 90%;
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 860px;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1060px;
        margin: 0 auto;
    }
}

@media (min-width: 1320px) {
    .container {
        max-width: 1260px;
        margin: 0 auto;
    }
}

#masthead > div > section > div {
    max-width: 1260px !important;
    border-bottom: 1px solid #4444441A;
}

#content {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.button {
    padding: 12px 16px !important;
    background: #444444 !important;
    color: #F2F3F0 !important;
    font-family: Cormorant !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 1.24em !important;
    text-transform: none !important;
    border-radius: 0 !important;
    height: fit-content !important;

    &:hover {
        background: #2A2A2A !important;
    }
}

.hero-section {
    background: linear-gradient(180deg, rgba(234, 235, 230, 0) 0%, #EAEBE6 100%);

    .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;

        .col.left {
            width: 44%;
            display: flex;
            align-items: flex-end;

            img {
                width: 100%;
            }

        }

        .col.right {
            width: 56%;
            max-width: 540px;
            margin: 0 auto;
        }
    }

    .hero-title {
        font-family: Cormorant;
        font-weight: 700;
        font-size: 80px;
        line-height: 90%;
        vertical-align: middle;
        color: #444444;
        -webkit-hyphens: none;
        hyphens: none;
    }

    .hero-description {
        font-family: Cormorant;
        font-weight: 500;
        font-size: 20px;
        line-height: 160%;
        vertical-align: middle;
        color: #5A5658;

    }
}

.hero-section.books-page {
    background: none;
}

.books-page .hero-title {
    margin-top: 80px;
    margin-bottom: 48px;
    -webkit-hyphens: none;
    hyphens: none;
}

.featured-product-section {
    padding-top: 140px;
    padding-bottom: 140px;

    .container {
        max-width: 1260px;

        .swiper {
            margin: 0 -20px;
            padding: 0 20px;
        }

        .swiper-button-prev {
            content: url('data:image/svg+xml;charset=UTF-8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" fill="%232E3741" fill-opacity="0.46"/><path d="M24.1744 15.553L19.7323 20L24.1744 24.447C24.2803 24.553 24.3333 24.6787 24.3333 24.8238C24.3333 24.969 24.2803 25.0946 24.1744 25.2007L22.7857 26.5909C22.6797 26.697 22.5542 26.75 22.4092 26.75C22.2642 26.75 22.1387 26.697 22.0328 26.5909L15.8256 20.3769C15.7196 20.2708 15.6667 20.1452 15.6667 20C15.6667 19.8548 15.7196 19.7292 15.8256 19.6231L22.0328 13.4091C22.1387 13.303 22.2642 13.25 22.4092 13.25C22.5542 13.25 22.6797 13.303 22.7857 13.4091L24.1744 14.7993C24.2803 14.9054 24.3333 15.031 24.3333 15.1762C24.3333 15.3213 24.2803 15.447 24.1744 15.553Z" fill="white"/></svg>');
            width: 40px;
            height: 40px;
            left: 0;
        }

        .swiper-button-next {
            content: url('data:image/svg+xml;charset=UTF-8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" transform="matrix(-1 0 0 1 40 0)" fill="%232E3741" fill-opacity="0.46"/><path d="M15.8256 15.553L20.2677 20L15.8256 24.447C15.7197 24.553 15.6667 24.6787 15.6667 24.8238C15.6667 24.969 15.7197 25.0946 15.8256 25.2007L17.2143 26.5909C17.3203 26.697 17.4458 26.75 17.5908 26.75C17.7358 26.75 17.8613 26.697 17.9672 26.5909L24.1744 20.3769C24.2804 20.2708 24.3334 20.1452 24.3334 20C24.3334 19.8548 24.2804 19.7292 24.1744 19.6231L17.9672 13.4091C17.8613 13.303 17.7358 13.25 17.5908 13.25C17.4458 13.25 17.3203 13.303 17.2143 13.4091L15.8256 14.7993C15.7197 14.9054 15.6667 15.031 15.6667 15.1762C15.6667 15.3213 15.7197 15.447 15.8256 15.553Z" fill="white"/></svg>');
            width: 40px;
            height: 40px;
            right: 0;
        }

        .swiper-slide {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            background: #A661CC; /* url('images/dark-paper.png') no-repeat center center; */
            background-size: cover;


            .col.left {
                flex: 1;
                padding: 64px;

                .featured-product-badge {
                    padding: 4px 16px;
                    border: 1px solid #FFFFFF;
                    color: #fff;
                    margin-bottom: 36px;
                    width: fit-content;
                }

                .featured-product-title {
                    font-family: Cormorant;
                    font-weight: 700;
                    font-size: 48px;
                    line-height: 90%;
                    vertical-align: middle;
                    margin-bottom: 24px;
                    -webkit-hyphens: none;
                    hyphens: none;

                    a {
                        color: #fff;
                    }
                }

                .featured-product-excerpt {
                    font-family: Cormorant;
                    font-weight: 500;
                    font-size: 17px;
                    line-height: 1.4em;
                    vertical-align: middle;
                    color: #FFFFFF;
                    margin-bottom: 24px;
                }

                .featured-product-footer {
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    gap: 8px;

                    .featured-product-price {
                        font-family: Cormorant;
                        font-weight: 600;
                        font-size: 32px;
                        line-height: 1.4em;
                        text-align: center;
                        vertical-align: middle;
                        color: #FFFFFF;
                        margin-right: 16px;
                        display: flex;
                        flex-direction: row-reverse;
                        gap: 12px;
                        align-items: center;

                        del {
                            font-family: Cormorant;
                            font-weight: 600;
                            font-size: 20px;
                            line-height: 22.4px;
                            text-align: center;
                            text-decoration: none;
                            color: #fff;
                            opacity: 40%;
                            position: relative;
                        }

                        del:after {
                            border-top: 1px solid #fff;
                            position: absolute;
                            content: "";
                            right: 0;
                            top: 60%;
                            left: 0;
                        }

                        ins {
                            font-style: normal;
                            border: none;
                        }
                    }

                    .button {
                        padding: 12px 38px;
                        border: 1px solid #FFFFFF;
                        border-radius: 0;
                        background: transparent !important;
                    }

                    .add_to_cart_button {
                        background: #FFFFFF !important;

                        &:hover {
                            background: #EBECE7 !important;
                        }


                        span.button-text {
                            display: none;
                        }
                    }

                    .add_to_cart_button::before {
                        margin: 0;
                        color: #A661CC;
                        font-size: 16px;
                    }
                }


            }

            .col.right {
                flex: 1;
                padding: 32px;

                img {
                    width: 100%;
                }
            }
        }
    }

}

.children-product-section,
.adults-product-section {
    margin-bottom: 140px;

    .button.mobile {
        display: none;
        width: 100%;
    }

    .button.desktop {
        display: block;
    }

    .section-title {
        font-family: Cormorant;
        font-weight: 700;
        font-size: 60px;
        line-height: 78px;
        padding-top: 140px;
        margin-bottom: 24px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        -webkit-hyphens: none;
        hyphens: none;
    }

    .product-card {
        background: #fff;
        box-shadow: 0 0 10px 0 #0000001A;
        padding: 0;
        height: auto;
        margin: 24px 0;
    }

    .product-inner {
        padding: 16px 24px 24px;
    }

    .product-badge {
        font-family: Cormorant;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.4em;
        color: #fff;
        padding: 2px 8px;
        width: fit-content;
    }

    .product-badge.in-stock {
        background: #6EBD65;
    }

    .product-badge.not-in-stock {
        background: #BD6E65;
    }

    .product-badge.preorder {
        background: #65A2BD;
    }

    .product-image img {
        width: 100%;
        height: auto;
        aspect-ratio: 400/360;
        object-fit: cover;
    }

    .product-title {
        font-family: Cormorant;
        font-weight: 700;
        font-size: 24px;
        line-height: 1.2em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 1;
    }

    .product-title a {
        text-decoration: none;
        color: #2E3741;
    }

    .product-excerpt {
        font-family: Cormorant;
        font-weight: 500;
        font-size: 17px;
        line-height: 1.4em;
        margin-bottom: 15px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 3;
        min-height: 72px;

    }

    .product-price {
        font-family: Cormorant;
        font-weight: 700;
        font-size: 32px;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        gap: 12px;

        ins {
            color: #A661CC;
        }
    }

    .add-to-cart button,
    .add-to-cart a {
        width: 100%;
        text-align: center;
    }

    .price-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 32px;

        .add_to_cart_button {
            width: 48px;
            height: 48px;

            span.button-text {
                display: none;
            }
        }

        .add_to_cart_button::before {
            margin: 0;
            font-size: 16px;
        }

        del {
            font-family: Cormorant;
            font-weight: 600;
            font-size: 20px;
            line-height: 22.4px;
            text-align: center;
            text-decoration: none;
            color: #444444;
            opacity: 40%;
            position: relative;
        }

        del:after {
            border-top: 1px solid #444444;
            position: absolute;
            content: "";
            right: 0;
            top: 60%;
            left: 0;
        }

        ins {
            font-style: normal;
            border: none;
        }

    }

    .swiper {
        margin: 0 -20px;
        padding: 0 20px;
    }

    .swiper-button-prev {
        content: url('data:image/svg+xml;charset=UTF-8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" fill="%232E3741" fill-opacity="0.46"/><path d="M24.1744 15.553L19.7323 20L24.1744 24.447C24.2803 24.553 24.3333 24.6787 24.3333 24.8238C24.3333 24.969 24.2803 25.0946 24.1744 25.2007L22.7857 26.5909C22.6797 26.697 22.5542 26.75 22.4092 26.75C22.2642 26.75 22.1387 26.697 22.0328 26.5909L15.8256 20.3769C15.7196 20.2708 15.6667 20.1452 15.6667 20C15.6667 19.8548 15.7196 19.7292 15.8256 19.6231L22.0328 13.4091C22.1387 13.303 22.2642 13.25 22.4092 13.25C22.5542 13.25 22.6797 13.303 22.7857 13.4091L24.1744 14.7993C24.2803 14.9054 24.3333 15.031 24.3333 15.1762C24.3333 15.3213 24.2803 15.447 24.1744 15.553Z" fill="white"/></svg>');
        width: 40px;
        height: 40px;
        left: 0;
    }

    .swiper-button-next {
        content: url('data:image/svg+xml;charset=UTF-8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" transform="matrix(-1 0 0 1 40 0)" fill="%232E3741" fill-opacity="0.46"/><path d="M15.8256 15.553L20.2677 20L15.8256 24.447C15.7197 24.553 15.6667 24.6787 15.6667 24.8238C15.6667 24.969 15.7197 25.0946 15.8256 25.2007L17.2143 26.5909C17.3203 26.697 17.4458 26.75 17.5908 26.75C17.7358 26.75 17.8613 26.697 17.9672 26.5909L24.1744 20.3769C24.2804 20.2708 24.3334 20.1452 24.3334 20C24.3334 19.8548 24.2804 19.7292 24.1744 19.6231L17.9672 13.4091C17.8613 13.303 17.7358 13.25 17.5908 13.25C17.4458 13.25 17.3203 13.303 17.2143 13.4091L15.8256 14.7993C15.7197 14.9054 15.6667 15.031 15.6667 15.1762C15.6667 15.3213 15.7197 15.447 15.8256 15.553Z" fill="white"/></svg>');
        width: 40px;
        height: 40px;
        right: 0;
    }

}

.children-product-section .section-title {
    padding-top: 0;
}

.adults-product-section {
    background: linear-gradient(0deg, rgba(234, 235, 230, 0) 0%, #EAEBE6 100%);
}

.reviews-section {
    margin-top: 140px;
    margin-bottom: 140px;

    .container {

        .row {
            position: relative;

            .section-title {
                font-family: Cormorant;
                font-weight: 700;
                font-size: 60px;
                line-height: 90%;
                vertical-align: middle;
                margin-bottom: 48px;
                -webkit-hyphens: none;
                hyphens: none;
            }

            .swiper-slide {

                .slide-logo {
                    margin-bottom: 16px;
                }

                .slide-title {
                    font-family: Cormorant;
                    font-weight: 700;
                    font-size: 24px;
                    line-height: 29px;
                    margin-bottom: 8px;
                }

                .slide-date {
                    font-family: Cormorant;
                    font-weight: 500;
                    font-size: 17px;
                    line-height: 20px;
                    vertical-align: middle;
                    color: #5A5658;

                }
            }

            .swiper-buttons {
                position: absolute;
                bottom: 56px;
                right: 0;
                display: flex;
                gap: 8px;
                width: 88px;
                height: 40px;
            }

            .swiper-button-prev {
                content: url('data:image/svg+xml;charset=UTF-8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" fill="%232E3741" fill-opacity="0.46"/><path d="M24.1744 15.553L19.7323 20L24.1744 24.447C24.2803 24.553 24.3333 24.6787 24.3333 24.8238C24.3333 24.969 24.2803 25.0946 24.1744 25.2007L22.7857 26.5909C22.6797 26.697 22.5542 26.75 22.4092 26.75C22.2642 26.75 22.1387 26.697 22.0328 26.5909L15.8256 20.3769C15.7196 20.2708 15.6667 20.1452 15.6667 20C15.6667 19.8548 15.7196 19.7292 15.8256 19.6231L22.0328 13.4091C22.1387 13.303 22.2642 13.25 22.4092 13.25C22.5542 13.25 22.6797 13.303 22.7857 13.4091L24.1744 14.7993C24.2803 14.9054 24.3333 15.031 24.3333 15.1762C24.3333 15.3213 24.2803 15.447 24.1744 15.553Z" fill="white"/></svg>');
                width: 40px;
                height: 40px;
                left: 0;
            }

            .swiper-button-next {
                content: url('data:image/svg+xml;charset=UTF-8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" transform="matrix(-1 0 0 1 40 0)" fill="%232E3741" fill-opacity="0.46"/><path d="M15.8256 15.553L20.2677 20L15.8256 24.447C15.7197 24.553 15.6667 24.6787 15.6667 24.8238C15.6667 24.969 15.7197 25.0946 15.8256 25.2007L17.2143 26.5909C17.3203 26.697 17.4458 26.75 17.5908 26.75C17.7358 26.75 17.8613 26.697 17.9672 26.5909L24.1744 20.3769C24.2804 20.2708 24.3334 20.1452 24.3334 20C24.3334 19.8548 24.2804 19.7292 24.1744 19.6231L17.9672 13.4091C17.8613 13.303 17.7358 13.25 17.5908 13.25C17.4458 13.25 17.3203 13.303 17.2143 13.4091L15.8256 14.7993C15.7197 14.9054 15.6667 15.031 15.6667 15.1762C15.6667 15.3213 15.7197 15.447 15.8256 15.553Z" fill="white"/></svg>');
                width: 40px;
                height: 40px;
                right: 0;
            }

        }

    }

}

.subscribe-section {
    margin-top: 180px;
    margin-bottom: 180px;

    .container {
        position: relative;


        .row {
            background: linear-gradient(0deg, rgba(255, 255, 255, 0.002), rgba(255, 255, 255, 0.002)),
            linear-gradient(0deg, #444444, #444444);
            box-shadow: 0px 4px 10px 0px #0000001A;
            display: flex;
            justify-content: space-between;
            align-items: center;

            .col {
                width: 50%;
                padding: 48px;
            }

            .col.left {

                .subscribe-title {
                    font-family: Cormorant;
                    font-weight: 700;
                    font-size: 48px;
                    line-height: 100%;
                    color: #fff;
                    margin: 0;
                    -webkit-hyphens: none;
                    hyphens: none;
                }

                .subscribe-subtitle {
                    font-family: Cormorant;
                    font-weight: 500;
                    font-size: 20px;
                    line-height: 160%;
                    color: #F3F4F1;

                }

                .wpcf7 {
                    margin-top: 24px;

                    form {

                        p {
                            display: flex;
                            gap: 6px;

                            input[type='email'] {
                                width: 100%;
                                font-family: Cormorant;
                                font-weight: 700;
                                font-size: 18px;
                                line-height: 22px;
                                padding: 12px;
                                border: 1px solid #FFFFFF;
                                background: #444444;
                                color: #ffffff;
                                border-radius: 0;
                            }

                            input[type='submit'] {
                                font-family: Cormorant;
                                font-weight: 700;
                                font-size: 18px;
                                line-height: 22px;
                                text-align: center;
                                width: fit-content;
                                border: 1px solid #FFFFFF;
                                background: #ffffff;
                                color: #444444;
                                text-transform: none;
                                border-radius: 0;


                            }

                            input[type='submit']:hover {
                                background: #EBECE7 !important;
                            }

                            .wpcf7-spinner {
                                display: none;
                            }
                        }
                    }
                }

            }

            .col.right {

                img {
                    position: absolute;
                    bottom: 0;
                    right: 0;
                }
            }
        }
    }
}

.about-section {
    margin-bottom: 140px;

    .row {
        display: flex;
        justify-content: space-between;
        gap: 80px;

        .col {
            width: calc(50% - 45px);
        }

        .col.left {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;

            .about-title {
                width: 100%;
                font-family: Cormorant;
                font-weight: 700;
                font-size: 60px;
                line-height: 78px;
                margin-bottom: 24px;
                -webkit-hyphens: none;
                hyphens: none;
            }

            .about-text {
                font-family: Cormorant;
                font-weight: 500;
                font-size: 20px;
                line-height: 160%;
            }

        }

        .col.right {
            display: flex;
            gap: 20px;
            justify-content: center;
            align-items: center;

            img {
                max-width: 300px;
            }

            .right-2 {
                display: flex;
                flex-direction: column;
                gap: 20px;

                #img2 {
                    max-width: 300px;
                    max-height: 352px;
                    object-fit: cover;
                }

                #img3 {
                    max-width: 300px;
                    max-height: 295px;
                    object-fit: cover;
                }
            }
        }
    }


}

.locations-section {
    padding-bottom: 140px;

    .locations-title {
        width: 100%;
        text-align: center;
        font-family: Cormorant;
        font-weight: 700;
        font-size: 60px;
        line-height: 78px;
        margin-bottom: 48px;
        hyphens: none;
        -webkit-hyphens: none;
    }

    .row {
        gap: 20px;
    }

    .col {
        flex: 1;
    }


    .location-map {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;

        iframe {
            border: none;
        }
    }

    .left {
        position: relative;
        min-height: 420px; /* висота під iframe */
    }

    .location-box {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 16px;
        cursor: pointer;

        .location-address {
            font-family: Cormorant;
            font-weight: 700;
            font-size: 20px;
            line-height: 120%;
            color: #555555;
        }

        .location-title {
            font-family: Cormorant;
            font-weight: 500;
            font-size: 20px;
            line-height: 120%;
            color: #555555;
        }
    }


    .location-box.active {
        background: #EAEAEB;
        border-left: 2px solid #000000;
    }

}

.shipping-section {
    padding-top: 140px;
    background: linear-gradient(0deg, rgba(234, 235, 230, 0) 0%, #EAEBE6 100%);

    .shipping-title {
        font-family: Cormorant;
        font-weight: 700;
        font-size: 60px;
        line-height: 78px;
        color: #444444;
        margin-bottom: 48px;
        -webkit-hyphens: none;
        hyphens: none;
    }

    .row {
        display: flex;
        gap: 20px;
    }

    .col {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 24px;

        .shipping-icon {
            width: 43px;
            height: 43px;
        }

        .shipping-info {
            padding-right: 40px;
            font-family: Cormorant;
            font-weight: 500;
            font-size: 16px;
            line-height: 140%;
            color: #444444;
        }
    }

    .col:not(:last-child) {
        border-right: 1px solid #4444441A;
    }
}

@media (max-width: 992px) {

    .elementor-widget-container .textwidget.custom-html-widget {
        max-width: 90%;
        margin: 0 auto;
    }

    .hero-section {

        .row {
            flex-direction: column-reverse;

            .col.left {
                width: 100%;
            }

            .col.right {
                width: 100%;
            }
        }

        .hero-title {
            font-size: 48px;
        }

        .hero-description {
            font-size: 16px;
        }


    }

    .featured-product-section {
        padding-top: 80px;

        .container {
            max-width: 90%;

            .swiper {
                margin: 0 -15px;
                padding: 0 15px;
            }

            .swiper-button-prev {
                width: 30px;
                height: 30px;
            }

            .swiper-button-next {
                width: 30px;
                height: 30px;
            }


            .swiper-slide {
                flex-direction: column-reverse;

                .col.left {
                    padding: 16px;

                    .featured-product-badge {
                        margin-bottom: 24px;
                    }

                    .featured-product-title {
                        font-size: 24px;
                        margin-bottom: 12px;
                    }

                    .featured-product-excerpt {
                        font-size: 14px;
                        margin-bottom: 12px;
                    }

                    .featured-product-footer {

                        .featured-product-price {
                            font-size: 24px;
                            flex-direction: column;
                            gap: 0;

                            del:after {
                                top: 50%;
                            }
                        }
                    }
                }

                .col.right {
                    padding: 16px;

                    img {
                        width: 100%;
                    }
                }
            }
        }

    }

    .children-product-section,
    .adults-product-section {
        margin-bottom: 80px;

        .button.mobile {
            display: block;
        }

        .button.desktop {
            display: none;
        }

        .section-title {
            font-size: 48px;
            line-height: 36px;
            padding-top: 80px;
            margin-bottom: 24px;
        }

        .product-badge {
            font-size: 14px;
        }

        .product-title {
            font-size: 24px;
        }

        .product-excerpt {
            font-size: 14px;
        }

        .product-price {
            font-size: 24px;
        }

        .swiper {
            margin: 0 -15px;
            padding: 0 15px;
        }

        .swiper-button-prev {
            width: 30px;
            height: 30px;
        }

        .swiper-button-next {
            width: 30px;
            height: 30px;
        }

    }

    .subscribe-section {
        margin-top: 80px;
        margin-bottom: 80px;

        .container {

            .row {
                flex-direction: column-reverse;

                .col {
                    width: 100%;
                    padding: 16px;
                }

                .col.left {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;

                    .subscribe-title {
                        font-size: 24px;
                        margin-bottom: 24px;
                    }

                    .subscribe-subtitle {
                        font-size: 16px;
                    }

                    .wpcf7 {

                        form {

                            p {
                                flex-direction: column;
                                align-items: center;
                                gap: 0;

                                input[type='submit'] {
                                    width: 100%;
                                }
                            }


                        }
                    }
                }

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

                    img {
                        position: relative;
                    }
                }
            }
        }
    }

    .about-section {
        margin-bottom: 80px;

        .row {
            flex-direction: column-reverse;
            gap: 40px;

            .col {
                width: 100%;
            }

            .col.left {

                .about-title {
                    font-size: 48px;
                    line-height: 36px;
                    margin-bottom: 16px;
                }

                .about-text {
                    font-size: 16px;
                }

            }

            .col.right {
                img {
                    max-width: calc(50% - 10px);
                }


                .right-2 {
                    display: flex;
                    flex-direction: column;
                    gap: 20px;

                    #img2 {
                        max-width: calc(100% - 10px);
                        aspect-ratio: 300/352;
                        object-fit: cover;
                    }

                    #img3 {
                        max-width: calc(100% - 10px);
                        aspect-ratio: 300/295;
                        object-fit: cover;
                    }
                }

            }
        }


    }

    .locations-section {
        padding-bottom: 80px;

        .locations-title {
            font-size: 48px;
            line-height: 90%;
            margin-bottom: 24px;
        }

        .col.left.map {
            display: none;
        }

        .location-box {

            .location-address {
                font-size: 16px;
            }

            .location-title {
                font-size: 16px;
            }
        }

        .location-box.open {
            background: #EAEAEB;
            border-left: 2px solid #000000;
        }

        .location-box .location-map {
            overflow: hidden;
            max-height: 0;
            transition: max-height 0.4s ease;
            margin-top: 10px;
        }

        .location-box .location-map iframe {
            width: 100%;
            height: 300px;
            display: block;
        }
    }

    .shipping-section {
        padding-top: 80px;
        flex-direction: column;

        .shipping-title {
            font-size: 48px;
            line-height: 90%;
            margin-bottom: 24px;
        }

        .row {
            flex-direction: column;
        }

        .col {
            .shipping-info {
                padding-right: 0;
                font-size: 14px;
            }
        }

        .col:not(:last-child) {
            border-right: none;
            border-bottom: 1px solid #4444441A;
        }
    }
}

#about, #locations {
    scroll-margin-top: 120px; /* висота вашого fixed header */
}

.elementor-menu-cart__footer-buttons,
.elementor-menu-cart__product-name.product-name {
    font-family: Cormorant !important;
    font-weight: 700;
    font-size: 18px !important;
    line-height: 1.2em;
}

.elementor-menu-cart__subtotal {
    font-family: Cormorant !important;
    font-weight: 700;
    font-size: 24px !important;
    line-height: 1.2em;
}

.elementor-menu-cart__product-name, .elementor-menu-cart__product-price {
    font-size: 22px !important;
    margin-bottom: 0 !important;
}

#wcus-order-total span,
.product-subtotal span {
    font-family: Cormorant !important;
    font-size: 28px !important;
    font-weight: 700 !important;
}

.wpro-pre-order-availability-date {
    display: none;
}

.elementor-element.onbackorder,
.elementor-element.instock,
.elementor-element.outofstock {
    font-family: Cormorant;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4em;
    color: #fff;
    padding: 2px 8px;
    width: fit-content;
}

.elementor-element.onbackorder {
    content: 'Передзамовлення';
    background: #65A2BD;
}

.elementor-element.instock {
    content: 'В наявності';
    background: #6EBD65;
}

.elementor-element.outofstock {
    content: 'Немає в наявності';
    background: #BD6E65;
}

.product .single_add_to_cart_button {
    margin: 0 !important;
}

.back-to-shop {
    font-family: Cormorant;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;

    &:hover {
        color: #2a2a2a;
    }
}

.elementor-menu-cart__product-name, .elementor-menu-cart__product-price {
    font-family: Cormorant;
    font-size: 24px !important;
    margin-bottom: 0 !important;
}

#order_review {
    .woocommerce-Price-amount.amount {
        font-family: Cormorant !important;
        font-size: 24px;
    }
}

.woocommerce-form-coupon-toggle {

    .woocommerce-info {
        font-family: Cormorant !important;
        font-size: 24px !important;
        line-height: 1.2em !important;

        a {
            font-family: Cormorant !important;
            font-size: 22px !important;
            text-decoration: underline !important;
            line-height: 1.2em !important;
        }
    }


}

.cf7_row {
    margin-top: 80px;

    .col {
        border-right: none !important;

        .shipping-title {
            margin-bottom: 24px;
        }

        .cf7_button {
            width: fit-content;
            padding: 15px 50px;
            font-family: Cormorant;
            font-weight: 700;
            font-size: 18px;
            line-height: 19.2px;
            text-align: center;
            vertical-align: middle;
            color: #fff;
            background: #444444;;
        }
    }
}

.cf7-modal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9999;
}

.cf7-modal.active {
    display: block;
}

.cf7-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
}

.cf7-modal__content {
    position: relative;
    width: 840px;
    max-width: 95%;
    max-height: 90vh;          /* обмеження по висоті */
    margin: 5vh auto;          /* центр по вертикалі */
    background: #fff;
    padding: 60px;
    overflow-y: auto;          /* внутрішня прокрутка */
    z-index: 2;

    .cf7-modal-title {
        font-family: Cormorant;
        font-weight: 700;
        font-size: 48px;
        line-height: 100%;
        vertical-align: middle;
        color: #444;
        margin-bottom: 32px;
    }

    .cf7-modal-row {
        display: flex;

        .cf7-modal-col {
            flex-basis: 50%;

            .cf7-modal-note {
                margin-top: 21px;
                margin-left: 60px;
                background: #EFF0EC;
                padding: 24px;
                color: #555555;
                font-family: Cormorant;
                font-weight: 400;
                font-size: 16px;
                line-height: 140%;

                h3 {
                    font-family: Cormorant;
                    font-weight: 700;
                    font-size: 20px;
                    line-height: 120%;
                    color: #555555;
                    text-transform: uppercase;
                }
            }
        }

    }

    label {
        font-family: Cormorant;
        font-weight: 700;
        font-size: 18px;
        line-height: 19.2px;
        color: #000000;
    }

    input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'], input[type='number'], input[type='tel'], input[type='range'], input[type='date'], input[type='month'], input[type='week'], input[type='time'], input[type='datetime'], input[type='datetime-local'], select, textarea {
        height: 48px;
        padding: 8px 12px;
        border: 1px solid #000;
        -webkit-border-radius: 0;
        border-radius: 0;
        font-size: 18px;
    }
    input[type='submit'] {
        width: fit-content;
        padding: 15px 50px;
        font-family: Cormorant;
        font-weight: 700;
        font-size: 18px;
        line-height: 19.2px;
        text-align: center;
        vertical-align: middle;
        color: #fff;
        background: #444444;
        border-right-radius: 0;
    }

}

.cf7-modal__close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #fff;
    border: none;
    width: 32px;
    height: 32px;
    cursor: pointer;
    font-size: 24px;
    color: #000;
}

@media (max-width: 992px) {
    .cf7-modal__content {
        padding: 30px;

        .cf7-modal-title{
            hyphens: none;
        }

        .cf7-modal-row {
            flex-direction: column-reverse;

            .cf7-modal-col {
                flex-basis: 100%;

                .cf7-modal-note {
                    margin-left: 0;
                    margin-bottom: 24px;
                }
            }
        }
        input[type='submit'] {
            width: 100%;
        }
    }
}