/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

 .woocommerce-coming-soon-store-only {
    padding: 0 2.22em;

    h1 {
        font-size: 1.75rem;
        text-align: center !important;
    }

    h1::after {
        all: unset;
    }
 }

.woocommerce-message {
    padding-bottom: 1em;
}

.woocommerce-content, .woocommerce-checkout {
    h3 {
        color: #000;
    }

    form {
        align-items: start;
    
        a {
            font-size: 1rem;
        }

        #billing_address_2_field {
            input {
                margin-top: 0.25em;
            }
        }
    
        .form-row {
            display: unset !important;
            line-height: 1.7;
            margin-bottom: 1.25em;
            width: 49%;

            @media (max-width: 980px) {
                width: 100%;
            }
        }

        .form-row-first {
            @media (max-width: 980px) {
                margin-bottom: -5px;
            }
        }
    
        label {
            color: #3d3d3d;
            font-family: 'SecondaryFont';
            font-weight: normal;
            font-size: 1rem;
            padding-top: 1em;
        }
    
        textarea {
            border: 1px solid #cdcdcd;
            border-radius: unset;
            color: #000;
        }
    
        select {
            color: #000;
            padding: 0.5em;
            padding-left: 0.7em;
    
            & + span {
    
                .selection {
    
                    span.select2-selection {
                        border-radius: 0;
                        border: 1px solid #cdcdcd;
                        height: unset;
                        margin: unset;
                        padding: 0.7em;
                    }
    
                    span.select2-selection__rendered {
                        font-size: 1rem;
                        line-height: 1 !important;
                    }
    
                    span.select2-selection__arrow {
                        right: 8px !important;
                        top: 50% !important;
                        transform: translateY(-50%) !important;
                    }
                }
            }
    
            &::placeholder {
                font-size: 7rem;
            }
        }
    
        section {
            display: flex;
            flex-direction: column;
            gap: 0.75em;
            padding: 0;
    
            p:has(button) {
                text-align: right;
            }
    
            p::before, p::after {
                content: unset !important;
            }
    
            button {
                font-size: 0.6rem;
            }
        }
    }
}


ul.select2-results__options {
    li {
        color: #000;
        font-size: 1rem;
    }
}

.woo-banner {
    background-color: #10111b;
    background-size: cover;
    min-height: 20rem;
    position: relative;
    width: 100%;
    display: flex;
    align-items: end;

    .woo-banner__content {
        max-width: 500px;
        padding-bottom: 3em;

        h1 {
            color: #fff;
        }
        
        p {
            color: #fff;
            font-size: 0.75rem;
        }
    }
}

.woo-content__wrapper {
    margin: 0 auto;
    max-width: 1360px;
}

.woo-content__section {
    padding: 0 2.22em;
    padding-bottom: 5em;
    padding-top: 5em;

    main {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 1em 0;
        justify-content: space-between;

        .woocommerce-products-header {
            display: none;
        }

        p.woocommerce-result-count {
            color: #8f8f8f;
            font-size: 0.6rem;
            margin-bottom: 0;
        }

        form {
            width: auto;

            select {
                border-radius: 0;
                font-size: 0.6rem;
            }
        }

        .woocommerce-pagination {
            margin-left: auto;
            
            .page-numbers {
                display: flex;
                gap: 1em;

                &::before, &::after {
                    content: unset;
                }

                li {
                    align-items: center;
                    aspect-ratio: 1;
                    background-color: rgba(var(--accent), 0.1);
                    border-radius: 100%;
                    display: flex;
                    font-size: 0.75rem;
                    font-family: 'SecondaryFont', sans-serif;
                    justify-content: center;
                    width: 1.75rem;

                    &:has(span[aria-current="page"]) {
                        background-color: rgb(var(--accent));
                        color: #fff;
                    }
                    
                    a {
                        align-items: center;
                        background-color: transparent;
                        border-radius: 100%;
                        color: var(--bodyColor);
                        display: flex;
                        height: -webkit-fill-available;
                        justify-content: center;
                        width: -webkit-fill-available;
                        transition: 200ms background-color ease-out;

                        &:hover {
                            background-color: rgb(var(--accent));
                            color: #fff;
                            text-decoration: none;
                        }
                    }
                }
            }
        }
    }

    .woocommerce-breadcrumb {
        margin: unset;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}

.woocommerce-products-header {
    padding: 0;
}

.woocommerce-breadcrumb {
    align-items: center;
    color: var(--bodyColor);
    display: flex;
    font-size: 0.75rem;
    margin: 0 auto;
    max-width: 1430px;
    padding-bottom: 3em;
    padding-left: 2.22em;
    padding-right: 2.22em;
    
    i {
        font-size: 0.55rem;
        padding: 0 0.45em;
    }
}

.onsale {
    align-items: center;
    background-color: rgb(var(--secondary));
    border-radius: 100%;
    color: #fff;
    display: flex;
    font-size: 0.75rem;
    height: 3.33rem;
    justify-content: center;
    left: 2.5rem;
    margin: 1em;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 3.33rem;
    z-index: 10;
}

a.button {
    align-items: center;
    justify-content: center;
    text-align: center;
}

a.button[aria-label*="Add to cart"], a.checkout-button {
    align-items: center;
    background-color: rgb(var(--buttonPrimaryColor));
    border: 0;
    border-bottom-left-radius: calc(var(--buttonPrimaryBBL) - 0.1em);
    border-bottom-right-radius: calc(var(--buttonPrimaryBBR) - 0.1em);
    border-top-left-radius: calc(var(--buttonPrimaryBTL) - 0.1em);
    border-top-right-radius: calc(var(--buttonPrimaryBTR) - 0.1em);
    color: var(--buttonPrimaryTextColor);
    cursor: pointer;
    display: inline-flex;
    font-family: 'SecondaryFont', sans-serif;
    font-size: 1.5rem;
    padding: 0.5em 1.25em;
    fill: var(--buttonPrimaryTextColor);
    gap: 0.5em;
    justify-content: center;
    line-height: 1;
    outline: var(--buttonPrimaryBorderWidth) solid rgb(var(--buttonPrimaryBorderColor));
    outline-offset: -1px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    width: auto;
    transition: 200ms all ease-out;

    &:hover {
        background-color: rgba(var(--buttonPrimaryColor), 0.85);
        outline-color: rgba(var(--buttonPrimaryBorderColor), 0.85);
        text-decoration: none;
    }
}

a.button[aria-label*="Read more"], a.button[aria-label*="Select options"] {
    background-color: transparent;
    border-bottom-left-radius: var(--buttonSecondaryBBL);
    border-bottom-right-radius: var(--buttonSecondaryBBR);
    border-top-left-radius: var(--buttonSecondaryBTL);
    border-top-right-radius: var(--buttonSecondaryBTR);
    color: rgb(var(--buttonSecondaryTextColor));
    font-family: var(--buttonSecondaryFont);
    font-size: var(--buttonSecondaryFontSize);
    fill: rgb(var(--buttonSecondaryTextColor));
    line-height: 1;
    outline: var(--buttonSecondaryBorderWidth) solid rgb(var(--buttonSecondaryBorderColor));
    padding-bottom: var(--buttonSecondaryPB);
    padding-left: var(--buttonSecondaryPL);
    padding-right: var(--buttonSecondaryPR);
    padding-top: var(--buttonSecondaryPT);
    transition: 200ms all ease-out;

    &:hover {
        background-color: rgba(var(--buttonSecondaryBorderColor),0.15);
        text-decoration: none;
    }
}

button[name="add-to-cart"], a[href*="?add-to-cart"], button.single_add_to_cart_button {

    &::before {
        content: '\F23D';
        font-family: BootstrapIcons;
        color: #fff;
    }
}

a[title="View cart"] {
    font-size: 0.75rem;
    text-align: center;
}

a.woocommerce-loop-product__link {
    padding-bottom: 0.5em;
}

.products {
    width: 100%;

    @media (max-width: 980px) {
        margin-left: 0 !important;
    }

    li.product {
        display: flex;
        flex-direction: column;
        gap: 0.5em;

        a.woocommerce-LoopProduct-link:hover {
            text-decoration: none;
        }

        img {
            border-radius: 5px;
            overflow: hidden;
        }

        img.woocommerce-placeholder {
            border: 1px solid rgba(0,0,0,0.04);
        }
    
        h2 {
            font-family: 'SecondaryFont', sans-serif;
            font-size: 0.8rem;
            margin-bottom: 0;
            margin-top: 0.5em;
            text-wrap: wrap;
            flex-flow: unset;
        }

        h2::after {
            all: unset;
        }

        span.onsale {
            left: 0;
            top: 0;
        }
    
        span.price {
            /* color: #7d7d7d; */
            display: flex;
            font-family: 'SecondaryFont', sans-serif;
            font-size: 0.67rem;
            gap: 0.5em;
            margin-top: 1em;

            ins {
                order: 0;
            }
            
            del {
                color: #b6b6b6;
                font-family: 'BodyFont', sans-serif;
                font-size: 0.75rem;
                order: 1;
            }
        }

        p {
            font-size: 0.5rem;
            line-height: 1.5;
            margin-top: 0.75em;

            @media (max-width: 980px) {
                font-size: 0.65rem;
            }
        }
    }
}


/* Single Product styles start here */

.woo-content__product {
    padding-top: 5em;
    position: relative;
}

.woo-content__product .woocommerce-notices-wrapper {
    margin: 0 auto;
    max-width: 1460px;
    padding-left: 2.22em;
    padding-right: 2.22em;

    ul {
        list-style: none;

        li {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5em;
            justify-content: space-between;
            width: 100%;
        }
    }

    .woocommerce-message, .woocommerce-error {
        background-color: rgba(var(--primary), 0.1);
        border-radius: 8px;
        color: #68625c;
        display: flex;
        flex-wrap: wrap;
        font-size: 0.75rem;
        gap: 0.5em;
        justify-content: space-between;
        margin-bottom: 1.5em;
        padding: 0.75em 1em;

        a {
            font-family: 'SecondaryFont', sans-serif;
            order: 1;
        }
    }
}

.woo-content__product .type-product {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1460px;
    padding-bottom: 5em;
    padding-left: 2.22em;
    padding-right: 2.22em;
    position: relative;

    .woocommerce-content__single-product__content {
        background-color: #fff;
    }
}

.woo-content__product .woocommerce-product-gallery {
    display: flex;
    flex-direction: column;
    gap: 0.75em;

    .flex-viewport {
        aspect-ratio: 1.25;
        height: unset !important;
    }

    .woocommerce-product-gallery__image--placeholder {
        border: 1px solid rgba(0,0,0,0.04);
        border-radius: 8px;
        overflow: hidden;
        aspect-ratio: 1.25;

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

    .woocommerce-product-gallery__wrapper {
        height: 100%;
    }

    .woocommerce-product-gallery__image {
        height: 100%;

        img {
            aspect-ratio: 1;
            border-radius: 8px;
            height: 100%;
            object-fit: cover;
            overflow: hidden;
            width: 100%;
        }
    }

    .flex-control-thumbs {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        gap: 0.5em;

        @media( max-width:768px ) {
            grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
        }

        img {
            aspect-ratio: 1.5;
            border-radius: 5px;
            height: 100%;
            object-fit: cover;
            overflow: hidden;
            width: 100%;
        }
    }
}

.woo-content__product .summary {
    
    h1.product_title {
        font-size: 1.75rem;
        margin-bottom: 0;
        text-wrap: wrap;
    }

    h1.product_title::after {
        border-top: 0;
    }
    
    p:not([class]) {
        font-size: 0.85rem;
    }

    p.price {
        color: #7d7d7d;
        display: flex;
        font-family: 'SecondaryFont', sans-serif;
        gap: 0.5em;
        margin-bottom: 0.5em;

        ins {
            order: 0;
        }
        
        del {
            color: #b6b6b6;
            font-family: 'BodyFont', sans-serif;
            font-size: 0.9rem;
            order: 1;
        }
    }

    .woocommerce-product-details__short-description p {
        font-size: 0.85rem;
        margin-bottom: 1.5em;
    }

    p.stock {
        background-color: rgba(var(--primary), 0.15);
        border-radius: 100px;
        display: inline-flex;
        font-family: 'SecondaryFont', sans-serif;
        font-size: 0.7rem;
        margin-bottom: 1.5em;
        padding: 0.3em 1em;
    }

    p.stock.out-of-stock {
        background-color: #eaeaea;
    }

    form.cart {
        align-items: stretch;
        flex-flow: row wrap;
        gap: 0.75em;
        margin: 1em 0;

        .quantity {
            width: 15%;
            /* border: 1px solid rgba(0, 0, 0, 0.25); */
        }

        button.single_add_to_cart_button {
            flex-grow: 1;
            max-width: 255px;
            width: 75%;

            @media( max-width:425px ) {
                max-width: unset;
            }
        }

        /* input[type="number"] {
            border-radius: 100px;
            padding: 0.33em 0.75em;
        } */

        #wc-square-digital-wallet {
            margin: unset;
            max-width: 315px;
            padding-top: 0;

            @media( max-width:425px ) {
                max-width: unset;
            }
        }
    }

    .product_meta {
        color: #b4b4b4;
        display: flex;
        flex-direction: column;
        font-size: 0.75rem;
        margin-top: 2.5em;
    }

    form.variations_form {
        
        .variations {

            tbody > tr {
                align-items: flex-start;
                display: flex;
                flex-direction: column;
                gap: 0.35em;
            }

            td.value {
                align-items: center;
                display: flex;
                gap: 1em;
                position: relative;

                select {
                    font-size: 0.7rem;
                    padding-right: 2em;
                }
            }
        }

        .single_variation_wrap {
            width: 100%;

            span.price {
                color: rgb(var(--secondary));
                font-family: 'SecondaryFont', sans-serif;
            }

            .woocommerce-variation-add-to-cart {
                display: flex;
                gap: 0.75em;
            }
        }
    }

    @media( max-width:768px ) {
        padding-top: 2em;
    }
}

.woocommerce-content__single-product__related {
    background-color: #fafafa;
    padding-bottom: 1em;
    padding-left: 2.22em;
    padding-right: 2.22em;
    padding-top: 3em;

    .related.products {
        margin: 0 auto;
        max-width: 1360px;
        
        padding-left: 0;
        padding-right: 0;
    
        & > h2 {
            font-size: 2.5rem;
        }
    }
}

/* Single Product styles end here */



/* Cart page styles start here */

.woocommerce-cart-form {

    table {
        border: 1px solid rgba(0,0,0,0.1);
        overflow: hidden;
        width: 100%;

        thead {
            background-color: #ebebeb;

            tr {

                th {
                    color: #000;
                    font-family: 'SecondaryFont', sans-serif;
                    font-size: 1rem;
                    font-weight: normal;
                    padding: 1em;
                    text-align: left;
                    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
                }
            }
        }

        tbody {
            tr {
                td {
                    color: #000;
                    font-size: 1rem;
                    font-weight: normal;
                    padding: 1em;
                    text-align: left;

                    .quantity {
                        max-width: 80px;
                    }

                    &.product-remove {
                        text-align: center;

                        a {
                            font-size: 1.25rem;

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

                    &.product-thumbnail {

                        a {
                            display: flex;
                        }

                        img {
                            aspect-ratio: 1;
                            width: 3.75rem;
                            border-radius: 4px;
                        }

                        img.woocommerce-placeholder {
                            border: 1px solid rgba(0,0,0,0.04);
                        }
                    }

                    &.actions {
                        border-top: 1px solid rgba(0,0,0,0.1);

                        .coupon {
                            display: flex;
                            gap: 0.75em;

                            

                            input {
                                flex-grow: 1;
                            }

                            &::before, &::after {
                                content: unset !important;
                            }

                            @media( max-width:768px ) {
                                width: 100%;
                            }
                        }

                        button[disabled] {
                            filter: opacity(0.3);
                            pointer-events: none;
                        }

                        button[name="update_cart"] {
                            background-color: transparent;
                            border: 1px solid #000;
                            color: #000;
                            font-family: 'SecondaryFont', sans-serif;
                            font-size: 1.25rem;
                            padding: 0.5em 1.25em;
                            text-transform: uppercase;
                        }
                    }
                }

                td.product-quantity {
                    @media( max-width:768px ) {
                        display: flex;
                        justify-content: space-between;
                    }
                }
            }
            
        }
    }
}

.cart-collaterals {
    margin: 0 auto;
    max-width: 1360px;
    padding-top: 1em;

    h2 {
        background-color: #ebebeb;
        color: #000;
        font-family: 'SecondaryFont', sans-serif;
        font-size: 1rem;
        font-weight: normal;
        margin-bottom: 0;
        padding: 1em;
        text-align: right;
    }

    h2::after {
        all: unset;
    }
    
    .cart_totals {
        border: 1px solid rgba(0,0,0,0.1);
        overflow: hidden;
        width: 100% !important;

        table {
            width: 100%;
    
            tr {
                text-align: left;

                th, td {
                    border-bottom: 1px solid rgba(0,0,0,0.04);
                    font-size: 1.1rem;
                    padding: 0.75em 0.95em;
                }

                th {
                    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
                    font-family: 'SecondaryFont', sans-serif;
                    font-size: 1.1rem;
                    font-weight: normal;
                    font-weight: normal;
                    margin-bottom: 0;
                    padding: 1em;
                    text-align: left;
                    vertical-align: text-top;
                }

                td {

                    ul {
                        color: #000;
                        list-style: none;
                        margin-bottom: 0.25em;
                    }

                    p {
                        color: #000;
                        margin-bottom: 0;

                        strong {
                            color: #000;
                        }
                    }
                }

                td[data-title="Total"] {
                    font-size: 1.5rem;
                }
            }

            tr.order-total {
                background-color: #f9f9f9;

                th, td {
                    font-size: 1.4rem;
                }
            }
        }
    
        .wc-proceed-to-checkout {
            display: flex;
            flex-direction: column;
            gap: 0.5em;
            padding: 0.75em;
            text-align: right;

            div {
                max-width: unset !important;
            }
        }
    } 
}

/* Cart page styles end here */



/* Checkout page styles start here */

.woocommerce-form-coupon-toggle {
    background-color: rgba(var(--secondary), 0.08);
    font-size: 0.75rem;
    padding: 1em;
    color: var(--bodyColor);
}

form.checkout_coupon {
    flex-flow: row wrap;
    gap: 0.75em;
    justify-content: center;
    padding: 1em;
    text-align: center;

    p {
        margin: 0;
        width: auto !important;

        &:not(.form-row) {
            font-size: 0.75rem;
            width: 100% !important;
        }
    }
}

form.checkout {
    gap: 0;

    h3#ship-to-different-address {
        color: var(--bodyColor);
        font-family: 'BodyFont', sans-serif;
        line-height: 1.15;
        position: relative;

        span {
            padding-left: 0.75em;
            position: absolute;
            top: 55%;
            transform: translateY(-50%);
        }
    }

    .col-2 {

        .woocommerce-shipping-fields {

            &::before, &::after {
                content: unset !important;
            }
        }

        @media( max-width:768px ) {
            padding-top: 3em;
        }
    }

    h3#order_review_heading {
        padding-top: 1.5em;
    }

    #order_review {
        width: 100%;

        table {
            width: 100%;

            thead {
                background-color: #ebebeb;
    
                tr {
    
                    th {
                        color: #000;
                        font-family: 'SecondaryFont', sans-serif;
                        font-size: 1rem;
                        font-weight: normal;
                        padding: 0.75em;
                        text-align: left;
                    }
                }
            }

            tbody {

                tr {
    
                    td {
                        font-size: 1.1rem;
                        font-weight: normal;
                        padding: 0.75em;
                        text-align: left;
                    }
                }
            }

            tfoot {

                tr {
                    text-align: left;
    
                    th, td {
                        border-bottom: 1px solid rgba(0,0,0,0.04);
                        font-size: 1.1em;
                        padding: 0.75em;
                    }
    
                    th {
                        font-family: 'SecondaryFont', sans-serif;
                        font-weight: normal;
                        vertical-align: text-top;
                    }
    
                    td {
    
                        ul {
                            list-style: none;
                        }
    
                        p {
                            margin-bottom: 0;
                        }
                    }
                }
    
                tr.order-total {
                    background-color: #f7f7f7;
                }
            }
        }
    }

    #payment {
        padding-top: 1.5em;
        margin-inline: 1em;

        ul.payment_methods {
            color: #000;
            display: flex;
            flex-direction: column;
            font-size: 1rem;
            gap: 1em;
            list-style: none;
            margin-bottom: 2.75em;

            li {
                display: flex;
                flex-wrap: wrap;
                align-items: flex-start;

                & > :nth-child(1) {
                    margin-right: 12px;
                    margin-top: 5px;
                    width: unset;
                }

                & > :nth-child(2) {
                    align-items: center;
                    display: flex;
                    flex-wrap: wrap;
                    font-family: 'SecondaryFont', sans-serif;
                    font-size: 1.1rem;
                    gap: 0.5em;
                    padding-top: unset;
                    width: 65%;

                    @media( max-width: 768px ) {
                        flex-wrap: wrap;
                        width: 90%;
                    }

                    &:nth-child(1) {
                        @media( max-width: 768px ) {
                            width: 100%;
                        }
                    }
                }

                & > :nth-child(3) {
                    flex-grow: 1;
                    text-align: right;
                    width: 25%;

                    @media( max-width: 768px ) {
                        margin-left: 1.9em;
                        margin-top: 0.75em;
                        text-align: left;
                        width: 100%;
                    }
                }

                p {
                    color: #000;
                    font-size: 0.8rem;
                    margin: 0;
                }

                fieldset {
                    border: 0;
                }
            }
        }

        .place-order {
            padding-top: 1.5em;

            p, a {
                color: #000;
                font-size: 1rem;
            }

            .woocommerce-terms-and-conditions-wrapper {
                padding-bottom: 1em;

                a {
                    color: rgb(var(--primary));
                }
            }

            button {
                align-items: center;
                background-color: rgb(var(--buttonPrimaryColor));
                border: 0;
                border-bottom-left-radius: calc(var(--buttonPrimaryBBL) - 0.1em);
                border-bottom-right-radius: calc(var(--buttonPrimaryBBR) - 0.1em);
                border-top-left-radius: calc(var(--buttonPrimaryBTL) - 0.1em);
                border-top-right-radius: calc(var(--buttonPrimaryBTR) - 0.1em);
                color: var(--buttonPrimaryTextColor);
                cursor: pointer;
                display: inline-flex;
                font-family: 'SecondaryFont', sans-serif;
                font-size: 1.5rem;
                padding: 0.5em 1.25em;
                fill: var(--buttonPrimaryTextColor);
                gap: 0.5em;
                justify-content: center;
                line-height: 1;
                outline: var(--buttonPrimaryBorderWidth) solid rgb(var(--buttonPrimaryBorderColor));
                outline-offset: -1px;
                overflow: hidden;
                position: relative;
                text-transform: uppercase;
                width: auto;
                transition: 200ms all ease-out;

                &:hover {
                    background-color: rgba(var(--buttonPrimaryColor), 0.85);
                    outline-color: rgba(var(--buttonPrimaryBorderColor), 0.85);
                    text-decoration: none;
                }
            }
        }
    }
}

.woocommerce-content__checkout-thankyou {

    h2 {
        border-top: 1px solid rgba(0,0,0,0.1);
        color: #000;
        font-size: 1.5rem;
        padding-top: 1em;
    }

    p {
        display: none;
    }
    
    .woocommerce-content__container {
        max-width: 600px;
    }

    p.woocommerce-thankyou-order-received {
        color: #000;
        display: block;
        font-family: 'HeadingFont', sans-serif;
        font-size: 2.13rem;
        line-height: 1.2;
        margin-bottom: 0.75em;
        padding-bottom: unset;
    }

    .woocommerce-order-overview {
        border-top: 1px solid rgba(0,0,0,0.1);
        margin: 0 !important;
        padding-block: 1em;

        li {
            display: none;
        }

        li.order, li.date, li.email {
            color: #000;
            display: grid;
            font-family: 'SecondaryFont', sans-serif;
            grid-template-columns: minmax(200px, 1fr) 4fr;
            gap: 0.5em 1em;
            line-height: 1.4;

            @media(max-width:640px) {
                grid-template-columns: 1fr;
                margin-bottom: 1em;
            }
        }
    }

    .woocommerce-bacs-bank-details {

        h3 {
            font-size: 1.25rem;
        }

        ul {
            margin-bottom: 1.75em;

            @media(max-width:640px) {
                margin-left: 0 !important;
            }

            li.bank_name, li.account_number {
                color: #000;
                display: grid;
                font-family: 'SecondaryFont', sans-serif;
                grid-template-columns: minmax(200px, 1fr) 4fr;
                gap: 0.5em 1em;
                line-height: 1.15;

                @media(max-width:640px) {
                    grid-template-columns: 1fr;
                    margin-bottom: 1em;
                }
            }

            li:last-of-type {
                margin-bottom: 0;
            }
        }

        ul:last-of-type {
            margin-bottom: 0;
            padding-bottom: 1.75em;
        }
    }

    .woocommerce-order-details {

        table {
            width: 100%;

            th {
              font-family: 'HeadingFont', sans-serif;
              text-align: left;  
            }

            tfoot {
                tr:first-of-type {
                    td, th {
                      padding-top: 1.75em;  
                    }
                }

                tr:last-of-type {
                    td, th {
                      padding-bottom: 1.75em;  
                    }
                }

                tr:nth-child(3) {
                    font-size: 1.75rem;
                }

                th {
                    font-family: 'SecondaryFont', sans-serif;
                }

                th, td {
                    padding-block: 0.15em;
                }
            }
        }
    }

    .woocommerce-customer-details {

        address {
            font-style: normal;
        }
    }
}