section.freshReleases.noSideBar.hp__shopItems .flexproducts .cardProduct {
    flex: 1 1 190px;
}




.woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-MyAccount-content a.button {
    color: #fff !important;
}

.woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-MyAccount-content a.button:hover {
    color: #fff !important;
}


.hp-blogs .hp-desc-content h4 {
    font-size: 22px !important;
    font-family: 'GlacialRegular' !important;
text-transform: uppercase !important;
    }






/* ==========================
   WISHLIST CARD DESIGN
========================== */

.wishlist_table {
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
}

.wishlist_table thead {
    background:#fff;
}

.wishlist_table tbody tr {
    background:#fff;
    border:1px solid #e5e5e5;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
}

.wishlist_table td {
    border:none !important;
    padding:18px !important;
    vertical-align:middle;
}


/* Product image */

.wishlist_table .product-thumbnail img {
    width:80px !important;
    height:80px !important;
    object-fit:contain;
}


/* Product name */

.wishlist_table .product-name a {
    font-size:16px;
    font-weight:600;
    color:#111;
}


/* Price */

.wishlist_table .product-price {
    font-size:15px;
    font-weight:600;
}


/* Stock */

.wishlist_table .wishlist-in-stock {
    color:#222;
    font-size:14px;
}


/* Add cart button */

.wishlist_table .add_to_cart {
    background:#080000 !important;
    color:#fff !important;
    padding:10px 25px !important;
    border-radius:0 !important;
    font-size:13px;
}


/* Remove button */

.wishlist_table .remove {
    color:#111;
    font-size:20px;
}



/* ==========================
   MOBILE DESIGN
========================== */

@media(max-width:768px){

.wishlist_table,
.wishlist_table tbody,
.wishlist_table tr,
.wishlist_table td {
    display:block !important;
    width:100% !important;
}


.wishlist_table thead {
    display:block !important;
    background:#fff;
    border:1px solid #eee;
    padding:15px;
    text-align:center;
}


.wishlist_table tbody tr {

    margin-bottom:15px;
    padding:15px;
    border:1px solid #e5e5e5;
    box-shadow:0 2px 10px rgba(0,0,0,.05);

}


/* checkbox */

.wishlist_table .product-checkbox {
    position:absolute;
    top:15px;
    left:15px;
}


/* remove */

.wishlist_table .remove {
    position:absolute;
    top:10px;
    right:15px;
}


/* image */

.wishlist_table .product-thumbnail {
    text-align:center;
}


.wishlist_table .product-thumbnail img {

    width:150px !important;
    height:150px !important;
    margin:25px auto 15px;

}


/* name */

.wishlist_table .product-name {
    text-align:center;
}


.wishlist_table .product-name a {

    font-size:18px;
    font-weight:700;

}


/* price */

.wishlist_table .product-price {

    text-align:center;
    margin-top:10px;

}


/* stock */

.wishlist_table .product-stock {

    text-align:center;
    margin:10px 0;

}


/* button */

.wishlist_table .add_to_cart {

    width:100%;
    display:block;
    text-align:center;

}


}













/* Billing & Shipping heading stays outside */
.woocommerce-checkout .col2-set .col-1 > h3 {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
}





/* If your delivery method is inside a custom wrapper,
   this gives that section the white card */
.woocommerce-checkout .col2-set .col-1 > div:not(.woocommerce-billing-fields) {
    box-sizing: border-box !important;
}


/* ==========================================
   GAP BEFORE FIRST NAME / LAST NAME
========================================== */

.woocommerce-checkout .woocommerce-billing-fields {
    margin-top: 30px !important;
}


/* ==========================================
   MY ORDER - KEEP WHITE CARD
========================================== */

.woocommerce-checkout #order_review {
    background: #fff !important;
    border: 1px solid #85A392 !important;
    padding: 25px !important;
    box-sizing: border-box !important;
}




/* ==========================================
   CHECKOUT LEFT SIDE - FIX SEPARATION
========================================== */

/* Main left column */
.woocommerce-checkout .checkout.woocommerce-checkout .col2-set,
.woocommerce-checkout .checkout.woocommerce-checkout .col2-set .col-1 {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}


/* ==========================================
   DELIVERY METHOD AREA
========================================== */

/*
Keep the upper Delivery Method section as the first white card.
The billing-fields wrapper contains the delivery content.
*/
.woocommerce-checkout .woocommerce-billing-fields {
    background: #fff !important;
    border: 1px solid #85A392 !important;
    padding: 20px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


/* ==========================================
   BILLING INPUT FIELDS - SECOND CARD
========================================== */

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    background: #fff !important;
    border: 1px solid #85A392 !important;

    /* creates the visible gap you want */
    margin: 30px -21px -21px !important;

    padding: 20px !important;
    box-sizing: border-box !important;
}


/* First row starts cleanly */
.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper
#billing_first_name_field,
.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper
#billing_last_name_field {
    margin-top: 0 !important;
}


/* ==========================================
   MY ORDER
========================================== */

.woocommerce-checkout #order_review {
    background: #fff !important;
    border: 1px solid #85A392 !important;
    padding: 25px !important;
    box-sizing: border-box !important;
}

/* Delivery card */
.woocommerce-checkout .woocommerce-billing-fields {
    background: #fff !important;
    border: 1px solid #85A392 !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}


/* Form fields card */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    background: #fff !important;
    border: 1px solid #85A392 !important;
    padding: 20px !important;

    /* THIS creates the real space */
    margin-top: 30px !important;

    box-sizing: border-box !important;
}



/* ==========================================
   CHECKOUT FINAL ALIGNMENT FIX
========================================== */

/* Main Billing & Shipping heading area - NO BACKGROUND */
.woocommerce-checkout .woocommerce-billing-fields {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Heading */
.woocommerce-checkout .woocommerce-billing-fields > h3 {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 0 6px !important;
}

/* Information > Payment */
.woocommerce-checkout .step-crumbs {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 0 20px !important;
}


/* ==========================================
   DELIVERY METHOD CARD
========================================== */

.woocommerce-checkout .delivery-method-card {
    width: 100% !important;
    background: #fff !important;
    border: 1px solid #85A392 !important;
    padding: 20px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


/* ==========================================
   BILLING FIELDS CARD
   SAME WIDTH / SAME LEFT + RIGHT ALIGNMENT
========================================== */

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    width: 100% !important;
    max-width: none !important;

    background: #fff !important;
    border: 1px solid #85A392 !important;

    padding: 20px !important;

    /* REAL SPACE BETWEEN BOTH BOXES */
    margin: 30px 0 0 !important;

    box-sizing: border-box !important;
}


/* ==========================================
   BUTTON AREA
========================================== */

.woocommerce-checkout .step-btn-checkout {
    width: 100% !important;

    /* SPACE ABOVE BUTTONS */
    margin-top: 35px !important;
    padding-top: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

/* Keep both buttons aligned to card edges */
.woocommerce-checkout .step-btn-checkout > .d-flex {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}





/* ==========================================
   CHECKOUT FINAL CLEAN LAYOUT
========================================== */

/* Main checkout layout */
.checkout.woocommerce-checkout {
    display: flex !important;
    align-items: flex-start !important;
}

/* Left parent has NO background/card */
.checkout.woocommerce-checkout .col2-set,
.checkout.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .woocommerce-billing-fields {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}


/* ==========================================
   BILLING & SHIPPING HEADING
========================================== */

.woocommerce-checkout .woocommerce-billing-fields > h3 {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 0 6px !important;
}

.woocommerce-checkout .step-crumbs {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 0 20px !important;
}


/* ==========================================
   DELIVERY METHOD CARD
========================================== */

.woocommerce-checkout .delivery-method-card {
    width: 100% !important;
    background: #fff !important;
    border: 1px solid #85A392 !important;
    padding: 20px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


/* ==========================================
   BILLING FORM CARD
========================================== */

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    width: 100% !important;
    max-width: none !important;

    background: #fff !important;
    border: 1px solid #85A392 !important;

    padding: 20px !important;

    /* space between Delivery Method + fields */
    margin: 30px 0 0 !important;

    box-sizing: border-box !important;
}


/* ==========================================
   MY ORDER
========================================== */

.woocommerce-checkout #order_review {
    background: #fff !important;
    border: 1px solid #85A392 !important;
    padding: 25px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


/* ==========================================
   DESKTOP >= 1200px
========================================== */

@media (min-width: 1200px) {

    .checkout.woocommerce-checkout {
        flex-wrap: wrap !important;
        gap: 40px !important;
    }

    .checkout.woocommerce-checkout .col2-set {
        width: calc(55% - 20px) !important;
        margin: 0 !important;
    }

    .checkout.woocommerce-checkout #order_review {
        width: calc(45% - 20px) !important;
    }
}


/* ==========================================
   TABLET 768px - 1199px
========================================== */

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

    .checkout.woocommerce-checkout {
        flex-wrap: nowrap !important;
        gap: 25px !important;
    }

    .checkout.woocommerce-checkout .col2-set {
        width: 55% !important;
    }

    .checkout.woocommerce-checkout #order_review {
        width: 45% !important;
        padding: 20px !important;
    }

    .woocommerce-checkout #order_review table {
        width: 100% !important;
        table-layout: fixed !important;
    }

    .woocommerce-checkout #order_review th,
    .woocommerce-checkout #order_review td {
        padding: 10px !important;
    }
}


/* ==========================================
   MOBILE <= 767px
========================================== */

@media (max-width: 767px) {

    .checkout.woocommerce-checkout {
        flex-direction: column !important;
        width: 100% !important;
        gap: 30px !important;
    }

    .checkout.woocommerce-checkout .col2-set,
    .checkout.woocommerce-checkout #order_review {
        width: 100% !important;
        margin: 0 !important;
    }

    .woocommerce-checkout .delivery-method-card,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
    .woocommerce-checkout #order_review {
        padding: 20px !important;
    }

    .woocommerce-checkout .woocommerce-billing-fields > h3 {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }

    .woocommerce-checkout #order_review table {
        width: 100% !important;
        table-layout: fixed !important;
    }

    .woocommerce-checkout #order_review th,
    .woocommerce-checkout #order_review td {
        padding: 10px !important;
        font-size: 14px !important;
    }
}


/* ==========================================
   BOTTOM BUTTONS
========================================== */

.woocommerce-checkout .step-btn-checkout {
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;

    /* space after final form field */
    margin-top: 35px !important;
    padding: 0 !important;
}

.woocommerce-checkout .step-btn-checkout > .d-flex {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}



/* ==========================================
   BILLING HEADING - NO BACKGROUND
========================================== */

.woocommerce-checkout .woocommerce-billing-fields {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .step-crumbs {
    background: transparent !important;
    border: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ==========================================
   DELIVERY METHOD - RETAIN WHITE CARD
========================================== */

.woocommerce-checkout .delivery-method-card {
    width: 100% !important;
    background: #fff !important;
    border: 1px solid #85A392 !important;
    padding: 20px !important;
    margin-top: 20px !important;
    box-sizing: border-box !important;
}


/* ==========================================
   BILLING FORM - SEPARATE WHITE CARD
========================================== */

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    width: 100% !important;
    background: #fff !important;
    border: 1px solid #85A392 !important;
    padding: 20px !important;

    /* GAP between Delivery Method and form */
    margin: 30px 0 0 !important;

    box-sizing: border-box !important;
}



/* ==========================================
   FINAL CHECKOUT ALIGNMENT
========================================== */

/* DESKTOP - Align My Order with Delivery Method card */
@media (min-width: 1200px) {

    .woocommerce-checkout #order_review {
        margin-top: 80px !important;
    }
}


/* TABLET - Align My Order with Delivery Method card */
@media (min-width: 768px) and (max-width: 1199px) {

    .woocommerce-checkout #order_review {
        margin-top: 80px !important;
    }
}


/* MOBILE - stacked layout, remove desktop offset */
@media (max-width: 767px) {

    .woocommerce-checkout #order_review {
        margin-top: 0 !important;
    }
}


/* ==========================================
   DELIVERY METHOD TITLE
========================================== */

.woocommerce-checkout .delivery-method > p:first-child {
    font-family: 'GlacialRegular', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 18px !important;
}


/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
    .woocommerce-checkout .delivery-method > p:first-child {
        font-size: 20px !important;
    }
}


/* Mobile */
@media (max-width: 767px) {
    .woocommerce-checkout .delivery-method > p:first-child {
        font-size: 18px !important;
    }
}







/* ==========================================
   PAYMENT STEP ONLY
   REMOVE EMPTY WHITE BOX ABOVE PAYMENT METHODS
========================================== */

/* Only when the payment section exists */
.woocommerce-checkout
.checkout.woocommerce-checkout:has(#payment)
.woocommerce-billing-fields__field-wrapper:empty {
    display: none !important;
}

/* If WooCommerce leaves empty paragraphs/divs inside it */
.woocommerce-checkout
.checkout.woocommerce-checkout:has(#payment)
.woocommerce-billing-fields__field-wrapper:not(:has(input)):not(:has(select)):not(:has(textarea)) {
    display: none !important;
}


/* ==========================================
   PAYMENT STEP ONLY - MATCH REFERENCE
========================================== */

@media (min-width: 768px) {

    /* Align My Order with payment methods card */
    body.woocommerce-checkout
    form.checkout:has(#payment)
    #order_review {
        margin-top: 60px !important;
    }
}


/* Payment outer container */
body.woocommerce-checkout
form.checkout:has(#payment)
#payment {
    margin-top: 0 !important;
}


/* Remove unnecessary spacing around payment methods */
body.woocommerce-checkout
form.checkout:has(#payment)
#payment ul.payment_methods {
    margin: 0 !important;
}


/* Payment methods grey section */
body.woocommerce-checkout
form.checkout:has(#payment)
#payment ul.payment_methods {
    padding: 20px !important;
    box-sizing: border-box !important;
}


/* Privacy + Place Order section */
body.woocommerce-checkout
form.checkout:has(#payment)
#payment .place-order {
    padding: 20px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


/* Space before Return to Information button */
body.woocommerce-checkout
form.checkout:has(#payment)
.step-btn-checkout {
    margin-top: 25px !important;
}


/* MOBILE */
@media (max-width: 767px) {

    body.woocommerce-checkout
    form.checkout:has(#payment)
    #order_review {
        margin-top: 25px !important;
    }
}