.woocommerce div.product {
    div.images {
        margin-bottom: 0;
    }
}

.woocommerce-checkout,
.woocommerce-cart {

    .wp-block-post-title {
        max-width: 100%;
    }
}

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
    padding-inline: 0;
}

.wc-block-mini-cart[style*="visibility:hidden"] {
    display: none !important;
}

.wc-block-cart-item__remove-link:hover svg {
    color: red;
}

.wc-block-components-checkbox .wc-block-components-checkbox__mark {
    left: -2px;
}

.woocommerce-cart:has(.wp-block-woocommerce-empty-cart-block) .wp-block-inner-page-title {
    display: none;
}

.wc-block-components-totals-coupon__content input {
    background-color: var(--wp--preset--color--background) !important;
}

.wp-block-woocommerce-checkout-order-summary-block {

    background-color: var(--wp--preset--color--secondary);
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
    border: 1px solid hsla(0, 0%, 7%, .11);
    margin-bottom: 28px;
    background-color: var(--wp--preset--color--secondary);
    padding: 15px 20px;
    border-radius: 5px;
}

.wp-block-woocommerce-cart {
    .wp-block-woocommerce-cart-cross-sells-block {
        padding-top: var(--wp--preset--spacing--56);

        .wp-block-heading {
            font-size: var(--wp--preset--font-size--post-title) !important;
        }

        .cross-sells-product {
            text-align: left !important;

            .wc-block-components-product-rating-stars {
                display: none;
            }

            .wc-block-components-product-title {
                font-size: var(--wp--preset--font-size--regular) !important;
                font-family: var(--wp--preset--font-family--syne) !important;
                margin-bottom: 7px !important;

                a {
                    text-decoration: none;
                    font-weight: 700 !important;

                    &:hover,
                    &:focus {
                        color: var(--wp--preset--color--text-link);
                    }
                }
            }

            .wc-block-components-product-price {
                font-size: var(--wp--preset--font-size--body-default);
                font-weight: 500;
            }



            .wp-block-button {
                margin-top: var(--wp--preset--spacing--16);
            }
        }
    }
}

.wc-block-components-error {
    width: 100%;
}


.wc-block-components-radio-control .wc-block-components-radio-control__input,
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    min-width: 10px;
    min-height: 10px;
    width: 10px;
    padding: 8px;
    height: 10px;
    margin-right: 7px;
}

.wc-block-attribute-filter .wc-block-attribute-filter-list li label:hover {
    color: var(--wp--preset--color--link-color);
}

.wp-block-button.wc-block-components-product-button {
    .wc-block-components-product-button__button {
        word-wrap: break-word;
        font-family: inherit;
        font-family: var(--wp--preset--font-family--syne);
        font-size: var(--wp--preset--font-size--small);
        font-style: normal;
        line-height: 1.5;
        border-style: solid;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        display: inline-block;
        margin: 0 !important;

        &:hover,
        &:focus {
            border-style: solid;
        }
    }
}

.woocommerce .woocommerce-Reviews .comment-reply-title {
    font-size: var(--wp--preset--font-size--body-default);
    font-weight: 500;
    display: block;
    margin-bottom: 14px;
    text-transform: inherit;
}



.wc-block-sort-select__label {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.wc-block-product-template.is-flex-container {
    gap: 3rem 1.25em;
}

@media screen and (min-width: 640px) {
    .wc-block-components-product-sort-select {
        text-align: right;
    }
}



.wc-block-components-price-slider__range-input-progress {
    background-color: var(--wp--preset--color--link-color);
}

.wc-block-rating-filter .wc-block-components-product-rating {
    margin-top: -2px;
}

.wc-block-grid__product-price {
    del {
        opacity: 0.4;
    }

    ins {
        text-decoration: none;
    }
}


/** Product Filter **/
.wp-top-filter-row {
    position: relative;
    margin: 0;

    .wp-block-woocommerce-product-results-count {
        margin-right: auto;
    }

    .wp-product-filter>.wp-block-buttons {
        .wp-block-button__link {
            position: relative;
            margin: 0;
            padding: 7px 20px;
            font-weight: var(--wp--custom--typography--font-weight--semi-bold);
            background-color: var(--wp--preset--color--secondary);

            &::after {
                display: none;
            }

            &:hover,
            &:focus {
                background-color: var(--wp--preset--color--foreground);
            }

            &::before {
                content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M400 160L288 272L288 528L160 400L160 272L16 128L432 128L400 160zM256 272L256 258.7L265.4 249.3L354.8 159.9L93.3 159.9L182.7 249.3L192.1 258.7L192.1 386.7L256.1 450.7L256.1 272zM496 128L576 128L576 160L480 160L480 128L496 128zM368 304L576 304L576 336L352 336L352 304L368 304zM368 480L576 480L576 512L352 512L352 480L368 480z"/></svg>');
                display: inline-block;
                vertical-align: middle;
                width: 24px;
                /* adjust size */
                height: 24px;
                /* adjust size */
                margin-right: 8px;
                /* spacing between icon and text */
                filter: invert(1);
                background-color: transparent;
            }

        }
    }

    .wc-block-product-filter-price-slider .text input[type=text] {
        border: none;
        border-radius: 4px;
        font-size: .75em;
        margin: 0;
        max-width: 70px;
        min-width: 0;
        padding: 5px 8px;
        width: auto;
        background: #fff;
        text-align: center;
    }

    .wp-product-filter,
    .wp-block-woocommerce-product-filters {
        position: static;
    }

    .wp-block-woocommerce-product-filter-active {
        width: 100% !important;
    }

    .wc-block-product-filter-checkbox-list__text {
        color: var(--wp--preset--color--meta);
        font-size: var(--wp--preset--font-size--small);
        font-weight: 400;
    }


    .wp-block-woocommerce-product-filters.wc-block-product-filters {
        position: relative;
        width: 100%;
        top: 100%;
        background: var(--wp--preset--color--primary);
        box-sizing: border-box;
        border-radius: 10px;
        transition: max-height 0.6s ease, opacity 0.4s ease;

        .wc-block-product-filters__overlay {
            padding: 30px 15px;
        }
    }


    .wc-block-product-filters__overlay-content {
        flex-wrap: wrap;
        flex-direction: row;
        gap: 35px;



        .wc-block-product-filter-checkbox-list__input-wrapper:before,
        input[type=checkbox].wc-block-product-filter-checkbox-list__input {
            background-color: transparent;
            padding: 0;
        }

        .wc-block-product-filter-checkbox-list__input-wrapper:before {
            border-radius: 50%;
        }

        .wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item {
            background-color: var(--wp--preset--color--background);
            border-radius: 10px;
            font-size: var(--wp--preset--font-size--extra-small);
            border: none;
        }

        button.wc-block-product-filter-removable-chips__remove {
            background: #000 !important;
            border-radius: 50%;
            color: #fff !important;
            width: 20px;
            height: 20px;
            box-sizing: border-box;
        }

        svg.wc-block-product-filter-checkbox-list__mark {
            color: var(--wp--preset--color--text-link);
        }

        .wp-block-woocommerce-product-filter-checkbox-list {
            font-size: var(--wp--preset--font-size--medium);
            color: var(--wp--preset--color--body-text);

            .wc-block-product-filter-checkbox-list__items {
                display: flex;
                flex-wrap: wrap;
                gap: 0.5rem;

                label.wc-block-product-filter-checkbox-list__label {
                    background: #fff;
                    padding: 7px 14px;
                    border-radius: 10px;
                    cursor: pointer;
                    color: var(--wp--preset--color--body-text);
                    display: inline-flex;
                    text-transform: capitalize;
                    letter-spacing: normal;


                    &:has(input:checked) {
                        background: var(--wp--preset--color--text-link);

                        .wc-block-product-filter-checkbox-list__text {
                            color: var(--wp--preset--color--background);
                        }
                    }
                }

                :where(.wc-block-product-filter-checkbox-list__input-wrapper) {
                    display: block;
                    position: relative;
                    border: 1px solid var(--wp--preset--color--border-default-color);
                    border-radius: 50%;
                    background-color: var(--wp--preset--color--background);
                }
            }
        }
    }
}

.block-editor-block-list__layout.wp-block-woocommerce-product-filters-is-layout-flex {
    flex-direction: row;
}

.block-editor-block-list__layout.wp-block-woocommerce-product-filters-is-layout-flex>* {
    flex: 1;
}

.wc-block-product-filters__open-overlay {
    position: relative;
    margin: 0;
    padding: 7px 20px;
    font-weight: var(--wp--custom--typography--font-weight--semi-bold);
    background-color: var(--wp--preset--color--foreground);
    color: var(--wp--preset--color--background);
    border-radius: 32px !important;
    width: max-content;
    text-transform: uppercase;
    margin-right: var(--wp--style--margin-right) !important;
    margin-left: var(--wp--style--root--padding-left) !important;

    span {
        padding-left: 0;
        font-size: 0;
        position: relative;

        &::before {
            content: 'FILTERS';
            font-size: 14px;
        }
    }

    &::after {
        content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M400 160L288 272L288 528L160 400L160 272L16 128L432 128L400 160zM256 272L256 258.7L265.4 249.3L354.8 159.9L93.3 159.9L182.7 249.3L192.1 258.7L192.1 386.7L256.1 450.7L256.1 272zM496 128L576 128L576 160L480 160L480 128L496 128zM368 304L576 304L576 336L352 336L352 304L368 304zM368 480L576 480L576 512L352 512L352 480L368 480z"/></svg>');
        display: inline-block;
        vertical-align: middle;
        width: 24px;
        height: 24px;
        filter: invert(1);
        background-color: transparent;
    }

    svg {
        display: none;
    }
}

.wp-top-filter-row .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-rating .wp-block-woocommerce-product-filter-checkbox-list .wc-block-product-filter-checkbox-list__items {
    flex-direction: column;
}

.wp-top-filter-row .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-rating .wp-block-woocommerce-product-filter-checkbox-list .wc-block-product-filter-checkbox-list__items label.wc-block-product-filter-checkbox-list__label {
    background-color: transparent;
    padding: 0;
}


.wp-top-filter-row .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-rating .wp-block-woocommerce-product-filter-checkbox-list .wc-block-product-filter-checkbox-list__items label.wc-block-product-filter-checkbox-list__label:has(input:checked) {
    background-color: transparent;
}

.wp-top-filter-row .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-rating .wp-block-woocommerce-product-filter-checkbox-list .wc-block-product-filter-checkbox-list__items label.wc-block-product-filter-checkbox-list__label:has(input:checked) .wc-block-product-filter-checkbox-list__text {
    color: var(--wp--preset--color--foreground);
}

.block-editor-block-list__block.wp-block-woocommerce-product-filters.wc-block-product-filters {
    max-height: 100vh !important;
    opacity: 1 !important;
}

@media screen and (min-width: 100em) {
    .wp-block-column.wp-product-sidebar-column {
        flex-basis: 20% !important;
    }
}

/* --- > Max 600px
-------------------------------------------------------- */

@media screen and (max-width: 37.5em) {

    .tax-product_cat .wp-top-filter-row .wp-top-filter-row,
    .post-type-archive-product .wp-top-filter-row .wp-top-filter-row {
        display: none;
    }

    .wp-top-filter-row .wp-block-template-part {
        margin-top: 0;
    }
}

/* --- > Min 601px
-------------------------------------------------------- */

@media screen and (min-width: 37.5625em) {
    .filter-on .wp-top-filter-row .wp-block-woocommerce-product-filters.wc-block-product-filters {
        opacity: 1;
        max-height: max-content;
        display: block !important;
    }

    .wp-top-filter-row .wp-block-woocommerce-product-filters.wc-block-product-filters .wc-block-product-filters__overlay {
        padding: 42px;
    }

    .wp-top-filter-row .wp-block-woocommerce-product-filters.wc-block-product-filters {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height 0.6s ease, opacity 0.4s ease;
    }

    .wp-top-filter-row .wc-block-product-filters__overlay-content {
        flex-wrap: wrap;
        flex-direction: row;
        gap: 35px;
    }

    :where(.wc-block-product-filters) .wc-block-product-filters__overlay {
        background-color: var(--wp--preset--color--secondary);
    }


}


@media screen and (min-width: 48.9375em) {
    .wp-top-filter-row .wc-block-product-filters__overlay-content>* {
        width: calc((100% - 70px) / 3);
    }
}

@media screen and (min-width: 75em) {
    .wp-top-filter-row .wc-block-product-filters__overlay-content>* {
        width: 100%;
        flex: 1;
    }

    .wp-top-filter-row .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-checkbox-list .wc-block-product-filter-checkbox-list__items {
        flex-direction: column;
    }

    .wc-block-product-filter-checkbox-list__item,
    .wp-top-filter-row .wc-block-product-filters__overlay-content .wp-block-woocommerce-product-filter-checkbox-list .wc-block-product-filter-checkbox-list__items label.wc-block-product-filter-checkbox-list__label {
        width: 100%;
        box-sizing: border-box;
        max-width: 200px;
        letter-spacing: normal;
        text-transform: inherit;
    }

    .wp-top-filter-row .wp-block-woocommerce-product-filter-active {
        width: 100% !important;
        order: 10;
    }
}

.wp-block-woocommerce-product-filter-clear-button .wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
    width: 100%;
    padding: 10px !important;
}

/** Product Filter Ends Here **/

/** Product Archive Page **/
.wc-block-product-template__responsive {
    grid-gap: 0.3em;
}

.wc-block-store-notices+.wp-block-group {
    margin: 0;
}

.wp-block-button.wc-block-components-product-button {
    flex-direction: row;
}

.wp-product-category-with-sidebar {
    gap: 3rem;
}

.wc-block-product-template__responsive.columns-4 {
    grid-template-columns: repeat(auto-fill, minmax(max(220px, calc(25% - .9375em)), 1fr));
}

.wp-block-post-title+.wp-block-group.is-content-justification-space-between.is-nowrap.is-layout-flex {
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
}

@media screen and (max-width: 991px) {
    .wp-product-category-with-sidebar.wp-block-columns {
        display: block !important;
    }

    .wp-block-sidebar.mobile-filters {
        display: none;
    }

    .filter-on .wp-block-sidebar.mobile-filters {
        display: block;
    }
}

@media screen and (min-width: 992px) {

    .page-template-archive-product-sidebar-on-right .wp-top-filter-row .wp-product-filter>.wp-block-buttons .wp-block-button__link,
    .page-template-archive-product-sidebar-on-left .wp-top-filter-row .wp-product-filter>.wp-block-buttons .wp-block-button__link {
        background: transparent !important;
        color: var(--wp--preset--color--foreground);
        border: none;
        font-weight: 500;
        padding: 0;
        cursor: default;
    }

    .page-template-archive-product-sidebar-on-right .wp-top-filter-row .wp-product-filter>.wp-block-buttons .wp-block-button__link::before,
    .page-template-archive-product-sidebar-on-left .wp-top-filter-row .wp-product-filter>.wp-block-buttons .wp-block-button__link::before {
        filter: none;
    }

}

@media screen and (min-width: 75em) {
    .wp-product-category-with-sidebar {
        gap: 5.5rem;
    }
}

@media screen and (min-width:120em) {
    .wp-product-category-with-sidebar {
        gap: 6.5rem;
    }
}

.wc-block-product-template__responsive>li .wc-block-components-product-rating {
    padding-right: 20px;
}

.wp-block-thumb-wrap {
    position: relative;

    .wp-block-woocommerce-product-button {
        position: absolute;
        width: calc(100% - 40px);
        left: 20px;
        bottom: 0px;
        right: 20px;
        max-width: 100%;
        box-sizing: border-box;
        opacity: 0;
        transition: all 0.4s;
        display: flex;
        flex-wrap: wrap;


        >* {
            flex: 1;
        }

        .wp-block-button {
            max-width: 100%;
        }

        .wp-block-button__link {
            width: 100%;

            &:not(.has-background) {
                background: var(--wp--preset--color--background) !important;
                border-color: var(--wp--preset--color--background);
            }

            &:hover {
                background: var(--wp--preset--color--foreground) !important;
                border-color: var(--wp--preset--color--foreground) !important;
            }
        }
    }
}

.wp-block-woocommerce-product-template .wc-block-product:hover .wp-block-thumb-wrap .wp-block-woocommerce-product-button {
    opacity: 1;
    bottom: 20px;
}


.woocommerce.wc-block-catalog-sorting form {
    position: relative;
    overflow: hidden;

}

.wc-block-catalog-sorting form::before {

    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMjY3LjMgNDQzLjNMMTcxLjMgNTM5LjNDMTY1LjEgNTQ1LjUgMTU0LjkgNTQ1LjUgMTQ4LjcgNTM5LjNMNTIuNyA0NDMuM0M0Ni41IDQzNy4xIDQ2LjUgNDI2LjkgNTIuNyA0MjAuN0M1OC45IDQxNC41IDY5LjEgNDE0LjUgNzUuMyA0MjAuN0wxNDQgNDg5LjRMMTQ0IDExMkMxNDQgMTAzLjIgMTUxLjIgOTYgMTYwIDk2QzE2OC44IDk2IDE3NiAxMDMuMiAxNzYgMTEyTDE3NiA0ODkuNEwyNDQuNyA0MjAuN0MyNTAuOSA0MTQuNSAyNjEuMSA0MTQuNSAyNjcuMyA0MjAuN0MyNzMuNSA0MjYuOSAyNzMuNSA0MzcuMSAyNjcuMyA0NDMuM3pNMzM2IDU0NEMzMjcuMiA1NDQgMzIwIDUzNi44IDMyMCA1MjhDMzIwIDUxOS4yIDMyNy4yIDUxMiAzMzYgNTEyTDQwMCA1MTJDNDA4LjggNTEyIDQxNiA1MTkuMiA0MTYgNTI4QzQxNiA1MzYuOCA0MDguOCA1NDQgNDAwIDU0NEwzMzYgNTQ0ek0zMzYgNDA4QzMyNy4yIDQwOCAzMjAgNDAwLjggMzIwIDM5MkMzMjAgMzgzLjIgMzI3LjIgMzc2IDMzNiAzNzZMNDU2IDM3NkM0NzIuOCAzNzYgNDgwIDM4My4yIDQ4MCAzOTJDNzIuOCA0MDAuOCA0NzIuOCA0MDggNDY0IDQwOEwzMzYgNDA4ek0zMzYgMjY0QzMyNy4yIDI2NCAzMjAgMjU2LjggMzIwIDI0OEMzMjAgMjM5LjIgMzI3LjIgMjMyIDMzNiAyMzJMNTI4IDIzMkM1MzYuOCAyMzIgNTQ0IDIzOS4yIDU0NCAyNDhDNTQ0IDI1Ni44IDUzNi44IDI2NCA1MjggMjY0TDMzNiAyNjR6TTMzNiAxMjhDMzI3LjIgMTI4IDMyMCAxMjAuOCAzMjAgMTEyQzMyMCAxMDMuMiAzMjcuMiA5NiAzMzYgOTZMNTkyIDk2QzYwMC44IDk2IDYwOCAxMDMuMiA2MDggMTEyQzYwOCAxMjAuOCA2MDAuOCAxMjggNTkyIDEyOEwzMzYgMTI4eiIvPjwvc3ZnPg==);

    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    content: "";
    display: inline-block;
    background-color: currentColor;
    width: 20px;
    height: 20px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.wc-block-catalog-sorting form select {
    width: 40px;
    aspect-ratio: 1;
    appearance: none;
    text-indent: -999px;
    border-radius: 999px;
    cursor: pointer;
    border: none;
    background-color: var(--wp--preset--color--secondary);

    &,
    &::picker(select) {
        appearance: base-select;
    }
}

.wc-block-catalog-sorting form select option {
    min-width: 260px;
    text-indent: initial;
    color: #fff;
    padding: 5px;
}

.wc-block-catalog-sorting form select option:focus,
.wc-block-catalog-sorting form select option:hover,
.wc-block-catalog-sorting form select option[selected="selected"] {
    background-color: var(--wp--preset--color--color-dark);
    color: #fff;

}

.wc-block-components-sort-select__select option,
.wc-block-components-product-sort-select option,
.woocommerce .woocommerce-ordering select option,
.value #pa_color option,
.value #pa_size option,
.value #logo option {
    color: var(--wp--preset--color--foreground);
    font-size: var(--wp--preset--font-size--extra-small);
}

.wp-block-group.wp-product-collection-footer {
    text-align: center;
}

.wp-block-group.wp-product-collection-footer .wp-block-query-pagination {
    margin-top: var(--wp--preset--spacing--21);
}

.wc-block-next-previous-buttons {
    z-index: 3;
}

/** woocommerce page header  relative **/
body:has(.woo-single-product-column) header.block-editor-block-list__block:has(.header-transparent),
body:has(.wp-top-filter-row) header.block-editor-block-list__block:has(.header-transparent),
body:has(.block-editor-block-list__block.wp-product-category-with-sidebar) header.block-editor-block-list__block:has(.header-transparent),
body:has(.block-editor-block-list__block.wp-product-category-with-sidebar) .wc-block-mini-cart .wc-block-mini-cart__amount {
    position: relative !important;
    width: 100%;
    z-index: 999;
    min-height: 110px;
}

body:has(.woo-single-product-column) .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open),
body:has(.wp-top-filter-row) .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open),
body:has(.block-editor-block-list__block.wp-product-category-with-sidebar) .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
    color: var(--wp--preset--color--foreground) !important;
}

body:has(.woo-single-product-column),
body:has(.wp-top-filter-row),
body:has(.block-editor-block-list__block.wp-product-category-with-sidebar),
.woocommerce,
.woocommerce-account,
.woocommerce-cart,
.woocommerce-checkout,
.page-template-archive-product-sidebar-on-left,
.page-template-archive-product-sidebar-on-right,
.single-product {
    header .header-transparent {
        position: relative !important;
        width: 100% !important;
        z-index: 10;
        transition: all 0.4s;
        border-bottom: 1px solid var(--wp--preset--color--border-default-color);
    }

    .wc-block-mini-cart .wc-block-mini-cart__amount,
    .wp-block-navigation__responsive-container-open,
    .wp-block-group.wp-header-search-cart .wp-block-woocommerce-customer-account,
    .wp-block-main-header .wc-block-mini-cart.wp-block-woocommerce-mini-cart,
    .wp-block-main-header .wc-block-mini-cart__button .wc-block-mini-cart__icon,
    :where(.wp-block-site-tagline),
    :where(.wp-block-site-title a:where(:not(.wp-element-button))),
    .wp-block-main-header .wp-block-navigation .wp-block-navigation {
        color: var(--wp--preset--color--foreground);


    }

    .wp-block-group.wp-header-search-cart .wp-block-woocommerce-customer-account,
    .wp-block-main-header .wc-block-mini-cart.wp-block-woocommerce-mini-cart,
    .wp-block-main-header .wc-block-mini-cart__button .wc-block-mini-cart__icon {

        &:hover,
        &:focus {
            color: var(--wp--preset--color--text-link) !important;
        }
    }

    .wp-primary-search .wp-search-toggle-container .wp-search-toggle__icon {

        background-color: var(--wp--preset--color--foreground);
    }

    .wp-primary-search.toggled-on .wp-search-toggle {
        background-color: var(--wp--preset--color--color-light);
    }

}

.woocommerce-page .wp-primary-search .wp-search-toggle-container .wp-search-toggle .wp-element-button {
    background-color: var(--wp--preset--color--foreground);

    &:hover,
    &:focus {
        background-color: var(--wp--preset--color--text-link);
    }
}

/** Product Single Page **/


.wp-block-accordion-panel {
    margin: 0;
}

.wc-block-editor-product-gallery img {
    max-width: 100%;
}

.wp-block-table td p:last-of-type {
    margin: 0;
}

.wp-block-woocommerce-product-review-author-name a {
    text-decoration: none;
    color: var(--wp--preset--color--foreground)
}


.wp-block-woocommerce-product-review-template .wp-block-woocommerce-product-review-rating {
    margin-left: auto !important;
}

.wp-block-woocommerce-product-details .wp-block-table table {
    border-collapse: collapse;
    width: 100%;
    background: var(--wp--preset--color--background);
}

.wp-block-group.wp-cross-sells-products+.wp-product-faq-section {
    margin-top: var(--wp--preset--spacing--70);
}

.wc-block-components-product-summary ul {
    padding: 0;
    list-style-type: none;
    color: var(--wp--preset--color--body-text);

    li {
        position: relative;
        padding-left: 30px;

        &:before {
            position: absolute;
            top: 5px;
            left: 5px;
            content: '';
            width: 6px;
            height: 12px;
            border-right: 2px solid var(--wp--preset--color--body-text);
            border-bottom: 2px solid var(--wp--preset--color--body-text);
            transform: rotate(45deg);
            opacity: 0.7;
        }

        &:not(:last-child) {
            margin-bottom: 10px;

        }
    }


}

.wp-block-woocommerce-product-details ul {
    padding: 0;
    margin: 28px 0;

    li {
        list-style: none;
        padding-left: 35px;
        position: relative;
        margin-bottom: 10px;

        &::before {
            position: absolute;
            top: 3px;
            left: 5px;
            content: '';
            width: 6px;
            height: 12px;
            border-right: 2px solid var(--wp--preset--color--body-text);
            border-bottom: 2px solid var(--wp--preset--color--body-text);
            transform: rotate(45deg);
            opacity: 0.7;
        }
    }
}

@media screen and (min-width: 782px) and (max-width: 1200px) {

    .wp-product-description-cols>.wp-block-columns>.wp-block-column,
    .woo-single-product-column>.wp-block-column {
        flex-basis: 50% !important;

    }

    .woo-single-product-column {
        gap: 3rem;
    }


}



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

    .wp-product-description-cols>.wp-block-columns {
        flex-direction: column;
        gap: 3rem;
    }
}

@media screen and (min-width: 75em) {
    .woocommerce div.product div.images .flex-control-thumbs {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding-right: 10px;
        flex: 0 0 100px;
        width: 100px;
        overflow-y: auto !important;
        max-height: 640px;
        scrollbar-width: thin;
        scrollbar-color: #dad6d6 rgba(0, 0, 0, 0);
    }

    .woocommerce div.product div.images .flex-viewport {
        flex: 1;
    }

    .woocommerce div.product div.images .flex-control-thumbs li {
        width: 100%;
    }

    .woocommerce div.product div.images .flex-control-thumbs li img {
        border: 1px solid var(--wp--preset--color--border-default-color);
        transition: all 0.4s;
    }

    .woocommerce div.product div.images .flex-control-thumbs li img:hover {
        opacity: 1;
    }

    .woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
        border: 1px solid var(--wp--preset--color--foreground);
    }

    .woocommerce div.product div.images.woocommerce-product-gallery {
        position: relative;
        display: flex;
        flex-direction: row-reverse;
        gap: 1.5rem;

    }


}

/** Variable/Group Products **/
.wc-block-add-to-cart-form .woocommerce-grouped-product-list,
.woocommerce div.product form.cart .variations {
    display: inline-table;
    position: relative;
    padding-bottom: 35px;
    width: 100%;
    font-size: var(--wp--preset--font-size--small);
}

.woocommerce div.product form.cart {
    display: block;
}

.wc-block-add-to-cart-form .woocommerce-grouped-product-list tr,
.woocommerce div.product form.cart table.variations tr {
    display: flex;
}

.wc-block-add-to-cart-form .woocommerce-grouped-product-list td,
.wc-block-add-to-cart-form .woocommerce-grouped-product-list th,
.woocommerce div.product form.cart table.variations td,
.woocommerce div.product form.cart table.variations th {
    display: block;
    width: 100%;
    padding-bottom: 0.5rem;
    margin: 0;
}

.variation-option {
    cursor: pointer;
    border: 1px solid transparent;
}

.variation-option:hover {
    border-bottom: 1px solid var(--wp--preset--color--foreground);
}

.variation-option.active {
    font-weight: 500;
    color: var(--wp--preset--color--text-link);
    border-bottom: 1px solid var(--wp--preset--color--text-link);
}

.woocommerce div.product form.cart .variations label {
    font-weight: 500;
    margin: 0;
}

.wc-block-breadcrumbs+.wp-block-post-title {
    margin-top: 14px;
}

.woocommerce div.product form.cart .reset_variations {
    position: absolute;
    right: 0;
    margin-top: 20px;
    text-transform: uppercase;
    font-family: var(--wp--preset--font-family--syne);
    font-size: var(--wp--preset--font-size--small);
    font-style: normal;
    font-weight: 500;
}

table.woocommerce-grouped-product-list,
table.variations {
    tr:not(:last-child) {
        margin-bottom: 10px;
    }

    th {
        width: 60px;
    }
}

.custom-variation {
    display: flex;
    justify-content: flex-end;
    gap: 0 1rem;
    flex-wrap: wrap;
}

.wc-block-add-to-cart-form .woocommerce-grouped-product-list tr>*,
.woocommerce div.product form.cart .variations tr>* {
    background: #f6f6f6;
    padding: 10px 20px;
}

.woocommerce div.product form.cart table.variations td select {
    min-width: 100%;
    opacity: 0;
    display: none;
}

.woocommerce div.product form.cart .variations select {
    border: 1px solid var(--wp--preset--color--border-default-color);
}

.woocommerce div.product form.cart button[name="add-to-cart"],
.woocommerce div.product form.cart button.single_add_to_cart_button {
    border-radius: 32px;
    min-width: 260px;
    height: 56px;
}

.woo-single-product-column .wp-block-post-terms .wp-block-post-terms__separator {
    display: inline-block;
}

.woo-single-product-column .wp-block-post-terms a {
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: var(--wp--preset--font-size--small);
    margin-right: 0;
}

.wp-block-group.product-meta-wrap {
    gap: 0.75rem 3rem;
}

.wp-block-accordion-item.is-open .wp-block-accordion-heading {
    color: var(--wp--preset--color--text-link);
}

.woocommerce-variation-price {
    font-size: var(--wp--preset--font-size--entry-title);
    font-weight: 500;
}



.quantity.wc-block-components-quantity-selector {
    border-radius: 32px;
    align-items: center !important;
    font-size: var(--wp--preset--font-size--regular);
    border: 1px solid var(--wp--preset--color--border-default-color);
    height: 56px;
    margin-right: 20px !important;
}

.wc-block-add-to-cart-form .woocommerce-grouped-product-list .quantity .qty {
    border-radius: 0;
    padding: 0 15px;
    border: none;
    font-size: var(--wp--preset--font-size--default) !important;
    text-align: center;
    margin: 0;
    background: transparent;
    margin: 0;
    width: 80px;
    height: auto;
}

.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
    font-size: var(--wp--preset--font-size--default) !important;
}

.woocommerce div.product form.cart .group_table label {
    text-transform: initial;
    letter-spacing: normal;
    margin: 0;
    font-size: var(--wp--preset--font-size--default);
}

.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label a {
    text-decoration: none;
    color: var(--wp--preset--color--foreground);
    border-bottom: 1px solid transparent;

    &:hover,
    &:focus {
        color: var(--wp--preset--color--text-link);
        border-bottom: 1px solid var(--wp--preset--color--text-link);
    }
}

.wc-block-mini-cart__empty-cart-wrapper .wp-block-button {
    margin: 0 auto;
    border-radius: 32px;
    overflow: hidden;
}

.wp-block-woocommerce-empty-mini-cart-contents-block {
    .wc-block-mini-cart__empty-cart-wrapper {
        p {
            font-family: var(--wp--preset--font-family--eb-garamond);
            font-size: var(--wp--preset--font-size--regular);
            font-weight: 500;
            line-height: 40px;
            color: var(--wp--preset--color--stone-950);


            &::before {
                content: "";
                display: block;

                width: 100px;
                height: 100px;
                margin: 0 auto 20px;

                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23000000' d='M240 128L240 192L400 192L400 128C400 83.8 364.2 48 320 48C275.8 48 240 83.8 240 128zM224 208L112 208L112 528L528 528L528 208L416 208L416 288L400 288L400 208L240 208L240 288L224 288L224 208zM224 192L224 128C224 75 267 32 320 32C373 32 416 75 416 128L416 192L544 192L544 544L96 544L96 192L224 192z'/%3E%3C/svg%3E");

                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
            }

            strong {
                font-weight: 500;
            }
        }
    }
}

.woocommerce div.product form.cart .group_table td .amount {
    font-weight: 500;
}

.woocommerce-page label {
    margin-bottom: .7em;
    display: inline-block;
    font-size: var(--wp--preset--font-size--extra-small);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: var(--wp--preset--font-family--syne);
}

.wp-block-woocommerce-product-review-form .comment-reply-title {
    font-weight: 500;
    margin-bottom: 14px;
    display: inline-block;
}

.woocommerce-page .wp-block-woocommerce-checkout-order-note-block label,
.woocommerce-page .wp-block-woocommerce-checkout-terms-block label {
    text-transform: initial;
    letter-spacing: initial;
    font-size: var(--wp--preset--font-size-small);
}

.wp-product-faq-section .fse-pro-advanced-accordion-controls .fse-pro-toggle-btn {
    width: 26px !important;
    height: 26px !important;
    padding: 0;
    background: transparent;
    margin: 0;
}

.wp-product-faq-section .fse-pro-advanced-accordion-controls .fse-pro-advanced-accordion-title-wrap {
    border: none !important;
    padding: 12px 22px;
}

.wp-product-faq-section .fse-pro-advanced-accordion-controls .inner-wrap .inner-content {
    padding: 0 22px 15px;
    margin-top: 0;

    p {
        margin-top: 0;
    }
}

.wp-block-fse-pro-accordion-item:not(:last-child) {
    margin-bottom: 0;
}

.woocommerce div.product p.stock {
    font-size: 1rem;
    color: red;
    font-weight: 600;
}

/**  Single Product Vertical Gallery **/

.vertical-gallery .woocommerce.wc-block-store-notices {
    margin: 0 auto;
}

.vertical-gallery :where(.wc-block-product-gallery-large-image) :where(.wc-block-product-gallery-large-image__wrapper):has(.wc-block-components-product-image--aspect-ratio-auto) {
    aspect-ratio: inherit;
}

@media screen and (min-width: 75em) {

    .vertical-gallery .wc-block-next-previous-buttons,
    .vertical-gallery .wc-block-product-gallery-thumbnails {
        display: none;
    }


    .vertical-gallery .wc-block-product-gallery-large-image__container {
        flex-direction: column;
        gap: 2px;
        overflow: visible;
    }

    .vertical-gallery .wc-block-product-gallery-large-image.wp-block-woocommerce-product-gallery-large-image {
        aspect-ratio: initial;
    }
}

/* Woo Sales Badge */
.woocommerce {
    .wp-block-woocommerce-product-image-gallery {
        span.onsale {
            padding: .25em .75em;
            left: 5px;
            top: 5px;
            min-width: auto;
            min-height: auto;
            line-height: 1.5;
            text-transform: uppercase;
            font-weight: 600;
        }
    }
}

.woocommerce:has(.flex-control-thumbs) .wp-block-woocommerce-product-image-gallery span.onsale {
    left: 145px;
}

.wc-block-grid .wc-block-grid__product-onsale,
.wc-block-grid__product-image .wc-block-grid__product-onsale,
.woocommerce .wp-block-woocommerce-product-image-gallery span.onsale,
.wc-block-components-product-sale-badge {
    background: var(--wp--preset--color--text-link);
    color: var(--wp--preset--color--color-light);
    border: 0;
    border-radius: 0;
    font-size: var(--wp--preset--font-size--tiny);
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {

    z-index: 3;
}

.woo-single-product-column {
    margin: 0;
    gap: 2.5rem;
}

.wp-block-group.alignfull.wp-product-description-cols {
    margin-top: 0;
}

.wp-block-woocommerce-product-details strong {
    font-weight: 700;
}

/* Woocommerce Breadcrumb */
.woocommerce.wc-block-breadcrumbs {}

.search .woocommerce.wc-block-breadcrumbs {
    text-align: center;

}

.woocommerce-breadcrumb {
    margin-bottom: 0 !important;
    color: var(--wp--preset--color--meta);
    font-size: var(--wp--preset--font-size--extra-small);
    text-align: left;

    a {
        color: var(--wp--preset--color--foreground);
    }
}

.woocommerce-checkout {
    .entry-content {
        margin-top: 0 !important;

        .wp-block-woocommerce-checkout {
            padding-top: 0 !important;
        }
    }

    .wc-block-components-product-name {
        font-size: 1em;
        font-weight: 500 !important;
        margin-bottom: 5px;
    }

    span.wc-block-components-payment-method-label,
    .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount {
        font-weight: 500;
    }
}

.wc-block-components-shipping-rates-control__package label {
    display: block;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item {
    padding-bottom: 7px;
}

.wc-block-components-product-badge {
    display: inline-block;
    font-size: .75em;
    font-weight: 500;
    padding: 5px 10px;
    text-transform: uppercase;
    white-space: nowrap;
    background: var(--wp--preset--color--secondary);
    border: navajowhite;
    border-radius: 32px;
}


/* Mini Cart */
h2.wc-block-mini-cart__title {

    font-size: 1.5em;

}

.wc-block-components-totals-item span {
    font-size: var(--wp--preset--font-size--regular);
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    background: var(--wp--preset--color--secondary-bg-color);
    border: 0;
    box-shadow: none;
    color: currentColor;
    cursor: pointer;
    font-size: .9em;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    min-width: 25px;
    opacity: .6;
    padding: 0;
    text-align: center;
    text-decoration: none;
    border-radius: 50% !important;
    height: 25px;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    background: var(--wp--preset--color--tertiary);
    border: 0;
    box-shadow: none;
    color: currentColor;
    cursor: pointer;
    font-size: .9em;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    min-width: 25px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    border-radius: 50% !important;
    height: 25px;
    opacity: 1;

    &:hover {
        background: var(--wp--preset--color--button-color);
        color: var(--wp--preset--color--color-light)
    }
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    text-decoration: none;
    font-family: var(--wp--preset--font-family--syne);
    font-weight: 700;

    &:hover,
    &:focus {
        color: var(--wp--preset--color--text-link);
    }
}

.wc-block-components-formatted-money-amount,
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount,
.is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount,
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices {
    font-weight: 500;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector {
    margin-bottom: 0;
    border: 1px solid var(--wp--preset--color--border-default-color)
}

.wc-block-cart-item__wrap .wc-block-cart-item__quantity {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.wc-block-components-quantity-selector:after {
    border-radius: 32px;
    border: 1px solid var(--wp--preset--color--border-default-color);
    opacity: 1;
}

.wc-block-components-product-metadata {
    font-size: 14px;
    color: var(--wp--preset--color--meta);
}

.wc-block-components-quantity-selector {
    align-items: center;
    padding: 0 5px;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    font-size: var(--wp--preset--font-size--default);
    color: var(--wp--preset--color--title-color);
}

.is-medium table.wc-block-cart-items .wc-block-cart-items__row,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row,
.is-small table.wc-block-cart-items .wc-block-cart-items__row {
    padding: 21px 0;
}

.wc-block-mini-cart__footer-actions .wc-block-components-button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
    border-radius: 32px;
    box-shadow: none !important;
}

h2.wc-block-mini-cart__title {
    margin: 16px 28px -32px;
}

.wc-block-mini-cart__items {

    padding: 16px 28px 0;
}

.wc-block-mini-cart__footer {
    padding: 24px 28px;
}

.wp-block-woocommerce-checkout-order-summary-totals-block {
    background-color: var(--wp--preset--color--background);

}

.wc-block-components-checkout-step__title {

    font-size: var(--wp--preset--font-size--entry-title) !important;
}

.entry-content {
    .breadcrumb-area {
        display: none;
    }
}

/* Input Field Number */
input[type="number"] {
    -moz-appearance: textfield;
    font-weight: 400 !important;
}

.wc-block-add-to-cart-form {
    .quantity {
        .qty {
            padding: 0.89rem 0.5rem;
            margin-top: 0;
            box-sizing: border-box;
            font-size: var(--wp--preset--font-size--regular) !important;
            border-radius: 32px;
            border: none;
            height: 56px;


            &:focus,
            &:hover {
                outline: none;
                box-shadow: none;
            }

        }
    }
}

/* Product Category Lits */
.wc-block-product-categories.wp-block-woocommerce-product-categories {
    .wc-block-product-categories-list {
        margin-left: 0;
        padding-left: 0;

        .wc-block-product-categories-list-item {
            margin-bottom: 0.5rem;
            text-align: right;
            list-style: none;
            overflow: hidden;

            a {
                float: left;
                color: var(--wp--preset--color--meta);
                text-decoration: none;

                &:hover {
                    text-decoration: underline;
                    color: var(--wp--preset--color--text-link);
                }
            }

            &:last-child {
                margin-bottom: 0;
            }
        }
    }
}

.wc-block-product-categories.wp-block-woocommerce-product-categories .wc-block-product-categories-list .wc-block-product-categories-list {
    padding: 14px 0 14px 20px;
}

.wc-block-grid {
    .wc-block-grid__products {
        .wc-block-grid__product {
            .wc-block-components-product-title {
                font-weight: 400;
                font-size: var(--wp--preset--font-size--18);

                a {
                    color: var(--wp--preset--color--title);
                    text-decoration: none;

                    &:hover {
                        color: var(--wp--preset--color--link-color);
                    }
                }
            }

            .wc-block-components-product-image {
                margin-bottom: var(--wp--preset--spacing--24);
            }

            >* {
                margin-bottom: .75rem;
                margin-top: 0;
                text-decoration: none;
            }
        }
    }

    .wc-block-pagination {
        .wc-block-pagination-page {
            color: var(--wp--preset--color--link-color);

            &:hover {
                color: var(--wp--preset--color--body-text);
            }
        }
    }
}

.woocommerce a.added_to_cart,
.added_to_cart.wc_forward {
    margin: 0;
    background-color: #fff;
    border: none;
    color: var(--wp--preset--color--title);
    font-family: inherit;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    padding: 14px 20px;
    text-decoration: underline;
    border-radius: 32px;
    text-align: center;
    text-decoration: none;
    font-family: var(--wp--preset--font-family--syne);
    font-size: var(--wp--preset--font-size--small);
    min-width: 90px;
    display: block;

    &:hover {
        text-decoration: none;
        background-color: var(--wp--preset--color--foreground);
        color: var(--wp--preset--color--background);
    }
}

.wp-block-button__link.add_to_cart_button {
    margin-bottom: 0 !important;
}

.wp-product-detail .wp-block-post-terms .wp-block-post-terms__prefix {
    color: var(--wp--preset--color--meta);
}

html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li a {
    font-family: var(--wp--preset--font-family--gelasio);
    font-size: var(--wp--preset--font-size--body-default);
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
    max-width: var(--wp--style--global--content-size);

}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid var(--wp--preset--color--border-default-color) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--wp--preset--color--title) !important;
    opacity: 1;
}

html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li.active,
html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li:focus-within,
html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li:hover {
    border-color: var(--wp--preset--color--title);
}

.wp-block-woocommerce-related-products .wp-block-query .wp-block-post-template li:nth-last-child(1):nth-child(odd) {
    grid-column: auto;
}

:where(.wc-block-product-template .wc-block-product)>:not(:last-child) {
    margin-bottom: 16px !important;
}

.wc-block-product-template .wp-block-post-title {
    margin-top: 21px !important;
}

/** featured products css **/
.wp-block-featured-products {

    .wc-block-featured-product__description,
    .wc-block-featured-product__link,
    .wc-block-featured-product__price,
    .wc-block-featured-product__title,
    .wc-block-featured-product__variation {
        padding-inline: 0;
    }

    .wc-block-featured-product {
        align-content: flex-start;
        color: var(--wp--preset--color--title);
        min-height: auto !important;


        .wc-block-featured-product__description:empty {
            display: none;
        }

        .wc-block-featured-product__title {
            margin-top: 21px;
            font-size: var(--wp--preset--font-size--entry-title);
        }

        .background-dim__overlay {
            display: none;
        }

        .wc-block-featured-product__background-image {
            position: relative;
        }

        .wc-block-featured-product__link>.wp-block-buttons {
            margin: 7px 0 0
        }
    }

}

/** featured category css **/
.wp-block-featured-category {
    .wc-block-featured-category {
        align-content: flex-end;
        padding-bottom: 30px;

        .wc-block-featured-category__background-image {
            transition: all 0.4s;
        }

        &:hover,
        &:focus {
            .wc-block-featured-category__background-image {
                transform: scale(1.05);
            }
        }

        .wc-block-featured-category__wrapper>*:not(.background-dim__overlay, .wc-block-featured-category__background-image) {
            max-width: 70%;
            margin-inline: auto;
            padding: 0 25px 16px;
        }

        &.has-left-content {
            .wc-block-featured-category__wrapper>*:not(.background-dim__overlay, .wc-block-featured-category__background-image) {
                margin-right: auto;
                margin-left: 0;
            }
        }

        &.has-right-content {
            .wc-block-featured-category__wrapper>*:not(.background-dim__overlay, .wc-block-featured-category__background-image) {
                margin-left: auto;
                margin-right: 0;
            }
        }

        .wc-block-featured-category__background-image {}

        .wc-block-featured-category__title {
            font-size: var(--wp--preset--font-size--post-title);
        }

        .wc-block-featured-category__description p {
            line-height: 1.5;
            font-family: (--wp--preset--font-family--gelasio);
            font-size: var(--wp--preset--font-size--body-default);
        }



        .wp-block-buttons {
            margin-top: 7px;

            .is-style-high-performance-button .wp-block-button__link {
                color: inherit;

            }

            .is-style-fill .wp-block-button__link,
            .is-style-fill .wp-element-button {

                &:hover,
                &:focus {
                    background-color: var(--wp--preset--color--light);
                    border-color: var(--wp--preset--color--light);
                }

            }

            .is-style-outline .wp-block-button__link,
            .is-style-outline .wp-element-button {
                border-color: var(--wp--preset--color--light);
                color: var(--wp--preset--color--light);

                &:hover,
                &:focus {
                    color: var(--wp--preset--color--dark);
                    background-color: var(--wp--preset--color--light);
                    border-color: var(--wp--preset--color--light);
                }

            }

            .is-style-high-performance-button .wp-block-button__link {}
        }

    }
}

/** featured category slider css **/
.wp-featured-category-slider {
    .wp-block-woocommerce-featured-category {
        display: flex;
    }

    .wp-featured-category-col {
        display: flex;
    }

    .wc-block-featured-category {
        color: var(--wp--preset--color--title);
        display: block;
        min-height: auto !important;


        .wc-block-featured-category__wrapper {
            padding-top: var(--wp--preset--spacing--42);
            padding-bottom: var(--wp--preset--spacing--42);

            .background-dim__overlay {
                display: none;
            }

            .wc-block-featured-category__background-image {
                position: relative;
                display: none;
            }

            .wc-block-featured-category__description p {
                line-height: 1.5;
                font-size: var(--wp--preset--font-size--body-default);
            }

            .wc-block-featured-category__title {
                font-size: var(--wp--preset--font-size--post-title-large);
            }

            .wp-block-buttons {
                margin-top: 14px
            }



        }
    }
}

.wc-block-cart__empty-cart__title {
    font-size: var(--wp--preset--font-size--section-title);
    margin: 0;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    height: 2em;
    margin: 0 auto 0.75em;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTkgMEM4LjUwNCAwIDAgOC41MDQgMCAxOXM4LjUwNCAxOSAxOSAxOSAxOS04LjUwNCAxOS0xOVMyOS40OTYgMCAxOSAwWm02LjEyOSAxMi44NzFhMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTEgMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTJaTTExLjY0NSAzMS4yNThjLTIuMDMgMC0zLjY3Ny0xLjYwOS0zLjY3Ny0zLjYgMC0xLjUzMyAyLjE4My00LjYyOCAzLjE4Ny01Ljk2MWEuNjEuNjEgMCAwIDEgLjk4IDBjMS4wMDQgMS4zMzMgMy4xODggNC40MjggMy4xODggNS45NiAwIDEuOTkyLTEuNjQ4IDMuNjAxLTMuNjc4IDMuNjAxWm0xLjIyNi0xMy40ODRhMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTIgMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTFabTEzLjA0IDExLjgxNEE4Ljk4OSA4Ljk4OSAwIDAgMCAxOSAyNi4zNTVjLTEuNjI0IDAtMS42MjQtMi40NTIgMC0yLjQ1MmExMS40IDExLjQgMCAwIDEgOC43ODggNC4xMjJjMS4wNTcgMS4yNTctLjg1OSAyLjc5Ni0xLjg3OCAxLjU2M1oiLz48L3N2Zz4=);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 2em;
    width: 2em;
}

.wp-block-woocommerce-empty-cart-block p a {
    border-radius: 32px !important;
    background-color: transparent;
    border-color: var(--wp--preset--color--button-color);
    border-width: 2px;
    border-style: solid;
    color: var(--wp--preset--color--text-link);
    font-family: var(--wp--preset--font-family--syne);
    font-size: var(--wp--preset--font-size--small);
    font-style: normal;
    font-weight: 500;
    letter-spacing: inherit;
    line-height: 1.5;
    padding-top: 14px;
    padding-right: 25px;
    padding-bottom: 14px;
    padding-left: 25px;
    text-decoration: none;
    margin-top: 14px;
    display: inline-block;
    text-transform: uppercase;

    &:hover {
        background-color: var(--wp--preset--color--button-color);
        color: var(--wp--preset--color--color-light);
    }
}

.editor-styles-wrapper .wc-block-cart__empty-cart__title,

.theme-twentytwenty .wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull),
.wc-block-grid.has-3-columns:not(.alignwide):not(.alignfull) {
    font-size: var(--wp--preset--font-size--body-default);
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    font-size: var(--wp--preset--font-size--small);
}


.wc-block-grid__product-title {
    font-size: var(--wp--preset--font-size--regular) !important;
    text-decoration: none !important;
    color: var(--wp--preset--color--title-color);
    font-family: var(--wp--preset--font-family--syne);

    &:hover {
        color: var(--wp--preset--color--text-link);
    }
}

/** Cross Sells Products  **/
.wp-cross-sells-products {
    .wc-block-product-template .wc-block-product {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1.5rem;
        margin-top: 0;

        .wc-block-components-product-button {

            .wc-block-components-product-button__button {
                padding: 7px 20px !important;

                &::before {
                    display: none;
                }

                &:hover::after {
                    color: var(--wp--preset--color--light);
                }
            }

            .wp-block-button__link span[data-wp-text] {
                display: none;
            }

            /* Add your new text on the button */
            .wp-block-button__link::after {
                content: "+ Add";
                display: block;
                text-align: center;
                font-size: 14px;
                color: var(--wp--preset--color--foreground);
                line-height: inherit;
                pointer-events: none;
                position: relative !important;
                transform: none;
                left: auto !important;
                right: auto !important;
                mask: none;
                background: transparent;
                width: auto;
                height: auto;

            }

        }

        .wc-block-components-product-image {

            width: 60px;
        }

        .wp-product-details {
            width: 70%;

            .is-layout-flex {
                gap: 0.5rem;
            }

            .wp-block-post-title {
                margin-top: 0 !important;
            }

        }
    }

}

.wp-cross-sells-products .wc-block-product-template .wc-block-product .wc-block-components-product-button a.product_type_simple.wp-block-button__link::after {
    display: none;
}

@media screen and (max-width: 567px) {
    .wp-cross-sells-products .wc-block-product-template .wc-block-product .wc-block-components-product-button .wc-block-components-product-button__button {
        padding: 5px 12px !important;
    }

    .wp-cross-sells-products .wc-block-product-template .wc-block-product {
        gap: 1rem !important;
    }

    .wp-cross-sells-products .wc-block-product-template .wc-block-product .wp-product-details>div {
        flex-direction: column;
        align-items: baseline;
    }
}

.wp-product-faq-section>*,
.wp-cross-sells-products .wp-block-woocommerce-product-collection {
    max-width: 100% !important;
}

.block-editor-block-list__block.wp-cross-sells-products .wc-block-product-template .wc-block-product .wp-product-details .is-layout-flex {
    flex-wrap: wrap;
}

.block-editor-block-list__block.wp-cross-sells-products .wc-block-product-template .wc-block-product .wc-block-components-product-button .wp-block-button__link::after {
    display: none;
}

.block-editor-block-list__block.wp-cross-sells-products .wc-block-product-template .wc-block-product {
    gap: 1rem;
}

.block-editor-block-list__block.wp-cross-sells-products .wc-block-product-template .wc-block-product .wc-block-components-product-button .wc-block-components-product-button__button {
    padding: 7px !important;
    font-size: 12px !important;
}

.wp-cross-sells-products .wp-block-woocommerce-product-sale-badge {
    min-width: 54px;
    position: relative;
    top: -5px;
}

/** My Account Page **/
.woocommerce-account {
    .wp-block-section.wp-block-post-content-section {
        padding-top: var(--wp--preset--spacing--21);
    }

    .header-media-inner-post .wp-block-cover {
        min-height: auto;
        height: auto;
        padding: var(--wp--preset--spacing--91) 0 0;
        max-width: var(--wp--style--global--wide-size);
        margin: 0 auto;


        .wp-block-cover__inner-container {
            max-width: 100%;
            width: 100%;

        }

        .wp-block-cover__inner-container>.wp-block-group {
            padding: 0 var(--wp--style--root--padding-right) !important;
        }

        .has-background-dim,
        .wp-block-cover__image-background {
            display: none;
        }

        .wp-block-post-title {
            color: var(--wp--preset--color--foreground) !important;
            text-align: left;
            font-size: var(--wp--preset--font-size--section-title) !important
        }
    }
}

.woocommerce-account .wp-block-post-title,
.wp-block-group.wp-account-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.woocommerce-account main .woocommerce {
    max-width: 100%;

    h2 {
        font-size: var(--wp--preset--font-size--post-title) !important;
        margin-top: 0
    }

    .woocommerce-form {
        padding: 0;
        border: none;




        &.login {
            .woocommerce-form-login__rememberme {
                display: block;
                margin-top: 28px;
                font-size: var(--wp--preset--font-size--regular);
                letter-spacing: normal;
                text-transform: none;
            }
        }

        .woocommerce-button {
            border-radius: 32px;

            &.woocommerce-form-register__submit {
                background-color: transparent;
                color: var(--wp--preset--color--text-link);

                &:hover,
                &:focus {
                    background-color: var(--wp--preset--color--foreground);
                    color: var(--wp--preset--color--background);
                }
            }
        }

        &.woocommerce-form-register {
            p {
                font-size: var(--wp--preset--font-size--entry-title);
            }

            .woocommerce-privacy-policy-text p {
                font-size: var(--wp--preset--font-size--small);
                color: var(--wp--preset--color--meta);
            }
        }

        .form-row .input-text,
        .form-row select {
            border: none;
            border-radius: 0;
            border-bottom: 1px solid var(--wp--preset--color--border-default-color);
            padding-inline: 0;
            padding-top: 7px;
            font-size: var(--wp--preset--font-size--regular);

            &:hover,
            &:focus {
                border-bottom: 1px solid var(--wp--preset--color--text-link);
            }
        }



    }


}

.woocommerce form .form-row {
    margin: 0 0 14px;
}

@media screen and (min-width: 1200px) {

    .woocommerce-account main .woocommerce:not(:has(.u-columns)) form>* {
        width: calc(50% - 80px);
    }

    .woocommerce-account:not(.logged-in) main .woocommerce:not(:has(.u-columns)) form {
        display: flex;
        flex-wrap: wrap;
        gap: 20px 80px;
    }

    .woocommerce-account main .woocommerce:not(:has(.u-columns)) .woocommerce-form.login .woocommerce-form-login__rememberme {
        margin-top: 0;
    }

    .woocommerce-account main .woocommerce .woocommerce-form .woocommerce-button {
        padding-top: 18px;
        padding-right: 36px;
        padding-bottom: 18px;
        padding-left: 36px;
        margin-top: 21px;
    }

    .woocommerce-account main .woocommerce .woocommerce-form.login .woocommerce-form-login__rememberme {
        margin-top: 28px;
    }

    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        width: 45%;
    }
}


/** my account dashboard **/
.woocommerce-account {
    .woocommerce-MyAccount-navigation {
        .woocommerce-MyAccount-navigation-link {
            position: relative;
            font-family: var(--wp--preset--font-family--syne);
            font-weight: 500;
            font-size: var(--wp--preset--font-size--default);


            &.is-active {
                color: var(--wp--preset--color--text-link);


                a {
                    color: inherit;
                    text-decoration: none;
                }
            }

            a {
                color: inherit;

                &::before {
                    content: "";
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    margin-right: 10px;
                    position: relative;
                    top: 3px;
                    background-size: contain;
                    background-repeat: no-repeat;
                    filter: var(--wp--preset--color--text-link);
                }

            }




            &.woocommerce-MyAccount-navigation-link--dashboard a::before {
                background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><rect width="7" height="9" x="3" y="3" rx="1"/><rect width="7" height="5" x="14" y="3" rx="1"/><rect width="7" height="9" x="14" y="12" rx="1"/><rect width="7" height="5" x="3" y="16" rx="1"/></svg>');

            }

            &.woocommerce-MyAccount-navigation-link--orders a::before {
                background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>');


            }

            &.woocommerce-MyAccount-navigation-link--downloads a::before {
                background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>');

            }

            &.woocommerce-MyAccount-navigation-link--edit-address a::before {
                background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>');

            }

            &.woocommerce-MyAccount-navigation-link--edit-account a::before {
                background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="18" cy="15" r="3"/><circle cx="9" cy="7" r="4"/><path d="M10 15H6a4 4 0 0 0-4 4v2"/><path d="m21.7 16.4-.9-.3"/><path d="m15.2 13.9-.9-.3"/><path d="m16.6 18.7.3-.9"/><path d="m19.1 12.2.3-.9"/><path d="m19.6 18.7-.4-1"/><path d="m16.8 12.3-.4-1"/><path d="m14.3 16.6 1-.4"/><path d="m20.7 13.8 1-.4"/></svg>');

            }

            &.woocommerce-MyAccount-navigation-link--customer-logout a::before {
                background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" x2="9" y1="12" y2="12"/></svg>');

            }
        }

    }

    .woocommerce-MyAccount-content {

        .woocommerce-orders-table__cell-order-actions a {
            border-radius: 32px;
            padding: 7px 20px;
            font-size: var(--wp--preset--font-size--extra-small);
            width: max-content;
            margin: 7px 0;
            color: var(--wp--preset--color--background);

            &:hover,
            &:focus {
                color: var(--wp--preset--color--background);
            }
        }

        table.my_account_orders thead th {
            padding: 14px 15px;
            vertical-align: middle;
            font-size: 16px;
            background-color: var(--wp--preset--color--secondary);
        }
    }
}

.woocommerce-orders-table__cell-order-status {
    color: var(--wp--preset--color--meta);

    &::before {
        width: 5px;
        height: 5px;
        content: '';
        background: var(--wp--preset--color--meta);
        border-radius: 50%;
        margin-right: 7px;
        display: inline-block;
        position: relative;
        top: -3px;
        opacity: 0.7;

    }

}

.woocommerce-orders-table span.woocommerce-Price-amount.amount {
    font-weight: bold;
}

.woocommerce-account .woocommerce-MyAccount-navigation {


    ul {
        background: var(--wp--preset--color--secondary);
        border: 1px solid var(--wp--preset--color--border-default-color);
        padding: 30px;
        box-sizing: border-box;
    }
}

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

    .woocommerce table.my_account_orders td,
    .woocommerce table.my_account_orders th {
        padding: 8px 14px;
    }

    .woocommerce-orders-table__cell-order-status::before {
        background: transparent;
        opacity: 1;
    }
}

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

    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: none;
        width: 100%;
    }


}

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

    .has-position-sticky,
    .woocommerce .wp-block-woocommerce-product-image-gallery {
        max-width: 100%;
        position: sticky;
        top: 60px;
    }
}

@media screen and (min-width: 992px) {

    .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders thead th:first-child {
        border-top-left-radius: 5px;
    }

    .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders thead th:last-child {
        border-top-right-radius: 5px;
    }

    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        background: transparent;
        border: none;
        padding: 0 0 35px 0;
        box-sizing: border-box;
        display: flex;
        margin: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation li:first-child,
    .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
        padding: 0;

        a {
            padding: 7px 12px;
            border-radius: 32px;
            border: 1px solid transparent;
            display: inline-block;
        }
    }

    .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout {
        margin-left: auto;

        a {
            border: 1px solid var(--wp--preset--color--border-default-color);

            &:hover,
            &:focus {
                border: 1px solid var(--wp--preset--color--border-default-color);
                background-color: var(--wp--preset--color--foreground);
                color: var(--wp--preset--color--background);
                text-decoration: none;

                &::before {
                    filter: invert(1);
                }

            }
        }
    }

    .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a {
        background-color: var(--wp--preset--color--foreground);
        color: var(--wp--preset--color--background);

        &::before {
            filter: invert(1);
        }
    }
}

@media screen and (min-width: 1200px) {

    .woocommerce-account .woocommerce-MyAccount-navigation li:first-child a,
    .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
        padding: 7px 20px;
    }
}

@media screen and (min-width: 1366px) {

    .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {

        font-size: var(--wp--preset--font-size--body-default);
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        padding: 0 0 42px 0;
    }
}

.wp-account-wrapper {
    margin-top: 21px !important;
}

th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a {
    padding: 0 10px;
    color: var(--wp--preset--color--foreground);
}

fieldset {
    padding: 20px 30px;
    border: 1px solid var(--wp--preset--color--border-default-color);
}

.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row select,
.woocommerce-page form .form-row textarea.input-text {
    font-size: var(--wp--preset--font-size--small);

    border: 1px solid var(--wp--preset--color--border-default-color);
    border-radius: 0;
    font-size: var(--wp--preset--font-size--regular);

    &:hover,
    &:focus {
        border: 1px solid var(--wp--preset--color--text-link);
    }
}

.woocommerce-account .woocommerce-MyAccount-content {
    font-size: var(--wp--preset--font-size--body-default);

    a {
        color: var(--wp--preset--color--foreground);

        &:hover,
        &:focus {
            color: var(--wp--preset--color--text-link);
        }
    }

    #account_display_name_description {
        font-size: var(--wp--preset--font-size--small);
        color: var(--wp--preset--color--meta);
        display: inline-block;
        margin-top: 14px;
    }

    button.wp-element-button {
        border-radius: 32px;
        margin-top: 14px;
    }
}

.wp-block-woocommerce-order-confirmation-status h1 {
    margin: 0 0 14px;
}

address {
    font-style: normal;
    color: var(--wp--preset--color--meta);
}

.woocommerce-account main {
    .woocommerce-Address {
        border: 1px solid var(--wp--preset--color--border-default-color);
        padding: 2rem;
        box-sizing: border-box;

        h2 {
            margin: 0;
            font-size: var(--wp--preset--font-size--entry-title) !important;
        }
    }
}

.woocommerce-account .addresses .title .edit {
    float: none;
    margin-top: 14px;
    font-size: var(--wp--preset--font-size--default);
}

.wc-block-order-confirmation-summary ul li>.wc-block-order-confirmation-summary-list-item__value {
    margin-top: 7px;
    color: var(--wp--preset--color--meta);
}

.wc-block-order-confirmation-totals__table a {
    color: var(--wp--preset--color--title-color);

    &:hover,
    &:focus {
        text-decoration: none;
        color: var(--wp--preset--color--text-link);
    }
}

/* After Wordpress 6.6.1 */

.wc-block-components-form .wc-block-components-text-input input[type="email"],
.wc-block-components-form .wc-block-components-text-input input[type="number"],
.wc-block-components-form .wc-block-components-text-input input[type="tel"],
.wc-block-components-form .wc-block-components-text-input input[type="text"],
.wc-block-components-form .wc-block-components-text-input input[type="url"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="number"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="url"] {
    background-color: transparent;
    border-radius: 0;
    border: 1px solid var(--wp--preset--color--border-default-color);
    color: var(--wp--preset--color--body-text);
    font-size: var(--wp--preset--font-size--default);
    line-height: var(--wp--custom--typography--line-height--heading-six);
    width: 100%;
    box-sizing: border-box;
    height: 60px;
    max-height: inherit;

}

.wc-blocks-components-select .wc-blocks-components-select__select:focus,
.wc-block-components-form .wc-block-components-text-input input[type="email"]:focus,
.wc-block-components-form .wc-block-components-text-input input[type="number"]:focus,
.wc-block-components-form .wc-block-components-text-input input[type="tel"]:focus,
.wc-block-components-form .wc-block-components-text-input input[type="text"]:focus,
.wc-block-components-form .wc-block-components-text-input input[type="url"]:focus,
.wc-block-components-text-input input[type="email"]:focus,
.wc-block-components-text-input input[type="number"]:focus,
.wc-block-components-text-input input[type="tel"]:focus,
.wc-block-components-text-input input[type="text"]:focus,
.wc-block-components-text-input input[type="url"]:focus {
    box-shadow: none;
    border-color: var(--wp--preset--color--text-link);
    color: var(--wp--preset--color--foreground);
    outline: none;
    background-color: transparent;
}

.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label {
    color: var(--wp--preset--color--title);
    top: 30px;
}

.wc-block-components-checkout-return-to-cart-button {
    text-transform: uppercase;
    font-family: var(--wp--preset--font-family--syne);
    font-weight: 500;

    &:hover,
    &:focus {
        color: var(--wp--preset--color--text-link)
    }
}

.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
    background-color: transparent;
    border-radius: 0;
    border: 1px solid var(--wp--preset--color--border-default-color);
    color: var(--wp--preset--color--body-text);
    line-height: var(--wp--custom--typography--line-height--heading-six);
    font-family: var(--wp--preset--font-family--roboto);
}

.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded="true"],
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded="true"] {
    box-shadow: none;
    border-color: var(--wp--preset--color--text-link);
    color: var(--wp--preset--color--foreground);
    outline: none;
}

.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
    height: auto;
    max-height: inherit;
    padding: 1.5em .8em .5em;
    font-size: 18px;
}


.wc-blocks-components-select .wc-blocks-components-select__label,
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label,
.wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label {
    left: 0.8em;
}

.wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion {
    font-size: 18px;
}

.wc-block-checkout__form .wc-blocks-components-select,
.wc-block-components-form .wc-block-components-text-input,
.wc-block-components-text-input {
    margin-top: 21px;
}

body .wc-blocks-components-select .wc-blocks-components-select__select {
    border: 1px solid var(--wp--preset--color--border-default-color);
    line-height: 1;
    height: 60px;
    border-radius: 0;
}

.wc-blocks-components-select .wc-blocks-components-select__container {
    height: auto;
}

body .wc-blocks-components-select .wc-blocks-components-select__select:focus,
body .wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-form .wc-block-components-text-input input:autofill,
.wc-block-components-form .wc-block-components-text-input.is-active input[type="email"],
.wc-block-components-form .wc-block-components-text-input.is-active input[type="number"],
.wc-block-components-form .wc-block-components-text-input.is-active input[type="tel"],
.wc-block-components-form .wc-block-components-text-input.is-active input[type="text"],
.wc-block-components-form .wc-block-components-text-input.is-active input[type="url"],
.wc-block-components-text-input input:autofill,
.wc-block-components-text-input.is-active input[type="email"],
.wc-block-components-text-input.is-active input[type="number"],
.wc-block-components-text-input.is-active input[type="tel"],
.wc-block-components-text-input.is-active input[type="text"],
.wc-block-components-text-input.is-active input[type="url"] {
    padding: 1.75em .8em .75em !important;
}

.wc-block-components-address-card,
.wc-block-components-notice-banner,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted,
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:first-child:after,
.wc-block-components-radio-control--highlight-checked:after {
    border-radius: 0;
}

.wc-block-components-textarea {
    background-color: transparent;
    border-radius: 0;
    border: 1px solid var(--wp--preset--color--border-default-color);
    color: var(--wp--preset--color--body-text);
    font-size: 18px;
    line-height: var(--wp--custom--typography--line-height--heading-six);
    width: 100%;
    box-sizing: border-box;

    &:hover,
    &:focus {
        background-color: transparent;
    }
}

.wc-block-checkout__add-note .wc-block-components-textarea:focus {
    background-color: transparent !important;
}

.woocommerce .wp-block-woocommerce-product-image-gallery {
    max-width: 100%;
}

/* --- > 768px
-------------------------------------------------------- */
@media screen and (min-width: 769px) {

    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals {
        width: 48%;
    }

    .wc-block-components-sidebar .slot-wrapper .wc-block-components-panel,
    .wc-block-components-sidebar .wc-block-components-panel,
    .wc-block-components-sidebar .wc-block-components-totals-coupon,
    .wc-block-components-sidebar .wc-block-components-totals-item,
    .wc-block-components-order-summary {
        padding-left: 20px;
        padding-right: 20px;
    }

    .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
        flex-grow: 1;
        font-weight: 500;
        margin: 14px 0 16px 20px;
    }
}

.wc-block-components-totals-item__value {
    font-weight: 700 !important;
}

.wc-block-product-template.wc-block-product-template {
    row-gap: 42px;
}


.wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount {
    font-weight: 700 !important;
    color: var(--wp--preset--color--text-link);
}

body .wc-block-order-confirmation-summary ul li>.wc-block-order-confirmation-summary-list-item__key,
.wc-block-order-confirmation-totals table th,
.wc-block-order-confirmation-totals table .wc-block-order-confirmation-totals__total,
.wc-block-order-confirmation-status p,
.wc-block-components-totals-coupon .wc-block-components-panel__button,
.wc-block-components-address-card address .wc-block-components-address-card__address-section:first-child,
.wc-block-components-radio-control__label-group,
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option,
.wc-block-checkout__sidebar .wc-block-components-product-name,
body .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text,
.wp-block-woocommerce-cart-order-summary-block,
table.wc-block-cart-items .wc-block-cart-items__header th {
    color: var(--wp--preset--color--foreground);
}


.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    box-shadow: inset 0 0 0 1.5px var(--wp--preset--color--foreground);
}

.wc-block-components-totals-shipping .wc-block-components-totals-item strong,
.woocommerce-table__line-item.order_item strong,
.wc-block-order-confirmation-totals table tfoot th,
.wc-block-order-confirmation-totals table thead,
body .wc-block-order-confirmation-totals__table th,
.wp-order-confirmation-block .wp-block-heading,
.wc-block-components-title.wc-block-components-title,
.wc-block-order-confirmation-summary ul li>.wc-block-order-confirmation-summary-list-item__key,
.wc-block-components-address-card address .wc-block-components-address-card__address-section:first-child {
    font-weight: 700;
}

.wp-order-confirmation-block .wp-block-heading,
.wc-block-components-title.wc-block-components-title {
    font-size: var(--wp--preset--font-size--normal);
    margin-bottom: 14px;
}

.woocommerce-order-received main>.wp-block-group,
.wp-order-confirmation-block {
    max-width: 1200px;
    margin: 0 auto;
}

.wc-block-checkout__shipping-option .wc-block-checkout__shipping-option--free {
    text-transform: inherit;
    color: var(--wp--preset--color--body-text);
    font-size: .875em;

    &:hover,
    &:focus {
        text-decoration: underline;
    }
}

/* Custom breakpoint for all wp-block-columns 4 */
@media screen and (max-width: 1199px) and (min-width: 782px) {
    .wp-block-featured-products .wp-block-columns:not(.is-not-stacked-on-mobile):has(.wp-block-column:first-child:nth-last-child(4)) {
        flex-wrap: wrap !important;

        .wp-block-column {
            flex-basis: 47%;
        }
    }


}

@media screen and (max-width: 1199px) and (min-width: 480px) {
    .wp-block-portfolio .wc-block-product-template__responsive.columns-4 {
        grid-template-columns: repeat(auto-fill, minmax(max(150px, calc(50% - .9375em)), 1fr));
    }
}

@media screen and (max-width: 1199px) {
    .wp-featured-category-slider .wp-block-columns:not(.is-not-stacked-on-mobile) {
        flex-wrap: wrap !important;
        flex-direction: column-reverse;
    }

    .wp-featured-category-slider .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }

    body .wp-featured-category-slider .fse-slider-wrapper .navigation-wrap .swiper-button {
        background-color: var(--wp--preset--color--dark);
        color: var(--wp--preset--color--light);
        width: 50px;
        height: 50px;
        transform: none;
        z-index: 11;
    }

    body .wp-featured-category-slider .fse-slider-wrapper .navigation-wrap .swiper-button:after {
        font-size: 14px;
    }

    body .wp-featured-category-slider .fse-slider-wrapper .navigation-wrap .swiper-button.swiper-button-prev {
        right: 50px;
    }
}

@media (max-width: 781px) {
    .wp-block-featured-products .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 47% !important;
    }
}

/** product collection carousel css **/
p.wc-block-components-checkout-order-summary__title-text {
    font-size: var(--wp--preset--font-size--regular) !important;
    font-family: var(--wp--preset--font-family--syne);
    font-weight: 700 !important;
}

body .wc-block-cart__main .wc-block-cart-items th,
body .wc-block-cart .wc-block-cart__totals-title {
    font-family: var(--wp--preset--font-family--syne);
    font-size: var(--wp--preset--font-size--default) !important;
}

.wc-block-grid__product-price {
    font-weight: 500;
}

.wp-block-single-pdt-columns .wp-block-woocommerce-product-price .wc-block-grid__product-price {
    font-size: var(--wp--preset--font-size--entry-title) !important;
}

.wc-block-product-template.wc-block-product-template {
    margin-top: 0;
}

.wc-block-next-previous-buttons button svg {
    width: 30px;
    height: 30px;
}

.wc-block-next-previous-buttons button path {
    transform: scale(1.5);
}

.wp-block-woocommerce-product-collection {
    position: relative;
}



@media screen and (min-width: 600px) {
    body .is-product-collection-layout-carousel .wc-block-product {
        min-width: 30%
    }
}

@media screen and (min-width: 782px) {
    body .is-product-collection-layout-carousel .wc-block-product {
        min-width: 22.5%
    }


}



@media screen and (min-width: 1440px) {
    body .is-product-collection-layout-carousel .wc-block-product {
        min-width: 23.5%;
    }
}