/**
 * ETA Shop — Cart & Checkout visual redesign
 * Ported from reference: eta-site/koszyk.html + zamowienie.html
 * Adapts reference's teal palette to ETA prod navy (#001f3f).
 * v2.4.0 — 2026-06-15 (pusty koszyk: siatka Nowości + typografia DS)
 */

/* ─────────────────────────────────────────────────────────────────────
   0. LOCAL TOKENS (mirror reference vars, navy-adapted)
   ───────────────────────────────────────────────────────────────────── */
body.eta-shop-skin {
	/* surfaces — #fafafa outer so white cards "pop", ref-bg nearly white */
	--ref-bg:       #fafafa;
	--ref-surface:  #f4f5f7;
	--ref-surface2: #ffffff;
	/* borders */
	--ref-border:   rgba(0,31,63,.09);
	--ref-divider:  rgba(0,31,63,.06);
	/* text */
	--ref-text:     #1a1f2e;
	--ref-muted:    #5e6a82;
	--ref-faint:    #a8b2c4;
	/* brand */
	--ref-primary:  #001f3f;
	--ref-primary-h:#0b2c52;
	--ref-primary-lt:rgba(0,31,63,.07);
	--ref-success:  #437a22;
	/* radii */
	--ref-r-sm: .375rem;
	--ref-r-md: .5rem;
	--ref-r-lg: .75rem;
	--ref-r-xl: 1rem;
	/* shadows */
	--ref-sh-sm: 0 1px 3px rgba(0,31,63,.07);
	--ref-sh-md: 0 4px 16px rgba(0,31,63,.10);
	/* transition */
	--ref-t: 180ms cubic-bezier(.16,1,.3,1);
}

/* Kafelki checkoutu — jeden styl (jak sidebar) */
body.eta-checkout-classic.eta-shop-skin {
	--eta-checkout-tile-bg: var(--ref-surface2);
	--eta-checkout-tile-border: 1px solid rgba(0, 31, 63, 0.08);
	--eta-checkout-tile-radius: var(--ref-r-xl);
	--eta-checkout-tile-shadow: var(--ref-sh-sm);
	--eta-checkout-tile-padding: 1.5rem;
}

/* ─────────────────────────────────────────────────────────────────────
   1. STEPPER — circle numbers, matches reference .stepper
   ───────────────────────────────────────────────────────────────────── */
body.eta-shop-skin .eta-checkout-steps {
	display: flex;
	align-items: center;
	gap: .5rem;
	list-style: none;
	margin-bottom: 2rem;
	flex-wrap: wrap;
	background: none;
	border: none;
	box-shadow: none;
	padding: 0;
	max-width: none;
}

body.eta-shop-skin .eta-checkout-steps__list {
	display: flex;
	align-items: center;
	gap: .5rem;
	flex-wrap: wrap;
	width: 100%;
}

body.eta-shop-skin .eta-checkout-steps__item {
	display: flex;
	align-items: center;
	gap: .5rem;
	font-size: .875rem;
	font-weight: 500;
	color: var(--ref-faint);
	white-space: nowrap;
}

body.eta-shop-skin .eta-checkout-steps__item--active {
	color: var(--ref-primary) !important;
}

body.eta-shop-skin .eta-checkout-steps__item--done {
	color: var(--ref-success) !important;
}

body.eta-shop-skin .eta-checkout-steps__link {
	display: flex;
	align-items: center;
	gap: .5rem;
	text-decoration: none;
	color: inherit;
	flex-direction: row;
}

/* Circle number badge */
body.eta-shop-skin .eta-checkout-steps__num {
	width: 26px !important;
	height: 26px !important;
	min-width: 26px;
	border-radius: 50% !important;
	border: 2px solid currentColor !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: .75rem !important;
	font-weight: 700 !important;
	flex-shrink: 0;
	background: transparent;
	color: inherit;
	line-height: 1 !important;
}

body.eta-shop-skin .eta-checkout-steps__item--active .eta-checkout-steps__num {
	background: var(--ref-primary) !important;
	border-color: var(--ref-primary) !important;
	color: #fff !important;
}

body.eta-shop-skin .eta-checkout-steps__item--done .eta-checkout-steps__num {
	background: var(--ref-success) !important;
	border-color: var(--ref-success) !important;
	color: #fff !important;
}

body.eta-shop-skin .eta-checkout-steps__label {
	font-size: .875rem;
	font-weight: 500;
	color: inherit;
	white-space: nowrap;
}

/* Divider line between steps */
body.eta-shop-skin .eta-checkout-steps__divider {
	flex: 1;
	min-width: 2rem;
	height: 1px !important;
	background: var(--ref-border) !important;
	border-radius: 0;
	margin: 0 !important;
	align-self: center;
}

@media (max-width: 639px) {
	body.eta-shop-skin .eta-checkout-steps__divider {
		display: none;
	}
	body.eta-shop-skin .eta-checkout-steps__list {
		justify-content: flex-start;
		gap: .75rem;
	}
}

/* Extra override: kill large numbers even inside billing fields context */
body.eta-checkout-classic.eta-shop-skin .woocommerce-billing-fields .eta-checkout-steps--in-billing .eta-checkout-steps__num,
body.eta-shop-skin .eta-checkout-steps .eta-checkout-steps__num {
	font-size: .75rem !important;
	width: 26px !important;
	height: 26px !important;
	min-width: 26px !important;
	border-radius: 50% !important;
	line-height: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

body.eta-checkout-classic.eta-shop-skin .woocommerce-billing-fields .eta-checkout-steps--in-billing .eta-checkout-steps__label,
body.eta-shop-skin .eta-checkout-steps .eta-checkout-steps__label {
	font-size: .875rem !important;
	line-height: 1.4 !important;
	white-space: nowrap !important;
	max-width: none !important;
}

/* ─────────────────────────────────────────────────────────────────────
   2. CONTENT AREA — near-white background, no heavy gray wrappers
   [FIX CART-GRAY-BG, CHECKOUT-GRAY-BG]
   ───────────────────────────────────────────────────────────────────── */
body.woocommerce-cart.eta-shop-skin .content,
body.woocommerce-checkout.eta-shop-skin .content {
	background: var(--ref-bg) !important;
}

body.woocommerce-cart.eta-shop-skin .entry-content,
body.woocommerce-checkout.eta-shop-skin .entry-content,
body.woocommerce-cart.eta-shop-skin .content .entry-content,
body.woocommerce-checkout.eta-shop-skin .content .entry-content {
	padding: 2rem 0 4rem !important;
	background: var(--ref-bg) !important;
	max-width: none !important;
}

/* ─────────────────────────────────────────────────────────────────────
   3. CART PAGE — WC Blocks layout fix + card styling
   [FIX CART-OVERFLOW] max-width + correct grid that fits 1024px
   ───────────────────────────────────────────────────────────────────── */

/* Outer wrapper: limit to viewport + padding so it never clips */
body.woocommerce-cart.eta-shop-skin .wc-block-cart,
body.woocommerce-cart.eta-shop-skin .wc-block-components-sidebar-layout.wc-block-cart {
	max-width: min(1200px, 100%) !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding-inline: clamp(.75rem, 3vw, 1.5rem) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media (min-width: 1024px) {
	body.woocommerce-cart.eta-shop-skin .wc-block-components-sidebar-layout.wc-block-cart {
		display: grid !important;
		/* minmax(0,1fr) prevents left col from overflowing; min(360px,32%) keeps sidebar inside 1024 */
		grid-template-columns: minmax(0,1fr) min(360px,32%) !important;
		gap: 2rem !important;
		align-items: start !important;
		flex-wrap: unset !important;
	}

	body.woocommerce-cart.eta-shop-skin .wc-block-cart__main,
	body.woocommerce-cart.eta-shop-skin .wc-block-components-main {
		width: auto !important;
		flex: unset !important;
		min-width: 0 !important;
		max-width: 100% !important;
		overflow: hidden;
	}

	body.woocommerce-cart.eta-shop-skin .wc-block-cart__sidebar,
	body.woocommerce-cart.eta-shop-skin .wc-block-components-sidebar {
		width: auto !important;
		flex: unset !important;
		min-width: 0 !important;
		max-width: 100% !important;
		overflow: hidden;
	}
}

/* Main cart area — white card */
body.woocommerce-cart.eta-shop-skin .wc-block-cart__main,
body.woocommerce-cart.eta-shop-skin .wc-block-components-main.wc-block-cart__main {
	background: var(--ref-surface2) !important;
	border: 1px solid var(--ref-border) !important;
	border-radius: var(--ref-r-xl) !important;
	padding: 1.5rem !important;
	box-shadow: var(--ref-sh-sm) !important;
	box-sizing: border-box !important;
}

/* Sidebar — white card */
body.woocommerce-cart.eta-shop-skin .wc-block-cart__sidebar,
body.woocommerce-cart.eta-shop-skin .wc-block-components-sidebar.wc-block-cart__sidebar {
	background: var(--ref-surface2) !important;
	border: 1px solid var(--ref-border) !important;
	border-radius: var(--ref-r-xl) !important;
	padding: 1.5rem !important;
	box-shadow: var(--ref-sh-sm) !important;
	box-sizing: border-box !important;
}

/* Cart item rows — [FIX CART-GRAY-BG] white on white card, just divider */
body.woocommerce-cart.eta-shop-skin .wc-block-cart-items__row {
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid var(--ref-divider) !important;
	border-radius: 0 !important;
	padding: .875rem 0 !important;
	margin-bottom: 0 !important;
	box-shadow: none !important;
}

body.woocommerce-cart.eta-shop-skin .wc-block-cart-items__row:last-child {
	border-bottom: none !important;
}

/* No extra divider lines inside row cells */
body.woocommerce-cart.eta-shop-skin .wc-block-cart-items .wc-block-cart-items__row > * {
	border-bottom: none !important;
}

/* Product image */
body.woocommerce-cart.eta-shop-skin .wc-block-cart-item__image {
	border-radius: var(--ref-r-lg);
	overflow: hidden;
	background: var(--ref-surface);
}

/* Product name */
body.woocommerce-cart.eta-shop-skin .wc-block-cart-item__product-name,
body.woocommerce-cart.eta-shop-skin .wc-block-components-product-name {
	font-size: .9375rem !important;
	font-weight: 600 !important;
	color: var(--ref-text) !important;
	line-height: 1.4 !important;
}

/* Quantity stepper */
body.woocommerce-cart.eta-shop-skin .wc-block-components-quantity-selector {
	border: 1px solid var(--ref-border) !important;
	border-radius: var(--ref-r-md) !important;
	background: var(--ref-bg) !important;
	overflow: hidden;
}

/* Cart totals area */
body.woocommerce-cart.eta-shop-skin .wc-block-components-totals-wrapper {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.woocommerce-cart.eta-shop-skin .wc-block-components-totals-item {
	border-bottom: 1px solid var(--ref-divider) !important;
	padding: .625rem 0 !important;
	font-size: .9375rem !important;
}

body.woocommerce-cart.eta-shop-skin .wc-block-components-totals-item:last-child {
	border-bottom: none !important;
}

body.woocommerce-cart.eta-shop-skin .wc-block-components-totals-item__label {
	color: var(--ref-muted) !important;
	font-size: .9375rem !important;
}

body.woocommerce-cart.eta-shop-skin .wc-block-components-totals-item__value {
	font-size: .9375rem !important;
	font-weight: 600 !important;
	color: var(--ref-text) !important;
}

body.woocommerce-cart.eta-shop-skin .wc-block-components-totals-shipping {
	display: none !important;
}

body.woocommerce-cart.eta-shop-skin .eta-cart-next-step-note {
	display: flex !important;
	align-items: flex-start !important;
	gap: .75rem !important;
	margin: 0 0 1rem !important;
	padding: .875rem 1rem !important;
	border-radius: var(--ref-r-md) !important;
	background: rgba(47, 128, 237, .1) !important;
	border: 1px solid rgba(47, 128, 237, .28) !important;
	box-shadow: 0 1px 2px rgba(0, 31, 63, .06) !important;
	font-size: .875rem !important;
	line-height: 1.5 !important;
	color: var(--ref-text, #374151) !important;
}

body.woocommerce-cart.eta-shop-skin .wc-block-cart__sidebar > .eta-cart-next-step-note {
	margin-bottom: 1.25rem !important;
}

body.woocommerce-cart.eta-shop-skin .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-heading-block,
body.woocommerce-cart.eta-shop-skin .wc-block-cart__sidebar .wc-block-components-totals-wrapper {
	margin-top: 0 !important;
}

body.woocommerce-cart.eta-shop-skin .eta-cart-next-step-note__icon {
	flex-shrink: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.375rem !important;
	height: 1.375rem !important;
	margin-top: .125rem !important;
	border-radius: 50% !important;
	background: var(--eta-link, #2f80ed) !important;
	color: #fff !important;
	font-size: .8125rem !important;
	font-weight: 700 !important;
	font-style: normal !important;
	line-height: 1 !important;
}

body.woocommerce-cart.eta-shop-skin .eta-cart-next-step-note__text {
	margin: 0 !important;
	text-wrap: pretty !important;
}

/* Main total row — bez poziomych separatorów, label + cena w jednej linii */
body.woocommerce-cart.eta-shop-skin .wc-block-components-totals-footer-item,
body.woocommerce-cart.eta-shop-skin .wc-block-components-totals-item.wc-block-components-totals-footer-item {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: .75rem !important;
	margin-top: 1.75rem !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border-top: none !important;
	border-bottom: none !important;
}

body.woocommerce-cart.eta-shop-skin .wc-block-components-totals-footer-item .wc-block-components-totals-item {
	display: contents !important;
}

body.woocommerce-cart.eta-shop-skin .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	font-size: 1.0625rem !important;
	font-weight: 600 !important;
	color: var(--ref-text) !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.3 !important;
	align-self: center !important;
}

body.woocommerce-cart.eta-shop-skin .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
body.woocommerce-cart.eta-shop-skin .wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
	font-size: 1.0625rem !important;
	font-weight: 700 !important;
	color: var(--ref-primary) !important;
	flex: 0 0 auto !important;
	border-left: none !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1.3 !important;
	white-space: nowrap !important;
	align-self: center !important;
}

body.woocommerce-cart.eta-shop-skin .wc-block-components-totals-footer-item .wc-block-components-totals-item__value::before,
body.woocommerce-cart.eta-shop-skin .wc-block-components-totals-footer-item .wc-block-formatted-money-amount::before {
	content: none !important;
	display: none !important;
}

/* Cart summary title */
body.woocommerce-cart.eta-shop-skin .wc-block-cart__totals-title,
body.woocommerce-cart.eta-shop-skin h2.wc-block-cart__totals-title {
	font-size: 1.0625rem !important;
	font-weight: 700 !important;
	color: var(--ref-text) !important;
	margin-bottom: 1rem !important;
	padding-bottom: .75rem;
	border-bottom: 1px solid var(--ref-divider);
}

/* Proceed to checkout button */
body.woocommerce-cart.eta-shop-skin .wc-block-cart__submit-container .wc-block-components-button,
body.woocommerce-cart.eta-shop-skin .wc-block-cart .wp-block-woocommerce-proceed-to-checkout-block a,
body.woocommerce-cart.eta-shop-skin .wc-block-components-checkout-place-order-button {
	background: var(--ref-primary) !important;
	color: #fff !important;
	border-radius: var(--ref-r-lg) !important;
	min-height: 48px !important;
	font-size: .9375rem !important;
	font-weight: 700 !important;
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: .8rem 1.25rem !important;
	margin-top: 1.5rem !important;
	transition: background var(--ref-t) !important;
	border: none !important;
}

body.woocommerce-cart.eta-shop-skin .wc-block-cart__submit-container .wc-block-components-button:hover {
	background: var(--ref-primary-h) !important;
}

/* Coupon field */
body.woocommerce-cart.eta-shop-skin .wc-block-components-coupon .wc-block-components-text-input input {
	border: 1px solid var(--ref-border) !important;
	border-radius: var(--ref-r-md) !important;
	background: var(--ref-bg) !important;
	padding: .65rem .875rem !important;
	font-size: .875rem !important;
}

body.woocommerce-cart.eta-shop-skin .wc-block-components-coupon .wc-block-components-text-input input:focus {
	outline: none;
	border-color: var(--ref-primary) !important;
	box-shadow: 0 0 0 3px var(--ref-primary-lt) !important;
}

/* ─────────────────────────────────────────────────────────────────────
   4. CHECKOUT FORM LAYOUT — 2-col grid matching reference .checkout-grid
   [FIX CHECKOUT-PAY-CLIP] grid display:grid overrides flex from flowbite.css
   ───────────────────────────────────────────────────────────────────── */
body.eta-checkout-classic.eta-shop-skin .checkout-body,
body.eta-checkout-classic.eta-shop-skin .eta-checkout-flowbite__grid {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 1.5rem !important;
}

@media (min-width: 1024px) {
	body.eta-checkout-classic.eta-shop-skin .checkout-body,
	body.eta-checkout-classic.eta-shop-skin .eta-checkout-flowbite__grid {
		display: grid !important;
		grid-template-columns: 1fr 360px !important;
		gap: 2rem !important;
		align-items: start !important;
	}
}

@media (min-width: 1280px) {
	body.eta-checkout-classic.eta-shop-skin .checkout-body,
	body.eta-checkout-classic.eta-shop-skin .eta-checkout-flowbite__grid {
		grid-template-columns: 1fr 380px !important;
	}
}

/* Left column: constrain to grid cell, overflow hidden catches any bleed */
body.eta-checkout-classic.eta-shop-skin .checkout-main,
body.eta-checkout-classic.eta-shop-skin .eta-checkout-flowbite__main {
	display: block !important;
	flex: unset !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: 100% !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

/* Right column */
body.eta-checkout-classic.eta-shop-skin .checkout-summary,
body.eta-checkout-classic.eta-shop-skin .eta-checkout-flowbite__sidebar {
	display: block !important;
	flex: unset !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	box-sizing: border-box !important;
}

/* ─────────────────────────────────────────────────────────────────────
   5. SECTION CARDS — white cards matching reference .section-card
   [FIX CHECKOUT-PAY-CLIP] box-sizing: border-box prevents card padding overflow
   ───────────────────────────────────────────────────────────────────── */
body.eta-checkout-classic.eta-shop-skin #customer_details,
body.eta-checkout-classic.eta-shop-skin .eta-checkout-customer {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

/* Billing fields wrapper → white card */
body.eta-checkout-classic.eta-shop-skin .woocommerce-billing-fields {
	background: var(--eta-checkout-tile-bg) !important;
	border: var(--eta-checkout-tile-border) !important;
	border-radius: var(--eta-checkout-tile-radius) !important;
	padding: var(--eta-checkout-tile-padding) !important;
	box-shadow: var(--eta-checkout-tile-shadow) !important;
	margin-bottom: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	flex: 0 0 auto !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.eta-checkout-classic.eta-shop-skin .woocommerce-billing-fields > h3,
body.eta-checkout-classic.eta-shop-skin .woocommerce-billing-fields h3 {
	font-size: 1.0625rem !important;
	font-weight: 700 !important;
	color: var(--ref-text) !important;
	margin-bottom: 1.25rem !important;
	padding: 0 !important;
	border: none !important;
}

/* Payment section — bez dodatkowej ramki (tylko karty opcji) */
body.eta-checkout-classic.eta-shop-skin .eta-checkout-section--payment {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: visible !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-checkout-section--shipping {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-checkout-section--payment > h3,
body.eta-checkout-classic.eta-shop-skin .eta-checkout-section--payment > h2,
body.eta-checkout-classic.eta-shop-skin .eta-checkout-section--shipping > h3 {
	font-size: 1.0625rem !important;
	font-weight: 700 !important;
	color: var(--ref-text) !important;
	margin-bottom: 1rem !important;
}

/* Additional fields card */
body.eta-checkout-classic.eta-shop-skin .woocommerce-additional-fields.eta-checkout-section--notes {
	background: var(--eta-checkout-tile-bg) !important;
	border: var(--eta-checkout-tile-border) !important;
	border-radius: var(--eta-checkout-tile-radius) !important;
	padding: var(--eta-checkout-tile-padding) !important;
	box-shadow: var(--eta-checkout-tile-shadow) !important;
	margin-bottom: 1.5rem !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.eta-checkout-classic.eta-shop-skin .woocommerce-additional-fields .eta-checkout-section__title {
	font-size: 1.0625rem !important;
	font-weight: 700 !important;
	color: var(--ref-text) !important;
	margin-bottom: 1.25rem !important;
}

/* Coupon card */
body.eta-checkout-classic.eta-shop-skin .eta-checkout-section--coupon {
	background: var(--eta-checkout-tile-bg) !important;
	border: var(--eta-checkout-tile-border) !important;
	border-radius: var(--eta-checkout-tile-radius) !important;
	padding: var(--eta-checkout-tile-padding) !important;
	box-shadow: var(--eta-checkout-tile-shadow) !important;
	margin-bottom: 1.5rem !important;
	margin-top: 0 !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* ─────────────────────────────────────────────────────────────────────
   6. FORM FIELDS — airy inputs matching reference .form-input
   ───────────────────────────────────────────────────────────────────── */
body.eta-checkout-classic.eta-shop-skin form.checkout .form-row .input-text,
body.eta-checkout-classic.eta-shop-skin form.checkout .form-row select,
body.eta-checkout-classic.eta-shop-skin form.checkout .form-row textarea {
	padding: .65rem .875rem !important;
	border: 1px solid rgba(0, 31, 63, 0.12) !important;
	background: var(--ref-bg) !important;
	border-radius: var(--ref-r-md) !important;
	font-size: .9375rem !important;
	min-height: 46px !important;
	line-height: 1.5 !important;
	color: var(--ref-text) !important;
	box-shadow: none !important;
	transition: border-color var(--ref-t), box-shadow var(--ref-t) !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.eta-checkout-classic.eta-shop-skin form.checkout .form-row textarea {
	min-height: 100px !important;
}

body.eta-checkout-classic.eta-shop-skin form.checkout .form-row .input-text:focus,
body.eta-checkout-classic.eta-shop-skin form.checkout .form-row select:focus,
body.eta-checkout-classic.eta-shop-skin form.checkout .form-row textarea:focus {
	border-color: var(--ref-primary) !important;
	box-shadow: 0 0 0 3px var(--ref-primary-lt) !important;
	background: #fff !important;
	outline: none !important;
}

body.eta-checkout-classic.eta-shop-skin form.checkout .form-row .input-text::placeholder,
body.eta-checkout-classic.eta-shop-skin form.checkout .form-row textarea::placeholder {
	color: var(--ref-faint) !important;
}

/* Labels */
body.eta-checkout-classic.eta-shop-skin form.checkout .form-row label {
	font-size: .875rem !important;
	font-weight: 600 !important;
	color: var(--ref-text) !important;
	margin-bottom: .375rem !important;
	display: block;
}

/* Field spacing */
body.eta-checkout-classic.eta-shop-skin .form-grid,
body.eta-checkout-classic.eta-shop-skin .woocommerce-billing-fields__field-wrapper.form-grid,
body.eta-checkout-classic.eta-shop-skin .eta-billing-group__grid.form-grid {
	gap: 1.125rem !important;
	row-gap: 1.125rem !important;
	align-content: flex-start !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-field-cell,
body.eta-checkout-classic.eta-shop-skin .woocommerce-billing-fields__field-wrapper .eta-field-cell {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-field-cell .form-row,
body.eta-checkout-classic.eta-shop-skin .eta-field-cell .woocommerce-input-wrapper {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

/* Select2 */
body.eta-checkout-classic.eta-shop-skin form.checkout .select2-container .select2-selection--single {
	height: 46px !important;
	border: 1px solid rgba(0, 31, 63, 0.12) !important;
	border-radius: var(--ref-r-md) !important;
	background: var(--ref-bg) !important;
	display: flex;
	align-items: center;
	padding: 0 .875rem;
	box-sizing: border-box !important;
	width: 100% !important;
}

body.eta-checkout-classic.eta-shop-skin form.checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: .9375rem !important;
	color: var(--ref-text) !important;
	line-height: 46px !important;
	padding-left: 0 !important;
}

/* ─────────────────────────────────────────────────────────────────────
   7. PAYMENT TILES — radio-card style, contained in left column
   [FIX CHECKOUT-PAY-CLIP] repeat(3,minmax(0,1fr)) prevents tiles from growing beyond column
   ───────────────────────────────────────────────────────────────────── */
body.eta-checkout-classic.eta-shop-skin .option-card-inner {
	background: var(--eta-checkout-tile-bg) !important;
	border: var(--eta-checkout-tile-border) !important;
	border-radius: var(--ref-r-lg) !important;
	padding: .875rem 1rem !important;
	box-shadow: var(--eta-checkout-tile-shadow) !important;
	cursor: pointer;
	transition: border-color var(--ref-t), box-shadow var(--ref-t), background var(--ref-t) !important;
	box-sizing: border-box !important;
}

body.eta-checkout-classic.eta-shop-skin .option-card-inner:hover {
	border-color: var(--ref-primary) !important;
	background: var(--ref-primary-lt) !important;
}

body.eta-checkout-classic.eta-shop-skin .option-card:has(.input-radio:checked) .option-card-inner,
body.eta-checkout-classic.eta-shop-skin .option-card.is-selected .option-card-inner {
	border-color: rgba(0, 31, 63, 0.42) !important;
	box-shadow: none !important;
	background: var(--ref-primary-lt) !important;
}

body.eta-checkout-classic.eta-shop-skin .option-label > label,
body.eta-checkout-classic.eta-shop-skin .radio-card-label {
	font-size: .9375rem !important;
	font-weight: 600 !important;
	color: var(--ref-text) !important;
	cursor: pointer;
}

body.eta-checkout-classic.eta-shop-skin .option-desc {
	font-size: .8125rem !important;
	color: var(--ref-muted) !important;
	margin-top: .25rem !important;
	line-height: 1.5 !important;
}

body.eta-checkout-classic.eta-shop-skin .option-card-header {
	display: flex !important;
	align-items: flex-start !important;
	gap: .75rem !important;
}

/* Payment cards — pionowy stos (jedna kolumna) */
body.eta-checkout-classic.eta-shop-skin .eta-payment-cards,
body.eta-checkout-classic.eta-shop-skin .eta-payment-cards-grid {
	display: flex !important;
	flex-direction: column !important;
	gap: .75rem !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-payment-cards > li,
body.eta-checkout-classic.eta-shop-skin .eta-payment-cards > .wc_payment_method {
	width: 100% !important;
	max-width: 100% !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-payment-cards .input-radio,
body.eta-checkout-classic.eta-shop-skin .option-card input[type="radio"] {
	accent-color: var(--ref-primary) !important;
	width: 1rem !important;
	height: 1rem !important;
	flex-shrink: 0;
	margin-top: .1rem;
}

body.eta-checkout-classic.eta-shop-skin .eta-inpost-locker-panel {
	background: var(--eta-checkout-tile-bg) !important;
	border: var(--eta-checkout-tile-border) !important;
	border-radius: var(--eta-checkout-tile-radius) !important;
	box-shadow: var(--eta-checkout-tile-shadow) !important;
	padding: var(--eta-checkout-tile-padding) !important;
	box-sizing: border-box !important;
}

/* ─────────────────────────────────────────────────────────────────────
   8. CHECKOUT SIDEBAR — summary card, sticky right column
   ───────────────────────────────────────────────────────────────────── */
body.eta-checkout-classic.eta-shop-skin .checkout-summary,
body.eta-checkout-classic.eta-shop-skin .eta-checkout-flowbite__sidebar {
	position: sticky;
	top: 2rem;
	background: var(--eta-checkout-tile-bg) !important;
	border: var(--eta-checkout-tile-border) !important;
	border-radius: var(--eta-checkout-tile-radius) !important;
	padding: var(--eta-checkout-tile-padding) !important;
	box-shadow: var(--eta-checkout-tile-shadow) !important;
	box-sizing: border-box !important;
}

/* Wewnątrz sidebara — bez drugiej ramki */
body.eta-checkout-classic.eta-shop-skin .checkout-summary #order_review,
body.eta-checkout-classic.eta-shop-skin .checkout-summary .eta-checkout-sidebar__panel,
body.eta-checkout-classic.eta-shop-skin #order_review.woocommerce-checkout-review-order {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-checkout-sidebar__title {
	font-size: 1.0625rem !important;
	font-weight: 700 !important;
	color: var(--ref-text) !important;
	margin-bottom: 1.25rem !important;
}

/* Order review table rows */
body.eta-checkout-classic.eta-shop-skin .eta-order-summary__item {
	padding: .625rem 0 !important;
	border-bottom: 1px solid var(--ref-divider) !important;
	gap: .75rem !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__item:last-child {
	border-bottom: none !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__items {
	display: flex;
	flex-direction: column;
	gap: 0;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__name {
	font-size: .875rem !important;
	font-weight: 600 !important;
	color: var(--ref-text) !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__qty {
	font-size: .8125rem !important;
	color: var(--ref-muted) !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__price {
	font-size: .8125rem !important;
	font-weight: 600 !important;
	color: var(--ref-muted, var(--ref-text)) !important;
	flex: 0 0 auto !important;
	white-space: nowrap !important;
	border-left: none !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
	line-height: 1.3 !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__price::before {
	content: none !important;
	display: none !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__totals {
	padding: 0 !important;
	margin-top: .75rem !important;
	padding-top: .75rem !important;
	border-top: 1px solid var(--ref-divider) !important;
}

/* Totals rows — jedna linia między sekcjami, bez podwójnych separatorów */
body.eta-checkout-classic.eta-shop-skin .summary-row,
body.eta-checkout-classic.eta-shop-skin .eta-order-summary__row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	padding: .375rem 0 !important;
	border-bottom: none !important;
	font-size: .9375rem !important;
	margin: 0 !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__row--total {
	border-top: 1px solid var(--ref-divider) !important;
	border-bottom: none !important;
	margin-top: .5rem !important;
	padding-top: .75rem !important;
	padding-bottom: 0 !important;
	font-weight: 700 !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__label {
	color: var(--ref-muted) !important;
	font-size: .9375rem !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__value {
	font-weight: 600 !important;
	color: var(--ref-text) !important;
	font-size: .8125rem !important;
	flex: 0 0 auto !important;
	border-left: none !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
	white-space: nowrap !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__value::before {
	content: none !important;
	display: none !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__row--total .eta-order-summary__label,
body.eta-checkout-classic.eta-shop-skin .eta-order-summary__row--total .eta-order-summary__value {
	font-size: 1rem !important;
	font-weight: 700 !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__row--total .eta-order-summary__value {
	border-left: none !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__row--total .eta-order-summary__value::before {
	content: none !important;
	display: none !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-order-summary__price::before,
body.eta-checkout-classic.eta-shop-skin .eta-order-summary__value::before,
body.eta-checkout-classic.eta-shop-skin .eta-order-summary__row--total .eta-order-summary__value::before {
	content: none !important;
	display: none !important;
}

body.eta-checkout-classic.eta-shop-skin .woocommerce-terms-and-conditions-wrapper {
	margin-top: 1rem !important;
	padding-top: 0 !important;
	border-top: none !important;
}

body.eta-shop-skin .eta-legal-notice {
	margin: 1rem 0 0;
	padding: .75rem 1rem;
	font-size: .8125rem;
	line-height: 1.5;
	color: var(--ref-muted, #6b7280);
	background: var(--ref-surface-2, rgba(0, 0, 0, .03));
	border-radius: .5rem;
}

body.eta-checkout-classic.eta-shop-skin .eta-legal-notice--checkout {
	margin-bottom: 20px;
}

body.eta-shop-skin .eta-legal-notice a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.eta-checkout-classic.eta-shop-skin .woocommerce-privacy-policy-text {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body.eta-checkout-classic.eta-shop-skin .woocommerce-privacy-policy-text,
body.eta-checkout-classic.eta-shop-skin .woocommerce-privacy-policy-text p {
	margin-top: 0 !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-checkout-place-order {
	margin-top: 1.5rem !important;
}

/* WooCommerce order review table (classic) */
body.eta-checkout-classic.eta-shop-skin .woocommerce-checkout-review-order-table {
	width: 100% !important;
	font-size: .875rem !important;
}

body.eta-checkout-classic.eta-shop-skin .woocommerce-checkout-review-order-table tr {
	border-bottom: 1px solid var(--ref-divider) !important;
}

body.eta-checkout-classic.eta-shop-skin .woocommerce-checkout-review-order-table tr:last-child {
	border-bottom: none !important;
}

body.eta-checkout-classic.eta-shop-skin .woocommerce-checkout-review-order-table td,
body.eta-checkout-classic.eta-shop-skin .woocommerce-checkout-review-order-table th {
	padding: .625rem 0 !important;
	font-size: .875rem !important;
}

body.eta-checkout-classic.eta-shop-skin .woocommerce-checkout-review-order-table .product-name {
	color: var(--ref-text) !important;
	font-weight: 600 !important;
}

body.eta-checkout-classic.eta-shop-skin .woocommerce-checkout-review-order-table .product-total {
	font-weight: 700 !important;
	text-align: right !important;
	color: var(--ref-text) !important;
}

body.eta-checkout-classic.eta-shop-skin .woocommerce-checkout-review-order-table tfoot tr td,
body.eta-checkout-classic.eta-shop-skin .woocommerce-checkout-review-order-table tfoot tr th {
	font-weight: 600 !important;
}

body.eta-checkout-classic.eta-shop-skin .woocommerce-checkout-review-order-table .order-total td,
body.eta-checkout-classic.eta-shop-skin .woocommerce-checkout-review-order-table .order-total th {
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: var(--ref-primary) !important;
}

/* ─────────────────────────────────────────────────────────────────────
   9. PLACE ORDER BUTTON — navy, full-width
   ───────────────────────────────────────────────────────────────────── */
body.eta-checkout-classic.eta-shop-skin .eta-checkout-place-order #place_order,
body.eta-checkout-classic.eta-shop-skin #place_order {
	background: var(--ref-primary) !important;
	color: #fff !important;
	font-size: .9375rem !important;
	font-weight: 700 !important;
	min-height: 48px !important;
	padding: .8rem 1.25rem !important;
	border-radius: var(--ref-r-lg) !important;
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-top: 1.25rem !important;
	border: none !important;
	transition: background var(--ref-t) !important;
	letter-spacing: .01em;
	box-sizing: border-box !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-checkout-place-order #place_order:hover,
body.eta-checkout-classic.eta-shop-skin #place_order:hover {
	background: var(--ref-primary-h) !important;
}

/* Privacy text */
body.eta-checkout-classic.eta-shop-skin .woocommerce-privacy-policy-text,
body.eta-checkout-classic.eta-shop-skin .woocommerce-privacy-policy-text p {
	font-size: .8125rem !important;
	color: var(--ref-muted) !important;
	line-height: 1.55 !important;
	margin-top: 0 !important;
}

/* ─────────────────────────────────────────────────────────────────────
   10. HERO BANNER — cart + checkout share one grid (no broken full-bleed)
   Title left edge must match .checkout-main / .eta-legal-notice / cart cards.
   ───────────────────────────────────────────────────────────────────── */
body.woocommerce-cart.eta-shop-skin {
	/* same as .wc-block-cart padding-inline */
	--eta-cc-hero-gutter: clamp(0.75rem, 3vw, 1.5rem);
}
body.woocommerce-checkout.eta-shop-skin {
	/* same as form.checkout horizontal padding (checkout-flowbite) */
	--eta-cc-hero-gutter: 16px;
}

body.woocommerce-cart .eta-shop-hero,
body.woocommerce-checkout .eta-shop-hero,
body.woocommerce-cart.eta-shop-skin .entry-content > .eta-shop-hero,
body.woocommerce-checkout.eta-shop-skin .entry-content > .eta-shop-hero,
body.eta-checkout-classic.eta-shop-skin .entry-content > .eta-shop-hero {
	background-image: url('../img/banner-cart-checkout.png');
	background-size: cover;
	background-position: center center;
	background-color: var(--eta-navy-2, #0b2c52);
	/* Contained in content column — cancel 100vw / calc(50%-50vw) breakouts */
	width: 100% !important;
	max-width: min(1280px, 100%) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 32px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-radius: var(--eta-radius, 14px) !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	min-height: var(--eta-hero-min-h, 200px);
}

body.woocommerce-cart .eta-shop-hero .eta-shop-hero__img,
body.woocommerce-checkout .eta-shop-hero .eta-shop-hero__img {
	opacity: 0 !important;
	/* decorative img kept for markup; banner via background-image */
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	object-fit: cover !important;
}

body.woocommerce-cart .eta-shop-hero__overlay,
body.woocommerce-checkout .eta-shop-hero__overlay {
	background: linear-gradient(180deg, rgba(0,31,63,.15) 0%, rgba(0,31,63,.75) 100%) !important;
	display: flex !important;
	align-items: flex-end !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: var(--eta-hero-min-h, 200px);
	/* Gutter = content inset (legal notice / shipping cards / cart rows) */
	padding: 28px var(--eta-cc-hero-gutter, 16px) 32px !important;
}

body.woocommerce-cart .eta-shop-hero__overlay > div,
body.woocommerce-checkout .eta-shop-hero__overlay > div {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

body.woocommerce-cart .eta-shop-hero__title,
body.woocommerce-checkout .eta-shop-hero__title {
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	max-width: 100% !important;
	overflow: visible !important;
	white-space: normal !important;
	color: #fff !important;
	font-size: clamp(1.75rem, 4.2vw, 2.375rem) !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.01em;
}

/* ─────────────────────────────────────────────────────────────────────
   11. GLOBAL POLISH
   ───────────────────────────────────────────────────────────────────── */

/* WC notices */
body.woocommerce-cart.eta-shop-skin .woocommerce-notices-wrapper,
body.woocommerce-checkout.eta-shop-skin .woocommerce-notices-wrapper {
	margin-bottom: 1.5rem !important;
}

/* Empty cart — nagłówek „Masz pusty koszyk” (h1) */
body.woocommerce-cart.eta-shop-skin .wc-block-cart__empty-cart__title,
body.woocommerce-cart.eta-shop-skin .eta-empty-cart__title {
	font-size: clamp(1.5rem, 4vw, 2.25rem) !important;
	font-weight: 700 !important;
	color: var(--ref-primary) !important;
	font-family: inherit !important;
	line-height: 1.2 !important;
	margin: 0 0 1.5rem !important;
}

body.woocommerce-cart.eta-shop-skin .eta-empty-cart__subtitle {
	font-family: inherit !important;
	font-size: clamp(1.125rem, 2.2vw, 1.375rem) !important;
	font-weight: 700 !important;
	color: var(--ref-text) !important;
	line-height: 1.25 !important;
	margin: 0 0 1.25rem !important;
	text-align: center !important;
}

body.woocommerce-cart.eta-shop-skin .eta-empty-cart-search {
	max-width: min(640px, 100%) !important;
	margin: 0 auto 2.5rem !important;
}

body.woocommerce-cart.eta-shop-skin .eta-empty-cart-search .eta-search-live {
	position: relative !important;
	z-index: 5 !important;
}

/* WC validation errors */
body.eta-checkout-classic.eta-shop-skin .woocommerce-error li::before {
	display: none;
}

/* Mobile adjustments */
@media (max-width: 767px) {
	body.eta-checkout-classic.eta-shop-skin .woocommerce-billing-fields {
		padding: 1.25rem !important;
	}

	body.eta-checkout-classic.eta-shop-skin .eta-checkout-section--coupon,
	body.eta-checkout-classic.eta-shop-skin .woocommerce-additional-fields.eta-checkout-section--notes {
		padding: 1.25rem !important;
	}

	body.eta-checkout-classic.eta-shop-skin .checkout-summary,
	body.eta-checkout-classic.eta-shop-skin .eta-checkout-flowbite__sidebar {
		padding: 1.25rem !important;
	}

	body.eta-checkout-classic.eta-shop-skin .checkout-summary #order_review,
	body.eta-checkout-classic.eta-shop-skin .checkout-summary .eta-checkout-sidebar__panel,
	body.eta-checkout-classic.eta-shop-skin #order_review.woocommerce-checkout-review-order {
		padding: 0 !important;
	}

	body.woocommerce-cart.eta-shop-skin .wc-block-cart__main,
	body.woocommerce-cart.eta-shop-skin .wc-block-cart__sidebar {
		padding: 1.25rem !important;
	}
}

/* ─────────────────────────────────────────────────────────────────────
   12. MOBILE-FIRST — koszyk / kasa (≤1023 tablet, ≤767 phone, ≤479 narrow)
   ───────────────────────────────────────────────────────────────────── */

/* Tablet + mobile: jedna kolumna, pełna szerokość */
@media (max-width: 1023px) {
	body.woocommerce-cart.eta-shop-skin,
	body.woocommerce-checkout.eta-shop-skin {
		overflow-x: clip;
	}

	body.woocommerce-cart.eta-shop-skin .wc-block-cart,
	body.woocommerce-cart.eta-shop-skin .wc-block-components-sidebar-layout.wc-block-cart {
		display: flex !important;
		flex-direction: column !important;
		gap: 1.25rem !important;
		padding-inline: clamp(.75rem, 3vw, 1rem) !important;
	}

	body.woocommerce-cart.eta-shop-skin .wc-block-cart__main,
	body.woocommerce-cart.eta-shop-skin .wc-block-components-main,
	body.woocommerce-cart.eta-shop-skin .wc-block-cart__sidebar,
	body.woocommerce-cart.eta-shop-skin .wc-block-components-sidebar {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		flex: unset !important;
	}

	body.eta-shop-skin .eta-checkout-steps {
		max-width: 100% !important;
		padding-inline: 0 !important;
		margin-bottom: 1.25rem !important;
	}

	body.eta-shop-skin .eta-checkout-steps__list {
		justify-content: flex-start !important;
		gap: .5rem .75rem !important;
	}

	/* Hero: stay in content column (do NOT full-bleed — breaks title vs legal/cards) */
	body.woocommerce-cart .eta-shop-hero,
	body.woocommerce-checkout .eta-shop-hero,
	body.woocommerce-cart.eta-shop-skin .entry-content > .eta-shop-hero,
	body.woocommerce-checkout.eta-shop-skin .entry-content > .eta-shop-hero,
	body.eta-checkout-classic.eta-shop-skin .entry-content > .eta-shop-hero,
	body.woocommerce-checkout.eta-checkout-classic.eta-shop-skin .entry-content > .eta-shop-hero {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		border-radius: var(--eta-radius, 14px) !important;
		box-sizing: border-box !important;
	}

	body.woocommerce-cart .eta-shop-hero__overlay,
	body.woocommerce-checkout .eta-shop-hero__overlay {
		padding: 22px max(var(--eta-cc-hero-gutter, 16px), env(safe-area-inset-right, 0px)) 26px max(var(--eta-cc-hero-gutter, 16px), env(safe-area-inset-left, 0px)) !important;
	}

	body.woocommerce-cart .eta-shop-hero__title,
	body.woocommerce-checkout .eta-shop-hero__title {
		margin-left: 0 !important;
		margin-right: 0 !important;
		font-size: clamp(1.625rem, 7vw, 2rem) !important;
	}
}

/* Phone: wiersze koszyka jako karty (nie tabela desktop) */
@media (max-width: 767px) {
	body.woocommerce-cart.eta-shop-skin .wc-block-cart-items,
	body.woocommerce-cart.eta-shop-skin .wc-block-cart-items table,
	body.woocommerce-cart.eta-shop-skin .wc-block-cart-items tbody {
		display: block !important;
		width: 100% !important;
	}

	body.woocommerce-cart.eta-shop-skin .wc-block-cart-items thead {
		display: none !important;
	}

	body.woocommerce-cart.eta-shop-skin .wc-block-cart-items__row {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: flex-start !important;
		gap: .5rem .75rem !important;
		padding: .875rem 0 !important;
	}

	body.woocommerce-cart.eta-shop-skin .wc-block-cart-item__image {
		flex: 0 0 72px !important;
		width: 72px !important;
	}

	body.woocommerce-cart.eta-shop-skin .wc-block-cart-item__product {
		flex: 1 1 calc(100% - 84px) !important;
		width: auto !important;
		min-width: 0 !important;
		overflow: hidden;
	}

	body.woocommerce-cart.eta-shop-skin .wc-block-cart-item__total {
		flex: 1 1 100% !important;
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		width: 100% !important;
		padding-top: .5rem !important;
		margin-top: .25rem !important;
		border-top: 1px solid var(--ref-divider) !important;
		font-weight: 700 !important;
		order: 3;
	}

	body.woocommerce-cart.eta-shop-skin .wc-block-cart-item__total::before {
		content: 'Suma';
		font-size: .8125rem;
		font-weight: 500;
		color: var(--ref-muted);
	}

	body.woocommerce-cart.eta-shop-skin .wc-block-cart-item__product-name,
	body.woocommerce-cart.eta-shop-skin .wc-block-components-product-name {
		font-size: .875rem !important;
		word-break: break-word;
	}

	body.woocommerce-cart.eta-shop-skin .wc-block-components-product-metadata__description {
		font-size: .8125rem !important;
		line-height: 1.35 !important;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	body.eta-shop-skin .eta-checkout-steps__divider {
		display: none !important;
	}

	body.eta-checkout-classic.eta-shop-skin .checkout-summary,
	body.eta-checkout-classic.eta-shop-skin .eta-checkout-flowbite__sidebar {
		position: static !important;
		top: auto !important;
	}

	body.eta-checkout-classic.eta-shop-skin .eta-payment-cards,
	body.eta-checkout-classic.eta-shop-skin .eta-payment-cards-grid {
		grid-template-columns: 1fr !important;
	}
}

/* Wąskie telefony (≤479) — stepper w 3 kolumnach */
@media (max-width: 479px) {
	body.eta-shop-skin .eta-checkout-steps__list {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: .5rem !important;
		width: 100% !important;
	}

	body.eta-shop-skin .eta-checkout-steps__item {
		min-width: 0 !important;
	}

	body.eta-shop-skin .eta-checkout-steps__link {
		flex-direction: column !important;
		align-items: center !important;
		gap: .25rem !important;
		text-align: center;
	}

	body.eta-shop-skin .eta-checkout-steps__label {
		font-size: .6875rem !important;
		white-space: normal !important;
		line-height: 1.15 !important;
		max-width: 100% !important;
	}

	body.woocommerce-cart.eta-shop-skin .wc-block-cart__main,
	body.woocommerce-cart.eta-shop-skin .wc-block-cart__sidebar {
		padding: 1rem !important;
	}
}

/* ─────────────────────────────────────────────────────────────────────
   13. PUSTY KOSZYK — wyszukiwarka + kategorie (3×3 produkty)
   ───────────────────────────────────────────────────────────────────── */
body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block,
body.woocommerce-cart.eta-shop-skin .eta-empty-cart-block {
	width: 100% !important;
	max-width: min(1200px, 100%) !important;
	margin: 0 auto !important;
	padding: 0 clamp(.75rem, 3vw, 1.5rem) 3rem !important;
	box-sizing: border-box !important;
}

body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block hr.wp-block-separator.is-style-dots {
	display: none !important;
}

body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block > hr.wp-block-separator:not(.is-style-dots) {
	border: none !important;
	border-top: 1px solid var(--ref-divider) !important;
	margin: 2rem auto !important;
	max-width: 12rem !important;
	opacity: 1 !important;
}

body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block > h2.wp-block-heading:not(.eta-empty-cart__subtitle) {
	font-family: inherit !important;
	font-size: clamp(1.125rem, 2.2vw, 1.375rem) !important;
	font-weight: 700 !important;
	color: var(--ref-text) !important;
	line-height: 1.25 !important;
	margin: 0 0 1.25rem !important;
	text-align: center !important;
}

body.woocommerce-cart.eta-shop-skin .eta-empty-cart-categories {
	display: flex !important;
	flex-direction: column !important;
	gap: 2.5rem !important;
	width: 100% !important;
}

body.woocommerce-cart.eta-shop-skin .eta-empty-cart-category__title {
	font-family: inherit !important;
	font-size: clamp(1rem, 1.8vw, 1.125rem) !important;
	font-weight: 700 !important;
	color: var(--ref-primary) !important;
	line-height: 1.3 !important;
	margin: 0 0 1rem !important;
	text-align: left !important;
}

body.woocommerce-cart.eta-shop-skin .eta-empty-cart-category__title a {
	color: inherit !important;
	text-decoration: none !important;
}

body.woocommerce-cart.eta-shop-skin .eta-empty-cart-category__title a:hover {
	text-decoration: underline !important;
}

body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block .wc-block-grid,
body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block .wc-block-product-new {
	width: 100% !important;
	max-width: 100% !important;
	text-align: left !important;
}

body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block .wc-block-grid__products,
body.woocommerce-cart.eta-shop-skin .eta-empty-cart-categories .wc-block-grid__products {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.25rem !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	list-style: none !important;
}

body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block .wc-block-grid__product,
body.woocommerce-cart.eta-shop-skin .eta-empty-cart-categories .wc-block-grid__product {
	flex: unset !important;
	max-width: none !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 1.25rem !important;
	background: var(--ref-surface2) !important;
	border: 1px solid var(--ref-border) !important;
	border-radius: var(--ref-r-lg) !important;
	box-shadow: var(--ref-sh-sm) !important;
	text-align: left !important;
	display: flex !important;
	flex-direction: column !important;
}

body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title,
body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title a {
	font-family: inherit !important;
	font-size: .9375rem !important;
	font-weight: 600 !important;
	color: var(--ref-text) !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
	hyphens: auto !important;
}

body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price,
body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price .woocommerce-Price-amount {
	font-family: inherit !important;
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	color: var(--ref-primary) !important;
}

body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
	width: 100% !important;
	height: auto !important;
	max-height: 180px !important;
	object-fit: contain !important;
	border-radius: var(--ref-r-md) !important;
}

body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart {
	margin-top: auto !important;
	padding-top: .75rem !important;
}

@media (max-width: 1023px) {
	body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block .wc-block-grid__products,
	body.woocommerce-cart.eta-shop-skin .eta-empty-cart-categories .wc-block-grid__products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 599px) {
	body.woocommerce-cart.eta-shop-skin .wp-block-woocommerce-empty-cart-block .wc-block-grid__products,
	body.woocommerce-cart.eta-shop-skin .eta-empty-cart-categories .wc-block-grid__products {
		grid-template-columns: 1fr !important;
	}
}

/* ─────────────────────────────────────────────────────────────────────
   10. CHECKOUT SIDEBAR POLISH — single separators, soft borders (v2.4.5)
   ───────────────────────────────────────────────────────────────────── */
body.eta-checkout-classic.eta-shop-skin .checkout-summary,
body.eta-checkout-classic.eta-shop-skin .eta-checkout-flowbite__sidebar {
	border: 1px solid rgba(0, 31, 63, 0.08) !important;
	box-shadow: 0 1px 2px rgba(0, 31, 63, 0.04) !important;
}

body.eta-checkout-classic.eta-shop-skin .option-card-inner,
body.eta-checkout-classic.eta-shop-skin .eta-paper-report-addon__label {
	border: 1px solid rgba(0, 31, 63, 0.1) !important;
	box-shadow: none !important;
}

body.eta-checkout-classic.eta-shop-skin .woocommerce-billing-fields,
body.eta-checkout-classic.eta-shop-skin .woocommerce-additional-fields.eta-checkout-section--notes,
body.eta-checkout-classic.eta-shop-skin .eta-checkout-section--coupon {
	border: 1px solid rgba(0, 31, 63, 0.08) !important;
	box-shadow: 0 1px 2px rgba(0, 31, 63, 0.04) !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-checkout-place-order {
	margin-top: 1rem !important;
}

body.eta-checkout-classic.eta-shop-skin .eta-checkout-place-order #place_order,
body.eta-checkout-classic.eta-shop-skin #place_order {
	margin-top: .75rem !important;
}