/* =========================================================================
   Jackery Polska — design system components
   Zgodne 1:1 z Jackery Polska/src/*.jsx
   ========================================================================= */

/* -------------------------------------------------------------------------
   Typografia globalna
   ------------------------------------------------------------------------- */
body,
.jp-body {
	font-family: var(--jp-display);
	font-size: 16px;
	line-height: 1.625;
	color: var(--jp-ink);
}

.jp-mono {
	font-family: var(--jp-mono);
	font-feature-settings: "tnum" 1;
	letter-spacing: 0.04em;
}

h1.jp-h1,
.jp-h1 {
	font-family: var(--jp-display);
	font-weight: 500;
	font-size: clamp(40px, 6vw, 72px);
	line-height: 0.95;
	letter-spacing: -0.03em;
	margin: 0;
}

h2.jp-h2,
.jp-h2 {
	font-family: var(--jp-display);
	font-weight: 500;
	font-size: clamp(32px, 4vw, 56px);
	line-height: 1;
	letter-spacing: -0.03em;
	margin: 0;
}

h3.jp-h3,
.jp-h3 {
	font-family: var(--jp-display);
	font-weight: 500;
	font-size: clamp(22px, 2.2vw, 32px);
	line-height: 1.1;
	letter-spacing: -0.02em;
	margin: 0;
}

.jp-section-label {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-family: var(--jp-mono);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--jp-ink);
}

.jp-section-label__index {
	color: var(--jp-ink-soft);
	font-weight: 500;
}

.jp-section-label.is-dark {
	color: rgba(255, 255, 255, 0.85);
}

.jp-section-label.is-dark .jp-section-label__index {
	color: rgba(255, 255, 255, 0.5);
}

.jp-section-label.is-accent .jp-section-label__index {
	color: var(--jp-accent);
}

/* -------------------------------------------------------------------------
   Layout containers
   ------------------------------------------------------------------------- */
.jp-section {
	padding: var(--jp-space-6) 80px;
}

.jp-section--bg {
	background: var(--jp-bg);
}

.jp-section--surface {
	background: var(--jp-surface);
}

.jp-section--dark {
	background: var(--jp-dark);
	color: #fff;
}

.jp-section--dark a {
	color: #fff;
}

.jp-section__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: var(--jp-space-4);
	gap: var(--jp-space-4);
}

.jp-section__title {
	max-width: 760px;
}

@media (max-width: 999px) {
	.jp-section {
		padding: 64px 24px;
	}

	.jp-section__head {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--jp-space-3);
	}
}

/* -------------------------------------------------------------------------
   Btn — przyciski (variants: solid / dark / ghost / light / onDark)
   ------------------------------------------------------------------------- */
.jp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 42px;
	padding: 0 18px;
	font-family: var(--jp-display);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.005em;
	line-height: 1;
	background: var(--jp-accent);
	color: var(--jp-accent-ink);
	border: 1px solid var(--jp-accent);
	border-radius: var(--jp-radius-sm);
	cursor: pointer;
	text-decoration: none;
	transition: background var(--jp-dur) var(--jp-ease), color var(--jp-dur) var(--jp-ease), border-color var(--jp-dur) var(--jp-ease);
}

.jp-btn:hover,
.jp-btn:focus-visible {
	background: #d94613;
	border-color: #d94613;
	color: #fff;
	outline: none;
}

.jp-btn--sm {
	height: 34px;
	padding: 0 14px;
	font-size: 13px;
}

.jp-btn--lg {
	height: 50px;
	padding: 0 22px;
	font-size: 15px;
}

.jp-btn--dark {
	background: var(--jp-ink);
	border-color: var(--jp-ink);
	color: #fff;
}

.jp-btn--dark:hover {
	background: #000;
	border-color: #000;
}

.jp-btn--ghost {
	background: transparent;
	border-color: var(--jp-line-strong);
	color: var(--jp-ink);
}

.jp-btn--ghost:hover {
	border-color: var(--jp-ink);
	color: var(--jp-ink);
	background: transparent;
}

.jp-btn--light {
	background: #fff;
	border-color: var(--jp-line);
	color: var(--jp-ink);
}

.jp-btn--on-dark {
	background: #fff;
	border-color: #fff;
	color: var(--jp-ink);
}

.jp-btn--on-dark:hover {
	background: rgba(255, 255, 255, 0.9);
	color: var(--jp-ink);
}

/* .jp-section--dark a { color: #fff } ma wyższą kolejność ładowania od części motywów — bez tego biały przycisk ma biały tekst */
.jp-section--dark a.jp-btn.jp-btn--on-dark,
.jp-section--dark a.jp-btn.jp-btn--on-dark:link,
.jp-section--dark a.jp-btn.jp-btn--on-dark:visited {
	color: var(--jp-ink) !important;
}

.jp-section--dark a.jp-btn.jp-btn--on-dark:hover,
.jp-section--dark a.jp-btn.jp-btn--on-dark:focus-visible {
	color: var(--jp-ink) !important;
}

.jp-section--dark a.jp-btn.jp-btn--on-dark .jp-btn__arrow svg {
	stroke: currentColor;
}

.jp-btn--full {
	width: 100%;
}

.jp-btn__arrow {
	display: inline-flex;
	margin-left: 4px;
}

/* -------------------------------------------------------------------------
   Woo — mini koszyk (widget / panel Salient)
   ------------------------------------------------------------------------- */

/* Dropdown w headerze: szerokość, przycinanie ramek, mniejsza szczelina pod ikoną */
#header-outer .nectar-woo-cart .cart-outer,
#top .nectar-woo-cart .cart-outer {
	position: relative;
}

#header-outer .nectar-woo-cart .cart-outer .widget_shopping_cart,
#top .nectar-woo-cart .cart-outer .widget_shopping_cart {
	overflow: hidden;
	max-width: min(400px, calc(100vw - 24px));
	margin-top: 2px;
}

#header-outer .nectar-woo-cart .cart-outer .widget_shopping_cart .widget_shopping_cart_content,
#top .nectar-woo-cart .cart-outer .widget_shopping_cart .widget_shopping_cart_content {
	width: min(380px, calc(100vw - 32px));
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	margin-left: 0;
	margin-right: 0;
	padding: 14px 18px 18px;
}

#header-outer .nectar-woo-cart .cart-outer .widget_shopping_cart .jp-mini-cart,
#top .nectar-woo-cart .cart-outer .widget_shopping_cart .jp-mini-cart {
	overflow-x: hidden;
	max-width: 100%;
}

/* Motyw Woo / Salient czasem dokłada tekst lub pseudo do .remove — zostaje tylko × */
.widget_shopping_cart .jp-mini-cart a.jp-mini-cart__remove::before,
.widget_shopping_cart .jp-mini-cart a.jp-mini-cart__remove::after {
	content: none !important;
	display: none !important;
}

.widget_shopping_cart .jp-mini-cart a.jp-mini-cart__remove.remove_from_cart_button {
	text-indent: 0 !important;
	clip-path: none !important;
	width: 36px !important;
	height: 36px !important;
	font-size: 20px !important;
	flex-shrink: 0;
}

.widget_shopping_cart .jp-mini-cart,
#slide-out-widget-area .jp-mini-cart,
.nectar-slide-in-cart .jp-mini-cart {
	font-family: var(--jp-display);
	color: var(--jp-ink);
	font-size: 14px;
	line-height: 1.45;
}

.widget_shopping_cart .jp-mini-cart *,
#slide-out-widget-area .jp-mini-cart *,
.nectar-slide-in-cart .jp-mini-cart * {
	box-sizing: border-box;
}

/* Salient / Woo: inline display:none na liście gdy panel złożony — nie wymuszaj block na zamkniętym panelu */
.widget_shopping_cart .jp-mini-cart .jp-mini-cart__list.woocommerce-mini-cart,
#slide-out-widget-area .jp-mini-cart .jp-mini-cart__list.woocommerce-mini-cart,
.nectar-slide-in-cart .jp-mini-cart .jp-mini-cart__list.woocommerce-mini-cart {
	list-style: none !important;
}

/* Nadpisanie siatki / inline z motywu — wiersz koszyka to block + wewnętrzna siatka */
.widget_shopping_cart .jp-mini-cart li.jp-mini-cart__item.mini_cart_item,
#slide-out-widget-area .jp-mini-cart li.jp-mini-cart__item.mini_cart_item,
.nectar-slide-in-cart .jp-mini-cart li.jp-mini-cart__item.mini_cart_item {
	display: block !important;
	grid-template-columns: unset !important;
	grid-template-rows: unset !important;
}

.widget_shopping_cart .jp-mini-cart .jp-mini-cart__item-inner,
#slide-out-widget-area .jp-mini-cart .jp-mini-cart__item-inner,
.nectar-slide-in-cart .jp-mini-cart .jp-mini-cart__item-inner {
	display: grid !important;
	grid-template-columns: 64px minmax(0, 1fr) minmax(104px, auto) !important;
}

.jp-mini-cart__list {
	list-style: none !important;
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
	padding-inline-start: 0 !important;
	border-top: none;
	max-height: min(52vh, 380px);
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.jp-mini-cart__list li.jp-mini-cart__item,
.jp-mini-cart__list .jp-mini-cart__item {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	position: relative;
	border-bottom: 1px solid var(--jp-line);
}

.jp-mini-cart__list li.jp-mini-cart__item:last-child,
.jp-mini-cart__list .jp-mini-cart__item:last-child {
	border-bottom: none;
}

.jp-mini-cart__list li.jp-mini-cart__item::marker,
.jp-mini-cart__list .jp-mini-cart__item::marker {
	content: none;
	font-size: 0;
}

.jp-mini-cart__list li.jp-mini-cart__item::before,
.jp-mini-cart__list li.jp-mini-cart__item::after,
.jp-mini-cart__list .jp-mini-cart__item::before,
.jp-mini-cart__list .jp-mini-cart__item::after {
	content: none !important;
	display: none !important;
}

.jp-mini-cart__item-inner {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) minmax(104px, auto);
	align-items: start;
	column-gap: 14px;
	row-gap: 6px;
	padding: 16px 0;
	width: 100%;
	min-width: 0;
}

.jp-mini-cart__media {
	grid-column: 1;
	grid-row: 1;
	width: 64px;
	flex: 0 0 64px;
}

.jp-mini-cart__thumb {
	display: block;
	width: 64px;
	height: 64px;
	border-radius: var(--jp-radius-sm);
	overflow: hidden;
	background: var(--jp-bg);
	border: 1px solid var(--jp-line);
	text-decoration: none;
}

.jp-mini-cart__thumb img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	margin: 0 !important;
	float: none !important;
}

.jp-mini-cart__main {
	grid-column: 2;
	grid-row: 1;
	min-width: 0;
	padding-right: 0;
}

.jp-mini-cart__aside {
	grid-column: 3;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 8px;
	min-width: 104px;
	text-align: right;
}

.jp-mini-cart__name {
	display: block;
	width: 100%;
	flex: none;
	min-width: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	color: var(--jp-ink);
	text-decoration: none;
	letter-spacing: -0.01em;
}

.jp-mini-cart__name:hover,
.jp-mini-cart__name:focus-visible {
	color: var(--jp-accent);
}

.jp-mini-cart__name--static {
	display: block;
}

.jp-mini-cart__remove {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin: 0;
	border-radius: var(--jp-radius-sm);
	font-size: 18px;
	line-height: 1;
	font-weight: 400;
	color: var(--jp-ink-mid) !important;
	text-decoration: none !important;
	position: relative !important;
	right: auto !important;
	left: auto !important;
	top: auto !important;
	bottom: auto !important;
	float: none !important;
	transition: background var(--jp-dur) var(--jp-ease), color var(--jp-dur) var(--jp-ease);
}

.jp-mini-cart__remove:hover,
.jp-mini-cart__remove:focus-visible {
	color: var(--jp-ink) !important;
	background: var(--jp-bg);
}

.jp-mini-cart__meta {
	margin-top: 6px;
	font-size: 11px;
	color: var(--jp-ink-mid);
	letter-spacing: 0.03em;
}

.jp-mini-cart__meta-sep {
	margin: 0 0.35em;
	opacity: 0.7;
}

.jp-mini-cart__price {
	text-align: right;
	font-size: 14px;
	font-weight: 500;
	color: var(--jp-ink);
	letter-spacing: -0.02em;
	white-space: nowrap;
	padding-top: 0;
	line-height: 1.2;
}

.jp-mini-cart__price .woocommerce-Price-amount {
	font-weight: 500;
}

.jp-mini-cart__footer {
	margin-top: 8px;
	padding: 18px 16px 16px;
	margin-left: 0;
	margin-right: 0;
	border-top: 1px solid var(--jp-line-strong);
	border-radius: var(--jp-radius-sm);
	background: var(--jp-bg);
}

.jp-mini-cart__subtotal {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 4px;
}

.jp-mini-cart__subtotal-label {
	font-size: 13px;
	font-weight: 500;
	color: var(--jp-ink-mid);
	letter-spacing: 0.02em;
}

.jp-mini-cart__subtotal-value {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.03em;
	color: var(--jp-ink);
	line-height: 1.1;
}

.jp-mini-cart__actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 18px;
}

/* Dropdown w headerze: motyw często daje jasny kolor linków — wymuszamy czytelne CTA */
.widget_shopping_cart .jp-mini-cart .jp-mini-cart__actions a.jp-btn,
#header-outer .jp-mini-cart .jp-mini-cart__actions a.jp-btn,
#top .jp-mini-cart .jp-mini-cart__actions a.jp-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	min-height: 48px !important;
	line-height: 1.25 !important;
	white-space: normal !important;
	text-align: center !important;
}

.widget_shopping_cart .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--ghost,
#header-outer .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--ghost,
#top .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--ghost {
	color: var(--jp-ink) !important;
	background: #fff !important;
	border-color: var(--jp-line-strong) !important;
}

.widget_shopping_cart .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--ghost:hover,
#header-outer .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--ghost:hover,
#top .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--ghost:hover {
	color: var(--jp-ink) !important;
	background: #f6f6f7 !important;
	border-color: var(--jp-ink) !important;
}

.widget_shopping_cart .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--lg,
#header-outer .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--lg,
#top .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--lg {
	color: #fff !important;
	background: var(--jp-accent) !important;
	border-color: var(--jp-accent) !important;
}

.widget_shopping_cart .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--lg:hover,
#header-outer .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--lg:hover,
#top .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--lg:hover {
	color: #fff !important;
	background: #d94613 !important;
	border-color: #d94613 !important;
}

.widget_shopping_cart .jp-mini-cart .jp-mini-cart__actions .jp-btn__arrow svg,
#header-outer .jp-mini-cart .jp-mini-cart__actions .jp-btn__arrow svg,
#top .jp-mini-cart .jp-mini-cart__actions .jp-btn__arrow svg {
	stroke: currentColor;
	vertical-align: middle;
}

#slide-out-widget-area.dark .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--ghost {
	color: rgba(255, 255, 255, 0.92) !important;
	background: transparent !important;
	border-color: rgba(255, 255, 255, 0.35) !important;
}

#slide-out-widget-area.dark .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--ghost:hover {
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.55) !important;
	background: rgba(255, 255, 255, 0.06) !important;
}

#slide-out-widget-area.dark .jp-mini-cart .jp-mini-cart__actions a.jp-btn.jp-btn--lg {
	color: #fff !important;
}

.jp-mini-cart__empty {
	margin: 0;
	padding: 32px 16px;
	text-align: center;
	font-size: 14px;
	color: var(--jp-ink-mid);
	line-height: 1.5;
}

/* Ciemny panel boczny Salient — jasny tekst, bez „szarego na szarym” */
#slide-out-widget-area.dark .jp-mini-cart {
	color: rgba(255, 255, 255, 0.92);
}

#slide-out-widget-area.dark .jp-mini-cart .jp-mini-cart__name {
	color: rgba(255, 255, 255, 0.95);
}

#slide-out-widget-area.dark .jp-mini-cart .jp-mini-cart__name:hover,
#slide-out-widget-area.dark .jp-mini-cart .jp-mini-cart__name:focus-visible {
	color: var(--jp-accent);
}

#slide-out-widget-area.dark .jp-mini-cart .jp-mini-cart__meta,
#slide-out-widget-area.dark .jp-mini-cart .jp-mini-cart__subtotal-label {
	color: rgba(255, 255, 255, 0.55);
}

#slide-out-widget-area.dark .jp-mini-cart .jp-mini-cart__price,
#slide-out-widget-area.dark .jp-mini-cart .jp-mini-cart__subtotal-value {
	color: #fff;
}

#slide-out-widget-area.dark .jp-mini-cart .jp-mini-cart__thumb {
	border-color: rgba(255, 255, 255, 0.14);
	background: rgba(0, 0, 0, 0.22);
}

#slide-out-widget-area.dark .jp-mini-cart__list .jp-mini-cart__item {
	border-bottom-color: rgba(255, 255, 255, 0.1);
}

#slide-out-widget-area.dark .jp-mini-cart__footer {
	border-top-color: rgba(255, 255, 255, 0.16);
	background: rgba(0, 0, 0, 0.25);
}

#slide-out-widget-area.dark .jp-mini-cart .jp-mini-cart__remove {
	color: rgba(255, 255, 255, 0.55) !important;
}

#slide-out-widget-area.dark .jp-mini-cart .jp-mini-cart__remove:hover,
#slide-out-widget-area.dark .jp-mini-cart .jp-mini-cart__remove:focus-visible {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.08);
}

@media (max-width: 520px) {
	.widget_shopping_cart .jp-mini-cart .jp-mini-cart__item-inner,
	#slide-out-widget-area .jp-mini-cart .jp-mini-cart__item-inner,
	.nectar-slide-in-cart .jp-mini-cart .jp-mini-cart__item-inner {
		grid-template-columns: 56px minmax(0, 1fr) !important;
		grid-template-rows: auto auto;
		row-gap: 10px;
	}

	.jp-mini-cart__media {
		width: 56px;
	}

	.jp-mini-cart__thumb,
	.jp-mini-cart__thumb img {
		width: 56px !important;
		height: 56px !important;
	}

	.jp-mini-cart__main {
		grid-column: 2;
		grid-row: 1;
	}

	.jp-mini-cart__aside {
		grid-column: 1 / -1;
		grid-row: 2;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		text-align: left;
		padding-top: 4px;
		border-top: 1px solid var(--jp-line);
		margin-top: 2px;
	}

	#slide-out-widget-area.dark .jp-mini-cart__aside {
		border-top-color: rgba(255, 255, 255, 0.1);
	}

	.jp-mini-cart__price {
		white-space: normal;
		font-size: 15px;
	}
}

/* -------------------------------------------------------------------------
   Woo — koszyk: rekomendacje pod tabelą (cross-sell / upsell / related)
   ------------------------------------------------------------------------- */
.jp-cart-suggest {
	margin: 24px 0 12px;
	padding: 0;
	clear: both;
}

.jp-cart-suggest__head {
	margin-bottom: 16px;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px 20px;
}

@media (min-width: 781px) {
	.jp-cart-suggest__head {
		flex-wrap: nowrap;
		gap: 12px 24px;
	}
}

.jp-cart-suggest__title {
	font-family: var(--jp-display);
	font-size: clamp(20px, 2.2vw, 26px);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.15;
	margin: 0;
	color: var(--jp-ink);
	flex: 0 1 auto;
}

.jp-cart-suggest__sub {
	margin: 0;
	font-size: 13px;
	line-height: 1.45;
	color: var(--jp-ink-mid);
	flex: 1 1 220px;
	min-width: min(100%, 220px);
}

.jp-cart-suggest__grid {
	display: grid !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

/* Siatka elastyczna: auto-fit + wyrównanie od lewej (pusty pierwszy slot / motyw). */
.jp-cart-suggest__grid.jp-cart-suggest__grid--fluid {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
	gap: 18px 16px;
	justify-content: start;
	justify-items: stretch;
	align-items: stretch;
}

.jp-cart-suggest__grid li.product {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
	float: none !important;
	clear: none !important;
	list-style: none !important;
	position: relative;
	left: auto !important;
	right: auto !important;
	grid-column: auto !important;
	grid-row: auto !important;
	justify-self: stretch !important;
}

/* Motyw Woo/Salient: klasy .first / .last z floatowej siatki — nie zostawiają marginesu ani „przesunięcia” */
.jp-cart-suggest__grid.products li.product.first,
.jp-cart-suggest__grid.products li.product.last,
.jp-cart-suggest__grid.products li.product {
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Kompaktowy kafelek „Dobierz do zestawu” */
.jp-cart-suggest__grid.products.jp-cart-suggest__grid--fluid {
	padding-inline-start: 0 !important;
	margin-inline: 0 !important;
	list-style: none !important;
}

.jp-cart-suggest__grid.jp-cart-suggest__grid--fluid::before,
.jp-cart-suggest__grid.jp-cart-suggest__grid--fluid::after {
	content: none !important;
	display: none !important;
}

.jp-cart-suggest-tile.jp-cart-suggest-tile {
	margin: 0 !important;
	padding: 0 !important;
}

.jp-cart-suggest-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: var(--jp-surface, #fff);
	border: 1px solid var(--jp-line);
	border-radius: var(--jp-radius-sm);
	overflow: hidden;
	box-sizing: border-box;
}

.jp-cart-suggest-card__media {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	background: #f4f2ec;
	overflow: hidden;
}

.jp-cart-suggest-card__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.jp-cart-suggest-card__media .jp-img-slot--compact {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.jp-cart-suggest-card__badges {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	pointer-events: none;
}

.jp-cart-suggest-card__body {
	padding: 12px 14px 14px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1 1 auto;
	min-height: 0;
}

.jp-cart-suggest-card__sku {
	font-family: var(--jp-mono);
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.08em;
	color: var(--jp-ink-soft, #6b6b70);
	text-transform: uppercase;
	line-height: 1.2;
}

.jp-cart-suggest-card__title {
	font-family: var(--jp-display);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.02em;
	margin: 0;
	color: var(--jp-ink);
}

.jp-cart-suggest-card__title a {
	color: inherit;
	text-decoration: none;
}

.jp-cart-suggest-card__title a:hover {
	color: var(--jp-accent);
}

.jp-cart-suggest-card__footer {
	margin-top: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 10px;
	padding-top: 10px;
}

.jp-cart-suggest-card__price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 8px;
}

.jp-cart-suggest-card__price-now {
	font-family: var(--jp-display);
	font-weight: 600;
	font-size: 15px;
	color: var(--jp-ink);
}

.jp-cart-suggest-card__price-was {
	font-size: 13px;
	text-decoration: line-through;
	color: var(--jp-ink-mid);
}

.jp-cart-suggest-card__cta.jp-btn--sm {
	min-height: 36px;
	padding-left: 14px;
	padding-right: 14px;
	font-size: 12px;
}

@media (max-width: 560px) {
	.jp-cart-suggest__grid.jp-cart-suggest__grid--fluid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
}

/* -------------------------------------------------------------------------
   Tag / pill labels
   ------------------------------------------------------------------------- */
.jp-tag {
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 9px;
	font-family: var(--jp-mono);
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border-radius: var(--jp-radius-sm);
	background: transparent;
	color: var(--jp-ink-mid);
	border: 1px solid var(--jp-line);
}

.jp-tag--accent {
	background: var(--jp-accent-soft);
	color: var(--jp-accent);
	border: none;
}

.jp-tag--dark {
	background: var(--jp-dark);
	color: #fff;
	border: none;
}

.jp-tag--new {
	background: var(--jp-ink);
	color: #fff;
	border: none;
}

.jp-tag--sale {
	background: var(--jp-accent);
	color: #fff;
	border: none;
}

.jp-tag--bundle {
	background: var(--jp-good);
	color: #fff;
	border: none;
}

/* -------------------------------------------------------------------------
   Spec — wartość + jednostka + label
   ------------------------------------------------------------------------- */
.jp-spec {
	text-align: left;
}

.jp-spec__row {
	display: flex;
	align-items: baseline;
	gap: 4px;
}

.jp-spec__value {
	font-family: var(--jp-display);
	font-weight: 500;
	font-size: 24px;
	letter-spacing: -0.03em;
	line-height: 1;
	color: var(--jp-ink);
}

.jp-spec__unit {
	font-family: var(--jp-mono);
	font-size: 12px;
	font-weight: 500;
	color: var(--jp-ink-mid);
}

.jp-spec__label {
	margin-top: 6px;
	font-family: var(--jp-mono);
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--jp-ink-mid);
}

.jp-spec--sm .jp-spec__value {
	font-size: 18px;
}

.jp-spec--sm .jp-spec__unit {
	font-size: 11px;
}

.jp-spec--sm .jp-spec__label {
	font-size: 9.5px;
}

.jp-spec--lg .jp-spec__value {
	font-size: 36px;
}

.jp-spec--lg .jp-spec__unit {
	font-size: 14px;
}

.jp-spec--lg .jp-spec__label {
	font-size: 11px;
}

.jp-spec--xl .jp-spec__value {
	font-size: 56px;
}

.jp-spec--xl .jp-spec__unit {
	font-size: 18px;
}

.jp-spec--xl .jp-spec__label {
	font-size: 12px;
}

.jp-spec--dark .jp-spec__value {
	color: #fff;
}

.jp-spec--dark .jp-spec__unit,
.jp-spec--dark .jp-spec__label {
	color: rgba(255, 255, 255, 0.6);
}

.jp-spec-strip {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	padding: 20px 0;
	border-top: 1px solid var(--jp-line);
	border-bottom: 1px solid var(--jp-line);
}

@media (max-width: 720px) {
	.jp-spec-strip {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* -------------------------------------------------------------------------
   Stars rating
   ------------------------------------------------------------------------- */
.jp-stars {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.jp-stars__icons {
	display: inline-flex;
	gap: 1px;
}

.jp-stars__icons svg {
	width: 12px;
	height: 12px;
}

.jp-stars__count {
	font-family: var(--jp-mono);
	font-size: 11px;
	color: var(--jp-ink-mid);
}

/* -------------------------------------------------------------------------
   Hero — full-bleed image z overlay
   ------------------------------------------------------------------------- */
.jp-hero {
	position: relative;
	height: 720px;
	overflow: hidden;
}

.jp-hero__media {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
}

.jp-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.7) 100%);
}

.jp-hero__content {
	position: relative;
	z-index: 2;
	padding: 80px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #fff;
}

.jp-hero__head {
	display: flex;
	justify-content: space-between;
}

.jp-hero__body {
	max-width: 880px;
}

.jp-hero__title {
	font-size: clamp(48px, 8vw, 96px);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 0.92;
	color: #fff;
	margin: 0;
}

.jp-hero__title em {
	color: var(--jp-accent);
	font-style: italic;
}

.jp-hero__lead {
	font-size: 17px;
	line-height: 1.5;
	max-width: 520px;
	margin: 28px 0 36px;
	color: rgba(255, 255, 255, 0.85);
}

.jp-hero__cta {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

@media (max-width: 999px) {
	.jp-hero {
		height: 560px;
	}

	.jp-hero__content {
		padding: 24px;
	}
}

/* -------------------------------------------------------------------------
   Scenario tiles (3 kafle: Vanlife / Dom / Foto)
   ------------------------------------------------------------------------- */
.jp-scenarios {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.jp-scenarios__tile {
	position: relative;
	height: 460px;
	overflow: hidden;
	cursor: pointer;
	background: #1c1c20;
	display: block;
	color: #fff;
	text-decoration: none;
}

.jp-scenarios__tile-media {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform 600ms var(--jp-ease);
}

.jp-scenarios__tile-media:not(.jp-img-slot) {
	background-color: #1c1c20;
}

.jp-scenarios__tile:hover .jp-scenarios__tile-media {
	transform: scale(1.04);
}

.jp-scenarios__tile-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
}

.jp-scenarios__tile-body {
	position: relative;
	z-index: 2;
	padding: 28px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #fff;
}

.jp-scenarios__tile-label {
	font-family: var(--jp-mono);
	font-size: 11px;
	letter-spacing: 0.12em;
	color: rgba(255, 255, 255, 0.8);
}

.jp-scenarios__tile-title {
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.05;
	margin: 0 0 10px;
	color: #fff;
}

.jp-scenarios__tile-meta {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.jp-scenarios__tile-arrow {
	width: 36px;
	height: 36px;
	border-radius: 18px;
	background: var(--jp-accent);
	display: grid;
	place-items: center;
	color: #fff;
}

@media (max-width: 999px) {
	.jp-scenarios {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.jp-scenarios__tile {
		height: 320px;
	}
}

/* -------------------------------------------------------------------------
   Dark band (specyfikacja na karcie produktu, wynik kalkulatora, porównywarka)
   ------------------------------------------------------------------------- */
.jp-dark-band {
	background: var(--jp-dark);
	color: #fff;
	padding: var(--jp-space-6) 80px;
}

.jp-dark-band h2,
.jp-dark-band h3 {
	color: #fff;
}

.jp-dark-band .jp-section-label {
	color: rgba(255, 255, 255, 0.85);
}

.jp-dark-band__divider {
	height: 1px;
	background: var(--jp-dark-line);
}

@media (max-width: 999px) {
	.jp-dark-band {
		padding: 64px 24px;
	}
}

/* Spec table 2-col dark */
.jp-spec-table {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border: 1px solid var(--jp-dark-line);
}

.jp-spec-table__row {
	padding: 18px 24px;
	border-bottom: 1px solid var(--jp-dark-line);
	display: flex;
	justify-content: space-between;
	font-family: var(--jp-mono);
	font-size: 12.5px;
	color: #fff;
}

.jp-spec-table__row:nth-child(2n - 1) {
	border-right: 1px solid var(--jp-dark-line);
}

.jp-spec-table__key {
	font-size: 10.5px;
	color: rgba(255, 255, 255, 0.55);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

@media (max-width: 720px) {
	.jp-spec-table {
		grid-template-columns: 1fr;
	}

	.jp-spec-table__row:nth-child(2n - 1) {
		border-right: none;
	}
}

/* -------------------------------------------------------------------------
   Bundle picker (3 warianty zestawu na karcie produktu)
   ------------------------------------------------------------------------- */
.jp-bundles {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 24px;
}

.jp-bundles__label {
	font-family: var(--jp-mono);
	font-size: 11px;
	color: var(--jp-ink-soft);
	letter-spacing: 0.08em;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.jp-bundle {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 18px;
	border: 1px solid var(--jp-line);
	background: #fff;
	cursor: pointer;
	transition: background var(--jp-dur) var(--jp-ease), border-color var(--jp-dur) var(--jp-ease);
}

.jp-bundle:hover {
	border-color: var(--jp-line-strong);
}

.jp-bundle.is-selected {
	border: 2px solid var(--jp-accent);
	background: rgba(242, 88, 28, 0.04);
	padding: 15px 17px;
}

.jp-bundle__radio {
	width: 18px;
	height: 18px;
	border-radius: 9px;
	border: 1.5px solid var(--jp-line-strong);
	background: #fff;
	flex-shrink: 0;
}

.jp-bundle.is-selected .jp-bundle__radio {
	border: 5px solid var(--jp-accent);
}

.jp-bundle__info {
	flex: 1;
}

.jp-bundle__name {
	font-size: 15px;
	font-weight: 500;
	color: var(--jp-ink);
}

.jp-bundle__save {
	font-family: var(--jp-mono);
	font-size: 10.5px;
	color: var(--jp-good);
	margin-top: 2px;
}

.jp-bundle__prices {
	text-align: right;
}

.jp-bundle__price {
	font-size: 16px;
	font-weight: 500;
}

.jp-bundle__was {
	font-family: var(--jp-mono);
	font-size: 11px;
	color: var(--jp-ink-soft);
	text-decoration: line-through;
}

/* -------------------------------------------------------------------------
   FAQ accordion (Home B + karta produktu)
   ------------------------------------------------------------------------- */
.jp-faq__item {
	border-bottom: 1px solid var(--jp-line);
	padding: 24px 0;
}

.jp-faq__item:first-child {
	border-top: 1px solid var(--jp-ink);
}

.jp-faq__summary {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	gap: var(--jp-space-3);
}

.jp-faq__summary::-webkit-details-marker {
	display: none;
}

.jp-faq__index {
	font-family: var(--jp-mono);
	font-size: 11px;
	color: var(--jp-ink-soft);
}

.jp-faq__q {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: var(--jp-ink);
	flex: 1;
	margin: 0 0 0 24px;
}

.jp-faq__icon {
	color: var(--jp-accent);
	font-size: 22px;
	line-height: 1;
}

.jp-faq__item[open] .jp-faq__icon::before {
	content: "−";
}

.jp-faq__item:not([open]) .jp-faq__icon::before {
	content: "+";
}

.jp-faq__answer {
	margin: 16px 0 0 56px;
	color: var(--jp-ink-mid);
	font-size: 14px;
	line-height: 1.65;
	max-width: 640px;
}

/* -------------------------------------------------------------------------
   Sticky CTA mobile (karta produktu)
   ------------------------------------------------------------------------- */
.jp-sticky-cta {
	display: none;
}

@media (max-width: 720px) {
	body.single-product {
		padding-bottom: 80px;
	}

	.jp-sticky-cta {
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 99;
		background: #fff;
		border-top: 1px solid var(--jp-line);
		padding: 12px 16px;
		gap: 12px;
		align-items: center;
		box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
	}

	.jp-sticky-cta__price {
		font-size: 20px;
		font-weight: 500;
	}

	.jp-sticky-cta__financing {
		font-family: var(--jp-mono);
		font-size: 9.5px;
		color: var(--jp-ink-soft);
	}
}

/* -------------------------------------------------------------------------
   Compare grid (legacy — jasny, spójny z jpc-table)
   ------------------------------------------------------------------------- */
.jp-compare {
	background: var(--jp-surface, #fff);
	border: 1px solid var(--jp-line);
}

.jp-compare__grid {
	display: grid;
	grid-template-columns: 1.2fr repeat(var(--cols, 4), 1fr);
}

.jp-compare__cell {
	padding: 16px 24px;
	border-bottom: 1px solid var(--jp-line);
	font-family: var(--jp-mono);
	font-size: 13px;
	color: var(--jp-ink);
}

.jp-compare__cell + .jp-compare__cell {
	border-left: 1px solid var(--jp-line);
}

.jp-compare__cell--label {
	font-size: 11px;
	color: var(--jp-ink-soft);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	background: var(--jp-bg);
}

.jp-compare__cell--head {
	padding: 24px;
}

.jp-compare__cell--best {
	color: var(--jp-accent);
	font-weight: 600;
}

.jp-compare__media {
	aspect-ratio: 1/1;
	background: var(--jp-bg);
	border: 1px solid var(--jp-line);
	margin-bottom: 18px;
}

.jp-compare__id {
	font-family: var(--jp-mono);
	font-size: 10.5px;
	color: var(--jp-ink-soft);
	letter-spacing: 0.06em;
}

.jp-compare__name {
	font-family: var(--jp-display);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	margin-top: 4px;
	color: var(--jp-ink);
}

.jp-compare__price {
	font-family: var(--jp-display);
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: var(--jp-ink);
}

.jp-compare__was {
	font-family: var(--jp-mono);
	font-size: 11px;
	color: var(--jp-ink-soft);
	text-decoration: line-through;
}

@media (max-width: 999px) {
	.jp-compare__grid {
		grid-template-columns: 1fr;
	}

	.jp-compare__cell + .jp-compare__cell {
		border-left: none;
	}
}

/* -------------------------------------------------------------------------
   Trust strip — marka Jackery, przypisy, usługi PL, blok SEO
   ------------------------------------------------------------------------- */
.jp-trust-outer {
	padding-bottom: 72px;
}

.jp-trust {
	display: grid;
	grid-template-columns: minmax(0, auto) minmax(0, 1fr);
	gap: 40px 56px;
	align-items: start;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--jp-line);
}

.jp-trust__rail {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 10px;
	color: var(--jp-ink-soft);
	white-space: nowrap;
	padding-top: 4px;
}

.jp-trust__rail-inner {
	display: inline-block;
}

.jp-trust__body {
	min-width: 0;
}

.jp-trust__tagline {
	margin: 0 0 28px;
	font-size: clamp(18px, 2.1vw, 22px);
	font-weight: 600;
	letter-spacing: -0.02em;
	color: var(--jp-ink);
	line-height: 1.25;
}

.jp-trust__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px 40px;
	align-items: start;
}

.jp-trust__stat .jp-spec__value {
	font-variant-numeric: tabular-nums;
}

.jp-trust__service {
	border-left: 1px solid var(--jp-line);
	padding-left: 28px;
	min-height: 100%;
}

.jp-trust__service-list {
	list-style: none !important;
	list-style-type: none !important;
	margin: 0;
	padding: 0;
	padding-inline-start: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-size: 14px;
	line-height: 1.45;
	color: var(--jp-ink);
}

.jp-trust__service-list li {
	position: relative;
	padding-left: 16px;
	list-style: none !important;
	list-style-type: none !important;
}

.jp-trust__service-list li::marker {
	content: none !important;
	font-size: 0 !important;
}

/* Salient / entry-content: często własny ::before z „•” — nadpisujemy jednym kółkiem Jackery */
.jp-trust-outer .jp-trust__service-list > li::before,
#ajax-content-wrap .jp-trust-outer .jp-trust__service-list > li::before {
	content: '' !important;
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--jp-accent);
}

.jp-trust__fine {
	margin-top: 28px;
	padding-top: 20px;
	border-top: 1px solid var(--jp-line);
	font-size: 11px;
	line-height: 1.55;
	color: var(--jp-ink-mid);
	letter-spacing: 0.02em;
}

.jp-trust__fine p {
	margin: 0 0 10px;
}

.jp-trust__fine p:last-child {
	margin-bottom: 0;
}

.jp-trust-seo {
	margin: 32px 0 0;
	padding-top: 8px;
	font-size: 15px;
	line-height: 1.65;
	color: var(--jp-ink-mid);
}

.jp-trust-seo--cols {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px 40px;
	max-width: none;
}

.jp-trust-seo__col {
	min-width: 0;
}

.jp-trust-seo p {
	margin: 0 0 12px;
}

.jp-trust-seo p:last-child {
	margin-bottom: 0;
}

@media (max-width: 999px) {
	.jp-trust {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.jp-trust__rail {
		writing-mode: horizontal-tb;
		transform: none;
		padding-top: 0;
		border-bottom: 1px solid var(--jp-line);
		padding-bottom: 12px;
	}

	.jp-trust__stats {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.jp-trust__service {
		border-left: none;
		padding-left: 0;
		border-top: 1px solid var(--jp-line);
		padding-top: 20px;
	}

	.jp-trust-seo--cols {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

@media (max-width: 520px) {
	.jp-trust-outer {
		padding-bottom: 48px;
	}
}

/* -------------------------------------------------------------------------
   Card listing (loop)
   ------------------------------------------------------------------------- */
.jp-card {
	background: #fff;
	display: flex;
	flex-direction: column;
}

.jp-card--out-of-stock .jp-card__media img,
.jp-card--out-of-stock .jp-card__media .jp-img-slot {
	opacity: 0.72;
}

.jp-card__media-wrap {
	position: relative;
}

.jp-card__media {
	position: relative;
	aspect-ratio: 1/1;
	background: var(--jp-bg);
	overflow: hidden;
}

.jp-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.jp-card__badges {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
	display: flex;
	gap: 6px;
}

.jp-card__actions {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 3;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.jp-card__actions .jpc-toggle {
	width: 36px;
	height: 36px;
	min-width: 36px;
	padding: 0;
	border-radius: 18px;
	justify-content: center;
	background: #fff;
	box-shadow: 0 2px 8px rgba(17, 17, 20, 0.08);
}

.jp-product__compare {
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid var(--jp-line);
}

.jp-product__compare .jpc-toggle {
	width: 100%;
	justify-content: center;
	height: 44px;
	font-size: 14px;
	font-weight: 500;
	background: var(--jp-surface);
	border-color: var(--jp-line-strong);
	color: var(--jp-ink);
}

.jp-product__compare .jpc-toggle:hover {
	border-color: var(--jp-ink);
	background: var(--jp-bg);
}

.jp-product__compare .jpc-toggle.is-on {
	background: rgba(242, 88, 28, 0.08);
	border-color: var(--jp-accent);
	color: var(--jp-accent);
}

.jp-product__compare .jpc-toggle.is-on svg {
	stroke: currentColor;
}

.jp-card__badges--stock {
	top: auto;
	bottom: 16px;
	left: 16px;
}

.jp-tag--muted {
	background: rgba(17, 17, 20, 0.78);
	color: #fff;
	border: none;
}

.jp-card__footer {
	margin-top: 14px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.jp-card__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.jp-card__cta .jp-btn {
	flex: 1 1 auto;
	min-width: 0;
	justify-content: center;
}

body.jp-has-compare-bar {
	padding-bottom: 88px;
}

body.jp-has-compare-bar.jp-has-utility-bar {
	padding-bottom: calc(88px + var(--jp-utility-h, 0px));
}

.jp-card__body {
	padding: 20px;
}

.jp-card__sku {
	font-family: var(--jp-mono);
	font-size: 11px;
	color: var(--jp-ink-soft);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.jp-card__title {
	font-size: 18px;
	font-weight: 500;
	margin: 8px 0 14px;
	letter-spacing: -0.02em;
	color: var(--jp-ink);
}

.jp-card__price {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

.jp-card__price-now {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: var(--jp-ink);
}

.jp-card__price-was {
	font-family: var(--jp-mono);
	font-size: 12px;
	color: var(--jp-ink-soft);
	text-decoration: line-through;
}

.jp-price-soon,
.jp-card__price-now.jp-price-soon,
.jp-product__price-now.jp-price-soon {
	font-family: var(--jp-mono);
	font-size: 0.72em;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--jp-accent);
}

.jp-card__price-now.jp-price-soon {
	font-size: 13px;
}

.jp-product__price-now.jp-price-soon {
	font-size: clamp(28px, 4vw, 40px);
	line-height: 1;
}

.jp-sticky-cta__price--soon {
	font-family: var(--jp-mono);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.12em;
	color: var(--jp-accent);
}

.jp-product__price-unavailable {
	margin: 0 0 20px;
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--jp-ink-mid);
	line-height: 1.5;
}

.jp-card__financing {
	margin-top: 8px;
	font-family: var(--jp-mono);
	font-size: 10.5px;
	color: var(--jp-ink-mid);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

/* -------------------------------------------------------------------------
   Utility bar (nad Salient #header-outer — fixed + offset nagłówka)
   ------------------------------------------------------------------------- */
:root {
	--jp-utility-h: 32px;
}

.jp-utility-bar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	/* Poniżej #slide-out-widget-area Salient (~10000); nad typowym #header-outer (~9993) */
	z-index: 9996;
	background: var(--jp-surface);
	border-bottom: 1px solid var(--jp-line);
	height: var(--jp-utility-h);
	display: block;
	font-family: var(--jp-mono);
	font-size: 10.5px;
	letter-spacing: 0.04em;
	color: var(--jp-ink-mid);
	box-sizing: border-box;
}

.jp-utility-bar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px 28px;
	height: 100%;
	max-width: 1680px;
	margin: 0 auto;
	padding: 0 clamp(16px, 4vw, 80px);
	box-sizing: border-box;
}

/* Salient: przyklejony nagłówek zaczyna pod paskiem (inaczej przykrywa utility) */
body.jp-has-utility-bar #header-outer {
	top: var(--jp-utility-h) !important;
}

body.admin-bar.jp-has-utility-bar .jp-utility-bar {
	top: 32px;
}

body.admin-bar.jp-has-utility-bar #header-outer {
	top: calc(32px + var(--jp-utility-h)) !important;
}

.jp-utility-bar__left,
.jp-utility-bar__right {
	display: flex;
	gap: 24px;
	align-items: center;
	min-width: 0;
}

.jp-utility-bar__right span {
	min-width: 0;
}

@media (max-width: 999px) {
	:root {
		/* Jedna linia (telefon) — wyższy pasek, czytelniejsza typografia */
		--jp-utility-h: 44px;
	}

	.jp-utility-bar {
		font-size: 11px;
	}

	.jp-utility-bar__inner {
		padding: 0 14px;
		justify-content: center;
	}

	/* Trzy slogany na wąskim ekranie znikają — zostaje wsparcie + telefon */
	.jp-utility-bar__left {
		display: none;
	}

	.jp-utility-bar__right {
		justify-content: center;
		flex: 1;
		gap: 0;
		width: 100%;
	}

	.jp-utility-bar__right span:not(:last-child) {
		display: none;
	}

	.jp-utility-bar__right span:last-child {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
		text-align: center;
	}
}

/* Off-canvas Salient — pasek nie przykrywa menu / dimmera */
body.jp-slide-out-menu-open .jp-utility-bar,
html.slide-out-widget-area-open .jp-utility-bar,
body.slide-out-widget-area-open .jp-utility-bar {
	visibility: hidden;
	pointer-events: none;
}

/* -------------------------------------------------------------------------
   Calculator strip (Home A — CTA do pełnego kalkulatora)
   ------------------------------------------------------------------------- */
.jp-calc-strip {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 80px;
	align-items: center;
}

.jp-calc-strip__preview {
	background: var(--jp-dark-2);
	border: 1px solid var(--jp-dark-line);
	padding: 28px;
	font-family: var(--jp-mono);
	color: #fff;
}

.jp-calc-strip__device {
	display: grid;
	grid-template-columns: 20px 1fr auto;
	gap: 14px;
	padding: 12px 0;
	border-bottom: 1px solid var(--jp-dark-line);
	align-items: center;
}

.jp-calc-strip__result {
	margin-top: 24px;
	padding: 18px;
	background: rgba(242, 88, 28, 0.1);
	border: 1px solid var(--jp-accent);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media (max-width: 999px) {
	.jp-calc-strip {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

/* -------------------------------------------------------------------------
   Bundle cards (Home A — gotowe zestawy)
   ------------------------------------------------------------------------- */
.jp-bundle-card {
	background: #fff;
	border: 1px solid var(--jp-line);
}

.jp-bundle-card__media {
	position: relative;
	aspect-ratio: 4/3;
	overflow: hidden;
}

.jp-bundle-card__media .jp-img-slot:not(.jp-img-slot--dark) {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 100%;
}

.jp-bundle-card__badge {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
}

.jp-bundle-card__body {
	padding: 24px;
}

.jp-bundle-card__items {
	font-family: var(--jp-mono);
	font-size: 11.5px;
	color: var(--jp-ink-mid);
	margin-bottom: 18px;
}

.jp-bundle-card__footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 16px;
	border-top: 1px solid var(--jp-line);
}

.jp-bundle-rail {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	width: 100%;
}

@media (max-width: 899px) {
	.jp-bundle-rail {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 14px;
		overflow-x: auto;
		overflow-y: visible;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		overscroll-behavior-x: contain;
		/* Wypchnij pod krawędzie viewportu w poziomie (jak padding sekcji) */
		margin-left: -24px;
		margin-right: -24px;
		padding-left: 24px;
		padding-right: 24px;
		padding-bottom: 10px;
		width: auto;
		max-width: none;
		box-sizing: content-box;
	}

	.jp-bundle-rail .jp-bundle-card {
		flex: 0 0 min(86vw, 380px);
		width: min(86vw, 380px);
		max-width: min(86vw, 380px);
		scroll-snap-align: start;
		scroll-snap-stop: normal;
	}
}

/* -------------------------------------------------------------------------
   Single product B · Bench — buy box + gallery
   ------------------------------------------------------------------------- */
.jp-product {
	background: var(--jp-bg);
}

.jp-product__breadcrumb {
	padding: 20px 80px;
	background: #fff;
	border-bottom: 1px solid var(--jp-line);
	font-family: var(--jp-mono);
	font-size: 11px;
	color: var(--jp-ink-soft);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.jp-product__breadcrumb .jp-archive-breadcrumb__current.jp-product__breadcrumb-current {
	color: var(--jp-ink);
}

/* Długi opis (edytor Woo) — między herosem a specyfikacją */
.jp-product__story-head {
	max-width: 920px;
	margin-bottom: var(--jp-space-5);
}

.jp-product__story-title {
	margin: 16px 0 0;
	line-height: 1.08;
	max-width: 720px;
}

.jp-product__story-title-accent {
	color: var(--jp-accent);
}

.jp-product__story-inner {
	max-width: 820px;
	font-size: 16px;
	line-height: 1.65;
	color: var(--jp-ink);
}

.jp-product__story-inner > *:first-child {
	margin-top: 0;
}

.jp-product__story-inner > *:last-child {
	margin-bottom: 0;
}

.jp-product__story-inner p {
	margin: 0 0 1.15em;
}

.jp-product__story-inner h2,
.jp-product__story-inner h3,
.jp-product__story-inner h4 {
	line-height: 1.2;
	margin: 1.75em 0 0.65em;
	font-weight: 600;
	letter-spacing: -0.02em;
	color: var(--jp-ink);
}

.jp-product__story-inner h2:first-child,
.jp-product__story-inner h3:first-child {
	margin-top: 0;
}

.jp-product__story-inner ul,
.jp-product__story-inner ol {
	margin: 0 0 1.15em;
	padding-left: 1.35em;
}

.jp-product__story-inner li {
	margin: 0.35em 0;
}

.jp-product__story-inner img,
.jp-product__story-inner video {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
	border: 1px solid var(--jp-line);
}

.jp-product__story-inner .wp-block-image figcaption,
.jp-product__story-inner figcaption {
	margin-top: 0.5em;
	font-family: var(--jp-mono);
	font-size: 11px;
	color: var(--jp-ink-mid);
	line-height: 1.4;
}

.jp-product__story-inner blockquote {
	margin: 1.5em 0;
	padding: 0 0 0 1.25em;
	border-left: 3px solid var(--jp-accent);
	color: var(--jp-ink-mid);
	font-style: italic;
}

.jp-product__story-inner a {
	color: var(--jp-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.jp-product__story-inner a:hover,
.jp-product__story-inner a:focus {
	text-decoration-thickness: 2px;
}

.jp-product__story-inner .alignwide {
	max-width: min(100%, calc(100vw - 48px));
	margin-left: auto;
	margin-right: auto;
}

.jp-product__story-inner table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	margin: 1.25em 0;
}

.jp-product__story-inner th,
.jp-product__story-inner td {
	border: 1px solid var(--jp-line);
	padding: 10px 12px;
	text-align: left;
}

.jp-product__story-inner th {
	background: var(--jp-bg);
	font-weight: 600;
}

@media (max-width: 999px) {
	.jp-product__story-inner .alignwide {
		max-width: 100%;
	}
}

/* =========================================================================
   STORY DESCRIPTION — bogate komponenty dla opisu produktu (klasy .jp-pd-*)
   Wszystko renderowane przez `the_content` w polu Opis w Woo.
   ========================================================================= */

.jp-product__story-inner.jp-pd { max-width: none; width: 100%; }
.jp-product__story-inner.jp-pd > * + * { margin-top: 64px; }

/* --- 1. Hero leadu --- */
.jp-pd-hero { display: grid; grid-template-columns: 1.55fr 1fr; gap: 64px; align-items: start; padding-bottom: 8px; }
.jp-pd-hero__eyebrow { font-family: var(--jp-mono); font-size: 11px; letter-spacing: 0.14em; color: var(--jp-accent); font-weight: 600; text-transform: uppercase; margin-bottom: 18px; display: block; }
.jp-pd-hero__lead { font-size: 28px; line-height: 1.28; font-weight: 500; letter-spacing: -0.022em; margin: 0 0 26px; color: var(--jp-ink); }
.jp-pd-hero__lead strong { color: var(--jp-accent); font-weight: 600; }
.jp-pd-hero__body p { font-size: 16px; line-height: 1.7; color: var(--jp-ink-mid); margin: 0 0 14px; }
.jp-pd-hero__body p:last-child { margin-bottom: 0; }

.jp-pd-aside { background: var(--jp-surface); border: 1px solid var(--jp-line); padding: 28px 28px 32px; position: relative; }
.jp-pd-aside__label { font-family: var(--jp-mono); font-size: 10.5px; letter-spacing: 0.14em; color: var(--jp-accent); font-weight: 600; margin-bottom: 18px; display: block; }
.jp-pd-aside__title { font-size: 18px; line-height: 1.35; margin: 0 0 14px; font-weight: 600; letter-spacing: -0.01em; }
/* Reset bullet/padding na listach wewnątrz .jp-pd (story-inner ul ma własny padding-left + disc). */
.jp-product__story-inner.jp-pd .jp-pd-aside__list,
.jp-product__story-inner.jp-pd .jp-pd-col ul {
	list-style: none !important;
	padding-left: 0 !important;
	margin: 0;
}
.jp-product__story-inner.jp-pd .jp-pd-aside__list li,
.jp-product__story-inner.jp-pd .jp-pd-col li {
	list-style: none !important;
	margin: 0;
}
.jp-product__story-inner.jp-pd .jp-pd-aside__list li::marker,
.jp-product__story-inner.jp-pd .jp-pd-col li::marker {
	content: none;
	color: transparent;
}

.jp-pd-aside__list li { font-size: 14px; line-height: 1.5; color: var(--jp-ink-mid); padding: 10px 0 10px 18px; border-top: 1px solid var(--jp-line); position: relative; }
.jp-pd-aside__list li:first-child { border-top: 0; padding-top: 0; }
.jp-pd-aside__list li:first-child::before { top: 8px; }
.jp-pd-aside__list li::before { content: ""; position: absolute; left: 0; top: 18px; width: 6px; height: 6px; background: var(--jp-accent); border-radius: 50%; }

/* --- 2. Scenariusze (3 kafle) --- */
.jp-pd-scen { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.jp-pd-scen__item { background: var(--jp-surface); border: 1px solid var(--jp-line); padding: 26px 24px 28px; min-height: 200px; display: flex; flex-direction: column; transition: border-color var(--jp-dur) var(--jp-ease), transform var(--jp-dur) var(--jp-ease); }
.jp-pd-scen__item:hover { border-color: var(--jp-ink); transform: translateY(-2px); }
.jp-pd-scen__num { font-family: var(--jp-mono); font-size: 11px; color: var(--jp-accent); letter-spacing: 0.1em; margin-bottom: 14px; font-weight: 600; }
.jp-pd-scen__title { font-size: 17px; font-weight: 600; line-height: 1.3; margin: 0 0 8px; letter-spacing: -0.01em; }
.jp-pd-scen__text { font-size: 14px; line-height: 1.55; color: var(--jp-ink-mid); margin: 0; flex: 1; }

/* --- 3. Section heading --- */
.jp-pd-section-head { margin: 0 0 32px; max-width: 820px; }
.jp-pd-section-head__eyebrow { font-family: var(--jp-mono); font-size: 11px; letter-spacing: 0.14em; color: var(--jp-accent); font-weight: 600; text-transform: uppercase; margin-bottom: 14px; display: flex; align-items: center; gap: 12px; }
.jp-pd-section-head__eyebrow::before { content: ""; width: 28px; height: 1px; background: var(--jp-accent); display: inline-block; }
.jp-pd-section-head__title { font-size: 34px; line-height: 1.12; letter-spacing: -0.025em; font-weight: 600; margin: 0 0 14px; color: var(--jp-ink); }
.jp-pd-section-head__title em { font-style: normal; color: var(--jp-accent); }
.jp-pd-section-head__sub { font-size: 16px; line-height: 1.6; color: var(--jp-ink-mid); margin: 0; }

/* --- 4. Use-cases grid (co naładuje, jak długo) --- */
.jp-pd-uses { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--jp-line); border: 1px solid var(--jp-line); }
.jp-pd-uses__item { background: var(--jp-surface); padding: 26px 24px 28px; min-height: 170px; display: flex; flex-direction: column; }
.jp-pd-uses__icon { width: 30px; height: 30px; margin-bottom: 16px; color: var(--jp-accent); }
.jp-pd-uses__icon svg { width: 100%; height: 100%; display: block; }
.jp-pd-uses__value { display: flex; align-items: baseline; gap: 6px; font-size: 26px; font-weight: 600; line-height: 1; letter-spacing: -0.02em; margin: 0 0 8px; color: var(--jp-ink); }
.jp-pd-uses__unit { font-size: 13px; font-weight: 500; color: var(--jp-ink-mid); }
.jp-pd-uses__label { font-size: 13px; line-height: 1.45; color: var(--jp-ink-mid); margin: auto 0 0; }

/* --- 5. Plusy / minusy (2 kolumny) --- */
.jp-pd-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.jp-pd-col { padding: 28px 28px 30px; border: 1px solid var(--jp-line); background: var(--jp-surface); }
.jp-pd-col--pros { border-left: 3px solid var(--jp-good); }
.jp-pd-col--limits { border-left: 3px solid var(--jp-warn); }
.jp-pd-pros-cons--pros-only { grid-template-columns: 1fr; }
.jp-pd-col h3 { font-size: 14px; font-family: var(--jp-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--jp-ink-soft); margin: 0 0 18px; font-weight: 600; }
.jp-pd-col ul { list-style: none; padding: 0; margin: 0; }
.jp-pd-col li { padding: 11px 0 11px 26px; border-top: 1px solid var(--jp-line); position: relative; font-size: 15px; line-height: 1.5; color: var(--jp-ink); }
.jp-pd-col li:first-child { border-top: 0; }
.jp-pd-col--pros li::before { content: ""; position: absolute; left: 0; top: 16px; width: 14px; height: 14px; background: var(--jp-good); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2 7l3.5 3.5L12 3.5' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2 7l3.5 3.5L12 3.5' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat; }
.jp-pd-col--limits li::before { content: ""; position: absolute; left: 0; top: 19px; width: 14px; height: 2px; background: var(--jp-warn); }

/* --- 6. Pull quote / cytat z wagą --- */
/* Reset odziedziczonego stylu .jp-product__story-inner blockquote (left-border, italic). */
.jp-product__story-inner.jp-pd blockquote.jp-pd-quote {
	padding: 64px 40px 56px;
	border-top: 1px solid var(--jp-line);
	border-bottom: 1px solid var(--jp-line);
	border-left: 0;
	border-right: 0;
	text-align: center;
	font-style: normal;
	color: var(--jp-ink);
	margin: 0;
}
.jp-product__story-inner.jp-pd .jp-pd-quote__text { font-size: 32px; line-height: 1.25; letter-spacing: -0.022em; font-weight: 500; margin: 0 auto 22px; max-width: 920px; color: var(--jp-ink); font-style: normal; text-align: center; }
.jp-product__story-inner.jp-pd .jp-pd-quote__attr { text-align: center; display: block; }
.jp-pd-quote__text em { font-style: normal; color: var(--jp-accent); }
.jp-pd-quote__attr { font-family: var(--jp-mono); font-size: 11px; letter-spacing: 0.14em; color: var(--jp-ink-soft); text-transform: uppercase; font-style: normal; }

/* --- 7. Slot na grafikę --- */
.jp-pd-figure { margin: 0; }
.jp-pd-figure__media { aspect-ratio: 16 / 9; background: #1c1c20; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.5); font-family: var(--jp-mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; position: relative; overflow: hidden; }
.jp-pd-figure__media img { width: 100%; height: 100%; object-fit: cover; display: block; border: 0; }
.jp-pd-figure__media--light { background: var(--jp-bg); color: var(--jp-ink-soft); }
.jp-pd-figure__media::after { content: attr(data-label); position: absolute; }
.jp-pd-figure__media:has(img)::after { display: none; }
.jp-pd-figure__cap { display: flex; gap: 16px; padding: 14px 2px 0; font-family: var(--jp-mono); font-size: 11px; letter-spacing: 0.06em; color: var(--jp-ink-mid); border-top: 1px solid var(--jp-line); margin-top: 14px; }
.jp-pd-figure__cap-num { color: var(--jp-accent); font-weight: 600; }

/* --- 8. Ciemny banner CTA (dobierz zestaw) --- */
.jp-pd-band { background: var(--jp-dark); color: #fff; padding: 56px 64px; display: grid; grid-template-columns: 1.5fr 1fr; gap: 56px; align-items: center; }
.jp-pd-band__eyebrow { font-family: var(--jp-mono); font-size: 11px; letter-spacing: 0.14em; color: var(--jp-accent); font-weight: 600; text-transform: uppercase; margin-bottom: 14px; display: block; }
.jp-pd-band__title { font-size: 28px; line-height: 1.2; letter-spacing: -0.02em; font-weight: 600; margin: 0 0 16px; color: #fff !important; }
.jp-pd-band__title em { font-style: normal; color: var(--jp-accent) !important; }
.jp-pd-band__text { font-size: 15px; line-height: 1.6; color: rgba(255,255,255,0.78); margin: 0 0 24px; }
.jp-pd-band__ctas { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.jp-pd-band__cta { display: inline-flex; align-items: center; gap: 10px; padding: 14px 22px; background: var(--jp-accent) !important; color: #fff !important; text-decoration: none !important; font-weight: 600; font-size: 14px; letter-spacing: 0.02em; transition: background var(--jp-dur) var(--jp-ease); border: 0; line-height: 1; }
.jp-pd-band__cta:hover,
.jp-pd-band__cta:focus { background: #ff6a30 !important; color: #fff !important; }
.jp-pd-band__cta-secondary { display: inline-flex; align-items: center; gap: 10px; padding: 13px 22px; border: 1px solid rgba(255,255,255,0.3); color: #fff !important; text-decoration: none !important; font-weight: 500; font-size: 14px; line-height: 1; }
.jp-pd-band__cta-secondary:hover,
.jp-pd-band__cta-secondary:focus { border-color: #fff; color: #fff !important; background: rgba(255,255,255,0.05); }
.jp-pd-band__side { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); padding: 22px 24px; }
.jp-pd-band__side-row { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.1); font-size: 13px; color: rgba(255,255,255,0.78); }
.jp-pd-band__side-row:first-child { border-top: 0; }
.jp-pd-band__side-row strong { color: #fff; font-weight: 500; }

/* --- 9. FAQ — akordeon --- */
.jp-pd-faq { border-top: 1px solid var(--jp-line); }
.jp-pd-faq details { border-bottom: 1px solid var(--jp-line); padding: 0; }
.jp-pd-faq summary { padding: 22px 48px 22px 0; cursor: pointer; list-style: none; position: relative; font-size: 17px; font-weight: 500; line-height: 1.4; letter-spacing: -0.01em; color: var(--jp-ink); }
.jp-pd-faq summary::-webkit-details-marker { display: none; }
.jp-pd-faq summary::after { content: "+"; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: 300; color: var(--jp-accent); transition: transform var(--jp-dur) var(--jp-ease); line-height: 1; }
.jp-pd-faq details[open] summary::after { content: "−"; }
.jp-pd-faq details > *:not(summary) { padding: 0 48px 24px 0; font-size: 15px; line-height: 1.65; color: var(--jp-ink-mid); margin: 0; }
.jp-pd-faq details > p { padding: 0 48px 24px 0; }

/* --- 10. Spec callouts (3 liczby z ikoną) --- */
.jp-pd-callouts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--jp-line); border: 1px solid var(--jp-line); }
.jp-pd-callout { background: var(--jp-surface); padding: 32px 32px 34px; display: flex; flex-direction: column; }
.jp-pd-callout__icon { width: 34px; height: 34px; color: var(--jp-accent); margin-bottom: 18px; }
.jp-pd-callout__icon svg { width: 100%; height: 100%; }
.jp-pd-callout__value { display: flex; align-items: baseline; gap: 8px; font-size: 40px; line-height: 1; font-weight: 500; letter-spacing: -0.03em; margin: 0 0 8px; color: var(--jp-ink); }
.jp-pd-callout__unit { font-size: 15px; color: var(--jp-ink-mid); font-weight: 500; letter-spacing: 0; }
.jp-pd-callout__label { font-size: 13px; line-height: 1.5; color: var(--jp-ink-mid); margin: 0; }

/* --- Responsive --- */
@media (max-width: 999px) {
	.jp-product__story-inner.jp-pd > * + * { margin-top: 44px; }
	.jp-pd-hero { grid-template-columns: 1fr; gap: 28px; }
	.jp-pd-hero__lead { font-size: 22px; }
	.jp-pd-scen,
	.jp-pd-callouts { grid-template-columns: 1fr; }
	.jp-pd-uses { grid-template-columns: repeat(2, 1fr); }
	.jp-pd-pros-cons { grid-template-columns: 1fr; gap: 16px; }
	.jp-pd-section-head__title { font-size: 26px; }
	.jp-pd-quote { padding: 40px 24px; }
	.jp-pd-quote__text { font-size: 22px; }
	.jp-pd-band { grid-template-columns: 1fr; padding: 40px 28px; gap: 32px; }
	.jp-pd-band__title { font-size: 22px; }
	.jp-pd-faq summary { font-size: 16px; padding: 18px 36px 18px 0; }
	.jp-pd-callout__value,
	.jp-pd-uses__value { font-size: 26px; }
}

.jp-product__hero {
	background: #fff;
	padding: 48px 80px 80px;
}

.jp-product__hero-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 64px;
}

.jp-product__gallery {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.jp-product__gallery-main {
	position: relative;
	aspect-ratio: 1/1;
	background: var(--jp-bg);
	overflow: hidden;
}

.jp-product__gallery-main img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.jp-product__gallery-thumbs {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 12px;
}

.jp-product__gallery-thumb {
	aspect-ratio: 1/1;
	background: var(--jp-bg);
	border: 1px solid var(--jp-line);
	cursor: pointer;
	overflow: hidden;
}

.jp-product__gallery-thumb.is-active {
	border: 2px solid var(--jp-ink);
}

.jp-product__gallery-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.jp-product__buybox-title {
	font-size: 44px;
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1;
	margin: 10px 0 16px;
}

.jp-product__buybox-sku {
	font-family: var(--jp-mono);
	font-size: 11px;
	color: var(--jp-ink-soft);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.jp-product__buybox-lead {
	color: var(--jp-ink-mid);
	font-size: 15px;
	line-height: 1.55;
	margin: 0 0 20px;
}

.jp-product__price-row {
	display: flex;
	align-items: baseline;
	gap: 14px;
	margin-bottom: 8px;
}

.jp-product__price-now {
	font-size: 40px;
	font-weight: 500;
	letter-spacing: -0.03em;
}

.jp-product__price-was {
	font-family: var(--jp-mono);
	font-size: 14px;
	color: var(--jp-ink-soft);
	text-decoration: line-through;
}

.jp-product__financing {
	font-family: var(--jp-mono);
	font-size: 11px;
	color: var(--jp-ink-mid);
	margin-bottom: 20px;
	text-transform: uppercase;
}

/* Buybox — większy odstęp bloku „Ilość” od zestawów / przycisku */
.jp-product__buybox form.cart {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.jp-product__buybox form.cart .quantity {
	margin-top: 22px !important;
	margin-bottom: 0 !important;
	width: 100%;
	max-width: 220px;
	align-self: flex-start;
}

.jp-product__buybox form.cart .quantity label {
	display: block;
	margin-bottom: 6px;
}

.jp-product__buybox form.cart .quantity .qty {
	min-height: 44px;
	box-sizing: border-box;
}

.jp-product__buybox form.cart .single_add_to_cart_button,
.jp-product__buybox form.cart button[type="submit"].single_add_to_cart_button {
	margin-top: 18px !important;
	width: 100%;
}

/* eRaty — kalkulator rat pod „Dodaj do koszyka” */
.jp-product__buybox .jp-product__eraty {
	margin-top: 6px;
	width: 100%;
	text-align: center;
}

.jp-product__buybox .jp-eraty-calc {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 10px 4px;
	border: 0;
	background: transparent;
	cursor: pointer;
	font-family: var(--jp-mono);
	font-size: 11px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--jp-ink-mid);
	transition: color var(--jp-dur) var(--jp-ease);
}

.jp-product__buybox .jp-eraty-calc:hover,
.jp-product__buybox .jp-eraty-calc:focus {
	color: var(--jp-ink);
	outline: none;
}

.jp-product__buybox .jp-eraty-calc__brand {
	font-weight: 700;
	color: #ec0000;
	letter-spacing: 0.02em;
}

.jp-product__buybox .jp-eraty-calc:hover .jp-eraty-calc__brand,
.jp-product__buybox .jp-eraty-calc:focus .jp-eraty-calc__brand {
	color: #c40000;
}

.jp-product__buybox form.cart .woocommerce-variation-add-to-cart {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
}

.jp-product__buybox form.cart .woocommerce-variation-add-to-cart .quantity {
	margin-top: 0 !important;
}

.jp-product__buybox form.cart .woocommerce-variation-add-to-cart .single_add_to_cart_button {
	margin-top: 14px !important;
}

.jp-product__logistics {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	font-size: 12.5px;
	color: var(--jp-ink-mid);
	margin-top: 20px;
}

.jp-product__logistics-item strong {
	display: block;
	color: var(--jp-ink);
	font-weight: 500;
	margin-bottom: 2px;
}

.jp-product__logistics-item--low-stock strong {
	color: var(--jp-accent);
}

.jp-product__inthewild {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.jp-product__inthewild-card {
	background: #fff;
	border: 1px solid var(--jp-line);
}

.jp-product__inthewild-media {
	aspect-ratio: 1/1;
	background: var(--jp-bg);
	overflow: hidden;
}

.jp-product__inthewild-media .jp-product__inthewild-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.jp-product__inthewild-body {
	padding: 18px;
}

.jp-product__inthewild-device {
	font-size: 14px;
	font-weight: 500;
}

.jp-product__inthewild-time {
	font-family: var(--jp-mono);
	font-size: 22px;
	color: var(--jp-accent);
	margin-top: 6px;
	letter-spacing: -0.01em;
}

.jp-product__inthewild--charge-focus .jp-product__inthewild-time {
	font-size: clamp(20px, 2.2vw, 26px);
	font-weight: 600;
}

/* Porównanie modeli na dole karty produktu */
.jp-product-compare__grid {
	margin-top: 24px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.jp-product-compare__card {
	background: #fff;
	border: 1px solid var(--jp-line);
	padding: 20px;
	color: inherit;
	text-decoration: none;
	display: flex;
	flex-direction: column;
}

.jp-product-compare__media {
	position: relative;
	aspect-ratio: 1 / 1;
	background: var(--jp-bg);
	margin-bottom: 14px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(10px, 6%, 18px);
	box-sizing: border-box;
}

.jp-product-compare__media .jp-product-compare__img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
	display: block;
}

.jp-product-compare__media .jp-img-slot {
	width: 100%;
	height: 100%;
}

.jp-product-compare__name {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
}

.jp-product-compare__specs {
	font-size: 11px;
	color: var(--jp-ink-mid);
	margin-top: 4px;
}

.jp-product-compare__foot {
	margin-top: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.jp-product-compare__price {
	font-size: 18px;
	font-weight: 500;
}

.jp-product-compare__arrow {
	font-size: 12px;
	opacity: 0.6;
	flex-shrink: 0;
}

@media (max-width: 999px) {
	.jp-product__hero {
		padding: 24px;
	}

	.jp-product__hero-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.jp-product__buybox-title {
		font-size: 28px;
	}

	.jp-product__price-now {
		font-size: 28px;
	}

	.jp-product__inthewild {
		grid-template-columns: repeat(2, 1fr);
	}

	.jp-product-compare__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 520px) {
	.jp-product-compare__grid {
		grid-template-columns: 1fr;
	}
}

/* -------------------------------------------------------------------------
   Karta produktu — recenzje WooCommerce
   ------------------------------------------------------------------------- */
.jp-product-reviews {
	position: relative;
}

.jp-product-reviews__intro {
	margin-bottom: 8px;
}

.jp-product-reviews .woocommerce-Reviews {
	max-width: 920px;
}

.jp-product-reviews .woocommerce-Reviews-title {
	font-family: var(--jp-display);
	font-size: clamp(26px, 3vw, 40px);
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.1;
	margin: 12px 0 28px;
	color: var(--jp-ink);
	border: none;
	padding: 0;
}

.jp-product-reviews .woocommerce-noreviews {
	font-size: 15px;
	color: var(--jp-ink-mid);
	margin: 0 0 24px;
}

.jp-product-reviews #comments {
	margin-top: 0;
}

.jp-product-reviews .commentlist {
	list-style: none !important;
	margin: 0 0 40px !important;
	padding: 0 !important;
}

.jp-product-reviews .commentlist > li {
	list-style: none !important;
	margin: 0 0 20px !important;
	padding: 0 !important;
	border: 1px solid var(--jp-line);
	background: #fff;
}

.jp-product-reviews .commentlist > li::marker {
	content: none;
}

.jp-product-reviews .comment_container {
	display: flex;
	gap: 20px;
	padding: 22px 24px;
}

.jp-product-reviews .comment-text {
	flex: 1 1 auto;
	min-width: 0;
}

.jp-product-reviews .meta {
	font-family: var(--jp-mono);
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--jp-ink-soft);
	margin-bottom: 10px;
}

.jp-product-reviews .description {
	font-size: 15px;
	line-height: 1.55;
	color: var(--jp-ink);
}

.jp-product-reviews .star-rating {
	color: var(--jp-accent);
	float: none;
	margin: 0 0 8px;
	font-size: 15px;
}

.jp-product-reviews #review_form_wrapper {
	margin-top: 8px;
	padding: 28px;
	border: 1px solid var(--jp-line);
	background: #fff;
}

.jp-product-reviews .comment-reply-title,
.jp-product-reviews #reply-title {
	font-family: var(--jp-display);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
	margin: 0 0 16px;
	padding: 0;
	border: none;
}

.jp-product-reviews .comment-form-rating label {
	font-family: var(--jp-mono);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--jp-ink-mid);
}

.jp-product-reviews .comment-form-comment label {
	display: block;
	font-family: var(--jp-mono);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--jp-ink-mid);
	margin-bottom: 8px;
}

.jp-product-reviews #comment {
	width: 100%;
	max-width: 100%;
	min-height: 140px;
	padding: 14px 16px;
	font-family: var(--jp-display);
	font-size: 15px;
	line-height: 1.5;
	border: 1px solid var(--jp-line);
	border-radius: var(--jp-radius-sm);
	background: var(--jp-bg);
	box-sizing: border-box;
}

.jp-product-reviews #comment:focus {
	outline: none;
	border-color: var(--jp-ink-mid);
}

.jp-product-reviews .form-submit input[type="submit"],
.jp-product-reviews #respond input#submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 22px;
	font-family: var(--jp-display);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.01em;
	background: var(--jp-accent);
	color: #fff !important;
	border: 1px solid var(--jp-accent) !important;
	border-radius: var(--jp-radius-sm);
	cursor: pointer;
	text-shadow: none;
	box-shadow: none;
}

.jp-product-reviews .form-submit input[type="submit"]:hover,
.jp-product-reviews #respond input#submit:hover {
	background: #d94613;
	border-color: #d94613 !important;
}

@media (max-width: 640px) {
	.jp-product-reviews .comment_container {
		flex-direction: column;
		gap: 12px;
	}
}

/* -------------------------------------------------------------------------
   Category / Archive (PLP)
   ------------------------------------------------------------------------- */
.jp-archive-head {
	background: #fff;
	padding: 32px 80px 56px;
	border-bottom: 1px solid var(--jp-line);
}

.jp-archive-head__banner {
	margin: -32px -80px 24px;
	overflow: hidden;
	max-height: 360px;
	background: var(--jp-bg);
}

.jp-archive-head__banner-img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 360px;
	object-fit: cover;
}

.jp-archive-head__row {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 24px;
	gap: 40px;
}

.jp-archive-head__stats {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 20px 28px;
}

.jp-archive-breadcrumb {
	font-size: 11px;
	color: var(--jp-ink-soft);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.jp-archive-breadcrumb a {
	color: inherit;
	text-decoration: none;
	transition: color var(--jp-dur) var(--jp-ease);
}

.jp-archive-breadcrumb a:hover,
.jp-archive-breadcrumb a:focus {
	color: var(--jp-accent);
}

.jp-archive-breadcrumb__current {
	color: var(--jp-ink-mid);
}

.jp-archive-breadcrumb__sep {
	opacity: 0.55;
	padding: 0 2px;
}

/* Breadcrumb — lista rodzeństwa / kategorii głównych na hover (tylko fine pointer) */
.jp-bc-nav {
	position: relative;
	z-index: 5;
}

.jp-bc-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	vertical-align: baseline;
}

.jp-bc-wrap__trigger {
	text-decoration: none;
}

.jp-bc-wrap--current .jp-bc-wrap__trigger.jp-archive-breadcrumb__current {
	cursor: default;
}

.jp-bc-dd {
	position: absolute;
	left: 0;
	top: calc(100% + 6px);
	min-width: min(280px, calc(100vw - 48px));
	max-height: min(70vh, 420px);
	overflow-y: auto;
	padding: 6px 0;
	margin: 0;
	background: var(--jp-surface);
	border: 1px solid var(--jp-line);
	border-radius: 10px;
	box-shadow: 0 18px 50px rgba(17, 17, 20, 0.14);
	z-index: 200;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition:
		opacity 0.2s ease,
		transform 0.2s ease,
		visibility 0.2s;
	-webkit-overflow-scrolling: touch;
}

.jp-bc-dd__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jp-bc-dd__link,
.jp-bc-dd__here {
	display: block;
	padding: 9px 16px;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.25;
}

.jp-bc-dd__link {
	color: var(--jp-ink-mid);
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease;
}

.jp-bc-dd__link:hover,
.jp-bc-dd__link:focus {
	background: var(--jp-bg);
	color: var(--jp-accent);
	outline: none;
}

.jp-bc-dd__here {
	color: var(--jp-ink);
	font-weight: 600;
}

@media (hover: hover) and (pointer: fine) {
	.jp-bc-wrap:has(.jp-bc-dd)::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		height: 14px;
	}

	.jp-bc-wrap:hover .jp-bc-dd,
	.jp-bc-wrap:focus-within .jp-bc-dd {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
	}
}

/* Wartość nad etykietą; równe wysokości kolumn → opisy w jednej linii poziomej */
.jp-archive-head__stats .jp-spec--archive-head {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.jp-archive-head__stats .jp-spec--archive-head .jp-spec__row {
	flex: 1 1 auto;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 4px;
	min-height: 0;
}

.jp-archive-head__stats .jp-spec--archive-head .jp-spec__label {
	margin-top: 6px;
	flex-shrink: 0;
}

.jp-archive-body {
	padding: 48px 80px 96px;
	display: flex;
	gap: 32px;
}

.jp-archive-filters {
	width: 288px;
	flex-shrink: 0;
	padding-right: 32px;
	border-right: 1px solid var(--jp-line);
}

.jp-plp-toolbar {
	margin-bottom: 24px;
}

.jp-plp-toolbar__row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px 20px;
}

.jp-plp-toolbar__count {
	font-size: 12px;
	color: var(--jp-ink-mid);
	flex: 0 0 auto;
	padding-top: 6px;
}

.jp-plp-toolbar__active {
	flex: 1 1 220px;
	min-width: 0;
}

.jp-plp-toolbar__active .jp-plp-active-filters .widgettitle,
.jp-plp-toolbar__active .jp-plp-active-filters h2 {
	display: none;
}

.jp-plp-toolbar__active .jp-plp-active-filters ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.jp-plp-toolbar__active .jp-plp-active-filters a {
	font-family: var(--jp-mono);
	font-size: 10px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--jp-ink-mid);
	text-decoration: none;
	padding: 6px 10px;
	border: 1px solid var(--jp-line);
	background: var(--jp-surface);
}

.jp-plp-toolbar__active .jp-plp-active-filters a:hover {
	border-color: var(--jp-accent);
	color: var(--jp-accent);
}

.jp-plp-toolbar__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	justify-content: flex-end;
	flex: 0 1 auto;
}

.jp-plp-view-toggle {
	display: inline-flex;
	border: 1px solid var(--jp-line);
	border-radius: var(--jp-radius-sm, 6px);
	overflow: hidden;
	background: #fff;
}

.jp-plp-view-btn {
	margin: 0;
	appearance: none;
	border: 0;
	background: transparent;
	padding: 8px 14px;
	font-size: 10px;
	font-family: var(--jp-mono);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--jp-ink-mid);
	cursor: pointer;
	transition: background var(--jp-dur) var(--jp-ease), color var(--jp-dur) var(--jp-ease);
}

.jp-plp-view-btn + .jp-plp-view-btn {
	border-left: 1px solid var(--jp-line);
}

.jp-plp-view-btn.is-active {
	background: var(--jp-dark);
	color: #fff;
}

.jp-plp-ordering .woocommerce-ordering {
	margin: 0;
}

.jp-archive.jp-plp-view--list .jp-archive-products ul.products {
	grid-template-columns: 1fr !important;
	gap: 16px;
}

.jp-archive.jp-plp-view--list .jp-archive-products ul.products li.product > .jp-card {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	gap: 20px 28px;
	text-align: left;
}

.jp-archive.jp-plp-view--list .jp-archive-products ul.products li.product .jp-card__media {
	flex: 0 0 min(220px, 32vw);
	width: min(220px, 32vw);
	max-width: 40%;
	align-self: stretch;
}

.jp-archive.jp-plp-view--list .jp-archive-products ul.products li.product .jp-card__body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media (max-width: 640px) {
	.jp-archive.jp-plp-view--list .jp-archive-products ul.products li.product > .jp-card {
		flex-direction: column;
	}

	.jp-archive.jp-plp-view--list .jp-archive-products ul.products li.product .jp-card__media {
		flex: none;
		width: 100%;
		max-width: none;
		aspect-ratio: 16 / 10;
	}
}

.jp-archive-products {
	flex: 1;
	min-width: 0;
}

/* Woo: <ul class="products"> — siatka 3 kolumny (Salient domyślnie 4 = ciasno) */
.jp-archive-products ul.products {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px 28px;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	clear: both;
}

.jp-archive-products ul.products.columns-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.jp-archive-products ul.products.columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Woo nadal może dodać columns-4 — na PLP trzymamy 3 kolumny */
.jp-archive-products ul.products.columns-4 {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.jp-archive-products ul.products.columns-5 {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.jp-archive-products ul.products.columns-6 {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.jp-archive-products ul.products::before,
.jp-archive-products ul.products::after {
	display: none !important;
	content: none !important;
}

.jp-archive-products ul.products li.product {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	float: none !important;
	clear: none !important;
	padding: 0 !important;
	position: relative;
	list-style: none;
	display: flex;
}

.jp-archive-products ul.products li.product > .jp-card {
	flex: 1 1 auto;
	width: 100%;
	min-height: 100%;
}

/* Paginacja katalogu — czytelne numery (nie „pomarańczowy kwadrat”) */
.jp-archive-products .woocommerce-pagination {
	margin-top: 40px;
	padding-top: 28px;
	border-top: 1px solid var(--jp-line);
}

.jp-archive-products .woocommerce-pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jp-archive-products .woocommerce-pagination ul.page-numbers li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.jp-archive-products .woocommerce-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	font-family: var(--jp-display);
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	color: var(--jp-ink);
	background: var(--jp-surface);
	border: 1px solid var(--jp-line);
	border-radius: 0;
	box-shadow: none;
}

.jp-archive-products .woocommerce-pagination .page-numbers.current {
	background: var(--jp-ink);
	border-color: var(--jp-ink);
	color: #fff;
}

.jp-archive-products .woocommerce-pagination a.page-numbers:hover {
	border-color: var(--jp-ink);
	color: var(--jp-ink);
	background: var(--jp-bg);
}

.jp-archive-products .woocommerce-pagination .next,
.jp-archive-products .woocommerce-pagination .prev {
	min-width: auto;
	padding: 0 10px;
	border: none;
	background: transparent;
	font-weight: 600;
}

.jp-archive-products .woocommerce-pagination .next:hover,
.jp-archive-products .woocommerce-pagination .prev:hover {
	background: transparent;
	color: var(--jp-accent);
}

@media (max-width: 1300px) {
	.jp-archive-products ul.products.columns-4,
	.jp-archive-products ul.products.columns-5,
	.jp-archive-products ul.products.columns-6 {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 999px) {
	.jp-archive-products ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 20px 16px;
	}
}
@media (max-width: 520px) {
	.jp-archive-products ul.products {
		grid-template-columns: 1fr !important;
	}
}

/* Widgety w sidebarze PLP */
.jp-archive-filters .jp-shop-widget {
	margin-bottom: 28px;
}

.jp-archive-filters .jp-shop-widget__title {
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--jp-ink-soft);
	margin-bottom: 12px;
}

.jp-archive-filters .jp-shop-widget__empty {
	color: var(--jp-ink-mid);
	font-size: 13px;
	line-height: 1.5;
}

.jp-archive-filters .widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jp-archive-filters .widget ul li {
	margin: 0 0 8px;
	padding: 0;
	font-size: 14px;
}

.jp-archive-filters .widget ul li a {
	color: var(--jp-ink);
	text-decoration: none;
}

.jp-archive-filters .widget ul li a:hover {
	color: var(--jp-accent);
}

.jp-archive-filters .widget .count {
	color: var(--jp-ink-soft);
	font-size: 12px;
}

/* Filtry „Bench” (PLP) — accordion + wiersze jak checkboxy */
.jp-plp-filters--bench {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.jp-plp-filter-panel {
	border-bottom: 1px solid var(--jp-line);
	padding: 0 0 4px;
	margin: 0;
}

.jp-plp-filter-panel:last-of-type {
	border-bottom: none;
}

.jp-plp-filter-panel__summary {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	cursor: pointer;
	padding: 14px 0 10px;
	font-size: 15px;
	font-weight: 700;
	color: var(--jp-ink);
}

.jp-plp-filter-panel__summary::-webkit-details-marker {
	display: none;
}

.jp-plp-filter-panel__title {
	flex: 1 1 auto;
}

.jp-plp-filter-panel__toggle {
	flex: 0 0 auto;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	color: var(--jp-ink-mid);
	width: 1.25em;
	text-align: center;
}

.jp-plp-filter-panel[open] .jp-plp-filter-panel__plus {
	display: none;
}

.jp-plp-filter-panel:not([open]) .jp-plp-filter-panel__minus {
	display: none;
}

.jp-plp-filter-panel:not([open]) .jp-plp-filter-list {
	display: none;
}

.jp-plp-filter-list {
	list-style: none !important;
	list-style-type: none !important;
	margin: 0 0 8px;
	padding: 0 0 4px;
	padding-inline-start: 0 !important;
}

.jp-plp-filter-list li {
	margin: 0;
	padding: 0;
	padding-inline-start: 0 !important;
	list-style: none !important;
	list-style-type: none !important;
	display: block;
}

.jp-plp-filter-list li::marker {
	content: none;
	font-size: 0;
}

.jp-plp-filter-list li::before,
.jp-plp-filter-list li::after {
	content: none !important;
	display: none !important;
}

.jp-plp-filter-row {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 8px 0;
	text-decoration: none;
	color: var(--jp-ink);
	font-size: 14px;
	line-height: 1.35;
	box-sizing: border-box;
}

.jp-plp-filter-row:hover {
	color: var(--jp-accent);
}

.jp-plp-filter-row__box {
	position: relative;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	border: 1px solid var(--jp-line);
	background: #fff;
	box-sizing: border-box;
}

.jp-plp-filter-row.is-active .jp-plp-filter-row__box {
	background: var(--jp-dark);
	border-color: var(--jp-dark);
}

.jp-plp-filter-row.is-active .jp-plp-filter-row__box::after {
	content: '';
	position: absolute;
	left: 4px;
	top: 4px;
	width: 8px;
	height: 4px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-52deg);
	box-sizing: border-box;
}

.jp-plp-filter-row__label {
	flex: 1 1 auto;
	min-width: 0;
}

.jp-plp-filter-count {
	flex: 0 0 auto;
	font-size: 13px;
	color: var(--jp-ink-soft);
	text-align: right;
	min-width: 2ch;
}

.jp-plp-filters-reset {
	display: inline-block;
	margin-top: 16px;
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--jp-ink-mid);
	text-decoration: none;
	padding: 8px 0;
	border-bottom: 1px solid var(--jp-line);
}

.jp-plp-filters-reset:hover {
	color: var(--jp-accent);
	border-color: var(--jp-accent);
}

.jp-archive-filters .widget_price_filter .price_slider_wrapper {
	margin-top: 8px;
}

/* Dolna treść SEO / edukacyjna na archiwach kategorii produktów */
.jp-archive-seo-foot {
	background: var(--jp-surface, #f7f7f5);
	border-top: 1px solid var(--jp-line);
	padding: 56px 80px 72px;
}

.jp-archive-seo-foot__inner {
	max-width: 1120px;
	margin: 0 auto;
}

.jp-archive-seo-foot__title {
	font-family: var(--jp-display);
	font-size: clamp(22px, 2.4vw, 28px);
	font-weight: 600;
	line-height: 1.25;
	color: var(--jp-ink);
	margin: 0 0 28px;
	letter-spacing: -0.02em;
}

.jp-archive-seo-foot__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px 40px;
	align-items: start;
}

.jp-archive-seo-foot__col {
	margin: 0;
	padding: 0 0 8px;
	border-left: 3px solid var(--jp-accent, #d94613);
	padding-left: 20px;
	min-width: 0;
}

.jp-archive-seo-foot__col p {
	margin: 0 0 14px;
	font-size: 14px;
	line-height: 1.65;
	color: var(--jp-ink-mid);
}

.jp-archive-seo-foot__col p:last-child {
	margin-bottom: 0;
}

@media (max-width: 999px) {
	.jp-archive-head {
		padding: 24px;
	}

	.jp-archive-head__banner {
		margin: -24px -24px 20px;
		max-height: 240px;
	}

	.jp-archive-head__banner-img {
		max-height: 240px;
	}

	.jp-archive-head__row {
		flex-direction: column;
		align-items: flex-start;
	}

	.jp-archive-body {
		flex-direction: column;
		padding: 24px;
	}

	.jp-archive-filters {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid var(--jp-line);
		padding-right: 0;
		padding-bottom: 24px;
	}

	.jp-archive-seo-foot {
		padding: 36px 24px 48px;
	}

	.jp-archive-seo-foot__grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.jp-archive-seo-foot__col {
		border-left-width: 2px;
		padding-left: 16px;
	}

	.jp-plp-toolbar__row {
		flex-direction: column;
		align-items: stretch;
	}

	.jp-plp-toolbar__actions {
		justify-content: space-between;
		width: 100%;
	}
}

/* -------------------------------------------------------------------------
   Block Cart — obudowa + karty (spójnie z resztą sklepu)
   ------------------------------------------------------------------------- */
body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper:first-child {
	margin-bottom: 24px;
}

.wp-block-woocommerce-cart,
.wc-block-cart {
	font-family: var(--jp-display);
	color: var(--jp-ink);
}

body.woocommerce-cart #main-content .container-wrap,
body.woocommerce-cart .container.main-content {
	background: var(--jp-bg);
}

.wc-block-cart,
.wp-block-woocommerce-cart {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 48px;
	min-height: 0 !important;
}

.wc-block-components-sidebar-layout.wc-block-cart {
	gap: clamp(24px, 3vw, 40px);
	align-items: flex-start !important;
}

.wc-block-cart__main {
	flex: 1 1 62%;
	min-width: 0;
	align-self: flex-start !important;
	min-height: 0 !important;
}

.wc-block-cart__sidebar,
.wc-block-cart .wc-block-cart__sidebar {
	flex: 1 1 34%;
	min-width: 260px;
}

/* Tabela pozycji */
.wc-block-cart .wc-block-cart-items,
.wc-block-cart-items,
table.wc-block-cart-items {
	width: 100%;
	border: 1px solid var(--jp-line) !important;
	border-collapse: collapse !important;
	background: #fff;
	box-shadow: none !important;
}

.wc-block-cart-items__header,
.wc-block-cart-items__header th {
	font-family: var(--jp-mono);
	font-size: 10px !important;
	font-weight: 500 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: var(--jp-ink-mid) !important;
	background: var(--jp-bg) !important;
	border-bottom: 1px solid var(--jp-line) !important;
	padding: 14px 16px !important;
}

.wc-block-cart-items__row,
.wc-block-cart-item,
tr.wc-block-cart-items__row {
	border-bottom: 1px solid var(--jp-line) !important;
}

.wc-block-cart-items__row:last-child,
tr.wc-block-cart-items__row:last-child {
	border-bottom: none !important;
}

.wc-block-cart-item__wrap,
.wc-block-cart-items__row td {
	padding: 18px 16px !important;
	vertical-align: middle !important;
}

.wc-block-cart-item__image img,
.wc-block-components-product-image img {
	border-radius: var(--jp-radius-sm);
	border: 1px solid var(--jp-line);
}

.wc-block-cart-item__product-name,
.wc-block-components-product-name {
	font-family: var(--jp-display);
	font-size: 15px !important;
	font-weight: 500 !important;
	letter-spacing: -0.01em !important;
	line-height: 1.3 !important;
}

.wc-block-cart-item__product-name a,
.wc-block-components-product-name a {
	color: var(--jp-ink) !important;
	text-decoration: none !important;
}

.wc-block-cart-item__product-name a:hover,
.wc-block-components-product-name a:hover {
	color: var(--jp-accent) !important;
}

.wc-block-components-product-metadata,
.wc-block-cart-item__prices {
	font-size: 13px;
	color: var(--jp-ink-mid);
}

/* Opis (skrócony/pełny) pod nazwą — koszyk, checkout, mini-koszyk blokowy; warianty/meta zostają w .wc-block-components-product-details */
.wc-block-components-product-metadata__description,
.wc-block-mini-cart .wc-block-components-product-metadata__description,
.wc-block-mini-cart__drawer .wc-block-components-product-metadata__description,
.wc-block-mini-cart__template-part .wc-block-components-product-metadata__description,
.wp-block-woocommerce-mini-cart-contents .wc-block-components-product-metadata__description {
	display: none !important;
}

.wc-block-components-product-price .wc-block-components-product-price__value {
	font-weight: 500 !important;
	color: var(--jp-ink) !important;
}

/* Ilość */
.wc-block-cart-item__quantity .wc-block-components-quantity-selector,
.wc-block-components-quantity-selector {
	border: 1px solid var(--jp-line) !important;
	border-radius: var(--jp-radius-sm) !important;
}

.wc-block-components-quantity-selector input {
	font-family: var(--jp-mono) !important;
}

/* Przyciski koszyka */
.wc-block-cart .wc-block-components-button:not(.is-link),
.wc-block-cart__submit-button,
.wp-block-woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button {
	border-radius: var(--jp-radius-sm) !important;
	font-family: var(--jp-display) !important;
	font-weight: 500 !important;
	min-height: 46px !important;
	transition: background var(--jp-dur) var(--jp-ease), border-color var(--jp-dur) var(--jp-ease), color var(--jp-dur) var(--jp-ease) !important;
}

.wc-block-cart__checkout-button,
.wp-block-woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:not(.is-link) {
	background: var(--jp-accent) !important;
	color: #fff !important;
	border: 1px solid var(--jp-accent) !important;
}

.wc-block-cart__checkout-button:hover,
.wp-block-woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:not(.is-link):hover {
	background: #d94613 !important;
	border-color: #d94613 !important;
	color: #fff !important;
}

.wc-block-cart .wc-block-components-button.is-outlined,
.wc-block-cart .wc-block-components-button:not(.wc-block-cart__checkout-button):not(.wc-block-cart__submit-container .wc-block-components-button) {
	border: 1px solid var(--jp-line-strong) !important;
	color: var(--jp-ink) !important;
	background: #fff !important;
}

/* Podsumowanie w panelu bocznym */
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block,
.wc-block-cart__sidebar .wp-block-woocommerce-cart-totals-block,
.wc-block-components-totals-wrapper {
	background: #fff;
	border: 1px solid var(--jp-line);
	padding: 22px 20px;
}

.wc-block-components-totals-item,
.wc-block-components-totals-footer-item {
	border-color: var(--jp-line) !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--jp-display);
	font-size: 15px !important;
	font-weight: 500 !important;
}

.wc-block-components-totals-coupon {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}

/*
 * „Dodaj kupony” — bez pustej przestrzeni i kreski, gdy nad kuponem nie ma wierszy podsumowania
 * (wymaga :has — Chrome 105+, Safari 15.4+).
 */
.wc-block-cart__sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-coupon .wc-block-components-panel__button,
.wp-block-woocommerce-checkout-totals-block .wc-block-components-totals-coupon .wc-block-components-panel__button {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.wc-block-cart__sidebar .wc-block-components-totals-wrapper:has(.wc-block-components-totals-item) .wc-block-components-totals-coupon .wc-block-components-panel__button,
.wp-block-woocommerce-checkout-totals-block:has(.wc-block-components-totals-item) .wc-block-components-totals-coupon .wc-block-components-panel__button {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px dashed var(--jp-line);
}

.wc-block-cart__sidebar .wc-block-components-totals-wrapper:not(:has(.wc-block-components-totals-item)) {
	padding-top: 14px;
}

.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block:not(:has(.wc-block-components-totals-item)) {
	padding-top: 14px;
}

.wp-block-woocommerce-checkout-totals-block:not(:has(.wc-block-components-totals-item)) {
	padding-top: 16px;
}

.wc-block-components-totals-coupon .wc-block-components-panel__content {
	padding-top: 0;
}

.wc-block-components-totals-coupon .wc-block-components-loading-mask {
	min-height: 0 !important;
}

.wc-block-components-totals-coupon__content {
	min-height: 0;
}

.wc-block-components-totals-coupon__input input {
	border: 1px solid var(--jp-line) !important;
	border-radius: var(--jp-radius-sm) !important;
	font-family: var(--jp-display) !important;
}

/* Rekomendacje — obok bloku koszyka zanim JS przeniesie sekcję pod wiersz koszyk | podsumowanie */
.wp-block-woocommerce-cart + .jp-cart-suggest.jp-cart-suggest--block,
.wc-block-cart + .jp-cart-suggest.jp-cart-suggest--block {
	margin-top: 12px;
}

.jp-cart-suggest.jp-cart-suggest--block {
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid var(--jp-line);
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	box-sizing: border-box;
}

/* Po przeniesieniu: pełna szerokość pod układem dwukolumnowym (więcej produktów zawija się pod podsumowanie) */
.wp-block-woocommerce-cart .jp-cart-suggest.jp-cart-suggest--block.jp-cart-suggest--mounted,
.wc-block-cart > .jp-cart-suggest.jp-cart-suggest--block.jp-cart-suggest--mounted {
	margin-top: 24px;
	margin-bottom: 8px;
	padding-top: 18px;
	padding-left: 0;
	padding-right: 0;
	max-width: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	clear: both;
	align-self: stretch;
	grid-column: 1 / -1;
}

/* -------------------------------------------------------------------------
   Block Checkout — tło strony = jp-bg; białe tylko karty kroków + box podsumowania (osobne reguły niżej)
   ------------------------------------------------------------------------- */
body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-checkout {
	background: var(--jp-bg);
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: clamp(14px, 2.5vw, 28px);
	padding-right: clamp(14px, 2.5vw, 28px);
	box-sizing: border-box;
}

/* Dawny pasek 1–2–3 — wyłączony (zostaje w cache HTML: ukryj) */
.jp-checkout-progress {
	display: none !important;
}

/* Ukryj krok „notatka do zamówienia” — jak w makiecie 4 sekcje; włącz: usuń ten blok CSS */
body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-components-checkout-step:has(.wp-block-woocommerce-checkout-order-note-block) {
	display: none !important;
}

/* Dane do faktury — bez numeru kroku (podsekcja po zaznaczeniu „inny adres / faktura”) */
body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-components-checkout-step.jp-checkout-step--sub:has(.wp-block-woocommerce-checkout-billing-address-block) {
	margin-top: -8px;
	border-top: 0;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-components-checkout-step.jp-checkout-step--sub:has(.wp-block-woocommerce-checkout-billing-address-block) .wc-block-components-checkout-step__heading {
	margin-bottom: 16px;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-components-checkout-step.jp-checkout-step--sub:has(.wp-block-woocommerce-checkout-billing-address-block) .wc-block-components-checkout-step__title {
	font-size: 17px;
}

/* Layout: mniejsza szczelina między kolumnami, szersze podsumowanie (nazwa produktu) */
body.woocommerce-checkout .wc-block-checkout .wc-block-components-sidebar-layout {
	align-items: flex-start !important;
	gap: clamp(14px, 2vw, 26px) !important;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-sidebar-layout .wc-block-checkout__main,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-sidebar-layout .wc-block-components-main {
	flex: 1 1 52% !important;
	min-width: 0 !important;
	max-width: none !important;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-sidebar-layout .wc-block-checkout__sidebar,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar {
	flex: 0 1 clamp(340px, 36vw, 480px) !important;
	min-width: min(100%, 300px) !important;
	max-width: 480px !important;
}

/* Płatność — siatka 2×2 jak w makiecie (tylko blok płatności, nie dostawa) */
.wp-block-woocommerce-checkout-payment-block ul.wc-block-components-radio-control {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	margin-bottom: 0 !important;
}

.wp-block-woocommerce-checkout-payment-block ul.wc-block-components-radio-control > li {
	margin: 0 !important;
}

body.woocommerce-checkout .wc-block-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__option {
	min-height: 0 !important;
	display: flex !important;
	align-items: flex-start !important;
}

/* Opis pod nazwą metody płatności (HTML z bramki / P24) */
body.woocommerce-checkout .wc-block-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__description,
body.woocommerce-checkout .wc-block-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content {
	margin-top: 8px !important;
	margin-bottom: 0 !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
	font-weight: 400 !important;
	color: var(--jp-ink-mid) !important;
	max-width: 100%;
}

body.woocommerce-checkout .wc-block-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__description p,
body.woocommerce-checkout .wc-block-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content p {
	margin: 0 0 0.5em 0 !important;
	padding: 0 !important;
	font-size: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
}

body.woocommerce-checkout .wc-block-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__description p:last-child,
body.woocommerce-checkout .wc-block-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content p:last-child {
	margin-bottom: 0 !important;
}

body.woocommerce-checkout .wc-block-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__description a,
body.woocommerce-checkout .wc-block-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control-accordion-content a {
	color: var(--jp-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.woocommerce-checkout .wc-block-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-radio-control__label,
body.woocommerce-checkout .wc-block-checkout .wp-block-woocommerce-checkout-payment-block .jp-eraty-payment-label {
	font-weight: 600;
	color: var(--jp-ink);
}

/* eRaty — opis i przyciski w bloku płatności (checkout) */
body.woocommerce-checkout .wc-block-checkout .wc-block-components-radio-control__option[data-payment-method-id="eraty"] .eraty-confirmation-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 12px 0 0;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-radio-control__option[data-payment-method-id="eraty"] .eraty-confirmation-buttons button {
	float: none;
	margin: 0;
	padding: 6px 0;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-radio-control__option[data-payment-method-id="eraty"] .eraty-confirmation-credit-rule {
	margin-top: 12px;
	font-size: 12px;
	line-height: 1.45;
}

/* Przyciski (paczkomat / mapa): podwójna warstwa tekstu */
.wc-block-checkout .wc-block-components-button .wc-block-components-button__text + .wc-block-components-button__text {
	display: none !important;
}

.wc-block-checkout .wc-block-components-button {
	line-height: 1.25 !important;
}

/* Pasek zaufania pod podsumowaniem (wewnątrz białej karty, pod kwotami) */
.jp-checkout-trust {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 16px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--jp-line);
	font-size: 12px;
	line-height: 1.35;
	color: var(--jp-ink-mid);
}

/* Na dole sekcji podsumowania (produkty + kupony + kwoty), nadal wewnątrz białej karty totals */
.wp-block-woocommerce-checkout-order-summary-block .jp-checkout-trust.jp-checkout-trust--in-summary {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--jp-line);
}

.jp-checkout-trust.jp-checkout-trust--in-summary {
	margin-top: 18px;
	padding-top: 18px;
}

.jp-checkout-trust__item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	min-width: 0;
}

.jp-checkout-trust__dot {
	flex: 0 0 6px;
	width: 6px;
	height: 6px;
	margin-top: 5px;
	border-radius: 50%;
	background: var(--jp-accent);
}

.jp-checkout-trust__text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.jp-checkout-trust__label {
	font-weight: 600;
	color: var(--jp-ink);
	font-family: var(--jp-display);
	font-size: 13px;
}

.jp-checkout-trust__sub {
	font-family: var(--jp-mono);
	font-size: 10px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

@media (min-width: 520px) {
	.jp-checkout-trust {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.wc-block-checkout .wp-block-woocommerce-checkout-fields-block {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Kroki checkoutu: div i fieldset (np. dostawa — WC renderuje <fieldset class="…checkout-step">) */
.wc-block-components-checkout-step {
	background: #fff;
	border: 1px solid var(--jp-line);
	padding: 28px !important;
	position: relative;
	border-radius: 0 !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-checkout fieldset.wc-block-components-checkout-step,
body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-checkout fieldset.wc-block-checkout__shipping-option {
	background: #fff !important;
	background-color: #fff !important;
	border: 1px solid var(--jp-line) !important;
	border-radius: 0 !important;
	box-sizing: border-box;
	min-inline-size: 0;
	padding: 28px !important;
	position: relative;
}

/* Numerki kroków 01-04 */
.wc-block-components-checkout-step__heading {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
}

/* Numer kroku w nagłówku (wstrzykiwany w JS jako .jp-checkout-step-badge) */
.jp-checkout-step-badge {
	flex: 0 0 auto;
	order: 1;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--jp-ink);
	color: #fff;
	display: inline-grid;
	place-items: center;
	font-family: var(--jp-mono);
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
}

.wc-block-components-checkout-step__title {
	font-family: var(--jp-display);
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: var(--jp-ink);
	flex: 1 1 200px;
	min-width: 0;
	order: 2;
}

.wc-block-components-checkout-step__heading-content {
	font-family: var(--jp-mono);
	font-size: 11px;
	color: var(--jp-ink-mid);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	flex: 1 1 100%;
	order: 3;
	margin: 0;
}

/* Wyłączone: dawny numerek ::before na całym kroku (był „obok” białego pola) */
.wc-block-components-checkout-step::before {
	content: none !important;
	display: none !important;
}

.wc-block-components-checkout-step[data-step]:not([data-step=""]) {
	padding: 28px !important;
	padding-left: 28px !important;
}

/*
 * Checkout — białe tło pól (Salient / #ajax-content-wrap często wygrywają specyficznością).
 */
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout input[type="text"],
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout input[type="email"],
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout input[type="tel"],
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout input[type="number"],
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout input[type="url"],
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout input[type="search"],
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout input[type="password"],
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout input.input-text,
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout textarea,
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout select,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout input[type="text"],
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout input[type="email"],
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout input[type="tel"],
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout input[type="number"],
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout input[type="url"],
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout input[type="search"],
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout input[type="password"],
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout input.input-text,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout textarea,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout select {
	background-color: #fff !important;
	background-image: none !important;
	color: var(--jp-ink, #111) !important;
	box-shadow: none !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout .components-combobox-control__button.components-button,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout .components-combobox-control__button.components-button {
	background-color: #fff !important;
	color: var(--jp-ink, #111) !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout .wc-block-components-text-input,
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout .wc-block-components-text-input .wc-block-components-text-input__container,
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout .wc-block-components-field,
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout .wc-block-components-address-form__address-fields,
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout .wc-block-components-address-card,
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout .wc-blocks-components-select,
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout .wc-blocks-components-select .wc-blocks-components-select__container,
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout .components-base-control__field,
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout .components-text-control__input,
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout .components-combobox-control__input-container,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout .wc-block-components-text-input,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout .wc-block-components-text-input .wc-block-components-text-input__container,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout .wc-block-components-field,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout .wc-block-components-address-form__address-fields,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout .wc-block-components-address-card,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout .wc-blocks-components-select,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout .wc-blocks-components-select .wc-blocks-components-select__container,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout .components-base-control__field,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout .components-text-control__input,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout .components-combobox-control__input-container {
	background-color: #fff !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-checkout .wc-block-components-checkout-step input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-checkout .wc-block-components-checkout-step textarea,
body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-checkout .wc-block-components-checkout-step select {
	background-color: #fff !important;
	background-image: none !important;
	color: var(--jp-ink, #111) !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-checkout .wc-block-components-text-input textarea:focus,
body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-checkout .wc-block-components-checkout-step select:focus,
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout input:focus,
body.woocommerce-checkout:not(.woocommerce-order-received) #ajax-content-wrap .wc-block-checkout textarea:focus,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout input:focus,
body.woocommerce-checkout:not(.woocommerce-order-received) #main-content .wc-block-checkout textarea:focus {
	background-color: #fff !important;
}

/* Lista metod dostawy / płatności — bez markerów Salienta */
.wc-block-checkout ul.wc-block-components-radio-control,
.wc-block-checkout .wc-block-components-radio-control {
	list-style: none !important;
	list-style-type: none !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	padding-inline-start: 0 !important;
}

.wc-block-checkout ul.wc-block-components-radio-control > li,
.wc-block-checkout .wc-block-components-radio-control > li {
	list-style: none !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	position: relative;
}

.wc-block-checkout ul.wc-block-components-radio-control > li::marker,
.wc-block-checkout .wc-block-components-radio-control > li::marker {
	content: none;
	font-size: 0;
}

.wc-block-checkout ul.wc-block-components-radio-control > li::before,
.wc-block-checkout ul.wc-block-components-radio-control > li::after,
.wc-block-checkout .wc-block-components-radio-control > li::before,
.wc-block-checkout .wc-block-components-radio-control > li::after {
	content: none !important;
	display: none !important;
}

/* Radio Woo Blocks: input jest position:absolute — trzymamy duży padding-left (nadpisanie 16px ze wszystkich stron psuło layout). */
.wc-block-checkout .wc-block-components-radio-control__option {
	display: block !important;
	position: relative !important;
	border: 1px solid var(--jp-line);
	padding: 16px 18px 16px 50px !important;
	background: #fff;
	border-radius: 0 !important;
	transition: border-color var(--jp-dur) var(--jp-ease);
	margin: 0 !important;
	cursor: pointer;
}

.wc-block-checkout .wc-block-components-radio-control__option-checked {
	border: 2px solid var(--jp-accent) !important;
	background: rgba(242, 88, 28, 0.04) !important;
	padding: 15px 17px 15px 49px !important;
}

.wc-block-checkout .wc-block-components-radio-control__option:hover {
	border-color: var(--jp-line-strong);
}

.wc-block-checkout .wc-block-components-radio-control__input {
	position: absolute !important;
	left: 16px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

/* Układ etykieta + cena (table-row z Woo) — nie psuj display:table wewnątrz */
.wc-block-checkout .wc-block-components-radio-control__option-layout {
	width: 100%;
}

.wc-block-checkout .wc-block-components-radio-control__label,
.wc-block-checkout .wc-block-components-radio-control__secondary-label {
	line-height: 1.35 !important;
}

/* Opcje w akordeonie (niektóre wersje bloków) */
.wc-block-checkout .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option {
	margin: 0 !important;
}

/* Paczkomat / mapa — slot doklejany przez jackery.js pod wierszem InPost */
.wc-block-checkout .jp-inpost-slot {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px dashed var(--jp-line);
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
}

.wc-block-checkout .jp-inpost-slot .wc-block-components-button,
.wc-block-checkout .jp-inpost-slot a.button,
.wc-block-checkout .jp-inpost-slot button {
	width: 100% !important;
	max-width: 100%;
	min-height: 48px;
	box-sizing: border-box;
	border-radius: var(--jp-radius-sm) !important;
	font-family: var(--jp-display) !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	line-height: 1.25 !important;
	letter-spacing: 0.02em;
	border: 1px solid var(--jp-line-strong) !important;
	background: #fff !important;
	color: var(--jp-ink) !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
	justify-content: center !important;
	text-align: center;
}

.wc-block-checkout .jp-inpost-slot .wc-block-components-button:hover,
.wc-block-checkout .jp-inpost-slot a.button:hover,
.wc-block-checkout .jp-inpost-slot button:hover {
	border-color: var(--jp-accent) !important;
	color: var(--jp-accent) !important;
	box-shadow: 0 0 0 1px rgba(242, 88, 28, 0.15);
}

.wc-block-checkout .wc-block-components-checkbox .wc-block-components-checkbox__label,
.wc-block-checkout .wc-block-components-checkbox label {
	list-style: none;
}

/* Blok koszyka — te same komponenty radio co checkout */
.wc-block-cart ul.wc-block-components-radio-control,
.wc-block-cart .wc-block-components-radio-control {
	list-style: none !important;
	list-style-type: none !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	padding-inline-start: 0 !important;
}

.wc-block-cart ul.wc-block-components-radio-control > li,
.wc-block-cart .wc-block-components-radio-control > li {
	list-style: none !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	position: relative;
}

.wc-block-cart ul.wc-block-components-radio-control > li::marker,
.wc-block-cart .wc-block-components-radio-control > li::marker {
	content: none;
	font-size: 0;
}

.wc-block-cart ul.wc-block-components-radio-control > li::before,
.wc-block-cart ul.wc-block-components-radio-control > li::after,
.wc-block-cart .wc-block-components-radio-control > li::before,
.wc-block-cart .wc-block-components-radio-control > li::after {
	content: none !important;
	display: none !important;
}

.wc-block-cart .wc-block-components-radio-control__option {
	display: block !important;
	position: relative !important;
	border: 1px solid var(--jp-line);
	padding: 16px 18px 16px 50px !important;
	background: #fff;
	border-radius: 0 !important;
	transition: border-color var(--jp-dur) var(--jp-ease);
	margin: 0 !important;
	cursor: pointer;
}

.wc-block-cart .wc-block-components-radio-control__option-checked {
	border: 2px solid var(--jp-accent) !important;
	background: rgba(242, 88, 28, 0.04) !important;
	padding: 15px 17px 15px 49px !important;
}

.wc-block-cart .wc-block-components-radio-control__option:hover {
	border-color: var(--jp-line-strong);
}

.wc-block-cart .wc-block-components-radio-control__input {
	position: absolute !important;
	left: 16px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

/* Podsumowanie po prawej — więcej miejsca na nazwę produktu */
body.woocommerce-checkout .wc-block-checkout .wc-block-components-sidebar .wc-block-cart-items__row .wc-block-cart-item__wrap {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	min-width: 0;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-sidebar .wc-block-cart-item__product {
	flex: 1 1 auto;
	min-width: 0;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-sidebar .wc-block-cart-item__product-name,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-sidebar .wc-block-components-product-name {
	font-size: 16px !important;
	line-height: 1.28 !important;
	word-break: normal !important;
	overflow-wrap: break-word;
	hyphens: manual;
}

body.woocommerce-checkout .wc-block-checkout .wc-block-components-sidebar .wc-block-cart-item__product-name a,
body.woocommerce-checkout .wc-block-checkout .wc-block-components-sidebar .wc-block-components-product-name a {
	display: inline;
}

/* Sticky summary po prawej */
.wp-block-woocommerce-checkout-totals-block {
	position: sticky;
	top: 24px;
	background: #fff;
	border: 1px solid var(--jp-line);
	padding: 24px;
	border-radius: 0 !important;
}

.wc-block-components-totals-footer-item__price {
	font-family: var(--jp-display);
	font-size: 26px !important;
	font-weight: 500 !important;
	letter-spacing: -0.02em !important;
}

/* CTA "Zamawiam i płacę" */
.wc-block-components-checkout-place-order-button {
	background: var(--jp-accent) !important;
	color: #fff !important;
	border: 1px solid var(--jp-accent) !important;
	border-radius: var(--jp-radius-sm) !important;
	font-family: var(--jp-display) !important;
	font-weight: 500 !important;
	height: 50px !important;
}

.wc-block-components-checkout-place-order-button:hover {
	background: #d94613 !important;
	border-color: #d94613 !important;
}

@media (max-width: 999px) {
	.wp-block-woocommerce-checkout-totals-block {
		position: static;
	}
}

/* -------------------------------------------------------------------------
   Image slot placeholder (gdy nie ma zdjęcia)
   ------------------------------------------------------------------------- */
.jp-img-slot {
	position: relative;
	background: #ece7db;
	background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.04) 0 1px, transparent 1px 14px);
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
}

.jp-img-slot__label {
	position: absolute;
	bottom: 14px;
	left: 14px;
	right: 14px;
	font-family: var(--jp-mono);
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: 0.06em;
	color: #3a3833;
	text-transform: uppercase;
}

/* Mniejszy slot w kafelkach koszyka (proporcje daje rodzic .jp-cart-suggest-card__media) */
.jp-img-slot--compact .jp-img-slot__label {
	bottom: 10px;
	left: 10px;
	right: 10px;
	font-size: 9px;
	line-height: 1.25;
}

.jp-img-slot--dark {
	background: #1c1c20;
	background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 14px);
}

.jp-img-slot--dark .jp-img-slot__label {
	color: #bdbdc4;
}

/* -------------------------------------------------------------------------
   Footer (dark, 5 kolumn)
   ------------------------------------------------------------------------- */
#footer-outer {
	background: var(--jp-dark) !important;
}

#footer-outer .widget-title h4,
#footer-outer .widgettitle {
	font-family: var(--jp-mono);
	font-size: 10px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
	margin-bottom: 16px;
}

#footer-outer .widget ul li a {
	color: rgba(255, 255, 255, 0.85);
	font-size: 13.5px;
}

#footer-outer .widget ul li a:hover {
	color: var(--jp-accent);
}

/* -------------------------------------------------------------------------
   Strony serwisowe · O nas · Dostawa · Kontakt · Blog (spójne z Bench)
   ------------------------------------------------------------------------- */
.jp-doc-intro {
	background: var(--jp-surface);
	border-bottom: 1px solid var(--jp-line);
	padding: clamp(48px, 10vw, 96px) clamp(20px, 5vw, 80px) clamp(40px, 6vw, 64px);
}

.jp-doc-intro--dark {
	background: var(--jp-dark);
	border-bottom: none;
	color: #fff;
}

.jp-doc-intro__inner {
	max-width: 960px;
	margin: 0 auto;
}

.jp-doc-intro__title {
	font-family: var(--jp-display);
	font-weight: 500;
	font-size: clamp(32px, 5vw, 56px);
	line-height: 1.02;
	letter-spacing: -0.03em;
	margin: 20px 0 0;
	color: inherit;
}

.jp-doc-intro--dark .jp-doc-intro__title em {
	color: var(--jp-accent);
	font-style: normal;
}

.jp-doc-intro__lead {
	max-width: 640px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--jp-ink-soft, #5c5c62);
	margin-top: 18px;
	margin-bottom: 0;
}

.jp-doc-intro--dark .jp-doc-intro__lead {
	color: rgba(255, 255, 255, 0.72);
}

.jp-subnav {
	background: rgba(17, 17, 20, 0.03);
	border-bottom: 1px solid var(--jp-line);
	padding: 12px clamp(20px, 5vw, 80px);
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.jp-subnav__list {
	list-style: none !important;
	margin: 0 auto;
	padding: 0 !important;
	max-width: 960px;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 8px;
	justify-content: center;
	align-items: center;
}

.jp-subnav__item {
	list-style: none !important;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

.jp-subnav__item::marker {
	content: none;
}

.jp-subnav__item + .jp-subnav__item::before {
	content: '·';
	margin-right: 8px;
	color: var(--jp-ink-soft);
	font-weight: 400;
	letter-spacing: 0;
	font-size: 14px;
	line-height: 1;
}

.jp-subnav__link {
	display: inline-flex;
	padding: 8px 0;
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--jp-ink);
	border-bottom: 2px solid transparent;
	white-space: nowrap;
}

.jp-subnav__link:hover {
	border-bottom-color: var(--jp-accent);
	color: var(--jp-ink);
}

.jp-doc-wrap {
	padding: clamp(40px, 6vw, 72px) clamp(20px, 5vw, 80px) clamp(72px, 10vw, 120px);
}

.jp-doc-wrap__inner {
	max-width: 680px;
	margin: 0 auto;
}

.jp-prose.jp-doc-wrap__inner {
	font-size: 16px;
	line-height: 1.7;
}

.jp-prose h2 {
	font-family: var(--jp-display);
	font-weight: 500;
	font-size: clamp(22px, 2.5vw, 28px);
	letter-spacing: -0.02em;
	margin: 48px 0 16px;
	padding-top: 8px;
	border-top: 1px solid rgba(17, 17, 20, 0.08);
}

.jp-prose h2:first-child {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

.jp-prose h3 {
	font-family: var(--jp-display);
	font-weight: 500;
	font-size: 18px;
	margin: 28px 0 10px;
}

.jp-prose p {
	margin: 0 0 16px;
}

.jp-prose ul,
.jp-prose ol {
	margin: 0 0 20px 1.25em;
	padding: 0;
}

.jp-prose table.jp-table-plain {
	width: 100%;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
	font-size: 14px;
	margin: 24px 0;
}

.jp-prose table.jp-table-plain th,
.jp-prose table.jp-table-plain td {
	padding: 12px 14px;
	text-align: left;
	border-bottom: 1px solid rgba(17, 17, 20, 0.08);
}

.jp-prose table.jp-table-plain th {
	font-family: var(--jp-mono);
	font-size: 10px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--jp-ink-soft);
	background: rgba(17, 17, 20, 0.03);
}

/* Kalkulator + porównywarka — jasne tło (nadpisanie ciemnych wierszy Salient / WPBakery) */
body.jp-jackery-stack:has(.jec-calculator) #ajax-content-wrap,
body.jp-jackery-stack:has(.jpc-compare-page) #ajax-content-wrap,
body.jp-jackery-stack:has(.jec-calculator) #ajax-content-wrap > .container-wrap,
body.jp-jackery-stack:has(.jpc-compare-page) #ajax-content-wrap > .container-wrap,
body.jp-jackery-stack:has(.jec-calculator) .container.main-content,
body.jp-jackery-stack:has(.jpc-compare-page) .container.main-content {
	background: var(--jp-bg) !important;
}

body.jp-jackery-stack:has(.jec-calculator) .post-area,
body.jp-jackery-stack:has(.jpc-compare-page) .post-area,
body.jp-jackery-stack:has(.jec-calculator) .wpb_row,
body.jp-jackery-stack:has(.jpc-compare-page) .wpb_row {
	background-color: var(--jp-bg) !important;
	background-image: none !important;
}

body.jp-jackery-stack:has(.jpc-compare-page) .jpc-compare-page {
	padding-left: clamp(16px, 5vw, 80px);
	padding-right: clamp(16px, 5vw, 80px);
	box-sizing: border-box;
}

/* Salient: pełniejsza szerokość treści, gdy shortcode Jackery jest w głównej kolumnie */
body.jp-jackery-stack #ajax-content-wrap > .container-wrap > .container,
body.jp-jackery-stack #ajax-content-wrap .container.main-content {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.jp-jackery-stack #ajax-content-wrap .main-content .row .wpb_row,
body.jp-jackery-stack #ajax-content-wrap .main-content > .row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.jp-jackery-stack #ajax-content-wrap .wpb_row .wpb_column .vc_column-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.jp-contact-strip {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
	max-width: 960px;
	margin: 24px auto 0;
	padding-left: clamp(20px, 5vw, 80px);
	padding-right: clamp(20px, 5vw, 80px);
	box-sizing: border-box;
}

.jp-contact-strip__card {
	background: rgba(17, 17, 20, 0.04);
	border: 1px solid rgba(17, 17, 20, 0.08);
	border-radius: var(--jp-radius, 14px);
	padding: 22px;
}

.jp-doc-intro--dark + .jp-contact-strip .jp-contact-strip__card {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.12);
}

.jp-contact-strip__lab {
	display: block;
	font-size: 10px;
	letter-spacing: 0.12em;
	opacity: 0.65;
	margin-bottom: 8px;
}

.jp-doc-intro--dark + .jp-contact-strip .jp-contact-strip__lab {
	color: rgba(255, 255, 255, 0.6);
}

.jp-contact-strip__value {
	font-family: var(--jp-display);
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: var(--jp-ink);
}

.jp-doc-intro--dark ~ * .jp-contact-strip__value,
.jp-doc-intro--dark + .jp-contact-strip .jp-contact-strip__value {
	color: #fff;
}

.jp-contact-strip__meta {
	display: block;
	margin-top: 6px;
	font-size: 11px;
	opacity: 0.7;
}

.jp-info-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 16px;
	margin: 28px auto 0;
	max-width: 960px;
}

.jp-info-card {
	border: 1px solid rgba(17, 17, 20, 0.1);
	border-radius: var(--jp-radius, 14px);
	padding: 22px;
	background: #fff;
}

.jp-info-card__title {
	margin: 0 0 10px !important;
	font-size: 20px !important;
}

.jp-info-card__body {
	font-size: 13px;
	line-height: 1.65;
	opacity: 0.88;
}

.jp-info-card__body--narrow {
	max-width: none;
}

.jp-blog-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 20px;
	margin-top: 32px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 clamp(12px, 2vw, 0);
}

.jp-blog-teaser {
	border-radius: var(--jp-radius, 14px);
	overflow: hidden;
	border: 1px solid rgba(17, 17, 20, 0.08);
	background: #fff;
	transition: box-shadow 0.2s, transform 0.2s;
}

.jp-blog-teaser:hover {
	box-shadow: 0 16px 40px rgba(17, 17, 20, 0.08);
	transform: translateY(-2px);
}

.jp-blog-teaser__link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.jp-blog-teaser__media {
	aspect-ratio: 16 / 9;
	min-height: 140px;
}

.jp-blog-teaser__body {
	padding: 18px;
}

.jp-blog-teaser__time {
	font-size: 10px;
	opacity: 0.55;
	display: block;
	margin-bottom: 8px;
}

.jp-blog-teaser__title {
	font-family: var(--jp-display);
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 8px;
	letter-spacing: -0.02em;
	line-height: 1.15;
}

.jp-blog-teaser__excerpt {
	font-size: 14px;
	color: var(--jp-ink-soft);
	margin: 0 0 12px;
	line-height: 1.5;
}

.jp-blog-teaser__more {
	font-family: var(--jp-mono);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--jp-accent);
}

.jp-blog-empty {
	text-align: center;
	padding: 48px 20px;
	color: var(--jp-ink-soft);
	border: 1px dashed rgba(17, 17, 20, 0.15);
	border-radius: var(--jp-radius);
	max-width: 560px;
	margin: 40px auto;
}

/* -------------------------------------------------------------------------
   Header — logo (inline SVG: fill=currentColor → jawny kolor, nie inherit z Salient)
   ------------------------------------------------------------------------- */

#header-outer #logo a.jp-jackery-logo-link,
#header-outer #logo .jp-jackery-wordmark,
#header-secondary-outer #logo a.jp-jackery-logo-link,
#header-secondary-outer #logo .jp-jackery-wordmark {
	display: inline-flex;
	align-items: center;
	color: var(--jp-accent);
}

#header-outer #logo .jp-jackery-wordmark,
#header-secondary-outer #logo .jp-jackery-wordmark {
	display: block;
	height: clamp(22px, 2.9vw, 32px);
	width: auto;
	max-width: min(200px, 46vw);
}

/* Hover: ciemniejszy pomarańcz (bez globalnego „link = akcent” na cały nagłówek) */
body #header-outer #logo a.jp-jackery-logo-link:hover,
body #header-outer #logo a.jp-jackery-logo-link:focus,
body #header-secondary-outer #logo a.jp-jackery-logo-link:hover,
body #header-secondary-outer #logo a.jp-jackery-logo-link:focus {
	color: #d94613;
	opacity: 1;
}

/* Salient: transparent header + „light text” na ciemnym tle — biały wordmark przed scrollem */
#header-outer.transparent.light-text:not(.header-scrolled) #logo .jp-jackery-wordmark,
#header-outer.transparent.light-text:not(.header-scrolled) #logo a.jp-jackery-logo-link {
	color: #fff;
}

#header-outer.transparent.light-text:not(.header-scrolled) #logo a.jp-jackery-logo-link:hover,
#header-outer.transparent.light-text:not(.header-scrolled) #logo a.jp-jackery-logo-link:focus {
	color: #fff;
	opacity: 0.85;
}

/* Warianty nazewnictwa Salient (różne wersje) */
#header-outer[data-transparent-header="true"].transparent.light-text:not(.header-scrolled) #logo .jp-jackery-wordmark,
#header-outer[data-transparent-header="true"].transparent.light-text:not(.header-scrolled) #logo a.jp-jackery-logo-link {
	color: #fff;
}

/* Slider / sekcje „dark slide” — jasny wordmark */
#header-outer.dark-slide:not(.header-scrolled) #logo .jp-jackery-wordmark,
#header-outer.dark-slide:not(.header-scrolled) #logo a.jp-jackery-logo-link {
	color: #fff;
}

#header-outer.dark-slide:not(.header-scrolled) #logo a.jp-jackery-logo-link:hover,
#header-outer.dark-slide:not(.header-scrolled) #logo a.jp-jackery-logo-link:focus {
	color: #fff;
	opacity: 0.85;
}

/* Panel boczny — na ciemnym tle pomarańcz czytelny jak marka */
#slide-out-widget-area #logo .jp-jackery-wordmark,
#slide-out-widget-area #logo a.jp-jackery-logo-link {
	color: var(--jp-accent);
}

#slide-out-widget-area #logo a.jp-jackery-logo-link:hover,
#slide-out-widget-area #logo a.jp-jackery-logo-link:focus {
	color: #d94613;
	opacity: 1;
}

/* -------------------------------------------------------------------------
   Homepage B · Bench — [jackery_home_b] (print 01b)
   ------------------------------------------------------------------------- */
.jp-homeb {
	font-family: var(--jp-display);
	color: var(--jp-ink);
}

.jp-homeb-hero {
	background: var(--jp-bg);
	padding: 64px 80px 96px;
}

.jp-homeb-hero--dark {
	background: var(--jp-dark);
	color: #fff;
}

.jp-homeb-hero--dark .jp-homeb-hero__copy {
	position: relative;
	z-index: 2;
}

.jp-homeb-hero--dark .jp-homeb-hero__title {
	color: #fff;
}

.jp-homeb-hero--dark .jp-homeb-hero__lead {
	color: rgba(255, 255, 255, 0.78);
}

.jp-homeb-hero--dark .jp-homeb-hero__stats {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.14);
}

.jp-homeb-hero--dark .jp-homeb-hero__stats-bar,
.jp-homeb-hero--dark .jp-homeb-hero__stats-k,
.jp-homeb-hero--dark .jp-homeb-hero__stats-live {
	color: rgba(255, 255, 255, 0.62);
}

.jp-homeb-hero--dark .jp-btn--ghost {
	border-color: rgba(255, 255, 255, 0.45);
	color: #fff;
}

.jp-homeb-hero--dark .jp-btn--ghost:hover,
.jp-homeb-hero--dark .jp-btn--ghost:focus-visible {
	border-color: #fff;
	color: #fff;
	background: rgba(255, 255, 255, 0.08);
}

.jp-homeb-hero--dark .jp-homeb-hero__photo {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.16);
}

.jp-homeb-hero--dark .jp-homeb-pin__line {
	background: rgba(255, 255, 255, 0.45);
}

.jp-homeb-hero__grid {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 64px;
	align-items: center;
}

.jp-homeb-hero__title {
	font-size: clamp(40px, 5.2vw, 92px);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 0.95;
	margin: 20px 0 24px;
}

.jp-homeb-hero__lead {
	font-size: 17px;
	line-height: 1.5;
	color: var(--jp-ink-mid);
	max-width: 540px;
	margin: 0 0 32px;
}

.jp-homeb-hero__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 40px;
}

.jp-homeb-hero__stats {
	background: #fff;
	border: 1px solid var(--jp-line);
	padding: 24px;
}

.jp-homeb-hero__stats-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
	font-family: var(--jp-mono);
	font-size: 10.5px;
	letter-spacing: 0.1em;
	color: var(--jp-ink-soft);
}

.jp-homeb-hero__stats-live {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.jp-homeb-hero__live-dot {
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: var(--jp-good, #1f8a5b);
}

.jp-homeb-hero__stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.jp-homeb-hero__visual {
	min-height: 0;
}

.jp-homeb-hero__photo {
	position: relative;
	aspect-ratio: 1 / 1;
	background: var(--jp-surface);
	border: 1px solid var(--jp-line);
	overflow: hidden;
}

.jp-homeb-hero__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.jp-homeb-pin {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 8px;
	pointer-events: none;
}

.jp-homeb-pin--left {
	flex-direction: row-reverse;
}

.jp-homeb-pin__dot {
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: var(--jp-accent);
	box-shadow: 0 0 0 4px rgba(242, 88, 28, 0.2);
	flex-shrink: 0;
}

.jp-homeb-pin__line {
	width: 24px;
	height: 1px;
	background: var(--jp-ink);
	flex-shrink: 0;
}

.jp-homeb-pin__tag {
	background: var(--jp-ink);
	color: #fff;
	padding: 5px 10px;
	font-size: 10.5px;
	letter-spacing: 0.04em;
	max-width: 160px;
	line-height: 1.25;
}

/* Porównanie */
.jp-homeb-compare {
	background: var(--jp-dark);
	color: #fff;
	padding: 96px 80px;
}

.jp-homeb-compare__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 32px;
	margin-bottom: 48px;
	flex-wrap: wrap;
}

.jp-homeb-compare__title {
	font-size: clamp(32px, 3.6vw, 56px);
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.05;
	margin: 16px 0 0;
	max-width: 900px;
}

.jp-homeb-compare__table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.jp-homeb-compare__table {
	display: grid;
	background: var(--jp-dark-2);
	border: 1px solid var(--jp-dark-line);
	min-width: 720px;
}

.jp-homeb-compare__corner {
	padding: 24px;
	border-bottom: 1px solid var(--jp-dark-line);
}

.jp-homeb-compare__colhead {
	padding: 24px;
	border-left: 1px solid var(--jp-dark-line);
	border-bottom: 1px solid var(--jp-dark-line);
}

.jp-homeb-compare__thumb {
	aspect-ratio: 1 / 1;
	background: rgba(255, 255, 255, 0.04);
	margin-bottom: 18px;
	overflow: hidden;
}

.jp-homeb-compare__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.jp-homeb-compare__sku {
	font-size: 10.5px;
	color: rgba(255, 255, 255, 0.5);
	letter-spacing: 0.06em;
	margin-bottom: 4px;
}

.jp-homeb-compare__pname {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.02em;
}

.jp-homeb-compare__rowlabel {
	padding: 16px 24px;
	border-bottom: 1px solid var(--jp-dark-line);
	font-size: 11px;
	letter-spacing: 0.06em;
	color: rgba(255, 255, 255, 0.55);
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.jp-homeb-compare__cell {
	padding: 16px 24px;
	border-left: 1px solid var(--jp-dark-line);
	border-bottom: 1px solid var(--jp-dark-line);
	font-family: var(--jp-mono);
	font-size: 13px;
	color: #fff;
}

.jp-homeb-compare__cell.is-accent {
	color: var(--jp-accent);
	font-weight: 600;
}

.jp-homeb-compare__cell--price {
	border-bottom: none;
}

.jp-homeb-compare__price {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.02em;
}

.jp-homeb-compare__was {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.5);
	text-decoration: line-through;
	margin-top: 4px;
}

.jp-homeb-muted {
	color: rgba(255, 255, 255, 0.65);
	max-width: 560px;
	line-height: 1.5;
}

/* Lista modeli */
.jp-homeb-models {
	background: #fff;
	padding: 96px 80px;
}

.jp-homeb-models__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 24px;
	margin-bottom: 48px;
	flex-wrap: wrap;
}

.jp-homeb-models__title {
	font-size: clamp(28px, 3vw, 48px);
	font-weight: 500;
	letter-spacing: -0.03em;
	margin: 16px 0 0;
	line-height: 1.1;
}

.jp-homeb-models__tags {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.jp-homeb-tag {
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border: 1px solid var(--jp-line);
	font-size: 10px;
	letter-spacing: 0.08em;
	color: var(--jp-ink-mid);
	background: #fff;
}

.jp-homeb-tag--dark {
	background: var(--jp-ink);
	color: #fff;
	border-color: var(--jp-ink);
}

.jp-homeb-models__list {
	display: flex;
	flex-direction: column;
}

.jp-homeb-row {
	display: grid;
	grid-template-columns: 60px 140px 2fr 2.4fr 1fr 1fr;
	gap: 24px;
	align-items: center;
	padding: 20px 0;
	border-top: 1px solid var(--jp-line);
}

.jp-homeb-models__list .jp-homeb-row:first-child {
	border-top: 1px solid var(--jp-ink);
}

.jp-homeb-row__idx {
	font-size: 12px;
	color: var(--jp-ink-soft);
}

.jp-homeb-row__thumb {
	background: var(--jp-bg);
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.jp-homeb-row__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.jp-homeb-row__titleline {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 6px;
	flex-wrap: wrap;
}

.jp-homeb-row__title {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.02em;
}

.jp-homeb-badge {
	font-family: var(--jp-mono);
	font-size: 10px;
	letter-spacing: 0.06em;
	padding: 3px 8px;
	border: 1px solid var(--jp-line);
}

.jp-homeb-badge--new {
	color: var(--jp-accent);
	border-color: var(--jp-accent);
}

.jp-homeb-row__meta {
	font-size: 11px;
	color: var(--jp-ink-mid);
	letter-spacing: 0.04em;
}

.jp-homeb-row__specs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.jp-homeb-row__price {
	text-align: right;
}

.jp-homeb-row__price-now {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -0.02em;
}

.jp-homeb-row__was {
	font-size: 11px;
	color: var(--jp-ink-soft);
	text-decoration: line-through;
	margin-top: 4px;
}

.jp-homeb-row__actions {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
	flex-wrap: wrap;
}

/* Konfigurator solarny */
.jp-homeb-solar {
	background: var(--jp-bg);
	padding: 96px 80px;
}

.jp-homeb-solar__title {
	font-size: clamp(28px, 3vw, 48px);
	font-weight: 500;
	letter-spacing: -0.03em;
	margin: 16px 0 40px;
	max-width: 760px;
	line-height: 1.1;
}

.jp-homeb-solar__card {
	background: #fff;
	border: 1px solid var(--jp-line);
	padding: 56px;
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 64px;
	align-items: center;
}

.jp-homeb-solar__flow {
	display: grid;
	grid-template-columns: 1fr 60px 1fr 60px 1fr;
	align-items: center;
	gap: 0;
}

.jp-homeb-solar__node {
	position: relative;
	text-align: center;
}

.jp-homeb-solar__node-inner {
	aspect-ratio: 1 / 1;
	background: var(--jp-bg);
	padding: 16px;
}

.jp-homeb-solar__node--accent .jp-homeb-solar__yield {
	height: 100%;
	min-height: 120px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.jp-homeb-solar__node-cap {
	display: block;
	margin-top: 10px;
	font-size: 10.5px;
	color: var(--jp-ink);
	background: #fff;
	padding: 3px 6px;
	border: 1px solid var(--jp-line);
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

.jp-homeb-solar__wire {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}

.jp-homeb-solar__wire-line {
	height: 1px;
	width: 100%;
	background: var(--jp-ink);
}

.jp-homeb-solar__wire-lbl {
	font-size: 9.5px;
	color: var(--jp-ink-mid);
}

.jp-homeb-solar__foot {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--jp-line);
	display: flex;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}

.jp-homeb-solar__bundle-title {
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -0.02em;
	margin: 0 0 16px;
	line-height: 1.1;
}

.jp-homeb-solar__bundle-lead {
	color: var(--jp-ink-mid);
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 24px;
}

.jp-homeb-solar__prices {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.jp-homeb-solar__price {
	font-size: 36px;
	font-weight: 500;
	letter-spacing: -0.03em;
}

.jp-homeb-solar__was {
	font-size: 13px;
	color: var(--jp-ink-soft);
	text-decoration: line-through;
}

.jp-homeb-solar__cta {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

@media (max-width: 999px) {
	.jp-homeb-hero,
	.jp-homeb-compare,
	.jp-homeb-models,
	.jp-homeb-solar {
		padding: 48px 24px 64px;
	}

	.jp-homeb-hero__grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.jp-homeb-hero__stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.jp-homeb-row {
		grid-template-columns: 40px 100px 1fr;
		grid-template-rows: auto auto auto;
	}

	.jp-homeb-row__specs {
		grid-column: 1 / -1;
	}

	.jp-homeb-row__price,
	.jp-homeb-row__actions {
		grid-column: span 1;
		text-align: left;
		justify-content: flex-start;
	}

	.jp-homeb-solar__card {
		grid-template-columns: 1fr;
		padding: 32px 24px;
	}

	.jp-homeb-solar__flow {
		grid-template-columns: 1fr;
	}

	.jp-homeb-solar__wire {
		flex-direction: row;
		width: 100%;
		padding: 8px 0;
	}

	.jp-homeb-solar__wire-line {
		width: 40px;
		height: 1px;
	}
}

/* -------------------------------------------------------------------------
   Cookie consent (GA4 Consent Mode v2)
   ------------------------------------------------------------------------- */
.jp-cookie-consent {
	position: fixed;
	inset: auto 0 0 0;
	z-index: 100010;
	padding: 16px;
	pointer-events: none;
}

.jp-cookie-consent__panel {
	max-width: 720px;
	margin: 0 auto;
	padding: 24px 28px;
	background: var(--jp-bg, #f5f3ee);
	border: 1px solid var(--jp-line, #e2dfd6);
	box-shadow: 0 12px 40px rgba(17, 17, 20, 0.12);
	pointer-events: auto;
}

.jp-cookie-consent__eyebrow {
	margin: 0 0 8px;
	font-size: 10px;
	color: var(--jp-ink-mid, #6b6b73);
}

.jp-cookie-consent__title {
	margin: 0 0 10px;
	font-family: var(--jp-display);
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--jp-ink, #111114);
}

.jp-cookie-consent__lead {
	margin: 0 0 18px;
	font-size: 14px;
	line-height: 1.55;
	color: var(--jp-ink-mid, #6b6b73);
}

.jp-cookie-consent__lead a {
	color: var(--jp-ink, #111114);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.jp-cookie-consent__prefs {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 18px;
	padding-top: 4px;
}

.jp-cookie-consent__check {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 13px;
	line-height: 1.45;
	color: var(--jp-ink, #111114);
	cursor: pointer;
}

.jp-cookie-consent__check input {
	margin-top: 3px;
	flex-shrink: 0;
}

.jp-cookie-consent__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
}

@media (max-width: 640px) {
	.jp-cookie-consent__panel {
		padding: 20px 18px;
	}

	.jp-cookie-consent__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.jp-cookie-consent__actions .jp-btn {
		width: 100%;
		justify-content: center;
	}
}

/* -------------------------------------------------------------------------
   Print
   ------------------------------------------------------------------------- */
@media print {
	.jp-utility-bar,
	#header-outer,
	#footer-outer,
	.jp-sticky-cta,
	.jp-cookie-consent {
		display: none !important;
	}
}