/*==================================================
POP MY CHERRY
WooCommerce Master Stylesheet
Version: 1.0
====================================================

Contents

01. Variables
02. Global
03. Product Grid
04. Product Cards
05. Product Images
06. Product Titles
07. Prices
08. Buttons
09. Sale Badges
10. Sidebar
11. Single Product
12. Cart
13. Checkout
14. My Account
15. Mobile

==================================================*/


/*==================================================
01. VARIABLES
==================================================*/

:root {

    /*==================================================
    Colours
    ==================================================*/

    --pmc-black: #000000;
    --pmc-charcoal: #323337;
    --pmc-text: #333333;
    --pmc-light-text: #777777;

    --pmc-white: #ffffff;
    --pmc-background: #ffffff;

    --pmc-border: #ece6df;


    /*==================================================
    Typography
    ==================================================*/

    --pmc-heading-font: "Playfair Display", serif;
    --pmc-body-font: "Circe", sans-serif;


    /*==================================================
    Font Sizes
    ==================================================*/

    --pmc-title-size: 19px;
    --pmc-price-size: 22px;
    --pmc-button-size: 17px;


    /*==================================================
    Border Radius
    ==================================================*/

    --pmc-radius: 16px;
    --pmc-radius-small: 10px;
    --pmc-radius-medium: 16px;


    /*==================================================
    Shadows
    ==================================================*/

    --pmc-shadow:
        0 8px 24px rgba(0, 0, 0, .08);

    --pmc-shadow-hover:
        0 16px 36px rgba(0, 0, 0, .12);


    /*==================================================
    Animation
    ==================================================*/

    --pmc-transition:
        all .25s ease;

}

/*==================================================
02. GLOBAL WOOCOMMERCE
==================================================*/

/*==================================================
Basic Box Model
==================================================*/

.woocommerce *,
.woocommerce *::before,
.woocommerce *::after {

    box-sizing: border-box;

}


/*==================================================
Product Lists
==================================================*/

.woocommerce ul.products,
.woocommerce-page ul.products {

    margin: 0;
    padding: 0;

    list-style: none;

}


/*==================================================
Product Links
==================================================*/

.woocommerce ul.products li.product a {

    color: inherit;

    text-decoration: none;

}


/*==================================================
Images
==================================================*/

.woocommerce img {

    display: block;

    max-width: 100%;

    height: auto;

}


/*==================================================
Default Mark Styling
==================================================*/

.mark,
mark {

    background: transparent;

}


/*==================================================
Global Transitions
==================================================*/

.woocommerce a,
.woocommerce button,
.woocommerce input,
.woocommerce img {

    transition: var(--pmc-transition);

}

/*==================================================
03. PRODUCT GRID
==================================================*/

/*==================================================
Product Grid
==================================================*/

.woocommerce ul.products,
.woocommerce-page ul.products {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));

    gap: 32px;

    margin: 0;
    padding: 0;

}


/*==================================================
Remove WooCommerce Default Spacing
==================================================*/

.woocommerce ul.products::before,
.woocommerce ul.products::after {

    display: none;

}


/*==================================================
Product Items
==================================================*/

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {

    width: 100%;

    margin: 0;

    float: none;

}

/*==================================================
04. PRODUCT CARDS
==================================================*/

/*==================================================
Product Card
==================================================*/

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {

    display: flex;
    flex-direction: column;

    height: 100%;

    padding: 22px;

    overflow: hidden;

    background: var(--pmc-background);

    border: 1px solid var(--pmc-border);
    border-radius: var(--pmc-radius-medium);

    box-shadow: var(--pmc-shadow);

    transition:
        transform .30s ease,
        box-shadow .30s ease;

}


/*==================================================
Card Hover
==================================================*/

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {

    transform: translateY(-4px);

    box-shadow: var(--pmc-shadow-hover);

}


/*==================================================
Product Link
==================================================*/

.woocommerce ul.products li.product > a {

    display: flex;
    flex: 1;
    flex-direction: column;

    color: inherit;

}


/*==================================================
Equal Height Button
==================================================*/

.woocommerce ul.products li.product .button {

    margin-top: auto;

}

/*==================================================
05. PRODUCT IMAGES
==================================================*/

/*==================================================
Product Image Container
==================================================*/

.shop-pro-img {

    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    padding: 12px;

    margin-bottom: 22px;

    background: #faf8f5;

    border-radius: var(--pmc-radius-medium);

    box-shadow: var(--pmc-shadow);

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}


/*==================================================
Product Images
==================================================*/

.shop-pro-img img,
.woocommerce ul.products li.product img {

    display: block;

    width: 100%;
    height: 220px;

    object-fit: contain;
    object-position: center;

    transition: transform .45s ease;

}


/*==================================================
Image Hover
==================================================*/

.woocommerce ul.products li.product:hover .shop-pro-img {

    transform: translateY(-2px);

    box-shadow: var(--pmc-shadow-hover);

}

.woocommerce ul.products li.product:hover img {

    transform: scale(1.03);

}


/*==================================================
Mobile
==================================================*/

@media (max-width: 767px) {

    .shop-pro-img {

        padding: 10px;

        margin-bottom: 18px;

    }

    .shop-pro-img img {

        height: 190px;

    }

}
/*==================================================
06. PRODUCT TITLES
==================================================*/

/*==================================================
Product Title
==================================================*/

.woocommerce ul.products li.product .woocommerce-loop-product__title {

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 110px;

    margin: 0 10px 18px;

    overflow: hidden;

    color: var(--pmc-text);

    font-family: var(--pmc-body-font);
    font-size: clamp(1rem, 1.05vw, 1.125rem);
    font-weight: 500;

    line-height: 1.5;
    letter-spacing: .01em;

    text-align: center;

    transition: color .25s ease;

}


/*==================================================
Product Title Link
==================================================*/

.woocommerce ul.products li.product a {

    color: inherit;

    text-decoration: none;

}


/*==================================================
Hover
==================================================*/

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {

    color: var(--pmc-charcoal);

}


/*==================================================
Mobile
==================================================*/

@media (max-width: 767px) {

    .woocommerce ul.products li.product .woocommerce-loop-product__title {

        min-height: 90px;

        margin: 0 8px 16px;

        font-size: 1rem;

    }

}
/*==================================================
07. PRICES
==================================================*/

/*==================================================
Product Price
==================================================*/

.woocommerce ul.products li.product .price {

    display: block;

    margin: 0 0 20px;

    color: var(--pmc-charcoal);

    font-family: var(--pmc-heading-font);
    font-size: clamp(1.15rem, 1.2vw, 1.35rem);
    font-weight: 600;

    line-height: 1.3;
    letter-spacing: .02em;

    text-align: center;

}


/*==================================================
Sale Price
==================================================*/

.woocommerce ul.products li.product .price ins {

    color: var(--pmc-charcoal);

    font-weight: 700;

    text-decoration: none;

}


/*==================================================
Original Price
==================================================*/

.woocommerce ul.products li.product .price del {

    margin-right: 8px;

    color: var(--pmc-light-text);

    opacity: .65;

    font-size: .9em;

}


/*==================================================
Price Amount
==================================================*/

.woocommerce ul.products li.product .price .amount {

    white-space: nowrap;

}


/*==================================================
Mobile
==================================================*/

@media (max-width: 767px) {

    .woocommerce ul.products li.product .price {

        margin-bottom: 18px;

        font-size: 1.15rem;

    }

}
/*==================================================
08. BUTTONS
==================================================*/

/*==================================================
Shop Buttons
==================================================*/

.woocommerce ul.products li.product .button {

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 50px;

    margin: 0;
    padding: 14px 24px;

    background: var(--pmc-black);

    border: none;
    border-radius: var(--pmc-radius-small);

    color: var(--pmc-white);

    font-family: var(--pmc-body-font);
    font-size: var(--pmc-button-size);
    font-weight: 600;

    letter-spacing: .02em;

    text-align: center;
    text-decoration: none;

    cursor: pointer;

    transition:
        background-color .30s ease,
        transform .25s ease,
        box-shadow .30s ease;

}


/*==================================================
Hover
==================================================*/

.woocommerce ul.products li.product .button:hover {

    background: var(--pmc-charcoal);

    transform: translateY(-2px);

    box-shadow: var(--pmc-shadow);

}


/*==================================================
Keyboard Focus
==================================================*/

.woocommerce ul.products li.product .button:focus-visible {

    outline: 2px solid var(--pmc-charcoal);

    outline-offset: 3px;

}


/*==================================================
Loading State
==================================================*/

.woocommerce ul.products li.product .button.loading {

    opacity: .7;

    pointer-events: none;

}


/*==================================================
Added to Cart Link
==================================================*/

.woocommerce ul.products li.product .added_to_cart {

    display: block;

    margin-top: 12px;

    color: var(--pmc-charcoal);

    font-size: .95rem;
    font-weight: 500;

    text-align: center;

}


/*==================================================
Mobile
==================================================*/

@media (max-width: 767px) {

    .woocommerce ul.products li.product .button {

        min-height: 48px;

        padding: 13px 20px;

    }

}
/*==================================================
09. WOOCOMMERCE OVERRIDES
==================================================*/


/*==================================================
Hide WooCommerce Breadcrumbs
==================================================*/

nav.woocommerce-breadcrumb {

    display: none !important;

}


/*==================================================
Related Products
==================================================*/

section.related.products {

    clear: both !important;

}


/*==================================================
Hide Update Cart Button
==================================================*/

button.button[name="update_cart"] {

    display: none !important;

}

/*==================================================
10. LEGACY SINGLE PRODUCT
==================================================*/


/*==================================================
Variable Products
==================================================*/

table.variations th {

    display: block;

}


/*==================================================
FlexSlider Navigation
==================================================*/

ul.flex-direction-nav {

    position: absolute;

    top: 30%;
    left: 0;

    width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;

    z-index: 999;

}

li.flex-nav-prev {

    float: left;

}

li.flex-nav-next {

    float: right;

}

a.flex-prev,
a.flex-next {

    visibility: hidden;

}

a.flex-prev::before {

    visibility: visible;

    content: "\f104";

    font-family: FontAwesome;

    font-size: 50px;

    margin-left: 10px;

}

a.flex-next::after {

    visibility: visible;

    content: "\f105";

    font-family: FontAwesome;

    font-size: 50px;

    margin-right: 10px;

}
/*==================================================
09. GLOBAL WOOCOMMERCE BUTTONS
==================================================*/

/*==================================================
General WooCommerce Buttons
==================================================*/

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn,
.woocommerce button.button.alt.disabled,
.woocommerce-account .addresses .title .edit,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;

    padding: 12px 24px;

    background: var(--pmc-black);

    border: none;
    border-radius: var(--pmc-radius-small);

    color: var(--pmc-white) !important;

    font-family: var(--pmc-body-font);
    font-size: var(--pmc-button-size);
    font-weight: 600;

    letter-spacing: .02em;

    text-decoration: none !important;
    vertical-align: middle;

    cursor: pointer;

    transition:
        background-color .30s ease,
        transform .25s ease,
        box-shadow .30s ease;

}


/*==================================================
Hover
==================================================*/

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover,
.woocommerce-account .addresses .title .edit:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {

    background: var(--pmc-charcoal);

    color: var(--pmc-white) !important;

    transform: translateY(-2px);

    box-shadow: var(--pmc-shadow-hover);

}


/*==================================================
Keyboard Focus
==================================================*/

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:focus-visible,
.woocommerce button.button:focus-visible,
.woocommerce a.button:focus-visible,
.woocommerce input.button:focus-visible {

    outline: 2px solid var(--pmc-charcoal);

    outline-offset: 3px;

}

/*==================================================
10. HEADINGS
==================================================*/

/*==================================================
Single Product Title
==================================================*/

h1.product_title.entry-title {

    margin-bottom: 20px;

    color: var(--pmc-charcoal);

    font-family: var(--pmc-heading-font);
    font-size: clamp(2rem, 2.4vw, 2.4rem);
    font-weight: 500;

    line-height: 1.2;

}


/*==================================================
Product Category Titles
==================================================*/

.woocommerce-loop-category__title {

    margin: 18px 10px;

    color: var(--pmc-charcoal);

    font-family: var(--pmc-heading-font);
    font-size: clamp(1.35rem, 1.5vw, 1.5rem);
    font-weight: 600;

    line-height: 1.3;

    text-align: center;

}


/*==================================================
Category Product Count
==================================================*/

.woocommerce-loop-category__title .count {

    display: block;

    margin-top: 6px;

    color: var(--pmc-light-text);

    font-size: .9rem;
    font-weight: 400;

}
/*==================================================
11. SHOP SIDEBAR
==================================================*/

/*==================================================
Sidebar Widgets
==================================================*/

.woo-sidebar .widget {

    margin-bottom: 30px;

    overflow: hidden;

    background: var(--pmc-white);

    border: 1px solid #e8e4de;
    border-radius: var(--pmc-radius);

    box-shadow: var(--pmc-shadow);

}


/*==================================================
Widget Headings
==================================================*/

.woo-sidebar .widget h1,
.woo-sidebar .widget h2,
.woo-sidebar .widget h3,
.woo-sidebar .widget h4,
.woo-sidebar .widget h5 {

    margin: 0;

}


/*==================================================
Product Categories Widget
==================================================*/

.woo-sidebar .widget .wc-block-product-categories {

    position: relative;

    margin: 0;

}

.woo-sidebar .widget .wc-block-product-categories::before {

    content: "Categories";

    display: block;

}


/*==================================================
Widget Headers
==================================================*/

.woo-sidebar .widget .wc-block-product-categories::before,
.woo-sidebar .widget .widget-title {

    margin: 0;
    padding: 14px 18px;

    background: #f8f6f2;

    border-bottom: 1px solid #e8e4de;

    color: var(--pmc-charcoal);

    font-family: var(--pmc-heading-font);
    font-size: 1.1rem;
    font-weight: 600;

}


/*==================================================
Category Count
==================================================*/

.woo-sidebar .widget
.wc-block-product-categories
.wc-block-product-categories-list-item-count::before,

.woo-sidebar .widget
.wc-block-product-categories
.wc-block-product-categories-list-item-count::after {

    content: "";

}

.woo-sidebar .widget
.wc-block-product-categories
.wc-block-product-categories-list-item-count span {

    float: right;

    min-width: 28px;

    padding: 2px 8px;

    background: var(--pmc-black);

    border-radius: 999px;

    color: var(--pmc-white);

    font-size: .85rem;

    text-align: center;

}


/*==================================================
Lists
==================================================*/

.woo-sidebar .widget ul {

    margin: 0;
    padding: 0;

    list-style: none;

}

.woo-sidebar .widget ul li {

    padding: 12px 18px;

}

.woo-sidebar .widget ul li + li {

    border-top: 1px solid #f1efeb;

}

.woo-sidebar .widget ul li a {

    color: inherit;

    text-decoration: none;

    transition: color .25s ease;

}

.woo-sidebar .widget ul li a:hover {

    color: var(--pmc-charcoal);

}


/*==================================================
Price Filter
==================================================*/

.woo-sidebar .widget .price_slider_wrapper {

    margin: 24px 18px 20px;

}

.woo-sidebar .widget .price_slider {

    margin-bottom: 24px;

}

.woo-sidebar .widget .price_slider_wrapper input {

    display: none;

}

.woo-sidebar .widget .price_slider_wrapper button.button {

    width: 100%;

}

.woo-sidebar .widget .price_label {

    margin-top: 12px;

    line-height: 1.5;

    text-align: center;

}
/*==================================================
12. SINGLE PRODUCT
==================================================*/

/*==================================================
Wishlist Icon
==================================================*/

.fa-heart-o:before {

    content: "\f004" !important;

    color: var(--pmc-black);

}


/*==================================================
Product Gallery
==================================================*/

.woocommerce div.product div.images img {

    padding: 4px;

    background: var(--pmc-white);

    border: 1px solid #e8e4de;
    border-radius: var(--pmc-radius-small);

    transition:
        border-color .25s ease,
        box-shadow .25s ease;

}


/*==================================================
Gallery Thumbnails
==================================================*/

.woocommerce div.product div.images .flex-control-thumbs {

    margin: 10px -6px 0;

}

.woocommerce div.product div.images .flex-control-thumbs li {

    padding: 6px;

}

.woocommerce div.product div.images .flex-control-thumbs li img {

    padding: 3px;

    border: 1px solid #e8e4de;
    border-radius: var(--pmc-radius-small);

}


/*==================================================
Wishlist
==================================================*/

.yith-wcwl-add-to-wishlist {

    margin: 2rem 0;

}


/*==================================================
Product Meta
==================================================*/

.woocommerce div.product .product_meta > span {

    display: block;

    margin: 12px 0;

    color: var(--pmc-charcoal);

    font-weight: 600;

}

.woocommerce div.product .product_meta > span * {

    font-weight: 400;

}


/*==================================================
Product Tabs
==================================================*/

.woocommerce div.product .woocommerce-tabs ul.tabs {

    margin-bottom: 0;

    padding: 0 0 0 2em;

}

.woocommerce div.product .woocommerce-tabs .panel {

    padding: 24px;

    background: var(--pmc-white);

    border: 1px solid #e8e4de;
    border-top: none;

    border-radius: 0 0 var(--pmc-radius-small) var(--pmc-radius-small);

}

.woocommerce div.product .woocommerce-tabs .panel h2 {

    color: var(--pmc-charcoal);

    font-family: var(--pmc-heading-font);
    font-weight: 600;

}
/*==================================================
13. CART & CHECKOUT
==================================================*/

/* Coupon Field */

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {

    min-width: 220px;

    height: 46px;

    padding: 10px 14px;

    border: 1px solid #e8e4de;

    border-radius: var(--pmc-radius-small);

    font-family: var(--pmc-body-font);

}


/* Shop Tables */

.woocommerce table.shop_table {

    border: 1px solid #e8e4de;

    border-radius: var(--pmc-radius);

    overflow: hidden;

    background: var(--pmc-white);

}


/* Table Header */

.woocommerce table.shop_table thead tr {

    background: var(--pmc-black);

    color: var(--pmc-white);

}


/* Table Cells */

.woocommerce table.shop_table,
.woocommerce table.shop_table tr th,
.woocommerce table.shop_table tr td {

    border-color: #e8e4de !important;

}

.woocommerce table.shop_table tr th {

    font-weight: 600;

}

.woocommerce table.shop_table tr td:last-child,
.woocommerce table.shop_table tr th:last-child {

    border-right: none !important;

}


/* Remove Button */

.woocommerce table.shop_table .product-remove {

    width: 60px;

}

.woocommerce table.shop_table .product-remove a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 32px;

    height: 32px;

    border-radius: 50%;

    background: #d9534f;

    color: var(--pmc-white) !important;

}


/* Product Thumbnail */

.woocommerce table.shop_table th.product-thumbnail::before {

    content: "Preview";

}

.woocommerce table.shop_table .product-thumbnail {

    width: 150px;

}

.woocommerce table.shop_table .product-thumbnail img {

    width: 100%;

    padding: 3px;

    border: 1px solid #e8e4de;

    border-radius: var(--pmc-radius-small);

}


/* Price Columns */

.woocommerce table.shop_table .product-price,
.woocommerce table.shop_table .product-quantity,
.woocommerce table.shop_table .product-subtotal {

    width: 130px;

    text-align: right;

    padding-right: 20px;

}

.woocommerce table.shop_table .product-quantity {

    text-align: center;

    padding-right: 0;

}

.woocommerce table.shop_table .product-quantity .quantity .qty {

    margin: auto;

}


/* Cart Totals */

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {

    max-width: 500px;

}

.woocommerce .cart-collaterals .cart_totals td,
.woocommerce-page .cart-collaterals .cart_totals td {

    width: 50%;

}
/*==================================================
14. CHECKOUT FORMS
==================================================*/

/*==================================================
Fieldsets
==================================================*/

.woocommerce form fieldset {

    margin-top: 32px;

}

.woocommerce form fieldset legend,
.woocommerce form .form-row label {

    margin-bottom: 8px;

    color: var(--pmc-charcoal);

    font-family: var(--pmc-body-font);
    font-weight: 600;

}


/*==================================================
Text Inputs
==================================================*/

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {

    height: 46px;

    padding: 10px 14px;

    background: var(--pmc-white);

    border: 1px solid #e8e4de !important;
    border-radius: var(--pmc-radius-small);

    font-family: var(--pmc-body-font);

    transition:
        border-color .25s ease,
        box-shadow .25s ease;

}

.woocommerce form .form-row textarea {

    min-height: 140px;

    height: auto;

    resize: vertical;

}


/*==================================================
Input Focus
==================================================*/

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {

    border-color: var(--pmc-charcoal) !important;

    outline: none;

    box-shadow: 0 0 0 3px rgba(0,0,0,.05);

}


/*==================================================
Layout
==================================================*/

.woocommerce .col2-set,
.woocommerce-page .col2-set {

    margin-bottom: 32px;

}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {

    width: 49.5%;

}

.woocommerce form.checkout_coupon .form-row-first,
.woocommerce form.checkout_coupon .form-row-last {

    width: auto;

    float: left !important;

}


/*==================================================
Select2
==================================================*/

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 46px;

    background: var(--pmc-white);

    border-color: #e8e4de !important;
    border-radius: var(--pmc-radius-small);

}

.select2-container .select2-selection--single > span {

    line-height: 44px !important;

}


/*==================================================
Billing Address
==================================================*/

#billing_address_1_field,
#billing_address_2_field {

    display: inline-block;

    width: 49.5%;

}

#billing_address_2_field {

    margin-left: 1%;

}

.woocommerce-address-fields,
.woocommerce-address-fields__field-wrapper {

    margin-bottom: 32px;

}


/*==================================================
Place Order Button
==================================================*/

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {

    display: block;

    float: none !important;

    min-width: 260px;

    margin: 32px auto 10px;

}
/*==================================================
15. MY ACCOUNT
==================================================*/

/*==================================================
Login
==================================================*/

.login label,
.login .password-input,
.register label,
.register .password-input {

    width: 100%;

}


/*==================================================
Account Navigation
==================================================*/

.woocommerce-account .woocommerce-MyAccount-navigation {

    width: 16%;

}

.woocommerce-account .woocommerce-MyAccount-navigation ul {

    margin: 0;
    padding: 0;

    overflow: hidden;

    list-style: none;

    background: var(--pmc-white);

    border: 1px solid var(--pmc-border);
    border-radius: var(--pmc-radius);

    box-shadow: var(--pmc-shadow);

}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {

    border-top: 1px solid var(--pmc-border);

}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:first-child {

    border-top: none;

}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {

    display: block;

    padding: 14px 18px;

    color: var(--pmc-charcoal);

    text-decoration: none;

    transition:
        background-color .25s ease,
        color .25s ease;

}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {

    background: var(--pmc-black);

    color: var(--pmc-white);

}


/*==================================================
Navigation Icons
==================================================*/

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {

    margin-right: 10px;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

}

.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a:before { content: "\f3fd"; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a:before { content: "\f15e"; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a:before { content: "\f019"; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a:before { content: "\f2bb"; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a:before { content: "\f2bd"; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:before { content: "\f2f5"; }


/*==================================================
Account Content
==================================================*/

.woocommerce-account .woocommerce-MyAccount-content {

    width: 82%;

}


/*==================================================
Address Cards
==================================================*/

.woocommerce .woocommerce-Addresses .woocommerce-Address {

    width: 49%;

    overflow: hidden;

    background: var(--pmc-white);

    border: 1px solid var(--pmc-border);
    border-radius: var(--pmc-radius);

    box-shadow: var(--pmc-shadow);

}

.woocommerce .woocommerce-Addresses .woocommerce-Address header {

    padding: 20px;

    background: #f8f6f2;

    border-bottom: 1px solid var(--pmc-border);

}

.woocommerce .woocommerce-Addresses .woocommerce-Address header h3 {

    margin: 0;

    font-family: var(--pmc-heading-font);
    font-size: 1.5rem;
    font-weight: 600;

}

.woocommerce .woocommerce-Addresses .woocommerce-Address address {

    margin: 0;

    padding: 20px;

}


/*==================================================
Edit Button
==================================================*/

.woocommerce-account .addresses .title .edit {

    padding: 10px 22px !important;

}
/*==================================================
16. PRODUCT CAROUSEL
==================================================*/

/*==================================================
Carousel Container
==================================================*/

.owl-carousel.products {

    padding: 0 80px;

    margin-bottom: 80px;

}


/*==================================================
Carousel Product
==================================================*/

.owl-carousel.products .product .woocommerce-loop-product__title {

    margin: 25px 0 0;

}

.owl-carousel.products .product .price {

    display: block;

}


/*==================================================
Carousel Navigation
==================================================*/

.owl-carousel.products .owl-nav {

    position: absolute;

    top: 50%;
    left: 0;
    right: 0;

    margin-top: -25px;

    z-index: -1;

}

.owl-carousel.products .owl-nav .owl-prev {

    float: left;

}

.owl-carousel.products .owl-nav .owl-next {

    float: right;

}

.owl-carousel.products .owl-nav .owl-prev span,
.owl-carousel.products .owl-nav .owl-next span {

    display: block;

    padding: 16px 16px 28px;

    background: var(--pmc-black);

    color: var(--pmc-white);

    font-size: 60px;

    line-height: .1;

}

.owl-carousel.products .owl-nav .owl-prev.disabled,
.owl-carousel.products .owl-nav .owl-next.disabled {

    opacity: .25;

}

/*==================================================
19. RESPONSIVE
==================================================*/

/*==================================================
Extra Large Desktop
==================================================*/

@media (max-width: 1599.98px) {

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 20%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 77%;
    }

}


/*==================================================
Large Desktop
==================================================*/

@media (max-width: 1199.98px) {

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 25%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 70%;
    }

    .woocommerce .woocommerce-Addresses .woocommerce-Address {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

}


/*==================================================
Tablet Landscape
==================================================*/

@media (max-width: 991.98px) {

    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: left;
        width: 30%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        float: right;
        width: 64%;
    }

}


/*==================================================
Tablet Portrait
==================================================*/

@media (max-width: 768.98px) {

    /* My Account */

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

    /* Checkout Columns */

    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-1,
    .woocommerce-page .col2-set .col-2 {
        margin-bottom: 30px;
    }

    /* Cart Table */

    .woocommerce table.shop_table {
        border-top: none !important;
    }

    .woocommerce table.shop_table tr th,
    .woocommerce table.shop_table tr td {
        border-right: none !important;
    }

    .woocommerce table.shop_table td.product-quantity:before {
        margin-top: 7px;
    }

    .woocommerce table.shop_table .product-quantity .quantity .qty {
        margin-left: auto;
        margin-right: 10px;
    }

    /* Remove Button */

    .woocommerce table.shop_table td.product-remove {
        text-align: center !important;
        color: #d9534f;
    }

    .woocommerce table.shop_table td.product-remove a {
        display: inline-block;
        width: auto;
        height: auto;
        padding: 2px 8px;
    }

    .woocommerce table.shop_table td.product-remove a:after {
        content: "Remove";
        padding-left: 2px;
        font-size: 14px;
        line-height: 2;
        vertical-align: top;
    }

    /* Cart Totals */

    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals,
    .woocommerce table.shop_table tr th,
    .woocommerce table.shop_table tr td {
        width: 100% !important;
        max-width: 100% !important;
    }

}


/*==================================================
Mobile
==================================================*/

@media (max-width: 575.98px) {

    /* Address Cards */

    .woocommerce .woocommerce-Addresses .woocommerce-Address header h3 {
        margin: 0;
        font-size: 22px;
        line-height: 1.7;
    }

    /* Coupon & Checkout Fields */

    .woocommerce-cart table.cart td.actions .coupon .input-text,
    .woocommerce-page table.cart td.actions .coupon .button,
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last,
    #billing_address_1_field,
    #billing_address_2_field {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}

/*==================================================
17. HOMEPAGE PRODUCT CARDS
==================================================*/

/*==================================================
Homepage Product Cards
==================================================*/

.home .woocommerce ul.products li.product {

    display: flex;
    flex-direction: column;

    height: 100%;

}

.home .woocommerce ul.products li.product .woocommerce-loop-product__title {

    min-height: 96px;

}

.home .woocommerce ul.products li.product .price {

    min-height: 28px;

}

.home .woocommerce ul.products li.product .button {

    width: 100%;

    margin-top: auto;

}
/*==================================================
18. SALE BADGE
==================================================*/

/*==================================================
Sale Badge
==================================================*/

.woocommerce ul.products li.product .onsale {

    position: absolute;

    top: 14px;
    right: 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    margin: 0;
    padding: 0;

    background: var(--pmc-black);

    border-radius: 50%;

    color: var(--pmc-white);

    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .03em;
    text-transform: uppercase;

    box-shadow: var(--pmc-shadow-hover);

    z-index: 30;

}
/*==================================================
19. RESPONSIVE
==================================================*/

/*==================================================
Large Desktop
==================================================*/

@media (max-width: 1599.98px) {

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 20%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 77%;
    }

}


/*==================================================
Desktop
==================================================*/

@media (max-width: 1199.98px) {

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 25%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 70%;
    }

    .woocommerce .woocommerce-Addresses .woocommerce-Address {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

}


/*==================================================
Tablet Landscape
==================================================*/

@media (max-width: 991.98px) {

    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: left;
        width: 30%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        float: right;
        width: 64%;
    }

}


/*==================================================
Tablet Portrait
==================================================*/

@media (max-width: 767.98px) {

    /* My Account */

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

    /* Checkout */

    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-1,
    .woocommerce-page .col2-set .col-2 {
        margin-bottom: 30px;
    }

    /* Cart */

    .woocommerce table.shop_table {
        border-top: none !important;
    }

    .woocommerce table.shop_table tr th,
    .woocommerce table.shop_table tr td {
        border-right: none !important;
    }

    .woocommerce table.shop_table td.product-quantity:before {
        margin-top: 7px;
    }

    .woocommerce table.shop_table .product-quantity .quantity .qty {
        margin-left: auto;
        margin-right: 10px;
    }

    .woocommerce table.shop_table td.product-remove {
        text-align: center !important;
        color: #d9534f;
    }

    .woocommerce table.shop_table td.product-remove a {
        display: inline-block;
        width: auto;
        height: auto;
        padding: 2px 8px;
    }

    .woocommerce table.shop_table td.product-remove a:after {
        content: "Remove";
        padding-left: 2px;
        font-size: 14px;
        line-height: 2;
        vertical-align: top;
    }

    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals,
    .woocommerce table.shop_table tr th,
    .woocommerce table.shop_table tr td {
        width: 100% !important;
        max-width: 100% !important;
    }

}


/*==================================================
Mobile
==================================================*/

@media (max-width: 575.98px) {

    .woocommerce .woocommerce-Addresses .woocommerce-Address header h3 {
        margin: 0;
        font-size: 22px;
        line-height: 1.7;
    }

    .woocommerce-cart table.cart td.actions .coupon .input-text,
    .woocommerce-page table.cart td.actions .coupon .button,
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last,
    #billing_address_1_field,
    #billing_address_2_field {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}