| 1 |
.usk-page-checkout{--usk-primary: #4f46e5;--usk-primary-hover: #4338ca;--usk-white: #ffffff;--usk-error: #ef4444;--usk-success: #22c55e;--usk-text-heading: #111827;--usk-text-body: #374151;--usk-text-muted: #6b7280;--usk-border-input: #e5e7eb;--usk-border-table: #e2e8f0;--usk-border-light: rgba(183, 185, 190, 0.212);--usk-bg-table: #f9fafb;--usk-bg-table-header: #f8fafc;--usk-bg-table-hover: #f1f5f9;--usk-bg-table-total: #eef2ff;--usk-bg-payment: #f8fafc;--usk-font-title: 22px;--usk-font-text-sm: 0.875rem;--usk-font-text-base: 14px;--usk-font-text-lg: 1.125rem;--usk-spacing-xs: 0.75rem;--usk-spacing-sm: 1rem;--usk-spacing-md: 1.25rem;--usk-spacing-lg: 1.5rem;--usk-spacing-xl: 2rem;--usk-spacing-2xl: 30px;--usk-radius: 6px;--usk-radius-sm: 0.375rem;--usk-input-height: 2.75rem;--usk-transition: all 0.2s ease;--usk-shadow-focus: 0 0 0 2px rgba(79, 70, 229, 0.1);display:grid;grid-template-columns:1fr;gap:var(--usk-spacing-2xl)}.usk-page-checkout .usk-checkout-billing-address,.usk-page-checkout .usk-checkout-shipping-form,.usk-page-checkout .usk-checkout-payment,.usk-page-checkout .usk-checkout-order-review{background:var(--usk-white);padding:var(--usk-spacing-lg);border:1px solid var(--usk-border-light);border-radius:var(--usk-radius)}.usk-page-checkout .usk-checkout-shipping-form,.usk-page-checkout .usk-checkout-payment{margin-top:var(--usk-spacing-2xl)}.usk-page-checkout .usk-checkout-billing-address-header,.usk-page-checkout .order_review_heading,.usk-page-checkout #ship-to-different-address{color:var(--usk-text-heading);font-size:var(--usk-font-title);font-weight:800;margin:0 0 var(--usk-spacing-2xl);line-height:1.1;position:relative;padding-bottom:1rem}.usk-page-checkout .usk-checkout-billing-address-header:after,.usk-page-checkout .order_review_heading:after,.usk-page-checkout #ship-to-different-address:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--usk-primary);border-radius:2px}.usk-page-checkout #ship-to-different-address{font-size:var(--usk-font-title);font-weight:600;margin-bottom:var(--usk-spacing-md)}.usk-page-checkout #ship-to-different-address:after{width:40px}.usk-page-checkout .form-row{margin:0;padding:0 !important;width:100% !important}.usk-page-checkout .form-row label{display:block;color:var(--usk-text-body);font-size:var(--usk-font-text-base);font-weight:500;margin-bottom:var(--usk-spacing-xs)}.usk-page-checkout .form-row .required{color:var(--usk-error)}.usk-page-checkout .form-row .input-text,.usk-page-checkout .form-row select,.usk-page-checkout .form-row .select2-selection{width:100%;height:var(--usk-input-height);padding:.75rem 1rem;border:1px solid var(--usk-border-input);border-radius:8px;background:var(--usk-white);color:var(--usk-text-body);font-size:var(--usk-font-text-base);transition:var(--usk-transition)}.usk-page-checkout .form-row .input-text:focus,.usk-page-checkout .form-row select:focus,.usk-page-checkout .form-row .select2-selection:focus{outline:none;border-color:var(--usk-primary);box-shadow:var(--usk-shadow-focus)}.usk-page-checkout .form-row .input-text::-moz-placeholder{color:var(--usk-text-muted)}.usk-page-checkout .form-row .input-text::placeholder{color:var(--usk-text-muted)}.usk-page-checkout .form-row input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.usk-page-checkout .form-row input[type=number]::-webkit-outer-spin-button,.usk-page-checkout .form-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.usk-page-checkout .form-row#bkash_transaction_id_field .input-text,.usk-page-checkout .form-row#rocket_transaction_id_field .input-text,.usk-page-checkout .form-row#nagad_transaction_id_field .input-text{letter-spacing:1px;font-family:monospace;font-size:15px;text-transform:uppercase}.usk-page-checkout .form-row#bkash_transaction_id_field .input-text::-moz-placeholder, .usk-page-checkout .form-row#rocket_transaction_id_field .input-text::-moz-placeholder, .usk-page-checkout .form-row#nagad_transaction_id_field .input-text::-moz-placeholder{text-transform:none;letter-spacing:normal;font-family:inherit}.usk-page-checkout .form-row#bkash_transaction_id_field .input-text::placeholder,.usk-page-checkout .form-row#rocket_transaction_id_field .input-text::placeholder,.usk-page-checkout .form-row#nagad_transaction_id_field .input-text::placeholder{text-transform:none;letter-spacing:normal;font-family:inherit}.usk-page-checkout .woocommerce-checkout-review-order-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--usk-border-table) !important;border-radius:var(--usk-radius);margin:0;overflow:hidden}.usk-page-checkout .woocommerce-checkout-review-order-table th,.usk-page-checkout .woocommerce-checkout-review-order-table td{padding:1.25rem 1rem;vertical-align:middle;width:50%;border:none !important;border-bottom:1px solid var(--usk-border-table) !important}.usk-page-checkout .woocommerce-checkout-review-order-table th:first-child,.usk-page-checkout .woocommerce-checkout-review-order-table td:first-child{text-align:left}.usk-page-checkout .woocommerce-checkout-review-order-table th:last-child,.usk-page-checkout .woocommerce-checkout-review-order-table td:last-child{text-align:right;position:relative}.usk-page-checkout .woocommerce-checkout-review-order-table th:last-child:before,.usk-page-checkout .woocommerce-checkout-review-order-table td:last-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--usk-border-table)}.usk-page-checkout .woocommerce-checkout-review-order-table thead th{background:var(--usk-bg-table-header);color:var(--usk-text-heading);font-weight:600;text-transform:uppercase;font-size:var(--usk-font-text-sm);letter-spacing:.05em;white-space:nowrap}.usk-page-checkout .woocommerce-checkout-review-order-table thead th:first-child{border-top-left-radius:var(--usk-radius)}.usk-page-checkout .woocommerce-checkout-review-order-table thead th:last-child{border-top-right-radius:var(--usk-radius)}.usk-page-checkout .woocommerce-checkout-review-order-table tbody tr{transition:var(--usk-transition)}.usk-page-checkout .woocommerce-checkout-review-order-table tbody tr:hover{background-color:var(--usk-bg-table-hover)}.usk-page-checkout .woocommerce-checkout-review-order-table tbody td{color:var(--usk-text-body);font-size:var(--usk-font-text-base)}.usk-page-checkout .woocommerce-checkout-review-order-table tbody td:first-child{font-weight:500}.usk-page-checkout .woocommerce-checkout-review-order-table tbody td .amount{font-weight:600;color:var(--usk-text-heading)}.usk-page-checkout .woocommerce-checkout-review-order-table tbody td .product-quantity{color:var(--usk-text-muted);font-size:var(--usk-font-text-sm);margin-left:.5rem}.usk-page-checkout .woocommerce-checkout-review-order-table tfoot tr:last-child td,.usk-page-checkout .woocommerce-checkout-review-order-table tfoot tr:last-child th{border-bottom:none !important}.usk-page-checkout .woocommerce-checkout-review-order-table tfoot th{font-weight:600;color:var(--usk-text-heading);text-align:left}.usk-page-checkout .woocommerce-checkout-review-order-table tfoot td{text-align:right}.usk-page-checkout .woocommerce-checkout-review-order-table tfoot td .amount{font-weight:600;color:var(--usk-text-heading)}.usk-page-checkout .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal{background-color:var(--usk-bg-table-header)}.usk-page-checkout .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td .amount{color:var(--usk-text-body)}.usk-page-checkout .woocommerce-checkout-review-order-table tfoot tr.shipping ul{list-style-type:none}.usk-page-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total{background-color:var(--usk-bg-table-total)}.usk-page-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total th,.usk-page-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td{padding-top:1.5rem;padding-bottom:1.5rem;font-weight:700}.usk-page-checkout .woocommerce-checkout-review-order-table tfoot tr.order-total td .amount{color:var(--usk-primary);font-size:var(--usk-font-text-lg)}.usk-page-checkout .woocommerce-checkout-review-order-table tfoot tr.tax-rate td .amount,.usk-page-checkout .woocommerce-checkout-review-order-table tfoot tr.shipping td .amount{color:var(--usk-text-body);font-weight:500}.usk-page-checkout #payment .wc_payment_methods{list-style:none;padding:0 !important;margin:0;border:1px solid var(--usk-border-light);border-radius:8px;overflow:hidden}.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method{border-bottom:1px solid var(--usk-border-light)}.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method:last-child{border:0}.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method input[type=radio]{display:none}.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method input[type=radio]:checked+label{background:var(--usk-bg-payment)}.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method input[type=radio]:checked+label:before{border-color:var(--usk-primary);background:var(--usk-primary)}.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method label{display:flex;align-items:center;padding:var(--usk-spacing-sm) var(--usk-spacing-md);cursor:pointer;position:relative}.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method label:before{content:"";width:16px;height:16px;margin-right:12px;border:2px solid var(--usk-border-light);border-radius:50%;transition:var(--usk-transition)}.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method label img{margin-left:auto;height:24px}.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method .payment_box{display:none;padding:var(--usk-spacing-sm) var(--usk-spacing-md);background:var(--usk-bg-payment);border-top:1px solid var(--usk-border-table)}.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method input[type=radio]:checked~.payment_box{display:block}.usk-page-checkout #payment{background:rgba(0,0,0,0)}.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method .payment_box:before{border:1em solid var(--usk-bg-payment) !important;border-right-color:rgba(0,0,0,0) !important;border-left-color:rgba(0,0,0,0) !important;border-top-color:rgba(0,0,0,0) !important}.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method .payment_box table td,.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method .payment_box table th{vertical-align:middle}.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method .payment_box table td label:before{display:none}.usk-page-checkout #payment .wc_payment_methods li.wc_payment_method .payment_box table td label{padding:0 !important}.usk-page-checkout .woocommerce-privacy-policy-text{margin:0 !important}.usk-page-checkout #payment #place_order{width:100%;margin-top:var(--usk-spacing-lg);padding:var(--usk-spacing-sm);background:var(--usk-primary);color:var(--usk-white);border:0;border-radius:var(--usk-radius);font-weight:600;cursor:pointer;transition:var(--usk-transition);float:unset}.usk-page-checkout .woocommerce-terms-and-conditions-wrapper{margin-top:var(--usk-spacing-sm)}.usk-page-checkout .woocommerce-terms-and-conditions-wrapper p{margin:0}.usk-page-checkout #payment #place_order:hover{background:var(--usk-primary-hover)}.usk-page-checkout .woocommerce-billing-fields__field-wrapper,.usk-page-checkout .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:repeat(1, 1fr);gap:var(--usk-spacing-md)}.usk-page-checkout .woocommerce-invalid .input-text,.usk-page-checkout .woocommerce-invalid select,.usk-page-checkout .woocommerce-invalid .select2-selection{border-color:var(--usk-error);background-color:rgba(239,68,68,.02)}.usk-page-checkout .woocommerce-invalid .input-text:hover,.usk-page-checkout .woocommerce-invalid select:hover,.usk-page-checkout .woocommerce-invalid .select2-selection:hover,.usk-page-checkout .woocommerce-invalid .input-text:focus,.usk-page-checkout .woocommerce-invalid select:focus,.usk-page-checkout .woocommerce-invalid .select2-selection:focus{border-color:var(--usk-error);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.usk-page-checkout .woocommerce-invalid label{color:var(--usk-error)}.usk-page-checkout .woocommerce-invalid label::after{content:"⚠️";margin-left:8px;font-size:14px}.usk-page-checkout .woocommerce-validated .input-text,.usk-page-checkout .woocommerce-validated select,.usk-page-checkout .woocommerce-validated .select2-selection{border-color:var(--usk-success);background-color:rgba(34,197,94,.02)}.usk-page-checkout .woocommerce-validated .input-text:hover,.usk-page-checkout .woocommerce-validated select:hover,.usk-page-checkout .woocommerce-validated .select2-selection:hover,.usk-page-checkout .woocommerce-validated .input-text:focus,.usk-page-checkout .woocommerce-validated select:focus,.usk-page-checkout .woocommerce-validated .select2-selection:focus{border-color:var(--usk-success);box-shadow:0 0 0 3px rgba(34,197,94,.1)}.usk-page-checkout .woocommerce-validated label{color:var(--usk-success)}.usk-page-checkout .woocommerce-validated label::after{content:"� |
| 2 |
";margin-left:8px;font-size:14px}.usk-page-checkout .select2-container{width:100% !important;margin-bottom:0 !important}.usk-page-checkout .select2-container--default .select2-selection--single{height:44px;padding:0;border:1px solid var(--usk-border-light);border-radius:8px;background:var(--usk-white);transition:var(--usk-transition)}.usk-page-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{height:100%;padding:0 1rem;line-height:42px;color:var(--usk-text-body);font-size:15px}.usk-page-checkout .select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--usk-text-muted)}.usk-page-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{transition:var(--usk-transition)}.usk-page-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b{border:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:12px;width:12px;height:12px;margin:-6px 0 0 -6px;transition:transform .2s ease}.usk-page-checkout .select2-container--default.select2-container--open .select2-selection--single{border-color:var(--usk-primary);box-shadow:var(--usk-shadow-focus)}.usk-page-checkout .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{transform:rotate(180deg)}.usk-page-checkout .select2-dropdown{margin-top:4px;border:1px solid var(--usk-primary);border-radius:8px;background:var(--usk-white);box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}.usk-page-checkout .select2-search--dropdown{padding:8px;background:var(--usk-white);border-bottom:1px solid var(--usk-border-light)}.usk-page-checkout .select2-search--dropdown .select2-search__field{height:36px;padding:0 12px;border:1px solid var(--usk-border-light);border-radius:6px;font-size:14px;transition:var(--usk-transition)}.usk-page-checkout .select2-search--dropdown .select2-search__field:focus{outline:none;border-color:var(--usk-primary);box-shadow:var(--usk-shadow-focus)}.usk-page-checkout .select2-results{padding:4px}.usk-page-checkout .select2-results .select2-results__options{max-height:280px}.usk-page-checkout .select2-results .select2-results__option{padding:8px 12px;margin:2px;border-radius:4px;font-size:14px;color:var(--usk-text-body);transition:var(--usk-transition)}.usk-page-checkout .select2-results .select2-results__option[aria-selected=true]{background-color:rgba(79,70,229,.1);color:var(--usk-primary);font-weight:500}.usk-page-checkout .select2-results .select2-results__option--highlighted[aria-selected]{background-color:var(--usk-primary);color:var(--usk-white)}.usk-page-checkout select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:44px;padding:0 42px 0 1rem !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px;font-size:15px;transition:var(--usk-transition)}.usk-page-checkout select:hover{border-color:var(--usk-primary)}.usk-page-checkout select:focus{border-color:var(--usk-primary);box-shadow:var(--usk-shadow-focus);outline:none}@media(min-width: 640px){.usk-page-checkout .woocommerce-billing-fields__field-wrapper,.usk-page-checkout .woocommerce-shipping-fields__field-wrapper{grid-template-columns:repeat(2, 1fr)}.usk-page-checkout .form-row-first,.usk-page-checkout .form-row-last{grid-column:span 1}.usk-page-checkout .form-row-wide{grid-column:span 2}}@media(min-width: 1024px){.usk-page-checkout{grid-template-columns:1fr 1fr}}@media(max-width: 1023px){.usk-page-checkout .usk-checkout-address-wrapper,.usk-page-checkout .usk-checkout-details-wrapper{gap:var(--usk-spacing-xl)}}@media(max-width: 767px){.usk-page-checkout .woocommerce-checkout-review-order-table th,.usk-page-checkout .woocommerce-checkout-review-order-table td{padding:1rem .75rem}.usk-page-checkout .woocommerce-checkout-review-order-table thead th{font-size:.75rem}.usk-page-checkout .woocommerce-checkout-review-order-table tbody td{font-size:.875rem}.usk-page-checkout .woocommerce-checkout-review-order-table tfoot .order-total td .amount{font-size:1rem}}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}} |
