body.woocommerce-checkout .shop_table,
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout #order_review .shop_table,
form.woocommerce-checkout .woocommerce-checkout-review-order-table {
table-layout: auto !important;
width: 100% !important;
}
body.woocommerce-checkout .shop_table tfoot,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot,
body.woocommerce-checkout #order_review .shop_table tfoot {
display: table-footer-group !important;
} body.woocommerce-checkout .woocommerce-form-login-toggle {
text-align: center !important;
padding: 1rem 0 !important;
margin-bottom: 1rem !important;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
background: #f8f9fa !important;
border: none !important;
border-left: 4px solid var(--c-primary) !important;
padding: 1rem 1.5rem !important;
margin: 0 auto !important;
max-width: 600px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.95rem !important;
color: #012241 !important;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before {
display: none !important;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a.showlogin {
color: var(--c-primary) !important;
font-weight: 600 !important;
text-decoration: underline !important;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a.showlogin:hover {
color: #012241 !important;
} body.woocommerce-checkout .woocommerce-form-login {
background: linear-gradient(135deg, rgba(1, 34, 65, 0.95) 0%, rgba(28, 94, 168, 0.9) 100%) !important;
border-radius: 16px !important;
padding: 2.5rem 2rem !important;
margin: 1.5rem auto 2.5rem !important;
max-width: 480px !important;
width: 100% !important;
box-shadow: 0 10px 40px rgba(1, 34, 65, 0.25), 0 4px 12px rgba(0, 0, 0, 0.1) !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
overflow: hidden !important;
} body.woocommerce-checkout .woocommerce-form-login::before {
content: '' !important;
position: absolute !important;
top: -50% !important;
right: -50% !important;
width: 100% !important;
height: 100% !important;
background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%) !important;
pointer-events: none !important;
} body.woocommerce-checkout .woocommerce-form-login > p:first-of-type {
color: rgba(255, 255, 255, 0.9) !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.95rem !important;
line-height: 1.6 !important;
text-align: center !important;
margin-bottom: 1.5rem !important;
max-width: 380px !important;
} body.woocommerce-checkout .woocommerce-form-login .form-row {
width: 100% !important;
max-width: 340px !important;
margin-bottom: 1.25rem !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
}
body.woocommerce-checkout .woocommerce-form-login .form-row-first,
body.woocommerce-checkout .woocommerce-form-login .form-row-last {
width: 100% !important;
max-width: 340px !important;
float: none !important;
} body.woocommerce-checkout .woocommerce-form-login label,
body.woocommerce-checkout .woocommerce-form-login .form-row label,
body.woocommerce-checkout .woocommerce-form-login .form-row-first label,
body.woocommerce-checkout .woocommerce-form-login .form-row-last label,
body.woocommerce-checkout form.woocommerce-form-login label {
color: #fff !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.85rem !important;
font-weight: 500 !important;
margin-bottom: 8px !important;
text-align: left !important;
display: block !important;
}
body.woocommerce-checkout .woocommerce-form-login label .required,
body.woocommerce-checkout .woocommerce-form-login .form-row label .required {
color: #ff6b6b !important;
} body.woocommerce-checkout .woocommerce-form-login .password-input,
body.woocommerce-checkout .woocommerce-form-login .woocommerce-input-wrapper {
position: relative !important;
}
body.woocommerce-checkout .woocommerce-form-login .show-password-input,
body.woocommerce-checkout .woocommerce-form-login .wp-hide-pw,
body.woocommerce-checkout .woocommerce-form-login button.wp-hide-pw,
body.woocommerce-checkout .woocommerce-form-login .password-input .show-password-input {
position: absolute !important;
right: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
background: transparent !important;
border: none !important;
padding: 5px !important;
cursor: pointer !important;
color: #666 !important;
width: auto !important;
height: auto !important;
box-shadow: none !important;
outline: none !important;
}
body.woocommerce-checkout .woocommerce-form-login .show-password-input:hover,
body.woocommerce-checkout .woocommerce-form-login .wp-hide-pw:hover,
body.woocommerce-checkout .woocommerce-form-login button.wp-hide-pw:hover {
background: transparent !important;
color: #333 !important;
}
body.woocommerce-checkout .woocommerce-form-login .show-password-input::before,
body.woocommerce-checkout .woocommerce-form-login .wp-hide-pw::before {
background: transparent !important;
} body.woocommerce-checkout .woocommerce-form-login .input-text,
body.woocommerce-checkout .woocommerce-form-login input[type="text"],
body.woocommerce-checkout .woocommerce-form-login input[type="email"],
body.woocommerce-checkout .woocommerce-form-login input[type="password"] {
width: 100% !important;
height: 52px !important;
padding: 0 16px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.95rem !important;
color: #333 !important;
background: #fff !important;
border: 2px solid transparent !important;
border-radius: 10px !important;
box-sizing: border-box !important;
transition: all 0.3s ease !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}
body.woocommerce-checkout .woocommerce-form-login .input-text:focus,
body.woocommerce-checkout .woocommerce-form-login input[type="text"]:focus,
body.woocommerce-checkout .woocommerce-form-login input[type="email"]:focus,
body.woocommerce-checkout .woocommerce-form-login input[type="password"]:focus {
outline: none !important;
border-color: var(--c-primary) !important;
box-shadow: 0 2px 12px rgba(28, 94, 168, 0.3), 0 0 0 4px rgba(28, 94, 168, 0.1) !important;
}
body.woocommerce-checkout .woocommerce-form-login .input-text::placeholder,
body.woocommerce-checkout .woocommerce-form-login input::placeholder {
color: #999 !important;
} body.woocommerce-checkout .woocommerce-form-login .form-row.woocommerce-form-login__rememberme {
flex-direction: row !important;
align-items: center !important;
gap: 0 !important;
margin-top: 0.5rem !important;
margin-bottom: 1.5rem !important;
}
body.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__rememberme label,
body.woocommerce-checkout .woocommerce-form-login label[for="rememberme"] {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
margin-bottom: 0 !important;
cursor: pointer !important;
font-size: 0.9rem !important;
color: #fff !important;
line-height: 1 !important;
}
body.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"],
body.woocommerce-checkout .woocommerce-form-login input#rememberme {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 14px !important;
height: 14px !important;
min-width: 14px !important;
min-height: 14px !important;
max-width: 14px !important;
max-height: 14px !important;
background: rgba(255, 255, 255, 0.2) !important;
border: 1.5px solid rgba(255, 255, 255, 0.7) !important;
border-radius: 3px !important;
cursor: pointer !important;
position: relative !important;
transition: all 0.2s ease !important;
flex-shrink: 0 !important;
margin: 0 !important;
vertical-align: middle !important;
padding: 0 !important;
}
body.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"]:checked,
body.woocommerce-checkout .woocommerce-form-login input#rememberme:checked {
background: var(--c-primary) !important;
border-color: var(--c-primary) !important;
}
body.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"]:checked::after,
body.woocommerce-checkout .woocommerce-form-login input#rememberme:checked::after {
content: '' !important;
position: absolute !important;
left: 3px !important;
top: 0px !important;
width: 3px !important;
height: 7px !important;
border: solid #fff !important;
border-width: 0 1.5px 1.5px 0 !important;
transform: rotate(45deg) !important;
} body.woocommerce-checkout .woocommerce-form-login button[type="submit"],
body.woocommerce-checkout .woocommerce-form-login .woocommerce-button,
body.woocommerce-checkout .woocommerce-form-login .button {
width: 100% !important;
max-width: 340px !important;
height: 52px !important;
padding: 0 24px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 1rem !important;
font-weight: 600 !important;
color: #fff !important;
background: linear-gradient(135deg, var(--c-primary) 0%, #2874c8 100%) !important;
border: none !important;
border-radius: 10px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
box-shadow: 0 4px 15px rgba(28, 94, 168, 0.4) !important;
text-transform: none !important;
letter-spacing: 0.3px !important;
}
body.woocommerce-checkout .woocommerce-form-login button[type="submit"]:hover,
body.woocommerce-checkout .woocommerce-form-login .woocommerce-button:hover,
body.woocommerce-checkout .woocommerce-form-login .button:hover {
background: linear-gradient(135deg, #164B87 0%, var(--c-primary) 100%) !important;
box-shadow: 0 6px 20px rgba(28, 94, 168, 0.5) !important;
transform: translateY(-2px) !important;
}
body.woocommerce-checkout .woocommerce-form-login button[type="submit"]:active,
body.woocommerce-checkout .woocommerce-form-login .woocommerce-button:active,
body.woocommerce-checkout .woocommerce-form-login .button:active {
transform: translateY(0) !important;
box-shadow: 0 2px 10px rgba(28, 94, 168, 0.3) !important;
} body.woocommerce-checkout .woocommerce-form-login .woocommerce-LostPassword,
body.woocommerce-checkout .woocommerce-form-login .lost_password {
margin-top: 1.25rem !important;
text-align: center !important;
}
body.woocommerce-checkout .woocommerce-form-login .woocommerce-LostPassword a,
body.woocommerce-checkout .woocommerce-form-login .lost_password a {
color: rgba(255, 255, 255, 0.85) !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
border-bottom: 1px solid transparent !important;
}
body.woocommerce-checkout .woocommerce-form-login .woocommerce-LostPassword a:hover,
body.woocommerce-checkout .woocommerce-form-login .lost_password a:hover {
color: #fff !important;
border-bottom-color: rgba(255, 255, 255, 0.5) !important;
} @media screen and (max-width: 576px) {
body.woocommerce-checkout .woocommerce-form-login {
padding: 2rem 1.5rem !important;
margin: 1rem auto 2rem !important;
border-radius: 12px !important;
max-width: calc(100% - 2rem) !important;
width: 100% !important;
box-sizing: border-box !important;
left: 0 !important;
right: 0 !important;
}
body.woocommerce-checkout .woocommerce-form-login .form-row,
body.woocommerce-checkout .woocommerce-form-login .form-row-first,
body.woocommerce-checkout .woocommerce-form-login .form-row-last,
body.woocommerce-checkout .woocommerce-form-login button[type="submit"],
body.woocommerce-checkout .woocommerce-form-login .button {
max-width: 100% !important;
width: 100% !important;
}
body.woocommerce-checkout .woocommerce-form-login .input-text,
body.woocommerce-checkout .woocommerce-form-login input[type="text"],
body.woocommerce-checkout .woocommerce-form-login input[type="email"],
body.woocommerce-checkout .woocommerce-form-login input[type="password"],
body.woocommerce-checkout .woocommerce-form-login button[type="submit"] {
height: 50px !important;
font-size: 16px !important; width: 100% !important;
}
}  body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout form.checkout {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body.woocommerce-checkout #customer_details { margin: 0 auto !important;
padding: 0 !important;
}
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
float: none !important;
} body.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 14px 20px !important;
width: 100% !important;
} body.woocommerce-checkout #customer_details p,
body.woocommerce-checkout #customer_details .form-row {
width: 100% !important;
margin-bottom: 0 !important;
} body.woocommerce-checkout #customer_details .form-row {
grid-column: span 1 !important;
width: 100% !important;
} body.woocommerce-checkout #customer_details #order_comments_field {
grid-column: 1 / -1 !important;
width: 100% !important;
} body.woocommerce-checkout #customer_details #shipping_company_field {
grid-column: 1 / -1 !important;
width: 100% !important;
}  body.woocommerce-checkout #billing_first_name_field { order: 1 !important; }
body.woocommerce-checkout #billing_last_name_field { order: 2 !important; }
body.woocommerce-checkout #billing_email_field { order: 3 !important; }
body.woocommerce-checkout #billing_phone_field { order: 4 !important; }
body.woocommerce-checkout #billing_company_field { order: 5 !important; }
body.woocommerce-checkout #billing_vat_field { order: 6 !important; }
body.woocommerce-checkout #billing_address_1_field { order: 7 !important; }
body.woocommerce-checkout #billing_address_2_field { order: 8 !important; }
body.woocommerce-checkout #billing_city_field { order: 9 !important; }
body.woocommerce-checkout #billing_postcode_field { order: 10 !important; }
body.woocommerce-checkout #billing_country_field { order: 11 !important; }
body.woocommerce-checkout #billing_state_field { order: 12 !important; } body.woocommerce-checkout .form-row {
margin-bottom: 0 !important;
padding: 0 !important;
width: 100% !important;
}
body.woocommerce-checkout .form-row label {
display: block !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.85rem !important;
font-weight: 600 !important;
color: #012241 !important;
margin-bottom: 6px !important;
text-align: left !important;
}
body.woocommerce-checkout .form-row label .optional {
font-weight: 400 !important;
color: #888 !important;
font-size: 0.8rem !important;
}
body.woocommerce-checkout .form-row label .required {
color: #e31837 !important;
}
body.woocommerce-checkout .form-row .woocommerce-input-wrapper {
width: 100% !important;
} body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row input[type="text"],
body.woocommerce-checkout .form-row input[type="email"],
body.woocommerce-checkout .form-row input[type="tel"],
body.woocommerce-checkout .form-row input[type="number"],
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout #customer_details .input-text,
body.woocommerce-checkout #customer_details input[type="text"],
body.woocommerce-checkout #customer_details select {
width: 100% !important;
height: 50px !important;
padding: 0 16px !important;
font-size: 0.95rem !important;
font-family: 'Poppins', sans-serif !important;
color: #333 !important;
background: #fff !important;
border: 1px solid #d0d5dd !important;
border-radius: 8px !important;
box-sizing: border-box !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout #customer_details textarea,
body.woocommerce-checkout #order_comments,
body.woocommerce-checkout textarea#order_comments,
body.woocommerce-checkout .woocommerce-input-wrapper textarea,
body.woocommerce-checkout .form-row.notes textarea,
body.woocommerce-checkout #customer_details textarea#order_comments,
body.woocommerce-checkout #customer_details textarea.input-text,
body.woocommerce-checkout #customer_details #order_comments.input-text {
height: auto !important;
min-height: 100px !important;
padding: 16px 16px 16px 16px !important;
resize: vertical !important;
line-height: 1.5 !important;
vertical-align: top !important;
}
body.woocommerce-checkout .form-row input:focus,
body.woocommerce-checkout .form-row select:focus,
body.woocommerce-checkout .form-row textarea:focus {
border-color: var(--c-primary) !important;
box-shadow: 0 0 0 3px rgba(28, 94, 168, 0.12) !important;
outline: none !important;
}
body.woocommerce-checkout .form-row input::placeholder,
body.woocommerce-checkout .form-row textarea::placeholder,
body.woocommerce-checkout #order_comments::placeholder {
color: #999 !important;
padding-top: 0 !important;
line-height: 1.5 !important;
} body.woocommerce-checkout .select2-container {
width: 100% !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single {
height: 50px !important;
border: 1px solid #d0d5dd !important;
border-radius: 8px !important;
padding: 0 16px !important;
display: flex !important;
align-items: center !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 50px !important;
padding: 0 !important;
color: #333 !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px !important;
right: 12px !important;
}  body.woocommerce-checkout #eu_vat_number_field,
body.woocommerce-checkout #billing_eu_vat_number_field,
body.woocommerce-checkout p[id*="tax_identification"],
body.woocommerce-checkout p[id*="eu_vat"],
body.woocommerce-checkout .wc-block-components-text-input[id*="vat"],
body.woocommerce-checkout #wc_tax_identification_field,
body.woocommerce-checkout #billing_tax_id_field,
body.woocommerce-checkout #tax_identification_number_field,
body.woocommerce-checkout [id*="tax_identification"],
body.woocommerce-checkout [id*="tax-identification"] {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
} body.woocommerce-checkout .form-row-tax-identification,
body.woocommerce-checkout .form-row-eu-vat,
body.woocommerce-checkout .form-row.tax-identification {
display: none !important;
}  body.woocommerce-checkout .checkboxes-wrapper {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
gap: 60px !important;
padding: 1.5rem 0 !important;
margin: 1rem 0 !important;
border-top: 1px solid #eee !important;
border-bottom: 1px solid #eee !important;
width: 100% !important;
} body.woocommerce-checkout .checkboxes-wrapper > *,
body.woocommerce-checkout .checkboxes-wrapper #ship-to-different-address,
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline,
body.woocommerce-checkout .checkboxes-wrapper .create-account-checkbox {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
} body.woocommerce-checkout .checkboxes-wrapper label,
body.woocommerce-checkout .checkboxes-wrapper .woocommerce-form__label,
body.woocommerce-checkout .checkboxes-wrapper .woocommerce-form__label-for-checkbox,
body.woocommerce-checkout .checkboxes-wrapper label.checkbox {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
color: #012241 !important;
cursor: pointer !important;
margin: 0 !important;
padding: 0 !important;
line-height: 24px !important;
white-space: nowrap !important;
} body.woocommerce-checkout .checkboxes-wrapper .optional {
display: none !important;
} body.woocommerce-checkout .checkboxes-wrapper input[type="checkbox"],
body.woocommerce-checkout .checkboxes-wrapper .woocommerce-form__label-for-checkbox input[type="checkbox"],
body.woocommerce-checkout .checkboxes-wrapper label input[type="checkbox"],
body.woocommerce-checkout .checkboxes-wrapper label.checkbox input[type="checkbox"] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
min-height: 24px !important;
max-width: 24px !important;
max-height: 24px !important;
border: 2px solid var(--c-primary) !important;
border-radius: 4px !important;
background: #fff !important;
margin: 0 !important;
padding: 0 !important;
cursor: pointer !important;
position: relative !important;
flex-shrink: 0 !important;
transition: all 0.2s ease !important;
outline: none !important;
box-shadow: none !important;
} body.woocommerce-checkout .checkboxes-wrapper input[type="checkbox"]::before,
body.woocommerce-checkout .checkboxes-wrapper .woocommerce-form__label-for-checkbox input[type="checkbox"]::before {
display: none !important;
content: none !important;
} body.woocommerce-checkout .checkboxes-wrapper input[type="checkbox"]:hover {
border-color: #164B87 !important;
background: #f0f7ff !important;
} body.woocommerce-checkout .checkboxes-wrapper input[type="checkbox"]:checked,
body.woocommerce-checkout .checkboxes-wrapper .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked,
body.woocommerce-checkout .checkboxes-wrapper label input[type="checkbox"]:checked {
background: var(--c-primary) !important;
border-color: var(--c-primary) !important;
} body.woocommerce-checkout .checkboxes-wrapper input[type="checkbox"]:checked::after,
body.woocommerce-checkout .checkboxes-wrapper .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked::after,
body.woocommerce-checkout .checkboxes-wrapper label input[type="checkbox"]:checked::after {
content: '' !important;
display: block !important;
position: absolute !important;
left: 7px !important;
top: 3px !important;
width: 6px !important;
height: 12px !important;
border: solid #fff !important;
border-width: 0 2.5px 2.5px 0 !important;
transform: rotate(45deg) !important;
background: transparent !important;
box-shadow: none !important;
} body.woocommerce-checkout .checkboxes-wrapper input[type="checkbox"]:focus {
box-shadow: 0 0 0 3px rgba(28, 94, 168, 0.2) !important;
} body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline,
body.woocommerce-checkout .checkboxes-wrapper p#gees_invoice_add_field {
padding: 0 !important;
margin: 0 !important;
}
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline .woocommerce-input-wrapper,
body.woocommerce-checkout .checkboxes-wrapper p#gees_invoice_add_field .woocommerce-input-wrapper {
display: flex !important;
align-items: center !important;
padding: 0 !important;
margin: 0 !important;
}
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline label.checkbox,
body.woocommerce-checkout .checkboxes-wrapper p#gees_invoice_add_field label.checkbox {
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
padding: 0 !important;
margin: 0 !important;
} body.woocommerce-checkout .woocommerce-account-fields {
display: none !important;
} body.woocommerce-checkout .woocommerce-shipping-fields {
padding: 0 !important;
margin: 0 !important;
border: none !important;
} body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 14px 20px !important;
width: 100% !important;
} body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row {
grid-column: span 1 !important;
width: 100% !important;
} body.woocommerce-checkout #shipping_first_name_field { order: 1 !important; }
body.woocommerce-checkout #shipping_last_name_field { order: 2 !important; }
body.woocommerce-checkout #shipping_company_field { 
order: 3 !important; 
grid-column: 1 / -1 !important; 
width: 100% !important;
}
body.woocommerce-checkout #shipping_address_1_field { order: 4 !important; }
body.woocommerce-checkout #shipping_address_2_field { order: 5 !important; }
body.woocommerce-checkout #shipping_city_field { order: 6 !important; }
body.woocommerce-checkout #shipping_postcode_field { order: 7 !important; }
body.woocommerce-checkout #shipping_country_field { order: 20 !important; display: none !important; }
body.woocommerce-checkout #shipping_state_field { order: 21 !important; display: none !important; } body.woocommerce-checkout .checkout-checkboxes-row .form-row {
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout .checkout-checkboxes-row label {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
color: #012241 !important;
cursor: pointer !important;
} body.woocommerce-checkout .woocommerce-additional-fields {
margin-top: 1.5rem !important;
padding: 0 !important;
width: 100% !important;
}
body.woocommerce-checkout .woocommerce-additional-fields h3 {
font-size: 1.1rem !important;
font-weight: 600 !important;
color: #012241 !important;
margin-bottom: 1rem !important;
padding: 0 !important;
}
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
} body.woocommerce-checkout .form-row.woocommerce-validated input[type="checkbox"],
body.woocommerce-checkout .form-row input[type="checkbox"] {
width: 18px !important;
height: 18px !important;
accent-color: var(--c-primary) !important;
margin-right: 8px !important;
} @media screen and (max-width: 768px) {
body.woocommerce-checkout #customer_details {
padding: 0 0.75rem !important;
}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper {
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
} body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > p,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
width: 100% !important;
} body.woocommerce-checkout #billing_first_name_field { order: 1 !important; }
body.woocommerce-checkout #billing_last_name_field { order: 2 !important; }
body.woocommerce-checkout #billing_email_field { order: 3 !important; }
body.woocommerce-checkout #billing_phone_field { order: 4 !important; }
body.woocommerce-checkout #billing_company_field { order: 5 !important; }
body.woocommerce-checkout #billing_vat_field { order: 6 !important; }
body.woocommerce-checkout #billing_address_1_field { order: 7 !important; }
body.woocommerce-checkout #billing_address_2_field { order: 8 !important; }
body.woocommerce-checkout #billing_city_field { order: 9 !important; }
body.woocommerce-checkout #billing_postcode_field { order: 10 !important; }
body.woocommerce-checkout #billing_country_field { order: 11 !important; }
body.woocommerce-checkout #billing_state_field { order: 12 !important; } body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper {
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row {
width: 100% !important;
} body.woocommerce-checkout #shipping_first_name_field { order: 1 !important; }
body.woocommerce-checkout #shipping_last_name_field { order: 2 !important; }
body.woocommerce-checkout #shipping_company_field { order: 3 !important; }
body.woocommerce-checkout #shipping_address_1_field { order: 4 !important; }
body.woocommerce-checkout #shipping_address_2_field { order: 5 !important; }
body.woocommerce-checkout #shipping_city_field { order: 6 !important; }
body.woocommerce-checkout #shipping_postcode_field { order: 7 !important; }
body.woocommerce-checkout #shipping_country_field { order: 8 !important; }
body.woocommerce-checkout #shipping_state_field { order: 9 !important; }
body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row input[type="text"],
body.woocommerce-checkout .form-row input[type="email"],
body.woocommerce-checkout .form-row input[type="tel"],
body.woocommerce-checkout .form-row select {
height: 48px !important;
font-size: 16px !important; }
body.woocommerce-checkout .select2-container--default .select2-selection--single {
height: 48px !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 48px !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 46px !important;
} body.woocommerce-checkout .checkboxes-wrapper {
flex-direction: column !important;
align-items: flex-start !important;
gap: 16px !important;
padding: 1rem 0 !important;
margin: 1rem 0 !important;
}
body.woocommerce-checkout .checkboxes-wrapper > *,
body.woocommerce-checkout .checkboxes-wrapper #ship-to-different-address,
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline,
body.woocommerce-checkout .checkboxes-wrapper .create-account-checkbox {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline,
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline label,
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline .woocommerce-input-wrapper,
body.woocommerce-checkout .checkboxes-wrapper .vat-checkbox-inline span,
body.woocommerce-checkout .checkboxes-wrapper p.vat-checkbox-inline {
padding-left: 0 !important;
margin-left: 0 !important;
display: flex !important;
align-items: center !important;
}
} @media screen and (min-width: 769px) and (max-width: 992px) {
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper {
gap: 14px 16px !important;
}
} @media screen and (min-width: 992px) {
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper {
gap: 18px 24px !important;
}
} body.woocommerce-checkout .form-row.woocommerce-invalid input,
body.woocommerce-checkout .form-row.woocommerce-invalid select {
border-color: #e31837 !important;
}
body.woocommerce-checkout .form-row.woocommerce-invalid label {
color: #e31837 !important;
}
body.woocommerce-checkout .form-row.woocommerce-validated input,
body.woocommerce-checkout .form-row.woocommerce-validated select {
border-color: #28a745 !important;
} body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3 {
font-size: 1.3rem !important;
font-weight: 700 !important;
color: #012241 !important;
margin-bottom: 1.5rem !important;
padding: 0 0 0.75rem 0 !important;
border-bottom: 2px solid var(--c-primary) !important;
} body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-shipping-fields {
padding: 0 !important;
margin: 0 !important;
}  body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout h3#order_review_heading {
padding: 0 !important;
margin: 2rem 0 1rem 0 !important;
} body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
width: 100% !important;
overflow-x: visible !important;
padding: 0 !important;
margin: 0 !important;
}
body.woocommerce-checkout #order_review .shop_table,
body.woocommerce-checkout .woocommerce-checkout-review-order-table {
width: 100% !important;
table-layout: auto !important;
border-collapse: collapse !important;
margin: 0 !important;
padding: 0 !important;
} body.woocommerce-checkout #order_review .shop_table tfoot,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot {
display: table-footer-group !important;
width: 100% !important;
}
body.woocommerce-checkout #order_review .shop_table tfoot tr,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr {
display: table-row !important;
width: 100% !important;
} body.woocommerce-checkout #order_review .shop_table th,
body.woocommerce-checkout #order_review .shop_table td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td {
padding: 0.75rem 0 !important;
}
body.woocommerce-checkout #order_review .shop_table thead th:first-child,
body.woocommerce-checkout #order_review .shop_table tbody td:first-child,
body.woocommerce-checkout #order_review .shop_table tfoot th:first-child,
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th:first-child,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td:first-child,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th:first-child {
padding-left: 20px !important;
text-align: left !important;
}
body.woocommerce-checkout #order_review .shop_table thead th:last-child,
body.woocommerce-checkout #order_review .shop_table tbody td:last-child,
body.woocommerce-checkout #order_review .shop_table tfoot td:last-child,
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th:last-child,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td:last-child,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td:last-child {
padding-right: 20px !important;
text-align: right !important;
} body.woocommerce-checkout #order_review .shop_table td.product-name,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name {
width: 70% !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
padding-right: 10px !important;
padding-left: 20px !important;
} body.woocommerce-checkout #order_review .shop_table td.product-total,
body.woocommerce-checkout #order_review .shop_table .product-total,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total {
text-align: right !important;
width: 30% !important;
white-space: nowrap !important;
padding-right: 0 !important;
}
body.woocommerce-checkout #order_review .shop_table .woocommerce-Price-amount,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-Price-amount {
display: inline-block !important;
text-align: right !important;
} body.woocommerce-checkout #order_review .cart-subtotal td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart-subtotal td {
text-align: right !important;
} body.woocommerce-checkout #order_review .order-total td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
text-align: right !important;
}
body.woocommerce-checkout #order_review .order-total td strong,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td strong {
display: block !important;
text-align: right !important;
}  body.woocommerce-checkout .woocommerce-shipping-methods,
body.woocommerce-checkout ul.woocommerce-shipping-methods,
body.woocommerce-checkout ul#shipping_method {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
text-align: left !important;
width: 100% !important;
max-width: 100% !important;
}
body.woocommerce-checkout .woocommerce-shipping-methods li,
body.woocommerce-checkout ul.woocommerce-shipping-methods li,
body.woocommerce-checkout ul#shipping_method li {
display: flex !important;
grid-template-columns: unset !important;
justify-content: flex-start !important;
text-align: left !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout .woocommerce-shipping-methods li label,
body.woocommerce-checkout ul.woocommerce-shipping-methods li label,
body.woocommerce-checkout ul#shipping_method li label {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-start !important;
text-align: left !important;
min-width: unset !important;
width: auto !important;
flex: 1 !important;
} body.woocommerce-checkout .woocommerce-shipping-totals,
body.woocommerce-checkout #order_review .woocommerce-shipping-totals,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-shipping-totals,
body.woocommerce-checkout .shop_table .woocommerce-shipping-totals,
body.woocommerce-checkout tfoot .woocommerce-shipping-totals,
body.woocommerce-checkout .shop_table tfoot .woocommerce-shipping-totals,
body.woocommerce-checkout tr.woocommerce-shipping-totals,
body.woocommerce-checkout tfoot tr.woocommerce-shipping-totals,
body.woocommerce-checkout .shop_table tfoot tr.woocommerce-shipping-totals {
display: block !important;
width: 100% !important;
padding: 0 0 1.5rem 0 !important;
margin: 0 0 1.5rem 0 !important;
float: none !important;
clear: both !important;
border-bottom: 1px solid #e9ecef !important;
padding-bottom: 2rem !important;
} body.woocommerce-checkout .woocommerce-shipping-totals th,
body.woocommerce-checkout .shop_table .woocommerce-shipping-totals th,
body.woocommerce-checkout tfoot .woocommerce-shipping-totals th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-shipping-totals th,
body.woocommerce-checkout #order_review .shop_table .woocommerce-shipping-totals th,
body.woocommerce-checkout .shop_table tfoot .woocommerce-shipping-totals th,
body.woocommerce-checkout tr.woocommerce-shipping-totals th,
body.woocommerce-checkout tfoot tr.woocommerce-shipping-totals th {
display: block !important;
float: none !important;
text-align: left !important;
padding: 0.75rem 0 0.5rem 0 !important;
font-weight: 600 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
} body.woocommerce-checkout .woocommerce-shipping-totals td,
body.woocommerce-checkout .shop_table .woocommerce-shipping-totals td,
body.woocommerce-checkout tfoot .woocommerce-shipping-totals td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-shipping-totals td,
body.woocommerce-checkout #order_review .shop_table .woocommerce-shipping-totals td,
body.woocommerce-checkout .shop_table tfoot .woocommerce-shipping-totals td,
body.woocommerce-checkout tr.woocommerce-shipping-totals td,
body.woocommerce-checkout tfoot tr.woocommerce-shipping-totals td,
body.woocommerce-checkout .woocommerce-shipping-totals td[data-title],
body.woocommerce-checkout .woocommerce-shipping-totals td[data-title="Wysyłka"] {
display: block !important;
float: none !important;
padding: 0 !important;
text-align: left !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
} body.woocommerce-checkout #shipping_method,
body.woocommerce-checkout .woocommerce-shipping-methods,
body.woocommerce-checkout .woocommerce-shipping-totals ul,
body.woocommerce-checkout .woocommerce-shipping-totals td ul,
body.woocommerce-checkout .woocommerce-shipping-totals td ul#shipping_method,
body.woocommerce-checkout ul#shipping_method,
body.woocommerce-checkout ul.woocommerce-shipping-methods {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
text-align: left !important;
display: block !important;
float: none !important;
} body.woocommerce-checkout #shipping_method li,
body.woocommerce-checkout .woocommerce-shipping-methods li,
body.woocommerce-checkout .woocommerce-shipping-totals ul li,
body.woocommerce-checkout .woocommerce-shipping-totals td ul li,
body.woocommerce-checkout ul#shipping_method li,
body.woocommerce-checkout ul.woocommerce-shipping-methods li {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 1rem !important;
margin: 0 0 0.75rem 0 !important;
padding: 1.25rem 1.5rem !important;
background: #f8f9fa !important;
border-radius: 10px !important;
border: 2px solid #e9ecef !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
font-size: 0.95rem !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
min-height: 70px !important;
float: none !important;
position: relative !important;
} body.woocommerce-checkout #shipping_method li label,
body.woocommerce-checkout .woocommerce-shipping-methods li label,
body.woocommerce-checkout .woocommerce-shipping-totals ul li label {
position: static !important;
}
body.woocommerce-checkout #shipping_method li label::before,
body.woocommerce-checkout .woocommerce-shipping-methods li label::before,
body.woocommerce-checkout .woocommerce-shipping-totals ul li label::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 1 !important;
cursor: pointer !important;
} body.woocommerce-checkout #shipping_method li input[type="radio"],
body.woocommerce-checkout .woocommerce-shipping-methods li input[type="radio"],
body.woocommerce-checkout .woocommerce-shipping-totals ul li input[type="radio"] {
position: relative !important;
z-index: 2 !important;
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
min-height: 22px !important;
margin: 0 !important;
accent-color: var(--c-primary) !important;
cursor: pointer !important;
flex-shrink: 0 !important;
}
body.woocommerce-checkout #shipping_method li:last-child,
body.woocommerce-checkout .woocommerce-shipping-methods li:last-child {
margin-bottom: 0 !important;
}
body.woocommerce-checkout #shipping_method li:hover,
body.woocommerce-checkout #shipping_method li:active,
body.woocommerce-checkout .woocommerce-shipping-methods li:hover,
body.woocommerce-checkout .woocommerce-shipping-methods li:active,
body.woocommerce-checkout .woocommerce-shipping-totals ul li:hover,
body.woocommerce-checkout .woocommerce-shipping-totals ul li:active {
background: #e8f4fc !important;
border-color: var(--c-primary) !important;
}
body.woocommerce-checkout #shipping_method li label,
body.woocommerce-checkout .woocommerce-shipping-methods li label,
body.woocommerce-checkout .woocommerce-shipping-totals ul li label {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0.75rem !important;
cursor: pointer !important;
font-size: 0.95rem !important;
font-weight: 500 !important;
color: #333 !important;
line-height: 1.4 !important;
flex: 1 !important;
text-align: left !important;
margin: 0 !important;
padding: 0 !important;
min-width: auto !important;
width: auto !important;
max-width: none !important;
} body.woocommerce-checkout #shipping_method li label .woocommerce-Price-amount,
body.woocommerce-checkout .woocommerce-shipping-methods li label .woocommerce-Price-amount,
body.woocommerce-checkout .woocommerce-shipping-totals ul li label .woocommerce-Price-amount {
font-weight: 600 !important;
color: var(--c-primary) !important;
margin-left: auto !important;
} body.woocommerce-checkout #shipping_method li label img,
body.woocommerce-checkout .woocommerce-shipping-methods li label img,
body.woocommerce-checkout .woocommerce-shipping-totals ul li label img {
max-width: 80px !important;
height: auto !important;
object-fit: contain !important;
margin: 0 !important;
} body.woocommerce-checkout #shipping_method li .shipping-method-description,
body.woocommerce-checkout .woocommerce-shipping-methods li .shipping-method-description,
body.woocommerce-checkout .woocommerce-shipping-totals ul li .shipping-method-description,
body.woocommerce-checkout #shipping_method li label small,
body.woocommerce-checkout .woocommerce-shipping-methods li label small,
body.woocommerce-checkout .woocommerce-shipping-totals ul li label small {
display: block !important;
width: 100% !important;
font-size: 0.85rem !important;
font-weight: 400 !important;
color: #666 !important;
margin-top: 0.25rem !important;
} @media screen and (max-width: 768px) { body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
overflow-x: hidden !important;
} body.woocommerce-checkout #order_review .shop_table,
body.woocommerce-checkout .woocommerce-checkout-review-order-table {
width: 100% !important;
table-layout: fixed !important;
border-collapse: collapse !important;
} body.woocommerce-checkout #order_review .shop_table thead,
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead {
display: table-header-group !important;
}
body.woocommerce-checkout #order_review .shop_table thead th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
padding: 0.75rem 0.5rem !important;
font-size: 0.9rem !important;
} body.woocommerce-checkout #order_review .shop_table tbody tr,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr {
display: table-row !important;
}
body.woocommerce-checkout #order_review .shop_table tbody td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
display: table-cell !important;
padding: 0.75rem 0.5rem !important;
vertical-align: top !important;
} body.woocommerce-checkout #order_review .shop_table td.product-name,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name {
width: 65% !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
font-size: 0.85rem !important;
line-height: 1.4 !important;
padding-right: 8px !important;
} body.woocommerce-checkout #order_review .shop_table td.product-total,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total {
width: 35% !important;
text-align: right !important;
white-space: nowrap !important;
font-size: 0.85rem !important;
font-weight: 600 !important;
} body.woocommerce-checkout #order_review .shop_table .woocommerce-Price-amount,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-Price-amount {
font-size: 0.85rem !important;
} body.woocommerce-checkout #order_review .shop_table tfoot,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot {
display: table-footer-group !important;
}
body.woocommerce-checkout #order_review .shop_table tfoot tr,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr {
display: table-row !important;
}
body.woocommerce-checkout #order_review .shop_table tfoot th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th {
width: 50% !important;
text-align: left !important;
padding: 0.75rem 0.5rem !important;
font-size: 0.9rem !important;
font-weight: 600 !important;
}
body.woocommerce-checkout #order_review .shop_table tfoot td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
width: 50% !important;
text-align: right !important;
padding: 0.75rem 0.5rem !important;
font-size: 0.9rem !important;
} body.woocommerce-checkout #order_review .shop_table tfoot .order-total th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total th,
body.woocommerce-checkout #order_review .shop_table tfoot .order-total td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total td {
font-size: 1rem !important;
font-weight: 700 !important;
padding-top: 1rem !important;
} body.woocommerce-checkout #order_review .shop_table .product-name .product-quantity,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name .product-quantity {
display: inline !important;
}  body.woocommerce-checkout .woocommerce-shipping-totals,
body.woocommerce-checkout .shop_table .woocommerce-shipping-totals,
body.woocommerce-checkout tfoot .woocommerce-shipping-totals {
display: block !important;
width: 100% !important;
}
body.woocommerce-checkout .woocommerce-shipping-totals th,
body.woocommerce-checkout .shop_table .woocommerce-shipping-totals th,
body.woocommerce-checkout tfoot .woocommerce-shipping-totals th {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
text-align: left !important;
vertical-align: top !important;
padding: 0.75rem 0 0.5rem 0 !important;
}
body.woocommerce-checkout .woocommerce-shipping-totals td,
body.woocommerce-checkout .shop_table .woocommerce-shipping-totals td,
body.woocommerce-checkout tfoot .woocommerce-shipping-totals td {
display: block !important;
width: 100% !important;
text-align: left !important;
vertical-align: top !important;
padding: 0 !important;
} body.woocommerce-checkout #shipping_method,
body.woocommerce-checkout .woocommerce-shipping-methods {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout #shipping_method li,
body.woocommerce-checkout .woocommerce-shipping-methods li {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 0.5rem !important;
padding: 0.75rem !important;
margin: 0.4rem 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout #shipping_method li input[type="radio"],
body.woocommerce-checkout .woocommerce-shipping-methods li input[type="radio"] {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
margin-top: 2px !important;
flex-shrink: 0 !important;
}
body.woocommerce-checkout #shipping_method li label,
body.woocommerce-checkout .woocommerce-shipping-methods li label {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
text-align: left !important;
font-size: 0.85rem !important;
line-height: 1.4 !important;
flex: 1 !important;
min-width: 0 !important;
width: auto !important;
gap: 0.25rem !important;
}
body.woocommerce-checkout #shipping_method li label .woocommerce-Price-amount,
body.woocommerce-checkout .woocommerce-shipping-methods li label .woocommerce-Price-amount {
margin-left: 0 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout #shipping_method li label img,
body.woocommerce-checkout .woocommerce-shipping-methods li label img {
max-width: 60px !important;
height: auto !important;
margin: 0.25rem 0 !important;
}
body.woocommerce-checkout #shipping_method li label small,
body.woocommerce-checkout .woocommerce-shipping-methods li label small,
body.woocommerce-checkout #shipping_method li .shipping-method-description,
body.woocommerce-checkout .woocommerce-shipping-methods li .shipping-method-description {
font-size: 0.75rem !important;
color: #666 !important;
word-wrap: break-word !important;
}
} @media screen and (min-width: 768px) and (max-width: 992px) {
body.woocommerce-checkout #customer_details {
padding: 0 1rem !important;
}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 14px 16px !important;
}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > p,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
width: 100% !important;
}
body.woocommerce-checkout #order_review .shop_table,
body.woocommerce-checkout .woocommerce-checkout-review-order-table {
width: 100% !important;
table-layout: fixed !important;
}
body.woocommerce-checkout #order_review .shop_table thead th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
padding: 0.75rem 0.5rem !important;
font-size: 0.9rem !important;
}
body.woocommerce-checkout #order_review .shop_table tbody td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
padding: 0.75rem 0.5rem !important;
vertical-align: top !important;
}
body.woocommerce-checkout #order_review .shop_table td.product-name,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name {
width: 60% !important;
}
body.woocommerce-checkout #order_review .shop_table td.product-total,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total {
width: 40% !important;
text-align: right !important;
}
body.woocommerce-checkout #order_review .shop_table .woocommerce-Price-amount,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-Price-amount {
font-size: 0.9rem !important;
}
body.woocommerce-checkout #order_review .shop_table tfoot th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th {
width: 50% !important;
text-align: left !important;
}
body.woocommerce-checkout #order_review .shop_table tfoot td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
width: 50% !important;
text-align: right !important;
}
body.woocommerce-checkout #order_review .order-total td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
text-align: right !important;
}
}   .woocommerce-page.woocommerce-shop .woocommerce > p:not([class]):not([id]),
.archive.woocommerce:not(.single-product) .woocommerce > p:not([class]):not([id]),
body.archive.woocommerce:not(.single-product) > .site > main > p:not([class]):not([id]),
body.woocommerce-shop .site-main > p:not([class]):not([id]),
body.tax-product_cat .site-main > p:not([class]):not([id]),
body.post-type-archive-product .site-main > p:not([class]):not([id]),
.woocommerce-products-header + p:not([class]),
.woocommerce-notices-wrapper + p:not([class]),
.woocommerce-result-count + p:not([class]) {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
font-size: 0 !important;
line-height: 0 !important;
} body.single-product .woocommerce-Tabs-panel li p,
body.single-product .woocommerce-Tabs-panel li p:not([class]):not([id]),
body.single-product #tab-description li p,
body.single-product #tab-description li p:not([class]):not([id]),
body.single-product #tab-description p,
body.single-product #tab-description p:not([class]):not([id]),
body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel p:not([class]):not([id]),
body.single-product .woocommerce-product-details__short-description p,
body.single-product .woocommerce-product-details__short-description p:not([class]):not([id]),
body.single-product main li p,
body.single-product main li p:not([class]):not([id]),
body.single-product main [data-path-to-node],
body.single-product li [data-path-to-node],
body.single-product .woocommerce-Tabs-panel [data-path-to-node] {
display: block !important;
visibility: visible !important;
height: auto !important;
margin: 0 0 0.5em 0 !important;
padding: 0 !important;
overflow: visible !important;
font-size: 1rem !important;
line-height: 1.6 !important;
opacity: 1 !important;
color: inherit !important;
} body.single-product .woocommerce-Tabs-panel li b,
body.single-product .woocommerce-Tabs-panel li strong,
body.single-product .woocommerce-Tabs-panel li span,
body.single-product .woocommerce-Tabs-panel [data-index-in-node],
body.single-product #tab-description li b,
body.single-product #tab-description li strong,
body.single-product #tab-description li span,
body.single-product #tab-description [data-index-in-node] {
display: inline !important;
visibility: visible !important;
height: auto !important;
opacity: 1 !important;
} body.single-product .woocommerce-Tabs-panel li *,
body.single-product #tab-description li *,
body.single-product .woocommerce-product-details__short-description li * {
visibility: visible !important;
opacity: 1 !important;
} .woocommerce-page .content-area p:empty,
.woocommerce-page .site-main p:empty,
.archive p:empty {
display: none !important;
}