/*
 * GULBERAA premium checkout presentation layer.
 * Presentation only: no changes to totals, tax, shipping, payment or order logic.
 */

body.gulberaa-premium-storefront.woocommerce-checkout {
    background: linear-gradient(180deg, #fcfaf6 0, #fff 420px);
}

body.gulberaa-premium-storefront.woocommerce-checkout .site-main {
    max-width: 1240px;
    margin: 0 auto;
    padding-top: 26px;
    padding-bottom: 48px;
}

body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce {
    width: 100%;
}

/* Compact checkout heading */
body.gulberaa-premium-storefront.woocommerce-checkout .entry-header,
body.gulberaa-premium-storefront.woocommerce-checkout .page-header {
    margin-bottom: 22px;
}

body.gulberaa-premium-storefront.woocommerce-checkout .entry-title,
body.gulberaa-premium-storefront.woocommerce-checkout .page-title {
    margin: 0;
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 600;
    letter-spacing: -.02em;
}

/* Notices */
body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-form-login-toggle {
    margin-bottom: 14px;
}

body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-info {
    padding: 14px 18px;
    border: 1px solid rgba(184,138,50,.20);
    border-top: 3px solid #b88a32;
    border-radius: 7px;
    background: #fffdf8;
}

/* Two-column premium checkout */
body.gulberaa-premium-storefront.woocommerce-checkout form.checkout {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(320px, .72fr);
    gap: 26px;
    align-items: start;
}

body.gulberaa-premium-storefront.woocommerce-checkout #customer_details,
body.gulberaa-premium-storefront.woocommerce-checkout #order_review_heading,
body.gulberaa-premium-storefront.woocommerce-checkout #order_review {
    box-sizing: border-box;
}

body.gulberaa-premium-storefront.woocommerce-checkout #customer_details {
    padding: 24px;
    border: 1px solid rgba(47,33,31,.10);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(47,33,31,.055);
}

body.gulberaa-premium-storefront.woocommerce-checkout #customer_details .col-1,
body.gulberaa-premium-storefront.woocommerce-checkout #customer_details .col-2 {
    width: 100%;
    float: none;
}

body.gulberaa-premium-storefront.woocommerce-checkout #customer_details .col-2 {
    margin-top: 22px;
}

body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-billing-fields h3,
body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-shipping-fields h3,
body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-additional-fields h3,
body.gulberaa-premium-storefront.woocommerce-checkout #order_review_heading {
    margin: 0 0 17px;
    color: #2f211f;
    font-size: 20px;
    font-weight: 650;
    letter-spacing: -.01em;
}

body.gulberaa-premium-storefront.woocommerce-checkout .form-row {
    margin-bottom: 15px;
}

body.gulberaa-premium-storefront.woocommerce-checkout .form-row label {
    display: block;
    margin-bottom: 6px;
    color: #4f403c;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .025em;
}

body.gulberaa-premium-storefront.woocommerce-checkout .form-row .required {
    color: #8f2438;
}

body.gulberaa-premium-storefront.woocommerce-checkout .form-row input.input-text,
body.gulberaa-premium-storefront.woocommerce-checkout .form-row textarea,
body.gulberaa-premium-storefront.woocommerce-checkout .form-row select {
    width: 100%;
    min-height: 46px;
    box-sizing: border-box;
    padding: 11px 13px;
    border: 1px solid rgba(47,33,31,.15);
    border-radius: 5px;
    background: #fff;
    color: #2f211f;
    box-shadow: none;
}

body.gulberaa-premium-storefront.woocommerce-checkout .form-row textarea {
    min-height: 100px;
    resize: vertical;
}

/* Order summary */
body.gulberaa-premium-storefront.woocommerce-checkout #order_review_heading {
    padding: 0;
}

body.gulberaa-premium-storefront.woocommerce-checkout #order_review {
    position: sticky;
    top: 24px;
    padding: 22px;
    border: 1px solid rgba(47,33,31,.10);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 32px rgba(47,33,31,.075);
}

body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table {
    margin: 0 0 18px;
    border: 0;
    border-collapse: collapse;
}

body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table th,
body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table td {
    padding: 12px 0;
    border-bottom: 1px solid rgba(47,33,31,.08);
    background: transparent;
}

body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table thead th {
    color: #62524d;
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table .product-name {
    color: #2f211f;
    font-weight: 600;
}

body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table .product-total,
body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table tfoot .amount {
    color: #8f681d;
    font-weight: 700;
}

body.gulberaa-premium-storefront.woocommerce-checkout #payment {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid rgba(184,138,50,.18);
    border-radius: 9px;
    background: #fcfaf6;
}

body.gulberaa-premium-storefront.woocommerce-checkout #payment ul.payment_methods {
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(47,33,31,.08);
}

body.gulberaa-premium-storefront.woocommerce-checkout #payment .payment_box {
    margin: 10px 0;
    padding: 12px;
    border-radius: 6px;
    background: #fff;
    color: #62524d;
}

body.gulberaa-premium-storefront.woocommerce-checkout #place_order {
    width: 100%;
    min-height: 52px;
    margin-top: 8px;
    border-radius: 5px;
    background: #2f211f;
    border-color: #2f211f;
    color: #fff;
    font-size: 14px;
    letter-spacing: .055em;
    box-shadow: 0 9px 22px rgba(47,33,31,.14);
}

body.gulberaa-premium-storefront.woocommerce-checkout #place_order:hover {
    background: #493330;
    border-color: #493330;
}

body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-privacy-policy-text,
body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text {
    color: #62524d;
    font-size: 11px;
    line-height: 1.6;
}

/* Mobile: single clean column, no sticky summary. */
@media (max-width: 900px) {
    body.gulberaa-premium-storefront.woocommerce-checkout .site-main {
        padding-top: 16px;
        padding-bottom: 30px;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout {
        display: block;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details {
        padding: 18px;
        margin-bottom: 22px;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #order_review_heading {
        margin-bottom: 12px;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #order_review {
        position: static;
        padding: 18px;
    }
}

@media (max-width: 480px) {
    body.gulberaa-premium-storefront.woocommerce-checkout .entry-title,
    body.gulberaa-premium-storefront.woocommerce-checkout .page-title {
        font-size: 29px;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details,
    body.gulberaa-premium-storefront.woocommerce-checkout #order_review {
        border-radius: 9px;
    }
}


/* =========================================================
   CARTFLOWS MODERN CHECKOUT COMPATIBILITY
   CartFlows uses its own wrapper/column system. Keep the
   checkout centered and balanced instead of inheriting
   Astra/WooCommerce float widths.
   ========================================================= */
@media (min-width: 1025px) {
    body.gulberaa-premium-storefront.woocommerce-checkout
    .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout
    .woocommerce-checkout {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout
    .wcf-customer-info-main-wrapper {
        box-sizing: border-box !important;
        width: 57% !important;
        max-width: 57% !important;
        float: none !important;
        flex: 0 0 57% !important;
        padding: 0 34px 0 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout
    .wcf-order-wrap {
        box-sizing: border-box !important;
        width: 43% !important;
        max-width: 43% !important;
        float: none !important;
        flex: 0 0 43% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout
    .wcf-order-wrap #order_review {
        position: static !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* CartFlows owns the internal checkout layout here. */
    body.gulberaa-premium-storefront.woocommerce-checkout
    .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout
    form.checkout {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }
}

/* Tablet/mobile: let CartFlows collapse naturally. */
@media (max-width: 1024px) {
    body.gulberaa-premium-storefront.woocommerce-checkout
    .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout
    .wcf-customer-info-main-wrapper,
    body.gulberaa-premium-storefront.woocommerce-checkout
    .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout
    .wcf-order-wrap {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout
    .wcf-customer-info-main-wrapper {
        padding-right: 0 !important;
    }
}


/* Elementor/CartFlows parent-column reset.
 * Expand only the ancestor chain that contains this checkout widget.
 */
@media (min-width: 1025px) {
    body.gulberaa-premium-storefront.woocommerce-checkout
    .elementor-element:has(.wcf-embed-checkout-form-modern-checkout) {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    .elementor-column:has(.wcf-embed-checkout-form-modern-checkout),
    body.gulberaa-premium-storefront.woocommerce-checkout
    .elementor-widget-wrap:has(.wcf-embed-checkout-form-modern-checkout),
    body.gulberaa-premium-storefront.woocommerce-checkout
    .e-con:has(.wcf-embed-checkout-form-modern-checkout) {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    .elementor-widget:has(.wcf-embed-checkout-form-modern-checkout) {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* Astra/WooCommerce outer-layout reset.
 * The checkout page is a shortcode inside Elementor; on the live page
 * Astra's outer content-area can retain a narrow/right-shifted layout.
 * Reset only the checkout page's presentation wrappers.
 */
@media (min-width: 901px) {
    body.gulberaa-premium-storefront.woocommerce-checkout .site-content > .ast-container,
    body.gulberaa-premium-storefront.woocommerce-checkout .ast-container {
        display: block !important;
        width: 100% !important;
        max-width: 1240px !important;
        box-sizing: border-box !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #primary,
    body.gulberaa-premium-storefront.woocommerce-checkout .content-area,
    body.gulberaa-premium-storefront.woocommerce-checkout main.site-main {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #secondary,
    body.gulberaa-premium-storefront.woocommerce-checkout aside.widget-area {
        display: none !important;
        width: 0 !important;
        max-width: 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
}


/* Elementor shortcode-page width reset.
 * This checkout page contains the standard [woocommerce_checkout] shortcode
 * inside one Elementor container. Keep that Elementor chain full-width so
 * the WooCommerce two-column grid can use the page width.
 */
@media (min-width: 901px) {
    body.gulberaa-premium-storefront.woocommerce-checkout #primary .elementor,
    body.gulberaa-premium-storefront.woocommerce-checkout #primary .elementor > .e-con,
    body.gulberaa-premium-storefront.woocommerce-checkout #primary .elementor > .elementor-element,
    body.gulberaa-premium-storefront.woocommerce-checkout #primary .elementor .e-con,
    body.gulberaa-premium-storefront.woocommerce-checkout #primary .elementor .elementor-widget-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #primary .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #primary .elementor-element {
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #primary .elementor-widget-woocommerce-checkout-page,
    body.gulberaa-premium-storefront.woocommerce-checkout #primary .elementor-widget-text-editor {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   GULBERAA CHECKOUT — PREMIUM FIRST LOOK
   Presentation only. No checkout/payment/order calculations.
   ========================================================= */
@media (min-width: 901px) {
    body.gulberaa-premium-storefront.woocommerce-checkout {
        background: #faf8f4 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .site-main {
        max-width: 1180px !important;
        padding-top: 42px !important;
        padding-bottom: 70px !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #primary .elementor-widget-container {
        max-width: 100% !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout {
        grid-template-columns: minmax(0, 1fr) 360px !important;
        gap: 32px !important;
        align-items: start !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details {
        padding: 30px !important;
        border: 1px solid rgba(47,33,31,.09) !important;
        border-radius: 16px !important;
        background: #fff !important;
        box-shadow: 0 12px 40px rgba(47,33,31,.055) !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #order_review {
        padding: 24px !important;
        border: 1px solid rgba(184,138,50,.20) !important;
        border-radius: 16px !important;
        background: #fff !important;
        box-shadow: 0 14px 40px rgba(47,33,31,.075) !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-billing-fields h3,
    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-shipping-fields h3,
    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-additional-fields h3 {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 0 0 20px !important;
        padding-bottom: 12px !important;
        border-bottom: 1px solid rgba(47,33,31,.08) !important;
        font-size: 19px !important;
        letter-spacing: -.015em !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-billing-fields h3::before {
        content: "01" !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-shipping-fields h3::before {
        content: "02" !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-additional-fields h3::before {
        content: "03" !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-billing-fields h3::before,
    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-shipping-fields h3::before,
    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-additional-fields h3::before {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 30px !important;
        height: 30px !important;
        flex: 0 0 30px !important;
        border-radius: 50% !important;
        background: #2f211f !important;
        color: #fff !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        letter-spacing: .05em !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .form-row {
        margin-bottom: 17px !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .form-row label {
        color: #5a4944 !important;
        font-size: 11px !important;
        letter-spacing: .06em !important;
        text-transform: uppercase !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .form-row input.input-text,
    body.gulberaa-premium-storefront.woocommerce-checkout .form-row textarea,
    body.gulberaa-premium-storefront.woocommerce-checkout .form-row select {
        min-height: 50px !important;
        border: 1px solid rgba(47,33,31,.13) !important;
        border-radius: 8px !important;
        background: #fff !important;
        transition: border-color .2s ease, box-shadow .2s ease !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .form-row input.input-text:focus,
    body.gulberaa-premium-storefront.woocommerce-checkout .form-row textarea:focus,
    body.gulberaa-premium-storefront.woocommerce-checkout .form-row select:focus {
        border-color: rgba(184,138,50,.65) !important;
        box-shadow: 0 0 0 3px rgba(184,138,50,.10) !important;
        outline: none !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #order_review_heading {
        margin: 0 0 16px !important;
        padding-bottom: 13px !important;
        border-bottom: 1px solid rgba(47,33,31,.08) !important;
        font-size: 20px !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table th,
    body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table td {
        padding: 13px 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table tfoot tr:last-child th,
    body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table tfoot tr:last-child td {
        padding-top: 18px !important;
        border-bottom: 0 !important;
        font-size: 17px !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #payment {
        margin-top: 20px !important;
        padding: 16px !important;
        border: 1px solid rgba(184,138,50,.18) !important;
        border-radius: 11px !important;
        background: #fbf8f1 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #payment .payment_methods li {
        padding: 10px 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #place_order {
        min-height: 54px !important;
        margin-top: 12px !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: #2f211f !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: .10em !important;
        text-transform: uppercase !important;
        box-shadow: 0 10px 24px rgba(47,33,31,.15) !important;
        transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #place_order:hover {
        background: #493330 !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 14px 28px rgba(47,33,31,.20) !important;
    }
}

@media (max-width: 900px) {
    body.gulberaa-premium-storefront.woocommerce-checkout {
        background: #faf8f4 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details,
    body.gulberaa-premium-storefront.woocommerce-checkout #order_review {
        border-radius: 12px !important;
        box-shadow: 0 8px 26px rgba(47,33,31,.055) !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #place_order {
        border-radius: 8px !important;
        font-weight: 700 !important;
        letter-spacing: .08em !important;
    }
}


/* =========================================================
   GULBERAA CHECKOUT — MARKETPLACE STYLE
   Inspired by familiar Indian e-commerce checkout patterns.
   Presentation only: no payment/order/price logic.
   ========================================================= */
@media (min-width: 901px) {
    body.gulberaa-premium-storefront.woocommerce-checkout {
        background: #f5f5f5 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .site-main {
        max-width: 1180px !important;
        padding-top: 28px !important;
        padding-bottom: 55px !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout {
        grid-template-columns: minmax(0, 1fr) 350px !important;
        gap: 18px !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details {
        padding: 0 !important;
        border: 0 !important;
        border-radius: 4px !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details .col-1,
    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details .col-2 {
        padding: 22px 24px !important;
        margin: 0 !important;
        border: 1px solid #e2e2e2 !important;
        border-radius: 4px !important;
        background: #fff !important;
        box-shadow: 0 1px 2px rgba(0,0,0,.035) !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details .col-2 {
        margin-top: 12px !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-billing-fields h3,
    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-shipping-fields h3,
    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-additional-fields h3 {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        margin: 0 0 20px !important;
        padding: 0 0 15px !important;
        border-bottom: 1px solid #eeeeee !important;
        color: #212121 !important;
        font-size: 18px !important;
        font-weight: 650 !important;
        letter-spacing: 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-billing-fields h3::before,
    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-shipping-fields h3::before,
    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-additional-fields h3::before {
        width: 28px !important;
        height: 28px !important;
        flex: 0 0 28px !important;
        border-radius: 3px !important;
        background: #9a7225 !important;
        color: #fff !important;
        font-size: 10px !important;
        font-weight: 700 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .form-row {
        margin-bottom: 14px !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .form-row label {
        margin-bottom: 6px !important;
        color: #424242 !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: .02em !important;
        text-transform: none !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .form-row input.input-text,
    body.gulberaa-premium-storefront.woocommerce-checkout .form-row textarea,
    body.gulberaa-premium-storefront.woocommerce-checkout .form-row select {
        min-height: 44px !important;
        padding: 10px 12px !important;
        border: 1px solid #cfcfcf !important;
        border-radius: 3px !important;
        background: #fff !important;
        color: #212121 !important;
        font-size: 13px !important;
        box-shadow: none !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .form-row input.input-text:focus,
    body.gulberaa-premium-storefront.woocommerce-checkout .form-row textarea:focus,
    body.gulberaa-premium-storefront.woocommerce-checkout .form-row select:focus {
        border-color: #2874f0 !important;
        box-shadow: 0 0 0 1px #2874f0 !important;
        outline: none !important;
    }

    /* Make address rows feel like a marketplace form. */
    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details .form-row-first,
    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details .form-row-last {
        width: 48.8% !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details .form-row-wide {
        width: 100% !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #order_review {
        position: sticky !important;
        top: 20px !important;
        padding: 0 !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 4px !important;
        background: #fff !important;
        box-shadow: 0 1px 3px rgba(0,0,0,.06) !important;
        overflow: hidden !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #order_review_heading {
        margin: 0 !important;
        padding: 17px 18px !important;
        border-bottom: 1px solid #eeeeee !important;
        color: #212121 !important;
        font-size: 17px !important;
        font-weight: 650 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table {
        margin: 0 !important;
        padding: 0 18px !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table th,
    body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table td {
        padding: 11px 0 !important;
        border-bottom: 1px solid #eeeeee !important;
        font-size: 12px !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #payment {
        margin: 0 !important;
        padding: 18px 24px 22px !important;
        border: 1px solid #e2e2e2 !important;
        border-radius: 4px !important;
        background: #fff !important;
        box-shadow: 0 1px 2px rgba(0,0,0,.035) !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #payment::before {
        content: "4. Payment options" !important;
        display: block !important;
        margin-bottom: 13px !important;
        color: #212121 !important;
        font-size: 18px !important;
        font-weight: 650 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #payment .payment_methods {
        border: 1px solid #e2e2e2 !important;
        border-radius: 3px !important;
        overflow: hidden !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #payment .payment_methods li {
        padding: 12px 13px !important;
        border-bottom: 1px solid #eeeeee !important;
        background: #fff !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #payment .payment_methods li:last-child {
        border-bottom: 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #place_order {
        min-height: 48px !important;
        margin-top: 15px !important;
        border-radius: 3px !important;
        background: #fb641b !important;
        border: 1px solid #fb641b !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: .04em !important;
        text-transform: uppercase !important;
        box-shadow: none !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #place_order:hover {
        background: #e85b17 !important;
        border-color: #e85b17 !important;
        transform: none !important;
        box-shadow: none !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-privacy-policy-text,
    body.gulberaa-premium-storefront.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text {
        color: #666 !important;
        font-size: 11px !important;
    }
}

@media (max-width: 900px) {
    body.gulberaa-premium-storefront.woocommerce-checkout {
        background: #f5f5f5 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details .col-1,
    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details .col-2 {
        padding: 18px !important;
        border-radius: 4px !important;
        border: 1px solid #e0e0e0 !important;
        background: #fff !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details .col-2 {
        margin-top: 10px !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details .form-row-first,
    body.gulberaa-premium-storefront.woocommerce-checkout #customer_details .form-row-last {
        width: 100% !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #payment {
        padding: 16px !important;
        border-radius: 4px !important;
        background: #fff !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #place_order {
        min-height: 50px !important;
        border-radius: 4px !important;
        background: #fb641b !important;
        border-color: #fb641b !important;
    }
}


/* =========================================================
   GULBERAA NATIVE SHORTCODE CHECKOUT — DEFINITIVE LAYOUT
   For [woocommerce_checkout] only.
   Presentation only: no order/payment/calculation logic.
   ========================================================= */
@media (min-width: 901px) {
    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 380px !important;
        column-gap: 24px !important;
        row-gap: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        align-items: start !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout > #customer_details {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        float: none !important;
        margin: 0 !important;
        padding: 28px !important;
        border: 1px solid #e1e1e1 !important;
        border-radius: 6px !important;
        background: #fff !important;
        box-shadow: 0 1px 4px rgba(0,0,0,.06) !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review_heading {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 18px 20px !important;
        border: 1px solid #e1e1e1 !important;
        border-bottom: 0 !important;
        border-radius: 6px 6px 0 0 !important;
        background: #fff !important;
        color: #212121 !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review {
        grid-column: 2 !important;
        grid-row: 2 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 20px 20px !important;
        border: 1px solid #e1e1e1 !important;
        border-top: 0 !important;
        border-radius: 0 0 6px 6px !important;
        background: #fff !important;
        box-shadow: 0 1px 4px rgba(0,0,0,.06) !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review .woocommerce-checkout-review-order-table,
    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review table.shop_table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: auto !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review .product-name {
        width: auto !important;
        max-width: none !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
        vertical-align: top !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review .product-total {
        width: 110px !important;
        min-width: 110px !important;
        white-space: nowrap !important;
        text-align: right !important;
        vertical-align: top !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout .form-row-first,
    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout .form-row-last {
        width: 48.5% !important;
        float: left !important;
        clear: none !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout .form-row-last {
        float: right !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout .form-row-wide {
        width: 100% !important;
        float: left !important;
        clear: both !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout #payment {
        clear: both !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout #place_order {
        width: 100% !important;
    }
}

@media (max-width: 900px) {
    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout > #customer_details,
    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review_heading,
    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout .form-row-first,
    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout .form-row-last {
        width: 100% !important;
        float: none !important;
    }
}


/* =========================================================
   CHECKOUT WIDTH OVERRIDE — shortcode page
   The live page is inheriting a narrow Astra/Elementor content
   column. Expand only checkout wrappers so the form can use
   the full centered page width.
   ========================================================= */
@media (min-width: 901px) {
    body.gulberaa-premium-storefront.woocommerce-checkout #main,
    body.gulberaa-premium-storefront.woocommerce-checkout #content,
    body.gulberaa-premium-storefront.woocommerce-checkout .site-content,
    body.gulberaa-premium-storefront.woocommerce-checkout .content-area,
    body.gulberaa-premium-storefront.woocommerce-checkout #primary,
    body.gulberaa-premium-storefront.woocommerce-checkout main.site-main,
    body.gulberaa-premium-storefront.woocommerce-checkout .elementor,
    body.gulberaa-premium-storefront.woocommerce-checkout .elementor-section,
    body.gulberaa-premium-storefront.woocommerce-checkout .elementor-container,
    body.gulberaa-premium-storefront.woocommerce-checkout .elementor-element,
    body.gulberaa-premium-storefront.woocommerce-checkout .elementor-widget-wrap,
    body.gulberaa-premium-storefront.woocommerce-checkout .elementor-widget-container,
    body.gulberaa-premium-storefront.woocommerce-checkout .e-con {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout .site-content > .ast-container {
        width: 100% !important;
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 380px !important;
        width: 100% !important;
        max-width: 1180px !important;
        margin: 0 auto !important;
        gap: 24px !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout #order_review_heading {
        grid-column: 2 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout #order_review {
        grid-column: 2 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table,
    body.gulberaa-premium-storefront.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table {
        display: table !important;
        width: 100% !important;
        max-width: 100% !important;
        table-layout: auto !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table .product-name {
        width: auto !important;
        max-width: none !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout #order_review .shop_table .product-total {
        width: 105px !important;
        min-width: 105px !important;
        white-space: nowrap !important;
        text-align: right !important;
    }
}


/* =========================================================
   CHECKOUT ESCAPE — restore full viewport checkout canvas
   The shortcode is rendered inside a constrained Elementor
   container. Expand the checkout form itself without changing
   the surrounding site layout.
   ========================================================= */
@media (min-width: 901px) {
    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout {
        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: min(1180px, calc(100vw - 80px)) !important;
        max-width: min(1180px, calc(100vw - 80px)) !important;
        min-width: 0 !important;
        margin: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 380px !important;
        gap: 24px !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout #order_review_heading,
    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout #order_review {
        grid-column: 2 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout #order_review .shop_table {
        width: 100% !important;
        table-layout: fixed !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout #order_review .shop_table .product-name {
        width: calc(100% - 115px) !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout #order_review .shop_table .product-total {
        width: 115px !important;
        min-width: 115px !important;
        white-space: nowrap !important;
        text-align: right !important;
    }
}


/* =========================================================
   CHECKOUT POLISH — compact marketplace order summary
   Presentation only. Keeps WooCommerce calculations untouched.
   ========================================================= */
@media (min-width: 901px) {
    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout
    #order_review .shop_table .product-item-thumbnail,
    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review .shop_table img {
        width: 82px !important;
        max-width: 82px !important;
        height: 104px !important;
        max-height: 104px !important;
        object-fit: cover !important;
        object-position: center top !important;
        border-radius: 6px !important;
        margin: 0 12px 0 0 !important;
        display: inline-block !important;
        vertical-align: top !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review .shop_table .product-name {
        vertical-align: top !important;
        padding: 14px 10px 14px 0 !important;
        line-height: 1.45 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review .shop_table .product-total {
        vertical-align: top !important;
        padding-top: 14px !important;
    }
}

/* Never show an empty WooCommerce notice shell.
   Real notices containing text remain visible. */
body.gulberaa-premium-storefront.woocommerce-checkout
.woocommerce > .woocommerce-notices-wrapper:empty {
    display: none !important;
}

body.gulberaa-premium-storefront.woocommerce-checkout
.woocommerce > .woocommerce-notices-wrapper:has(.woocommerce-info:empty),
body.gulberaa-premium-storefront.woocommerce-checkout
.woocommerce > .woocommerce-notices-wrapper:has(.woocommerce-message:empty),
body.gulberaa-premium-storefront.woocommerce-checkout
.woocommerce > .woocommerce-notices-wrapper:has(.woocommerce-error:empty) {
    display: none !important;
}

/* Keep the checkout summary readable even when a product title is long. */
@media (min-width: 901px) {
    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review .shop_table td.product-name {
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review .shop_table td.product-name img {
        float: left !important;
    }
}


/* Empty checkout notice: the visible red icon/gold bar is a pseudo-element
   on an otherwise empty .woocommerce-info node. Hide only empty notices. */
@media (min-width: 901px) {
    body.gulberaa-premium-storefront.woocommerce-checkout
    .woocommerce-info:empty,
    body.gulberaa-premium-storefront.woocommerce-checkout
    .woocommerce-message:empty,
    body.gulberaa-premium-storefront.woocommerce-checkout
    .woocommerce-error:empty {
        display: none !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    .woocommerce-notices-wrapper:has(> .woocommerce-info:empty),
    body.gulberaa-premium-storefront.woocommerce-checkout
    .woocommerce-notices-wrapper:has(> .woocommerce-message:empty),
    body.gulberaa-premium-storefront.woocommerce-checkout
    .woocommerce-notices-wrapper:has(> .woocommerce-error:empty) {
        display: none !important;
        min-height: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}


/* =========================================================
   MOBILE CHECKOUT — marketplace-style single-column layout
   Presentation only. WooCommerce/payment logic untouched.
   ========================================================= */
@media (max-width: 900px) {
    body.gulberaa-premium-storefront.woocommerce-checkout {
        overflow-x: hidden !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout form.checkout.woocommerce-checkout {
        position: static !important;
        left: auto !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        gap: 16px !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #customer_details,
    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review_heading,
    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review {
        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.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review_heading {
        order: 90 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review {
        order: 91 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review .shop_table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review .shop_table .product-name {
        width: calc(100% - 100px) !important;
        max-width: none !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
        vertical-align: top !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review .shop_table .product-total {
        width: 100px !important;
        min-width: 100px !important;
        white-space: nowrap !important;
        text-align: right !important;
        vertical-align: top !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review .shop_table img {
        width: 72px !important;
        max-width: 72px !important;
        height: 92px !important;
        max-height: 92px !important;
        object-fit: cover !important;
        object-position: center top !important;
        border-radius: 6px !important;
        margin-right: 10px !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #payment {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #payment .payment_methods,
    body.gulberaa-premium-storefront.woocommerce-checkout
    #payment ul.payment_methods {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #payment .place-order,
    body.gulberaa-premium-storefront.woocommerce-checkout
    #payment #place_order {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    .form-row-first,
    body.gulberaa-premium-storefront.woocommerce-checkout
    .form-row-last {
        width: 100% !important;
        float: none !important;
        clear: both !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    .woocommerce-billing-fields__field-wrapper,
    body.gulberaa-premium-storefront.woocommerce-checkout
    .woocommerce-shipping-fields__field-wrapper {
        width: 100% !important;
    }
}


/* =========================================================
   MOBILE ORDER SUMMARY — compact marketplace presentation
   Force the WooCommerce review table to stay compact on phones.
   ========================================================= */
@media (max-width: 900px) {
    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review,
    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review_heading {
        box-sizing: border-box !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review {
        padding: 0 !important;
        overflow: hidden !important;
        border-radius: 10px !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table,
    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review table.shop_table {
        display: table !important;
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
        margin: 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review
    table.shop_table thead th.product-name {
        width: calc(100% - 105px) !important;
        padding: 14px 10px !important;
        white-space: normal !important;
        word-break: normal !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review
    table.shop_table thead th.product-total {
        width: 105px !important;
        min-width: 105px !important;
        padding: 14px 10px !important;
        white-space: nowrap !important;
        text-align: right !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review
    table.shop_table tbody tr.cart_item td.product-name {
        width: calc(100% - 105px) !important;
        padding: 14px 8px !important;
        vertical-align: top !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review
    table.shop_table tbody tr.cart_item td.product-total {
        width: 105px !important;
        min-width: 105px !important;
        padding: 14px 10px !important;
        vertical-align: top !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    /* Override theme/plugin image rules that enlarge checkout product images. */
    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review
    table.shop_table tbody tr.cart_item td.product-name img,
    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review .woocommerce-checkout-review-order-table
    tbody tr.cart_item td.product-name img {
        display: inline-block !important;
        float: none !important;
        width: 64px !important;
        max-width: 64px !important;
        min-width: 64px !important;
        height: 82px !important;
        max-height: 82px !important;
        min-height: 82px !important;
        object-fit: cover !important;
        object-position: center top !important;
        margin: 0 10px 8px 0 !important;
        padding: 0 !important;
        border-radius: 5px !important;
        vertical-align: top !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review
    table.shop_table tbody tr.cart_item td.product-name a {
        display: inline !important;
        width: auto !important;
        max-width: calc(100% - 80px) !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        vertical-align: top !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review
    table.shop_table tbody tr.cart_item td.product-name .product-quantity {
        display: block !important;
        margin-top: 5px !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review
    table.shop_table tfoot th,
    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review
    table.shop_table tfoot td {
        padding: 13px 10px !important;
        white-space: normal !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout #order_review
    table.shop_table tfoot td {
        text-align: right !important;
    }

    /* Keep the customer form visually first on mobile. */
    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout > #customer_details {
        order: 1 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout > #order_review_heading {
        order: 2 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    form.checkout.woocommerce-checkout > #order_review {
        order: 3 !important;
    }
}


/* FINAL MOBILE ORDER SUMMARY OVERRIDE
 * Covers WooCommerce/theme/plugin thumbnail selectors regardless of
 * whether the image sits in product-name or a dedicated thumbnail cell.
 */
@media (max-width: 900px) {
    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review table,
    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review .shop_table,
    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review .woocommerce-checkout-review-order-table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review table tr {
        width: 100% !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review table td.product-name,
    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review table th.product-name {
        width: calc(100% - 105px) !important;
        max-width: calc(100% - 105px) !important;
        min-width: 0 !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review table td.product-total,
    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review table th.product-total {
        width: 105px !important;
        max-width: 105px !important;
        min-width: 105px !important;
        white-space: nowrap !important;
        text-align: right !important;
    }

    /* Catch every possible checkout product thumbnail rule. */
    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review img,
    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review .product-thumbnail img,
    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review td.product-name img,
    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review td.product-thumbnail img {
        display: inline-block !important;
        width: 64px !important;
        max-width: 64px !important;
        min-width: 64px !important;
        height: 82px !important;
        max-height: 82px !important;
        min-height: 82px !important;
        aspect-ratio: 64 / 82 !important;
        object-fit: cover !important;
        object-position: center top !important;
        float: none !important;
        margin: 0 10px 6px 0 !important;
        padding: 0 !important;
        border-radius: 5px !important;
        vertical-align: top !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review td.product-name a {
        display: inline !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review td.product-name .product-quantity {
        display: block !important;
        margin-top: 4px !important;
    }

    /* Prevent the order-summary table from becoming a giant image row. */
    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review tbody tr.cart_item,
    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review tbody tr {
        height: auto !important;
        min-height: 0 !important;
    }

    body.gulberaa-premium-storefront.woocommerce-checkout
    #order_review tbody td {
        height: auto !important;
        min-height: 0 !important;
    }
}