/*
 * WooCommerce Pages — All Page-Specific Styles
 * Theme: Storefront NuAxle Child Theme
 *
 * Covers:
 *   - Shop page        (.woocommerce-shop)
 *   - Category archive (.archive.tax-product_cat)
 *   - Single product   (.single-product)
 *   - Cart page        (.woocommerce-cart)
 *   - Checkout page    (.woocommerce-checkout)
 *
 * Loaded via functions.php on all WooCommerce pages.
 * Homepage/global styles remain in style.css.
 */

/* ==========================================================================
   SHOP PAGE & CATEGORY ARCHIVE
   ========================================================================== */

/* Container */
.woocommerce-shop .site-content-inner,
.archive.tax-product_cat .site-content-inner {
    max-width: 1240px !important;
    padding: 0 20px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* Breadcrumb */
.woocommerce-shop .storefront-breadcrumb,
.archive.tax-product_cat .storefront-breadcrumb {
    background-color: transparent !important;
    padding: 30px 20px 10px 20px !important;
    margin: 0 auto !important;
    max-width: 1240px !important;
    width: 100% !important;
    border: none !important;
}

.woocommerce-shop .woocommerce-breadcrumb,
.archive.tax-product_cat .woocommerce-breadcrumb {
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-label) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}

.woocommerce-page.archive .woocommerce-breadcrumb a {
    color: var(--color-attention) !important;
}

.woocommerce-page.archive .woocommerce-breadcrumb a:hover {
    color: var(--text-light) !important;
}

/* Page header */
.woocommerce-page.archive .woocommerce-products-header {
    padding: 0 !important;
    margin: 0 0 40px 0 !important;
    border: none !important;
    text-align: left !important;
}

.woocommerce-page.archive .woocommerce-products-header__title.page-title {
    font-family: var(--font-heading) !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    color: var(--text-light) !important;
    text-transform: none !important;
    letter-spacing: -0.5px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Title left / sort-by right on desktop */
@media (min-width: 601px) {
    .woocommerce-page.archive .woocommerce-products-header {
        float: left !important;
        width: auto !important;
        margin-bottom: 50px !important;
    }
    .woocommerce-page.archive .woocommerce-products-header + .storefront-sorting {
        float: right !important;
        width: auto !important;
        margin: 0 0 50px 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
    }
    .woocommerce-page.archive .site-main::after {
        content: "" !important;
        display: table !important;
        clear: both !important;
    }
}

/* Sort By dropdown */
.woocommerce-page.archive .woocommerce-ordering {
    margin: 0 !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.woocommerce-page.archive .woocommerce-ordering::before {
    content: "SORT BY" !important;
    display: block !important;
    font-family: var(--font-heading) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #8a8a93 !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
}

.woocommerce-page.archive .woocommerce-ordering select.orderby {
    background-color: #1a1a22 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    font-family: var(--font-body) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 10px 40px 10px 16px !important;
    border-radius: 0 !important;
    width: 220px !important;
    height: auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 12px !important;
    cursor: pointer !important;
    transition: var(--transition-smooth) !important;
}

.woocommerce-page.archive .woocommerce-ordering select.orderby:focus {
    border-color: var(--color-attention) !important;
    outline: none !important;
}

/* Hide result count & bottom sort */
.woocommerce-page.archive .woocommerce-result-count,
.woocommerce-page.archive .storefront-sorting:last-child {
    display: none !important;
}

/* Products grid — 4 columns */
.woocommerce-page.archive ul.products {
    margin: 0 !important;
    padding: 0 !important;
    /*display: grid !important;*/
    /*grid-template-columns: repeat(4, 1fr) !important;*/
    /*gap: 30px !important;*/
    clear: both !important;
    border: none !important;
}

.woocommerce-page.archive ul.products::before,
.woocommerce-page.archive ul.products::after {
    display: none !important;
}

/*.woocommerce-page.archive ul.products li.product {*/
/*    width: 100% !important;*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    float: none !important;*/
/*    background: transparent !important;*/
/*    text-align: left !important;*/
/*}*/

/* Product image — black box */
.woocommerce-page.archive ul.products li.product a.woocommerce-LoopProduct-link {
    display: block !important;
    text-decoration: none !important;
}

.woocommerce-page.archive ul.products li.product a.woocommerce-LoopProduct-link img {
    background-color: #000000 !important;
    border: none !important;
    padding: 30px !important;
    margin: 0 0 20px 0 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    transition: var(--transition-smooth) !important;
    border-radius: 0 !important;
}

.woocommerce-page.archive ul.products li.product a.woocommerce-LoopProduct-link:hover img {
    transform: scale(1.015);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
}

/* Product title */
.woocommerce-page.archive ul.products li.product h2.woocommerce-loop-product__title {
    font-family: var(--font-heading) !important;
    color: var(--text-light) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-transform: none !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    letter-spacing: -0.2px !important;
    text-align: left !important;
}

/* Yellow star badge */
.woocommerce-page.archive .popular-star {
    color: var(--color-attention) !important;
    margin-right: 4px !important;
    font-size: 16px !important;
    vertical-align: middle !important;
    text-transform: none !important;
}

/* Product price */
.woocommerce-page.archive ul.products li.product .price {
    font-family: var(--font-heading) !important;
    color: var(--text-light) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    display: block !important;
    text-align: left !important;
}

.woocommerce-page.archive ul.products li.product .price * {
    color: var(--text-light) !important;
    font-family: var(--font-heading) !important;
    font-weight: 700 !important;
}

/* Archive responsive */
/*@media (max-width: 900px) {*/
/*    .woocommerce-page.archive ul.products {*/
/*        grid-template-columns: repeat(2, 1fr) !important;*/
/*        gap: 20px !important;*/
/*    }*/
/*}*/

@media (max-width: 600px) {
    .woocommerce-page.archive .woocommerce-products-header {
        margin-bottom: 24px !important;
    }
    .woocommerce-page.archive .woocommerce-products-header__title.page-title {
        font-size: 30px !important;
    }
    .woocommerce-page.archive .woocommerce-ordering {
        width: 100% !important;
    }
    .woocommerce-page.archive .woocommerce-ordering select.orderby {
        width: 100% !important;
    }
}

/* ==========================================================================
   SINGLE PRODUCT PAGE
   ========================================================================== */

/* Container */
.single-product .site-content-inner {
    max-width: 1250px !important;
    padding: 0 24px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* Breadcrumb */
.single-product .storefront-breadcrumb {
    background-color: transparent !important;
    padding: 30px 24px 10px 24px !important;
    margin: 0 auto !important;
    max-width: 1250px !important;
    width: 100% !important;
    border: none !important;
}

.single-product .woocommerce-breadcrumb {
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-label) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #ffffff !important;
}

.single-product .woocommerce-breadcrumb a {
    color: var(--color-attention) !important;
}

/* Product image */
.single-product div.product .images {
    background-color: #000000 !important;
    padding: 0 !important;
    margin-bottom: 2em !important;
    border: none !important;
}

.single-product div.product .images .woocommerce-product-gallery__wrapper,
.single-product div.product .images img {
    background-color: #000000 !important;
    border: none !important;
    border-radius: 0 !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    width: 100% !important;
}

/* Product title */
.single-product div.product .summary .product_title {
    font-family: var(--font-heading) !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.15 !important;
    text-transform: none !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    letter-spacing: -0.5px !important;
    text-align: left !important;
}

/* Star badge */
.single-product div.product .summary .popular-star {
    color: var(--color-attention) !important;
    font-size: 44px !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    display: inline-block !important;
    text-transform: none !important;
}

/* Price */
.single-product div.product .summary .price {
    font-family: var(--font-heading) !important;
    color: #ffffff !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    margin: 0 0 25px 0 !important;
    text-align: left !important;
    display: block !important;
    border: none !important;
}

.single-product div.product .summary .price * {
    color: #ffffff !important;
    font-family: var(--font-heading) !important;
    font-weight: 800 !important;
}

/* Cart form flex layout */
.single-product div.product form.cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
    margin: 0 0 30px 0 !important;
    max-width: 320px !important;
}

.single-product div.product form.cart::before {
    content: "QUANTITY" !important;
    display: block !important;
    font-family: var(--font-heading) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #8a8a93 !important;
    letter-spacing: 1.5px !important;
    margin-bottom: -6px !important;
    text-transform: uppercase !important;
    order: 0 !important;
    text-align: left !important;
}

.single-product div.product form.cart .quantity {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    order: 1 !important;
    text-align: left !important;
    width: auto !important;
    float: none !important;
}

/* Custom quantity selector */
.custom-qty-selector {
    display: inline-flex !important;
    align-items: center !important;
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    height: 44px !important;
    width: 120px !important;
    border-radius: 0 !important;
}

.custom-qty-selector .qty-btn {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 18px !important;
    width: 38px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    transition: var(--transition-smooth) !important;
}

.custom-qty-selector .qty-btn:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: var(--color-attention) !important;
}

.custom-qty-selector .qty-val {
    flex: 1 !important;
    text-align: center !important;
    color: #ffffff !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    user-select: none !important;
}

/* Buy Now button */
.single-product div.product form.cart .btn-buy-now {
    background-color: var(--color-attention) !important;
    color: #000000 !important;
    font-family: var(--font-label) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    height: 46px !important;
    border: none !important;
    cursor: pointer !important;
    transition: var(--transition-smooth) !important;
    order: 2 !important;
}

.single-product div.product form.cart .btn-buy-now:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    transform: translateY(-1px) !important;
}

/* Add to Cart button */
.single-product div.product form.cart .single_add_to_cart_button {
    background-color: transparent !important;
    color: var(--color-attention) !important;
    border: 1.5px solid var(--color-attention) !important;
    font-family: var(--font-label) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    height: 46px !important;
    cursor: pointer !important;
    transition: var(--transition-smooth) !important;
    order: 3 !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.single-product div.product form.cart .single_add_to_cart_button:hover {
    background-color: var(--color-attention) !important;
    color: #000000 !important;
    transform: translateY(-1px) !important;
}

/* Share block */
.product-share-section {
    margin-top: 25px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    text-align: left !important;
    max-width: 320px !important;
}

.product-share-section .share-label {
    display: block !important;
    font-family: var(--font-heading) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #8a8a93 !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
}

.product-share-section .share-icons {
    display: flex !important;
    gap: 16px !important;
    align-items: center !important;
}

.product-share-section .share-icons a {
    color: var(--color-attention) !important;
    font-size: 16px !important;
    transition: var(--transition-smooth) !important;
}

.product-share-section .share-icons a:hover {
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* Short description */
.single-product div.product .summary .woocommerce-product-details__short-description {
    margin-top: 30px !important;
    font-family: var(--font-body) !important;
    color: #d1d1d6 !important;
    line-height: 1.65 !important;
    text-align: left !important;
}

.single-product div.product .summary .woocommerce-product-details__short-description p {
    margin-bottom: 15px !important;
    color: #d1d1d6 !important;
}

.single-product div.product .summary .woocommerce-product-details__short-description strong,
.single-product div.product .summary .woocommerce-product-details__short-description p:first-of-type {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-family: var(--font-body) !important;
}

/* Checkmark yellow */
.checkmark-yellow {
    color: var(--color-attention) !important;
    font-weight: 700 !important;
    margin-right: 4px !important;
    display: inline-block !important;
}

/* Related products */
.single-product section.related.products {
    margin-top: 60px !important;
    padding-top: 40px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    text-align: left !important;
    clear: both !important;
}

.single-product section.related.products h2 {
    font-family: var(--font-heading) !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-transform: none !important;
    margin: 0 0 30px 0 !important;
    text-align: left !important;
}

.single-product section.related.products ul.products {
    /*display: grid !important;*/
    /*grid-template-columns: repeat(4, 1fr) !important;*/
    /*gap: 30px !important;*/
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
    border: none !important;
}

.single-product section.related.products ul.products::before,
.single-product section.related.products ul.products::after {
    display: none !important;
}

/*.single-product section.related.products ul.products li.product {*/
/*    width: 100% !important;*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    float: none !important;*/
/*    background: transparent !important;*/
/*    text-align: left !important;*/
/*}*/

.single-product section.related.products ul.products li.product a.woocommerce-LoopProduct-link img {
    background-color: #000000 !important;
    border: none !important;
    padding: 30px !important;
    margin: 0 0 20px 0 !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    /*border-radius: 0 !important;*/
}

.single-product section.related.products ul.products li.product h2.woocommerce-loop-product__title {
    font-family: var(--font-heading) !important;
    color: var(--text-light) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-transform: none !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
}

.single-product section.related.products ul.products li.product .price {
    font-family: var(--font-heading) !important;
    color: var(--text-light) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    text-align: left !important;
}

/* Full-width description below product columns */
.product-description-full-width {
    clear: both !important;
    margin-top: 40px !important;
    padding-top: 40px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    text-align: left !important;
    width: 100% !important;
}

.product-description-full-width .description-title {
    font-family: var(--font-heading) !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 0 20px 0 !important;
    text-transform: none !important;
}

.product-description-full-width .description-content {
    font-family: var(--font-body) !important;
    color: #d1d1d6 !important;
    line-height: 1.65 !important;
}

.product-description-full-width .description-content p {
    margin-bottom: 15px !important;
    color: #d1d1d6 !important;
}

.product-description-full-width .description-content strong {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-family: var(--font-body) !important;
}

/* ==========================================================================
   CART PAGE
   ========================================================================== */

/* Container */
/*.woocommerce-cart .site-content-inner {*/
/*    max-width: 1250px !important;*/
/*    padding: 0 24px !important;*/
/*    margin: 0 auto !important;*/
/*    width: 100% !important;*/
/*}*/

.woocommerce-cart .entry-header {
    margin-bottom: 40px !important;
    text-align: left !important;
}

.woocommerce-cart h1.entry-title {
    font-family: var(--font-heading) !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
text-transform: uppercase !important;
letter-spacing: -0.5px !important;
}

/* Empty cart notice */
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .cart-empty {
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    padding: 20px 30px !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    border-radius: 0 !important;
    margin-bottom: 30px !important;
    text-align: left !important;
}

.woocommerce-cart .woocommerce-info::before {
    color: var(--color-attention) !important;
}

.woocommerce-cart p.return-to-shop {
    text-align: left !important;
}

.woocommerce-cart p.return-to-shop a.button.wc-backward {
    background-color: var(--color-attention) !important;
    color: #000000 !important;
    font-family: var(--font-label) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    padding: 14px 30px !important;
    border: none !important;
    display: inline-flex !important;
}

/* Cart table */
.woocommerce-cart table.shop_table.cart {
    border-collapse: collapse !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background-color: #1a1a22 !important;
    border-radius: 0 !important;
    margin-bottom: 40px !important;
    width: 100% !important;
}

.woocommerce-cart table.shop_table.cart th {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: var(--font-heading) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 16px 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    text-align: left !important;
}

.woocommerce-cart table.shop_table.cart td {
    padding: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #d1d1d6 !important;
    font-family: var(--font-body) !important;
    vertical-align: middle !important;
}

.woocommerce-cart table.shop_table.cart td.product-name a {
    color: #ffffff !important;
    font-family: var(--font-heading) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.woocommerce-cart table.shop_table.cart td.product-name a:hover {
    color: var(--color-attention) !important;
}

.woocommerce-cart table.shop_table.cart td.product-price,
.woocommerce-cart table.shop_table.cart td.product-subtotal {
    font-family: var(--font-heading) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

.woocommerce-cart table.shop_table.cart td.product-thumbnail img {
    background-color: #000000 !important;
    padding: 10px !important;
    max-width: 80px !important;
    border: none !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
}

.woocommerce-cart table.shop_table.cart td.product-remove a.remove {
    color: #ff5252 !important;
    font-size: 20px !important;
}

.woocommerce-cart table.shop_table.cart td.product-remove a.remove:hover {
    background: transparent !important;
    color: #ffffff !important;
}

/* Coupon & actions row */
.woocommerce-cart table.shop_table.cart td.actions {
    background-color: #121216 !important;
    padding: 15px 20px !important;
}

.woocommerce-cart table.shop_table.cart td.actions .coupon {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.woocommerce-cart table.shop_table.cart td.actions .coupon input.input-text {
    background-color: #1a1a22 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding: 10px 16px !important;
    height: 40px !important;
    font-family: var(--font-body) !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    width: 160px !important;
}

.woocommerce-cart table.shop_table.cart td.actions .coupon input.input-text:focus {
    border-color: var(--color-attention) !important;
    outline: none !important;
}

.woocommerce-cart table.shop_table.cart td.actions button.button {
    height: 40px !important;
    padding: 0 24px !important;
    border-radius: 0 !important;
    font-family: var(--font-label) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
    transition: var(--transition-smooth) !important;
    cursor: pointer !important;
}

.woocommerce-cart table.shop_table.cart td.actions button.button:hover {
    border-color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Update cart (disabled) */
.woocommerce-cart table.shop_table.cart td.actions button.button[name="update_cart"] {
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.4) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

.woocommerce-cart table.shop_table.cart td.actions button.button[name="update_cart"]:not(:disabled):hover {
    background-color: var(--color-attention) !important;
    color: #000000 !important;
    border-color: var(--color-attention) !important;
}

/* Cart totals */
.woocommerce-cart .cart-collaterals {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: flex-end !important;
    clear: both !important;
}

.woocommerce-cart .cart-collaterals .cart_totals {
    width: 100% !important;
    max-width: 480px !important;
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 30px !important;
    border-radius: 0 !important;
    text-align: left !important;
    float: none !important;
}

.woocommerce-cart .cart-collaterals .cart_totals h2 {
    font-family: var(--font-heading) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 0 25px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-bottom: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table {
    width: 100% !important;
    border: none !important;
    margin-bottom: 30px !important;
    background: transparent !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td,
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr th {
    padding: 12px 10px !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    background: transparent !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr th {
    color: #8a8a93 !important;
    font-family: var(--font-heading) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td {
    color: #ffffff !important;
    font-family: var(--font-body) !important;
    text-align: right !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td,
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total th {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 20px 0 12px 0 !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td {
    font-family: var(--font-heading) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--color-attention) !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td * {
    font-family: var(--font-heading) !important;
    font-weight: 800 !important;
    color: var(--color-attention) !important;
}

/* Proceed to checkout button */
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
    background-color: var(--color-attention) !important;
    color: #000000 !important;
    font-family: var(--font-label) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: var(--transition-smooth) !important;
    width: 100% !important;
    box-shadow: 0 4px 15px rgba(246, 201, 27, 0.2) !important;
}

.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1) !important;
    transform: translateY(-1px) !important;
}

/* Cart responsive */
@media (max-width: 768px) {
    .woocommerce-cart .cart-collaterals {
        justify-content: stretch !important;
    }
    .woocommerce-cart .cart-collaterals .cart_totals {
        max-width: 100% !important;
    }
}

/* ==========================================================================
   CHECKOUT PAGE
   ========================================================================== */

/* Container */
.woocommerce-checkout .site-content-inner {
    /*max-width: 1240px !important;*/
    /*padding: 0 20px !important;*/
    /*margin: 0 auto !important;*/
    /*width: 100% !important;*/
}

.woocommerce-checkout .entry-header {
    margin-bottom: 40px !important;
    text-align: left !important;
}

.woocommerce-checkout h1.entry-title {
    font-family: var(--font-heading) !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
text-transform: uppercase !important;
    letter-spacing: -0.5px !important;
}

/* Breadcrumb */
.woocommerce-checkout .storefront-breadcrumb {
    background-color: transparent !important;
    padding: 30px 24px 10px 24px !important;
    margin: 0 auto !important;
    max-width: 1250px !important;
    width: 100% !important;
    border: none !important;
}

.woocommerce-checkout .woocommerce-breadcrumb {
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-label) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #ffffff !important;
}

.woocommerce-checkout .woocommerce-breadcrumb a {
    color: var(--color-attention) !important;
}

/* Two-column layout
   DOM order: #customer_details (left), #order_review_heading (right),
              #order_review (right), #payment (left)
   Achieved with flex-wrap + order properties. */
.woocommerce-checkout form.woocommerce-checkout {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    align-items: flex-start !important;
    width: 100% !important;
}

.woocommerce-checkout form.woocommerce-checkout #customer_details {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: calc(100% - 460px) !important;
    max-width: calc(100% - 460px) !important;
    padding-right: 40px !important;
    order: 1 !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout form.woocommerce-checkout #payment {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: calc(100% - 460px) !important;
    max-width: calc(100% - 460px) !important;
    padding-right: 40px !important;
    order: 3 !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout form.woocommerce-checkout #order_review_heading {
    flex: 0 0 420px !important;
    width: 420px !important;
    max-width: 420px !important;
    order: 2 !important;
    box-sizing: border-box !important;
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: none !important;
    padding: 28px 28px 0 28px !important;
    margin-bottom: 0 !important;
}

.woocommerce-checkout form.woocommerce-checkout #order_review {
    flex: 0 0 420px !important;
    width: 420px !important;
    max-width: 420px !important;
    order: 2 !important;
    box-sizing: border-box !important;
}

/* Responsive: single column */
@media (max-width: 960px) {
    .woocommerce-checkout form.woocommerce-checkout #customer_details,
    .woocommerce-checkout form.woocommerce-checkout #payment,
    .woocommerce-checkout form.woocommerce-checkout #order_review_heading,
    .woocommerce-checkout form.woocommerce-checkout #order_review {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        order: unset !important;
    }
    .woocommerce-checkout form.woocommerce-checkout #order_review_heading {
        border-bottom: none !important;
        padding: 24px 24px 0 24px !important;
    }
}

/* Section headings */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
    font-family: var(--font-heading) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 24px 0 !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Form labels */
.woocommerce-checkout .form-row label {
    font-family: var(--font-body) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #8a8a93 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* Form inputs */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    padding: 12px 16px !important;
    border-radius: 0 !important;
    width: 100% !important;
    transition: var(--transition-smooth) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus {
    border-color: var(--color-attention) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(246, 201, 27, 0.12) !important;
}

.woocommerce-checkout .form-row input.input-text::placeholder,
.woocommerce-checkout .form-row textarea::placeholder {
    color: rgba(255, 255, 255, 0.3) !important;
}

/* Select2 country/state dropdowns */
.woocommerce-checkout .select2-container--default .select2-selection--single {
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 0 !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    line-height: 46px !important;
    padding: 0 36px 0 16px !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px !important;
    right: 10px !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent !important;
    border-width: 6px 5px 0 5px !important;
}

.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #ffffff transparent !important;
    border-width: 0 5px 6px 5px !important;
}

.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--color-attention) !important;
    box-shadow: 0 0 0 2px rgba(246, 201, 27, 0.12) !important;
    outline: none !important;
}

/* Select2 dropdown list */
.select2-container--default .select2-dropdown {
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 0 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #0e0e16 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
}

.select2-container--default .select2-results__option {
    background-color: #1a1a22 !important;
    color: #d1d1d6 !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    padding: 10px 16px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[data-selected="true"] {
    background-color: var(--color-attention) !important;
    color: #000000 !important;
}

/* col2-set inner billing/shipping columns */
.woocommerce-checkout #customer_details .col2-set {
    display: flex !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}

.woocommerce-checkout #customer_details .col2-set .col-1,
.woocommerce-checkout #customer_details .col2-set .col-2 {
    flex: 1 1 280px !important;
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Clear WooCommerce floats */
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
    float: none !important;
    width: 100% !important;
    clear: none !important;
}

/* Required marker */
.woocommerce-checkout .required {
    color: var(--color-attention) !important;
    font-weight: 700 !important;
}

/* Ship to different address toggle */
.woocommerce-checkout #ship-to-different-address label {
    font-family: var(--font-heading) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
}

.woocommerce-checkout #ship-to-different-address input[type="checkbox"] {
    accent-color: var(--color-attention) !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
}

/* WooCommerce notices */
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info {
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    padding: 14px 20px !important;
    font-family: var(--font-body) !important;
    font-size: 13px !important;
    border-radius: 0 !important;
    margin-bottom: 24px !important;
}

.woocommerce-checkout .woocommerce-error {
    border-left: 3px solid var(--accent-red) !important;
}

.woocommerce-checkout .woocommerce-info::before {
    color: var(--color-attention) !important;
}

.woocommerce-checkout .woocommerce-info a {
    color: var(--color-attention) !important;
    font-weight: 600 !important;
}

/* Login & coupon forms */
.woocommerce-checkout .woocommerce-form-login,
.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon {
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 24px !important;
    border-radius: 0 !important;
    margin-bottom: 30px !important;
}

.woocommerce-checkout .woocommerce-form-login p,
.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon p {
    color: #d1d1d6 !important;
}

/* Order review panel */
.woocommerce-checkout #order_review {
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-top: none !important;
    padding: 0 28px 28px 28px !important;
    border-radius: 0 !important;
}

.woocommerce-checkout #order_review_heading {
    font-family: var(--font-heading) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Order review table */
.woocommerce-checkout table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
    margin-bottom: 20px !important;
}

.woocommerce-checkout table.shop_table thead th {
    font-family: var(--font-heading) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #8a8a93 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 10px 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: transparent !important;
}

.woocommerce-checkout table.shop_table tbody tr td,
.woocommerce-checkout table.shop_table tbody tr th {
    padding: 14px 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    background: transparent !important;
    color: #d1d1d6 !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    vertical-align: middle !important;
}

.woocommerce-checkout table.shop_table tbody .product-name {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.woocommerce-checkout table.shop_table tbody .product-total {
    color: #ffffff !important;
    font-family: var(--font-heading) !important;
    font-weight: 700 !important;
    text-align: right !important;
}

.woocommerce-checkout table.shop_table tfoot tr td,
.woocommerce-checkout table.shop_table tfoot tr th {
    padding: 12px 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    background: transparent !important;
    color: #8a8a93 !important;
    font-family: var(--font-heading) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.woocommerce-checkout table.shop_table tfoot tr td {
    color: #ffffff !important;
    text-align: right !important;
}

.woocommerce-checkout table.shop_table tfoot .order-total td,
.woocommerce-checkout table.shop_table tfoot .order-total th {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-top: 20px !important;
}

.woocommerce-checkout table.shop_table tfoot .order-total td {
    font-family: var(--font-heading) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--color-attention) !important;
}

.woocommerce-checkout table.shop_table tfoot .order-total td * {
    font-family: var(--font-heading) !important;
    font-weight: 800 !important;
    color: var(--color-attention) !important;
}

/* Payment section */
.woocommerce-checkout #payment {
    background-color: #1a1a22 !important;
    border-radius: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 24px !important;
    margin-top: 24px !important;
}

.woocommerce-checkout #payment ul.wc_payment_methods {
    list-style: none !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

.woocommerce-checkout #payment ul.wc_payment_methods li {
    padding: 14px !important;
    background-color: #0e0e16 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin-bottom: 8px !important;
    border-radius: 0 !important;
}

.woocommerce-checkout #payment ul.wc_payment_methods li label {
    color: #d1d1d6 !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-transform: none !important;
}

.woocommerce-checkout #payment ul.wc_payment_methods li input[type="radio"] {
    accent-color: var(--color-attention) !important;
}

.woocommerce-checkout #payment div.payment_box {
    background-color: rgba(246, 201, 27, 0.04) !important;
    border: 1px solid rgba(246, 201, 27, 0.1) !important;
    padding: 12px 16px !important;
    margin-top: 10px !important;
    border-radius: 0 !important;
}

.woocommerce-checkout #payment div.payment_box p {
    color: #8a8a93 !important;
    font-size: 13px !important;
    margin: 0 !important;
}

/* Privacy & terms */
.woocommerce-checkout .woocommerce-privacy-policy-text {
    color: #6a6a73 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    margin-bottom: 16px !important;
}

.woocommerce-checkout .woocommerce-privacy-policy-text a,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a {
    color: var(--color-attention) !important;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p {
    color: #8a8a93 !important;
    font-size: 12px !important;
}

/* Place Order button */
.woocommerce-checkout #payment .place-order {
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-checkout #payment #place_order {
    background-color: var(--color-attention) !important;
    color: #000000 !important;
    font-family: var(--font-label) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    height: 52px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    cursor: pointer !important;
    transition: var(--transition-smooth) !important;
    box-shadow: 0 4px 20px rgba(246, 201, 27, 0.2) !important;
}

.woocommerce-checkout #payment #place_order:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: 0 4px 20px rgba(255, 255, 255, 0.1) !important;
    transform: translateY(-1px) !important;
}

/* Order notes textarea */
.woocommerce-checkout .woocommerce-additional-fields textarea {
    min-height: 120px !important;
    resize: vertical !important;
}

/* Checkout responsive */
@media (max-width: 768px) {
    .woocommerce-checkout .site-content-inner {
        padding: 0 0px !important;
    }
    .woocommerce-checkout h1.entry-title {
        font-size: 28px !important;
    }
    .woocommerce-checkout #order_review {
        padding: 20px !important;
    }
    .woocommerce-checkout #payment {
        padding: 16px !important;
    }
}

/* ==========================================================================
   GLOBAL WOOCOMMERCE LAYOUT FIX
   Forces #primary and .site-main to match NuAxle unified 1250px grid
   ========================================================================== */
.woocommerce #primary,
.woocommerce-page #primary {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    clear: both !important;
}

.woocommerce .site-main,
.woocommerce-page .site-main {
    max-width: 1250px !important;
    margin: 0 auto !important;
    padding: 40px 0px 80px 0px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   MY ACCOUNT PAGE
   ========================================================================== */

.woocommerce-account h1.entry-title {
    font-family: var(--font-heading) !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-transform: none !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 10px !important;
}

/* My Account Navigation (Sidebar) */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25% !important;
    float: left !important;
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    padding: 20px 0 !important;
    margin-bottom: 40px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    margin: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 15px 25px !important;
    color: #d1d1d6 !important;
    font-family: var(--font-body) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    transition: var(--transition-smooth) !important;
    position: relative !important;
        text-decoration: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--color-attention) !important;
    background-color: rgba(255, 255, 255, 0.03) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background-color: var(--color-attention) !important;
}

/* My Account Content */
.woocommerce-account .woocommerce-MyAccount-content {
    width: 70% !important;
    float: right !important;
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    padding: 40px !important;
    margin-bottom: 40px !important;
    color: #d1d1d6 !important;
    font-family: var(--font-body) !important;
    line-height: 1.6 !important;
}

.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content legend {
    font-family: var(--font-heading) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    text-transform: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-bottom: 15px !important;
}

.woocommerce-account .woocommerce-MyAccount-content a {
    /*color:#000 !important;*/
    text-decoration:none!important;
}

.woocommerce-account .woocommerce-MyAccount-content p {
    margin-bottom: 20px !important;
}

/* My Account Tables (Orders) */
.woocommerce-account table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 30px !important;
    background: transparent !important;
    border: none !important;
}

.woocommerce-account table.shop_table th {
    background-color: rgba(255, 255, 255, 0.03) !important;
    color: #ffffff !important;
    font-family: var(--font-heading) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 15px !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.woocommerce-account table.shop_table td {
    padding: 15px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #d1d1d6 !important;
    font-size: 14px !important;
    vertical-align: middle !important;
}

.woocommerce-account table.shop_table .button {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    padding: 8px 16px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    transition: var(--transition-smooth) !important;
}

.woocommerce-account table.shop_table .button:hover {
    border-color: var(--color-attention) !important;
    color: var(--color-attention) !important;
}

/* Account Addresses */
.woocommerce-account .woocommerce-Address {
    background-color: rgba(255, 255, 255, 0.02) !important;
    padding: 25px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 4px !important;
    margin-bottom: 20px !important;
}

.woocommerce-account .woocommerce-Address-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}

.woocommerce-account .woocommerce-Address-title h3 {
    margin: 0 !important;
    border: none !important;
    padding: 0 !important;
}

/* Login & Register Forms (When not logged in) */
.woocommerce-account .u-columns.col2-set {
    display: flex !important;
    gap: 40px !important;
    flex-wrap: wrap !important;
}

.woocommerce-account .u-column1.col-1,
.woocommerce-account .u-column2.col-2 {
    /*flex: 1 1 300px !important;*/
    float: none !important;
    width: 48% !important;
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 40px !important;
    border-radius: 8px !important;
    margin:0px 0px 40px 0px!important;
}

.woocommerce-account form.login,
.woocommerce-account form.register,
.woocommerce-account form.edit-account,
.woocommerce-account form.woocommerce-EditAddressForm {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* Common form inputs */
.woocommerce-account form .form-row label {
    font-family: var(--font-body) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #8a8a93 !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.woocommerce-account form .form-row input.input-text,
.woocommerce-account form .form-row textarea,
.woocommerce-account form .form-row select {
    background-color: #0e0e16 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    font-family: var(--font-body) !important;
    font-size: 15px !important;
    padding: 14px 18px !important;
    border-radius: 4px !important;
    width: 100% !important;
    transition: var(--transition-smooth) !important;
}

.woocommerce-account form .form-row input.input-text:focus,
.woocommerce-account form .form-row textarea:focus,
.woocommerce-account form .form-row select:focus {
    border-color: var(--color-attention) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(246, 201, 27, 0.1) !important;
}

/* Account Buttons */
.woocommerce-account form button.button,
.woocommerce-account form input.button {
    background-color: var(--color-attention) !important;
    color: #000000 !important;
    font-family: var(--font-label) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 16px 32px !important;
    cursor: pointer !important;
    transition: var(--transition-smooth) !important;
    margin-top: 15px !important;
    height: auto !important;
}

.woocommerce-account form button.button:hover,
.woocommerce-account form input.button:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1) !important;
}

/* Responsive Account */
@media (max-width: 768px) {
    .woocommerce-account .u-column1.col-1,
    .woocommerce-account .u-column2.col-2 {
        padding: 20px !important;
    }
}


/* ==========================================================================
   THANK YOU PAGE (ORDER RECEIVED)
   ========================================================================== */

.woocommerce-order-received h1.entry-title {
    font-family: var(--font-heading) !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-transform: none !important;
    letter-spacing: -0.5px !important;
    /* margin-bottom: 40px !important; */
}

/* Thank you notice */
.woocommerce-order-received .woocommerce-notice--success {
    background-color: var(--color-attention) !important;
    border: 1px solid var(--color-attention) !important;
    color: #000!important;
    padding: 15px 20px !important;
    border-radius: 8px !important;
    font-family: var(--font-heading) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-bottom: 40px !important;
}

/* Order overview list */
.woocommerce-order-received ul.woocommerce-order-overview {
    list-style: none !important;
    margin: 0 0 40px 0 !important;
    padding: 30px !important;
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

.woocommerce-order-received ul.woocommerce-order-overview li {
    flex: 1 1 200px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 0px !important;
    color: #8a8a93 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.woocommerce-order-received ul.woocommerce-order-overview li:last-child {
    border-right: none !important;
    padding-right: 0 !important;
}

.woocommerce-order-received ul.woocommerce-order-overview li strong {
    display: block !important;
    color: #ffffff !important;
    font-family: var(--font-heading) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    margin-top: 8px !important;
}

/* Order details heading */
.woocommerce-order-received h2.woocommerce-order-details__title,
.woocommerce-order-received h2.woocommerce-column__title {
    font-family: var(--font-heading) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 20px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-bottom: 15px !important;
}

/* Order details table */
.woocommerce-order-received table.woocommerce-table--order-details {
    width: 100% !important;
    background-color: transparent !important;
    border: none !important;
    margin-bottom: 40px !important;
    border-collapse: collapse !important;
}

.woocommerce-order-received table.woocommerce-table--order-details th {
    background-color: rgba(255, 255, 255, 0.03) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    padding: 15px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    text-align: left !important;
}

.woocommerce-order-received table.woocommerce-table--order-details td {
    padding: 15px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #d1d1d6 !important;
    vertical-align: middle !important;
}

.woocommerce-order-received table.woocommerce-table--order-details tfoot th {
    background-color: transparent !important;
    color: #8a8a93 !important;
    /* text-align: right !important; */
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.woocommerce-order-received table.woocommerce-table--order-details tfoot td {
    text-align: left !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

/* Customer details */
.woocommerce-order-received .woocommerce-customer-details {
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    padding: 30px !important;
    margin-bottom: 40px !important;
}

.woocommerce-order-received .woocommerce-customer-details address {
    font-style: normal !important;
    color: #d1d1d6 !important;
    line-height: 1.8 !important;
    border: none !important;
    padding: 0 !important;
}
@media (max-width: 1199px) {

.woocommerce-account .u-columns.col2-set {
    gap: 35px !important;
}
    
    
}

@media (max-width: 991px) {

.woocommerce-account .u-columns.col2-set {
    gap: 28px !important;
}
    
    
}
@media (max-width: 767px) {
    .woocommerce-account .u-column1.col-1,
.woocommerce-account .u-column2.col-2 {
    width: 100% !important;        
    margin: 0 !important;
    
}

    .woocommerce-order-received ul.woocommerce-order-overview li {
        flex: 1 1 100% !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        /* padding-right: 0 !important;
        padding-bottom: 15px !important;
        margin-bottom: 15px !important; */
    }
    .woocommerce-order-received ul.woocommerce-order-overview li:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* ==========================================================================
   PRODUCT RESOURCES (UNDER IMAGE)
   ========================================================================== */
.nuaxle-product-resources {
    background-color: #1a1a22 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    padding: 24px !important;
    margin-top: 20px !important;
    width: 100% !important;
    clear: both !important;
    box-sizing: border-box !important;
}

.nuaxle-product-resources h3 {
    font-family: var(--font-heading) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 16px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.nuaxle-product-resources h3 i {
    color: var(--color-attention) !important;
}

.nuaxle-resource-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

.nuaxle-resource-list li {
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 200px !important;
    display:inline-flex;
}

.nuaxle-resource-list li:last-child {
    margin-bottom: 0 !important;
}

.nuaxle-resource-list li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #d1d1d6 !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: var(--transition-smooth) !important;
    text-decoration: none !important;
    padding: 8px 12px !important;
    /*background-color: rgba(255, 255, 255, 0.02) !important;*/
    border-radius: 4px !important;
    border: 1px solid transparent !important;
}

.nuaxle-resource-list li a i {
    color: var(--color-attention) !important; /* PDF red icon */
    font-size: 16px !important;
}

.nuaxle-resource-list li a:hover {
    color: #ffffff !important;
}
.order_details:before, .order_details:after{
    content:unset!important;
}