/* Presentation of native classic WooCommerce/German Market forms only. */
.commerce-navigation { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--space-4); padding-block: var(--space-4); border-block: 1px solid var(--color-border); }
.commerce-navigation ol { display: flex; flex-wrap: wrap; gap: var(--space-8); margin: 0; padding-inline-start: 1.5rem; }
.commerce-navigation [aria-current] { font-weight: 700; }
.commerce-page .woocommerce { min-width: 0; }
.commerce-page .woocommerce h2, .commerce-page .woocommerce h3 { font-size: var(--heading-h3); margin-block: 0 var(--space-6); }
.commerce-page .woocommerce p + p { margin-block-start: var(--space-4); }
.commerce-page .woocommerce form .form-row { padding: 0; margin-block: 0 var(--space-4); min-width: 0; }
.commerce-page .woocommerce form .form-row label { line-height: 1.5; margin-block-end: var(--space-2); }
.commerce-page .woocommerce form .form-row input.input-text,
.commerce-page .woocommerce form .form-row textarea { width: 100%; }
.commerce-page .woocommerce form .form-row textarea { min-height: 8rem; }
.commerce-page input[type=checkbox], .commerce-page input[type=radio] { width: 1.125rem; height: 1.125rem; accent-color: var(--color-primary); vertical-align: middle; margin-inline-end: .5rem; }
.commerce-page .woocommerce form .show-password-input { top: .9rem; }
.commerce-page .woocommerce form input[type=password] { padding-inline-end: 3rem; }
.commerce-page .woocommerce form.login,
.commerce-page .woocommerce form.register,
.commerce-page .woocommerce form.lost_reset_password { padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-card); margin-block: 0 var(--space-6); }
.commerce-page .woocommerce form.login, .commerce-page .woocommerce form.lost_reset_password { max-width: 42rem; }
.commerce-page .woocommerce form.login .form-row:has(.woocommerce-form-login__rememberme) { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.commerce-page .woocommerce .woocommerce-error,
.commerce-page .woocommerce .woocommerce-info,
.commerce-page .woocommerce .woocommerce-message { border-radius: var(--radius-control); overflow-wrap: anywhere; }
.commerce-page .woocommerce table.shop_table { border: 1px solid var(--color-border); border-radius: var(--radius-control); border-collapse: separate; border-spacing: 0; margin-block: 0 var(--space-6); }
.commerce-page .woocommerce table.shop_table th,
.commerce-page .woocommerce table.shop_table td { padding: var(--space-3); border: 0; border-block-end: 1px solid var(--color-border); }
.commerce-page .woocommerce table.shop_table tr:last-child > * { border-block-end: 0; }
.commerce-page .woocommerce table.shop_table thead { background: var(--color-surface-neutral); }
.commerce-page .woocommerce table.shop_table .order-total { background: var(--color-surface); }
.commerce-page .woocommerce table.shop_table .product-name { overflow-wrap: anywhere; }
.commerce-page .woocommerce .quantity .qty { width: 5rem; padding-inline: .5rem; }
.commerce-page .woocommerce a.remove { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; }
.commerce-page .woocommerce .cart .product-thumbnail img { width: 4rem; }
.commerce-page .woocommerce .cart .coupon { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.commerce-page .woocommerce .cart .coupon #coupon_code { width: 12rem; margin: 0; }
.commerce-page .woocommerce .cart td.actions > .button { margin-block-start: var(--space-4); }
.commerce-page .woocommerce .cart-collaterals .cart_totals { float: none; width: 100%; }
.commerce-page .woocommerce .cart_totals table { width: 100%; table-layout: fixed; }
.commerce-page .woocommerce .cart-collaterals .cart_totals table th { width: 40%; hyphens: auto; }
.commerce-page .woocommerce .cart_totals th, .commerce-page .woocommerce .cart_totals td { vertical-align: top; white-space: normal; overflow-wrap: anywhere; }
.commerce-page .woocommerce .cart_totals .amount { white-space: nowrap; }
.commerce-page .woocommerce .cart_totals .woocommerce-shipping-methods li { display: flex; align-items: flex-start; gap: var(--space-2); }
.commerce-page .woocommerce .cart_totals .woocommerce-shipping-methods input[type=radio] { flex: 0 0 1.125rem; margin: .2rem 0 0; }
.commerce-page .woocommerce .cart_totals .woocommerce-shipping-methods label { flex: 1; min-width: 0; }
.commerce-page .woocommerce .cart_totals .woocommerce-shipping-destination { margin-block-start: var(--space-4); }
.commerce-page .woocommerce .cart_totals .shipping-calculator-form { min-width: 0; margin-block-start: var(--space-4); }
.commerce-page .woocommerce .cart_totals .shipping-calculator-form select { width: 100%; min-width: 0; }
.commerce-page .woocommerce button.button:disabled { color: #fff; background: var(--color-primary); }
.commerce-page .woocommerce .cart_totals,
.commerce-page #order_review { padding: var(--space-6); background: var(--color-surface-neutral); border-radius: var(--radius-card); }
.commerce-page .woocommerce .wc-proceed-to-checkout { padding-block: var(--space-4) 0; }
.commerce-page .woocommerce .wc-proceed-to-checkout a.checkout-button { display: flex; margin-block: var(--space-4) 0; font-size: 1rem; }
.commerce-page .woocommerce .wc-cart-shipping-notice { margin: 0; }
.commerce-page .woocommerce .col2-set .col-1,
.commerce-page .woocommerce .col2-set .col-2 { float: none; width: 100%; min-width: 0; }
.commerce-page .woocommerce .col2-set::before, .commerce-page .woocommerce .col2-set::after { display: none; }
.commerce-page #customer_details { display: grid; gap: var(--space-6); }
.commerce-page form.checkout { display: grid; gap: var(--space-6); align-items: start; }
.commerce-page form.checkout > * { min-width: 0; }
.commerce-page #order_review_heading { margin: 0; }
.commerce-page #order_review > * + * { margin-block-start: var(--space-6); }
.commerce-page .woocommerce #payment { background: transparent; border-radius: var(--radius-control); }
.commerce-page .woocommerce #payment ul.payment_methods { padding: 0 0 var(--space-4); border-color: var(--color-border); }
.commerce-page .woocommerce #payment div.form-row { padding: var(--space-4) 0 0; }
.commerce-page .woocommerce #payment div.payment_box { background: var(--color-background); color: var(--color-text); }
.commerce-page .woocommerce #place_order { float: none; width: 100%; margin-block-start: var(--space-4); }
.commerce-page .woocommerce .select2-container { max-width: 100%; }
.commerce-page .select2-container .select2-selection--single { height: auto; min-height: 2.75rem; border: 1px solid var(--color-input-border); border-radius: var(--radius-control); }
.commerce-page .select2-container .select2-selection--single .select2-selection__rendered { padding: .8125rem 2rem .8125rem 1rem; line-height: 1.6; color: var(--color-text); }
.commerce-page .select2-container .select2-selection--single .select2-selection__arrow { height: 100%; }
.commerce-page .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; gap: var(--space-2); list-style: none; margin: 0 0 var(--space-6); padding: 0; }
.commerce-page .woocommerce-MyAccount-navigation a { display: block; padding: var(--space-3) var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-control); }
.commerce-page .woocommerce-MyAccount-navigation .is-active a { background: var(--color-surface); font-weight: 700; }
.commerce-page .woocommerce-MyAccount-content > * + * { margin-block-start: var(--space-6); }
.commerce-page .woocommerce-MyAccount-content fieldset { padding: var(--space-4); border: 1px solid var(--color-border); margin-block: var(--space-6); }
@media (max-width: 767px) {
    .commerce-page .woocommerce form .form-row-first, .commerce-page .woocommerce form .form-row-last { float: none; width: 100%; }
    .commerce-page .woocommerce .cart .coupon, .commerce-page .woocommerce .cart .coupon #coupon_code, .commerce-page .woocommerce .cart .coupon .button { width: 100%; }
    .commerce-page .woocommerce table.cart td.actions .coupon .button { float: none; }
    .commerce-page .woocommerce table.shop_table_responsive tr td::before { padding-inline-end: var(--space-3); }
    .commerce-page .woocommerce .cart .jde_hint td::before { content: none; }
    .commerce-page .woocommerce .cart .jde_hint td { text-align: start !important; }
    .commerce-page .woocommerce .cart .product-name { text-align: start !important; }
    /* WooCommerce stacks these table cells and forces right alignment on mobile. */
    .commerce-page .woocommerce .cart_totals tr.shipping td { text-align: start !important; }
    .commerce-page .woocommerce .cart_totals tr.shipping td::before { float: none; display: block; margin-block-end: var(--space-3); }
    .commerce-page #order_review { padding: var(--space-4); }
}
@media (min-width: 1100px) {
    .commerce-page form.checkout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .commerce-page form.checkout > #customer_details { grid-column: 1; grid-row: 1 / span 3; }
    .commerce-page form.checkout > #order_review_heading, .commerce-page form.checkout > #order_review { grid-column: 2; }
}
@media (min-width: 1200px) {
    .commerce-page--cart > .woocommerce { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(22rem, 1fr); align-items: start; gap: var(--space-6); }
    .commerce-page--cart > .woocommerce > * { grid-column: 1 / -1; min-width: 0; }
    .commerce-page--cart > .woocommerce > .woocommerce-cart-form { grid-column: 1; }
    .commerce-page--cart > .woocommerce > .cart-collaterals { grid-column: 2; }
}