/**
 * Herbath Kosár & Pénztár
 * A WooCommerce klasszikus kosár- és pénztároldal arculathoz igazított megjelenítése.
 */

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

body.hsu-styled {
	--hsu-ink: #262626;
	--hsu-ink-soft: rgba(38, 38, 38, .62);
	--hsu-ink-faint: rgba(38, 38, 38, .42);
	--hsu-line: rgba(38, 38, 38, .12);
	--hsu-line-strong: rgba(38, 38, 38, .22);
	--hsu-focus: rgba(38, 38, 38, .12);
	--hsu-surface: #ffffff;
	--hsu-surface-alt: #f6f6f6;
	--hsu-accent: #fae9de;
	--hsu-accent-soft: rgba(250, 233, 222, .45);
	--hsu-cream: #ffefd7;
	--hsu-mint: #e2ffd4;
	--hsu-danger: #b3261e;
	--hsu-radius: 8px;
	--hsu-radius-lg: 16px;
	--hsu-gap: 48px;
	--hsu-sticky-top: 120px;
	--hsu-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--hsu-font-display: "Rufina", Georgia, "Times New Roman", serif;
}

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

body.hsu-styled .woocommerce,
body.hsu-styled .woocommerce-order {
	font-family: var(--hsu-font-body);
	color: var(--hsu-ink);
	font-size: 15px;
	line-height: 1.55;
}

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

body.hsu-styled .woocommerce h2,
body.hsu-styled .woocommerce h3,
body.hsu-styled .woocommerce-order h2 {
	font-family: var(--hsu-font-display);
	font-weight: 400;
	color: var(--hsu-ink);
	letter-spacing: -.01em;
}

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

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

/* -------------------------------------------------------------------------
 * 3. Gombok
 * ---------------------------------------------------------------------- */

body.hsu-styled .woocommerce a.button,
body.hsu-styled .woocommerce button.button,
body.hsu-styled .woocommerce input.button,
body.hsu-styled .woocommerce .button,
body.hsu-styled .woocommerce-order a.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-family: var(--hsu-font-body);
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	letter-spacing: .01em;
	padding: 15px 22px;
	border: 1px solid var(--hsu-ink);
	border-radius: var(--hsu-radius);
	background: var(--hsu-ink);
	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.hsu-styled .woocommerce a.button:hover,
body.hsu-styled .woocommerce button.button:hover,
body.hsu-styled .woocommerce input.button:hover,
body.hsu-styled .woocommerce .button:hover {
	background: #000;
	border-color: #000;
	color: #fff;
}

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

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

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

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

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

body.hsu-styled .woocommerce-info,
body.hsu-styled .woocommerce-message,
body.hsu-styled .woocommerce-error,
body.hsu-styled .woocommerce-noreviews {
	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(--hsu-line);
	border-left: 3px solid var(--hsu-ink);
	border-radius: var(--hsu-radius);
	background: var(--hsu-surface-alt);
	color: var(--hsu-ink);
	font-size: 14px;
}

body.hsu-styled .woocommerce-message {
	background: var(--hsu-mint);
	border-left-color: #4a7c45;
}

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

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

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

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

body.hsu-styled .hsu-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(--hsu-line);
	counter-reset: hsu-step;
}

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

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

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

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

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

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

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

body.hsu-styled .woocommerce .form-row {
	margin: 0;
	padding: 0;
}

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

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

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

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

body.hsu-styled .woocommerce textarea {
	min-height: 110px;
	resize: vertical;
}

body.hsu-styled .woocommerce 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='%23262626' 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.hsu-styled .woocommerce input:focus,
body.hsu-styled .woocommerce textarea:focus,
body.hsu-styled .woocommerce select:focus,
body.hsu-styled .woocommerce .select2-container--focus .select2-selection--single {
	outline: none;
	border-color: var(--hsu-ink);
	box-shadow: 0 0 0 3px var(--hsu-focus);
}

body.hsu-styled .woocommerce ::placeholder {
	color: var(--hsu-ink-faint);
	opacity: 1;
}

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

body.hsu-styled .woocommerce .form-row.woocommerce-validated input.input-text {
	border-color: rgba(74, 124, 69, .55);
}

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

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

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

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

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

/* Jelölőnégyzetek. */
body.hsu-styled .woocommerce input[type="checkbox"],
body.hsu-styled .woocommerce input[type="radio"] {
	width: 18px;
	height: 18px;
	margin: 0 10px 0 0;
	accent-color: var(--hsu-ink);
	flex: 0 0 auto;
	cursor: pointer;
}

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

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

/* -------------------------------------------------------------------------
 * 7. Kosár – elrendezés
 * ---------------------------------------------------------------------- */

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

body.hsu-styled.woocommerce-cart .woocommerce > .before-cart,
body.hsu-styled.woocommerce-cart .woocommerce > .after-cart,
body.hsu-styled.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper,
body.hsu-styled.woocommerce-cart .woocommerce > .hsu-steps {
	grid-column: 1 / -1;
}

body.hsu-styled.woocommerce-cart .woocommerce > form.woocommerce-cart-form {
	grid-column: 1;
}

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

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

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

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

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

body.hsu-styled .woocommerce-cart-form table.cart tbody tr.cart_item {
	display: grid;
	grid-template-columns: 92px 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: 24px 0;
	border-bottom: 1px solid var(--hsu-line);
}

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

body.hsu-styled .woocommerce-cart-form table.cart tbody td {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	background: none;
}

body.hsu-styled .woocommerce-cart-form table.cart tbody td::before {
	display: none;
}

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

body.hsu-styled .woocommerce-cart-form td.product-thumbnail img {
	display: block;
	width: 92px;
	height: 92px;
	object-fit: cover;
	border-radius: var(--hsu-radius);
	background: var(--hsu-surface-alt);
}

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

body.hsu-styled .woocommerce-cart-form td.product-name a {
	font-family: var(--hsu-font-display);
	font-size: 17px;
	line-height: 1.3;
	color: var(--hsu-ink);
	text-decoration: none;
}

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

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

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

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

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

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

body.hsu-styled .woocommerce-cart-form td.product-remove a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid var(--hsu-line);
	background: var(--hsu-surface);
	color: var(--hsu-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.hsu-styled .woocommerce-cart-form td.product-remove a.remove:hover {
	background: var(--hsu-ink);
	border-color: var(--hsu-ink);
	color: #fff !important;
}

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

body.hsu-styled .woocommerce .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.hsu-styled .woocommerce .quantity input.qty:focus {
	box-shadow: none;
}

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

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

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

body.hsu-styled .woocommerce .quantity .action:hover {
	background: var(--hsu-accent);
	color: var(--hsu-ink);
}

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

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

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

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

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

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

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

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

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

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

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

/*
 * A táblát flex-elrendezésre váltjuk: így a sorok szélessége kiszámítható marad,
 * és a szállítási módok teljes szélességben férnek el.
 */
body.hsu-styled .cart_totals table,
body.hsu-styled .cart_totals table tbody {
	display: block;
	width: 100%;
	margin: 0;
	border: 0;
}

body.hsu-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(--hsu-line);
}

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

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

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

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

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

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

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

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

/* Szállítási módok a kosár összesítőjében és a pénztárban. */
body.hsu-styled ul#shipping_method,
body.hsu-styled .woocommerce-shipping-methods {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

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

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

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

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

body.hsu-styled ul#shipping_method li label,
body.hsu-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, hogy elférjenek a módok. */
body.hsu-styled .cart_totals table tr.woocommerce-shipping-totals,
body.hsu-styled .cart_totals table tr.shipping,
body.hsu-styled table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals {
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
}

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

body.hsu-styled .cart_totals table tr.woocommerce-shipping-totals td,
body.hsu-styled .cart_totals table tr.shipping td,
body.hsu-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;
}

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

body.hsu-styled.hsu-cart-empty .woocommerce {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	max-width: 560px;
	margin: 0 auto;
	padding: 48px 32px;
	text-align: center;
	background: var(--hsu-surface);
	border: 1px solid var(--hsu-line);
	border-radius: var(--hsu-radius-lg);
}

body.hsu-styled.hsu-cart-empty .woocommerce .woocommerce-notices-wrapper {
	order: -3;
	width: 100%;
}

body.hsu-styled.hsu-cart-empty .woocommerce .cart-empty {
	order: -1;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-family: var(--hsu-font-display);
	font-size: 22px;
	line-height: 1.35;
	color: var(--hsu-ink);
}

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

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

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

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

body.hsu-styled.hsu-cart-empty .woocommerce .return-to-shop .button {
	padding: 16px 28px;
	font-size: 15px;
}

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

body.hsu-styled.woocommerce-checkout form.checkout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 400px;
	gap: 0 var(--hsu-gap);
	align-items: start;
	padding: 0;
}

body.hsu-styled.woocommerce-checkout form.checkout > * {
	grid-column: 1;
	min-width: 0;
}

/* A WooCommerce rejtett attribúciós mezői nem foglalhatnak rácscellát. */
body.hsu-styled.woocommerce-checkout form.checkout > wc-order-attribution-inputs {
	display: none;
}

body.hsu-styled.woocommerce-checkout form.checkout > #customer_details {
	grid-column: 1;
	grid-row: 1 / span 2;
}

/*
 * A rendelés összesítője a jobb oszlopban.
 * A Bricks sablonja egy attribútum nélküli <div>-be fogja a címsort és az összesítőt,
 * a WooCommerce alapsablonjában viszont mindkettő önálló gyermekelem – mindkettőt kezeljük.
 */
body.hsu-styled.woocommerce-checkout form.checkout > div:not([id]):not([class]),
body.hsu-styled.woocommerce-checkout form.checkout > .hsu-order-panel {
	grid-column: 2;
	grid-row: 1 / span 2;
	padding: 28px;
	background: var(--hsu-surface);
	border: 1px solid var(--hsu-line);
	border-radius: var(--hsu-radius-lg);
}

body.hsu-styled.woocommerce-checkout form.checkout > #order_review_heading {
	grid-column: 2;
	grid-row: 1;
	align-self: start;
}

body.hsu-styled.woocommerce-checkout form.checkout > #order_review {
	grid-column: 2;
	grid-row: 2;
	padding: 28px;
	background: var(--hsu-surface);
	border: 1px solid var(--hsu-line);
	border-radius: var(--hsu-radius-lg);
}

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

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

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

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

body.hsu-styled .woocommerce-billing-fields__field-wrapper > .form-row,
body.hsu-styled .woocommerce-shipping-fields__field-wrapper > .form-row,
body.hsu-styled .woocommerce-additional-fields__field-wrapper > .form-row {
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}

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

body.hsu-styled .woocommerce-billing-fields__field-wrapper > .form-row-first,
body.hsu-styled .woocommerce-shipping-fields__field-wrapper > .form-row-first {
	grid-column: 1;
}

body.hsu-styled .woocommerce-billing-fields__field-wrapper > .form-row-last,
body.hsu-styled .woocommerce-shipping-fields__field-wrapper > .form-row-last {
	grid-column: 2;
}

/*
 * A Bricks WooCommerce integrációja itt magas specifikusságú szabályokat használ
 * (.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address …),
 * ezért ugyanezt a horgonyt kell megcéloznunk.
 */
body.hsu-styled.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address {
	position: relative;
	margin: 0 0 18px;
}

body.hsu-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(--hsu-font-body);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	cursor: pointer;
}

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

body.hsu-styled .woocommerce-shipping-fields {
	padding: 20px;
	border: 1px solid var(--hsu-line);
	border-radius: var(--hsu-radius-lg);
	background: var(--hsu-surface-alt);
}

body.hsu-styled .woocommerce-shipping-fields .shipping_address {
	padding-top: 4px;
}

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

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

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

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

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

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

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

/* Ugyanaz a flex-elrendezés, mint a kosár összesítőjénél. */
body.hsu-styled table.woocommerce-checkout-review-order-table,
body.hsu-styled table.woocommerce-checkout-review-order-table thead,
body.hsu-styled table.woocommerce-checkout-review-order-table tbody,
body.hsu-styled table.woocommerce-checkout-review-order-table tfoot {
	display: block;
	width: 100%;
	margin: 0;
	border: 0;
}

body.hsu-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(--hsu-line);
}

body.hsu-styled table.woocommerce-checkout-review-order-table th,
body.hsu-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.hsu-styled table.woocommerce-checkout-review-order-table th::before,
body.hsu-styled table.woocommerce-checkout-review-order-table td::before {
	display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* -------------------------------------------------------------------------
 * 13. Fizetés
 * ---------------------------------------------------------------------- */

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

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

body.hsu-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(--hsu-line);
	border-radius: var(--hsu-radius);
	background: var(--hsu-surface);
	list-style: none;
	transition: border-color .18s ease;
}

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

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

body.hsu-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.hsu-styled #payment ul.payment_methods > li > label img {
	max-height: 24px;
	width: auto;
	margin-left: auto;
}

body.hsu-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(--hsu-line);
	border-radius: 0;
	background: var(--hsu-surface-alt);
	font-size: 13px;
	line-height: 1.5;
	color: var(--hsu-ink-soft);
}

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

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

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

body.hsu-styled #payment ul.payment_methods > li > fieldset,
body.hsu-styled #payment ul.payment_methods > li > .wc-stripe-upe-element,
body.hsu-styled #payment ul.payment_methods > li > .payment_method_stripe {
	grid-column: 1 / -1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* -------------------------------------------------------------------------
 * 16. Reszponzív
 * ---------------------------------------------------------------------- */

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

	body.hsu-styled.woocommerce-cart:not(.hsu-cart-empty) .woocommerce {
		grid-template-columns: minmax(0, 1fr) 320px;
	}

	body.hsu-styled.woocommerce-checkout form.checkout {
		grid-template-columns: minmax(0, 1fr) 340px;
	}
}

@media (max-width: 991px) {
	body.hsu-styled.woocommerce-cart:not(.hsu-cart-empty) .woocommerce,
	body.hsu-styled.woocommerce-checkout form.checkout {
		grid-template-columns: minmax(0, 1fr);
		gap: 36px 0;
	}

	body.hsu-styled.woocommerce-cart .woocommerce > form.woocommerce-cart-form,
	body.hsu-styled.woocommerce-cart .woocommerce > .cart-collaterals,
	body.hsu-styled.woocommerce-checkout form.checkout > #customer_details,
	body.hsu-styled.woocommerce-checkout form.checkout > #order_review_heading,
	body.hsu-styled.woocommerce-checkout form.checkout > #order_review,
	body.hsu-styled.woocommerce-checkout form.checkout > div:not([id]):not([class]),
	body.hsu-styled.woocommerce-checkout form.checkout > .hsu-order-panel {
		grid-column: 1;
		grid-row: auto;
	}

	body.hsu-styled.woocommerce-cart .woocommerce > .cart-collaterals {
		position: static;
	}
}

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

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

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

	body.hsu-styled .woocommerce-cart-form table.cart tbody tr.cart_item {
		grid-template-columns: 76px 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.hsu-styled .woocommerce-cart-form td.product-thumbnail img {
		width: 76px;
		height: 76px;
	}

	body.hsu-styled .woocommerce-cart-form td.product-name a {
		font-size: 16px;
	}

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

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

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

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

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

	body.hsu-styled .woocommerce-billing-fields__field-wrapper > .form-row-first,
	body.hsu-styled .woocommerce-billing-fields__field-wrapper > .form-row-last,
	body.hsu-styled .woocommerce-shipping-fields__field-wrapper > .form-row-first,
	body.hsu-styled .woocommerce-shipping-fields__field-wrapper > .form-row-last {
		grid-column: 1;
	}

	body.hsu-styled.hsu-cart-empty .woocommerce {
		padding: 36px 22px;
	}
}

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

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

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

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

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