/*
Theme Name: House of Bags - Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
:root {
    --bs-dark: #1B1815;
    --clr-dark: #1B1815;
    --clr-white: #FFFFFF;
    --clr-brand-1: #563824;
    --clr-brand-2: #5E574F;
    --clr-brand-3: #F0EDE8;
    --clr-brand-4: #721E2E;
    --clr-brand-5: #2D2822;
    --clr-brand-6: #D5C6BC;
    --clr-brand-7: #3A2F2A;
    --clr-brand-8: #9E8778;

    --clr-brand-2-rgb: 94, 87, 79;
    --clr-brand-3-rgb: 240, 237, 232;
    --clr-brand-4-rgb: 114, 30, 46;
    --clr-brand-6-rgb: 213, 198, 188;

    --clr-info: #027398;

    --transition-300: all 300ms ease-out;

    --font-body: Work Sans, sans-serif;
    --font-heading: "Cormorant Garamond";

    --porto-heading-color: #563824;
    --porto-input-bc: #D5C6BC;
}

html[lang="nl-NL"] {
    --hob-label-view-details: 'Bekijk details';
    --hob-label-sold: 'Verkocht';
}
html[lang="en-US"] {
    --hob-label-view-details: 'View details';
    --hob-label-sold: 'Sold';
}

.hob-site {
    /* transitions */
    a img,
    a i,
    a::before,
    .footer-links-container a,
    #topcontrol,
    .zoom {
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
    }

    .text-brand-1 {
        color: var(--clr-brand-1);
    }
    .text-brand-2 {
        color: var(--clr-brand-2);
    }
    .text-brand-3 {
        color: var(--clr-brand-3);
    }
    .text-brand-4 {
        color: var(--clr-brand-4);
    }
    .text-brand-5 {
        color: var(--clr-brand-5);
    }
    .text-brand-5 {
        color: var(--clr-brand-6);
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-wrap: pretty;
    }

    select {
        background: var(--clr-white) url("media/hob-select-bg.png") right center/26px 60px no-repeat
    }
    .text-link {
        font-weight: 500;
        text-decoration: underline;

        @media all and (min-width: 992px) {
            &:hover {
                text-decoration: none;
            }
        }
    }

    .btn,
    .btn.btn-subtle {
        text-transform: uppercase;
        font-size: 0.9375rem;
        line-height: 1.25rem;
        padding: 0.875rem 1.5rem;
        box-shadow: unset;
        border-radius: 2px;
        text-decoration: none !important;
        font-weight: 400;
        background-color: var(--clr-brand-1);
        border: 1px solid var(--clr-brand-1);

        &.btn-primary {
            background-color: var(--clr-brand-4);
            border: 1px solid var(--clr-brand-4);

            @media all and (min-width: 992px) {
                &:hover {
                    background-color: var(--clr-brand-5);
                    border-color: var(--clr-brand-5);
                }
            }
            &.text-link {
                padding-inline: 0;
                color: var(--clr-brand-4);
                background: transparent;
                border: 0;
                border-bottom: 1px solid var(--clr-brand-4);
                border-radius: 0;
                padding-block: 0.125rem;
                text-transform: none;
                font-size: 1rem;
                font-weight: 500;
                text-display: none;

                @media all and (min-width: 992px) {
                    &:hover {
                        color: var(--clr-dark);
                        border-color: transparent;
                    }
                }
            }
        }

        &.btn-subtle {
            background-color: var(--clr-brand-2);
            border-color: var(--clr-brand-2);

            @media all and (min-width: 992px) {
                &:hover {
                    background-color: var(--clr-dark);
                    border-color: var(--clr-dark);
                }
            }
        }

        &.btn-submit {
            @media all and (min-width: 1400px) {
                min-width: 20rem;
            }
            @media all and (max-width: 1399px) {
                width: 100%;
            }

            background-color: var(--clr-brand-4);
            border: 1px solid var(--clr-brand-4);

            @media all and (min-width: 992px) {
                &:hover {
                    background-color: var(--clr-brand-5);
                    border-color: var(--clr-brand-5);
                }
            }
        }

        &.btn-link {
            background:  none;
            color: var(--clr-brand-4);
            padding: 0;
            border: none;
            border-bottom: 1px solid var(--clr-brand-4);
            font-weight: 500;

            @media all and (min-width: 992px) {
                &:hover {
                    color: var(--clr-dark);
                    border-color: transparent;
                }
            }
        }
    }


    .rounded-0 {
        .btn {
            border-radius: 0;
        }
    }

    .maxwidth-30rem {
        max-width: 30rem !important;
    }
    .maxwidth-48rem {
        max-width: 48rem !important;
    }
    .maxwidth-60rem {
        max-width: 60rem !important;
    }

    .svg-filter-brand-6 {
        filter: invert(86%) sepia(11%) saturate(285%) hue-rotate(341deg) brightness(93%) contrast(89%);
    }
    .svg-img-filter-brand-6 {
        img {
            filter: invert(86%) sepia(11%) saturate(285%) hue-rotate(341deg) brightness(93%) contrast(89%);
        }
    }
    .svg-filter-brand-1 {
        filter: invert(19%) sepia(33%) saturate(888%) hue-rotate(341deg) brightness(95%) contrast(85%);
    }
    .svg-img-filter-brand-1 {
        img {
            filter: invert(19%) sepia(33%) saturate(888%) hue-rotate(341deg) brightness(95%) contrast(85%);
        }
    }

    thead, tbody, tfoot, tr, td, th {
        border-color: var(--clr-brand-3);
    }
    .shop_table thead th {
        font-weight: 500;
        font-size: 0.9375rem;
    }

    form,
    form p {
        font-size: 0.9375rem;
    }

    .form-row label {
        font-size: 0.9375rem;
        line-height: 1.25;
        margin-bottom: 0.25rem;
        font-weight: 500;
    }

    .form-control,
    input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select,
    textarea {
        border: 1px solid var(--clr-brand-6);
        border-radius: 2px;
        background: var(--clr-brand-3);
    }

    .wpcf7-form {
        .wpcf7-response-output {
            padding: 0.5rem 0 0;
            margin: 1.25rem 0 0;
            line-height: 1.25;
            border-right: 0;
            border-bottom: 0;
            border-left: 0;
        }
    }

    .porto-checkbox .porto-control-label:before {
        border-color: var(--clr-brand-6);
    }
    .porto-checkbox .porto-control-input:checked~.porto-control-label:after {
        background-image: url("media/custom-checkbox.png");
    }
    .porto-checkbox .porto-control-label,
    .porto-radio .porto-control-label {
        font-size: 0.8125rem;
    }

    .elementor hr, hr, .divider, .slider-title .line, .section-title .line {
        background: var(--clr-brand-6);
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        border-color: var(--clr-brand-6);
    }
    .select2-container--open .select2-dropdown--below {
        font-size: 0.8125rem;
    }
    .woocommerce-input-wrapper {
        .selection {
            .select2-selection--single {
                height: 3rem;
                border-color: var(--clr-brand-6);
                border-radius: 0;
            }
        }
    }
    &.woocommerce-cart .select2-dropdown,
    &.woocommerce-checkout .select2-dropdown {
        border-color: var(--clr-brand-6);
    }

    .select2-container {
        z-index: 9;
    }
    .select2-container--default .select2-selection--single {
        border-radius: 0;
    }

    .shop_table.cart-table a.remove,
    .shop_table.review-order a.remove,
    .widget_shopping_cart .product-image .remove-product,
    .wishlist-popup .remove_from_wishlist,
    .wishlist_table.traditional .remove_from_wishlist:not(.button) {
        background-color: var(--clr-brand-3);
        box-shadow: unset;
        color: var(--clr-brand-4);
        transition: var(--transition-300);

        &:hover {
            background-color: var(--clr-brand-3);
        }

        @media (min-width: 992px) {
            &:hover {
                background-color: var(--clr-brand-6);
            }
        }
    }

    .woocommerce-Button,
    .woocommerce-Button:hover,
    .button.wc-action-btn,
    .button.wc-action-btn:hover,
    .button.wc-forward,
    .button.wc-forward:hover,
    .btn-go-shop,
    .btn-go-shop:hover {
        background: var(--clr-brand-1);
        border-radius: 2px;
        line-height: 1.25rem;
        padding-block: 0.8125rem !important;
        font-weight: 500 !important;
        border: 1px solid var(--clr-brand-1);
        text-transform: uppercase !important;
        padding-inline: 1.25rem;
        transition: var(--transition-300);

        &.register-btn {
            background: var(--clr-white);
            color: var(--clr-brand-1);
        }

        @media (min-width: 992px) {
            &:hover {
                background: var(--clr-brand-4);
                border-color: var(--clr-brand-4);
            }
            &.register-btn {
                &:hover {
                    background: var(--clr-white);
                    color: var(--clr-brand-4);
                }
            }
        }
    }
    .button.wc-action-btn,
    .button.wc-action-btn:hover {
        background: var(--clr-white);
        color: var(--clr-brand-1);
        font-size: 0.9375rem;

        @media (min-width: 992px) {
            &:hover {
                background: var(--clr-white);
                color: var(--clr-brand-4);
            }
        }
    }
    .button.wc-forward,
    .button.wc-forward:hover {
        padding-block: 0.5rem !important;
        padding-inline: 0.8125rem;
        font-size: 0.8125rem;
    }
    /*.btn-go-shop {*/
    /*    padding: 0.75rem 0;*/
    /*    letter-spacing: unset;*/
    /*    font-weight: 500;*/
    /*}*/

    .featured-box {
        box-shadow: unset;
        border: none;

        .box-content {
            padding: 2.5rem;
            border: 1px solid var(--clr-brand-6);

            @media (min-width: 992px) {
                padding: 5rem;
            }
        }
    }
    .dokan-error,
    .dokan-info,
    .dokan-message,
    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-message {
        background: var(--clr-brand-3);
        border-radius: 2px;
        padding-inline: 1rem;
        font-size: 0.9375rem;
    }
    .dokan-info,
    .woocommerce-info {
        color: var(--clr-info);
    }

    .page-top .breadcrumb {
        font-family: var(--font-body);
        font-size: 0.75rem;
    }

    .lang-container {
        .wpml-ls-legacy-list-horizontal {
            border: 0;
            padding: 0;

            ul {
                display: flex;
                align-items: center;
                gap: 0.625rem;
            }

            a {
                color: var(--clr-white);
                font-size: 0.8125rem;
                line-height: 1.25;
                padding: 0;
                border-bottom: 1px solid transparent;

                @media all and (min-width: 992px) {
                    &:hover {
                        border-color: var(--clr-white);
                    }
                }
            }
            .wpml-ls-current-language {
                a {
                    text-decoration: none;
                    border-color: transparent;
                    color: var(--clr-brand-8);
                    cursor: unset;
                }
            }
        }
    }

    #header-top {
        @media all and (min-width: 1600px) {
            --padding-inline-start: 5rem;
            --padding-inline-end: 5rem;
        }

        .lang-container {
            @media all and (max-width: 767px) {
                display: none;
            }
        }
    }

    .header-wrapper {
        @media all and (max-width: 767px) {

        }
    }

    #header {
        .header-container {
            box-shadow: unset;

            @media all and (min-width: 1600px) {
                --padding-inline-start: 5rem;
                --padding-inline-end: 5rem;
            }

            .custom-menu .main-menu > li.menu-item {
                @media all and (min-width: 992px) {
                    margin: 0 1.5rem 0 0;
                }
                @media all and (min-width: 992px) and (max-width: 1079px) {
                    margin-right: 1.25rem;
                }
                @media all and (min-width: 1200px) {
                    margin: 0 2rem 0 0;
                }
                @media all and (min-width: 1600px) {
                    margin: 0 2.5rem 0 0;
                }

                &:last-of-type {
                    margin-right: 0;
                }

                a {
                    @media all and (min-width: 992px) {
                        padding: 1.25rem 0 1.25rem 0;
                    }
                    @media all and (min-width: 992px) and (max-width: 1079px) {
                        font-size: 1rem;
                    }
                }
            }


            .mega-menu.menu-hover-line:not(:hover)>li.menu-item.active>a:before {
                opacity: 0;
            }
            .custom-menu .mega-menu.menu-hover-underline>li.menu-item>a::before {
                background-color: var(--clr-brand-1);
                margin-top: 0.75rem;
            }


            .header-shop-items {
                .cart-icon {
                    .cart-items.is-zero {
                        display: none;
                    }
                }

                .searchform {
                    height: 60px;
                    background-color: transparent;


                    .searchform-fields {
                        height: 60px;
                        top: -1rem;
                        padding-inline: 0;

                        @media all and (max-width: 767px) {
                            top: 0.625rem;
                            margin-inline: 0.5rem;
                            width: calc(100% - 1rem);
                        }
                        @media (max-width: 575px) {
                            height: 52px;
                        }

                        input {
                            background: var(--clr-brand-3);
                            font-size: 1rem;
                            padding: 0 1rem 0 1.5rem;
                            height: 60px;
                            border: 0;
                            border-radius: 30px;

                            @media (max-width: 575px) {
                                height: 52px;
                            }

                            &::placeholder {
                                font-size: 1rem;
                            }

                        }

                        .button-wrap {
                            button,
                            .btn-close-search-form {
                                i {
                                    color: var(--clr-brand-4);
                                }
                            }
                            .porto-loading-icon {
                                border-top-color: var(--clr-brand-4);
                                background: var(--clr-brand-3);

                                &::after {
                                    background-color: var(--clr-brand-3);
                                }
                            }
                        }



                    }
                    .live-search-list {
                        right: 1.25rem;
                        left: 1.25rem;
                        margin-top: -1rem;

                        @media (max-width: 767px) {
                            margin-top: 0;
                        }

                        .autocomplete-suggestions {
                            color: var(--clr-brand-2);
                            border-color: var(--clr-brand-6);
                            border-bottom-left-radius: 1.5rem;
                            border-bottom-right-radius: 1.5rem;


                            .autocomplete-suggestion {
                                color: var(--clr-brand-2);

                                &:hover {
                                    background-color: unset;
                                }

                                @media (min-width: 992px) {
                                    &:hover {
                                        background-color: var(--clr-brand-3);
                                    }
                                }
                            }


                            .search-price {
                                color: var(--clr-brand-2);
                            }
                        }
                    }
                }
            }



            @media all and (min-width: 992px) {
                .logo-container {
                    height: 5.5rem;

                    >div {
                        height: 100%;
                        width: 100%;
                        position: relative;



                        .overlay-logo,
                        .logo a {
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            left: 0;
                            top: 0;
                            display: flex;
                            justify-content: center;

                            img {
                                max-width: 232px;
                            }

                        }
                        .logo {
                            transform: unset;
                            opacity: 1;
                        }
                        .overlay-logo {
                            opacity: 0;
                        }
                    }
                }

                &:hover {
                    .logo-container {
                        .overlay-logo {
                            opacity: 0;
                        }
                        .logo {
                            opacity: 1;
                        }
                    }
                    #menu-main-menu,
                    #menu-main-menu-english {
                        .menu-item {
                            a {
                                color: var(--clr-brand-1);
                            }
                        }
                    }
                }
            }

            @media all and (min-width: 992px) and (max-width: 1200px) {
                .logo-container {
                    height: 4.5rem;
                }
            }

            @media all and (max-width: 767px) {
                --padding-block-start: 0.5rem;
                --padding-block-end: 0.5rem;

                display: flex;
                justify-content: flex-start;
                align-items: center;
                height: 5rem;

                .header-shop-items {
                    margin-left: auto;

                    position: unset !important;
                }
            }
        }



        &.sticky-header {

            .header-container {
                box-shadow: unset;

                #menu-main-menu.main-menu > li.menu-item > a,
                #menu-main-menu-english.main-menu > li.menu-item > a {
                    color: var(--clr-brand-1);
                }
                .logo-container {
                    #header-logo {
                        .overlay-logo {
                            opacity: 0;

                            @media all and (max-width: 991px) {
                                display: none;
                            }
                        }

                        .logo {
                            opacity: 1;

                            @media all and (max-width: 991px) {
                                display: flex;
                            }
                        }
                    }
                }
                .header-shop-items {
                    position: relative;

                    i {
                        color: var(--clr-brand-1) !important;
                    }
                    a {
                        @media all and (min-width: 992px) {
                            &:hover {
                                i {
                                    color: var(--clr-brand-4) !important;
                                }
                            }
                        }
                    }
                }

                .mobile-toggle {
                    color: var(--clr-brand-1) !important;
                }

                @media all and (max-width: 767px) {
                    height: auto;
                }
            }

            @media all and (min-width: 768px) {
                height: 5rem !important;

                .logo-container {
                    height: 3rem !important;
                }
            }
            @media all and (min-width: 991px) {
                height: 6rem !important;

                .logo-container {
                    height: 4rem !important;
                }
            }
        }

        @media all and (max-width: 767px) {
            position: relative;
            display: flex;
            align-items: center;

            .porto-block {
                width: 100%;
            }
        }

        #mini-cart {
            --porto-gray-2: var(--clr-brand-3);

            .cart-popup {
                .cart_list {
                    padding-right: 0;

                    li:not(.empty) {
                        padding-right: 0.5rem;

                        @media all and (min-width: 768px) {
                            padding-right: 1rem;
                        }
                    }
                }

                .total-count {
                    padding-inline: 0;
                    display: flex;
                    align-items: center;
                    padding-bottom: 1.5rem;
                    font-size: 0.9375rem;

                    a {
                        text-transform: unset !important;
                        font-weight: 500;
                        color: var(--clr-brand-4) !important;
                        margin-left: auto;
                    }
                }
                .widget_shopping_cart_content {
                    .total {
                        text-transform: unset;
                        font-weight: 500;
                        letter-spacing: unset;
                        border-top: 1px solid var(--clr-brand-6);

                        strong {
                            font-weight: 500;
                        }
                        .amount {
                            font-weight: 600;
                            font-size: 0.9375rem;
                        }
                    }
                    .buttons {
                        padding-top: 1rem;

                        a {
                            min-height: 3rem;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            font-size: 15px;
                            letter-spacing: unset;

                            &.wc-forward {
                                background: var(--clr-brand-3);
                                border-color: var(--clr-brand-3);

                                @media (min-width: 992px) {
                                    &:hover {
                                        background: var(--clr-brand-6);
                                        border-color: var(--clr-brand-6);
                                    }
                                }

                                &.checkout {
                                    background: var(--clr-brand-4);
                                    border-color: var(--clr-brand-4);

                                    @media (min-width: 992px) {
                                        &:hover {
                                            background: var(--clr-brand-5);
                                            border-color: var(--clr-brand-5);
                                        }
                                    }
                                }
                            }
                        }
                    }

                }
                .product-image {
                    .remove-product {
                        width: 1.5rem;
                        height: 1.5rem;
                        line-height: 1;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        font-size: 0.75rem;
                    }
                }

                .product-details {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;

                    a {
                        font-family: var(--font-heading);
                        font-size: 1.375rem;
                        letter-spacing: unset;
                        font-weight: 600;
                        margin: 0 0 0.25rem;
                        line-height: 1.1;
                    }

                    .quantity {
                        display: flex;
                        align-items: center;
                        gap: 0.25rem;

                        .amount {
                            font-weight: 500;
                        }

                    }

                }

                @media all and (min-width: 768px) {
                    width: 35rem;

                    .widget_shopping_cart_content {
                        padding-inline: 2.5rem;
                        padding-top: 1.25rem;

                        .total {
                            font-size: 1rem;

                            .amount {
                                font-size: 1rem;
                            }
                        }

                    }

                    .product-image {
                        width: 120px;
                        flex: 0 0 120px;
                    }
                    .product-details {
                        width: calc(100% - 120px);
                        max-width: calc(100% - 120px);

                        a {
                            font-size: 1.75rem;
                        }
                        .quantity {
                            .amount {
                                font-size: 1rem;
                            }
                        }

                    }
                }
                @media all and (min-width: 1200px) {
                    width: 45rem;

                    .widget_shopping_cart_content {
                        padding-inline: 3.5rem;
                        padding-bottom: 1.25rem;
                    }
                }


            }
            .minicart-overlay {
                background: rgba(27,24,21,0.75);

                svg {

                    @media all and (min-width: 768px) {
                        right: 36rem;
                        width: 2.5rem;
                        height: 2.5rem;
                    }
                    @media all and (min-width: 1200px) {
                        right: 46rem;
                    }
                }
            }
        }

    }

    &:has(.hero) {
        #header {
            .header-container {
                @media all and (min-width: 767px) {
                    background-color: transparent;

                    .main-menu > li.menu-item > a {
                        color: var(--clr-white);
                    }

                    .logo-container {
                        .overlay-logo {
                            opacity: 1;
                        }

                        .logo {
                            opacity: 0;
                        }
                    }

                    .mobile-toggle {
                        color: var(--clr-white);
                    }
                }
                @media all and (min-width: 767px) and (max-width: 991px) {
                    .logo-container {
                        .overlay-logo {
                            display: flex;

                            img {
                                height: 3.75rem;
                            }
                        }
                        .logo {
                            display: none;

                            img {
                                max-width: 100% !important;
                                height: 3.75rem;
                            }
                        }
                    }
                }
            }
            &:not(:hover) {
                .header-container {
                    .header-shop-items {
                        i:not(:hover) {
                            @media all and (min-width: 767px) {
                                color: var(--clr-white);
                            }
                        }
                    }
                }
            }

            @media all and (min-width: 992px) {
                &:hover {
                    .header-container {
                        background-color: var(--clr-white);
                        .logo-container {
                            .overlay-logo {
                                opacity: 0;
                            }
                            .logo {
                                opacity: 1;
                            }
                        }
                    }

                }
            }

            &:has(.minicart-opened) {
                .header-container {
                    background-color: var(--clr-white);

                    .logo-container {
                        .overlay-logo {
                            opacity: 0;
                        }
                        .logo {
                            opacity: 1;
                        }
                    }

                    #menu-main-menu,
                    #menu-main-menu-english {
                        .menu-item {
                            a {
                                color: var(--clr-brand-1);
                            }
                        }
                    }
                }
            }
        }
    }


    #side-nav-panel {
        .menu-wrap {
            padding-top: 0.5rem;
        }

        #menu-mobile-menu {
            .menu-item-home {
                a {
                    background: var(--clr-brand-5);
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    span {
                        display: none;
                    }

                    svg {
                        width: 80%;
                    }
                }
            }
            .menu-item {
                &.wpml-ls-item {
                    border: none;
                    display: inline;

                    a {
                        display: inline-block;
                        padding: 1rem 0.5rem 1rem 1rem;

                        .wpml-ls-display {
                            display: none;
                        }
                    }

                    &.wpml-ls-current-language {
                        a {
                            color: var(--clr-brand-8);
                        }
                    }
                }
            }
        }
    }



    #footer {
        color: var(--clr-brand-3);

        .newsletter-subscribe-form {
            button {
                margin-left: 0.5rem;
            }
            input {
                background: var(--clr-brand-5);
                border-color: var(--clr-brand-2);
            }
            .wpcf7-response-output {
                padding: 0;
                margin: 1.25rem 0 0;
                line-height: 1.25;
            }
        }

        .footer-newsletter-container {
            &:has(form.sent) {
                .form-consent-message {
                    display: none;
                }
            }
        }

        .e-con>.e-con-inner {
            @media all and (min-width: 992px) and (max-width: 1479px) {
                padding-inline-end: 1.5rem;
                padding-inline-start: 1.5rem;
            }
        }
        .footer-newsletter-container {
            @media all and (min-width: 768px) and (max-width: 1199px) {
                width: 100%;
            }
        }
        .footer-links-container {
            a,
            a span {
                color: var(--clr-white);
            }
            a {
                font-weight: 500;
                position: relative;
                left: 0;

                @media all and (min-width: 992px) {
                    &:hover {
                        left: 0.5rem;
                    }
                }
            }
        }

        .footer-lang {
            .wpml-ls-legacy-list-horizontal {
                padding: 0;

                .wpml-ls-link {
                    padding-left: 0;
                    padding-right: 1.25rem;
                }

                .wpml-ls-current-language {
                    span {
                        color: var(--clr-brand-8);
                    }
                }
            }
        }
    }

    .wpml-ls-statics-footer {
        display: none;
    }

    /* button to top */
    #topcontrol {
        background: rgba(var(--clr-brand-2-rgb), 0.5);
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: -1rem !important;

        i {
            display: none;
        }

        &::after {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 5v14m6-8l-6-6m-6 6l6-6'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 60%;
        }

        @media all and (min-width: 992px) {
            &:hover {
                bottom: 0.5rem !important;
                background: rgba(var(--clr-brand-2-rgb), 0.85);
            }
        }
    }

    .hero {
        .hero-item {
            position: relative;

            &::after {
                content: '';
                width: 100%;
                height: 34%;
                min-height: 18.75rem;
                position: absolute;
                top: 0;
                left: 0;
                background: #1B1815;
                background: linear-gradient(0deg, rgba(27, 24, 21, 0) 0%, rgba(27, 24, 21, 1) 100%);
                z-index: 2;
                opacity: 0.8;
            }
        }
        .hero-content {
            max-width: 87.5rem !important;
            margin-inline: auto;

            position: relative;
            z-index: 3;

            @media all and (min-width: 992px) and (max-width: 1400px) {
                padding-inline: 1.5rem;
            }

            .porto-u-heading {
                max-width: 43.75rem;
            }
        }
    }

    .collection-container {
        position: relative;

        &::before {
            content: '';
            width: 100%;
            height: 16.25rem;
            position: absolute;
            top: 0;
            left: 0;
            background: var(--clr-white);
        }
    }

    .collection-grid {
        .porto-tb-item {
            .custom-product {
                .porto-tb-featured-image {
                    height: 35rem;

                    @media all and (max-width: 991px) {
                        height: 30rem;
                    }
                    @media all and (min-width: 576px) and (max-width: 767px) {
                        height: 20rem;
                    }
                    @media all and (max-width: 575px) {
                        height: 25rem;
                    }

                    >a {
                        height: 100%;
                        background: var(--clr-brand-1);

                        img {
                            opacity: 0.9;
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }
                }
                .porto-heading {
                    font-size: 1.875rem;
                    font-weight: 600;
                    padding-top: 0.75rem;
                }

                @media all and (min-width: 992px) {
                    &:hover {

                        .porto-tb-featured-image {
                            img {
                                transform: scale(1.1);
                            }
                        }

                    }
                }
            }
        }
    }

    .page-content {
        >.elementor {
            >.e-con-boxed,
            >.e-con-full>.e-con-boxed {
                @media all and (min-width: 992px) and (max-width: 1479px) {
                    --padding-inline-start: 1.5rem;
                    --padding-inline-end: 1.5rem;
                }
            }
        }
    }

    .infocover-container {
        .image-container {
            @media all and (min-width: 1200px) {
                margin-top: -7.5rem;
            }

            @media all and (max-width: 991px) {
                height: 25rem;

                img {
                    height: 100%;
                    object-fit: cover;
                    object-position: bottom;
                }
            }
            @media all and (max-width: 480px) {
                height: 20rem;
            }
        }
        .text-container {
            >div {
                @media all and (min-width: 1200px) {
                    padding-left: 3.75rem;
                }
            }
        }
    }
    .usp-container {
        .swiper-wrapper {
            @media all and (max-width: 767px) {
                flex-direction: column;
                align-items: center;

                .swiper-slide {
                    width: 100% !important;

                    >div {
                        --justify-content: flex-start;
                        --padding-inline-start: 0.875rem;
                        --padding-inline-end: 0.875rem;

                        .porto-sicon-box {
                            text-align: left;
                            display: flex;
                            gap: 0.625rem;
                        }
                    }
                }
            }
        }

        &.product-usp-container {
            .swiper-wrapper {
                @media all and (min-width: 768px) and (max-width: 991px) {
                    display: grid;
                    grid-template-columns: 1fr 1fr;

                    >div {
                        width: 100% !important;
                    }
                }
            }
        }
    }

    .products-grid {
        .yith-wcwl-wishlistaddedbrowse {
            a::before {
               color: var(--clr-brand-4);
            }
        }
        .products-container {

            &.has-ccols-spacing {
                @media all and (max-width: 480px) {
                    --porto-grid-gutter-width: 16px;
                }
            }

            .porto-tb-wishlist {
                color: var(--clr-brand-1);
                width: 3rem;
                height: 3rem;
                top: 0;
                right: 0;
                display: flex !important;
                align-items: center;
                justify-content: center;
                background: rgba(var(--clr-brand-3-rgb), 0.75);
            }
            .product-image {
                background: var(--clr-brand-3);
                aspect-ratio: 1 / 1;
                width: 100%;

                .img-thumbnail {
                    background: var(--clr-brand-3);
                    padding: 1.5rem;
                    width: 100%;
                    height: 100%;

                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: scale-down;

                        -webkit-transition: all 500ms ease-out;
                        -moz-transition: all 500ms ease-out;
                        -o-transition: all 500ms ease-out;
                        transition: all 500ms ease-out;
                    }

                    @media all and (min-width: 767px) {
                        padding: 2.5rem;
                    }

                    @media all and (min-width: 992px) {
                        padding: 2rem;
                    }

                    @media all and (min-width: 1200px) {
                        padding: 2.5rem;
                    }
                }
            }
            h3 {
                font-size: 1.5rem;
                font-weight: 600;
                line-height: 1;
                padding-top: 0.75rem;
                margin: 0 0 0.625rem;
            }
            .price {
                color: var(--clr-brand-2);
                font-size: 1rem;
                font-weight: 500;
            }
            .porto-section.custom-variation {
                bottom: 0;
                width: 100%;
                background: none;

                .btn {
                    height: 4.5rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 0;
                    background: rgba(var(--clr-brand-4-rgb), 0.75);
                    text-transform: unset;
                    border: 0;
                    color: var(--clr-white);

                    span {
                        border-bottom: 1px solid var(--clr-white);
                    }
                }
            }

            .product {
                @media all and (min-width: 992px) {
                    &:hover {
                        .porto-tb-wishlist {
                            color: var(--clr-brand-4);
                        }
                        .product-image {
                            .img-thumbnail {
                                img {
                                    object-fit: cover;
                                    scale: 2.5;
                                    /*object-position: right;*/
                                }
                            }
                        }
                        h3 {
                            color: var(--clr-brand-4);
                        }
                        .price {
                            color: var(--clr-brand-5);
                        }

                    }
                }
            }
        }

        &.products-sold-grid {
            .products {
                margin: 0;
            }
            .recently-sold {
                >.products {
                    margin-inline: -0.75rem;
                }
            }
            .product-inner {
                .product-image {
                    box-shadow: unset;
                    margin-bottom: 0.5rem;

                    .inner {
                        height: 100%;

                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: scale-down;

                            -webkit-transition: all 500ms ease-out;
                            -moz-transition: all 500ms ease-out;
                            -o-transition: all 500ms ease-out;
                            transition: all 500ms ease-out;
                        }

                        &::after {
                            content: var(--hob-label-view-details);
                            position: absolute;
                            left: 0;
                            bottom: 0;
                            width: 100%;
                            height: 4.5rem;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            border-radius: 0;
                            background: rgba(var(--clr-brand-4-rgb), 0.85);
                            text-transform: unset;
                            border: 0;
                            color: var(--clr-white);
                            opacity: 0;
                            transition: var(--transition-300);
                        }
                    }

                    .stock {
                        height: 2.25rem;
                        width: auto;
                        padding-inline: 1rem;
                        top: 0.875rem;
                        left: auto;
                        bottom: auto;
                        font-weight: 500;
                        line-height: 1.2;
                        display: flex;
                        align-items: center;
                        background: var(--clr-brand-1);
                        color: var(--clr-white);
                    }
                }
                .product-content {
                    .category-list,
                    .price,
                    .porto-general-swatch {
                        display: none;
                    }
                }
            }

            .product {
                @media all and (min-width: 992px) {
                    &:hover {
                        .product-inner {
                            .inner {
                                img {
                                    scale: 1.5;
                                }

                                &::after {
                                    opacity: 1;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .hob-accordion {
        .e-n-accordion {
            border-bottom: 1px solid var(--clr-brand-6);

            .e-n-accordion-item {
                --n-accordion-icon-size: 12px;
                --n-accordion-icon-normal-color: var(--clr-brand-4);
                --n-accordion-icon-active-color: var(--clr-brand-4);
                --n-accordion-icon-hover-color: var(--clr-brand-4);

                .e-n-accordion-item-title {
                    padding: 1.25rem 0;
                    border-top: 1px solid var(--clr-brand-6) !important;
                    color: var(--clr-brand-2);
                }
                >div {
                    padding-bottom: 2rem;
                    display: block;
                }
            }
        }
    }

    &:not(.home) {
        #main {
            /*margin-top: 5rem;*/
            margin-top: 0;

            @media all and (min-width: 768px) {
                margin-top: 5.625rem;
            }

            @media all and (min-width: 992px) {
                margin-top: 6.5rem;
            }
            @media all and (min-width: 1200px) {
                margin-top: 7.5rem;
            }

            .main-content {
                @media all and (max-width: 767px) {
                    padding-top: 0;
                }
            }
        }
    }

    &:has(.header-wrapper + .porto-block) {
        #main {
            margin-top: 0;
        }

        &:not(.woocommerce-account) {

            .header-wrapper + .porto-block {
                @media all and (min-width: 768px) {
                    margin-top: 5.625rem;
                }

                @media all and (min-width: 992px) {
                    margin-top: 6.5rem;
                }
                @media all and (min-width: 1200px) {
                    margin-top: 7.5rem;
                }
            }
        }

        .page-top {
            ul.breadcrumb>li {
                text-transform: unset;

                a {
                    font-weight: 500;
                    color: var(--clr-white);
                    border-bottom: 1px solid transparent;
                    transition: var(--transition-300);

                    @media (min-width: 992px) {
                        &:hover {
                            color: var(--clr-white);
                            border-color: var(--clr-white);
                        }
                    }
                }

                i {
                    margin: 0 0.25rem 0 0;
                    width: 1rem;

                    &::before {
                        font-family: "Porto";
                        content: "\e81a";
                        font-weight: 400;
                        font-size: 1rem;
                        color: var(--clr-brand-8);
                    }
                }
            }
            .page-title {
                font-family: var(--font-heading);
                font-weight: 600;
                text-transform: unset;
            }
        }
    }

    .woocommerce-Price-amount {
        .woocommerce-Price-currencySymbol {
            margin-right: 2px;
        }
    }

    &.woocommerce {
        .page-top {
            padding: 0 0 0.5rem;

            @media all and (min-width: 992px) {
                padding-bottom: 2rem;
            }

            .container {
                max-width: unset;
                padding-inline: 1.25rem;

                @media (min-width: 992px) {
                    padding-inline: 2.5rem;
                }
                @media (min-width: 1600px) {
                    padding-inline: 5rem;
                }

                .breadcrumb {
                    color: var(--clr-brand-2);

                    li {
                        text-transform: unset;
                        letter-spacing: 0.5px;
                        font-weight: 400;
                        display: flex;
                        align-items: center;

                        a {
                            font-weight: 500;
                            color: var(--clr-brand-2);
                            border-bottom: 1px solid transparent;
                            transition: var(--transition-300);

                            @media (min-width: 992px) {
                                &:hover {
                                    color: var(--clr-brand-4);
                                    border-color: var(--clr-brand-4);
                                }
                            }
                        }
                        i {
                            margin: 0 0.25rem 0 0;
                            width: 1rem;

                            &::before {
                                font-family: "Porto";
                                content: "\e81a";
                                font-weight: 400;
                                font-size: 1rem;
                                color: var(--clr-brand-8);
                            }
                        }
                    }


                }
            }
        }

        .sidebar-content {
            #main-sidebar-menu {
                display: none;
            }
        }

        .hob-shop-section-heading {
            .hob-shop-section-heading-title {
                margin: 0;

                h1 {
                    margin-bottom: 0.75rem;
                }
            }
            .term-description {
                max-width: 60rem;
            }
        }
        .hob-shop-section-overview {
            .woocommerce-ordering {
                select {
                    text-transform: none;
                    padding: 0 1.5rem 0 0.75rem;
                    width: auto;
                    border: 0;
                    font-weight: 500;
                    color: var(--clr-brand-4);
                }
            }

            .hob-shop-filter {
                h3,
                .widget-title {
                    font-family: var(--font-body);
                    font-weight: 400;
                    font-size: 0.8125rem;
                    letter-spacing: 0.5px;

                    .toggle {
                        color: var(--clr-brand-4);

                        &::before,
                        &::after {
                            background: var(--clr-brand-4);
                        }
                    }
                }

                .elementor-widget-sidebar {
                    >aside,
                    >.widget {
                        padding-block: 0.625rem;
                        margin-bottom: 1rem;
                        border-bottom: 1px solid var(--clr-brand-6);

                        ul,
                        form {
                            margin-bottom: 1.25rem;
                        }
                    }
                    .widget_price_filter {
                        .price_label {
                            font-size: 0.8125rem;
                        }
                        .button {
                            padding: 0.375rem 0.75rem;
                            border-radius: 2px;
                        }
                    }
                }
            }
            .hob-shop-column-overview {
                >div {
                    @media (min-width: 1600px) {
                        padding-left: 60px;
                    }
                }
            }
        }


        &:has(.hob-shop-section-overview) {
            #main {
                >.container {
                    max-width: unset;
                    padding-inline: 1.25rem;

                    @media (min-width: 992px) {
                        padding-inline: 2.5rem;
                    }
                    @media (min-width: 1600px) {
                        padding-inline: 5rem;
                    }

                    .page-top {
                        >.container {
                            padding-inline: 0;
                        }
                    }

                }
            }
        }

    }

    &.woocommerce-account {
        .form-control,
        input[type=color],
        input[type=date],
        input[type=datetime-local],
        input[type=datetime],
        input[type=email],
        input[type=month],
        input[type=number],
        input[type=password],
        input[type=search],
        input[type=tel],
        input[type=text],
        input[type=time],
        input[type=url],
        input[type=week],
        select,
        textarea {
            background: var(--clr-white);
        }

        #main {
            margin-top: 0;

            .main-content {
                padding-top: 0;


                #content {
                    /*border: 1px solid var(--clr-brand-6);*/
                    margin-bottom: 5rem;
                    /*padding-block: 5rem;*/
                }
            }
        }

        .woocommerce {
            margin: 0;

            /*padding-inline: 5rem;*/

            .col-lg-10 {
                &:has(.woocommerce-form-login) {
                    width: 100%;
                }
            }

            .account-sub-title {
                font-size: 2rem;
                font-weight: 600;
                letter-spacing: unset;
                margin-bottom: 1.5rem !important;
                margin-top: 0 !important;
            }

            .u-columns {
                display: grid;
                grid-template-columns: 1fr;
                grid-gap: 1.25rem;
                margin-bottom: 0;

                @media (min-width: 768px) {
                    grid-template-columns: 1fr 1fr;
                }

                @media (min-width: 992px) {
                    grid-gap: 2.5rem;
                }

                &::after {
                    content: unset;
                }

                .u-column1,
                .u-column2 {
                    float: none;
                    display: block;
                    height: 100%;
                    width: 100%;
                    padding: 2.5rem;
                    border: 1px solid var(--clr-brand-6);

                    @media (min-width: 992px) {
                        padding: 5rem;
                    }

                    .woocommerce-form {
                        display: flex;
                        flex-direction: column;
                        height: 100%;
                        padding-inline: 0 !important;

                        p {
                            font-size: 0.875rem;
                            line-height: 1.25;
                        }

                        p:has(.button) {
                            margin-top: auto;
                        }

                    }
                }

            }

            .woocommerce-form-login {
                .woocommerce-LostPassword {
                    >a {
                        font-size: 0.8125rem;
                        transition: var(--transition-300);

                        @media (min-width: 992px) {
                            &:hover {
                                color: var(--clr-brand-4) !important;
                            }
                        }
                    }
                }
            }

            form.woocommerce-ResetPassword {
                input {
                    height: 3rem;
                }
                p {
                    &:has(.woocommerce-Button) {
                        display: flex;
                        justify-content: flex-end;
                        width: 100%;
                        flex-direction: row-reverse;

                        @media (max-width: 480px) {
                            flex-direction: column-reverse;
                            margin: 0;
                        }

                        a,
                        button {
                            float: none !important;
                        }
                        .back-login {
                            margin-left: auto;
                            color: var(--clr-brand-4) !important;
                            font-weight: 500;
                            border-bottom: 1px solid var(--clr-brand-4);
                            transition: var(--transition-300);

                            @media (min-width: 992px) {
                                &:hover {
                                    border-color: transparent;
                                }
                            }
                            @media (max-width: 480px) {
                                margin-right: auto;
                            }
                        }
                    }
                }
            }
        }


        &:has(.woocommerce-MyAccount-content) {
            .woocommerce {
                padding-top: 1.25rem;
                border-top: 1px solid var(--clr-brand-6);

                @media (min-width: 992px) {
                    padding-top: 2.5rem;
                }

                .featured-boxes {
                    border: 0;
                    padding: 0 !important;

                    legend {
                        font-weight: 600 !important;
                    }

                }
                .featured-box {
                    i {
                        color: var(--clr-brand-4);
                        font-size: 2.5rem;
                        margin: 0;
                    }
                    h4 {
                        font-family: var(--font-body);
                        letter-spacing: unset;
                        font-weight: 500;
                    }

                    .box-content {
                        padding-block: 2rem;
                        padding-inline: 0;

                        @media (min-width: 992px) {
                            padding: 2.5rem 0;
                        }
                    }
                }

                .woocommerce-Addresses {
                    margin-inline: 0;
                    margin-top: 1rem;
                    font-size: 0.9375rem;
                    line-height: 1.5;

                    >div {
                        padding: 2.5rem;
                        display: flex;
                        flex-direction: column;
                        height: 100%;

                        a.wc-action-btn {
                            margin-top: auto !important;
                        }
                    }

                    header {
                        margin-top: 0;

                        .account-sub-title {
                            margin: 0 !important;
                            font-size: 1.5rem !important;
                        }
                    }
                }


                .woocommerce-MyAccount-navigation {
                    padding-inline: 0;

                    @media (min-width: 992px) {
                        padding-inline: 0 2.5rem;
                    }

                    h5 {
                        display: none;
                    }
                    ul {
                        li {
                            a {
                                color: var(--clr-brand-1);
                                font-weight: 500;
                                position: relative;
                                left: 0;
                                transition: var(--transition-300);
                                text-transform: uppercase;
                                font-size: 0.8125rem !important;
                                letter-spacing: 0.25px;
                            }
                            &:not(.is-active) {
                                a {
                                    @media (min-width: 992px) {
                                        &:hover {
                                            left: 0.5rem;
                                        }
                                    }
                                }
                            }
                            &.is-active {
                                a {
                                    font-weight: 600;
                                    color: var(--clr-brand-4);
                                }
                            }
                        }
                    }
                    ul li:not(:last-child) a {
                        border-color: var(--clr-brand-3);
                    }
                }
                .woocommerce-MyAccount-content {
                    padding-inline: 0;
                    padding-top: 0.625rem;

                    @media (min-width: 992px) {
                        padding-inline: 2.5rem 0;
                    }

                    .account-sub-title {
                        i {
                            display: none;
                        }
                    }

                    p.myaccount_address {
                        font-weight: 400 !important;
                    }

                    .woocommerce-address-fields {
                        input {
                            height: 3rem;
                        }
                        >p.clearfix {
                            button {
                                float: none !important;
                            }
                        }
                    }

                    .woocommerce-input-wrapper {
                        .select2-container {
                            .select2-selection--single {
                                border-color: var(--clr-brand-6);
                                border-radius: 0;
                                height: 3rem;

                                .select2-selection__rendered {
                                    line-height: 3rem;
                                    color: var(--clr-brand-2);
                                }
                                .select2-selection__arrow {
                                    height: 2.875rem;
                                }
                            }
                        }
                    }

                    .woocommerce-message--info {
                        padding-top: 1rem;

                        .push-top {
                            margin-top: 0;
                            margin-bottom: 1rem;
                        }
                    }

                    .order-info {
                        background: var(--clr-brand-3);
                        padding-bottom: 1.5rem;
                        border-radius: 2px;
                        margin-bottom: 1.5rem !important;

                        mark {
                            line-height: 1.2;
                        }
                    }
                    .woocommerce-order-details {
                        .featured-boxes {
                            border: 2px solid var(--porto-gray-5);
                            padding: 2rem !important;

                            @media (max-width: 480px) {
                                padding-inline: 1rem !important;
                            }
                            h4.card-sub-title {
                                font-size: 1.5rem !important;
                                padding-top: 1rem;
                            }
                        }


                        .shop_table {
                            .order_details tbody .amount {
                                font-weight: 500;
                            }
                            h4 {
                                font-size: 1rem;
                                font-weight: 500;
                                font-family: var(--font-body);

                                @media (max-width: 480px) {
                                    font-size: 0.875rem;
                                }
                            }
                            td {
                                color: var(--clr-brand-1);
                                line-height: 1.2;
                            }
                            .amount {
                                font-weight: 500;
                            }

                        }
                    }
                    .push-top.text-center {
                        &:has(.woocommerce-Button) {
                            text-align: left !important;
                        }
                    }
                }
            }
        }

        &.logged-in {
            .page-header-account {
                .e-con-inner {
                    align-items: flex-start;
                }
            }
            .woocommerce-MyAccount-content {
                .box-with-icon {
                    >.row {
                        >div:has(a[href*="downloads"]) {
                            display: none !important;
                        }
                        >div {
                            @media (min-width: 768px) {
                                width: 50%;
                            }
                            @media (min-width: 1200px) {
                                width: 25%;
                            }

                            &:last-of-type {
                                width: 100%;

                                .box-content {
                                    border: 0;
                                    padding: 0;
                                    display: flex;
                                    align-items: center;
                                    gap: 0.5rem;

                                    i {
                                        font-size: 1.25rem;
                                        width: 1.25rem;
                                    }
                                    h4 {
                                        text-transform: none;
                                        color: var(--clr-brand-4);
                                    }
                                }
                            }
                        }
                    }
                }
            }


        }
    }

    &.woocommerce-page {
        &.woocommerce-cart {
            .fixed-header {
                #header {
                    position: relative;
                }
            }
        }

        .cart-v2 {
            >.row {
                @media (min-width: 992px) {
                    --bs-gutter-x: 2.5rem;
                }
                @media (min-width: 1400px) {
                    --bs-gutter-x: 5rem;
                }
            }
        }

        .woocommerce-cart-form {
            @media (min-width: 768px) and (max-width: 991.98px) {
                margin-bottom: 1rem;
            }

            .shop_table {
                margin: 0;

                @media (max-width: 767.98px) {
                    border: 0;
                    box-shadow: unset;
                }
            }
            thead {
                >tr {
                    position: relative;

                    .product-name {
                        position: absolute;
                        left: 0 ;
                    }
                }
            }
            .product-quantity,
            .product-subtotal {
                display: none !important;
            }
            .product-price {
                text-align: right;
            }
            th.product-thumbnail {
                width: 7.5rem;
            }
            td.product-thumbnail {
                padding: 0.625rem 0;
                height: 7.5rem;

                @media (max-width: 767.98px) {
                    display: inline-block;
                    width: 7.5rem;
                    float: left;
                    margin-right: 0.625rem;
                    padding-block: 0;
                }

                >div {
                    width: 100%;
                    height: 100%;

                    img {
                        width: 100%;
                        height: 100%;
                        max-width: unset;
                        object-fit: contain;
                    }

                    .remove-product {
                        top: 0;
                        right: 0;

                        @media (max-width: 767.98px) {
                            top: 0.5rem;
                            right: 0.5rem;
                        }
                    }
                }
            }
            td.product-name {
                a {
                    font-weight: 400;
                }
            }
            .product-subtotal {
                text-align: right !important;
            }
            td.actions {
                padding: 1rem 0 0 !important;

                #panel-cart-discount {
                    background: var(--clr-brand-3);
                    padding: 0.625rem;

                    @media (min-width: 992px) and (max-width: 1199.98px) {
                        flex-direction: column;
                        gap: 0.5rem;
                    }
                    @media (max-width: 767.98px) {
                        display: flex;
                        flex-direction: column;
                        gap: 0.5rem;
                    }
                    .update-button-hidden {
                        display: none;
                    }
                }

                .button {
                    padding: 0.625rem 1rem !important;
                }

                .coupon {
                    .button {
                        background: var(--clr-brand-1);
                        color: var(--clr-white);
                        transition: var(--transition-300);

                        @media (min-width: 992px) {
                            &:hover {
                                background-color: var(--clr-brand-4);
                                border-color: var(--clr-brand-4);
                            }
                        }
                    }

                    @media (max-width: 575.98px) {
                        display: flex;
                        flex-direction: column;
                        gap: 0.5rem;
                        width: 100%;

                        >* {
                            margin-bottom: 0;
                        }
                    }

                }

                #coupon_code {
                    padding: 0.625rem 0.75rem;
                    line-height: 1.4;
                    height: 2.625rem;
                    min-width: 13.75rem;
                }

            }

            .cart_item {
                @media (max-width: 767.98px) {
                    height: 7.5rem;
                    padding-block: 0;


                    &:not(:last-child) {
                        border-bottom: 0;
                    }
                }

                td:not(.product-thumbnail) {
                    @media (max-width: 767.98px) {
                        text-align: left;
                        padding-block: 0;
                    }
                }
                td.product-name {
                    @media (max-width: 767.98px) {
                        padding-top: 1.5rem;
                    }
                }
            }

        }
        .cart-collaterals {
            .card {
                border: 1px solid var(--clr-brand-6);
                padding: 2.5rem 2rem;

                tr {
                    border-color: var(--clr-brand-3);
                }

                .card-sub-title {
                    font-weight: 600;
                    text-transform: unset !important;
                    font-size: 1.5rem !important;
                }
                .cart-total {
                    h4 {
                        font-family: var(--font-body);
                        font-weight: 500;
                        color: var(--clr-brand-2);
                        margin: 0;
                    }
                    th {
                        padding: 0.5rem 0;
                    }
                    .order-total {
                        .amount {
                            font-weight: 600;
                            font-size: 1.125rem;
                        }
                    }
                }
                .wc-proceed-to-checkout {
                    .btn {
                        background-color: var(--clr-brand-4);
                        border-color: var(--clr-brand-4);
                        padding-inline: 0.5rem;
                        transition: var(--transition-300);

                        @media (min-width: 992px) {
                            &:hover {
                                background-color: var(--clr-brand-4);
                                border-color: var(--clr-brand-4);
                            }
                        }
                    }
                }
                .woocommerce-shipping-methods {
                    .porto-control-label {
                        font-size: 0.875rem;
                        display: flex;
                        justify-content: space-between;
                        padding-right: 0.625rem;

                        .woocommerce-Price-amount {
                            font-size: 1rem;
                        }
                    }
                }
                .woocommerce-shipping-destination {

                }
            }
        }

        &.woocommerce-checkout {
            .checkout_coupon {
                .featured-box {

                    @media (min-width: 481px) and (max-width: 991.98px) {
                        margin-bottom: 0;
                    }

                    .box-content {
                        padding: 1rem;
                        border: 0;
                        background: var(--clr-brand-3);

                        p {
                            margin: 0;

                            &.form-row-last {
                                padding-left: 0;
                            }
                        }
                        #coupon_code {
                            height: 2.625rem;
                            min-width: 13.75rem;
                        }
                        .btn {
                            padding-block: 0.625rem !important;
                            background: var(--clr-brand-1);
                            color: var(--clr-white);
                            transition: var(--transition-300);

                            @media (min-width: 992px) {
                                &:hover {
                                    background: var(--clr-brand-4);
                                    border-color: var(--clr-brand-4);
                                }
                            }
                        }

                        @media (max-width: 480px) {
                            display: flex;
                            flex-direction: column;
                            gap: 0.5rem;

                            #coupon_code,
                            .btn {
                                width: 100%;
                            }
                        }
                    }
                }
            }

            form.woocommerce-checkout {
                @media (min-width: 992px) {
                    padding-bottom: 3.75rem;
                }

                >.row {
                    @media (min-width: 992px) {
                        --bs-gutter-x: 2.5rem;
                    }
                    @media (min-width: 1400px) {
                        --bs-gutter-x: 5rem;
                    }
                }

                h3 {
                    font-size: calc(1.3rem + 0.6vw);

                    @media (min-width: 1200px) {
                        font-size: 1.75rem;
                    }
                }

                .checkout-order-review {
                    .featured-boxes {
                        border: 1px solid var(--clr-brand-6);
                        padding: 2.5rem 2rem;

                        h3 {
                            text-transform: unset !important;

                            font-size: calc(1.3rem + 0.6vw) !important;

                            @media (min-width: 1200px) {
                                font-size: 1.75rem !important;
                            }
                        }

                        .woocommerce-checkout-review-order {
                            tr {
                                border-color: var(--clr-brand-3);
                            }
                            h4 {
                                font-family: var(--font-body);
                                font-weight: 500;
                                letter-spacing: unset;
                                line-height: 1.25;
                            }
                            th {
                                padding: 0.5rem 0;
                            }
                            .product-checkout-wrap {
                                padding-left: 0;
                                padding-block: 0.5rem;

                                .product-thumbnail {
                                    width: 3.75rem;
                                    height: 3.75rem;
                                    margin-right: 0.5rem;

                                    a {
                                        width: 100%;
                                        height: 100%;
                                        display: block;
                                        transition: var(--transition-300);

                                        @media (min-width: 992px) {
                                            &:hover {
                                                background-color: var(--clr-brand-3);
                                            }
                                        }
                                    }

                                    img {
                                        width: 100%;
                                        height: 100%;
                                        object-fit: contain;
                                    }
                                }
                                .product-content {
                                    padding-top: 0.5rem;
                                }
                                .product-name {
                                    font-size: 1rem;
                                }

                                .product-price {
                                    flex-direction: row-reverse;
                                    margin: 0;

                                    .product-total {
                                        line-height: 1.25;

                                        .amount {
                                            font-size: 0.9375rem;
                                            font-weight: 500;
                                            color: var(--clr-brand-2);
                                        }

                                    }

                                    .quantity {
                                        display: none;
                                    }
                                }
                            }

                            tfoot {
                                border-top: 1px solid var(--clr-brand-3);
                            }

                            .cart-subtotal {
                                color: var(--clr-brand-2);

                                border: 0;

                                th,
                                td {
                                    padding: 1rem 0.625rem 0 0;
                                }

                                .amount {
                                    font-weight: 500;
                                }
                            }
                            .order-total {
                                .amount {
                                    font-size: 1.25rem;
                                    font-weight: 600;
                                }
                            }
                            .woocommerce-checkout-payment {
                                h4,
                                .wc_payment_methods {
                                    padding-inline: 0 !important;
                                }
                            }
                            .woocommerce-shipping-totals {
                                h4 {
                                    display: none;
                                }
                                td {
                                    padding-left: 0;
                                }
                                .woocommerce-shipping-methods {
                                    label {
                                        display: flex;
                                        justify-content: space-between;
                                        font-family: var(--font-body);
                                        font-weight: 500 !important;
                                        letter-spacing: unset;
                                        line-height: 1.25;
                                        color: var(--clr-brand-1);
                                        font-size: 0.875rem;

                                        .woocommerce-Price-amount {
                                            color: var(--clr-brand-2);
                                            font-size: 1rem;
                                            font-weight: 500;

                                            bdi,
                                            bdi span {
                                                font-weight: 500;
                                            }
                                        }
                                    }
                                }
                            }
                            .place-order {
                                .woocommerce-privacy-policy-text {
                                    p {
                                        padding-inline: 0;

                                        a {
                                            font-weight: 500;
                                            text-decoration: underline;

                                            @media (min-width: 992px) {
                                                &:hover {
                                                    text-decoration: none;
                                                }
                                            }
                                        }
                                    }
                                }
                                .cr-customer-consent {
                                    .woocommerce-form__label-for-checkbox {
                                        display: flex;
                                        align-items: flex-start;
                                        font-size: 0.875rem;
                                        line-height: 1.5;

                                        .input-checkbox {
                                            margin-top: 0.25rem;
                                        }
                                    }
                                }
                                .button {
                                    background: var(--clr-brand-4);
                                    font-size: 1rem !important;
                                    font-weight: 500;
                                    letter-spacing: 0.25px;
                                    height: 3.75rem;
                                    transition: var(--transition-300);

                                    @media (min-width: 992px) {
                                        &:hover {
                                            background: var(--clr-brand-5);
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .order-info mark {
                line-height: 1.2;
                font-size: 0.875rem;
                font-weight: 600;
            }
            .woocommerce-order-details {
                .featured-boxes {
                    border-color: var(--clr-brand-3);

                    @media (max-width: 480px) {
                        padding-inline: 1rem !important;
                    }

                    h4.card-sub-title {
                        font-size: 1.5rem !important;
                        padding-top: 1rem;
                    }

                    .shop_table {
                        .order_details tbody .amount {
                            font-weight: 500;
                        }
                        h4 {
                            font-size: 1rem;
                            font-weight: 500;
                            font-family: var(--font-body);

                            @media (max-width: 480px) {
                                font-size: 0.875rem;
                            }
                        }
                        td {
                            color: var(--clr-brand-1);
                            line-height: 1.2;
                        }
                        .amount {
                            font-weight: 500;
                        }

                    }
                }
            }
            .woocommerce-thankyou {
                .woocommerce-customer-detail {
                    padding-bottom: 2.5rem;
                }
            }
        }

        &:has(.woo-page-header) {

            .woo-page-header {
                margin-inline: auto;
                padding-inline: 1.5rem;

                @media (min-width: 992px) {
                    padding-inline: 0.75rem;
                    max-width: 960px;
                    padding-top: 2rem;
                }
                @media (min-width: 1164px) {
                    max-width: 1140px;
                }
                @media (min-width: 1448px) {
                    max-width: 1400px;
                }

                .breadcrumb {
                    justify-content: space-between;

                    li {
                        width: 33.33%;
                        flex: 0 0 33.33%;
                        padding: 1rem 0;
                        margin: 0;
                        position: relative;
                        line-height: 1.1;
                        display: flex;
                        justify-content: center;
                        align-items: center;

                        &::before {
                            content: '';
                            width: 100%;
                            height: 1px;
                            background: var(--clr-brand-1);
                            position: absolute;
                            left: 0;
                            bottom: 0;
                        }
                        &::after {
                            content: '';
                            width: 0.625rem;
                            height: 0.625rem;
                            border-radius: 50%;
                            position: absolute;
                            left: 50%;
                            bottom: -0.3125rem;
                            transform: translateX(-50%);
                            background: var(--clr-brand-1);
                            border: 1px solid var(--clr-brand-1);
                        }

                        i {
                            display: none !important;
                        }

                        a {
                            font-family: var(--font-heading);
                            color: var(--clr-brand-1);
                            font-size: 1.125rem;

                            @media (min-width: 576px) {
                                font-size: 1.25rem;
                            }
                            @media (min-width: 992px) {
                                font-size: 1.5rem;
                            }
                        }

                        &.current ~ li {
                            &::before {
                                background: var(--clr-brand-6);
                            }
                            &::after {
                                border-color: var(--clr-brand-6);
                                background: var(--clr-white);
                            }
                        }

                        &.current {
                            &::before {
                                background: var(--clr-brand-1);
                            }
                            &::after {
                                border-color: var(--clr-brand-1);
                                background: var(--clr-white);
                            }
                        }


                    }
                }
            }
            #main {
                margin-top: 2.5rem;
            }

        }
    }



    &.single-product {
        .hob-product-content {
            border-bottom: 1px solid rgba(var(--clr-brand-6-rgb), 0.5);
        }
        .product-data-container {
            padding-inline: 1.25rem;

            @media (min-width: 992px) {
                padding-inline: 2.5rem;
            }
            @media (min-width: 1600px) {
                padding-inline: 5rem;
            }

            .product-images-container {
                .product-images-block {
                    --bs-gutter-x: 12px;

                    .img-thumbnail {
                        margin-bottom: var(--bs-gutter-x);
                        min-height: 30rem;

                        @media (min-width: 992px) and (max-width: 1199.98px) {
                            width: 100%;
                            min-height: 35rem;
                        }

                        .inner {
                            border: 0;
                            height: 100%;
                            background: var(--clr-brand-3);

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

                            .zoom {
                                opacity: 0;
                                width: 2.5rem;
                                height: 2.5rem;
                                background: rgba(var(--clr-brand-3-rgb), 0.75);
                                border-radius: 0;
                                bottom: auto;
                                right: 0;
                                top: 0;

                                &::before {
                                    content: '';
                                    width: 100%;
                                    height: 100%;
                                    position: absolute;
                                    top: 0;
                                    left:0;
                                    background-image: url("media/icons/expand-solid.svg");
                                    background-repeat: no-repeat;
                                    background-size: 1.875rem;
                                    background-position: center;
                                    filter: invert(19%) sepia(23%) saturate(1149%) hue-rotate(341deg) brightness(101%) contrast(89%);
                                }

                                .porto-icon-plus {
                                    display: none;

                                    &::before {

                                    }
                                }
                            }

                        }

                        @media (min-width: 992px) {
                            &:hover {
                                .inner {
                                    .zoom {
                                        opacity: 1;
                                    }
                                }
                            }
                        }
                    }
                }

                .product-image-with-thumbs {

                    .woocommerce-product-gallery {
                        .product-images {
                            .img-thumbnail {
                                height: 35rem;

                                @media (max-width: 767.98px) {
                                    height: 30rem;
                                }
                                @media (max-width: 575.98px) {
                                    height: 25rem;
                                }
                                @media (max-width: 480px) {
                                    height: 20rem;
                                }

                                .inner {
                                    border: 0;
                                    height: 100%;
                                    background: var(--clr-brand-3);
                                    padding: 2.5rem;

                                    @media (max-width: 480px) {
                                        padding: 1.25rem;
                                    }

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

                            .zoom {
                                opacity: 1;
                                width: 2.5rem;
                                height: 2.5rem;
                                background: rgba(var(--clr-brand-3-rgb), 0.75);
                                border-radius: 0;
                                bottom: auto;
                                right: 0;
                                top: 0;

                                &::before {
                                    content: '';
                                    width: 100%;
                                    height: 100%;
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    background-image: url("media/icons/expand-solid.svg");
                                    background-repeat: no-repeat;
                                    background-size: 1.875rem;
                                    background-position: center;
                                    filter: invert(19%) sepia(23%) saturate(1149%) hue-rotate(341deg) brightness(101%) contrast(89%);
                                }

                                .porto-icon-plus {
                                    display: none;

                                    &::before {

                                    }
                                }
                            }
                        }

                        .product-thumbnails {
                            .img-thumbnail {
                                border: 1px solid transparent;
                                background: var(--clr-brand-3);
                                height: 7.5rem;
                                padding: 1rem;

                                @media (max-width: 575.98px) {
                                    padding: 0.5rem;
                                    height: 6rem;
                                }

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

                            .selected {
                                .img-thumbnail {
                                    border-color: var(--clr-brand-6);
                                }
                            }
                        }
                    }
                }
            }



            .product-content-container {
                font-size: 0.9375rem;

                >.e-con-boxed {
                    @media (min-width: 992px) and (max-width: 1199.98px) {
                        --padding-inline-start: 2.75rem;
                    }
                }

                .e-con-inner {
                    margin: 0;
                    
                    @media (max-width: 991px) {
                        max-width: 100%;
                        padding-top: 2rem;
                    }
                }

                .single-product-price {

                }

                .custom-cart {
                    form.cart {
                        padding: 0;
                        border: 0;
                        margin: 0;

                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;

                        .single_variation_wrap {
                            padding: 0;
                            margin: 0;
                            border: 0;
                        }

                        .quantity {
                            display: none;
                        }

                        .single_add_to_cart_button {
                            text-transform: uppercase;
                            font-size: 0.9375rem;
                            line-height: 1.25rem;
                            padding: 0.875rem 1.5rem;
                            box-shadow: unset;
                            border-radius: 2px;
                            text-decoration: none;
                            font-weight: 400;
                            background-color: var(--clr-brand-4);
                            border: 1px solid var(--clr-brand-4);
                            transition: var(--transition-300);

                            @media (min-width: 992px) and (max-width: 1199.98px) {
                                padding-inline: 1.25rem;
                            }

                            &::before {
                                content: unset;
                            }

                            &:not(.wpcbn-btn):after {
                                font-size: 1em;
                                margin-right: -0.5rem;
                            }

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

                                &:hover {
                                    background-color: var(--clr-brand-5);
                                    border-color: var(--clr-brand-5);
                                }
                            }
                            @media (min-width: 1199.98px) {
                                width: 18.75rem;
                            }
                        }

                        .view-cart-btn {
                            padding: 0.5rem 0 0.25rem !important;
                            border: 0;
                            height: auto !important;
                            text-transform: unset !important;
                            font-size: 1rem;
                            position: relative;
                            overflow: unset;

                            &::after {
                                content: "";
                                width: 1.5rem;
                                height: 100%;
                                position: absolute;
                                right: -1.5rem;
                                top: 3px;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23563824' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='m12 16l4-4m0 0l-4-4m4 4H8m14 0c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10'/%3E%3C/svg%3E");*/
                                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23563824' d='M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01'/%3E%3C/svg%3E");
                                background-repeat: no-repeat;
                                background-size: 1.25rem;
                                background-position: center;
                                transition: var(--transition-300);

                            }

                            @media (min-width: 992px) {
                                &:hover {
                                    &::after {
                                        right: -2rem;
                                    }
                                }
                            }
                        }
                    }
                }

                .product-buttons-container {
                    align-items: flex-start;

                    .product-btn-wishlist {
                        a,
                        a:hover {
                            background: none;
                            text-indent: unset;
                            height: 3rem;
                            width: auto;
                            line-height: 1.24;
                            font-size: 0.9375rem;
                            text-transform: uppercase;
                            border: 1px solid var(--clr-brand-7);
                            display: flex;
                            align-items: center;
                            padding-left: 2.5rem;
                            padding-right: 1rem;
                            border-radius: 2px;

                            &::before {
                                left: 0.75rem;
                                right: auto;
                                top: 50%;
                                transform: translateY(-50%);
                                font-size: 1.25rem;
                                color: var(--clr-brand-7);
                            }

                            span {
                                text-indent: unset;
                                height: auto;
                                width: auto;
                                line-height: inherit;
                                color: var(--clr-brand-7);
                                font-weight: 500;
                            }

                        }

                        a {
                            @media (min-width: 992px) {
                                &:hover {
                                    border-color: var(--clr-brand-4);

                                    &::before,
                                    span {
                                        color: var(--clr-brand-4);
                                    }
                                }
                            }
                        }

                        .yith-wcwl-wishlistaddedbrowse {
                            a {
                                color: var(--clr-brand-1);
                                border: 0;
                                padding-right: 0;
                                text-transform: none;
                                font-weight: 500;
                                text-align: left;

                                &::before {
                                    color: var(--clr-brand-1);
                                }

                                @media (min-width: 992px) {
                                    &:hover {
                                        color: var(--clr-brand-4);

                                        &::before {
                                            color: var(--clr-brand-4);
                                        }
                                    }
                                }
                            }
                        }
                    }

                    &:has(.yith-wcwl-wishlistaddedbrowse) {
                        @media (min-width: 992px) and (max-width: 1199.98px) {
                            flex-direction: column;

                            .yith-wcwl-wishlistaddedbrowse {
                                a {
                                    padding-left: 1.75rem;
                                    height: 2.5rem;

                                    &::before {
                                        left: 0;
                                    }
                                }
                            }
                        }
                    }
                }

                .product-detail-table {
                    table {
                        overflow: unset;
                        border-collapse: unset;
                        display: block;


                        tbody {
                            padding-top: 0;

                            tr {
                                padding-inline: 0;
                                justify-content: flex-start;
                                display: grid;
                                grid-template-columns: 10rem auto;
                                border: 0;
                                margin-bottom: 0;
                                padding-bottom: 0.25rem;

                                th {
                                    font-weight: 400;
                                    font-size: 0.8125rem;
                                }
                            }
                        }
                    }
                }
            }
        }



        .product {
            .woocommerce-notices-wrapper {
                padding-inline: 1.25rem;

                @media (min-width: 992px) {
                    padding-inline: 2.5rem;
                }
                @media (min-width: 1600px) {
                    padding-inline: 5rem;
                }

                .dokan-error,
                .dokan-info,
                .dokan-message,
                .woocommerce-error,
                .woocommerce-info,
                .woocommerce-message {
                    background: none;
                    padding-inline: 0;
                }
            }


            &.outofstock {
                .product-buttons-container {
                    .product-btn-wishlist {
                        display: none;
                    }
                    .custom-cart {
                        position: relative;
                        width: 100%;
                        height: 3rem;

                        .product-summary-wrap {
                            position: relative;
                            width: 100%;
                            height: 3rem;

                            &::before {
                                content: var(--hob-label-sold);
                                width: 100%;
                                height: 100%;
                                position: absolute;
                                left: 0;
                                top: 0;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                text-transform: uppercase;
                                font-weight: 500;
                                border-radius: 2px;
                                background: var(--clr-brand-3);
                                cursor: not-allowed;
                            }
                        }
                    }
                }
            }
        }

        .pswp {
            .pswp__bg,
            .pswp__ui--fit .pswp__caption,
            .pswp__ui--fit .pswp__top-bar {
                background-color: rgba(255,255,255,1);
            }
            .pswp__ui--fit .pswp__top-bar,
            .pswp__top-bar {
                z-index: 999;
                background: var(--clr-white) !important;
            }
            .pswp__counter {
                color: var(--clr-brand-1);
            }
            button.pswp__button {

            }
            .pswp__button,
            .pswp__button--arrow--left:before,
            .pswp__button--arrow--right:before {
                background-image: url("media/hob-pswp-skin.png");
            }
            .pswp__top-bar {
                .pswp__button {
                    background-image: url("media/hob-pswp-skin.png") !important;
                }
            }
            .pswp--css_animation .pswp__preloader__donut,
            .pswp__preloader__donut {
                border-color: var(--clr-brand-1);
            }
            .pswp__preloader {
                display: none;
            }
        }

        .dialog-lightbox-widget {
            display: none !important;
        }
    }

    /* fix for EN login page */
    &:has(.woocommerce-form-row),
    &.woocommerce-account {
        &:has(.header-wrapper.fixed-header) {
            .fixed-header {
                #header {
                    position: relative;
                }
            }
        }
    }
}

/* Colors you can tune to Porto palette */
.twp-cr {
  --twp-cr-accent: #7e0f22;   /* dot */
  --twp-cr-track:  #eee7e3;   /* inactive bar */
  --twp-cr-active: #e3cbc6;   /* active bar (light red) */
}

.twp-cr__track{ position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:.75rem; align-items:center; margin:.75rem 0 .5rem; }
.twp-cr__seg{ height:6px; background:var(--twp-cr-track); display:block; border-radius:3px; }
.twp-cr__seg.is-active{ background:var(--twp-cr-active); }   /* <- highlight active segment */

.twp-cr__thumb{
  position:absolute; top:50%; transform:translate(-50%,-50%);
  left:calc((var(--twp-cr-index) - 1) * (100%/5) + (100%/10));
  width:14px; height:14px; background:var(--twp-cr-accent); border-radius:50%;
}

.twp-cr__labels{ display:grid; grid-template-columns:repeat(5,1fr); font-size:.85rem; color:#6e625b; margin-top:.25rem; }
.twp-cr__labels span{ text-align:center; white-space:nowrap; }