/**
 * Kendersarok Kosár & Pénztár
 * A WooCommerce kosár és pénztár arculathoz igazított megjelenítése.
 * Támogatja a Bricks natív WooCommerce elemeit és a klasszikus shortcode-os felállást is.
 */

/* -------------------------------------------------------------------------
 * 1. Tokenek
 * ---------------------------------------------------------------------- */

body.ksu-styled {
	--ksu-primary: #2b3e49;
	--ksu-primary-hover: #23333c;
	--ksu-sage: #9cb2a2;
	--ksu-accent: #e6edea;
	--ksu-ink: #000000;
	--ksu-ink-soft: rgba(0, 0, 0, .62);
	--ksu-ink-faint: rgba(0, 0, 0, .42);
	--ksu-line: rgba(0, 0, 0, .12);
	--ksu-line-strong: rgba(0, 0, 0, .20);
	--ksu-focus: rgba(0, 0, 0, .10);
	--ksu-surface: #ffffff;
	--ksu-surface-alt: #f1f0ee;
	--ksu-danger: #b3261e;
	--ksu-radius: 6px;
	--ksu-radius-pill: 100px;
	--ksu-gap: 40px;
	--ksu-sticky-top: 168px;
	--ksu-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--ksu-font-display: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}

/* -------------------------------------------------------------------------
 * 2. Alap
 * ---------------------------------------------------------------------- */

body.ksu-styled .woocommerce,
body.ksu-styled .brxe-woocommerce-cart-items,
body.ksu-styled .brxe-woocommerce-cart-collaterals,
body.ksu-styled .brxe-woocommerce-checkout-customer-details,
body.ksu-styled .brxe-woocommerce-checkout-order-review,
body.ksu-styled .woocommerce-order {
	font-family: var(--ksu-font-body);
	color: var(--ksu-ink);
	font-size: 15px;
	line-height: 1.55;
}

body.ksu-styled .woocommerce h2,
body.ksu-styled .woocommerce h3,
body.ksu-styled .cart_totals h2,
body.ksu-styled #order_review_heading,
body.ksu-styled .woocommerce-order h2 {
	font-family: var(--ksu-font-display);
	font-weight: 600;
	color: var(--ksu-ink);
	letter-spacing: -.01em;
}

body.ksu-styled .woocommerce a {
	color: var(--ksu-ink);
	text-underline-offset: 3px;
}

/* A shortcode saját Bricks konténerének kettős behúzása fölösleges. */
body.ksu-styled .woocommerce > .brxe-container.before-cart,
body.ksu-styled .woocommerce > .brxe-container.before-checkout,
body.ksu-styled .woocommerce > .brxe-container.after-cart {
	max-width: 100%;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

body.ksu-styled .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

/* -------------------------------------------------------------------------
 * 3. Gombok – az oldal pill formájú gombjaihoz igazítva
 * ---------------------------------------------------------------------- */

body.ksu-styled .woocommerce a.button,
body.ksu-styled .woocommerce button.button,
body.ksu-styled .woocommerce input.button,
body.ksu-styled .woocommerce .button,
body.ksu-styled .brxe-woocommerce-cart-items .button,
body.ksu-styled .brxe-woocommerce-cart-collaterals .button,
body.ksu-styled .woocommerce-order a.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-family: var(--ksu-font-body);
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	padding: 15px 28px;
	border: 1px solid var(--ksu-primary);
	border-radius: var(--ksu-radius-pill);
	background: var(--ksu-primary);
	color: #fff;
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease, opacity .18s ease;
}

body.ksu-styled .woocommerce a.button:hover,
body.ksu-styled .woocommerce button.button:hover,
body.ksu-styled .woocommerce input.button:hover,
body.ksu-styled .woocommerce .button:hover {
	background: var(--ksu-primary-hover);
	border-color: var(--ksu-primary-hover);
	color: #fff;
}

body.ksu-styled .woocommerce .button:disabled,
body.ksu-styled .woocommerce .button.disabled {
	opacity: .45;
	cursor: not-allowed;
}

/* Másodlagos gombok: kosár frissítése, kupon. */
body.ksu-styled .woocommerce button[name="apply_coupon"],
body.ksu-styled .woocommerce button[name="update_cart"],
body.ksu-styled .woocommerce input[name="apply_coupon"],
body.ksu-styled .woocommerce input[name="update_cart"] {
	background: transparent;
	color: var(--ksu-primary);
	border-color: var(--ksu-line-strong);
}

body.ksu-styled .woocommerce button[name="apply_coupon"]:hover,
body.ksu-styled .woocommerce button[name="update_cart"]:hover,
body.ksu-styled .woocommerce input[name="apply_coupon"]:hover,
body.ksu-styled .woocommerce input[name="update_cart"]:hover {
	background: var(--ksu-accent);
	border-color: var(--ksu-primary);
	color: var(--ksu-primary);
}

/* -------------------------------------------------------------------------
 * 4. Értesítések
 * ---------------------------------------------------------------------- */

body.ksu-styled .woocommerce-notices-wrapper:empty {
	display: none;
}

body.ksu-styled .woocommerce-info,
body.ksu-styled .woocommerce-message,
body.ksu-styled .woocommerce-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
	margin: 0 0 24px;
	padding: 16px 20px;
	list-style: none;
	border: 1px solid var(--ksu-line);
	border-left: 3px solid var(--ksu-primary);
	border-radius: var(--ksu-radius);
	background: var(--ksu-surface-alt);
	color: var(--ksu-ink);
	font-size: 14px;
}

body.ksu-styled .woocommerce-message {
	background: var(--ksu-accent);
	border-left-color: var(--ksu-sage);
}

body.ksu-styled .woocommerce-error {
	background: #fdecea;
	border-left-color: var(--ksu-danger);
	color: #7a1c16;
	flex-direction: column;
	align-items: flex-start;
}

body.ksu-styled .woocommerce-error li {
	margin: 0;
}

body.ksu-styled .woocommerce-info .button,
body.ksu-styled .woocommerce-message .button {
	margin-left: auto;
	padding: 10px 20px;
}

/* -------------------------------------------------------------------------
 * 5. Lépésjelző
 * ---------------------------------------------------------------------- */

body.ksu-styled .ksu-steps {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 28px;
	margin: 0 0 32px;
	padding: 0 0 20px;
	list-style: none;
	border-bottom: 1px solid var(--ksu-line);
}

body.ksu-styled .ksu-steps__item {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--ksu-ink-faint);
}

body.ksu-styled .ksu-steps__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid var(--ksu-line-strong);
	font-size: 12px;
	font-weight: 600;
	flex: 0 0 auto;
}

body.ksu-styled .ksu-steps__item.is-current {
	color: var(--ksu-ink);
	font-weight: 600;
}

body.ksu-styled .ksu-steps__item.is-current .ksu-steps__num {
	background: var(--ksu-primary);
	border-color: var(--ksu-primary);
	color: #fff;
}

body.ksu-styled .ksu-steps__item.is-done {
	color: var(--ksu-ink-soft);
}

body.ksu-styled .ksu-steps__item.is-done .ksu-steps__num {
	background: var(--ksu-accent);
	border-color: transparent;
	color: var(--ksu-primary);
}

/* -------------------------------------------------------------------------
 * 6. Űrlapmezők
 * ---------------------------------------------------------------------- */

body.ksu-styled .woocommerce .form-row,
body.ksu-styled .brxe-woocommerce-checkout-customer-details .form-row {
	margin: 0;
	padding: 0;
}

body.ksu-styled .woocommerce label,
body.ksu-styled .woocommerce .form-row label,
body.ksu-styled .brxe-woocommerce-checkout-customer-details .form-row label {
	display: block;
	margin: 0 0 7px;
	font-family: var(--ksu-font-body);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--ksu-ink);
}

body.ksu-styled .form-row label .optional {
	font-weight: 400;
	color: var(--ksu-ink-faint);
}

body.ksu-styled .woocommerce abbr.required,
body.ksu-styled .form-row abbr.required {
	color: var(--ksu-danger);
	border: 0;
	text-decoration: none;
}

body.ksu-styled .woocommerce input[type="text"],
body.ksu-styled .woocommerce input[type="email"],
body.ksu-styled .woocommerce input[type="tel"],
body.ksu-styled .woocommerce input[type="number"],
body.ksu-styled .woocommerce input[type="password"],
body.ksu-styled .woocommerce input[type="search"],
body.ksu-styled .woocommerce textarea,
body.ksu-styled .woocommerce select,
body.ksu-styled .woocommerce .select2-container .select2-selection--single,
body.ksu-styled .brxe-woocommerce-checkout-customer-details input[type="text"],
body.ksu-styled .brxe-woocommerce-checkout-customer-details input[type="email"],
body.ksu-styled .brxe-woocommerce-checkout-customer-details input[type="tel"],
body.ksu-styled .brxe-woocommerce-checkout-customer-details textarea,
body.ksu-styled .brxe-woocommerce-checkout-customer-details select,
body.ksu-styled .brxe-woocommerce-checkout-customer-details .select2-container .select2-selection--single {
	width: 100%;
	min-height: 50px;
	padding: 13px 16px;
	font-family: var(--ksu-font-body);
	font-size: 15px;
	line-height: 1.4;
	color: var(--ksu-ink);
	background-color: var(--ksu-surface);
	border: 1px solid var(--ksu-line-strong);
	border-radius: var(--ksu-radius);
	box-shadow: none;
	transition: border-color .18s ease, box-shadow .18s ease;
	appearance: none;
}

body.ksu-styled .woocommerce textarea,
body.ksu-styled .brxe-woocommerce-checkout-customer-details textarea {
	min-height: 110px;
	resize: vertical;
}

body.ksu-styled .woocommerce select,
body.ksu-styled .brxe-woocommerce-checkout-customer-details select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%232b3e49' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	padding-right: 44px;
}

body.ksu-styled .woocommerce input:focus,
body.ksu-styled .woocommerce textarea:focus,
body.ksu-styled .woocommerce select:focus,
body.ksu-styled .brxe-woocommerce-checkout-customer-details input:focus,
body.ksu-styled .brxe-woocommerce-checkout-customer-details textarea:focus,
body.ksu-styled .brxe-woocommerce-checkout-customer-details select:focus,
body.ksu-styled .select2-container--focus .select2-selection--single {
	outline: none;
	border-color: var(--ksu-primary);
	box-shadow: 0 0 0 3px var(--ksu-focus);
}

body.ksu-styled .woocommerce ::placeholder,
body.ksu-styled .brxe-woocommerce-checkout-customer-details ::placeholder {
	color: var(--ksu-ink-faint);
	opacity: 1;
}

body.ksu-styled .form-row.woocommerce-invalid input.input-text,
body.ksu-styled .form-row.woocommerce-invalid select,
body.ksu-styled .form-row.woocommerce-invalid .select2-selection--single {
	border-color: var(--ksu-danger);
}

body.ksu-styled .form-row.woocommerce-validated input.input-text {
	border-color: rgba(51, 194, 77, .55);
}

/* Select2 igazítása. */
body.ksu-styled .select2-container .select2-selection--single {
	display: flex;
	align-items: center;
	height: auto;
}

body.ksu-styled .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: 1.4;
	color: var(--ksu-ink);
}

body.ksu-styled .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	height: auto;
}

body.ksu-styled .woocommerce .select2-dropdown,
body.ksu-styled .select2-dropdown {
	border-color: var(--ksu-line-strong);
	border-radius: var(--ksu-radius) !important;
	overflow: hidden;
	font-family: var(--ksu-font-body);
}

body.ksu-styled .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: var(--ksu-accent);
	color: var(--ksu-ink);
}

/* Jelölőnégyzetek és rádiógombok. */
body.ksu-styled .woocommerce input[type="checkbox"],
body.ksu-styled .woocommerce input[type="radio"],
body.ksu-styled .brxe-woocommerce-checkout-customer-details input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 0 10px 0 0;
	accent-color: var(--ksu-primary);
	flex: 0 0 auto;
	cursor: pointer;
}

body.ksu-styled .woocommerce label.checkbox,
body.ksu-styled .woocommerce .woocommerce-form__label-for-checkbox {
	display: flex;
	align-items: flex-start;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	cursor: pointer;
}

body.ksu-styled .woocommerce label.checkbox input,
body.ksu-styled .woocommerce .woocommerce-form__label-for-checkbox input {
	margin-top: 2px;
}

/* -------------------------------------------------------------------------
 * 7. Kosár – elrendezés
 *
 * Két felállást kezelünk: a Bricks natív WooCommerce elemeit és a
 * klasszikus shortcode-kimenetet. Mindkettőt a szülőelem alapján
 * ismerjük fel, hogy a sablon többi szekciója érintetlen maradjon.
 * ---------------------------------------------------------------------- */

body.ksu-styled .brxe-container:has(> .brxe-woocommerce-cart-items):has(> .brxe-woocommerce-cart-collaterals) {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 0 var(--ksu-gap);
	align-items: start;
}

body.ksu-styled.woocommerce-cart .woocommerce:has(> form.woocommerce-cart-form) {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 0 var(--ksu-gap);
	align-items: start;
}

body.ksu-styled.woocommerce-cart .woocommerce:has(> form.woocommerce-cart-form) > .before-cart,
body.ksu-styled.woocommerce-cart .woocommerce:has(> form.woocommerce-cart-form) > .after-cart,
body.ksu-styled.woocommerce-cart .woocommerce:has(> form.woocommerce-cart-form) > .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
}

body.ksu-styled .brxe-woocommerce-cart-items,
body.ksu-styled.woocommerce-cart .woocommerce > form.woocommerce-cart-form {
	grid-column: 1;
	min-width: 0;
}

body.ksu-styled .brxe-woocommerce-cart-collaterals,
body.ksu-styled.woocommerce-cart .woocommerce > .cart-collaterals {
	grid-column: 2;
	position: sticky;
	top: var(--ksu-sticky-top);
	width: 100%;
	float: none;
}

/* -------------------------------------------------------------------------
 * 8. Kosár – tételek
 * ---------------------------------------------------------------------- */

body.ksu-styled .woocommerce-cart-form table.cart,
body.ksu-styled .woocommerce-cart-form table.cart tbody {
	display: block;
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

body.ksu-styled .woocommerce-cart-form table.cart thead {
	display: none;
}

body.ksu-styled .woocommerce-cart-form table.cart tbody tr {
	display: block;
	border: 0;
}

body.ksu-styled .woocommerce-cart-form table.cart tbody tr.cart_item {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr) auto 32px;
	grid-template-areas:
		"thumb name  subtotal remove"
		"thumb price subtotal remove"
		"thumb qty   subtotal remove";
	align-items: center;
	column-gap: 20px;
	row-gap: 6px;
	padding: 22px 0;
	border-bottom: 1px solid var(--ksu-line);
}

body.ksu-styled .woocommerce-cart-form table.cart tbody tr.cart_item:first-child {
	padding-top: 0;
}

body.ksu-styled .woocommerce-cart-form table.cart tbody td,
body.ksu-styled .woocommerce-cart-form table.cart tbody th {
	display: block;
	width: auto;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	font-weight: 400;
	background: none;
}

body.ksu-styled .woocommerce-cart-form table.cart tbody td::before,
body.ksu-styled .woocommerce-cart-form table.cart tbody th::before {
	display: none;
	content: none;
}

body.ksu-styled .woocommerce-cart-form td.product-thumbnail,
body.ksu-styled .woocommerce-cart-form th.product-thumbnail {
	grid-area: thumb;
	align-self: start;
}

body.ksu-styled .woocommerce-cart-form td.product-thumbnail img,
body.ksu-styled .woocommerce-cart-form th.product-thumbnail img {
	display: block;
	width: 88px;
	height: 88px;
	max-width: none;
	object-fit: cover;
	border-radius: var(--ksu-radius);
	background: var(--ksu-surface-alt);
}

body.ksu-styled .woocommerce-cart-form td.product-name,
body.ksu-styled .woocommerce-cart-form th.product-name {
	grid-area: name;
	align-self: end;
}

body.ksu-styled .woocommerce-cart-form td.product-name a,
body.ksu-styled .woocommerce-cart-form th.product-name a {
	font-family: var(--ksu-font-display);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--ksu-ink);
	text-decoration: none;
}

body.ksu-styled .woocommerce-cart-form td.product-name a:hover,
body.ksu-styled .woocommerce-cart-form th.product-name a:hover {
	text-decoration: underline;
}

body.ksu-styled .woocommerce-cart-form td.product-name .variation,
body.ksu-styled .woocommerce-cart-form th.product-name .variation,
body.ksu-styled .woocommerce-cart-form td.product-name dl.variation,
body.ksu-styled .woocommerce-cart-form th.product-name dl.variation {
	margin: 6px 0 0;
	font-size: 13px;
	color: var(--ksu-ink-soft);
}

body.ksu-styled .woocommerce-cart-form td.product-price,
body.ksu-styled .woocommerce-cart-form th.product-price {
	grid-area: price;
	font-size: 14px;
	color: var(--ksu-ink-soft);
}

body.ksu-styled .woocommerce-cart-form td.product-quantity,
body.ksu-styled .woocommerce-cart-form th.product-quantity {
	grid-area: qty;
	align-self: start;
}

body.ksu-styled .woocommerce-cart-form td.product-subtotal,
body.ksu-styled .woocommerce-cart-form th.product-subtotal {
	grid-area: subtotal;
	text-align: right;
	font-size: 16px;
	font-weight: 600;
	white-space: nowrap;
}

body.ksu-styled .woocommerce-cart-form td.product-remove,
body.ksu-styled .woocommerce-cart-form th.product-remove {
	grid-area: remove;
	text-align: right;
	align-self: start;
}

body.ksu-styled .woocommerce-cart-form td.product-remove a.remove,
body.ksu-styled .woocommerce-cart-form th.product-remove a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid var(--ksu-line);
	background: var(--ksu-surface);
	color: var(--ksu-ink-soft) !important;
	font-size: 18px;
	line-height: 1;
	text-decoration: none;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

body.ksu-styled .woocommerce-cart-form td.product-remove a.remove:hover,
body.ksu-styled .woocommerce-cart-form th.product-remove a.remove:hover {
	background: var(--ksu-primary);
	border-color: var(--ksu-primary);
	color: #fff !important;
}

/* Mennyiség léptető. */
body.ksu-styled .quantity {
	display: inline-flex;
	align-items: center;
	width: auto;
	border: 1px solid var(--ksu-line-strong);
	border-radius: var(--ksu-radius);
	overflow: hidden;
	background: var(--ksu-surface);
}

body.ksu-styled .quantity input.qty {
	width: 46px;
	min-height: 40px;
	padding: 0;
	text-align: center;
	border: 0;
	border-radius: 0;
	font-size: 14px;
	font-weight: 600;
	background: transparent;
	-moz-appearance: textfield;
}

body.ksu-styled .quantity input.qty:focus {
	box-shadow: none;
}

body.ksu-styled .quantity input.qty::-webkit-outer-spin-button,
body.ksu-styled .quantity input.qty::-webkit-inner-spin-button {
	appearance: none;
	margin: 0;
}

body.ksu-styled .quantity .action,
body.ksu-styled .quantity .plus,
body.ksu-styled .quantity .minus {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	min-height: 40px;
	border: 0;
	background: transparent;
	color: var(--ksu-ink-soft);
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease;
}

body.ksu-styled .quantity .action svg {
	width: 15px;
	height: 15px;
}

body.ksu-styled .quantity .action:hover {
	background: var(--ksu-accent);
	color: var(--ksu-primary);
}

body.ksu-styled .quantity .action.minus {
	order: -1;
}

body.ksu-styled .quantity .action.plus {
	order: 1;
}

/* Kupon és kosárfrissítés sor. */
body.ksu-styled .woocommerce-cart-form td.actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 16px;
	padding: 22px 0 0;
}

body.ksu-styled .woocommerce-cart-form td.actions .coupon {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1 1 300px;
	max-width: 420px;
}

body.ksu-styled .woocommerce-cart-form td.actions .coupon label {
	display: none;
}

body.ksu-styled .woocommerce-cart-form td.actions .coupon input#coupon_code {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 48px;
}

body.ksu-styled .woocommerce-cart-form td.actions .coupon .button,
body.ksu-styled .woocommerce-cart-form td.actions > .button {
	flex: 0 0 auto;
	min-height: 48px;
	padding: 13px 24px;
}

body.ksu-styled.ksu-autoupdate-cart .woocommerce-cart-form td.actions > button[name="update_cart"],
body.ksu-styled.ksu-autoupdate-cart .woocommerce-cart-form td.actions > input[name="update_cart"] {
	display: none;
}

/* -------------------------------------------------------------------------
 * 9. Kosár – összesítő
 * ---------------------------------------------------------------------- */

body.ksu-styled .cart_totals {
	width: 100%;
	padding: 26px;
	background: var(--ksu-surface);
	border: 1px solid var(--ksu-line);
	border-radius: var(--ksu-radius);
	float: none;
}

body.ksu-styled .cart_totals h2 {
	margin: 0 0 18px;
	font-size: 22px;
	line-height: 1.25;
}

/*
 * Flex-elrendezés: így a sorok szélessége kiszámítható marad, és a
 * szállítási módok teljes szélességben elférnek.
 */
body.ksu-styled .cart_totals table,
body.ksu-styled .cart_totals table tbody {
	display: block;
	width: 100%;
	margin: 0;
	border: 0;
}

body.ksu-styled .cart_totals table tr {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px 20px;
	padding: 12px 0;
	border: 0;
	border-bottom: 1px solid var(--ksu-line);
}

body.ksu-styled .cart_totals table th,
body.ksu-styled .cart_totals table td {
	display: block;
	width: auto;
	padding: 0;
	border: 0;
	background: none;
	font-size: 14px;
	line-height: 1.45;
}

body.ksu-styled .cart_totals table th {
	flex: 0 1 auto;
	text-align: left;
	font-weight: 500;
	color: var(--ksu-ink-soft);
}

body.ksu-styled .cart_totals table td {
	flex: 1 1 auto;
	text-align: right;
	font-weight: 600;
}

body.ksu-styled .cart_totals table th::before,
body.ksu-styled .cart_totals table td::before {
	display: none;
}

body.ksu-styled .cart_totals table tr.order-total {
	padding-top: 16px;
	border-bottom: 0;
}

body.ksu-styled .cart_totals table tr.order-total th,
body.ksu-styled .cart_totals table tr.order-total td {
	font-size: 18px;
	font-weight: 600;
	color: var(--ksu-ink);
}

body.ksu-styled .cart_totals .wc-proceed-to-checkout {
	padding: 20px 0 0;
}

body.ksu-styled .cart_totals .wc-proceed-to-checkout .button,
body.ksu-styled .cart_totals .wc-proceed-to-checkout a.checkout-button {
	display: flex;
	width: 100%;
	padding: 17px 24px;
	font-size: 15px;
	margin: 0;
}

/* -------------------------------------------------------------------------
 * 10. Szállítási módok
 * ---------------------------------------------------------------------- */

body.ksu-styled ul#shipping_method,
body.ksu-styled .woocommerce-shipping-methods {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

body.ksu-styled ul#shipping_method li,
body.ksu-styled .woocommerce-shipping-methods li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 12px 14px;
	border: 1px solid var(--ksu-line);
	border-radius: var(--ksu-radius);
	background: var(--ksu-surface);
	font-size: 14px;
	line-height: 1.35;
	list-style: none;
	transition: border-color .18s ease, background-color .18s ease;
}

body.ksu-styled ul#shipping_method li:hover {
	border-color: var(--ksu-line-strong);
}

body.ksu-styled ul#shipping_method li:has(input[type="radio"]:checked) {
	border-color: var(--ksu-primary);
	background: var(--ksu-accent);
}

body.ksu-styled ul#shipping_method li input[type="radio"] {
	margin: 0;
}

body.ksu-styled ul#shipping_method li label,
body.ksu-styled .woocommerce-shipping-methods li label {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 10px;
	flex: 1 1 auto;
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	cursor: pointer;
}

/* A szállítási sor teljes szélességben. */
body.ksu-styled .cart_totals table tr.woocommerce-shipping-totals,
body.ksu-styled .cart_totals table tr.shipping,
body.ksu-styled table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals {
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
}

body.ksu-styled .cart_totals table tr.woocommerce-shipping-totals th,
body.ksu-styled .cart_totals table tr.shipping th,
body.ksu-styled table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals th {
	flex: 0 0 auto;
}

body.ksu-styled .cart_totals table tr.woocommerce-shipping-totals td,
body.ksu-styled .cart_totals table tr.shipping td,
body.ksu-styled table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals td {
	flex: 0 0 auto;
	text-align: left;
	font-weight: 400;
	white-space: normal;
}

body.ksu-styled .woocommerce-shipping-destination {
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.45;
	color: var(--ksu-ink-faint);
	text-align: left;
}

body.ksu-styled .shipping-calculator-button {
	display: inline-block;
	margin-top: 10px;
	font-size: 13px;
	color: var(--ksu-ink-soft);
}

body.ksu-styled .shipping-calculator-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 12px;
}

body.ksu-styled .vp-woo-pont-shipping-method-icons {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: auto;
}

body.ksu-styled .vp-woo-pont-shipping-method-icons i {
	width: 26px;
	height: 20px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* -------------------------------------------------------------------------
 * 11. Üres kosár
 * ---------------------------------------------------------------------- */

body.ksu-styled .cart-empty.wc-empty-cart-message .brxe-container {
	text-align: center;
}

body.ksu-styled .ksu-empty__icon {
	order: -2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 62px;
	margin: 0 auto 4px;
	border-radius: 50%;
	background: var(--ksu-accent);
	color: var(--ksu-primary);
}

body.ksu-styled .ksu-empty__icon .ksu-icon {
	width: 26px;
	height: 26px;
}

body.ksu-styled .ksu-empty__lead {
	order: 0;
	margin: 0 auto;
	max-width: 40ch;
	font-size: 15px;
	line-height: 1.6;
	color: var(--ksu-ink-soft);
	text-align: center;
}

body.ksu-styled .woocommerce .return-to-shop {
	order: 1;
	margin: 8px 0 0;
}

/* -------------------------------------------------------------------------
 * 12. Pénztár – elrendezés
 * ---------------------------------------------------------------------- */

body.ksu-styled .brxe-woocommerce-checkout-customer-details,
body.ksu-styled #customer_details {
	min-width: 0;
}

body.ksu-styled #customer_details {
	display: flex;
	flex-direction: column;
	gap: 28px;
	width: 100%;
	float: none;
}

body.ksu-styled #customer_details .col-1,
body.ksu-styled #customer_details .col-2 {
	width: 100%;
	float: none;
	padding: 0;
	margin: 0;
}

body.ksu-styled #customer_details .col-2:empty {
	display: none;
}

body.ksu-styled .woocommerce-billing-fields > h3,
body.ksu-styled .woocommerce-additional-fields > h3,
body.ksu-styled #order_review_heading {
	margin: 0 0 18px;
	font-size: 22px;
	line-height: 1.25;
}

body.ksu-styled .woocommerce-billing-fields__field-wrapper,
body.ksu-styled .woocommerce-shipping-fields__field-wrapper,
body.ksu-styled .woocommerce-additional-fields__field-wrapper {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 20px;
}

body.ksu-styled .woocommerce-billing-fields__field-wrapper > .form-row,
body.ksu-styled .woocommerce-shipping-fields__field-wrapper > .form-row,
body.ksu-styled .woocommerce-additional-fields__field-wrapper > .form-row {
	width: 100%;
	max-width: none;
	float: none;
	margin: 0;
	padding: 0;
	grid-column: span 1;
}

body.ksu-styled .woocommerce-billing-fields__field-wrapper > .form-row-wide,
body.ksu-styled .woocommerce-shipping-fields__field-wrapper > .form-row-wide,
body.ksu-styled .woocommerce-additional-fields__field-wrapper > .form-row-wide,
body.ksu-styled .woocommerce-additional-fields__field-wrapper > .notes {
	grid-column: 1 / -1;
}

/* „Szállítás másik címre?” blokk. */
body.ksu-styled .woocommerce-shipping-fields {
	padding: 20px;
	border: 1px solid var(--ksu-line);
	border-radius: var(--ksu-radius);
	background: var(--ksu-surface-alt);
}

body.ksu-styled .woocommerce-shipping-fields #ship-to-different-address,
body.ksu-styled.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address {
	position: relative;
	margin: 0;
	font-family: var(--ksu-font-body);
	font-size: 15px;
	font-weight: 600;
}

body.ksu-styled.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin: 0;
	font-family: var(--ksu-font-body);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	cursor: pointer;
}

body.ksu-styled.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address input {
	position: static;
	order: -1;
	margin: 0;
	transform: none;
}

body.ksu-styled .woocommerce-shipping-fields .shipping_address {
	padding-top: 18px;
}

/* Kupon a pénztár tetején. */
body.ksu-styled .woocommerce-form-coupon-toggle .woocommerce-info {
	margin-bottom: 16px;
	background: var(--ksu-accent);
	border-left-color: var(--ksu-primary);
}

body.ksu-styled form.checkout_coupon {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin: 0 0 28px;
	padding: 20px;
	border: 1px solid var(--ksu-line);
	border-radius: var(--ksu-radius);
	background: var(--ksu-surface);
}

body.ksu-styled form.checkout_coupon .form-row {
	flex: 1 1 220px;
	margin: 0;
	max-width: 320px;
}

body.ksu-styled form.checkout_coupon .form-row-last {
	flex: 0 0 auto;
}

body.ksu-styled form.checkout_coupon .clear {
	display: none;
}

/* -------------------------------------------------------------------------
 * 13. Pénztár – rendelés összesítő
 * ---------------------------------------------------------------------- */

body.ksu-styled .brxe-woocommerce-checkout-order-review,
body.ksu-styled.woocommerce-checkout form.checkout > #order_review,
body.ksu-styled.woocommerce-checkout form.checkout > div:not([id]):not([class]) {
	padding: 26px;
	background: var(--ksu-surface);
	border: 1px solid var(--ksu-line);
	border-radius: var(--ksu-radius);
}

body.ksu-styled #order_review {
	width: 100%;
	float: none;
	padding: 0;
	border: 0;
	background: none;
}

body.ksu-styled table.woocommerce-checkout-review-order-table,
body.ksu-styled table.woocommerce-checkout-review-order-table thead,
body.ksu-styled table.woocommerce-checkout-review-order-table tbody,
body.ksu-styled table.woocommerce-checkout-review-order-table tfoot {
	display: block;
	width: 100%;
	margin: 0;
	border: 0;
}

body.ksu-styled table.woocommerce-checkout-review-order-table tr {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px 16px;
	padding: 14px 0;
	border: 0;
	border-bottom: 1px solid var(--ksu-line);
}

body.ksu-styled table.woocommerce-checkout-review-order-table th,
body.ksu-styled table.woocommerce-checkout-review-order-table td {
	display: block;
	width: auto;
	padding: 0;
	border: 0;
	background: none;
	font-size: 14px;
	line-height: 1.45;
}

body.ksu-styled table.woocommerce-checkout-review-order-table th::before,
body.ksu-styled table.woocommerce-checkout-review-order-table td::before {
	display: none;
}

body.ksu-styled table.woocommerce-checkout-review-order-table thead tr {
	padding: 0 0 10px;
}

body.ksu-styled table.woocommerce-checkout-review-order-table thead th {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ksu-ink-faint);
	text-align: left;
}

body.ksu-styled table.woocommerce-checkout-review-order-table thead th.product-total {
	text-align: right;
}

body.ksu-styled table.woocommerce-checkout-review-order-table td.product-name {
	flex: 1 1 auto;
	text-align: left;
}

body.ksu-styled table.woocommerce-checkout-review-order-table td.product-name .product-quantity {
	display: inline-block;
	margin-left: 4px;
	font-weight: 600;
	color: var(--ksu-ink-soft);
}

body.ksu-styled table.woocommerce-checkout-review-order-table td.product-total {
	flex: 0 0 auto;
	text-align: right;
	font-weight: 600;
	white-space: nowrap;
}

body.ksu-styled table.woocommerce-checkout-review-order-table tfoot th {
	flex: 0 1 auto;
	text-align: left;
	font-weight: 500;
	color: var(--ksu-ink-soft);
}

body.ksu-styled table.woocommerce-checkout-review-order-table tfoot td {
	flex: 1 1 auto;
	text-align: right;
	font-weight: 600;
	white-space: nowrap;
}

body.ksu-styled table.woocommerce-checkout-review-order-table tfoot tr.order-total {
	padding-top: 16px;
	border-bottom: 0;
}

body.ksu-styled table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
body.ksu-styled table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
	font-size: 18px;
	font-weight: 600;
	color: var(--ksu-ink);
}

/* Csomagpont sor. */
body.ksu-styled tr.vp-woo-pont-review-order {
	flex-direction: column;
	align-items: stretch;
	border-bottom: 0;
}

body.ksu-styled tr.vp-woo-pont-review-order th {
	display: none;
}

body.ksu-styled tr.vp-woo-pont-review-order td {
	display: block;
	flex: 0 0 auto;
	margin: 0;
	padding: 14px;
	border: 1px solid var(--ksu-line-strong);
	border-radius: var(--ksu-radius);
	background: var(--ksu-surface-alt);
	font-weight: 400;
	text-align: left;
	white-space: normal;
}

body.ksu-styled .vp-woo-pont-review-order-selected {
	gap: 10px;
	font-size: 13px;
	line-height: 1.4;
}

body.ksu-styled tr.vp-woo-pont-review-order .button,
body.ksu-styled tr.vp-woo-pont-review-order a.button {
	margin-top: 10px;
	width: 100%;
	padding: 12px 20px;
	background: transparent;
	color: var(--ksu-primary);
	border-color: var(--ksu-line-strong);
}

body.ksu-styled tr.vp-woo-pont-review-order .button:hover {
	background: var(--ksu-accent);
	border-color: var(--ksu-primary);
	color: var(--ksu-primary);
}

body.ksu-styled .vp-woo-pont-modal-sidebar-result-select,
body.ksu-styled .vp-woo-pont-modal button {
	border-radius: var(--ksu-radius);
	font-family: var(--ksu-font-body);
}

/* -------------------------------------------------------------------------
 * 14. Fizetés
 * ---------------------------------------------------------------------- */

body.ksu-styled #payment {
	margin-top: 24px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
}

body.ksu-styled #payment ul.payment_methods {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0 0 20px;
	border: 0;
	list-style: none;
}

body.ksu-styled #payment ul.payment_methods > li {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	column-gap: 10px;
	margin: 0;
	padding: 14px 16px;
	border: 1px solid var(--ksu-line);
	border-radius: var(--ksu-radius);
	background: var(--ksu-surface);
	list-style: none;
	transition: border-color .18s ease;
}

body.ksu-styled #payment ul.payment_methods > li:has(input[type="radio"]:checked) {
	border-color: var(--ksu-primary);
}

body.ksu-styled #payment ul.payment_methods > li > input[type="radio"] {
	grid-column: 1;
	margin: 0;
}

body.ksu-styled #payment ul.payment_methods > li > label {
	grid-column: 2;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	cursor: pointer;
}

body.ksu-styled #payment ul.payment_methods > li > label img {
	max-height: 24px;
	width: auto;
	margin-left: auto;
}

body.ksu-styled #payment ul.payment_methods > li > div.payment_box {
	grid-column: 1 / -1;
	margin: 14px -16px -14px;
	padding: 14px 16px;
	border: 0;
	border-top: 1px solid var(--ksu-line);
	border-radius: 0;
	background: var(--ksu-surface-alt);
	font-size: 13px;
	line-height: 1.5;
	color: var(--ksu-ink-soft);
}

body.ksu-styled #payment ul.payment_methods > li > div.payment_box::before,
body.ksu-styled #payment ul.payment_methods > li > div.payment_box::after {
	display: none;
}

body.ksu-styled #payment ul.payment_methods > li > div.payment_box p:last-child {
	margin-bottom: 0;
}

body.ksu-styled #payment ul.payment_methods > li > .woocommerce-info,
body.ksu-styled #payment ul.payment_methods > li > .woocommerce-error,
body.ksu-styled #payment ul.payment_methods > li > fieldset {
	grid-column: 1 / -1;
	margin: 0;
}

body.ksu-styled #payment .form-row.place-order {
	margin: 0;
	padding: 0;
}

body.ksu-styled #payment #place_order,
body.ksu-styled #payment button[name="woocommerce_checkout_place_order"] {
	display: flex;
	width: 100%;
	margin-top: 6px;
	padding: 18px 24px;
	font-size: 16px;
	float: none;
}

/* -------------------------------------------------------------------------
 * 15. Jogi tájékoztatók
 * ---------------------------------------------------------------------- */

body.ksu-styled .woocommerce-terms-and-conditions-wrapper {
	margin: 0 0 18px;
}

body.ksu-styled .woocommerce-privacy-policy-text p,
body.ksu-styled .ksu-legal-note {
	margin: 0 0 12px;
	font-size: 12.5px;
	line-height: 1.6;
	color: var(--ksu-ink-soft);
}

body.ksu-styled .ksu-legal-link {
	color: var(--ksu-primary);
	text-decoration: underline;
}

body.ksu-styled .ksu-legal-consent {
	margin: 0 0 16px;
	padding: 14px 16px;
	border: 1px solid var(--ksu-line);
	border-radius: var(--ksu-radius);
	background: var(--ksu-accent);
}

body.ksu-styled .ksu-legal-consent label {
	display: flex;
	align-items: flex-start;
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	cursor: pointer;
}

body.ksu-styled .ksu-legal-consent__text {
	flex: 1 1 auto;
}

body.ksu-styled .ksu-legal-note--cart {
	margin: 16px 0 0;
	font-size: 12px;
}

/* -------------------------------------------------------------------------
 * 16. Bizalmi jelvények
 * ---------------------------------------------------------------------- */

body.ksu-styled .ksu-badges {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 20px 0 0;
	padding: 18px 0 0;
	border-top: 1px solid var(--ksu-line);
	list-style: none;
}

body.ksu-styled .ksu-badges__item {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: var(--ksu-ink-soft);
	list-style: none;
}

body.ksu-styled .ksu-badges__item .ksu-icon {
	flex: 0 0 auto;
	color: var(--ksu-primary);
}

/* -------------------------------------------------------------------------
 * 17. Köszönőoldal
 * ---------------------------------------------------------------------- */

body.ksu-styled .woocommerce-order .woocommerce-thankyou-order-received {
	margin: 0 0 24px;
	font-family: var(--ksu-font-display);
	font-size: 26px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--ksu-ink);
}

body.ksu-styled ul.woocommerce-order-overview {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 32px;
	padding: 20px;
	border: 1px solid var(--ksu-line);
	border-radius: var(--ksu-radius);
	background: var(--ksu-surface);
	list-style: none;
}

body.ksu-styled ul.woocommerce-order-overview li {
	flex: 1 1 160px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 15px;
	font-weight: 600;
	color: var(--ksu-ink);
	list-style: none;
	text-transform: none;
}

body.ksu-styled ul.woocommerce-order-overview li strong {
	display: block;
	margin-top: 4px;
	font-weight: 600;
}

body.ksu-styled .woocommerce-order table.shop_table {
	width: 100%;
	border: 1px solid var(--ksu-line);
	border-radius: var(--ksu-radius);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

body.ksu-styled .woocommerce-order table.shop_table th,
body.ksu-styled .woocommerce-order table.shop_table td {
	padding: 14px 18px;
	border: 0;
	border-bottom: 1px solid var(--ksu-line);
	font-size: 14px;
	text-align: left;
}

body.ksu-styled .woocommerce-order table.shop_table tfoot tr:last-child th,
body.ksu-styled .woocommerce-order table.shop_table tfoot tr:last-child td {
	border-bottom: 0;
}

/* -------------------------------------------------------------------------
 * 18. Betöltésjelző
 * ---------------------------------------------------------------------- */

body.ksu-styled .blockUI.blockOverlay {
	background: rgba(255, 255, 255, .7) !important;
	opacity: 1 !important;
}

body.ksu-styled .woocommerce .blockUI.blockOverlay::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	border: 2px solid var(--ksu-line-strong);
	border-top-color: var(--ksu-primary);
	border-radius: 50%;
	background: none;
	animation: ksu-spin .7s linear infinite;
}

@keyframes ksu-spin {
	to {
		transform: rotate(360deg);
	}
}

/* -------------------------------------------------------------------------
 * 19. Reszponzív
 * ---------------------------------------------------------------------- */

@media (max-width: 1100px) {
	body.ksu-styled {
		--ksu-gap: 28px;
	}

	body.ksu-styled .brxe-container:has(> .brxe-woocommerce-cart-items):has(> .brxe-woocommerce-cart-collaterals),
	body.ksu-styled.woocommerce-cart .woocommerce:has(> form.woocommerce-cart-form) {
		grid-template-columns: minmax(0, 1fr) 320px;
	}
}

@media (max-width: 991px) {
	body.ksu-styled {
		--ksu-sticky-top: 96px;
	}

	body.ksu-styled .brxe-container:has(> .brxe-woocommerce-cart-items):has(> .brxe-woocommerce-cart-collaterals),
	body.ksu-styled.woocommerce-cart .woocommerce:has(> form.woocommerce-cart-form) {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px 0;
	}

	body.ksu-styled .brxe-woocommerce-cart-items,
	body.ksu-styled .brxe-woocommerce-cart-collaterals,
	body.ksu-styled.woocommerce-cart .woocommerce > form.woocommerce-cart-form,
	body.ksu-styled.woocommerce-cart .woocommerce > .cart-collaterals {
		grid-column: 1;
		position: static;
	}
}

@media (max-width: 640px) {
	body.ksu-styled .ksu-steps {
		gap: 6px 18px;
		font-size: 13px;
	}

	body.ksu-styled .ksu-steps__label {
		display: none;
	}

	body.ksu-styled .ksu-steps__item.is-current .ksu-steps__label {
		display: inline;
	}

	body.ksu-styled .woocommerce-cart-form table.cart tbody tr.cart_item {
		grid-template-columns: 72px minmax(0, 1fr) auto;
		grid-template-areas:
			"thumb name   remove"
			"thumb price  price"
			"qty   qty    subtotal";
		column-gap: 14px;
		row-gap: 10px;
		padding: 18px 0;
	}

	body.ksu-styled .woocommerce-cart-form td.product-thumbnail img,
body.ksu-styled .woocommerce-cart-form th.product-thumbnail img {
		width: 72px;
		height: 72px;
	}

	body.ksu-styled .woocommerce-cart-form td.product-subtotal,
body.ksu-styled .woocommerce-cart-form th.product-subtotal {
		align-self: center;
	}

	body.ksu-styled .woocommerce-cart-form td.actions {
		flex-direction: column;
		align-items: stretch;
	}

	body.ksu-styled .woocommerce-cart-form td.actions .coupon {
		max-width: none;
	}

	body.ksu-styled .cart_totals,
	body.ksu-styled .brxe-woocommerce-checkout-order-review,
	body.ksu-styled.woocommerce-checkout form.checkout > #order_review,
	body.ksu-styled.woocommerce-checkout form.checkout > div:not([id]):not([class]) {
		padding: 22px 18px;
	}

	body.ksu-styled .woocommerce-billing-fields__field-wrapper,
	body.ksu-styled .woocommerce-shipping-fields__field-wrapper,
	body.ksu-styled .woocommerce-additional-fields__field-wrapper {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.ksu-styled .woocommerce *,
	body.ksu-styled .woocommerce *::before,
	body.ksu-styled .woocommerce *::after {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
}

/* -------------------------------------------------------------------------
 * 20. Felülírások
 *
 * A kosár és a pénztár Bricks elemeire a builderben egyedi CSS van írva,
 * amely azonosító (#brxe-…) alapú, ezért csak !important jelöléssel írható
 * felül. Ezek a blokkok a beállításokban külön ki-be kapcsolhatók:
 *   .ksu-prices        – „Árak megjelenítése”
 *   .ksu-checkout-two  – „Pénztár elrendezése: kétoszlopos”
 *   .ksu-override      – „Bricks egyedi CSS felülírása”
 * ---------------------------------------------------------------------- */

/* 20.1 Árak és összegek megjelenítése. */
body.ksu-styled.ksu-prices .woocommerce-cart-form td.product-price,
body.ksu-styled.ksu-prices .woocommerce-cart-form th.product-price,
body.ksu-styled.ksu-prices .woocommerce-cart-form td.product-subtotal,
body.ksu-styled.ksu-prices .woocommerce-cart-form th.product-subtotal {
	display: block !important;
}

body.ksu-styled.ksu-prices .cart_totals h2 {
	display: block !important;
}

body.ksu-styled.ksu-prices .cart_totals tr.cart-subtotal,
body.ksu-styled.ksu-prices .cart_totals tr.order-total,
body.ksu-styled.ksu-prices table.woocommerce-checkout-review-order-table tr.cart-subtotal,
body.ksu-styled.ksu-prices table.woocommerce-checkout-review-order-table tr.order-total {
	display: flex !important;
}

/* 20.2 Kétoszlopos pénztár – felülírja a builderben beállított 840 képpontos oszlopot. */
body.ksu-styled.ksu-checkout-two .brxe-div:has(> .brxe-woocommerce-checkout-customer-details):has(> .brxe-woocommerce-checkout-order-review) {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 400px !important;
	column-gap: var(--ksu-gap) !important;
	row-gap: 28px !important;
	align-items: start !important;
	width: 100% !important;
	max-width: 1100px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.ksu-styled.ksu-checkout-two .brxe-div:has(> .brxe-woocommerce-checkout-customer-details) > .brxe-woocommerce-checkout-customer-details {
	grid-column: 1 !important;
	grid-row: 2 !important;
}

body.ksu-styled.ksu-checkout-two .brxe-div:has(> .brxe-woocommerce-checkout-order-review) > .brxe-woocommerce-checkout-order-review {
	grid-column: 2 !important;
	grid-row: 2 !important;
}

/* Klasszikus, shortcode-os pénztár. */
body.ksu-styled.ksu-checkout-two.woocommerce-checkout form.checkout:has(> #customer_details) {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 400px;
	gap: 0 var(--ksu-gap);
	align-items: start;
}

body.ksu-styled.ksu-checkout-two.woocommerce-checkout form.checkout:has(> #customer_details) > * {
	grid-column: 1;
	min-width: 0;
}

body.ksu-styled.ksu-checkout-two.woocommerce-checkout form.checkout > wc-order-attribution-inputs {
	display: none;
}

body.ksu-styled.ksu-checkout-two.woocommerce-checkout form.checkout:has(> #customer_details) > #customer_details {
	grid-row: 1 / span 2;
}

body.ksu-styled.ksu-checkout-two.woocommerce-checkout form.checkout:has(> #customer_details) > #order_review_heading {
	grid-column: 2;
	grid-row: 1;
}

body.ksu-styled.ksu-checkout-two.woocommerce-checkout form.checkout:has(> #customer_details) > #order_review,
body.ksu-styled.ksu-checkout-two.woocommerce-checkout form.checkout:has(> #customer_details) > div:not([id]):not([class]) {
	grid-column: 2;
	grid-row: 2;
}

/*
 * 20.3 A kosár- és pénztársablon szekciója a fejléc alá van tolva
 * (margin-top: 148px), de az oldal befoglaló szekciója ezt már elvégzi,
 * ezért az ismételt eltolást megszüntetjük.
 */
body.ksu-styled.ksu-override .woocommerce .brxe-section:has(> .brxe-container > .brxe-woocommerce-cart-items),
body.ksu-styled.ksu-override .woocommerce .brxe-section:has(> .brxe-container > .brxe-woocommerce-cart-collaterals),
body.ksu-styled.ksu-override .woocommerce .brxe-section:has(.brxe-woocommerce-checkout-customer-details) {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* 20.4 A builder egyedi CSS-ének felülírása. */
body.ksu-styled.ksu-override .woocommerce-cart-form .button,
body.ksu-styled.ksu-override .cart_totals .button,
body.ksu-styled.ksu-override .cart_totals .wc-proceed-to-checkout .button,
body.ksu-styled.ksu-override #payment #place_order {
	background-color: var(--ksu-primary) !important;
	border-color: var(--ksu-primary) !important;
	border-radius: var(--ksu-radius-pill) !important;
	color: #fff !important;
}

body.ksu-styled.ksu-override .woocommerce-cart-form .button:hover,
body.ksu-styled.ksu-override .cart_totals .button:hover,
body.ksu-styled.ksu-override #payment #place_order:hover {
	background-color: var(--ksu-primary-hover) !important;
	border-color: var(--ksu-primary-hover) !important;
}

body.ksu-styled.ksu-override .woocommerce-cart-form button[name="update_cart"],
body.ksu-styled.ksu-override .woocommerce-cart-form button[name="apply_coupon"] {
	background-color: transparent !important;
	border-color: var(--ksu-line-strong) !important;
	color: var(--ksu-primary) !important;
}

body.ksu-styled.ksu-override .woocommerce-cart-form button[name="update_cart"]:hover,
body.ksu-styled.ksu-override .woocommerce-cart-form button[name="apply_coupon"]:hover {
	background-color: var(--ksu-accent) !important;
	border-color: var(--ksu-primary) !important;
}

body.ksu-styled.ksu-override .woocommerce-cart-form td.product-thumbnail img,
body.ksu-styled.ksu-override .woocommerce-cart-form th.product-thumbnail img {
	width: 88px !important;
	height: 88px !important;
	max-width: none !important;
}

body.ksu-styled.ksu-override .woocommerce-billing-fields__field-wrapper,
body.ksu-styled.ksu-override .woocommerce-shipping-fields__field-wrapper,
body.ksu-styled.ksu-override .woocommerce-additional-fields__field-wrapper {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	column-gap: 20px !important;
	row-gap: 18px !important;
}

body.ksu-styled.ksu-override .woocommerce-billing-fields__field-wrapper > .form-row,
body.ksu-styled.ksu-override .woocommerce-shipping-fields__field-wrapper > .form-row,
body.ksu-styled.ksu-override .woocommerce-additional-fields__field-wrapper > .form-row {
	flex: initial !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	grid-column: span 1 !important;
}

body.ksu-styled.ksu-override .woocommerce-billing-fields__field-wrapper > .form-row-wide,
body.ksu-styled.ksu-override .woocommerce-shipping-fields__field-wrapper > .form-row-wide,
body.ksu-styled.ksu-override .woocommerce-additional-fields__field-wrapper > .form-row-wide,
body.ksu-styled.ksu-override .woocommerce-additional-fields__field-wrapper > .notes {
	grid-column: 1 / -1 !important;
}

@media (max-width: 991px) {
	body.ksu-styled.ksu-checkout-two .brxe-div:has(> .brxe-woocommerce-checkout-customer-details):has(> .brxe-woocommerce-checkout-order-review) {
		grid-template-columns: minmax(0, 1fr) !important;
		max-width: 840px !important;
	}

	body.ksu-styled.ksu-checkout-two .brxe-div:has(> .brxe-woocommerce-checkout-customer-details) > .brxe-woocommerce-checkout-customer-details,
	body.ksu-styled.ksu-checkout-two .brxe-div:has(> .brxe-woocommerce-checkout-order-review) > .brxe-woocommerce-checkout-order-review {
		grid-column: 1 !important;
		grid-row: auto !important;
	}

	body.ksu-styled.ksu-checkout-two.woocommerce-checkout form.checkout:has(> #customer_details) {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px 0;
	}

	body.ksu-styled.ksu-checkout-two.woocommerce-checkout form.checkout:has(> #customer_details) > #customer_details,
	body.ksu-styled.ksu-checkout-two.woocommerce-checkout form.checkout:has(> #customer_details) > #order_review_heading,
	body.ksu-styled.ksu-checkout-two.woocommerce-checkout form.checkout:has(> #customer_details) > #order_review,
	body.ksu-styled.ksu-checkout-two.woocommerce-checkout form.checkout:has(> #customer_details) > div:not([id]):not([class]) {
		grid-column: 1;
		grid-row: auto;
	}
}

@media (max-width: 640px) {
	body.ksu-styled.ksu-override .woocommerce-billing-fields__field-wrapper,
	body.ksu-styled.ksu-override .woocommerce-shipping-fields__field-wrapper,
	body.ksu-styled.ksu-override .woocommerce-additional-fields__field-wrapper {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.ksu-styled.ksu-override .woocommerce-cart-form td.product-thumbnail img,
body.ksu-styled.ksu-override .woocommerce-cart-form th.product-thumbnail img {
		width: 72px !important;
		height: 72px !important;
	}
}