/*
 * Cart page, checkout and thank-you page of the redesign (P09h, design/kosik/README.md §1, §4 – §6) – instead of
 * cart.css / checkout.css of the owner (includes/page-styles.php) while hst_reskin_cart = 1. The pieces, the side cart,
 * the buttons, the thread of free delivery and the statuses are in reskin.css (the side cart is on every page).
 * The order and the widths of the fields follow checkout.css of the owner (README §5).
 */

/* ---- Page frame: the sections of the template span the width (Kadence content container off) ------------------- */
.hst-reskin.hst-cartflow {
	background-color: var(--hst-bone);
}

.hst-reskin.hst-cartflow .content-area,
.hst-reskin.hst-cartflow.content-vertical-padding-show .content-area {
	margin: 0;
}

.hst-reskin.hst-cartflow .content-container.site-container {
	max-width: none;
	padding: 0;
}

.hst-reskin.hst-cartflow .entry-content-wrap {
	padding: 0;
}

.hst-reskin.hst-cartflow .entry-content.single-content {
	margin: 0;
}

.hst-reskin.hst-cartflow .entry.content-bg {
	background: transparent;
	box-shadow: none;
}

.hst-reskin.hst-cartflow .woocommerce > .woocommerce-notices-wrapper:empty {
	display: none;
}

/* Other outputs of WooCommerce on these pages (e-mail check of a guest, log-in for an order with an account, pay for
   order, unknown order): no section of the redesign – the frame of the page here. */
.hst-reskin.hst-cartflow .entry-content > .woocommerce:not(:has(.hst-flow)) {
	max-width: var(--hst-content);
	margin: 0 auto;
	padding: 34px var(--hst-gutter) clamp(72px, 7vw, 104px);
	color: var(--hst-ink);
	font-family: var(--hst-sans);
}

.hst-reskin .woocommerce:not(:has(.hst-flow)) .hst-flow__head--plain {
	margin: 24px 0 32px;
}

.hst-reskin .hst-flow__head--plain .hst-flow__title {
	margin: 0;
	font-family: var(--hst-serif);
	font-size: clamp(56px, 6vw, 84px);
	font-weight: 600;
	line-height: 0.95;
	letter-spacing: -0.02em;
	color: var(--hst-ink);
	text-transform: none;
}

.hst-reskin .hst-flow__head--plain .hst-flow__lead {
	max-width: 680px;
	margin: 14px 0 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: 18px;
	line-height: 1.55;
	color: #4d423b;
}

.hst-reskin .hst-flow__head--plain .hst-flow__lead::before {
	content: none;
}

.hst-reskin .woocommerce:not(:has(.hst-flow)) :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) {
	max-width: 680px;
}

.hst-reskin .hst-verify {
	max-width: 520px;
	padding: 28px 28px 24px;
}

.hst-reskin .hst-verify .hst-verify__text {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.55;
}

.hst-reskin .hst-verify .hst-verify__text a {
	color: var(--hst-oxblood);
	text-underline-offset: 3px;
}

.hst-reskin .hst-verify .hst-verify__row {
	display: block;
	margin: 0 0 16px;
	padding: 0;
}

.hst-reskin .hst-verify label {
	display: block;
	margin: 0 0 7px;
	font-size: 14px;
	font-weight: 600;
}

.hst-reskin .hst-verify .required {
	color: var(--hst-oxblood);
	text-decoration: none;
}

.hst-reskin .hst-verify input.input-text {
	width: 100%;
	min-height: 52px;
	padding: 12px 14px;
	border: 1px solid #b9ab9b;
	border-radius: 2px;
	background: #fbf8f3;
	color: var(--hst-ink);
	font: inherit;
	font-size: 16px;
}

.hst-reskin .hst-verify input.input-text:focus-visible {
	outline: 2px solid var(--hst-oxblood);
	outline-offset: 1px;
}

.hst-reskin .hst-verify .hst-cbtn {
	width: 100%;
}

.hst-reskin .hst-flow {
	position: relative;
	background: var(--hst-bone);
	color: var(--hst-ink);
	font-family: var(--hst-sans);
}

.hst-reskin .hst-flow__inner {
	max-width: var(--hst-content);
	margin: 0 auto;
	padding: 34px var(--hst-gutter) clamp(72px, 7vw, 104px);
}

.hst-reskin .hst-flow__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px 22px;
	margin-top: 24px;
}

.hst-reskin .hst-flow .hst-flow__title {
	margin: 0;
	font-family: var(--hst-serif);
	font-size: clamp(56px, 6vw, 84px);
	font-weight: 600;
	line-height: 0.95;
	letter-spacing: -0.02em;
	color: var(--hst-ink);
	text-transform: none;
}

.hst-reskin .hst-flow .hst-flow__count {
	margin: 0;
	font-size: 18px;
	color: var(--hst-on-light);
}

.hst-reskin .hst-flow .hst-flow__lead {
	max-width: 680px;
	margin: 14px 0 0;
	font-size: 18px;
	line-height: 1.55;
	color: #4d423b;
}

.hst-reskin .hst-flow__head--done {
	display: block;
}

.hst-reskin .hst-flow__head--done .hst-flow__lead strong {
	color: var(--hst-ink);
	font-weight: 700;
}

.hst-reskin .hst-flow__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 26px 0 0;
}

/* ---- Steps Košík → Pokladňa → Hotovo ------------------------------------------------------------------------------ */
body.hst-reskin .hst-flow ol.hst-buysteps {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	font-stretch: var(--hst-narrow);
}

.hst-reskin .hst-buysteps__item {
	display: flex;
	align-items: center;
	margin: 0;
}

.hst-reskin .hst-buysteps__step {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--hst-on-light);
	font-weight: 600;
	text-decoration: none;
}

.hst-reskin a.hst-buysteps__step:hover .hst-buysteps__label {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.hst-reskin .hst-buysteps__item.is-done .hst-buysteps__step,
.hst-reskin .hst-buysteps__item.is-now .hst-buysteps__step {
	color: var(--hst-ink);
}

.hst-reskin .hst-buysteps__item.is-now .hst-buysteps__step {
	font-weight: 700;
}

.hst-reskin .hst-buysteps__dot {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border: 1.5px solid rgba(22, 17, 15, 0.55);
	border-radius: 50%;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: var(--hst-on-light);
}

.hst-reskin .hst-buysteps__item.is-now .hst-buysteps__dot {
	border-color: var(--hst-ink);
	background: var(--hst-ink);
	color: #f8f3eb;
}

.hst-reskin .hst-buysteps__item.is-done .hst-buysteps__dot {
	border-color: var(--hst-thread);
	background: var(--hst-thread);
	color: var(--hst-ink);
}

.hst-reskin .hst-buysteps__line {
	width: 56px;
	margin: 0 12px;
	border-top: 2px dashed rgba(22, 17, 15, 0.28);
}

.hst-reskin .hst-buysteps__item.is-done .hst-buysteps__line {
	border-top-color: var(--hst-thread);
}

/* ---- Notices of WooCommerce under the heading (README §1) ---------------------------------------------------------- */
.hst-reskin .hst-flow__notices:not(:empty) {
	margin-top: 22px;
}

.hst-reskin .hst-flow :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .hst-notice),
.hst-reskin.hst-cartflow form.checkout > .woocommerce-NoticeGroup :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
	position: relative;
	margin: 0 0 12px;
	padding: 14px 18px;
	border: 0;
	border-left: 3px solid var(--hst-thread);
	border-radius: 0 3px 3px 0;
	background: #f8f3eb;
	color: var(--hst-ink);
	font-size: 15px;
	line-height: 1.5;
	list-style: none;
	outline: 0;
}

.hst-reskin .hst-flow :is(.woocommerce-error, .hst-notice--error),
.hst-reskin.hst-cartflow form.checkout > .woocommerce-NoticeGroup .woocommerce-error {
	border-left-color: #a3122a;
}

.hst-reskin .hst-flow :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before {
	display: none;
}

.hst-reskin .hst-flow :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) li {
	margin: 0;
}

.hst-reskin .hst-flow :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .hst-notice) a {
	color: var(--hst-ink);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.hst-reskin .hst-flow :is(.woocommerce-message, .woocommerce-info) .button {
	float: none;
	margin: 0 0 0 10px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--hst-ink);
	font-weight: 600;
	text-decoration: underline;
	box-shadow: none;
}

.hst-reskin.hst-cartflow form.checkout > .woocommerce-NoticeGroup {
	max-width: var(--hst-content);
	margin: 0 auto 22px;
}

/* Card errors of StellarPay (P10a): its script prints the block notice of WooCommerce at the top of the checkout /
   pay form – here with the look of the other error notices of the flow (the block styles of WooCommerce are not
   loaded with the classic checkout, the notice was plain text with an icon). */
.hst-reskin .hst-flow .wc-block-components-notice-banner {
	position: relative;
	display: block;
	max-width: var(--hst-content);
	margin: 0 auto 22px;
	padding: 14px 18px;
	border: 0;
	border-left: 3px solid var(--hst-thread);
	border-radius: 0 3px 3px 0;
	background: #f8f3eb;
	color: var(--hst-ink);
	font-size: 15px;
	line-height: 1.5;
}

.hst-reskin .hst-flow .wc-block-components-notice-banner.is-error {
	border-left-color: #a3122a;
}

.hst-reskin .hst-flow .wc-block-components-notice-banner > svg {
	display: none;
}

.hst-reskin .checkout-inline-error-message {
	margin: 6px 0 0;
	color: #a3122a;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
}

/* ---- Card (= "Tvoj kúsok" of the product page) ---------------------------------------------------------------------- */
.hst-reskin .hst-card {
	position: relative;
	padding: 28px 28px 26px;
	border-radius: 4px;
	background: #f8f3eb;
	color: var(--hst-ink);
	box-shadow: 0 22px 44px -28px rgba(22, 17, 15, 0.55);
}

.hst-reskin .hst-card__stitch {
	position: absolute;
	inset: 7px;
	border: 1.5px dashed rgba(184, 149, 79, 0.95);
	border-radius: 2px;
	pointer-events: none;
}

.hst-reskin .hst-card__rivet {
	position: absolute;
	top: 22px;
	right: 24px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: var(--hst-bone);
	box-shadow: inset 0 1px 3px rgba(22, 17, 15, 0.45);
}

.hst-reskin .hst-card > :not(.hst-card__stitch, .hst-card__rivet) {
	position: relative;
}

/* ---- Summary (cart page) and totals (checkout, thank-you page) ----------------------------------------------------- */
.hst-reskin .hst-sum .hst-sum__title,
.hst-reskin .hst-co-card .hst-co-card__title,
.hst-reskin .hst-order-card .hst-order-card__title {
	margin: 0;
	font-family: var(--hst-serif);
	font-size: 27px;
	font-weight: 600;
	line-height: 1.1;
	color: var(--hst-ink);
	text-transform: none;
}

.hst-reskin .hst-sum__table {
	width: 100%;
	margin: 18px 0 0;
	border: 0;
	border-collapse: collapse;
	background: none;
	font-size: 16px;
	line-height: 1.4;
}

body.hst-reskin.hst-cartflow .hst-sum__table tr {
	border: 0;
	background: none;
}

body.hst-reskin.hst-cartflow .hst-sum .hst-sum__table :is(th, td),
body.hst-reskin.hst-cartflow .hst-sum__table :is(th, td) {
	width: auto;
	padding: 5px 0;
	border: 0;
	background: none;
	color: var(--hst-ink);
	text-align: left;
	text-transform: none;
	vertical-align: baseline;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
}

body.hst-reskin.hst-cartflow .hst-sum .hst-sum__table td,
body.hst-reskin.hst-cartflow .hst-sum__table td {
	width: 1%;
	padding-left: 16px;
	text-align: right;
	font-weight: 700;
	white-space: nowrap;
}

.hst-reskin .hst-sum__muted {
	color: var(--hst-on-light);
}

body.hst-reskin.hst-cartflow .hst-sum__table .hst-sum__shipnote td {
	padding: 0;
	text-align: left;
	white-space: normal;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.45;
	color: var(--hst-on-light);
}

.hst-reskin .hst-sum__remove {
	margin-left: 6px;
	color: var(--hst-ink);
	font-size: 14px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.hst-reskin .hst-sum__table--total {
	margin-top: 16px;
	border-top: 1px dashed rgba(22, 17, 15, 0.3);
}

body.hst-reskin.hst-cartflow .hst-sum__table--total th {
	padding-top: 16px;
	font-weight: 700;
}

body.hst-reskin.hst-cartflow .hst-sum__table--total td.hst-sum__total {
	padding-top: 14px;
	font-family: var(--hst-serif);
	font-size: 38px;
	font-weight: 600;
	line-height: 1;
}

.hst-reskin .hst-sum .hst-free,
.hst-reskin .hst-sum .hst-coupon {
	margin-top: 16px;
}

/* Status of the order (README §4). */
.hst-reskin .hst-ostatus {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 14px;
}

.hst-reskin .hst-ostatus__ico {
	flex: none;
	margin-top: 1px;
	color: var(--hst-oxblood);
}

.hst-reskin .hst-flow .hst-ostatus__text {
	margin: 0;
	font-size: 15px;
	line-height: 1.45;
}

.hst-reskin .hst-flow .hst-ostatus__note {
	margin: 6px 0 0 30px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--hst-on-light);
}

.hst-reskin .hst-ostatus__note a {
	color: var(--hst-ink);
	text-underline-offset: 3px;
}

.hst-reskin .wc-proceed-to-checkout {
	margin-top: 20px;
	padding: 0;
}

.hst-reskin .wc-proceed-to-checkout .hst-cbtn {
	width: 100%;
	margin: 0;
}

/* Coupon (cart: the field belongs to the cart form – attribute form; checkout: wc-ajax=apply_coupon). */
.hst-reskin .hst-coupon__toggle {
	display: inline-block;
	padding: 8px 0;
	font-size: 15px;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 4px;
	cursor: pointer;
	list-style: none;
}

.hst-reskin .hst-coupon__toggle::-webkit-details-marker {
	display: none;
}

.hst-reskin .hst-coupon[open] .hst-coupon__toggle {
	text-decoration: none;
}

.hst-reskin .hst-coupon__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 6px 10px;
	align-items: end;
	margin-top: 4px;
}

.hst-reskin .hst-coupon__label {
	grid-column: 1 / -1;
	font-size: 14px;
	font-weight: 600;
}

.hst-reskin .hst-flow .hst-coupon__input {
	height: 48px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid rgba(22, 17, 15, 0.55);
	border-radius: 3px;
	background: #f8f3eb;
	color: var(--hst-ink);
	font-family: inherit;
	font-size: 16px;
	box-shadow: none;
}

.hst-reskin .hst-coupon__apply.hst-cbtn {
	min-height: 48px;
}

.hst-reskin .hst-coupon__msg:not(:empty) {
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.4;
}

.hst-reskin .hst-coupon__msg .woocommerce-error,
.hst-reskin .hst-coupon__msg .is-error {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: #a3122a;
	font-weight: 600;
	list-style: none;
}

.hst-reskin .hst-coupon-nojs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	max-width: 760px;
	margin: 22px 0 0;
}

/* Rows of trust. */
.hst-reskin .hst-trust {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	line-height: 1.5;
	color: #4d423b;
}

.hst-reskin .hst-trust li {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
}

.hst-reskin .hst-trust .hst-ico {
	flex: none;
	color: var(--hst-oxblood);
}

.hst-reskin .hst-back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	color: var(--hst-ink);
	font-size: 16px;
	font-weight: 600;
}

.hst-reskin .hst-back span {
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* ---- Cart page (README §4) -------------------------------------------------------------------------------------- */
.hst-reskin .hst-cartpage {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 420px;
	gap: clamp(40px, 5vw, 80px);
	align-items: start;
	margin-top: 34px;
}

.hst-reskin .hst-cartpage__main {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

.hst-reskin .hst-cartpage__main > .woocommerce-cart-form__contents {
	border-top: 1px dashed rgba(22, 17, 15, 0.3);
}

.hst-reskin .hst-cartpage__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	margin-top: 22px;
}

.hst-reskin .hst-flow .hst-cartpage__saved {
	margin: 0;
	font-size: 14px;
	color: var(--hst-on-light);
}

.hst-reskin .hst-cartpage__aside {
	position: sticky;
	top: var(--hst-stick-top, calc(var(--hst-header-h, 76px) + 24px)); /* reskin-home.js: a card taller than the window sticks by its bottom */
}

.hst-reskin .hst-cartpage__aside .cart-collaterals {
	width: auto;
	float: none;
}

.hst-reskin .hst-cartpage__aside .cart_totals {
	width: auto;
	float: none;
}

/* With JavaScript the cart saves itself: no "Aktualizovať košík" (shown again by the <noscript> style). */
body.hst-reskin .hst-nojs-only {
	display: none !important;
}

/* Rows of the cart page (desktop): photo | name, options, status | quantity + remove | price. */
.hst-reskin .hst-ci--cart {
	grid-template-columns: 104px minmax(0, 1fr) 150px 112px;
	grid-template-areas: "photo main ctrl sum";
	gap: 0 24px;
	padding: 24px 0;
}

.hst-reskin .hst-ci--cart.hst-ci--parent {
	padding-bottom: 16px;
}

.hst-reskin .hst-ci--cart.hst-ci--hangs {
	grid-template-columns: 72px minmax(0, 1fr) 150px 112px;
	padding: 0 0 24px 72px;
}

.hst-reskin .hst-ci--cart .hst-ci__photo {
	width: 104px;
	height: 130px;
	border-radius: 4px;
}

.hst-reskin .hst-ci--cart.hst-ci--hangs .hst-ci__photo {
	width: 72px;
	height: 72px;
}

.hst-reskin .hst-ci--cart.hst-ci--hangs .hst-ci__thread {
	left: 51px;
	top: -16px;
	height: 53px;
	width: 20px;
}

.hst-reskin .hst-ci--cart .hst-ci__name {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	text-transform: none;
}

.hst-reskin .hst-ci--cart .hst-ci__opts {
	margin-top: 8px;
	font-size: 14px;
}

.hst-reskin .hst-ci--cart .hst-ci__status {
	margin-top: 10px;
	font-size: 14px;
}

.hst-reskin .hst-ci--cart .hst-ci__status .hst-ico {
	width: 18px;
	height: 18px;
}

.hst-reskin .hst-ci--cart .hst-ci__ctrl {
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
}

.hst-reskin .hst-ci--cart .hst-qty {
	background: #f8f3eb;
}

.hst-reskin .hst-ci--cart .hst-qty__btn {
	width: 40px;
	height: 44px;
}

.hst-reskin .hst-ci--cart .hst-ci__sum {
	text-align: right;
}

.hst-reskin .hst-ci--cart .hst-ci__price {
	font-family: var(--hst-serif);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.1;
}

.hst-reskin .hst-ci--cart .hst-ci__each {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	color: var(--hst-on-light);
}

/* Desktop: the price of one piece under − n + in the column of the quantity (P09k, bod 11). */
.hst-reskin .hst-ci--cart .hst-ci__ctrl .hst-ci__each {
	margin: 0;
}

/* Quantity field of the cart form: the number between − and + (a plain field without JavaScript). */
.hst-reskin .hst-flow .hst-qty__input {
	width: 40px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--hst-ink);
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	box-shadow: none;
	-moz-appearance: textfield;
	appearance: textfield;
}

/* Visible focus (README §10) – inside the −/+ box, so without the 3 px offset of the buttons. */
.hst-reskin .hst-flow .hst-qty__input:focus-visible {
	outline: 2px solid var(--hst-focus, var(--hst-ink));
	outline-offset: 0;
	border-radius: 2px;
}

.hst-reskin .hst-flow .hst-qty__input::-webkit-inner-spin-button,
.hst-reskin .hst-flow .hst-qty__input::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.hst-reskin .hst-ci__remove {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 36px;
	color: var(--hst-on-light);
	font-size: 14px;
}

.hst-reskin .hst-ci__remove span {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.hst-reskin .hst-ci__remove:hover {
	color: var(--hst-ink);
}

/* The parts the script replaces: no jump while they are swapped. */
.hst-reskin [data-hst-part].is-busy {
	opacity: 0.6;
	transition: opacity 0.15s;
}

/* "Doplň si look" under the cart: the dark section of the product page (reskin-page.css) across the width. */
.hst-reskin .hst-cart-look {
	margin: 0;
}

/* Empty cart: the newest pieces. */
.hst-reskin .hst-cart-newest {
	margin-top: clamp(56px, 6vw, 80px);
}

.hst-reskin .hst-flow .hst-cart-newest__title {
	margin: 0 0 32px;
	font-family: var(--hst-serif);
	font-size: clamp(40px, 4.4vw, 60px);
	font-weight: 600;
	line-height: 1;
	color: var(--hst-ink);
	text-transform: none;
}

.hst-reskin .hst-cart-newest__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* ---- Checkout (README §5) ----------------------------------------------------------------------------------------- */
.hst-reskin .hst-co-form {
	margin: 0;
}

.hst-reskin .hst-co {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 440px;
	gap: clamp(40px, 5vw, 80px);
	align-items: start;
	margin-top: 34px;
}

.hst-reskin .hst-co__main {
	min-width: 0;
	max-width: 760px;
}

.hst-reskin .hst-co__aside {
	position: sticky;
	top: var(--hst-stick-top, calc(var(--hst-header-h, 76px) + 24px)); /* reskin-home.js: a card taller than the window sticks by its bottom */
	min-width: 0;
}

.hst-reskin .hst-co-bar {
	display: none;
}

.hst-reskin .hst-co-card__t-mob {
	display: none;
}

.hst-reskin .hst-co-login {
	max-width: 760px;
}

/* WooCommerce swaps woocommerce-no-js for woocommerce-js only in the footer: until then its CSS shows the log-in form
   and hides "Nakupuješ u nás opäť?" – everything below jumped by ≈ 350 px when the page finished (CLS). The form stays
   hidden from the first paint; without JavaScript the <noscript> style of hst_cart_noscript_style() shows it. */
body.hst-reskin.woocommerce-no-js .hst-co-login form.woocommerce-form-login[style*="none"] {
	display: none !important;
}

body.hst-reskin.woocommerce-no-js .hst-co-returning.woocommerce-form-login-toggle {
	display: block !important;
}

.hst-reskin .hst-co-login .woocommerce-form-login {
	margin: 0 0 12px;
	padding: 22px 24px;
	border: 0;
	border-left: 3px solid var(--hst-oxblood);
	border-radius: 0 3px 3px 0;
	background: #f8f3eb;
}

.hst-reskin .hst-co-returning p {
	margin: 0;
	padding: 14px 18px;
	border-left: 3px solid var(--hst-oxblood);
	border-radius: 0 3px 3px 0;
	background: #f8f3eb;
	font-size: 15px;
	line-height: 1.5;
}

.hst-reskin .hst-co-returning a {
	color: var(--hst-ink);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Steps ① – ③ as fieldsets. */
.hst-reskin .hst-step {
	min-width: 0;
	margin: 32px 0 0;
	padding: 30px 0 0;
	border: 0;
	border-top: 1px dashed rgba(22, 17, 15, 0.3);
}

.hst-reskin .hst-co-returning + .hst-co__steps .hst-step:first-child,
.hst-reskin .hst-co__steps .hst-step:first-child {
	margin-top: 28px;
	padding-top: 0;
	border-top: 0;
}

.hst-reskin .hst-step__legend {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 0;
	margin: 0;
	border: 0;
	float: left;
	width: 100%;
}

.hst-reskin .hst-step > :not(.hst-step__legend) {
	clear: both;
}

.hst-reskin .hst-step {
	display: flow-root;
}

.hst-reskin .hst-step__no {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1.5px solid var(--hst-thread);
	border-radius: 50%;
	font-family: var(--hst-serif);
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
}

.hst-reskin .hst-step__title {
	font-family: var(--hst-serif);
	font-size: 30px;
	font-weight: 600;
	line-height: 1.1;
}

.hst-reskin .hst-step .woocommerce-billing-fields,
.hst-reskin .hst-step .woocommerce-shipping-fields {
	padding-top: 20px;
}

/* Fields: 12 columns, the widths of checkout.css (hst-f12 / -f8 / -f6 / -f4, includes/reskin-checkout.php). */
.hst-reskin .hst-fields {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 16px 14px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

.hst-reskin .hst-fields > .form-row,
.hst-reskin .hst-co-company > .form-row {
	grid-column: span 12;
	float: none;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.hst-reskin .hst-fields > .hst-f8 {
	grid-column: span 8;
}

.hst-reskin .hst-fields > .hst-f6,
.hst-reskin .hst-co-company > .hst-f6 {
	grid-column: span 6;
}

.hst-reskin .hst-fields > .hst-f4 {
	grid-column: span 4;
}

.hst-reskin .hst-fields > .form-row[style*="display: none"],
.hst-reskin .hst-fields > .form-row.hidden {
	display: none;
}

.hst-reskin .hst-flow .form-row label:not(.checkbox) {
	display: block;
	margin: 0 0 6px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--hst-ink);
}

.hst-reskin .hst-flow .form-row .required {
	border: 0;
	color: var(--hst-oxblood);
	text-decoration: none;
}

.hst-reskin .hst-flow .form-row .optional {
	color: var(--hst-on-light);
	font-weight: 400;
}

.hst-reskin .hst-flow .form-row :is(input.input-text, select, textarea),
.hst-reskin .hst-flow .form-row .select2-container .select2-selection--single {
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid rgba(22, 17, 15, 0.55);
	border-radius: 3px;
	background: #f8f3eb;
	color: var(--hst-ink);
	font-family: inherit;
	font-size: 16px;
	line-height: 48px;
	box-shadow: none;
}

.hst-reskin .hst-flow .form-row textarea {
	height: auto;
	min-height: 112px;
	padding: 12px 14px;
	line-height: 1.5;
}

.hst-reskin .hst-flow .form-row .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: 48px;
	color: var(--hst-ink);
}

.hst-reskin .hst-flow .form-row .select2-container .select2-selection--single .select2-selection__arrow {
	top: 12px;
	right: 10px;
}

.hst-reskin .hst-flow .form-row :is(input.input-text, select, textarea)::placeholder {
	color: #6e6158;
	opacity: 1;
}

.hst-reskin .hst-flow .form-row :is(input, select, textarea):focus-visible,
.hst-reskin .hst-flow .select2-container--focus .select2-selection--single {
	outline: 2px solid var(--hst-ink);
	outline-offset: 3px;
}

/* Always under the field as in the design – WooCommerce shows it as a blue bubble only on focus (display: none, then
   slideDown / slideUp in woocommerce.js – the inline style needs !important). */
.hst-reskin .hst-flow .form-row .woocommerce-input-wrapper .description,
.hst-reskin .hst-flow .form-row .description {
	display: block !important;
	height: auto !important;
	border-radius: 0;
	margin: 6px 0 0;
	padding: 0;
	background: none;
	color: var(--hst-on-light);
	font-size: 13px;
	line-height: 1.45;
	position: static;
}

.hst-reskin .hst-flow .form-row .woocommerce-input-wrapper .description::before,
.hst-reskin .hst-flow .form-row .description::before {
	display: none;
}

/* A filled field keeps its border (WooCommerce colours .woocommerce-validated green – not in the design). */
.hst-reskin .hst-flow .form-row.woocommerce-validated :is(input.input-text, select, textarea),
.hst-reskin .hst-flow .form-row.woocommerce-validated .select2-container .select2-selection--single {
	border-color: rgba(22, 17, 15, 0.55);
}

/* Errors at the field (README §5): border #a3122a and the text of WooCommerce under the field. */
.hst-reskin .hst-flow .form-row.woocommerce-invalid :is(input.input-text, select, textarea),
.hst-reskin .hst-flow .form-row.woocommerce-invalid .select2-container .select2-selection--single {
	border: 2px solid #a3122a;
}

.hst-reskin .hst-flow .form-row.woocommerce-invalid label:not(.checkbox) {
	color: var(--hst-ink);
}

/* Checkboxes 22 px, the whole row 44 px. */
.hst-reskin .hst-flow :is(.hst-fcheck, .woocommerce-account-fields .create-account, #ship-to-different-address, .woocommerce-form__label-for-checkbox) {
	margin: 0;
	font-family: var(--hst-sans);
}

.hst-reskin .hst-flow .woocommerce-form__label-for-checkbox,
.hst-reskin .hst-flow .hst-fcheck > label,
.hst-reskin .hst-flow #billing_iscomp_field label {
	display: inline-flex !important;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	cursor: pointer;
}

.hst-reskin .hst-flow :is(.woocommerce-form__label-for-checkbox, .hst-fcheck label, #billing_iscomp_field label) input[type="checkbox"] {
	flex: none;
	width: 22px;
	height: 22px;
	margin: 0;
	border: 1.5px solid rgba(22, 17, 15, 0.55);
	border-radius: 3px;
	background: #f8f3eb;
	accent-color: var(--hst-oxblood);
}

/* "Uložiť kartu do účtu" – the checkbox of WooCommerce under the card field of StellarPay for logged-in customers
   (P10a): input and label side by side (WooCommerce puts inline styles on both), the checkbox row of the checkout. */
.hst-reskin .hst-flow .woocommerce-SavedPaymentMethods-saveNew {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	margin: 14px 0 0;
	padding: 0;
	font-family: var(--hst-sans);
}

.hst-reskin .hst-flow .woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"] {
	flex: none;
	width: 22px !important;
	height: 22px;
	margin: 0;
	border: 1.5px solid rgba(22, 17, 15, 0.55);
	border-radius: 3px;
	background: #f8f3eb;
	accent-color: var(--hst-oxblood);
	cursor: pointer;
}

.hst-reskin .hst-flow .woocommerce-SavedPaymentMethods-saveNew label {
	display: inline !important;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	cursor: pointer;
}

.hst-reskin .hst-flow #billing_iscomp_field .woocommerce-input-wrapper {
	display: contents;
}

.hst-reskin .hst-flow .hst-fields > #billing_iscomp_field {
	margin-top: -4px;
}

/* Company (woolab IČ DIČ) in a box once "Nakupujem na firmu" is ticked. */
.hst-reskin .hst-co-company {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 16px 14px;
	padding: 20px;
	border-radius: 3px;
	background: #f8f3eb;
}

.hst-reskin .woocommerce-billing-fields:not(:has(#billing_iscomp:checked)) .hst-co-company {
	display: none;
}

.hst-reskin .hst-co-company .form-row :is(input.input-text) {
	background: var(--hst-bone);
}

/* Account. */
.hst-reskin .woocommerce-account-fields {
	margin-top: 2px;
}

.hst-reskin .hst-co-account__note {
	margin: 0 0 6px 34px;
	font-size: 14px;
	line-height: 1.5;
	color: #4d423b;
}

.hst-reskin .woocommerce-account-fields:not(:has(#createaccount:checked)) .hst-co-account__note--auto {
	display: none;
}

/* ② Delivery: cards with a native radio (README §5). */
.hst-reskin .hst-co-ship {
	position: relative;
	padding-top: 20px;
}

.hst-reskin .hst-co-ship.is-busy::after {
	content: "";
	position: absolute;
	inset: 20px 0 0;
	background: rgba(239, 230, 218, 0.55);
}

.hst-reskin #shipping_method.hst-ships {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hst-reskin #shipping_method .hst-ship {
	position: relative;
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	gap: 0 14px;
	margin: 0;
	padding: 18px 20px;
	border: 1.5px solid rgba(22, 17, 15, 0.3);
	border-radius: 4px;
	background: transparent;
}

.hst-reskin #shipping_method .hst-ship.is-chosen,
.hst-reskin #shipping_method .hst-ship:has(input:checked) {
	padding: 17.5px 19.5px;
	border: 2px solid var(--hst-ink);
	background: #f8f3eb;
}

.hst-reskin #shipping_method .hst-ship.is-only {
	grid-template-columns: minmax(0, 1fr);
}

.hst-reskin #shipping_method .hst-ship > input[type="radio"] {
	grid-column: 1;
	grid-row: 1;
	width: 22px;
	height: 22px;
	margin: 1px 0 0;
	accent-color: var(--hst-oxblood);
	cursor: pointer;
}

.hst-reskin #shipping_method .hst-ship__label {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 3px 16px;
	margin: 0;
	cursor: pointer;
}

.hst-reskin .hst-ship__name,
.hst-reskin .hst-ship__price {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
}

.hst-reskin .hst-ship__price {
	white-space: nowrap;
}

.hst-reskin .hst-ship__free {
	grid-column: 1 / -1;
	font-size: 14px;
	line-height: 1.45;
	color: var(--hst-on-light);
}

.hst-reskin #shipping_method .hst-ship > :not(input, .hst-ship__label) {
	grid-column: 1 / -1;
}

.hst-reskin #shipping_method .hst-ship:not(.is-only) > :not(input, .hst-ship__label) {
	margin-left: 36px;
}

.hst-reskin .hst-co-ship__none {
	margin: 0;
	padding: 14px 18px;
	border-left: 3px solid var(--hst-thread);
	background: #f8f3eb;
	font-size: 15px;
}

/* Widget of Packeta under the chosen method – the markup and the script of Packeta, only the look (README §5). */
.hst-reskin .hst-ship .packetery-widget-button-wrapper {
	margin-top: 14px;
}

.hst-reskin .hst-ship .packetery-widget-button-wrapper:has(.packetery-hidden) {
	display: none;
}

.hst-reskin #shipping_method .hst-ship .packeta-widget {
	position: relative;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
}

.hst-reskin #shipping_method .hst-ship .packeta-widget-button {
	display: flex;
}

.hst-reskin #shipping_method .hst-ship .packetery-widget-button-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.hst-reskin .hst-ship .packetery-widget-button-logo {
	display: none;
}

.hst-reskin #shipping_method .hst-ship .packetery-widget-button-row .button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	margin: 0;
	padding: 0 18px 0 44px;
	border: 1.5px solid rgba(22, 17, 15, 0.55);
	border-radius: 3px;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235e0b14' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-6.2-6.5-11.2a6.5 6.5 0 0 1 13 0C18.5 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.8' r='2.4'/%3E%3C/svg%3E") 16px 50% no-repeat;
	color: var(--hst-ink);
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	font-stretch: var(--hst-narrow);
	line-height: 1.2;
	text-transform: none;
	letter-spacing: 0;
	white-space: nowrap;
	width: auto;
	height: auto;
	box-shadow: none;
}

.hst-reskin #shipping_method .hst-ship .packetery-widget-button-row .button:hover {
	border-color: var(--hst-ink);
}

.hst-reskin #shipping_method .hst-ship .packeta-widget::after {
	content: "Otvorí sa mapa Packety s výdajnými miestami a Z-BOXmi.";
	display: block;
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.45;
	color: var(--hst-on-light);
}

.hst-reskin #shipping_method .hst-ship .packeta-widget:lang(en)::after {
	content: "Opens the Packeta map with pick-up points and Z-BOXes.";
}

/* A chosen point: the box with the pin, the name, the address and "Zmeniť" (the button of Packeta moves right). */
.hst-reskin #shipping_method .hst-ship .packeta-widget:has(.packeta-widget-info:not(:empty):not(.packeta-widget-info-error)) {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0 12px;
	padding: 14px 16px 14px 44px;
	border-radius: 3px;
	background: var(--hst-bone) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235e0b14' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-6.2-6.5-11.2a6.5 6.5 0 0 1 13 0C18.5 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.8' r='2.4'/%3E%3C/svg%3E") 16px 16px no-repeat;
}

.hst-reskin #shipping_method .hst-ship .packeta-widget:has(.packeta-widget-info:not(:empty):not(.packeta-widget-info-error))::after {
	display: none;
}

.hst-reskin #shipping_method .hst-ship .packeta-widget:has(.packeta-widget-info:not(:empty):not(.packeta-widget-info-error)) .packetery-widget-button-row {
	grid-column: 2;
	grid-row: 1 / span 3;
	align-self: start;
}

.hst-reskin #shipping_method .hst-ship .packeta-widget:has(.packeta-widget-info:not(:empty):not(.packeta-widget-info-error)) .packetery-widget-button-row .button {
	min-height: 32px;
	padding: 4px 0;
	border: 0;
	background: none;
	font-size: 0;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.hst-reskin #shipping_method .hst-ship .packeta-widget:has(.packeta-widget-info:not(:empty):not(.packeta-widget-info-error)) .packetery-widget-button-row .button::after {
	content: "Zmeniť" / ""; /* the button keeps its own name ("Vybrať výdajné miesto") for screen readers */
	font-size: 14px;
}

.hst-reskin #shipping_method .hst-ship .packeta-widget:has(.packeta-widget-info:not(:empty):not(.packeta-widget-info-error)) .packetery-widget-button-row .button:lang(en)::after {
	content: "Change" / "";
}

.hst-reskin #shipping_method .hst-ship .packeta-widget p {
	grid-column: 1;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.45;
	color: #4d423b;
}

/* Messages of Packeta in the same element (address not valid, country) – an error, not a chosen point. */
.hst-reskin #shipping_method .hst-ship .packeta-widget p.packeta-widget-info-error {
	margin-top: 8px;
	color: #a3122a;
	font-weight: 600;
}

.hst-reskin #shipping_method .hst-ship .packeta-widget p:empty {
	display: none;
}

.hst-reskin #shipping_method .hst-ship .packeta-widget .packeta-widget-place,
.hst-reskin #shipping_method .hst-ship .packeta-widget .packeta-widget-selected-address {
	font-size: 15px;
	font-weight: 700;
	color: var(--hst-ink);
}

/* Ship to someone else. */
.hst-reskin .hst-co-shipto {
	margin-top: 10px;
}

.hst-reskin .hst-co-shipaddr {
	margin-top: 8px;
	padding: 20px;
	border-radius: 3px;
	background: #f8f3eb;
}

.hst-reskin .hst-co-shipaddr .form-row :is(input.input-text, select) {
	background: var(--hst-bone);
}

/* ③ Payment: the methods of WooCommerce (checkout/payment-method.php) as cards (README §5). */
body.hst-reskin #payment.hst-pay {
	padding: 20px 0 0;
	border: 0;
	border-radius: 0;
	background: none;
}

body.hst-reskin #payment.hst-pay .wc_payment_methods {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

body.hst-reskin #payment.hst-pay .wc_payment_method {
	position: relative;
	margin: 0;
	padding: 0;
	border: 1.5px solid rgba(22, 17, 15, 0.3);
	border-radius: 4px;
	background: #f8f3eb;
}

body.hst-reskin #payment.hst-pay .wc_payment_method:has(> input:checked),
body.hst-reskin #payment.hst-pay .wc_payment_methods > .wc_payment_method:only-child {
	border: 2px solid var(--hst-ink);
}

.hst-reskin .hst-pay .wc_payment_method > input.input-radio {
	position: absolute;
	top: 21px;
	left: 20px;
	width: 22px;
	height: 22px;
	margin: 0;
	accent-color: var(--hst-oxblood);
	cursor: pointer;
}

/* Kadence colours the label of the chosen and the hovered method (#payment ul.wc_payment_methods li … :checked + label). */
body.hst-reskin #payment.hst-pay ul.wc_payment_methods li.wc_payment_method > label,
body.hst-reskin #payment.hst-pay ul.wc_payment_methods li.wc_payment_method > label:hover,
body.hst-reskin #payment.hst-pay ul.wc_payment_methods li.wc_payment_method input[type="radio"]:first-child:checked + label {
	background: none;
	border-left: 0;
}

/* Kadence hides the radio (clip) and draws a small dot in label::before – the native radio of the design instead. */
body.hst-reskin #payment.hst-pay ul.wc_payment_methods li.wc_payment_method > input[type="radio"]:first-child {
	clip: auto;
	clip-path: none;
	position: absolute !important;
}

body.hst-reskin #payment.hst-pay ul.wc_payment_methods li.wc_payment_method > label::before,
body.hst-reskin #payment.hst-pay ul.wc_payment_methods li.wc_payment_method input[type="radio"]:first-child:checked + label::before {
	content: none;
	display: none;
}

body.hst-reskin #payment.hst-pay .wc_payment_method > label {
	background: none;
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 64px;
	margin: 0;
	padding: 0 56px 0 56px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--hst-ink);
	cursor: pointer;
}

body.hst-reskin #payment.hst-pay .wc_payment_methods > .wc_payment_method:only-child > label {
	padding-left: 20px;
}

.hst-reskin .hst-pay .wc_payment_method > label img {
	display: none;
}

.hst-reskin .hst-pay .wc_payment_method > label::after {
	content: "";
	position: absolute;
	top: 21px;
	right: 20px;
	width: 22px;
	height: 22px;
	background: #54473f;
	-webkit-mask: var(--hst-pay-icon) center / contain no-repeat;
	mask: var(--hst-pay-icon) center / contain no-repeat;
}

.hst-reskin .hst-pay .payment_method_bacs {
	--hst-pay-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5L12 4l9 5.5'/%3E%3Cpath d='M4.5 10v8M9.5 10v8M14.5 10v8M19.5 10v8'/%3E%3Cpath d='M3 20.5h18'/%3E%3C/svg%3E");
}

.hst-reskin .hst-pay .wc_payment_method:not(.payment_method_bacs) {
	--hst-pay-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M2.5 9.5h19'/%3E%3Cpath d='M6 15h4'/%3E%3C/svg%3E");
}

/* Saved cards of StellarPay (logged-in customers, P10a): the list of WooCommerce in the box of the method – the radios
   of the design (22 px, oxblood) in rows of 44 px instead of the small default radios. */
body.hst-reskin #payment.hst-pay .woocommerce-SavedPaymentMethods {
	margin: 0 0 6px;
	padding: 0;
	list-style: none;
}

body.hst-reskin #payment.hst-pay .woocommerce-SavedPaymentMethods li {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	margin: 0;
	padding: 0;
}

body.hst-reskin #payment.hst-pay .woocommerce-SavedPaymentMethods input[type="radio"] {
	flex: none;
	width: 22px !important;
	height: 22px;
	margin: 0;
	accent-color: var(--hst-oxblood);
	cursor: pointer;
}

body.hst-reskin #payment.hst-pay .woocommerce-SavedPaymentMethods label {
	margin: 0;
	color: var(--hst-ink);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	cursor: pointer;
}

body.hst-reskin #payment.hst-pay .payment_box {
	margin: 0;
	padding: 0 20px 20px 56px;
	border: 0;
	background: none;
	color: #4d423b;
	font-size: 15px;
	line-height: 1.55;
}

body.hst-reskin #payment.hst-pay .wc_payment_methods > .wc_payment_method:only-child .payment_box {
	padding-left: 20px;
}

.hst-reskin .hst-pay .payment_box::before {
	display: none;
}

.hst-reskin .hst-pay .payment_box p {
	margin: 0;
}

.hst-reskin .hst-pay .payment_box p + p {
	margin-top: 8px;
}

.hst-reskin .hst-pay .payment_box fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Order note. */
.hst-reskin .hst-co-note {
	margin-top: 28px;
	padding-top: 22px;
	border-top: 1px dashed rgba(22, 17, 15, 0.3);
}

.hst-reskin .hst-co-note__toggle {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}

.hst-reskin .hst-co-note__toggle::-webkit-details-marker {
	display: none;
}

.hst-reskin .hst-co-note__toggle span {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.hst-reskin .hst-co-note__box .hst-fields {
	margin-top: 10px;
}

/* Card "Tvoja objednávka". */
.hst-reskin .hst-co-card .woocommerce-checkout-review-order,
.hst-reskin .hst-co-card #order_review_heading {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}

.hst-reskin .hst-co-card__items {
	margin-top: 14px;
}

.hst-reskin .hst-co-card .hst-co-totals {
	margin: 0;
	border: 0;
	background: none;
}

.hst-reskin .hst-co-card .hst-co-totals .hst-sum__table:first-child {
	margin-top: 10px;
	padding-top: 12px;
	border-top: 1px dashed rgba(22, 17, 15, 0.3);
}

.hst-reskin .hst-co-card__coupon {
	margin-top: 10px;
}

/* Consent and the button – texts of the settings (02b), only the look. */
body.hst-reskin form .hst-co-place.form-row {
	float: none;
	width: auto;
	margin: 18px 0 0;
	padding: 0;
}

.hst-reskin .hst-co-place .woocommerce-terms-and-conditions-wrapper {
	margin: 0;
}

.hst-reskin .hst-co-place .woocommerce-privacy-policy-text p {
	margin: 0 0 12px;
	font-size: 13px;
	line-height: 1.5;
	color: #4d423b;
}

.hst-reskin .hst-co-place .woocommerce-privacy-policy-text a {
	color: var(--hst-ink);
	text-underline-offset: 3px;
}

.hst-reskin .hst-co-place .validate-required {
	margin: 0;
	padding: 0;
}

.hst-reskin .hst-co-place .woocommerce-form__label-for-checkbox {
	display: block !important;
	position: relative;
	padding-left: 36px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.45;
}

.hst-reskin .hst-co-place .woocommerce-form__label-for-checkbox input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
}

.hst-reskin .hst-co-place .woocommerce-form__label-for-checkbox .required {
	margin-left: 2px;
}

.hst-reskin .hst-co-place .woocommerce-form__label-for-checkbox input[type="checkbox"] {
	width: 24px;
	height: 24px;
	margin-top: 0;
	border-width: 1.5px;
}

.hst-reskin .hst-co-place .woocommerce-terms-and-conditions-checkbox-text a {
	color: var(--hst-ink);
	text-underline-offset: 3px;
}

.hst-reskin .hst-co-place .woocommerce-invalid .woocommerce-form__label-for-checkbox input[type="checkbox"] {
	outline: 2px solid #a3122a;
	outline-offset: 1px;
}

.hst-reskin .hst-co-place #terms_description,
.hst-reskin .hst-co-place .checkout-inline-error-message {
	margin: 6px 0 0 36px;
}

.hst-reskin .hst-co-place #place_order {
	width: 100%;
	min-height: 58px;
	margin: 18px 0 0;
	float: none;
}

.hst-reskin .hst-co-place #place_order:disabled {
	opacity: 0.55;
	cursor: wait;
}

.hst-reskin .hst-co-place__stripe {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 12px 0 0;
	font-size: 13px;
	color: #4d423b;
}

.hst-reskin #mailpoet_woocommerce_checkout_optin_present_field,
.hst-reskin .hst-co-place .form-row.mailpoet-subscription-field {
	margin: 10px 0 0;
}

/* The opt-in of MailPoet (live only; MailPoet 5.x prints a bare label right after the terms): the same row as the
   terms with a gap – on phones the terms wrap to two lines and the label stuck to them (P09l bod 5). */
.hst-reskin .hst-co-place > .woocommerce-form__label-for-checkbox:has(> #mailpoet_woocommerce_checkout_optin) {
	margin-top: 14px;
}

.hst-reskin #mailpoet_woocommerce_checkout_optin_present_field {
	display: none;
}

/* ---- Thank-you page (README §6) ---------------------------------------------------------------------------------- */
.hst-reskin .hst-done__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 440px;
	gap: clamp(40px, 5vw, 80px);
	align-items: start;
	margin-top: 40px;
}

.hst-reskin .hst-done__main {
	min-width: 0;
}

.hst-reskin .hst-done__aside {
	position: sticky;
	top: var(--hst-stick-top, calc(var(--hst-header-h, 76px) + 24px)); /* reskin-home.js: a card taller than the window sticks by its bottom */
	min-width: 0;
}

.hst-reskin .hst-pay-card .hst-pay-card__title {
	margin: 0;
	font-family: var(--hst-serif);
	font-size: 30px;
	font-weight: 600;
	line-height: 1.1;
	text-transform: none;
}

.hst-reskin .hst-flow .hst-pay-card__text {
	max-width: 520px;
	margin: 8px 0 0;
	font-size: 15px;
	line-height: 1.55;
	color: #4d423b;
}

.hst-reskin .hst-pay-card__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 24px;
	margin-top: 20px;
}

.hst-reskin .hst-pay-card__body.has-qr {
	grid-template-columns: minmax(0, 1fr) 170px;
}

.hst-reskin .hst-bank {
	margin: 0;
}

.hst-reskin .hst-bank__row {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: 4px 16px;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px dashed rgba(22, 17, 15, 0.3);
}

.hst-reskin .hst-bank dt {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: var(--hst-on-light);
}

.hst-reskin .hst-bank dd {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	word-break: break-word;
}

.hst-reskin .hst-bank__amount {
	font-size: 20px !important;
}

.hst-reskin .hst-copy {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 36px;
	padding: 0 14px;
	border: 1.5px solid rgba(22, 17, 15, 0.55);
	border-radius: 18px;
	background: transparent;
	color: var(--hst-ink);
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	font-stretch: var(--hst-narrow);
	text-transform: none;
	letter-spacing: 0;
	box-shadow: none;
	cursor: pointer;
}

.hst-reskin .hst-copy:hover {
	border-color: var(--hst-ink);
	background: transparent;
	color: var(--hst-ink);
}

.hst-reskin .hst-copy.is-copied {
	border-color: var(--hst-thread);
}

.hst-reskin .hst-qr {
	margin: 0;
	text-align: center;
}

.hst-reskin .hst-qr__img {
	padding: 10px;
	border: 1px solid rgba(22, 17, 15, 0.15);
	border-radius: 3px;
	background: #fff;
}

.hst-reskin .hst-qr__img img,
.hst-reskin .hst-qr .wpify-woo-qr-payment_code {
	display: block;
	width: 148px;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.hst-reskin .hst-qr .wpify-woo-qr-payment {
	margin: 0;
}

.hst-reskin .hst-qr__text {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.45;
	color: #4d423b;
}

.hst-reskin .hst-pay-card--paid {
	display: flex;
	align-items: flex-start;
	gap: 18px;
}

.hst-reskin .hst-pay-card__ok {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--hst-thread);
	color: var(--hst-ink);
}

.hst-reskin .hst-pay-card__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 18px 0 0;
}

/* What happens next – a vertical thread. */
.hst-reskin .hst-next {
	margin-top: clamp(40px, 5vw, 56px);
}

.hst-reskin .hst-flow .hst-next__heading {
	margin: 0 0 22px;
	font-family: var(--hst-serif);
	font-size: 36px;
	font-weight: 600;
	line-height: 1.1;
	text-transform: none;
}

.hst-reskin .hst-next__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hst-reskin .hst-next__step {
	position: relative;
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 0 16px;
	margin: 0;
	padding-bottom: 24px;
}

.hst-reskin .hst-next__step:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 38px;
	bottom: 4px;
	left: 16px;
	border-left: 2px dashed rgba(22, 17, 15, 0.28);
}

.hst-reskin .hst-next__step.is-done:not(:last-child)::before {
	border-left-color: var(--hst-thread);
}

.hst-reskin .hst-next__dot {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1.5px solid rgba(22, 17, 15, 0.55);
	border-radius: 50%;
	background: var(--hst-bone);
	font-family: var(--hst-serif);
	font-size: 16px;
	font-weight: 600;
	color: var(--hst-on-light);
}

.hst-reskin .hst-next__step.is-now .hst-next__dot {
	border-color: var(--hst-ink);
	background: var(--hst-ink);
	color: #f8f3eb;
}

.hst-reskin .hst-next__step.is-done .hst-next__dot {
	border-color: var(--hst-thread);
	background: var(--hst-thread);
	color: var(--hst-ink);
}

.hst-reskin .hst-flow .hst-next__title {
	margin: 5px 0 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
}

.hst-reskin .hst-flow .hst-next__text {
	margin: 4px 0 0;
	font-size: 15px;
	line-height: 1.55;
	color: #4d423b;
}

/* Outputs of other plugins on woocommerce_thankyou (SuperFaktúra invoice …). */
.hst-reskin .hst-done__hooks {
	margin-top: 24px;
}

.hst-reskin .hst-done__hooks h2 {
	font-family: var(--hst-serif);
	font-size: 24px;
	font-weight: 600;
	text-transform: none;
}

/* SuperFaktúra (live): "Zálohová faktúra / Faktúra – Stiahnuť …" on woocommerce_thankyou. */
.hst-reskin .hst-done__hooks .woocommerce-superfaktura {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 18px;
	margin: 0 0 12px;
	padding: 16px 20px;
	border: 1px dashed rgba(22, 17, 15, 0.3);
	border-radius: 3px;
}

.hst-reskin .hst-done__hooks .woocommerce-superfaktura .woocommerce-superfaktura__title {
	margin: 0;
	font-size: 20px;
	line-height: 1.2;
}

.hst-reskin .hst-done__hooks .woocommerce-superfaktura a {
	color: var(--hst-oxblood);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* "Pochváľ sa nám". */
.hst-reskin .hst-brag {
	position: relative;
	margin-top: 32px;
	padding: 30px 30px 28px;
	border-radius: 4px;
	background: var(--hst-ink);
	color: var(--hst-bone);
}

.hst-reskin .hst-brag__stitch {
	position: absolute;
	inset: 7px;
	border: 1.5px dashed rgba(184, 149, 79, 0.7);
	border-radius: 2px;
	pointer-events: none;
}

.hst-reskin .hst-flow .hst-brag__title {
	position: relative;
	margin: 0;
	font-family: var(--hst-serif);
	font-size: 28px;
	font-weight: 600;
	color: var(--hst-bone);
	text-transform: none;
}

.hst-reskin .hst-flow .hst-brag__text {
	position: relative;
	margin: 8px 0 18px;
	font-size: 15px;
	line-height: 1.55;
	color: #d8cdc2;
}

.hst-reskin .hst-brag .hst-cbtn {
	position: relative;
}

.hst-reskin .hst-done__links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 28px;
	margin: 26px 0 0;
}

/* Card of the order. */
.hst-reskin .hst-flow .hst-order-card__meta {
	margin: 6px 0 16px;
	font-size: 14px;
	color: var(--hst-on-light);
}

.hst-reskin .hst-order-card__dl {
	margin: 16px 0 0;
	padding-top: 16px;
	border-top: 1px dashed rgba(22, 17, 15, 0.3);
	font-size: 14px;
	line-height: 1.5;
}

.hst-reskin .hst-order-card__dl dt {
	margin: 12px 0 2px;
	font-weight: 700;
}

.hst-reskin .hst-order-card__dl dt:first-child {
	margin-top: 0;
}

.hst-reskin .hst-order-card__dl dd {
	margin: 0;
	color: #4d423b;
}

/* ---- Tablet and phone ---------------------------------------------------------------------------------------- */
@media (max-width: 1100px) {
	.hst-reskin :is(.hst-cartpage, .hst-co, .hst-done__grid) {
		grid-template-columns: minmax(0, 1fr) 380px;
		gap: 40px;
	}
}

@media (max-width: 899px) {
	.hst-reskin :is(.hst-cartpage, .hst-co, .hst-done__grid) {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
	}

	.hst-reskin :is(.hst-cartpage__aside, .hst-co__aside, .hst-done__aside) {
		position: static;
	}

	.hst-reskin .hst-co__main {
		max-width: none;
	}

	/* Phones and tablets: the bar "Tvoja objednávka" above the steps, the card "Spolu" at the end (README §5). */
	.hst-reskin .hst-co-bar {
		display: block;
		border-radius: 4px;
		background: #f8f3eb;
		box-shadow: 0 22px 44px -28px rgba(22, 17, 15, 0.55);
	}

	.hst-reskin .hst-co-bar__summary {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 4px 8px;
		min-height: 64px;
		padding: 14px 18px;
		font-size: 16px;
		cursor: pointer;
		list-style: none;
	}

	.hst-reskin .hst-co-bar__summary::-webkit-details-marker {
		display: none;
	}

	.hst-reskin .hst-co-bar__title {
		font-weight: 700;
	}

	.hst-reskin .hst-co-bar__count {
		color: var(--hst-on-light);
		font-size: 14px;
	}

	.hst-reskin .hst-co-bar__sum {
		margin-left: auto;
		font-family: var(--hst-serif);
		font-size: 22px;
		font-weight: 600;
	}

	.hst-reskin .hst-co-bar__chev {
		transition: transform 0.2s;
	}

	.hst-reskin .hst-co-bar[open] .hst-co-bar__chev {
		transform: rotate(180deg);
	}

	.hst-reskin .hst-co-bar__body {
		padding: 0 18px 18px;
	}

	.hst-reskin .hst-co-card__items,
	.hst-reskin .hst-co-card__coupon,
	.hst-reskin .hst-co-card__t-desk {
		display: none;
	}

	.hst-reskin .hst-co-card__t-mob {
		display: inline;
	}

	.hst-reskin .hst-co-card .hst-co-totals .hst-sum__table:first-child {
		margin-top: 14px;
		padding-top: 0;
		border-top: 0;
	}

	/* Thank-you page on phones: payment, what happens next, the order, then Instagram and the links (README §6). */
	.hst-reskin .hst-done__grid {
		display: flex;
		flex-direction: column;
	}

	.hst-reskin .hst-done__main {
		display: contents;
	}

	.hst-reskin .hst-done__main > .hst-pay-card {
		order: 1;
	}

	.hst-reskin .hst-done__main > .hst-next {
		order: 2;
		margin-top: 8px;
	}

	.hst-reskin .hst-done__aside {
		order: 3;
	}

	.hst-reskin .hst-done__main > .hst-done__hooks {
		order: 4;
	}

	.hst-reskin .hst-done__main > .hst-brag {
		order: 5;
		margin-top: 0;
	}

	.hst-reskin .hst-done__main > .hst-done__links {
		order: 6;
		margin-top: 0;
	}
}

@media (max-width: 767px) {
	.hst-reskin .hst-flow__inner {
		padding-top: 24px;
	}

	.hst-reskin .hst-flow .hst-flow__title {
		font-size: 52px;
	}

	.hst-reskin .hst-buysteps__line {
		width: 22px;
		margin: 0 8px;
	}

	.hst-reskin .hst-cartpage {
		margin-top: 24px;
	}

	/* Rows of the cart page on phones – compact as in the side cart (README §4). */
	.hst-reskin .hst-ci--cart,
	.hst-reskin .hst-ci--cart.hst-ci--hangs {
		grid-template-columns: 76px minmax(0, 1fr) auto;
		grid-template-areas: "photo main sum" "photo ctrl ctrl";
		gap: 0 14px;
		padding: 18px 0;
	}

	.hst-reskin .hst-ci--cart.hst-ci--hangs {
		grid-template-columns: 56px minmax(0, 1fr) auto;
		padding: 0 0 18px 56px;
	}

	.hst-reskin .hst-ci--cart .hst-ci__photo {
		width: 76px;
		height: 95px;
	}

	.hst-reskin .hst-ci--cart.hst-ci--hangs .hst-ci__photo {
		width: 56px;
		height: 56px;
	}

	.hst-reskin .hst-ci--cart.hst-ci--hangs .hst-ci__thread {
		left: 37px;
		top: -12px;
		height: 41px;
		width: 16px;
	}

	.hst-reskin .hst-ci--cart .hst-ci__name {
		font-size: 15px;
	}

	/* As in the side cart (P09k, bod 11): the details only in their column, each option on its own line. */
	.hst-reskin .hst-ci--cart .hst-ci__main {
		grid-column: 2;
		grid-row: 1;
	}

	.hst-reskin .hst-ci--cart .hst-ci__opts {
		flex-direction: column;
		align-items: flex-start;
		gap: 3px;
	}

	.hst-reskin .hst-ci--cart .hst-ci__ctrl .hst-ci__each {
		margin: 0 0 0 auto;
	}

	.hst-reskin .hst-ci--cart .hst-ci__sum {
		grid-column: 3;
		grid-row: 1;
	}

	.hst-reskin .hst-ci--cart:has(.hst-ci__of) .hst-ci__sum {
		margin-top: 19px;
	}

	.hst-reskin .hst-ci--cart :is(.hst-ci__opts, .hst-ci__status) {
		font-size: 13px;
	}

	.hst-reskin .hst-ci--cart .hst-ci__price {
		font-family: var(--hst-sans);
		font-size: 15px;
		font-weight: 700;
	}

	.hst-reskin .hst-ci--cart .hst-ci__ctrl {
		flex-direction: row;
		align-items: center;
		gap: 10px;
		margin-top: 10px;
	}

	.hst-reskin .hst-ci--cart .hst-ci__remove span {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
	}

	.hst-reskin .hst-ci--cart .hst-ci__remove {
		justify-content: center;
		width: 40px;
		height: 40px;
	}

	.hst-reskin .hst-cartpage__saved {
		display: none;
	}

	.hst-reskin .hst-cart-newest__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hst-reskin .hst-card {
		padding: 24px 20px 22px;
	}

	.hst-reskin .hst-fields > .hst-f8 {
		grid-column: span 7;
	}

	.hst-reskin .hst-fields > .hst-f4 {
		grid-column: span 5;
	}

	.hst-reskin .hst-co-company,
	.hst-reskin .hst-co-shipaddr {
		padding: 16px;
	}

	.hst-reskin .hst-pay-card__body.has-qr {
		grid-template-columns: minmax(0, 1fr);
	}

	.hst-reskin .hst-qr {
		display: grid;
		grid-template-columns: 132px minmax(0, 1fr);
		gap: 14px;
		align-items: center;
		text-align: left;
	}

	.hst-reskin .hst-qr__img img,
	.hst-reskin .hst-qr .wpify-woo-qr-payment_code {
		width: 112px;
	}

	.hst-reskin .hst-qr__text {
		margin: 0;
	}

	.hst-reskin .hst-bank__row {
		grid-template-columns: minmax(0, 1fr);
	}

	.hst-reskin .hst-flow .hst-next__heading {
		font-size: 30px;
	}

}

/* "(voliteľné)" of WooCommerce at the checkboxes (company, account) – a checkbox is always optional. */
.hst-reskin .hst-flow .hst-fcheck .optional {
	display: none;
}

/* ---- Pay for order (P09j, design/cookie-newsletter/README.md §3): the layout of the checkout, the line of the order
   under the H1, "Spôsob platby" without a number. ----------------------------------------------------------------- */
.hst-reskin .hst-flow--pay .hst-flow__head {
	display: block;
}

.hst-reskin .hst-flow--pay .hst-pay-meta {
	margin-top: 14px;
	font-size: 18px;
}

.hst-reskin .hst-flow--pay .hst-step--plain {
	margin-top: 28px;
	padding-top: 0;
	border-top: 0;
}

.hst-reskin .hst-flow--pay .hst-step--plain .hst-step__title {
	font-size: 30px;
}

@media (max-width: 767px) {
	.hst-reskin .hst-flow--pay .hst-flow .hst-flow__title,
	.hst-reskin .hst-flow--pay .hst-flow__title {
		font-size: 46px;
	}

	.hst-reskin .hst-flow--pay .hst-pay-meta {
		font-size: 16px;
	}

	.hst-reskin .hst-flow--pay .hst-step--plain .hst-step__title {
		font-size: 26px;
	}
}

/* ---- P10k: gift voucher – the lost rest under the totals, the codes in the order (thank-you page, account). --- */
.hst-reskin .hst-gv-lost td {
	padding-top: 4px;
}

.hst-reskin .hst-gv-lost__text {
	margin: 0;
	padding: 10px 12px;
	border-left: 3px solid var(--hst-oxblood);
	background: rgba(94, 11, 20, 0.06);
	color: var(--hst-ink);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.45;
	text-align: left;
}

.hst-reskin .hst-gv-codes {
	margin: 6px 0 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	line-height: 1.5;
}

.hst-reskin .hst-gv-codes strong {
	letter-spacing: 0.06em;
}

.hst-reskin .hst-gv-codes a {
	color: var(--hst-oxblood);
	font-weight: 700;
}

/* Empty cart: the gift voucher (P10m) */
.hst-reskin .hst-flow__gift {
	margin: 18px 0 0;
	color: var(--hst-on-light-2);
	font-size: 15px;
	line-height: 1.55;
}

.hst-reskin .hst-flow__gift a {
	color: var(--hst-oxblood);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}