, or place as Magento_Checkout/web/css/source/_extend.less in the active Codazon child theme. */ /* Checkout page layout reset */ body.checkout-index-index .page-main { max-width: 1280px !important; width: auto !important; margin-left: auto !important; margin-right: auto !important; padding-left: 15px !important; padding-right: 15px !important; } body.checkout-index-index .columns, body.checkout-index-index .column.main { display: block !important; width: 100% !important; max-width: 100% !important; float: none !important; } body.checkout-index-index .checkout-container::after, body.checkout-cart-index .cart-container::after { content: ""; display: table; clear: both; } @media (min-width: 768px) { body.checkout-index-index .opc-wrapper { float: left !important; width: 66.6667% !important; padding-right: 30px !important; box-sizing: border-box !important; } body.checkout-index-index .opc-sidebar { float: right !important; width: 33.3333% !important; margin: 0 !important; box-sizing: border-box !important; } } @media (max-width: 767px) { body.checkout-index-index .opc-wrapper, body.checkout-index-index .opc-sidebar { float: none !important; width: 100% !important; padding: 0 !important; margin: 0 0 20px !important; } } /* Cart page layout reset */ body.checkout-cart-index .page-main { max-width: 1280px !important; width: auto !important; margin-left: auto !important; margin-right: auto !important; padding-left: 15px !important; padding-right: 15px !important; } body.checkout-cart-index .columns, body.checkout-cart-index .column.main { display: block !important; width: 100% !important; max-width: 100% !important; float: none !important; } body.checkout-cart-index .cart-container { display: block !important; width: 100% !important; } body.checkout-cart-index .cart.table-wrapper { width: 100% !important; overflow-x: auto !important; } @media (min-width: 768px) { body.checkout-cart-index .cart-container .form-cart { float: left !important; width: 66.6667% !important; padding-right: 30px !important; box-sizing: border-box !important; } body.checkout-cart-index .cart-summary { float: right !important; width: 33.3333% !important; position: static !important; top: auto !important; right: auto !important; margin: 0 0 20px !important; box-sizing: border-box !important; } } @media (max-width: 767px) { body.checkout-cart-index .cart-container .form-cart, body.checkout-cart-index .cart-summary { float: none !important; width: 100% !important; padding: 0 !important; margin: 0 0 20px !important; } } /* Braintree hosted fields: Codazon theme clips iframe containers */ body.checkout-index-index .checkout-payment-method .hosted-control, body.checkout-index-index .checkout-payment-method .hosted-date-wrap, body.checkout-index-index .checkout-payment-method .hosted-control iframe { box-sizing: border-box !important; } body.checkout-index-index #braintree_cc_number.hosted-control, body.checkout-index-index #braintree_cc_number { width: 340px !important; min-width: 340px !important; max-width: 100% !important; height: 38px !important; min-height: 38px !important; padding: 0 !important; overflow: hidden !important; } body.checkout-index-index #braintree_expirationDate.hosted-control, body.checkout-index-index #braintree_expirationDate { width: 150px !important; min-width: 150px !important; max-width: 150px !important; height: 38px !important; min-height: 38px !important; padding: 0 !important; overflow: hidden !important; } body.checkout-index-index #braintree_cc_cid.hosted-control, body.checkout-index-index #braintree_cvv.hosted-control, body.checkout-index-index #braintree_cc_cid, body.checkout-index-index #braintree_cvv { width: 110px !important; min-width: 110px !important; max-width: 110px !important; height: 38px !important; min-height: 38px !important; padding: 0 !important; overflow: hidden !important; } body.checkout-index-index #braintree_cc_number iframe, body.checkout-index-index #braintree_expirationDate iframe, body.checkout-index-index #braintree_cc_cid iframe, body.checkout-index-index #braintree_cvv iframe { width: 100% !important; height: 38px !important; min-height: 38px !important; display: block !important; border: 0 !important; }