:root { --checkout-max-width: 1180px; } body:is(.test1-checkout-page, .test1-cart-page) { min-width: 320px; } :is(.test1-checkout-page, .test1-cart-page) .checkout-shell { display: grid; gap: 28px; align-items: start; } :is(.test1-checkout-page, .test1-cart-page) .checkout-intro { max-width: 780px; } :is(.test1-checkout-page, .test1-cart-page) .checkout-card { padding: clamp(22px, 3vw, 36px); } :is(.test1-checkout-page, .test1-cart-page) .checkout-back-link { white-space: nowrap; } :is(.test1-checkout-page, .test1-cart-page) .entry-content, :is(.test1-checkout-page, .test1-cart-page) .woocommerce, :is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout, :is(.test1-checkout-page, .test1-cart-page) .wc-block-cart, :is(.test1-checkout-page, .test1-cart-page) .is-large { max-width: 100%; } :is(.test1-checkout-page, .test1-cart-page) .woocommerce { color: var(--text); } :is(.test1-checkout-page, .test1-cart-page) .woocommerce a, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-combobox .components-combobox-control__input, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input label, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkbox label { color: var(--text); } :is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row input.input-text, :is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row textarea, :is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row select, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input select, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea, :is(.test1-checkout-page, .test1-cart-page) .components-text-control__input, :is(.test1-checkout-page, .test1-cart-page) .components-form-token-field__input, :is(.test1-checkout-page, .test1-cart-page) .components-combobox-control__input, :is(.test1-checkout-page, .test1-cart-page) .coupon #coupon_code { min-height: 56px; padding: 14px 16px; border-radius: 18px; border: 1px solid rgba(18, 48, 89, 0.14); background: rgba(255, 255, 255, 0.9); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45); } :is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row textarea, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea { min-height: 120px; } :is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout #payment, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-billing-fields, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-additional-fields, :is(.test1-checkout-page, .test1-cart-page) #order_review, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-sidebar, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-totals-wrapper, :is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__main, :is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__sidebar, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkout-step, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-order-summary, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-totals-coupon, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-shipping-rates-control, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-address-form, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-cart-form, :is(.test1-checkout-page, .test1-cart-page) .cart_totals, :is(.test1-checkout-page, .test1-cart-page) .cart-collaterals { border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.72); background: rgba(255, 255, 255, 0.76); box-shadow: 0 30px 80px rgba(10, 43, 109, 0.12); } :is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout #payment, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-billing-fields, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-additional-fields, :is(.test1-checkout-page, .test1-cart-page) #order_review, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-cart-form, :is(.test1-checkout-page, .test1-cart-page) .cart_totals, :is(.test1-checkout-page, .test1-cart-page) .cart-collaterals { padding: 24px; } :is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row { margin-bottom: 16px; } :is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row label, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input label, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkbox label, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-radio-control__option-label { font-weight: 700; color: var(--text); } :is(.test1-checkout-page, .test1-cart-page) .woocommerce button.button, :is(.test1-checkout-page, .test1-cart-page) .woocommerce #payment #place_order, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-button, :is(.test1-checkout-page, .test1-cart-page) .wc-block-cart__submit-button, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkout-place-order-button, :is(.test1-checkout-page, .test1-cart-page) .checkout-button, :is(.test1-checkout-page, .test1-cart-page) .actions .button, :is(.test1-checkout-page, .test1-cart-page) .coupon .button { min-height: 56px; padding: 16px 22px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(135deg, var(--primary-strong), var(--primary)); box-shadow: 0 16px 30px rgba(13, 79, 214, 0.25); font-weight: 800; } :is(.test1-checkout-page, .test1-cart-page) .woocommerce button.button:hover, :is(.test1-checkout-page, .test1-cart-page) .woocommerce #payment #place_order:hover, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-button:hover, :is(.test1-checkout-page, .test1-cart-page) .wc-block-cart__submit-button:hover, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-checkout-place-order-button:hover, :is(.test1-checkout-page, .test1-cart-page) .checkout-button:hover, :is(.test1-checkout-page, .test1-cart-page) .actions .button:hover, :is(.test1-checkout-page, .test1-cart-page) .coupon .button:hover { transform: translateY(-1px); filter: brightness(1.03); } :is(.test1-checkout-page, .test1-cart-page) table.shop_table, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-order-summary-item, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-product-name { color: var(--text); } :is(.test1-checkout-page, .test1-cart-page) table.shop_table { overflow: hidden; border-radius: 18px; border-collapse: separate; border-spacing: 0; } :is(.test1-checkout-page, .test1-cart-page) table.shop_table td, :is(.test1-checkout-page, .test1-cart-page) table.shop_table th, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout-review-order-table th, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout-review-order-table td { border-color: rgba(18, 48, 89, 0.1); } :is(.test1-checkout-page, .test1-cart-page) .shop_table thead th { font-weight: 800; } :is(.test1-checkout-page, .test1-cart-page) .cart_item img { border-radius: 16px; } :is(.test1-checkout-page, .test1-cart-page) .product-remove a.remove { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: rgba(213, 59, 92, 0.08); color: #d53b5c !important; } :is(.test1-checkout-page, .test1-cart-page) .woocommerce-info, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-message, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-error, :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-notice-banner { border-radius: 18px; border: 1px solid rgba(18, 48, 89, 0.1); background: rgba(255, 255, 255, 0.84); color: var(--text); } :is(.test1-checkout-page, .test1-cart-page) .select2-container--default .select2-selection--single, :is(.test1-checkout-page, .test1-cart-page) .select2-container--default .select2-selection--multiple { min-height: 56px; border-radius: 18px; border: 1px solid rgba(18, 48, 89, 0.14); background: rgba(255, 255, 255, 0.9); } :is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout-review-order-table, :is(.test1-checkout-page, .test1-cart-page) #add_payment_method #payment div.payment_box, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-cart #payment div.payment_box, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout #payment div.payment_box { background: rgba(219, 246, 255, 0.45); border-radius: 18px; } :is(.test1-checkout-page, .test1-cart-page) .coupon { display: flex; flex-wrap: wrap; gap: 12px; } :is(.test1-checkout-page, .test1-cart-page) .cart-collaterals { margin-top: 24px; } :is(.test1-checkout-page, .test1-cart-page) .cart_totals { float: none; width: 100%; } :is(.test1-checkout-page, .test1-cart-page) .wc-proceed-to-checkout { margin-bottom: 0; padding-bottom: 0; } :is(.test1-checkout-page, .test1-cart-page) .wc-block-components-sidebar-layout { gap: 24px; } :is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__main, :is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__sidebar { padding: 22px; } @media (min-width: 992px) { :is(.test1-checkout-page, .test1-cart-page) .checkout-shell { grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr); } } @media (max-width: 781px) { :is(.test1-checkout-page, .test1-cart-page) .header-row, :is(.test1-checkout-page, .test1-cart-page) .header-actions { flex-wrap: wrap; } :is(.test1-checkout-page, .test1-cart-page) .header-actions { width: 100%; justify-content: stretch; } :is(.test1-checkout-page, .test1-cart-page) .header-actions > * { flex: 1 1 100%; justify-content: center; text-align: center; } :is(.test1-checkout-page, .test1-cart-page) .checkout-card, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-checkout #payment, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-billing-fields, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-additional-fields, :is(.test1-checkout-page, .test1-cart-page) #order_review, :is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__main, :is(.test1-checkout-page, .test1-cart-page) .wc-block-checkout__sidebar, :is(.test1-checkout-page, .test1-cart-page) .woocommerce-cart-form, :is(.test1-checkout-page, .test1-cart-page) .cart_totals, :is(.test1-checkout-page, .test1-cart-page) .cart-collaterals { padding: 18px; } :is(.test1-checkout-page, .test1-cart-page) .coupon { display: grid; } }