@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* ============================================================
   UNDERCONFIDENT — WOOCOMMERCE CART PAGE
   Clean standalone design | Responsive | WooCommerce compatible
   Scope: body.woocommerce-cart ONLY
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&display=swap');


/* ============================================================
   1. DESIGN TOKENS & PAGE RESET
   ============================================================ */

body.woocommerce-cart {
    --uc-bg: #f6f1ef;
    --uc-panel: #fbf8f7;
    --uc-white: #ffffff;
    --uc-text: #211d1b;
    --uc-muted: #817773;
    --uc-border: #e8ddda;
    --uc-accent: #74384a;
    --uc-accent-dark: #512536;
    --uc-button: #321500;

    margin: 0 !important;
    padding: 0 !important;
    background: var(--uc-bg) !important;
    color: var(--uc-text) !important;
    font-family: "DM Sans", sans-serif !important;
    overflow-x: hidden !important;
}

body.woocommerce-cart *,
body.woocommerce-cart *::before,
body.woocommerce-cart *::after {
    box-sizing: border-box;
}

body.woocommerce-cart h1,
body.woocommerce-cart h2,
body.woocommerce-cart h3,
body.woocommerce-cart p,
body.woocommerce-cart table {
    margin-top: 0;
}

body.woocommerce-cart a {
    transition: color .2s ease, background .2s ease, opacity .2s ease;
}


/* ============================================================
   2. REMOVE THEME ELEMENTS ON CART PAGE ONLY
   Keep the WordPress admin bar visible.
   ============================================================ */

body.woocommerce-cart #masthead,
body.woocommerce-cart .site-header,
body.woocommerce-cart .header-image,
body.woocommerce-cart .page-header-image,
body.woocommerce-cart .custom-header,
body.woocommerce-cart #colophon,
body.woocommerce-cart .site-footer,
body.woocommerce-cart #secondary,
body.woocommerce-cart #tertiary,
body.woocommerce-cart aside.widget-area,
body.woocommerce-cart .edit-link,
body.woocommerce-cart .entry-footer,
body.woocommerce-cart .post-navigation,
body.woocommerce-cart .comments-area {
    display: none !important;
}

/* Remove theme backgrounds and layout restrictions */

body.woocommerce-cart #page,
body.woocommerce-cart #content,
body.woocommerce-cart #content.site-content,
body.woocommerce-cart .site-content,
body.woocommerce-cart .site-content-wrapper,
body.woocommerce-cart .content-area,
body.woocommerce-cart #primary,
body.woocommerce-cart #main,
body.woocommerce-cart article,
body.woocommerce-cart .hentry-wrapper,
body.woocommerce-cart .entry-content {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: var(--uc-bg) !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Theme content wrapper */

body.woocommerce-cart #content.site-content > .site-content-wrapper {
    display: block !important;
    padding: 0 !important;
}

/* Main page spacing — content starts near the top */

body.woocommerce-cart #primary,
body.woocommerce-cart #primary.content-area {
    display: block !important;
    flex: 0 0 100% !important;
    padding: 28px 4.5% 75px !important;
    margin: 0 !important;
}

/* Remove theme-generated top spacing */

body.woocommerce-cart #main,
body.woocommerce-cart article,
body.woocommerce-cart .hentry-wrapper,
body.woocommerce-cart .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/* ============================================================
   3. CART PAGE HEADING
   ============================================================ */

body.woocommerce-cart h1.entry-title,
body.woocommerce-cart .entry-title {
    display: block !important;
    width: 100% !important;
    max-width: 1440px !important;

    margin: 0 auto 34px !important;
    padding: 0 !important;

    color: var(--uc-text) !important;
    font-family: "Cormorant Garamond", serif !important;
    font-size: clamp(44px, 5vw, 64px) !important;
    font-weight: 600 !important;
    line-height: 1.05 !important;
    letter-spacing: -1.5px !important;
    text-align: left !important;
}


/* ============================================================
   4. MAIN CART LAYOUT
   ============================================================ */

body.woocommerce-cart .woocommerce {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr) !important;

    grid-template-areas:
        "notices notices"
        "cart summary" !important;

    align-items: start !important;
    gap: 0 !important;

    width: 100% !important;
    max-width: 1440px !important;
    min-width: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    float: none !important;
    background: transparent !important;
}

/* WooCommerce notices */

body.woocommerce-cart .woocommerce-notices-wrapper {
    grid-area: notices !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Left panel */

body.woocommerce-cart .woocommerce-cart-form {
    grid-area: cart !important;

    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 42px 7% 48px !important;

    background: var(--uc-panel) !important;
    border: 0 !important;
    border-right: 1px solid var(--uc-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
}

/* Right panel */

body.woocommerce-cart .cart-collaterals {
    grid-area: summary !important;

    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 42px 8% 48px !important;

    background: var(--uc-panel) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals {
    position: static !important;
    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}


/* ============================================================
   5. PROFESSIONAL WOOCOMMERCE NOTICES
   ============================================================ */

body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error {
    position: relative !important;

    width: 100% !important;
    margin: 0 0 22px !important;
    padding: 17px 22px 17px 54px !important;

    background: #fbf8f7 !important;
    color: var(--uc-text) !important;

    border: 1px solid var(--uc-border) !important;
    border-top: 2px solid var(--uc-accent) !important;
    border-radius: 7px !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    letter-spacing: 0 !important;

    box-shadow: none !important;
}

/* Replace WooCommerce's default notice icon */

body.woocommerce-cart .woocommerce-info::before,
body.woocommerce-cart .woocommerce-message::before {
    content: "i" !important;

    position: absolute !important;
    top: 50% !important;
    left: 19px !important;
    transform: translateY(-50%) !important;

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

    width: 21px !important;
    height: 21px !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: var(--uc-accent) !important;
    color: #ffffff !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 21px !important;
}

body.woocommerce-cart .woocommerce-error::before {
    color: var(--uc-accent) !important;
}

/* Links inside notices */

body.woocommerce-cart .woocommerce-message a,
body.woocommerce-cart .woocommerce-info a,
body.woocommerce-cart .woocommerce-error a {
    color: var(--uc-accent) !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}


/* ============================================================
   6. PRODUCT TABLE
   Native WooCommerce table structure is preserved.
   ============================================================ */

body.woocommerce-cart .woocommerce-cart-form table.shop_table {
    display: table !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border-radius: 0 !important;

    table-layout: auto !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Hide table headings for a cleaner editorial look */

body.woocommerce-cart .woocommerce-cart-form table.shop_table thead {
    display: none !important;
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody {
    display: table-row-group !important;
}

/* Product row */

body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody tr.cart_item {
    display: table-row !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Product cells */

body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody tr.cart_item td {
    display: table-cell !important;
    position: static !important;
    float: none !important;

    padding: 25px 10px !important;
    vertical-align: middle !important;

    background: transparent !important;
    color: var(--uc-text) !important;

    border: 0 !important;
    border-bottom: 1px solid var(--uc-border) !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 13px !important;

    box-sizing: border-box !important;
}

/* Product remove column */

body.woocommerce-cart td.product-remove {
    width: 42px !important;
    min-width: 42px !important;
    padding-left: 0 !important;
    padding-right: 8px !important;
    text-align: left !important;
}

/* Product thumbnail */

body.woocommerce-cart td.product-thumbnail {
    width: 100px !important;
    min-width: 85px !important;
    text-align: left !important;
}

body.woocommerce-cart td.product-thumbnail img {
    display: block !important;

    width: 82px !important;
    height: 105px !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 3px !important;
    background: #eee8e3 !important;
}

/* Product name */

body.woocommerce-cart td.product-name {
    min-width: 120px !important;
    text-align: left !important;

    overflow-wrap: normal !important;
    word-break: normal !important;
}

body.woocommerce-cart td.product-name a {
    display: inline-block !important;

    color: var(--uc-text) !important;
    font-family: "Cormorant Garamond", serif !important;
    font-size: clamp(19px, 1.7vw, 25px) !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
}

body.woocommerce-cart td.product-name a:hover {
    color: var(--uc-accent) !important;
}

/* Product variations */

body.woocommerce-cart td.product-name dl.variation {
    margin: 8px 0 0 !important;
    color: var(--uc-muted) !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
}

/* Product price */

body.woocommerce-cart td.product-price {
    min-width: 75px !important;
    text-align: center !important;
    white-space: nowrap !important;

    color: var(--uc-text) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Product quantity */

body.woocommerce-cart td.product-quantity {
    min-width: 75px !important;
    text-align: center !important;
}

body.woocommerce-cart td.product-quantity .quantity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
}

body.woocommerce-cart td.product-quantity input.qty {
    display: inline-block !important;

    width: 56px !important;
    min-width: 56px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 5px !important;

    border: 1px solid var(--uc-border) !important;
    border-radius: 5px !important;

    background: #ffffff !important;
    color: var(--uc-text) !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;

    box-shadow: none !important;
    outline: none !important;
}

body.woocommerce-cart td.product-quantity input.qty:focus {
    border-color: var(--uc-accent) !important;
}

/* Product subtotal */

body.woocommerce-cart td.product-subtotal {
    min-width: 75px !important;
    text-align: right !important;
    white-space: nowrap !important;

    color: var(--uc-text) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* Remove product button */

body.woocommerce-cart a.remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #f2e5e5 !important;
    color: var(--uc-accent) !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

body.woocommerce-cart a.remove:hover {
    background: var(--uc-accent) !important;
    color: #ffffff !important;
}


/* ============================================================
   7. COUPON & UPDATE CART
   ============================================================ */

body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions {
    display: table-cell !important;
    width: 100% !important;

    padding: 24px 0 0 !important;

    background: transparent !important;
    border: 0 !important;
    text-align: left !important;
}

/* Coupon row */

body.woocommerce-cart td.actions .coupon {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
}

/* Coupon input */

body.woocommerce-cart td.actions .coupon input.input-text {
    flex: 1 1 150px !important;

    width: auto !important;
    min-width: 0 !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 16px !important;

    border: 1px solid var(--uc-border) !important;
    border-radius: 30px !important;

    background: #ffffff !important;
    color: var(--uc-text) !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 12px !important;

    box-shadow: none !important;
    outline: none !important;
}

body.woocommerce-cart td.actions .coupon input.input-text:focus {
    border-color: var(--uc-accent) !important;
}

/* Coupon button */

body.woocommerce-cart button[name="apply_coupon"] {
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 24px !important;

    border: 1px solid var(--uc-button) !important;
    border-radius: 30px !important;

    background: var(--uc-button) !important;
    color: #ffffff !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;

    box-shadow: none !important;
    cursor: pointer !important;
}

body.woocommerce-cart button[name="apply_coupon"]:hover {
    background: var(--uc-accent-dark) !important;
    border-color: var(--uc-accent-dark) !important;
}

/* Update cart button */

body.woocommerce-cart button[name="update_cart"] {
    display: block !important;
    float: none !important;

    width: 100% !important;
    min-height: 44px !important;

    margin: 14px 0 0 !important;
    padding: 10px 18px !important;

    border: 1px solid #c9aeb5 !important;
    border-radius: 30px !important;

    background: transparent !important;
    color: #b58d98 !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;

    box-shadow: none !important;
    cursor: pointer !important;
}

body.woocommerce-cart button[name="update_cart"]:not(:disabled) {
    color: var(--uc-accent) !important;
    border-color: var(--uc-accent) !important;
}

body.woocommerce-cart button[name="update_cart"]:hover:not(:disabled) {
    background: var(--uc-accent) !important;
    color: #ffffff !important;
}


/* ============================================================
   8. CART TOTALS
   ============================================================ */

body.woocommerce-cart .cart_totals h2 {
    margin: 0 0 32px !important;
    padding: 0 !important;

    color: var(--uc-text) !important;
    font-family: "Cormorant Garamond", serif !important;
    font-size: clamp(29px, 2.5vw, 36px) !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    letter-spacing: -.4px !important;
}

/* Totals table */

body.woocommerce-cart .cart_totals table {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}

body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td {
    padding: 17px 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--uc-border) !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

body.woocommerce-cart .cart_totals table th {
    color: var(--uc-muted) !important;
    font-weight: 400 !important;
    text-align: left !important;
}

body.woocommerce-cart .cart_totals table td {
    color: var(--uc-text) !important;
    font-weight: 600 !important;
    text-align: right !important;
}

/* Final total */

body.woocommerce-cart .cart_totals .order-total th,
body.woocommerce-cart .cart_totals .order-total td {
    padding-top: 22px !important;
    padding-bottom: 22px !important;

    color: var(--uc-text) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

/* Shipping text */

body.woocommerce-cart .cart_totals .woocommerce-shipping-destination {
    color: var(--uc-muted) !important;
    font-size: 11px !important;
    line-height: 1.7 !important;
}

body.woocommerce-cart .cart_totals .shipping-calculator-button {
    color: var(--uc-accent) !important;
    font-size: 12px !important;
    text-decoration: underline !important;
}


/* ============================================================
   9. CHECKOUT BUTTON
   ============================================================ */

body.woocommerce-cart .wc-proceed-to-checkout {
    margin: 30px 0 0 !important;
    padding: 0 !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 54px !important;

    margin: 0 !important;
    padding: 15px 22px !important;

    background: var(--uc-button) !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 30px !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;

    box-shadow: none !important;
    transition: background .25s ease, transform .25s ease !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background: var(--uc-accent-dark) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::before,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::after {
    display: none !important;
    content: none !important;
}


/* ============================================================
   10. EMPTY CART
   ============================================================ */

body.woocommerce-cart .cart-empty {
    margin: 0 !important;
    padding: 45px 25px !important;

    background: var(--uc-panel) !important;
    color: var(--uc-text) !important;

    border: 1px solid var(--uc-border) !important;
    border-radius: 8px !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: 28px !important;
    text-align: center !important;
}

body.woocommerce-cart .return-to-shop {
    margin: 24px 0 !important;
    text-align: center !important;
}

body.woocommerce-cart .return-to-shop a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 14px 25px !important;

    background: var(--uc-button) !important;
    color: #ffffff !important;

    border-radius: 30px !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}


/* ============================================================
   11. TABLET RESPONSIVENESS
   ============================================================ */

@media (max-width: 1000px) {

    body.woocommerce-cart #primary,
    body.woocommerce-cart #primary.content-area {
        padding: 30px 22px 60px !important;
    }

    body.woocommerce-cart .woocommerce {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "notices"
            "cart"
            "summary" !important;
        gap: 0 !important;
    }

    body.woocommerce-cart .woocommerce-cart-form {
        padding: 34px 5% !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--uc-border) !important;
    }

    body.woocommerce-cart .cart-collaterals {
        padding: 34px 5% !important;
    }

    body.woocommerce-cart .entry-title {
        margin-bottom: 26px !important;
    }
}


/* ============================================================
   12. MOBILE RESPONSIVENESS
   ============================================================ */

@media (max-width: 600px) {

    body.woocommerce-cart #primary,
    body.woocommerce-cart #primary.content-area {
        padding: 24px 13px 45px !important;
    }

    body.woocommerce-cart .entry-title {
        font-size: 43px !important;
        margin-bottom: 23px !important;
        letter-spacing: -1px !important;
    }

    body.woocommerce-cart .woocommerce-cart-form {
        padding: 24px 16px 28px !important;
    }

    body.woocommerce-cart .cart-collaterals {
        padding: 28px 18px 32px !important;
    }

    /* Keep WooCommerce's native table intact.
       Horizontal scroll prevents column overlap on small screens. */

    body.woocommerce-cart .woocommerce-cart-form {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.woocommerce-cart .woocommerce-cart-form table.shop_table {
        min-width: 570px !important;
    }

    body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody tr.cart_item td {
        padding: 17px 8px !important;
    }

    body.woocommerce-cart td.product-thumbnail img {
        width: 65px !important;
        height: 85px !important;
    }

    body.woocommerce-cart td.product-name a {
        font-size: 20px !important;
    }

    body.woocommerce-cart td.product-quantity input.qty {
        width: 48px !important;
        min-width: 48px !important;
        height: 37px !important;
    }

    /* Notice typography */

    body.woocommerce-cart .woocommerce-message,
    body.woocommerce-cart .woocommerce-info,
    body.woocommerce-cart .woocommerce-error {
        padding: 14px 15px 14px 44px !important;
        margin-bottom: 16px !important;
        font-size: 12px !important;
        line-height: 1.65 !important;
    }

    body.woocommerce-cart .woocommerce-info::before,
    body.woocommerce-cart .woocommerce-message::before {
        left: 13px !important;
        width: 19px !important;
        height: 19px !important;
        line-height: 19px !important;
    }

    body.woocommerce-cart .cart_totals h2 {
        font-size: 29px !important;
        margin-bottom: 22px !important;
    }

    body.woocommerce-cart .cart_totals table th,
    body.woocommerce-cart .cart_totals table td {
        padding: 14px 0 !important;
        font-size: 12px !important;
    }

    /* Coupon input and buttons */

    body.woocommerce-cart td.actions .coupon {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
    }

    body.woocommerce-cart td.actions .coupon input.input-text {
        width: 100% !important;
        flex: 1 1 auto !important;
    }

    body.woocommerce-cart button[name="apply_coupon"] {
        width: 100% !important;
    }

    body.woocommerce-cart button[name="update_cart"] {
        width: 100% !important;
    }

    body.woocommerce-cart .wc-proceed-to-checkout {
        margin-top: 24px !important;
    }
}


/* ============================================================
   13. SMALL MOBILE
   ============================================================ */

@media (max-width: 380px) {

    body.woocommerce-cart #primary,
    body.woocommerce-cart #primary.content-area {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.woocommerce-cart .entry-title {
        font-size: 38px !important;
    }

    body.woocommerce-cart .woocommerce-cart-form {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.woocommerce-cart .cart-collaterals {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


/* ============================================================
   14. ACCESSIBILITY & MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
    body.woocommerce-cart *,
    body.woocommerce-cart *::before,
    body.woocommerce-cart *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

























/* ==========================================
   UNDERCONFIDENT — PREMIUM CART PROMOTION
   ========================================== */

/* Main promotional message */
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-info,
body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;

    width: 100% !important;
    min-height: 100px !important;
    margin: 0 0 28px !important;
    padding: 24px 30px 24px 76px !important;

    background: linear-gradient(
        110deg,
        #f5e6df 0%,
        #fbf3ed 55%,
        #f3e8e5 100%
    ) !important;

    border: 1px solid #e5cfc7 !important;
    border-left: 4px solid #74384a !important;
    border-radius: 4px !important;

    color: #382b29 !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    letter-spacing: .1px !important;

    box-shadow: 0 8px 25px rgba(75, 43, 43, .045) !important;
}

/* Gift icon */
body.woocommerce-cart .woocommerce-info::before,
body.woocommerce-cart .woocommerce-message::before {
    content: "✦" !important;
    position: absolute !important;
    left: 25px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

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

    width: 34px !important;
    height: 34px !important;

    border-radius: 50% !important;
    background: #74384a !important;
    color: #fff !important;

    font-family: Georgia, serif !important;
    font-size: 19px !important;
    line-height: 1 !important;
}

/* Links inside the promotion */
body.woocommerce-cart .woocommerce-info a,
body.woocommerce-cart .woocommerce-message a {
    color: #74384a !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

/* Hover */
body.woocommerce-cart .woocommerce-info:hover,
body.woocommerce-cart .woocommerce-message:hover {
    box-shadow: 0 12px 30px rgba(75, 43, 43, .08) !important;
    border-left-color: #d98270 !important;
    transition: all .25s ease !important;
}

/* Mobile */
@media (max-width: 600px) {
    body.woocommerce-cart .woocommerce-info,
    body.woocommerce-cart .woocommerce-message {
        min-height: auto !important;
        padding: 18px 16px 18px 58px !important;
        font-size: 12px !important;
        line-height: 1.7 !important;
        margin-bottom: 20px !important;
    }

    body.woocommerce-cart .woocommerce-info::before,
    body.woocommerce-cart .woocommerce-message::before {
        left: 14px !important;
        width: 30px !important;
        height: 30px !important;
    }
}

























/* ==========================================================
   UNDERCONFIDENT — PREMIUM CART EXPERIENCE
   Editorial / Luxury E-commerce Enhancement
   Append after all existing cart CSS
   ========================================================== */

body.woocommerce-cart {
    --uc-bg: #f4eee7;
    --uc-surface: #fffdfb;
    --uc-ink: #29221f;
    --uc-muted: #81766e;
    --uc-wine: #74384a;
    --uc-coral: #d98270;
    --uc-line: #e8ded5;
    --uc-shadow: 0 15px 45px rgba(55, 37, 32, .055);
}

/* ---------- PAGE BACKGROUND ---------- */

body.woocommerce-cart,
body.woocommerce-cart #page,
body.woocommerce-cart #content {
    background: var(--uc-bg) !important;
}

body.woocommerce-cart #primary {
    padding-bottom: 110px !important;
}

/* ---------- PAGE TITLE ---------- */

body.woocommerce-cart .entry-title {
    position: relative !important;
    animation: ucFadeUp .75s ease both;
    margin-bottom: 35px !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: clamp(58px, 6vw, 76px) !important;
    font-weight: 700 !important;
    letter-spacing: -2px !important;
    line-height: .95 !important;
}

/* ---------- CART ENTRANCE ---------- */

body.woocommerce-cart .woocommerce-notices-wrapper {
    animation: ucFadeUp .65s .08s ease both;
}

body.woocommerce-cart .woocommerce-cart-form {
    animation: ucFadeUp .75s .15s ease both;
}

body.woocommerce-cart .cart-collaterals {
    animation: ucFadeUp .8s .25s ease both;
}

@keyframes ucFadeUp {
    from {
        opacity: 0;
        transform: translateY(22px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ---------- PROMOTIONAL MESSAGE ---------- */

body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-message {
    position: relative !important;
    overflow: hidden !important;
    min-height: 100px !important;
    padding: 24px 30px 24px 78px !important;

    background: linear-gradient(
        115deg,
        #f6e7e0,
        #fff9f4 55%,
        #f3e8e5
    ) !important;

    border: 1px solid #e7d4ca !important;
    border-left: 4px solid var(--uc-wine) !important;
    border-radius: 5px !important;

    box-shadow: 0 8px 25px rgba(75, 43, 43, .045) !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.9 !important;

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

body.woocommerce-cart .woocommerce-info:hover,
body.woocommerce-cart .woocommerce-message:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 35px rgba(75, 43, 43, .09) !important;
}

body.woocommerce-cart .woocommerce-info::before,
body.woocommerce-cart .woocommerce-message::before {
    content: "✦" !important;
    position: absolute !important;
    top: 50% !important;
    left: 24px !important;
    transform: translateY(-50%) !important;

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

    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;

    background: var(--uc-wine) !important;
    color: white !important;
    font-size: 19px !important;
    line-height: 1 !important;
}

/* ---------- CART PRODUCT PANEL ---------- */

body.woocommerce-cart .woocommerce-cart-form {
    padding: 0 !important;
    border-radius: 8px !important;
}

body.woocommerce-cart table.shop_table tbody tr.cart_item {
    position: relative !important;
    transition:
        background .35s ease,
        transform .35s ease,
        box-shadow .35s ease !important;
}

body.woocommerce-cart table.shop_table tbody tr.cart_item:hover {
    background: rgba(255, 255, 255, .55) !important;
}

/* ---------- BOOK COVER INTERACTION ---------- */

body.woocommerce-cart td.product-thumbnail img {
    transition:
        transform .5s cubic-bezier(.2, .8, .2, 1),
        box-shadow .5s ease !important;
    transform-origin: center center !important;
}

body.woocommerce-cart td.product-thumbnail img:hover {
    transform: translateY(-7px) rotate(-1.5deg) scale(1.035) !important;
    box-shadow: 0 25px 40px rgba(40, 30, 25, .18) !important;
}

/* ---------- PRODUCT NAME ---------- */

body.woocommerce-cart td.product-name a {
    position: relative !important;
    transition: color .3s ease !important;
}

body.woocommerce-cart td.product-name a:hover {
    color: var(--uc-wine) !important;
}

/* ---------- PRICE ---------- */

body.woocommerce-cart td.product-price {
    color: var(--uc-wine) !important;
    transition: transform .3s ease !important;
}

body.woocommerce-cart tr.cart_item:hover td.product-price {
    transform: translateY(-2px) !important;
}

/* ---------- QUANTITY INPUT ---------- */

body.woocommerce-cart td.product-quantity input.qty {
    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease !important;
}

body.woocommerce-cart td.product-quantity input.qty:hover {
    border-color: var(--uc-coral) !important;
    background: #fffaf6 !important;
}

body.woocommerce-cart td.product-quantity input.qty:focus {
    outline: none !important;
    border-color: var(--uc-wine) !important;
    box-shadow: 0 0 0 4px rgba(116, 56, 74, .10) !important;
}

/* ---------- REMOVE BUTTON ---------- */

body.woocommerce-cart td.product-remove a.remove {
    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease !important;
}

body.woocommerce-cart td.product-remove a.remove:hover {
    background: var(--uc-wine) !important;
    color: #fff !important;
    transform: rotate(90deg) scale(1.08) !important;
}

/* ---------- EDITION BENEFITS ---------- */

body.woocommerce-cart .uc-edition-benefits {
    position: relative !important;
    margin-top: 17px !important;
    padding: 17px 19px !important;

    background: linear-gradient(
        135deg,
        #faf3ed,
        #fffaf6
    ) !important;

    border: 1px solid #eadbd2 !important;
    border-left: 3px solid var(--uc-coral) !important;
    border-radius: 4px !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease !important;
}

body.woocommerce-cart .uc-edition-benefits:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(65, 42, 34, .055) !important;
}

body.woocommerce-cart .uc-edition-benefits h4 {
    font-size: 23px !important;
    font-weight: 700 !important;
    letter-spacing: .2px !important;
}

body.woocommerce-cart .uc-edition-benefits li {
    font-size: 11px !important;
    line-height: 1.8 !important;
}

/* ---------- ORDER SUMMARY CARD ---------- */

body.woocommerce-cart .cart-collaterals .cart_totals {
    position: sticky !important;
    top: 35px !important;

    padding: 34px 30px 30px !important;

    background: var(--uc-surface) !important;
    border: 1px solid var(--uc-line) !important;
    border-radius: 7px !important;

    box-shadow: var(--uc-shadow) !important;

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

body.woocommerce-cart .cart-collaterals .cart_totals:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 22px 55px rgba(55, 37, 32, .09) !important;
}

body.woocommerce-cart .cart_totals h2 {
    margin-bottom: 28px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    color: var(--uc-wine) !important;
}

body.woocommerce-cart .cart_totals tr {
    transition: background .25s ease !important;
}

body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals td {
    padding: 17px 0 !important;
    border-bottom: 1px solid var(--uc-line) !important;
    font-size: 13px !important;
}

body.woocommerce-cart .cart_totals tr.order-total th,
body.woocommerce-cart .cart_totals tr.order-total td {
    color: var(--uc-wine) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* ---------- CHECKOUT BUTTON ---------- */

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    position: relative !important;
    overflow: hidden !important;

    min-height: 54px !important;
    margin-top: 10px !important;

    border-radius: 3px !important;
    background: var(--uc-wine) !important;
    border: 1px solid var(--uc-wine) !important;
    color: #fff !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;

    transition:
        background .3s ease,
        transform .3s ease,
        box-shadow .3s ease !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background: #512536 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 25px rgba(116, 56, 74, .2) !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active {
    transform: translateY(0) scale(.985) !important;
}

/* ---------- COUPON FIELDS ---------- */

body.woocommerce-cart .coupon input.input-text {
    min-height: 46px !important;
    padding: 12px 15px !important;

    background: #fbf8f4 !important;
    border: 1px solid var(--uc-line) !important;
    border-radius: 3px !important;

    font-family: "DM Sans", sans-serif !important;
    transition: border-color .25s ease, box-shadow .25s ease !important;
}

body.woocommerce-cart .coupon input.input-text:focus {
    border-color: var(--uc-wine) !important;
    box-shadow: 0 0 0 3px rgba(116, 56, 74, .08) !important;
    outline: none !important;
}

body.woocommerce-cart .coupon button.button {
    min-height: 46px !important;
    padding: 12px 20px !important;

    background: var(--uc-wine) !important;
    color: white !important;
    border-radius: 3px !important;

    transition: all .3s ease !important;
}

body.woocommerce-cart .coupon button.button:hover {
    background: #512536 !important;
    transform: translateY(-2px) !important;
}

/* ---------- GENERAL INTERACTION ---------- */

body.woocommerce-cart button,
body.woocommerce-cart a {
    -webkit-tap-highlight-color: transparent;
}

body.woocommerce-cart button:focus-visible,
body.woocommerce-cart a:focus-visible {
    outline: 2px solid var(--uc-coral) !important;
    outline-offset: 4px !important;
}

/* ---------- TABLET ---------- */

@media (max-width: 900px) {
    body.woocommerce-cart #primary .woocommerce {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "notices"
            "cart"
            "summary" !important;
        gap: 30px !important;
    }

    body.woocommerce-cart .cart-collaterals .cart_totals {
        position: relative !important;
        top: auto !important;
        max-width: 100% !important;
    }
}

/* ---------- MOBILE ---------- */

@media (max-width: 600px) {
    body.woocommerce-cart #primary {
        padding-left: 18px !important;
        padding-right: 18px !important;
        padding-bottom: 55px !important;
    }

    body.woocommerce-cart .entry-title {
        padding-top: 35px !important;
        font-size: 50px !important;
    }

    body.woocommerce-cart .woocommerce-info,
    body.woocommerce-cart .woocommerce-message {
        padding: 18px 15px 18px 58px !important;
        font-size: 12px !important;
    }

    body.woocommerce-cart .woocommerce-info::before,
    body.woocommerce-cart .woocommerce-message::before {
        left: 13px !important;
        width: 30px !important;
        height: 30px !important;
    }

    body.woocommerce-cart .cart-collaterals .cart_totals {
        padding: 25px 20px !important;
    }

    body.woocommerce-cart .uc-edition-benefits {
        padding: 13px !important;
    }
}

/* ---------- ACCESSIBILITY ---------- */

@media (prefers-reduced-motion: reduce) {
    body.woocommerce-cart *,
    body.woocommerce-cart *::before,
    body.woocommerce-cart *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

















































/* ======================================================
   UNDERCONFIDENT — PREMIUM CART REDESIGN V2
   Spacious editorial ecommerce layout
   ====================================================== */

body.woocommerce-cart {
    --uc-bg: #f5efe9;
    --uc-card: #fffdfb;
    --uc-ink: #28211f;
    --uc-muted: #82766e;
    --uc-wine: #74384a;
    --uc-coral: #d98270;
    --uc-border: #e8ddd4;
}

/* FONT SYSTEM */

body.woocommerce-cart,
body.woocommerce-cart button,
body.woocommerce-cart input,
body.woocommerce-cart td,
body.woocommerce-cart th {
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

body.woocommerce-cart .entry-title,
body.woocommerce-cart .product-name a,
body.woocommerce-cart .cart_totals h2 {
    font-family: "Playfair Display", serif !important;
}

/* PAGE WIDTH AND SPACING */

body.woocommerce-cart #primary {
    width: 100% !important;
    max-width: none !important;
    padding: 30px 5% 110px !important;
    margin: 0 auto !important;
}

body.woocommerce-cart #primary .woocommerce {
    width: 100% !important;
    max-width: 1420px !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1.75fr) minmax(340px, .95fr) !important;
    grid-template-areas:
        "notices notices"
        "cart summary" !important;

    gap: 30px !important;
    align-items: start !important;
}

/* PAGE TITLE */

body.woocommerce-cart .entry-title {
    max-width: 1420px !important;
    margin: 0 auto 40px !important;
    padding: 12px 0 0 !important;

    color: var(--uc-ink) !important;
    font-family: "Playfair Display", serif !important;
    font-size: clamp(58px, 6vw, 78px) !important;
    font-weight: 700 !important;
    letter-spacing: -2.5px !important;
    line-height: 1.1 !important;

    animation: ucCartReveal .7s ease both;
}

body.woocommerce-cart .entry-title::after {
    margin-top: 25px !important;
    background: var(--uc-border) !important;
}

/* GRID AREAS */

body.woocommerce-cart .woocommerce-notices-wrapper {
    grid-area: notices !important;
    width: 100% !important;
}

body.woocommerce-cart .woocommerce-cart-form {
    grid-area: cart !important;
    width: 100% !important;
    min-width: 0 !important;
    background: var(--uc-card) !important;
    border: 1px solid var(--uc-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

body.woocommerce-cart .cart-collaterals {
    grid-area: summary !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* PROMOTIONAL NOTICE — MORE REFINED */

body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-message {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 19px 25px 19px 70px !important;

    background: #f9eee9 !important;
    border: 1px solid #ead8d0 !important;
    border-left: 4px solid var(--uc-wine) !important;
    border-radius: 6px !important;

    color: #493b37 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.8 !important;
    box-shadow: none !important;
}

body.woocommerce-cart .woocommerce-info::before,
body.woocommerce-cart .woocommerce-message::before {
    left: 22px !important;
    width: 32px !important;
    height: 32px !important;
    font-size: 17px !important;
}

/* PRODUCT TABLE RESET */

body.woocommerce-cart table.shop_table {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

body.woocommerce-cart table.shop_table thead {
    display: none !important;
}

body.woocommerce-cart table.shop_table tbody {
    display: block !important;
    width: 100% !important;
}

body.woocommerce-cart table.shop_table tbody tr.cart_item {
    display: grid !important;

    grid-template-columns:
        35px
        150px
        minmax(180px, 1fr)
        115px
        90px !important;

    align-items: center !important;
    gap: 22px !important;

    width: 100% !important;
    padding: 38px 30px !important;
    margin: 0 !important;

    background: var(--uc-card) !important;
    border-bottom: 1px solid var(--uc-border) !important;

    transition: background .3s ease !important;
}

body.woocommerce-cart table.shop_table tbody tr.cart_item:hover {
    background: #fffaf6 !important;
}

body.woocommerce-cart table.shop_table tbody tr.cart_item td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* REMOVE PRODUCT */

body.woocommerce-cart td.product-remove {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

body.woocommerce-cart td.product-remove a.remove {
    width: 30px !important;
    height: 30px !important;
    background: #f3e7e8 !important;
    color: var(--uc-wine) !important;
    font-size: 19px !important;
    transition: all .3s ease !important;
}

body.woocommerce-cart td.product-remove a.remove:hover {
    background: var(--uc-wine) !important;
    color: #fff !important;
    transform: rotate(90deg) !important;
}

/* BIGGER BOOK COVER */

body.woocommerce-cart td.product-thumbnail {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

body.woocommerce-cart td.product-thumbnail img {
    display: block !important;
    width: 150px !important;
    max-width: none !important;
    height: 220px !important;
    object-fit: cover !important;
    object-position: center !important;

    margin: 0 !important;
    border-radius: 2px !important;

    box-shadow: 0 18px 35px rgba(38, 27, 23, .17) !important;

    transition:
        transform .45s ease,
        box-shadow .45s ease !important;
}

body.woocommerce-cart td.product-thumbnail img:hover {
    transform: translateY(-7px) scale(1.025) !important;
    box-shadow: 0 25px 45px rgba(38, 27, 23, .22) !important;
}

/* PRODUCT TITLE */

body.woocommerce-cart td.product-name {
    grid-column: 3 !important;
    grid-row: 1 !important;
    text-align: left !important;
    overflow: visible !important;
}

body.woocommerce-cart td.product-name a {
    display: inline-block !important;

    color: var(--uc-ink) !important;
    font-family: "Playfair Display", serif !important;
    font-size: clamp(27px, 2.4vw, 35px) !important;
    font-weight: 700 !important;
    letter-spacing: -.5px !important;
    line-height: 1.25 !important;

    text-decoration: none !important;
    transition: color .3s ease !important;
}

body.woocommerce-cart td.product-name a:hover {
    color: var(--uc-wine) !important;
}

/* EDITION INFORMATION */

body.woocommerce-cart .uc-edition-benefits {
    max-width: 420px !important;
    margin-top: 15px !important;
    padding: 15px 18px !important;

    background: #faf4ee !important;
    border: 1px solid #ebddd3 !important;
    border-left: 3px solid var(--uc-coral) !important;
    border-radius: 4px !important;
}

body.woocommerce-cart .uc-edition-benefits h4 {
    font-family: "Playfair Display", serif !important;
    font-size: 23px !important;
    font-weight: 700 !important;
}

body.woocommerce-cart .uc-edition-benefits li {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
}

/* PRICE */

body.woocommerce-cart td.product-price {
    grid-column: 4 !important;
    grid-row: 1 !important;

    color: var(--uc-wine) !important;
    font-family: "Playfair Display", serif !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* QUANTITY */

body.woocommerce-cart td.product-quantity {
    grid-column: 5 !important;
    grid-row: 1 !important;
    text-align: center !important;
}

body.woocommerce-cart td.product-quantity input.qty {
    width: 76px !important;
    min-width: 76px !important;
    height: 46px !important;

    background: #faf7f3 !important;
    border: 1px solid var(--uc-border) !important;
    border-radius: 4px !important;

    color: var(--uc-ink) !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    transition: all .25s ease !important;
}

body.woocommerce-cart td.product-quantity input.qty:focus {
    border-color: var(--uc-wine) !important;
    box-shadow: 0 0 0 4px rgba(116, 56, 74, .10) !important;
    outline: none !important;
}

/* HIDE SUBTOTAL COLUMN */

body.woocommerce-cart td.product-subtotal,
body.woocommerce-cart th.product-subtotal {
    display: none !important;
}

/* COUPON SECTION */

body.woocommerce-cart td.actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;

    padding: 24px 30px !important;
    background: #fffaf6 !important;
    border: 0 !important;
}

body.woocommerce-cart td.actions .coupon {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    float: none !important;
}

body.woocommerce-cart td.actions .coupon input.input-text {
    width: 220px !important;
    min-height: 48px !important;
    padding: 12px 15px !important;

    border: 1px solid var(--uc-border) !important;
    border-radius: 4px !important;
    background: white !important;

    font-size: 13px !important;
}

body.woocommerce-cart td.actions .coupon button.button {
    min-height: 48px !important;
    padding: 12px 22px !important;

    background: var(--uc-wine) !important;
    color: white !important;
    border: 1px solid var(--uc-wine) !important;
    border-radius: 4px !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .7px !important;
    transition: all .3s ease !important;
}

body.woocommerce-cart td.actions .coupon button.button:hover {
    background: #512536 !important;
    transform: translateY(-2px) !important;
}

/* UPDATE CART */

body.woocommerce-cart button[name="update_cart"] {
    min-height: 48px !important;
    padding: 12px 22px !important;
    margin-left: auto !important;

    border: 1px solid var(--uc-wine) !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: var(--uc-wine) !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    transition: all .3s ease !important;
}

body.woocommerce-cart button[name="update_cart"]:not(:disabled):hover {
    background: var(--uc-wine) !important;
    color: white !important;
}

/* ORDER SUMMARY */

body.woocommerce-cart .cart-collaterals .cart_totals {
    position: sticky !important;
    top: 30px !important;

    width: 100% !important;
    padding: 40px 35px !important;

    background: var(--uc-card) !important;
    border: 1px solid var(--uc-border) !important;
    border-radius: 8px !important;

    box-shadow: 0 15px 45px rgba(55, 37, 32, .06) !important;
}

body.woocommerce-cart .cart_totals h2 {
    margin: 0 0 30px !important;

    color: var(--uc-ink) !important;
    font-family: "Playfair Display", serif !important;
    font-size: 31px !important;
    font-weight: 700 !important;
    letter-spacing: -.5px !important;
    text-transform: none !important;
}

body.woocommerce-cart .cart_totals table {
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
}

body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals td {
    padding: 18px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--uc-border) !important;
    background: transparent !important;

    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 14px !important;
}

body.woocommerce-cart .cart_totals th {
    color: var(--uc-muted) !important;
    font-weight: 500 !important;
}

body.woocommerce-cart .cart_totals td {
    color: var(--uc-ink) !important;
    font-weight: 700 !important;
    text-align: right !important;
}

body.woocommerce-cart .cart_totals tr.order-total th,
body.woocommerce-cart .cart_totals tr.order-total td {
    padding-top: 23px !important;
    padding-bottom: 23px !important;
    color: var(--uc-wine) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
}

/* CHECKOUT */

body.woocommerce-cart .wc-proceed-to-checkout {
    padding: 0 !important;
    margin: 28px 0 0 !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 58px !important;
    width: 100% !important;

    background: var(--uc-wine) !important;
    color: white !important;
    border: 1px solid var(--uc-wine) !important;
    border-radius: 4px !important;

    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;

    transition: all .3s ease !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background: #512536 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 25px rgba(116, 56, 74, .18) !important;
}

/* ANIMATIONS */

@keyframes ucCartReveal {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* TABLET */

@media(max-width: 1050px) {
    body.woocommerce-cart #primary .woocommerce {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "notices"
            "cart"
            "summary" !important;
        gap: 28px !important;
    }

    body.woocommerce-cart .cart-collaterals .cart_totals {
        position: relative !important;
        top: auto !important;
    }
}

/* MOBILE */

@media(max-width: 650px) {
    body.woocommerce-cart #primary {
        padding: 20px 16px 55px !important;
    }

    body.woocommerce-cart .entry-title {
        font-size: 49px !important;
        margin-bottom: 25px !important;
    }

    body.woocommerce-cart table.shop_table tbody tr.cart_item {
        grid-template-columns: 25px 105px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 25px 14px !important;
    }

    body.woocommerce-cart td.product-remove {
        grid-column: 1 !important;
        grid-row: 1 / span 3 !important;
    }

    body.woocommerce-cart td.product-thumbnail {
        grid-column: 2 !important;
        grid-row: 1 / span 3 !important;
    }

    body.woocommerce-cart td.product-thumbnail img {
        width: 105px !important;
        height: 155px !important;
    }

    body.woocommerce-cart td.product-name {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }

    body.woocommerce-cart td.product-name a {
        font-size: 24px !important;
    }

    body.woocommerce-cart td.product-price {
        grid-column: 3 !important;
        grid-row: 2 !important;
        margin-top: 10px !important;
        text-align: left !important;
        font-size: 21px !important;
    }

    body.woocommerce-cart td.product-quantity {
        grid-column: 3 !important;
        grid-row: 3 !important;
        margin-top: 10px !important;
        text-align: left !important;
    }

    body.woocommerce-cart .cart-collaterals .cart_totals {
        padding: 28px 22px !important;
    }

    body.woocommerce-cart td.actions {
        padding: 18px 14px !important;
    }

    body.woocommerce-cart td.actions .coupon {
        width: 100% !important;
    }

    body.woocommerce-cart td.actions .coupon input.input-text {
        flex: 1 !important;
        min-width: 0 !important;
    }

    body.woocommerce-cart button[name="update_cart"] {
        width: 100% !important;
        margin: 8px 0 0 !important;
    }
}

/* ACCESSIBILITY */

@media(prefers-reduced-motion: reduce) {
    body.woocommerce-cart *,
    body.woocommerce-cart *::before,
    body.woocommerce-cart *::after {
        animation: none !important;
        transition: none !important;
    }
}



























/* Checkout page css */


/* =========================================================
   UNDERCONFIDENT — PREMIUM WOOCOMMERCE CHECKOUT
   Page ID: 4088
   Native WooCommerce checkout functionality preserved
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

body.page-id-4088 {
    --uc-bg: #f5efe9;
    --uc-white: #fffdfb;
    --uc-ink: #28211f;
    --uc-muted: #82766e;
    --uc-wine: #74384a;
    --uc-coral: #d98270;
    --uc-border: #e8ddd4;

    background: var(--uc-bg) !important;
    color: var(--uc-ink) !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

/* 1. ISOLATE THIS PAGE FROM THE WORDPRESS THEME */

body.page-id-4088 #tertiary,
body.page-id-4088 aside.widget-area,
body.page-id-4088 .header-image,
body.page-id-4088 .site-content > .header-image,
body.page-id-4088 .widget-area {
    display: none !important;
}

body.page-id-4088 #content,
body.page-id-4088 .site-content,
body.page-id-4088 .site-content-wrapper,
body.page-id-4088 .site-content > .site-content-wrapper,
body.page-id-4088 .site-content-wrapper > #primary,
body.page-id-4088 #primary,
body.page-id-4088 #main,
body.page-id-4088 article,
body.page-id-4088 .entry-content,
body.page-id-4088 .hentry-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

body.page-id-4088 .site-content-wrapper {
    padding: 0 !important;
}

body.page-id-4088 #primary {
    padding: 0 !important;
}

body.page-id-4088 .entry-content {
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-4088 .entry-header {
    display: none !important;
}

/* 2. PAGE BACKGROUND AND MAIN CONTAINER */

body.page-id-4088 #content.site-content {
    background: var(--uc-bg) !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.page-id-4088 .woocommerce {
    width: 100% !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 55px 45px 110px !important;
    box-sizing: border-box !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

/* 3. CHECKOUT HEADING */

body.page-id-4088 .entry-title {
    display: block !important;
    width: 100% !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 65px 45px 0 !important;
    box-sizing: border-box !important;

    font-family: "Playfair Display", serif !important;
    font-size: clamp(48px, 5.5vw, 70px) !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    letter-spacing: -2px !important;
    color: var(--uc-ink) !important;
}

/* 4. CHECKOUT GRID */

body.page-id-4088 form.checkout.woocommerce-checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(350px, .85fr) !important;
    grid-template-areas:
        "notices notices"
        "coupon coupon"
        "billing ordertitle"
        "billing order"
        "billing payment" !important;

    column-gap: 45px !important;
    row-gap: 22px !important;
    align-items: start !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Notices */

body.page-id-4088 .woocommerce-notices-wrapper {
    grid-area: notices !important;
    width: 100% !important;
}

body.page-id-4088 .woocommerce-error,
body.page-id-4088 .woocommerce-info,
body.page-id-4088 .woocommerce-message {
    padding: 17px 22px 17px 55px !important;
    margin: 0 0 16px !important;

    background: #fff9f5 !important;
    border: 1px solid var(--uc-border) !important;
    border-left: 4px solid var(--uc-wine) !important;
    border-radius: 5px !important;

    color: var(--uc-ink) !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
}

/* Coupon */

body.page-id-4088 .woocommerce-form-coupon-toggle {
    grid-area: coupon !important;
    width: 100% !important;
}

body.page-id-4088 .woocommerce-form-coupon-toggle .woocommerce-info {
    margin: 0 !important;
    background: #f9eee9 !important;
    border-left-color: var(--uc-coral) !important;
}

/* Billing details */

body.page-id-4088 #customer_details {
    grid-area: billing !important;
    width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 34px !important;

    background: var(--uc-white) !important;
    border: 1px solid var(--uc-border) !important;
    border-radius: 7px !important;
    box-shadow: 0 12px 40px rgba(48, 32, 27, .035) !important;
}

body.page-id-4088 #customer_details .col-1,
body.page-id-4088 #customer_details .col-2 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Section headings */

body.page-id-4088 #customer_details h3,
body.page-id-4088 #order_review_heading {
    margin: 0 0 27px !important;
    padding: 0 !important;

    color: var(--uc-ink) !important;
    font-family: "Playfair Display", serif !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: -.5px !important;
}

/* Billing field layout */

body.page-id-4088 .woocommerce form .form-row {
    width: 100% !important;
    float: none !important;
    margin: 0 0 21px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.page-id-4088 #customer_details .form-row-first,
body.page-id-4088 #customer_details .form-row-last {
    width: 48.5% !important;
    float: left !important;
    clear: none !important;
}

body.page-id-4088 #customer_details .form-row-first {
    margin-right: 3% !important;
}

body.page-id-4088 #customer_details .form-row-last {
    margin-right: 0 !important;
}

body.page-id-4088 #customer_details .form-row-wide {
    clear: both !important;
}

/* Labels */

body.page-id-4088 .woocommerce form .form-row label {
    display: block !important;
    margin: 0 0 8px !important;

    color: #514640 !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .2px !important;
}

body.page-id-4088 .woocommerce form .form-row label .required {
    color: var(--uc-coral) !important;
}

/* Input fields */

body.page-id-4088 .woocommerce form .input-text,
body.page-id-4088 .woocommerce form select,
body.page-id-4088 .woocommerce form textarea {
    width: 100% !important;
    min-height: 51px !important;
    padding: 13px 15px !important;

    background: #fcf9f6 !important;
    border: 1px solid var(--uc-border) !important;
    border-radius: 4px !important;
    box-shadow: none !important;

    color: var(--uc-ink) !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;

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

body.page-id-4088 .woocommerce form textarea {
    min-height: 115px !important;
    resize: vertical !important;
}

body.page-id-4088 .woocommerce form .input-text:focus,
body.page-id-4088 .woocommerce form select:focus,
body.page-id-4088 .woocommerce form textarea:focus {
    outline: none !important;
    border-color: var(--uc-wine) !important;
    box-shadow: 0 0 0 3px rgba(116, 56, 74, .09) !important;
    background: #fff !important;
}

/* Select2 country/state dropdown */

body.page-id-4088 .select2-container {
    width: 100% !important;
}

body.page-id-4088 .select2-container .select2-selection--single {
    height: 51px !important;
    display: flex !important;
    align-items: center !important;

    background: #fcf9f6 !important;
    border: 1px solid var(--uc-border) !important;
    border-radius: 4px !important;
}

body.page-id-4088 .select2-container .select2-selection__rendered {
    padding-left: 15px !important;
    color: var(--uc-ink) !important;
    font-size: 13px !important;
}

body.page-id-4088 .select2-container .select2-selection__arrow {
    height: 49px !important;
    right: 8px !important;
}

/* Additional information */

body.page-id-4088 .woocommerce-additional-fields {
    margin-top: 32px !important;
    padding-top: 28px !important;
    border-top: 1px solid var(--uc-border) !important;
}

body.page-id-4088 .woocommerce-additional-fields h3 {
    margin-bottom: 23px !important;
}

/* 5. ORDER REVIEW */

body.page-id-4088 #order_review_heading {
    grid-area: ordertitle !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 0 0 !important;
}

body.page-id-4088 #order_review {
    grid-area: order !important;
    width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 30px !important;

    background: var(--uc-white) !important;
    border: 1px solid var(--uc-border) !important;
    border-radius: 7px !important;
    box-shadow: 0 12px 40px rgba(48, 32, 27, .045) !important;
}

/* Order table */

body.page-id-4088 #order_review table.shop_table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

body.page-id-4088 #order_review table.shop_table th,
body.page-id-4088 #order_review table.shop_table td {
    padding: 16px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--uc-border) !important;
    background: transparent !important;

    color: var(--uc-ink) !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

body.page-id-4088 #order_review table.shop_table th {
    font-weight: 600 !important;
    text-align: left !important;
}

body.page-id-4088 #order_review table.shop_table td {
    font-weight: 600 !important;
    text-align: right !important;
}

body.page-id-4088 #order_review table.shop_table tfoot th,
body.page-id-4088 #order_review table.shop_table tfoot td {
    padding: 17px 0 !important;
}

body.page-id-4088 #order_review table.shop_table tr.order-total th,
body.page-id-4088 #order_review table.shop_table tr.order-total td {
    color: var(--uc-wine) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
}

/* 6. PAYMENT AREA — KEEP RAZORPAY FUNCTIONAL */

body.page-id-4088 #payment {
    grid-area: payment !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 27px !important;

    background: var(--uc-white) !important;
    border: 1px solid var(--uc-border) !important;
    border-radius: 7px !important;
    box-shadow: 0 12px 40px rgba(48, 32, 27, .035) !important;
}

body.page-id-4088 #payment ul.payment_methods {
    padding: 0 0 20px !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--uc-border) !important;
}

body.page-id-4088 #payment ul.payment_methods li {
    padding: 0 !important;
    margin: 0 !important;
    color: var(--uc-ink) !important;
    font-size: 13px !important;
}

body.page-id-4088 #payment div.payment_box {
    margin: 15px 0 0 !important;
    padding: 18px !important;

    background: #f8f1eb !important;
    border-radius: 5px !important;

    color: #514640 !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
}

body.page-id-4088 #payment div.payment_box::before {
    border-bottom-color: #f8f1eb !important;
}

body.page-id-4088 #payment .payment_method_razorpay img {
    max-height: 30px !important;
    width: auto !important;
}

/* Terms, privacy and consent */

body.page-id-4088 #payment .woocommerce-terms-and-conditions-wrapper {
    margin: 22px 0 !important;
    color: var(--uc-muted) !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
}

body.page-id-4088 #payment .form-row {
    margin-top: 15px !important;
}

/* Place order button */

body.page-id-4088 #place_order {
    display: block !important;
    width: 100% !important;
    min-height: 58px !important;
    float: none !important;
    margin: 20px 0 0 !important;
    padding: 16px 22px !important;

    background: var(--uc-wine) !important;
    border: 1px solid var(--uc-wine) !important;
    border-radius: 4px !important;

    color: #fff !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;

    cursor: pointer !important;
    transition: all .3s ease !important;
}

body.page-id-4088 #place_order:hover {
    background: #512536 !important;
    border-color: #512536 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(116, 56, 74, .17) !important;
}

/* Coupon form */

body.page-id-4088 form.checkout_coupon {
    padding: 22px !important;
    margin: 15px 0 0 !important;

    background: var(--uc-white) !important;
    border: 1px solid var(--uc-border) !important;
    border-radius: 6px !important;
}

body.page-id-4088 form.checkout_coupon .form-row {
    margin-bottom: 10px !important;
}

body.page-id-4088 form.checkout_coupon button {
    min-height: 48px !important;
    padding: 12px 22px !important;
    background: var(--uc-wine) !important;
    color: white !important;
    border: 0 !important;
    border-radius: 4px !important;
}

/* 7. VALIDATION AND ERRORS */

body.page-id-4088 .woocommerce-invalid .input-text {
    border-color: #bd5b5b !important;
}

body.page-id-4088 .woocommerce-validated .input-text {
    border-color: #8aa78a !important;
}

/* 8. RESPONSIVE TABLET */

@media (max-width: 950px) {
    body.page-id-4088 .woocommerce {
        padding: 35px 25px 75px !important;
    }

    body.page-id-4088 .entry-title {
        padding: 45px 25px 0 !important;
    }

    body.page-id-4088 form.checkout.woocommerce-checkout {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "notices"
            "coupon"
            "billing"
            "ordertitle"
            "order"
            "payment" !important;
        gap: 22px !important;
    }

    body.page-id-4088 #order_review_heading {
        margin-top: 10px !important;
    }
}

/* 9. RESPONSIVE MOBILE */

@media (max-width: 600px) {
    body.page-id-4088 .woocommerce {
        padding: 24px 16px 55px !important;
    }

    body.page-id-4088 .entry-title {
        padding: 35px 16px 0 !important;
        font-size: 47px !important;
        letter-spacing: -1.5px !important;
    }

    body.page-id-4088 #customer_details,
    body.page-id-4088 #order_review,
    body.page-id-4088 #payment {
        padding: 22px 18px !important;
        border-radius: 6px !important;
    }

    body.page-id-4088 #customer_details h3,
    body.page-id-4088 #order_review_heading {
        font-size: 26px !important;
    }

    body.page-id-4088 #customer_details .form-row-first,
    body.page-id-4088 #customer_details .form-row-last {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
    }

    body.page-id-4088 .woocommerce form .form-row {
        margin-bottom: 17px !important;
    }

    body.page-id-4088 #order_review table.shop_table th,
    body.page-id-4088 #order_review table.shop_table td {
        font-size: 12px !important;
    }

    body.page-id-4088 #payment {
        padding: 20px 17px !important;
    }

    body.page-id-4088 .woocommerce-info,
    body.page-id-4088 .woocommerce-message {
        font-size: 12px !important;
    }
}

/* 10. SUBTLE ENTRANCE ANIMATION */

@keyframes ucCheckoutFade {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body.page-id-4088 #customer_details,
body.page-id-4088 #order_review,
body.page-id-4088 #payment {
    animation: ucCheckoutFade .6s ease both;
}

body.page-id-4088 #order_review {
    animation-delay: .08s;
}

body.page-id-4088 #payment {
    animation-delay: .14s;
}

/* 11. ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    body.page-id-4088 *,
    body.page-id-4088 *::before,
    body.page-id-4088 *::after {
        animation: none !important;
        transition: none !important;
    }
}













/* =========================================
   CHECKOUT PAGE — PROFESSIONAL VALIDATION
   Page ID: 4088
========================================= */

/* Inline validation error messages */
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .woocommerce-error,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .woocommerce-invalid-required-field .woocommerce-error {
    display: block !important;
    color: #c03945 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 5px 0 0 !important;
    margin: 3px 0 0 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.1px !important;
}

/* Remove WooCommerce default error pseudo-elements */
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .woocommerce-error::before,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .woocommerce-error::after {
    display: none !important;
    content: none !important;
}

/* Invalid input fields */
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid input,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid select,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid textarea,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid .select2-selection {
    border: 1px solid #c85b64 !important;
    background-color: #fffafa !important;
    box-shadow: 0 0 0 2px rgba(200, 91, 100, 0.07) !important;
}

/* Invalid field labels */
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid label {
    color: #b74450 !important;
}

/* Required asterisk */
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .required {
    color: #c03945 !important;
}

/* Smooth validation transition */
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row input,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row select,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row textarea,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .select2-selection {
    transition: border-color 0.25s ease,
                box-shadow 0.25s ease,
                background-color 0.25s ease !important;
}

/* General checkout error notices */
body.page-id-4088.woocommerce-checkout
.woocommerce-NoticeGroup-checkout .woocommerce-error {
    background: #fff5f4 !important;
    color: #a9323d !important;
    border: 1px solid #f0d0d0 !important;
    border-left: 3px solid #c03945 !important;
    border-radius: 8px !important;
    padding: 14px 18px 14px 42px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    box-shadow: none !important;
}













/* ==========================================
   CHECKOUT — FIX LARGE VALIDATION TEXT
   Only checkout page (ID 4088)
========================================== */

/* WooCommerce and theme-generated field errors */
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .woocommerce-error,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .error,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .field-error,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .invalid-feedback,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .woocommerce-invalid-feedback,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .woocommerce-validated + .error,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .woocommerce-input-wrapper ~ .error {
    display: block !important;
    color: #c44b55 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    margin: 5px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-transform: none !important;
}

/* Prevent theme typography from enlarging inline messages */
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .woocommerce-error *,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .error *,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .field-error *,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .invalid-feedback * {
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    color: #c44b55 !important;
}

/* Remove default error icons */
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .woocommerce-error::before,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row .error::before {
    display: none !important;
    content: none !important;
}

/* Keep space between error and next field */
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid {
    margin-bottom: 20px !important;
}









/* Hide large inline checkout validation messages */
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid .woocommerce-error,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid .woocommerce-invalid-feedback,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid .error,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid .field-error,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid .wc-block-components-validation-error,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid > p {
    display: none !important;
}

/* Preserve red invalid-field styling */
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid input,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid select,
body.page-id-4088.woocommerce-checkout
.woocommerce form .form-row.woocommerce-invalid textarea {
    border-color: #c85b64 !important;
}


















/* ==============================================
   UNDERCONFIDENT — PREMIUM CHECKOUT ERROR NOTICE
   Checkout page only: ID 4088
============================================== */

body.page-id-4088.woocommerce-checkout
.woocommerce-NoticeGroup-checkout ul.woocommerce-error,
body.page-id-4088.woocommerce-checkout
.woocommerce ul.woocommerce-error {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;

    width: 100% !important;
    margin: 20px 0 26px !important;
    padding: 18px 24px 18px 52px !important;

    list-style: none !important;
    background: #fff9f7 !important;
    border: 1px solid #eedbd5 !important;
    border-left: 3px solid #a84d5c !important;
    border-radius: 10px !important;

    color: #51413f !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;

    box-shadow: 0 5px 20px rgba(68, 37, 35, 0.035) !important;
}

/* Custom alert icon */
body.page-id-4088.woocommerce-checkout
.woocommerce-NoticeGroup-checkout ul.woocommerce-error::before,
body.page-id-4088.woocommerce-checkout
.woocommerce ul.woocommerce-error::before {
    content: "!" !important;
    position: absolute !important;
    top: 18px !important;
    left: 17px !important;

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

    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;

    background: #a84d5c !important;
    color: #ffffff !important;

    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* Individual error rows */
body.page-id-4088.woocommerce-checkout
.woocommerce-NoticeGroup-checkout ul.woocommerce-error li {
    position: relative !important;
    display: block !important;

    margin: 0 !important;
    padding: 5px 0 !important;

    color: #51413f !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    border: 0 !important;
    background: transparent !important;
}

/* Remove WooCommerce default error icons */
body.page-id-4088.woocommerce-checkout
.woocommerce-NoticeGroup-checkout ul.woocommerce-error li::before,
body.page-id-4088.woocommerce-checkout
.woocommerce ul.woocommerce-error li::before {
    display: none !important;
    content: none !important;
}

/* Error field links */
body.page-id-4088.woocommerce-checkout
.woocommerce-NoticeGroup-checkout ul.woocommerce-error li a,
body.page-id-4088.woocommerce-checkout
.woocommerce ul.woocommerce-error li a {
    color: #873d50 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-underline-offset: 3px !important;
    transition: color 0.2s ease !important;
}

body.page-id-4088.woocommerce-checkout
.woocommerce-NoticeGroup-checkout ul.woocommerce-error li a:hover,
body.page-id-4088.woocommerce-checkout
.woocommerce ul.woocommerce-error li a:hover {
    color: #b65e70 !important;
    text-decoration: underline !important;
}

/* Subtle separators between multiple errors */
body.page-id-4088.woocommerce-checkout
.woocommerce-NoticeGroup-checkout ul.woocommerce-error li + li,
body.page-id-4088.woocommerce-checkout
.woocommerce ul.woocommerce-error li + li {
    border-top: 1px solid #f0e5e1 !important;
}

/* Mobile adjustments */
@media (max-width: 600px) {
    body.page-id-4088.woocommerce-checkout
    .woocommerce-NoticeGroup-checkout ul.woocommerce-error,
    body.page-id-4088.woocommerce-checkout
    .woocommerce ul.woocommerce-error {
        padding: 15px 14px 15px 43px !important;
        margin: 15px 0 20px !important;
        border-radius: 8px !important;
    }

    body.page-id-4088.woocommerce-checkout
    .woocommerce-NoticeGroup-checkout ul.woocommerce-error::before,
    body.page-id-4088.woocommerce-checkout
    .woocommerce ul.woocommerce-error::before {
        left: 12px !important;
        top: 16px !important;
        width: 20px !important;
        height: 20px !important;
    }

    body.page-id-4088.woocommerce-checkout
    .woocommerce-NoticeGroup-checkout ul.woocommerce-error li,
    body.page-id-4088.woocommerce-checkout
    .woocommerce-NoticeGroup-checkout ul.woocommerce-error li a {
        font-size: 12px !important;
    }
}