/* =========================== 4N6 WooCommerce Mobile Fix Cart & Checkout Responsive =========================== */ @media only screen and (max-width: 767px){ /* Main container */ .woocommerce{ padding: 0 15px; } /* Cart table */ .woocommerce-cart table.shop_table{ border: none !important; } .woocommerce-cart table.shop_table td, .woocommerce-cart table.shop_table th{ padding: 12px 5px !important; font-size: 15px; } /* Product image */ .woocommerce-cart table.shop_table img{ width: 65px !important; height: auto !important; border-radius: 10px; } /* Product title */ .woocommerce-cart .product-name a{ font-size: 18px !important; font-weight: 600; color: #15396B !important; line-height: 1.4; } /* Quantity box */ .woocommerce .quantity .qty{ width: 55px !important; min-width: 55px; } /* Cart totals */ .cart_totals{ width: 100% !important; margin-top: 25px !important; } /* Gradient Buttons */ .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .checkout-button, .woocommerce #payment #place_order{ width: 100% !important; display: block !important; background: linear-gradient(90deg,#23c6f5,#b13ef8) !important; color: #fff !important; border: none !important; border-radius: 18px !important; padding: 16px 20px !important; font-size: 18px !important; font-weight: 700 !important; text-align: center !important; box-shadow: 0 10px 30px rgba(92,78,255,.25); } /* Fix button overflow */ .wc-proceed-to-checkout{ padding: 0 !important; } .wc-proceed-to-checkout a.checkout-button{ margin: 20px 0 !important; } /* Remove unnecessary spacing */ .woocommerce-cart .cart-collaterals{ margin-top: 15px !important; } /* Footer gap remove */ .site-main, .content-area{ margin-bottom: 0 !important; padding-bottom: 0 !important; } }