* ==========================================================================
   1. CROSS-BROWSER PRICE CONFIGURATION (Enforced Universal Green)
   ========================================================================== */
body.single-product .summary p.price,
body.single-product .price,
body.single-product .price *,
ul.products li.product .price,
ul.products li.product .price *,
.shoptimizer-purchasable-wrapper p.price span.amount,
.summary-mobile p.price span.amount,
span.woocommerce-Price-amount.amount,
.price ins .amount {
    color: #008000 !important; 
    -webkit-text-fill-color: #008000 !important; 
    font-size: 17px !important;
    font-weight: bold !important;
}

body.single-product .price del,
body.single-product .price del *,
.price del .amount,
.price del span.amount {
    color: #a0a0a0 !important;
    -webkit-text-fill-color: #a0a0a0 !important; 
    font-size: 14px !important;
    font-weight: normal !important;
}

/* ==========================================================================
   2. REINFORCED KLARNA & STRIPE SPACING ENGINE (Safe Implementation)
   ========================================================================== */
.single-product form.cart,
.summary-mobile form.cart,
.commercekit-mobile-summary form.cart,
.shoptimizer-purchasable-wrapper {
    margin-bottom: 60px !important; 
    display: block !important;
    clear: both !important;
    position: relative !important;
}

klarna-placement,
.klarna-placement,
.klarna-express-button,
.afterpay-paragraph,
.wc-stripe-payment-request-wrapper,
#wc-stripe-payment-request-wrapper,
.stripe-payment-request-button {
    display: block !important;
    clear: both !important;
    position: relative !important;
    margin-top: 25px !important; 
    margin-bottom: 25px !important;
    width: 100% !important;
    visibility: visible !important;
}

.summary #payment-method-message {
    clear: both !important;
    height: auto !important;
}

/* ==========================================================================
   3. CHECKOUT & CART LAYOUT PROTECTION
   ========================================================================== */
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout #payment {
    clear: both !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
}

.stripe-banner,
.klarna-express-button,
[id*="stripe-"],
[class*="payment_box_stripe"] {
    clear: both !important;
    display: block !important;
    margin-bottom: 20px !important;
    position: relative !important;
}

.woocommerce-cart #payment-method-message {
    margin-bottom: 1.5rem !important;
    overflow: hidden;
}

.wc-amazon-checkout-message,
.wc-amazon-payments-advanced-info {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.wc-amazon-payments-advanced-info {
    overflow: hidden;
}

.woopay-save-new-user-container .save-details-form.form-row .phone-input {
    margin-left: 5em;
}

#payment .payment_methods.wc_payment_methods li[class*=payment_method_woocommerce_payments] .woopayments-rich-payment-method-label {
    max-width: calc(100% - 60px) !important;
}

@media (max-width: 768px) {
    .woocommerce-cart .wc-proceed-to-checkout .checkout-button,
    #place_order {
        margin-top: 25px !important;
        position: relative !important;
        clear: both !important;
    }
}

/* ==========================================================================
   4. SINGLE PRODUCT METADATA CONFIGURATION (Instant Mobile Paint Edition)
   ========================================================================== */
.single-product .woocommerce-product-details__short-description {
    margin-top: 30px;
}

.product_meta {
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 768px) {
    .product_meta,
    .woocommerce-product-details__short-description,
    .shoptimizer-single-product-summary-wrap {
        contain: content !important; 
        content-visibility: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* ==========================================================================
   5. GALLERY ENGINE & UNIVERSAL IMAGE ALIGNMENT (Safe Fluid Dimensions)
   ========================================================================== */
.woocommerce-product-gallery__wrapper,
.commercekit-gallery,
.commercekit-gallery-slide,
.shoptimizer-loop-image-wrapper {
    aspect-ratio: 1 / 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
}

.woocommerce-product-gallery__wrapper img,
.commercekit-gallery-slide img,
.shoptimizer-loop-image-wrapper img,
.commercekit-gallery img,
.products .product img {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

@media (min-width: 769px) {
    .woocommerce-product-gallery__wrapper,
    .commercekit-gallery-slide,
    .shoptimizer-loop-image-wrapper {
        background-color: #fcfcfc;
    }

    .single-product div.product div.images img,
    .commercekit-gallery-slide img {
        pointer-events: auto !important;
        cursor: pointer !important;
    }
}

/* ==========================================================================
   6. MOBILE PRODUCT GALLERY RENDER RESTRAINTS & CLS ANCHOR ENGINE
   ========================================================================== */
.commercekit-mobile-gallery-anchored {
    position: relative !important;
    display: block !important;
    visibility: visible !important;
}