// out: output/ec-main.css, compress: true
$xsmall: 420px;
$small: 768px;
$medium: 1024px;
$large: 1100px;


// Main Styles
.site-main {
    article {
        .term-description {
            display: none;
        }
    }
}

/* Base menu container */

.main-menu-mobile.active {
    right: 0;
}

/* Panels wrapper */
.mobile-menu,
.mobile-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Panel as full screen */
.mobile-menu > li > ul,
.mobile-menu ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: left 0.3s ease;
    z-index: 1;
    padding: 30px;
    padding-top: 76px;
}

/* Show child panel */
.mobile-menu ul.active {
    left: 0;
}

.open-nav:before {
    content: 'sdfsdfsdf';
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: 9;
}

// Header Styles
header {
    margin-bottom: 20px !important;
    .header__row {
        position: relative;
        background: white;
        padding: 20px;

        .site-header__language {
            .site-header__language__icon {
                display: none;
            }
        }

        @media screen and (max-width: $small) {
            padding: 20px 0;
            .site-header__main {
                gap: 15px;
                .site-header__branding {
                    flex-basis: 110px;
                }
                .site-header__tools {
                    flex-basis: 200px;
                    gap: 6px;
                    > div {
                        margin: 0;
                    }
                    .site-header__search {
                        margin: 0 -6px !important;
                    }
                    .site-header__language {
                        display: none;
                    }
                }
            }
        }
    }
    .menu {
        > .menu-item {
            > a {
                padding: 10px 15px;
                position: relative;
                &:before {
                    content: "";
                    background: white;
                    height: 100%;
                    width: 100%;
                    position: absolute;
                    z-index: 1;
                    left: 0;
                    bottom: calc(-100% + 5px);
                    pointer-events: auto;
                }
            }
            &.current-menu-item {
                > a {
                    background: #24221f;
                    color: white;
                    &:before {
                        background: #24221f;
                    }
                }
            }

            &.single-sub-menu {
                > .submenu-wrapper {
                    > .sub-menu {
                        display: block;
                        li {
                            margin-bottom: 5px;
                            > a {
                                font-weight: 400;
                                font-size: 15px;
                                font-family: montserrat, sans-serif;
                                line-height: 1;
                                letter-spacing: .1px;
                                text-transform: capitalize;
                            }
                        }
                    }
                }
            }

            > .submenu-wrapper {
                position: absolute;
                max-width: var(--main-container);
                width: 100%;
                left: 50%;
                top: 100%;
                transform: translate(-50%, 0px);
                background: white;
                z-index: 99;
                border-top: 1px solid #24221f;
                padding: 50px;
                gap: 60px;

                display: none;
                opacity: 0;
                visibility: hidden;
                transition:
                opacity .25s ease,
                transform .25s ease,
                visibility .25s ease;             
                    
                &.is-open {
                    opacity: 1;
                    visibility: visible;
                    transform: translate(-50%, 0);
                }        
    
                > .sub-menu {
                    width: 75%;
                    gap: 30px;
                    justify-content: space-between;
                    > li {
                        > a {
                            text-transform: uppercase;
                            font-size: 16px;
                        }
                        > .sub-menu {
                            display: block;
                            margin-top: 10px;
                            li {
                                margin-bottom: 5px;
                                a {
                                    font-weight: 400;
                                    font-size: 15px;
                                    font-family: 'montserrat', sans-serif;
                                    line-height: 1;
                                    letter-spacing: 0.1px;
                                    cursor: pointer;
                                }
                            }
                            .menu-item-has-children {
                                > .sub-menu {
                                    display: block;
                                    padding-left: 20px;
                                }
                            }
                        }
                    }
                }
                > .custom-menu-content {
                    width: 40%;
                    img {
                        height: 400px;
                        max-height: 100%;
                        object-fit: cover;
                        object-position: center;
                        width: 100%;
                    }

                    a {
                        position: relative;

                        span.image-link-text {
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            transform: translate(-50%, -50%);
                            z-index: 1;
                            color: #fff;
                            font-size: clamp(18px, 2.25vw, 35px);
                            font-weight: 700;
                            line-height: 1em;
                            margin: 0;
                            text-align: center;
                            text-shadow: 10px 10px 10px rgba(0, 0, 0, .5);
                            display: block;
                            width: 100%;
                            padding: 15px;
                        }                        
                    }

                    &.three-image,
                    &.two-image {
                        display: flex;
                        flex-direction: row;
                        gap: 20px;
                        img {
                            height: 400px;
                        }
                    }

                    &.three-image {
                        width: 250%;
                        img {
                            width: calc((100% / 3) - 13px);
                        }
                    }

                    &.two-image {
                        width: 100%;
                        img {
                            width: calc((100% / 2) - 10px);
                        }
                    }
                }
            }

        }

        > .menu-item > .submenu-wrapper li a:hover,
        li.current-menu-item > a {
            color: #c99870;
        }        
    }

    @media screen and (max-width: $large) {
        .site-header__main {
            .site-header__nav {
                display: none;
            }
        }
    }
    @media screen and (max-width: $small) {
        position: sticky !important;
        z-index: 99;

        .site-header__tools {
            img {
                height: 25px;
            }
        }

        .site-header__notice {
            width: 100%;
            .site-header__wrapper {
                width: 100%;
                .site-header__notice__image {
                    display: none;
                }
                .site-header__social {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 5px 0;
                }
            }
        }
    }
}

.social-icons {
    .social-icon {
        width: auto;
        height: auto;
        display: inline-block;
        img {
            margin: 0;
        }
    }
}

.burger-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    gap: 10px;
    cursor: pointer;

    span {
        width: 100%;
        height: 1px;
        background: black;
        transition: all .3s ease-in-out;

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

    @media screen and (max-width: $small) {
        width: 30px !important;
        height: 30px !important;
        gap: 7px !important;
    }
}

// Mobile Navigation Styles
.mobile-navigation {
    position: fixed;
    height: 100%;
    max-width: 400px;
    overflow: scroll;
    width: 100%;
    top: 0;
    right: -420px;
    background: white;
    z-index: 9;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, .5);
    padding: 30px;
    padding-top: 76px;
    transition: right .3s ease-in-out;
    overflow-x: hidden;

    &.active {
        right: 0;
    }
    .burger-menu {
        position: absolute;
        top: 20px;
        right: 30px;
        z-index: 10;

        span.one {
            transform: rotate(45deg) translate(5px, 5px);

            @media screen and (max-width: $small) {
                transform: rotate(45deg) translate(3px, 3px);
            }
        }
        span.two {
            transform: rotate(-45deg) translate(3px, -3px);
        }
    }

    .mobile-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        .back-link {
            border: none;
            margin: 0;
            margin-bottom: 10px;
            padding: 0;
            font-size: 12px;
            cursor: pointer;
            font-weight: 800;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            line-height: 1;
            gap: 8px;
            img {
                width: 8px;
                transform: rotate(-90deg);
            }
        }
        .parentCat {
            border: none;
            background: black;
            padding: 10px 0;
            color: white;
            font-weight: 600;
            position: relative;
            margin-bottom: 20px;
            &:before {
                content: "";
                position: absolute;
                width: calc(100% + 60px);
                left: -30px;
                top: 0;
                height: 100%;
                background: black;
                z-index: -1;
            }
        }
    }

    .main-menu-mobile {
        display: none;
        @media screen and (max-width: $small) {
            display: block;
            .mobile-menu {
                .menu-item {
                    border: none;
                    padding: 0;
                    margin-bottom: 30px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    a {
                        font-size: 16px;
                        font-weight: 600;
                    }

                    &.menu-item-has-children {
                        &:after {
                           content: url('/wp-content/themes/paramo-child-theme/assets/images/icons/arrow.svg');
                            width: 15px;
                            height: 15px;
                            display: inline-block;
                            vertical-align: middle;
                            transform: rotate(90deg);
                            cursor: pointer;
                        }
                    }
                }
            }
        }
    }
    .main-menu-desktop {
        display: flex;
        > div {
            width: 100%;
            li {
                padding-bottom: 10px;
                margin-bottom: 10px;
                border-bottom: 1px solid rgba(36, 34, 31, .2);
                width: 100%;
                a {
                    line-height: 1;
                    font-size: 13px;
                    font-weight: 400;
                    letter-spacing: .2px;
                }
            }
        }
        @media screen and (max-width: $small) {
            border-top: 1px solid rgba(36, 34, 31, 0.2);
            padding-top: 30px;
        }
    }

    @media screen and (max-width: $small) {
        z-index: 999;
    }
}

// Woocommerce Child Category Hero Styles
.woocommerce-child-category-hero {
    margin-bottom: 20px;
    display: flex;
    gap: 20px;
    .woocommerce-child-category-image {
        position: relative;
        width: 100%;
        height: 450px;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        .woocommerce-child-category-text {
            position: absolute;
            top: 0;
            left: 0;
            box-sizing: border-box;
            padding: 50px;
            height: 100%;
            max-width: 550px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        
            * {
                color: white;
            }
            h1 {
                margin: 0;
                margin-bottom: 10px;
                font-size: 42px;
                text-transform: uppercase;
                line-height: 1;
            }

            p {
                margin: 0;
            }
        }

        &:before {
            content: "";
            background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%);
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }
    }
    .woocommerce-child-category-acf-image {
        width: 50%;
        height: 450px;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
    }

    @media screen and (max-width: $small) {
        .woocommerce-child-category-image {
            text-align: center;
            .woocommerce-child-category-text {
                max-width: none;
                padding: 30px;
                justify-content: flex-end;
                text-align: left;
                .woocommerce-child-category-title {
                    font-size: 28px;
                }
            }
            &:before {
                background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%);
            }
        }
        .woocommerce-child-category-acf-image {
            display: none;
        }
    }
}

// WooCommerce Product Styles

.woocommerce {
    ul.products {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        margin: 0;
        padding: 0;
        width: 100%;
        margin-bottom: 20px;

        &::before,
        &::after {
            display: none;
        }

        li.product {
            background: #f4f4f4;
            padding: 30px;
            margin: 0;
            width: 100% !important;

            &.product_cat-rescue-range {
                .compare-item {
                    button {
                        display: none !important;
                    }
                }
            }

            .pop-flash-circle {
                background: black;
                width: 60px;
                height: 60px;
                position: absolute;
                font-size: 10px;
                letter-spacing: .3px;
                text-transform: uppercase;
                font-weight: 600;
                font-family: inherit;
                color: white !important;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 100px;
                top: 20px;
                left: 20px;
                text-align: center;
                line-height: 1.1;
                @media screen and (max-width: $small) {
                    top: 52px;
                }
                @media screen and (max-width: $xsmall) {
                    width: 40px;
                    height: 40px;
                    font-size: 6px;
                    top: 10px;
                    left: 10px;
                }
            }

            a {
                .onsale, 
                .star-rating {
                    display: none !important;
                }
                img {
                    max-height: 325px;
                    object-fit: contain;
                    @media screen and (max-width: $small) {
                        max-height: 175px;
                    }
                }

                h2.woocommerce-loop-product__title,
                .product__performance-in-loop {
                    display: none;
                }

                .img-info {
                    h4 {
                        margin: 0;
                        margin-top: 40px;
                        margin-bottom: 10px;
                        font-size: 28px;
                        text-align: center;
                        text-transform: uppercase;
                    }
                    p.price {
                        font-size: 22px;
                        color: black;
                        margin: 0;
                        line-height: 1;
                        text-align: center;
                    }

                    @media screen and (max-width: $small) {
                        h4 {
                            margin-top: 20px;
                            margin-bottom: 5px;
                            font-size: 18px;
                        }
                        p.price {
                            font-size: 14px;
                        }
                    }
                }
            }

            .product__performance-in-loop {
                display: none;
            }

            .compare-item {
                position: relative;
                width: 100%;
                order:100;
                margin-top: 15px;

                button {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    gap: 10px;
                    margin-top: 0;
                    padding: 0;
                    background: #f4f4f4 !important;
                    width:100%;
                    border: 1px solid #000;
                    padding:5px !important;

                    svg {
                        height: 26px;
                        width: auto;
                        background: #f4f4f4;
                        @media screen and (max-width: $xsmall) {
                            height: 25px;
                        }
                    }
                    span {
                        font-size: 12px;
                        text-transform: uppercase;
                        color: black;
                    }

                    &.active {
                        background: black !important;
                        svg {
                            background: black;
                            path, g {
                                fill: white;
                            }
                        }
                        span {
                            color: white;
                        }
                    }
                }

                @media screen and (max-width: $small) {
                    position: initial !important;
                    width: auto !important;
                    button {
                        background: #f4f4f4 !important;
                        border: 1px solid #000;
                        padding: 5px !important;
                        width: 100%;
                        text-align: center;
                        color: white !important;
                        line-height: 1.4;
                        flex-direction: row;
                        svg,
                        img {
                            height: 20px;
                            width: auto;
                            padding: 0;
                            background: none;
                        }
                        span {
                            font-size: 10px;
                            color: #000000;
                            line-height: 1.4;
                        }

                        &.active {
                            background: black !important;
                            span {
                                color: #ffffff;
                            }
                        }
                    }
                }
            }

            .product-taxonomies {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 10px;
                margin-top: 20px;
                justify-content: center;

                p {
                    margin: 0;
                    padding: 10px;
                    border: 1px solid #000;
                    font-size: 12px;
                    font-weight: 600;
                    @media screen and (max-width: $small) {
                        padding: 5px;
                        font-size: 10px;
                        width: 100%;
                        text-align: center;
                    }
                }

                .product-collection {
                    background: #0580c2;
                    border-color: #0580c2;
                    color: white;
                    text-transform: uppercase;

                    &.nature {
                        background: #706d51;
                        border-color: #706d51;
                    }
                    &.energy {
                        background: #ff521d;
                        border-color: #ff521d;
                    }
                    &.trail {
                        background: #5a326a;
                        border-color: #5a326a;
                    }
                    &.apex {
                        background: #ffcd00;
                        border-color: #ffcd00;
                    }                    
                }

                .product-tag {
                    background: white;
                }

                @media screen and (max-width: $small) {
                    gap: 5px;
                }
            }

            form {
                .product__weight {
                    display: none;
                }
                .variations {
                    width: 100%;
                    margin-top: 20px;
                    padding-bottom: 0;
                    padding-top: 0;

                    select[name="attribute_pa_size-t"] {
                        display: none;
                        + .variation-radios {
                            display: none;
                        }
                    }

                    @media screen and (max-width: $small) {
                        margin-top: 10px;
                    }
                }
                .variation-radios {
                    gap: 10px;

                    label {
                        width: 28px;
                        height: 28px;
                        border-radius: 100px;
                        border: 1px solid black;

                        span {
                            font-size: 0;
                        }
                        @media screen and (max-width: $small) {
                            width: 18px;
                            height: 18px;
                        }
                    }
                }
                .single_variation_wrap {
                    display: none !important;
                }
            }

            .woosq-btn {
                display: none !important;
            }

            .featured-product-wrapper {
                display: none;
            }

            .variation-radios.size {
                display: none !important;
            }            


            @media screen and (max-width: $small) {
                padding: 10px;

                .woocommerce-loop-product__link {
                    margin-top: 10px;
                }
            }
        }

        &.child-category {
            li.product {
                &.child-featured-product {
                    &.one {
                        grid-area: 2;
                        grid-column: span 4;
                        max-width: none;
                        max-height: inherit;
                        height: 100%;

                        .product__wrapper-child {
                            display: none;
                        }

                        .featured-product-wrapper {
                            height: 100%;
                            display: flex;
                            flex-direction: row;
                            justify-content: space-between;
                            gap: 50px;
                            align-items: center;
                            .featured__product-image {
                                height: 100%;
                                width: calc(65% - 40px);
                                max-height: 800px;
                                display: flex;
                                align-items: center;
                                justify-content: center;

                                @media screen and (max-width: $medium) {
                                    max-height: 650px;
                                }    
                                
                                @media screen and (max-width: $small) {
                                    max-height: inherit;
                                }                            

                                img {
                                    max-width: 100%;
                                    max-height: 100%;
                                    width: auto;
                                    height: auto;
                                    object-fit: contain;
                                    display: block;
                                }

                                .featured__image-wrapper {
                                    height: 100%;
                                    position: relative;
                                    aspect-ratio: 4 / 5;
                                    text-align: center;    
                                    display: flex;
                                    justify-content: center;    
                                    
                                    @media screen and (max-width: $small) {
                                        max-height: 100vw;
                                    }                            
                                }

                                .featured__product-image-tools {
                                    .featured__product-image-tool {
                                        &.tool-one {
                                            position: absolute;
                                            top: 3%;
                                            left: 50%;
                                            transform: translate(-50%, 0px);
                                        }
                                        &.tool-two {
                                            position: absolute;
                                            top: 50%;
                                            left: 25%;
                                            transform: translate(-50%, -50%);
                                        }
                                        &.tool-three {
                                            position: absolute;
                                            top: 60%;
                                            left: 70%;
                                            transform: translate(-50%, -50%);
                                        }
                                        &.tool-four {
                                            position: absolute;
                                            bottom: 10%;
                                            left: 10%;
                                            transform: translate(-50%, -50%);
                                            .tool-content {
                                                top: auto;
                                                bottom: 0;
                                                padding: 15px 15px 30px;
                                                h4 {
                                                    padding-left: 0;
                                                }
                                            }
                                        }
                                        &.tool-five {
                                            position: absolute;
                                            bottom: 0%;
                                            left: 50%;
                                            transform: translate(-50%, -50%);
                                            .tool-content {
                                                top: auto;
                                                bottom: 0;
                                                padding: 15px 15px 30px;
                                                h4 {
                                                    padding-left: 0;
                                                }
                                            }
                                        }
                                        .tool-icon {
                                            width: 30px;
                                            height: 30px;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            line-height: 1;
                                            background: black;
                                            border-radius: 100px;
                                            color: white;
                                            font-size: 34px;
                                            font-weight: 100;
                                            cursor: pointer;

                                            @media screen and (max-width: $small) {
                                                width: 25px;
                                                height: 25px;
                                                font-size: 24px;
                                            }
                                        }
                                        .tool-content {
                                            display: block;
                                            position: absolute;
                                            width: 225px;
                                            background: black;
                                            top: -8px;
                                            left: -7px;
                                            padding: 15px;
                                            z-index: -1;
                                            border-radius: 14px;
                                            opacity: 0;
                                            visibility: hidden;
                                            transition: .3s ease-in-out;
                                            &.active {
                                                opacity: 1;
                                                visibility: visible;
                                            }
                                            h4 {
                                                color: white;
                                                margin: 0;
                                                font-size: 15px;
                                                margin-bottom: 10px;
                                                text-transform: uppercase;
                                                padding-left: 25px;
                                            }
                                            p {
                                                color: white;
                                                margin: 0;
                                                font-size: 11px;

                                                @media screen and (max-width: $small) {
                                                    display: none;
                                                }
                                            }

                                            @media screen and (max-width: $small) {
                                                width: 105px;
                                                padding: 10px;
                                                h4 {
                                                    font-size: 12px;
                                                    margin-bottom: 0;
                                                    padding-left: 25px;
                                                }
                                            }

                                        }
                                    }
                                }

                                .tool-display {
                                    margin-top: 20px;
                                    width: calc(100% + 40px);
                                    .tool-content {
                                        display: block;
                                        background: black;
                                        color: white;
                                        border-radius: 0;
                                        padding: 30px 20px;
                                        opacity: 0;
                                        transition: opacity 0.3s ease-in-out;
                                        h4 {
                                            margin: 0;
                                            text-transform: uppercase;
                                            font-size: 15px;
                                            margin-bottom: 20px;
                                        }
                                        p {
                                            margin: 0;
                                            font-size: 14px;
                                        }
                                    }
                                    .tool-content.active {
                                        opacity: 1;
                                    }

                                    @media screen and (min-width: $small) {
                                        display: none;
                                    }
                                }

                                @media screen and (max-width: $small) {
                                    flex-direction: column;
                                }
                            }
                            .featured__product-content {
                                width: 35%;
                                h4 {
                                    font-size: 28px;
                                    margin: 0;
                                }
                                .product-taxonomies {
                                    justify-content: flex-start;
                                }

                                .featured__product-price {
                                    margin: 0;
                                    font-size: 26px;
                                    margin-top: 15px;
                                    font-weight: bold;
                                }

                                .featured__product-short-description {
                                    display: -webkit-box;
                                    -webkit-line-clamp: 3;
                                    -webkit-box-orient: vertical;
                                    overflow: hidden;
                                }

                                .featured__product-gallery {
                                    display: grid;
                                    grid-template-columns: repeat(2, 1fr);
                                    grid-template-rows: repeat(2, 1fr);
                                    grid-column-gap: 10px;
                                    grid-row-gap: 3px;
                                    .featured__product-gallery-item {
                                        img {
                                            height: 200px;
                                            object-fit: cover;
                                        }
                                        &:last-child {
                                            grid-column: span 2;
                                        }
                                    }
                                }

                                .btn-view-product {
                                    width: 100%;
                                    max-width: none;
                                    border-radius: 0;
                                    font-family: 'Montserrat';
                                    font-weight: 700;
                                    font-size: 14px;
                                    text-transform: uppercase;
                                    margin-top: 14px;
                                    padding: 15px;
                                    background: black;
                                    color: white;
                                    text-align: center;
                                    display: block;
                                }
                            }

                            @media screen and (max-width: $small) {
                                flex-direction: column;
                                .featured__product-image,
                                .featured__product-content {
                                    width: 100%;
                                }
                                .featured__product-content {
                                    .product-taxonomies {
                                        p {
                                            width: auto;
                                        }
                                    }
                                }
                            }
                        }

                        @media screen and (max-width: $large) {
                            grid-column: span 3;
                        }
                        @media screen and (max-width: $small) {
                            grid-column: span 2;
                            max-height: none;
                            width: calc(100% + 20px) !important;
                            margin-left: -10px !important;
                            padding: 20px;
                        }
                    }
                }
            }
        }

        @media screen and (max-width: $large) {
            grid-template-columns: repeat(3, 1fr);
        }
        @media screen and (max-width: $small) {
            grid-template-columns: repeat(2, 1fr);
            margin: 0 !important;
            .product {
                margin: 0 !important;
            }
        }
    }

    .load-more-wrapper {
        text-align: center;
        .load-more {
            border: 4px solid #fff;
            border-top: 4px solid #000;
            background: white;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            animation: spin 1s linear infinite;
            margin: 0 auto 20px auto;
        }
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }


    .woocommerce-result-count,
    .woocommerce-ordering {
        display: none !important;
    }

    &.single-product {
        .variations_form {
            .variations {
                @media screen and (max-width: $small) {
                    .pa_size-t {
                        .size-chart {
                            display: none !important;
                        }
                    }
                    .pa_colour-t {
                        display: flex !important;
                        gap: 10px;
                        align-items: center;
                        margin-bottom: 20px;
                        .label {
                            width: auto !important;
                            padding: 0 !important;
                            line-height: 1;
                        }
                        .value {
                            margin: 0 !important;
                            width: auto !important;
                        }
                    }
                    .product-weight {
                        margin: 0 !important;
                        width: auto !important;
                        display: flex !important;
                        flex-direction: row;
                        gap: 10px;
                        .label {
                            margin: 0 !important;
                            padding: 0 !important;
                            width: auto !important;
                        }
                        .value {
                            margin: 0 !important;
                            width: auto !important;
                        }
                    }
                }
            }

            .single_variation_wrap {
                .woocommerce-variation {
                    width: 100%;
                    justify-content: flex-start;
                    display: none !important;
                    .woocommerce-variation-price {
                        border-right: none;
                    }
                    .woocommerce-variation-availability {
                        display: none !important;
                    }
                }
            }
        }

        .product__sticky-details {
            .product__icon-button-row {
                .icon-button {
                    padding: 0 !important;
                    width: auto;
                    display: flex;
                    flex-direction: column;
                    align-items: center;

                    gap: 10px;
                    max-width: 100px;
                    img {
                        height: 35px;
                        margin: auto;
                    }
                }
                .compare-checkbox {
                    svg {
                        height: 40px;
                        padding:5px;
                    }
                    &.active {
                        svg {
                            background: black;
                            path, g {
                                fill: white;
                            }
                        }
                    }
                }
            }
        }
    }

    .cross-sells {
        .product {
            .variations_form {
                .variations {
                    .pa_colour-t {
                        margin-bottom: 0 !important;
                        .value {
                            margin-bottom: 0 !important;

                        }
                    }

                    .product-weight {
                        padding: 0 !important;
                    }
                }
            }
        }
    }

    // .woocommerce-pagination {
    //     display: none !important;
    // }
}

.woocommerce.columns-3 ul.products li.product {
    width: calc(33% - 23px);
}
.woocommerce.columns-4 ul.products li.product {
    width: 100% !important;
    flex: 1 0 calc((100% - 3* 40px) / 4);
    box-sizing: border-box;
    max-width: 575px;
    min-width: 0;
    flex-wrap: nowrap;
}

/* PRODUCT FILTERING */
.paramo-main-filter-wrapper {
    position: fixed;
    bottom: 0;
    z-index: 9998;
    right: -430px;
    background: #ffffff;
    height: 100%;
    padding: 50px;
    width: 430px;
    transition: ease-in-out .6s;
    overflow: scroll;

    .btn-close-filtering {
        line-height: 1;
        background: black;
        width: 30px;
        height: 30px;
        position: absolute;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        transform: rotate(45deg);
        font-size: 31px;
        top: 30px;
        right: 30px;
        cursor: pointer;
        font-weight: 300;
    }

    .filter-heading {
        font-size: 26px;
        letter-spacing: .3px;
    }

    .bapf-clean-rounded {
        .bapf_body {
            li {
                width: calc(50% - 5px);

                &.checked {
                    background: black;

                    label {
                        color: white;

                        &::before {
                            display: none;
                        }
                    }
                }

                label {
                    margin: 0;
                    padding: 8px;
                    border: 1px solid #000;
                    font-size: 11px;
                    font-weight: 600;
                    border-radius: 0;
                    color: black;
                    width: 100%;
                    text-align: center;
                }
            }
        }
    }

    .berocket_single_filter_widget {
        &:not(:last-child) {
            border-bottom: 1px solid #000;
        }

        .bapf_sfilter {
            margin-top: 20px;
            cursor: pointer;

            .bapf_body {
                margin-top: 20px;

                li {
                    input {
                        border-color: #000 !important;
                        background: white;
                    }
                    &.checked input {
                        background: black;
                    }
                }
            }

            .bapf_hascolarr {
                margin: 0;
            }

            .bapf_button {
                width: 100%;
                max-width: none;
                border-radius: 0;
                font-weight: 600;
                font-family: 'Montserrat';

                &:hover:after {
                    display: none;
                }
            }
        }
    }

    @media screen and (max-width: 550px) {
        width: 100%;
        padding: 20px;
        right: -100%;
    }
}

.filtering-active .paramo-main-filter-wrapper {
    right: 0;
}
body.filtering-active {
    overflow: hidden;

    &::before {
        content: "";
        background: rgba(0, 0, 0, .4);
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 999;
        bottom: 0;
    }
}

.paramo-filtering-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;

    .btn-filter-sort {
        background: #cc9b70;
        color: white;
        font-size: 12px;
        font-weight: 600;
        padding: 10px;
        padding-top: 9px;
        cursor: pointer;
        text-transform: uppercase;
        border-radius: 0;
        height: 100%;
    }

    .bapf_sfilter {
        margin: 0;

        .bapf_head {
            display: none;
        }

        .berocket_aapf_widget_selected_area {
            li {
                a:not(.braapf_unselect_all) {
                    margin: 0;
                    padding: 10px 30px 10px 10px;
                    border: 1px solid #000;
                    font-size: 12px;
                    font-weight: 600;
                    border-radius: 0;
                    color: black;
                    line-height: 1;
                }
            }
        }

        .bapf_sfa_unall {
            margin-left: 20px;

            .braapf_unselect_all {
                color: black;
                font-size: 12px;
                text-decoration: underline !important;
            }
        }
    }

    @media screen and (max-width: $small){
        flex-direction: column;
        align-items: flex-start;
    }
}

.paramo-filtering-buttons .bapf_sfilter .berocket_aapf_widget_selected_area li a:before {
    right: 20px;
    top: 6px;
    color: #000;
}

.bapf_ckbox_greychck input[type=checkbox]:checked:after {
    border-color: white;
    width: 5px;
    height: 12px;
    top: 0px;
    left: 6px;
}

#compare-page {
    margin-bottom: 20px;
    .comparison-card-item {
        background-color: #f6f6f6;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        padding-bottom: 109px !important;
        h3 {
            margin: 0;
            margin-top: 40px;
            margin-bottom: 10px;
            font-size: 28px;
            text-align: center;
        }
        p {
            font-size: 22px;
            color: #000;
            margin: 0;
            line-height: 1;
            text-align: center;
        }
        .performance-grade {
            margin-top: 30px;
            width: 100%;
            > div {
                margin-bottom: 20px;
                &:last-child {
                    margin-bottom: 0;
                }

                > div {
                    &:not(.product__performance-bar) {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        margin-bottom: 15px;
                        font-size: 14px;
                    }
                }
            }
            .product__performance-bar {
                width: 100%;
                height: 10px;
                background-color: #fff;
                overflow: hidden;
                margin-top: 10px;

                .product__performance-fill {
                    height: 100%;
                    background-color: #000;
                    transition: width 0.4s ease;
                }
            }
        }
        .best-performance {
            .product__performance-bar {
                .product__performance-fill {
                    background: #68aa2e;
                }
            }

            span.product__performance-value:before {
                color: #68aa2e;
                font-weight:600;
                content:'Best';
                margin-right:5px;
            }
        }
        .button {
            position: absolute;
            bottom: 30px;
            box-sizing: border-box;
            left: 30px;
            background: black;
            width: calc(100% - 60px);
            padding: 15px;
            color: white;
            text-align: center;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: .3px;
        }
    }
}

.single-product {
    .fit-guide__content {
        position: fixed;
        height: 100%;
        max-width: 450px;
        min-width: 350px;
        overflow: scroll;
        display: flex;
        justify-content: space-between;
        width: 100%;
        top: 0;
        right: -500px;
        background: white;
        z-index: 99;
        box-shadow: 0px 0px 12px rgba(0, 0, 0, .5);
        padding: 30px;
        padding-top: 76px;
        flex-direction: column;
        transition: right .3s ease-in-out;

        &.active {
            right: 0;
        }

        .btn-close-filtering {
            line-height: 1;
            background: black;
            width: 30px;
            height: 30px;
            position: absolute;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100px;
            transform: rotate(45deg);
            font-size: 31px;
            top: 30px;
            right: 30px;
            cursor: pointer;
            font-weight: 300;
        }

        .fit-guide__maincontent {
            margin-bottom: 40px;
            > h2 {
                margin: 0;
                margin-bottom: 30px;
            }
            .side_guide_controls {
                border-bottom: 2px solid #f1f1f1;
                padding-bottom: 10px;
                margin-bottom: 30px;
                .side_guide_label {
                    max-width: 100px;
                    width: 100%;
                    display: inline-block;
                    cursor: pointer;
                    transition: opacity 0.3s;
                    position: relative;
                    font-weight: 400;

                    &:after {
                        content: "";
                        height: 2px;
                        width: 100%;
                        bottom: -12px;
                        position: absolute;
                        left: 0;
                    }

                    &.active {
                        font-weight: bold;
                        &:after {
                            background: black;
                        }
                    }

                    @media screen and (max-width: 500px){
                        max-width: 80px;
                        font-size: 14px;
                    }
                }
            }
            .size-guide__img {
                position: relative;
                margin-bottom: 30px;
                span {
                    &.icon-tool-size__guide {
                        position: absolute;
                        border-radius: 100px;
                        background: #000;
                        padding: 5px;
                        font-size: 24px;
                        color: white;
                        line-height: .6;
                        display: inline-flex;
                        align-items: center;
                        gap: 10px;
                        cursor: pointer;
                        .size-text__trigger {
                            display: none;
                            font-size: 14px;
                            padding: 5px 10px 5px 0;
                            line-height: 1;
                        }

                        &.active {
                            background: #c59773;
                            z-index: 1;
                            .size-text__trigger {
                                display: block;
                            }
                        }

                        &#left-shoulder {
                            top: 43%;
                            left: 18%;
                        }
                        &#right-shoulder {
                            right: 12%;
                            top: 43%;
                        }
                        &#right-elbow {
                            bottom: 25%;
                            right: 13%;
                        }
                        &#bottom-chest {
                            bottom: 41%;
                            right: 31%;
                        }
                        &#middle-stomach {
                            bottom: 21%;
                            right: 40%;
                        }
                        &#middle-waist {
                            bottom: 7%;
                            right: 29%;
                        }
                        &#mid-hood {
                            right: 40%;
                            top: 10%;
                        }
                        &#mid-back {
                            bottom: 33%;
                            right: 39%;
                        }
                        &#left-elbow {
                            left: 4%;
                            bottom: 33%;
                        }
                    }
                }
            }
            .dimension_content {
                .dimension_controls {
                    border-bottom: 2px solid #f1f1f1;
                    padding-bottom: 10px;
                    margin-bottom: 10px;
                    .dimension_label {
                        max-width: 130px;
                        width: 100%;
                        display: inline-block;
                        cursor: pointer;
                        transition: opacity 0.3s;
                        position: relative;
                        font-weight: 400;

                        &:after {
                            content: "";
                            height: 2px;
                            width: 100%;
                            bottom: -12px;
                            position: absolute;
                            left: 0;
                        }

                        &.active {
                            font-weight: bold;
                            &:after {
                                background: black;
                            }
                        }
                    }
                }

                .front__content {
                    display: none;
                    ul {
                        padding: 0;
                        list-style: none;
                        margin: 0;
                        display: flex;
                        gap: 10px;
                        li {
                            max-width: 30px;
                            width: 100%;
                            span {
                                font-size: 12px;
                            }
                        }

                        &.front-size__list {
                            li {
                                span {
                                    font-weight: bold;
                                }
                            }
                        }
                    }

                    &.active {
                        display: block;
                    }
                }
            }
        }

        .measure-size__content {
            h2 {
                margin: 0;
                margin-bottom: 20px;
                font-size: 20px;
            }
            ul {
                margin: 0;
                padding: 0;
                list-style: none;
                li {
                    font-size: 12px;
                    margin-bottom: 10px;
                    &:last-child {
                        margin-bottom: 0;
                    }
                }
            }
        }

        .fit-guide {
            .fit-guide__toggle {
                margin-top: -10px;
                border-bottom: 2px solid black;
                margin-bottom: 20px;
                > span {
                    min-width: 50px;
                    display: inline-block;
                    text-align: center;
                    padding: 10px 15px;
                    font-size: 14px;
                    font-weight: 600;
                    cursor: pointer;
                    &.active {
                        background: black;
                        color: white;
                    }
                }
            }
            .fit-guide-content-main {
                .fit-guide-content__wrapper {
                    display: flex;
                    flex-direction: column;
                    gap: 30px;
                    .fit-guide__main {
                        display: flex;
                        align-items: center;
                        gap: 30px;
                        .fit-main-image__wrapper {
                            img {
                                min-width: 100px;
                            }
                        }
                        &:nth-child(even) {
                            flex-direction: row-reverse;
                        }

                        .fit-main-content__wrapper {
                            h3 {
                                font-size: 22px;
                            }
                            p {
                                font-size: 14px;
                            }
                        }
                    }

                    @media screen and (max-width: $xsmall) {
                        .fit-guide__main {
                            flex-direction: column;
                            gap: 0px !important;
                            .fit-main-image__wrapper {
                                img {
                                    min-width: 50px !important;
                                    width: 100px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    #klaviyo-reviews-all {
        margin-top: 40px;
    }
}

.woocommerce-cart {
    .wp-block-woocommerce-empty-cart-block {
        .wp-block-separator, 
        .wp-block-woocommerce-product-new, 
        .wp-block-heading:not(.with-empty-cart-icon) {
            display: none;
        }
    }
    .wc-block-components-main {
        .wp-block-woocommerce-cart-cross-sells-block {
            display: none;
        }
    }
    .wc-block-cart-items {
        thead {
            display: none;
        }
        tbody {
            .wc-block-cart-items__row {
                display: flex;
                gap: 50px;
                border-bottom: 1px solid rgba(18, 18, 18, 0.11);
                .wc-block-cart-item__image,
                .wc-block-cart-item__product {
                    margin: 0;
                    border: none;
                }
                .wc-block-cart-item__product {
                    display: flex;
                    width: 100%;
                    align-items: center;
                    justify-content: center;
                    .wc-block-cart-item__wrap {
                        position: relative;
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        grid-template-rows: repeat(2, 1fr);
                        grid-column-gap: 0px;
                        grid-row-gap: 20px;
                        width: 100%;
                        .wc-block-components-product-low-stock-badge {
                            text-align: center;
                            padding: 10px 5px;
                            border-radius: 0;
                        }
                        .wc-block-components-product-name {
                            font-size: 28px;
                            font-weight: bold;
                            line-height: 1.2;
                            padding-right: 100px;
                            grid-area: 1 / 1 / 2 / 4;
                        }
                        .wc-block-cart-item__prices {
                            font-size: 22px;
                            color: black;
                            grid-area: 2 / 3 / 3 / 4;
                            text-align: end;
                        }
                        .wc-block-components-product-metadata {
                            grid-area: 2 / 1 / 3 / 2;
                        }
                        .wc-block-cart-item__quantity {
                            grid-area: 2 / 2 / 3 / 3;
                            text-align: center;
                            .wc-block-components-quantity-selector {
                                margin: auto;
                            }
                            .wc-block-cart-item__remove-link {
                                position: absolute;
                                top: 0;
                                right: 0;
                                font-size: 0;
                                border: none;
                                text-decoration: none;
                                transform: rotate(45deg);
                                width: 30px;
                                height: 30px;
                                background: black;
                                border-radius: 100px;
                                &:before {
                                    content: "+";
                                    font-size: 30px;
                                    border: none;
                                    line-height: 1;
                                    cursor: pointer;
                                    color: white;
                                }
                            }
                        }
                        @media screen and (max-width: 800px) {
                            position: inherit;
                        }
                    }
                }
                .wc-block-cart-item__image {
                    a {
                        img {
                            max-height: 250px !important;
                        }
                    }
                }
                .wc-block-cart-item__total {
                    display: none;
                }

                @media screen and (max-width: 800px) {
                    display: block !important;
                    .wc-block-cart-item__image {
                        margin: auto;
                        width: 100%;
                        display: block;
                        text-align: center;
                        margin-bottom: 20px;
                        img {
                            margin: auto;
                            max-height: 180px !important;
                        }
                    }

                    .wc-block-cart-item__product {
                        .wc-block-cart-item__wrap {
                            align-items: center;
                            gap: 10px;
                            .wc-block-components-product-name {
                                padding-right: 10px;
                                font-size: 22px;
                            }
                            .wc-block-cart-item__prices, 
                            .wc-block-components-product-metadata {
                                margin: 0;
                            }
                            .wc-block-cart-item__quantity {
                                padding-right: 0;
                                .wc-block-components-quantity-selector {
                                    width: 60px;
                                    .wc-block-components-quantity-selector__input,
                                    .wc-block-components-quantity-selector__button {
                                        min-width: 20px !important;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .wc-block-components-sidebar {
        min-width: 400px;
        .wp-block-woocommerce-cart-order-summary-block {
            background: black;
            padding: 30px;
            color: white;
            margin-bottom: 0;
            .wc-block-components-panel,
            .wc-block-components-totals-coupon,
            .wc-block-components-totals-item {
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

            > .wc-block-components-totals-wrapper,
            > .wp-block-woocommerce-cart-order-summary-totals-block {
                border: none;
                border-bottom: 1px solid white;
            }

            .wc-block-components-totals-coupon__form {
                .wc-block-components-text-input {
                    border-radius: 0;
                    input {
                        border-radius: 0 !important;
                        border: none;
                        font-size: 12px;
                        padding: 30px 10px 20px 10px;
                    }
                }
                button {
                    background: white;
                    border: none;
                    color: black;
                    font-weight: bold;
                }
            }
        }

        .wc-block-cart__submit {
            .wc-block-cart__submit-container {
                background: black;
                text-align: center;
                padding: 0 30px 30px 30px;
                position: relative;
                .wc-block-cart__submit-button {
                    color: white;
                    width: auto;
                    height: auto;
                    min-height: auto;
                    background: #00a836;
                    padding: 10px 20px;
                    font-size: 14px;
                    text-transform: uppercase;
                    width: 100%;
                }
            }
        }

        @media screen and (max-width: 550px) {
            min-width: 330px !important;
        }
    }

    .wp-block-gf-dm-aftercare-block {
        order:100;

        .aftercare-block__title {
            padding-left: 0;
            margin-bottom: 20px;
            font-size: 20px;
            font-weight: bold;
        }
    }
}

.woocommerce-checkout {
    .woocommerce-form-wrapper {
        border: 1px solid #000;
        margin-bottom: 20px;

        .woocommerce-form-login-toggle {
                    

            .woocommerce-info {
                background: none;
                border: none;
                padding: 0;
                margin: 0;

                &:before,
                &:after {
                    content: "";
                    display: none;
                }
                a {
                    color: black;
                    font-size: 14px;
                    font-weight: bold;
                    display: block;
                    padding: 20px;
                    position: relative;

                    &::after {
                        content: '';
                        display: block;
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        right: 20px;
                        width:20px;
                        height:20px;
                        background-image: url('/wp-content/themes/paramo-child-theme/assets/images/icons/plus-icon.svg');
                        background-position: center;
                        background-repeat: no-repeat;
                        z-index: 1;
                        pointer-events: none;
                    }
                }
                
            }

            &.active {
                .woocommerce-info a::after {
                    background-image: url('/wp-content/themes/paramo-child-theme/assets/images/icons/minus-icon.svg');
                }
            }            
        }

        .woocommerce-form {
            padding: 0px 20px 20px;
            margin: 0px;
            border: none;
            .form-row {
                width: 100%;
                padding: 0;
                margin: 0;
                input {
                    border: 1px solid black;
                    border-radius: 0;
                    padding: 15px;
                    font-size: 12px;
                    margin-bottom: 10px;
                }
                &.form-row-first {
                    margin-top: 20px;
                }

                .woocommerce-form-login__submit {
                    margin: 0;
                    margin-top: 10px;
                    width: 100%;
                    background: black !important;
                    color: white;
                    letter-spacing: 0.4px;
                }
            }

            .form_requests {
                font-size: 10px;
                display: flex;
                align-items: center;
                gap: 20px;
                .woocommerce-form__label {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    .woocommerce-form__input-checkbox {
                        margin: 0;
                    }
                    span {
                        margin-left: 5px;
                    }
                }
            }
        }
    }

    .woocommerce-checkout-review-order {
        .woocommerce-form-coupon {
            display: block !important;
        }
    }

    .woocommerce {
        display: flex;
        gap: 40px;
        .woocommerce-notices-wrapper {
            display: none;
        }
        .woocommerce-checkout {
            #customer_details {
                border: 1px solid #000;
                padding: 20px;
                margin-bottom: 20px;
                .woocommerce-billing-fields, 
                .woocommerce-shipping-fields {
                    > h3 {
                        margin: 0;
                        color: black;
                        font-size: 14px;
                        font-weight: bold;
                    }
                    .woocommerce-billing-fields__field-wrapper {
                        margin-top: 20px;
                    }

                    input {
                        border: 1px solid black;
                        border-radius: 0;
                        padding: 15px;
                        font-size: 12px;
                        margin-bottom: 10px;
                        @media screen and (max-width: 500px){
                            &.input-checkbox {
                                -webkit-appearance: checkbox;
                                width: 12px;
                                height: 12px;
                                padding: 5px;
                            }
                        }
                    }
                    .woocommerce-input-wrapper {
                        position: relative !important;
                        z-index: 0 !important;
                    }
                    .select2-selection {
                        border: 1px solid black;
                        border-radius: 0;
                        padding: 15px;
                        font-size: 12px;
                        .select2-selection__arrow {
                            top: 0;
                            right: 1.5em;
                        }
                    }
                    label {
                        &:not(.woocommerce-form__label-for-checkbox) {
                            display: none;
                        }
                    }
                }
                > div {
                    width: 100%;
                    float: none;
                }
            }

            .order_payment_review {
                border: 1px solid #000;
                padding: 20px;
                > #order_review_heading {
                    margin: 0;
                    color: black;
                    font-size: 14px;
                    font-weight: bold;
                }
                .woocommerce-checkout-payment {
                    background: none !important;
                    margin-top: 20px;
                    .wc_payment_methods {
                        margin: 0 !important;
                        padding: 0 !important;
                        .woocommerce-info {
                            margin-bottom: 20px;
                            font-size: 14px;
                            line-height: 1.3;
                            padding: 15px 15px 15px 35px;
                            border: none;
                            &:before {
                                color: black;
                                left: 11px;
                                top: 18px;
                                font-size: 12px;
                            }
                        }

                        .payment_method_woosa_adyen_google_pay {
                            img {
                                height: 25px !important;
                            }
                        }

                        .payment_method_woosa_adyen_card {
                            .adyen-checkout__card__form {
                                .adyen-checkout__input-wrapper {
                                    > span {
                                        display: flex !important;
                                    }
                                }
                            }
                        }
                    }
                    .place-order {
                        padding: 0 !important;
                        margin: 0;
                        font-size: 12px;

                        button {
                            background: black !important;
                            width: 100%;
                            margin-top: 20px;
                        }
                    }
                }
            }
        }

        .woocommerce-checkout-review-order {
            position: relative;
            width: 600px;
            .review-order-wrapper {
                background: black;
                color: white;
                position: sticky;
                top: 30px;
                padding: 30px;
                min-width: 400px;
                > h2 {
                    margin: 0;
                    margin-bottom: 18px;
                    font-size: 28px;
                }
                table {
                    border: none;
                    border-spacing: 2px 15px;
                    td {
                        border: none;
                        padding: 0 !important;
                    }
                    tbody {
                        margin-bottom: 20px;
                        position: relative;
                        .cart_item {
                            position: relative;
                            &:first-child {
                                .product-name {
                                    &:before {
                                        display: none;
                                    }
                                }
                            }
                        }
                        .product-name {
                            img {
                                max-width: 110px;
                                width: 100%;
                            }

                            @media screen and (max-width: 500px){
                                &:before {
                                    content: "";
                                    width: 100%;
                                    position: absolute;
                                    height: 1px;
                                    top: 0;
                                    background: white;
                                }
                            }
                        }
                        .product-total {
                            padding: 32px 0 30px 32px !important;
                            color: white;
                            .order-product__title {
                                margin: 0;
                                font-size: 18px;
                                font-weight: bold;
                            }
                            .product-attrs__order_table {
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                p {
                                    font-weight: bold;
                                    span {
                                        text-transform: capitalize;
                                    }
                                }
                            }

                            @media screen and (max-width: 500px){
                                padding: 32px 0 30px 15px !important;
                                .order-product__title {
                                    font-size: 16px;
                                }
                                .product-attrs__order_table {
                                    gap: 5px;
                                    p, strong {
                                        font-size: 12px;
                                        line-height: 1.2;
                                    }
                                }
                            }
                        }

                        // &:before {
                        //     content: "";
                        //     height: 100%;
                        //     background: white;
                        //     position: absolute;
                        //     z-index: -1;
                        //     width: calc(100% + 60px);
                        //     left: -30px;
                        // }
                    }
                    tfoot {
                        th, td {
                            font-weight: 400;
                        }
                        th {
                            padding: 0 !important;
                            @media screen and (max-width: 500px){
                                padding-right: 10px !important;
                            }
                        }
                        @media screen and (max-width: 500px){
                            th, td {
                                font-size: 12px !important;
                            }
                        }
                    }
                }

                .woocommerce-form-coupon {
                    border: none;
                    padding: 0;
                    margin: 0;
                    .form-row {
                        width: 100%;
                        margin: 0;
                        padding: 0;
                        input {
                            border: 1px solid white;
                            border-radius: 0;
                            padding: 15px;
                            font-size: 12px;
                        }
                        button {
                            width: 100%;
                            border: 1px solid white;
                            color: white;
                            margin-top: 10px;
                        }
                    }
                }
                @media screen and (max-width: 550px){
                    min-width: 330px !important;
                }
            }
            @media screen and (max-width: 800px){
                width: 100%;
            }
        }

        @media screen and (max-width: 800px){
            flex-direction: column;
            gap: 20px;
        }
    }
    #page {
        @media screen and (max-width: 800px){
            overflow: none !important;
        }
    }
}

.woocommerce-order-received {
    .woocommerce-order {
        .woocommerce-order-overview {
            margin: 20px 0 20px 0;
            padding: 0;
            list-style: none;
            li {
                display: block;
                width: 100%;
                border: none;
                margin-bottom: 20px;
                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
    }
}


#customer_login {
	margin-bottom:40px;
    display: flex;

    @media screen and (max-width: $small) {
        display: block !important;
    }    

    .u-column1,
    .u-column2 {
        border: 1px solid #000;
        padding: 20px;
        width: 100%;
        margin-right:40px;

        h2 {
            color: black;
            font-size: 14px;
            font-weight: bold;
        }

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

            .form-row,
            .woocommerce-form-row {
                width: 100%;
                padding: 0;
                margin: 0;

                input:not([type="checkbox"]),
                .woocommerce-Input,
                textarea {
                    border: 1px solid black;
                    border-radius: 0;
                    padding: 15px;
                    font-size: 12px;
                    margin-bottom: 10px;
                }

                label {
                    font-size: 12px;

                    input[type="checkbox"] {
                        margin: 0 5px 0 0;
                    }

                    &:not(.woocommerce-form__label-for-checkbox):not(.checkbox) {
                         display: none; 
                    }
                }

                .woocommerce-form-login__submit,
                .woocommerce-form-register__submit,
                .woocommerce-Button,
                .button {
                    width: 100%;
                    margin-top: 10px;
                    background: black !important;
                    color: white;
                    letter-spacing: 0.4px;
                    border-radius: 0;
                }
            }

            .woocommerce-form__label-for-checkbox,
            .woocommerce-form-login__rememberme {
                display: inline-flex;
                align-items: center;
            }

            .form-row {
                display: block;

                @media screen and (max-width: 500px) {
                    display: flex;
                    flex-direction: column;
                    align-items: stretch;
                    gap: 10px;
                }
            }

            .woocommerce-LostPassword,
            .lost_password,
            a {
                color: black;
                font-size: 14px;
                font-weight: bold;

                &.showlogin,
                &.showcoupon {
                    display: block;
                    padding: 20px;
                    position: relative;
                }
            }

            #dotdigital_woocommerce_checkbox_field,
            #dotdigital_woocommerce_marketing_checkbox_field {
                font-size: 10px;

                .woocommerce-input-wrapper {
                    display: inline-flex;
                    align-items: center;

                    .checkbox span,
                    label span {
                        margin-left: 5px;
                    }
                }
            }

            .woocommerce-privacy-policy-text {
                font-size: 12px;
                line-height: 1.4;
                margin-top: 10px;

                a {
                    color: black;
                    text-decoration: underline;
                }
            }
        }
    }

    .u-column2 {
        margin-right:0;
        @media screen and (max-width: $small) {
            margin-top: 20px;
        }          
    }

}

/* My Account */
nav.woocommerce-MyAccount-navigation {
  background: #f7f7f7;
  padding: 20px;
  margin-bottom: 20px;

  ul {
    margin: 0;
    padding: 0;

    li {
      list-style-type: none;
      border-bottom: 1px solid #ccc;
      transition: background-color 0.6s ease, color 0.6s ease;

      a {
        display: flex;
        align-items: center;
        position: relative;
        padding: 15px 15px 15px 46px;
        color: inherit;
        text-decoration: none;

        &::before {
          content: "";
          position: absolute;
          left: 8px;
          top: 50%;
          transform: translateY(-50%);
          width: 28px;
          height: 28px;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
        }
      }

      &.woocommerce-MyAccount-navigation-link--dashboard a::before {
        background-image: url('/wp-content/themes/paramo-child-theme/assets/images/icons/dashboard.svg');
      }
      &.woocommerce-MyAccount-navigation-link--orders a::before {
        background-image: url('/wp-content/themes/paramo-child-theme/assets/images/icons/orders.svg');
      }
      &.woocommerce-MyAccount-navigation-link--edit-account a::before {
        background-image: url('/wp-content/themes/paramo-child-theme/assets/images/icons/account-details.svg');
      }
      &.woocommerce-MyAccount-navigation-link--edit-address a::before {
        background-image: url('/wp-content/themes/paramo-child-theme/assets/images/icons/address.svg');
      }
      &.woocommerce-MyAccount-navigation-link--stored-cards a::before {
        background-image: url('/wp-content/themes/paramo-child-theme/assets/images/icons/stored-cards.svg');
      }
      &.woocommerce-MyAccount-navigation-link--guarantee a::before {
        background-image: url('/wp-content/themes/paramo-child-theme/assets/images/icons/register-guarantee.svg');
      }
      &.woocommerce-MyAccount-navigation-link--customer-logout a::before {
        background-image: url('/wp-content/themes/paramo-child-theme/assets/images/icons/logout.svg');
      }      

      &.is-active,
      &:hover {
        background: #000;
        color: #fff;

            a { color: #fff;
                &:before {
                   filter: invert(100%) sepia(0%) saturate(7491%) hue-rotate(48deg) brightness(120%) contrast(98%);
                } 
        }

      }

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


/* My Account */
.woocommerce-account .woocommerce-MyAccount-content {
    font-size: 14px;
    margin-bottom: 20px;

	.woocommerce-orders-table.woocommerce-MyAccount-orders {
		text-align: center !important;

        th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number {
            @media screen and (max-width: $small) { 
                border:0 !important;
                display:block !important;
            }
        }

		a.woocommerce-button.button.view {
			background: #bd9165 !important;
			color: #fff !important;
			font-weight: 600;
			text-transform: none;
		}      
	}  

    fieldset {
        padding: 15px;
    }

    button#search-button {
        background: var(--brand-gold) !important;
    }    

	/* My Account/Edit Account */
	.woocommerce-EditAccountForm {
		border: 1px solid #000;
		padding: 20px;
		margin-bottom: 40px;

		.clear { display: none; }

		.form-row,
		.woocommerce-form-row {
			width: 100%;
			padding: 0;
			margin: 0 0 10px;

			label {
				display: block;
				font-size: 12px;
				margin-bottom: 6px;
				color: black;
			}

			input:not([type="checkbox"]),
				.woocommerce-Input,
				textarea,
				select {
					width: 100%;
					border: 1px solid black;
					border-radius: 0;
					padding: 15px;
					font-size: 12px;
			}
		}

		.form-row-first,
		.form-row-last {
			display: inline-block;
			vertical-align: top;
			width: calc(50% - 10px);
		}
		.form-row-first { margin-right: 20px; }

		fieldset {
			border: 0;
			padding: 0;
			margin: 10px 0 0;

			legend {
				color: black;
				font-size: 14px;
				font-weight: bold;
				margin-bottom: 10px;
			}
		}

		.password-input {
			position: relative;
			display: block;

			input { width: 100%; }

			.show-password-input {
				position: absolute;
				top: 50%;
				right: 10px;
				transform: translateY(-50%);
			}
		}

		#account_display_name_description em { font-size: 12px; }

		.woocommerce-Button,
		.button {
			width: 100%;
			margin-top: 10px;
			background: black !important;
			color: white;
			letter-spacing: 0.4px;
			border-radius: 0;
		}

		.woocommerce-privacy-policy-text {
			font-size: 12px;
			line-height: 1.4;
			margin-top: 10px;

			a {
				color: black;
				text-decoration: underline;
			}
		}

		[data-lastpass-icon-root] { display: none !important; }
	}

	@media screen and (max-width: $small) {
		.woocommerce-EditAccountForm {
			.form-row-first,
			.form-row-last {
				width: 100%;
				margin-right: 0;
			}
		}
	}

	/* My Account - Addresses */
	.woocommerce-Address {
		flex: 1;
		border: 1px solid #000;
		padding: 20px;
		box-sizing: border-box;

		.woocommerce-Address-title {
			display: block;
			margin-bottom: 15px;

			h2 {
				color: black;
				font-size: 14px;
				font-weight: bold;
				margin: 0;
			}

			a.edit {
				font-size: 12px;
				color: black;
				text-decoration: underline;

				&:hover {
					color: #c99870;
				}
			}
		}

		address {
			font-size: 13px;
			line-height: 1.6;
			font-style: normal;
			color: #000;
		}
	}

	@media screen and (max-width: $small) {
		flex-direction: column;
		gap: 20px;

		.woocommerce-Address {
			width: 100%;
            margin: 5px 0;
		}
	}  

	/* My Account - Edit Shipping/Billing Address */
	form {
		.woocommerce-address-fields {
			border: 1px solid #000;
			padding: 20px;
			margin-bottom: 40px;

			h2,
			> h2 {
				color: black;
				font-size: 14px;
				font-weight: bold;
				margin: 0 0 15px;
			}

			.woocommerce-address-fields__field-wrapper {
				.form-row {
					width: 100%;
					padding: 0;
					margin: 0 0 10px;

					label {
						display: block;
						font-size: 12px;
						margin-bottom: 6px;
						color: black;
					}

					input:not([type="checkbox"]),
						.input-text,
						textarea,
						select {
							width: 100%;
							border: 1px solid black;
							border-radius: 0;
							padding: 15px;
							font-size: 12px;
							box-sizing: border-box;
					}

					.woocommerce-input-wrapper > strong {
						display: inline-block;
						font-size: 12px;
						margin-bottom: 6px;
					}
				}

				.form-row-first,
				.form-row-last {
					display: inline-block;
					vertical-align: top;
					width: calc(50% - 10px);
				}
				.form-row-first { margin-right: 20px; }
			}

			.select2-container {
				width: 100% !important;

				.select2-selection--single {
					border: 1px solid black;
					border-radius: 0;
					height: auto;
					min-height: 48px;
					display: flex;
					align-items: center;
					padding: 8px 12px;

					.select2-selection__rendered {
						line-height: 1.2;
						padding-left: 0;
						font-size: 12px;
					}
					.select2-selection__arrow {
						height: 100%;
						right: 8px;
					}
				}
			}

			.button,
			.woocommerce-Button {
				width: 100%;
				margin-top: 10px;
				background: black !important;
				color: white;
				letter-spacing: 0.4px;
				border-radius: 0;
			}

			[data-lastpass-icon-root] { display: none !important; }
		}
	}

	@media screen and (max-width: $small) {
		form .woocommerce-address-fields {
			.woocommerce-address-fields__field-wrapper {
				.form-row-first,
				.form-row-last {
					width: 100%;
					margin-right: 0;
				}
			}
		}
	}  

	/* Order intro line */
	&__order-intro,
	> p {
		margin: 0 0 20px;
		font-size: 14px;
		line-height: 1.6;

		.order-number,
		.order-date,
		.order-status {
			background: transparent;
			padding: 0;
			font-weight: 600;
		}
	}

	/* Order details */
	&__order-details,
	.woocommerce-order-details {
		border: 0;
		padding: 20px;
		margin-bottom: 30px;

		&__title,
		.woocommerce-order-details__title {
			font-size: 14px;
			font-weight: bold;
			color: #000;
			margin: 0 0 15px;
		}

		&__table,
		.shop_table.order_details {
			width: 100%;
			border-collapse: collapse;
			font-size: 14px;

			thead {
				th {
					text-align: left;
					font-weight: 600;
					border-bottom: 1px solid #000;
					padding: 12px 10px;
					background: #f7f7f7;
				}
			}

			tbody {
				td {
					border-bottom: 1px solid #e6e6e6;
					padding: 14px 10px;
					vertical-align: top;
				}

				.woocommerce-table__product-name,
				.product-name {
					a {
						text-decoration: none;
						color: #000;

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

					.product-quantity {
						font-weight: 700;
						margin-left: 6px;
					}

					.wc-item-meta {
						margin: 8px 0 0;
						padding: 0;
						list-style: none;

						li {
							margin: 0 0 4px;

							.wc-item-meta-label {
								font-weight: 600;
								margin-right: 4px;
							}

							p {
								display: inline;
								margin: 0;
							}
						}
					}
				}

				.woocommerce-table__product-total,
				.product-total {
					text-align: right;

					.amount {
						font-weight: 700;
					}
				}
			}

			tfoot {
				th, td {
					padding: 12px 10px;
					border-top: 0;
				}

				th {
					text-align: left;
					color: #000;
					font-weight: 600;
				}

				td {
					text-align: right;

					.amount {
						font-weight: 700;
					}
				}

				tr:not(:last-child) td {
					border-bottom: 1px solid #e6e6e6;
				}
			}
		}
	}

	/* Customer details (billing/shipping) */
	&__customer,
	.woocommerce-customer-details {
		margin-top: 30px;

		&-columns,
		.woocommerce-columns.woocommerce-columns--addresses {
			display: flex;
			gap: 20px;
			flex-wrap: wrap;
		}

		&-card,
		.woocommerce-column {
			flex: 1 1 0;
			min-width: 260px;
			border: 1px solid #000;
			padding: 20px;
			box-sizing: border-box;

			&__title,
			.woocommerce-column__title {
				font-size: 14px;
				font-weight: bold;
				color: #000;
				margin: 0 0 12px;
			}

			address {
				font-style: normal;
				line-height: 1.6;
				font-size: 13px;
				color: #000;
				margin: 0;

				.woocommerce-customer-details--phone,
				.woocommerce-customer-details--email {
					margin: 8px 0 0;
					font-size: 13px;
				}
			}
		}
	}

	@media (max-width: $small) {
		&__order-details,
		.woocommerce-order-details {
			padding: 0;
		}

		&__customer-columns,
		.woocommerce-columns.woocommerce-columns--addresses {
			flex-direction: column;
			gap: 20px;
		}
	}  

    /* Customer order details */
	section.woocommerce-order-details,
	.woocommerce-customer-details {

		table {
			width: 100%;
			border-collapse: collapse !important;
			border-spacing: 0;
		}

		th,
		td {
			border: 1px solid #000 !important;
			padding: 10px 12px;
			text-align: left;
		}

		th {
			background: #f7f7f7;
		}

		address {
			line-height: 1.6;
			border: 0 !important;
			border-radius: 0 !important;
		}
	}

    /* Guarantee table */
    .minimalistBlack {
        border-collapse: collapse;
        width: 100%;

        th, td {
            border: 1px solid black;
            padding: 8px;
            text-align: left;            
        }

        th {
            background-color: #f9f9f9
        }

    }

}

/* Blog wrapper */
.blog {
  .site-header { margin-bottom: 0 !important; }
  #content > .main-container { max-width: 100%; padding: 0; }

  .post-filter-wrapper {
    background: #24221f;
    border-top: 1px solid #fff;
    padding: 30px 0;

    .main-container {
      h1.page-title {
        color: #fff;
        padding: 10px 0;
        margin: 0;
        text-transform: uppercase;
      }

      nav.post-filter {
        ul.post-filter-list {
          list-style: none;
          padding: 0;
          margin: 10px 0 30px 0;
          display: flex;
          flex-wrap: wrap;
          gap: 10px;

          a,
          .post-filter__link {
            display: inline-block;
            padding: 7px 25px;
            border: 1px solid #ffffff;
            text-decoration: none;
            color: #fff;
            font-size: 14px;
            transition: 0.2s;

            &.is-active,
            &:hover {
              background: #c99870;
              color: #fff;
              border-color: #3c3d3f;
            }
          }
        }
      }

      #post-filter__results  {
        position: relative;

        &.is-loading,
        &--loading {
          &::before {
            content: "";
            position: fixed;
            inset: 0;
            background: rgba(36,34,31,0.6);
            z-index: 99;
            top:0;
            left:0;
            width:100%;
            height: 100%;
          }
          &::after {
            content: "";
            position: fixed;
            left: calc(50% - 21px);
            top: calc(50% - 21px);
            
            width: 42px;
            height: 42px;
            margin: -21px 0 0 -21px;
            border-radius: 50%;
            border: 3px solid #cfcfcf;
            border-top-color: #333;
            animation: post-filter-spinner .8s linear infinite;
            z-index: 999;
          }
        }

        .post-grid {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -20px;

            @media screen and (max-width: $small) {
                margin: 0 !important;
            }

            &__box {
                display: flex;
                flex-direction: column;
                flex: 0 0 auto;
                flex-basis: calc(33.333% - 40px);
                margin: 20px;
                background: #ffffff;

                @media screen and (max-width: $medium) {
                    flex-basis: calc(50% - 40px);
                }
                @media screen and (max-width: $small) {
                    flex-basis: 100%;
                    margin: 10px 0;
                }

                /* hover effect for images inside this box */
                &:hover .post-grid__image img {
                    transform: scale(1.2);
                }
            }

            &__link {
                display: flex;
                flex-direction: column;
                height: 100%;
                text-decoration: none;
                color: inherit;
            }

            &__image {
                aspect-ratio: 400 / 247;
                width: 100%;
                overflow: hidden;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    display: block;
                    transition: 0.6s;
                }
            }

            &__meta   { padding: 20px; }
            &__date   { font-size: 14px; }
            &__excerpt { font-size: 14px; }
        }



        nav#post-navigation.navigation.pagination {
          .nav-links {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 15px;
            padding: 40px 0;
            justify-content: center;

            .page-numbers {
              width: 45px;
              height: 45px;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              border: 1px solid rgba(255, 255, 255, 0.5);
              text-decoration: none;
              font-weight: 600;
              line-height: 1;
              color: #ffffff;
              background: transparent;
              transition: background 150ms ease, color 150ms ease, border-color 150ms ease, transform 100ms ease;
              font-size: 14px;
              transition: 0.6s;
              cursor: pointer;

              &:hover:not(.current),
              &:focus-visible:not(.current) {
                background: #fff;
                color: #000;
              }

              &:active { transform: translateY(1px); }

              &.current,
              &[aria-current="page"] {
                background: #ffffff;
                color: #111111;
                border-color: #ffffff;
                cursor: default;
              }

              &.current + .next {
                opacity: 0.3;
                pointer-events: none;
              }

              &.next,
              &.prev,
              &[aria-label^="Next"],
              &[aria-label^="Previous"] {
                background: #c89a6a;
                color: #fff;
                border-color: #c89a6a;


                &:hover,
                &:focus-visible {
                    border-color: #fff;
                }
              }

              &.dots {
                width: 44px;
                height: 44px;
                border-color: rgba(255, 255, 255, 0.5);
                background: transparent;
                color: #ffffff;
                pointer-events: none;
              }
            }

            @media (max-width: 420px) {
              gap: 0.5rem;

              .page-numbers {
                width: 40px;
                height: 40px;
              }
            }

            @media (prefers-reduced-motion: reduce) {
              .page-numbers { transition: none; }
            }
          }
        }
      }
    }
  }
}

@keyframes post-filter-spinner { to { transform: rotate(360deg); } }

.single-post .post-box {
    display: none;
}


footer {
    .footer_columns {
        display: flex;
        flex-direction: column-reverse;
        gap: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
        .footer__i18n {
            img {
                display: none;
            }
            select {
                color: black;
                width: 100%;
            }
        }
        .footer__social {
            display: flex;
            justify-content: center;
            a {
                height: 20px;
                width: auto;
                margin-right: 15px;
                img {
                    width: 100%;
                    height: 100%;
                }
                &:last-child {
                    margin-right: 0;
                }
            }
            .polylang-cta {
                height: 20px;
                margin-right: 15px;
            }
        }
    }

    .footer__lower-left {
        @media screen and (max-width: 600px) {
            margin-right: 0;
            .footer__logo {
                img {
                    max-width: 250px;
                }
            }
        }
    }
    
    .footer__navigation {
        @media screen and (max-width: 600px) {
            flex-direction: column;
            text-align: center;
            > nav {
                margin-bottom: 20px;
                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
    }
}


.aftercare-block__content-container {
    * {
        cursor: pointer !important;
    }
}

#iws-search-overlay {
    .iws-products-grid {
        .iws-product-item {
            padding:5px;
            img.iws-product-image {
                object-fit: contain;
            }            
        }
    }
}

#atlwdg-trigger {
    display: none;
}


.grecaptcha-badge {
    display: none !important;
}

.woocommerce-page {
    &.term-16543,
    &.term-16487 {
        header {
            margin-bottom: 0 !important;
        }
        .site {
            display: none !important;
        }
    }
}