/*
 * Motyw Brandlify. Układ i komponenty w duchu sklepu referencyjnego,
 * ale wszystkie kolory, kroje, teksty i obrazy przychodzą z panelu (brandlify.json).
 */

/* ---------- tokeny ---------- */
:root {
	/* role kolorów liczone z palety ustawionej w panelu */
	--bf-page: var(--bf-surface);
	--bf-panel: color-mix(in srgb, var(--bf-bg) 88%, var(--bf-surface));
	--bf-card: var(--bf-bg);
	--bf-band: color-mix(in srgb, var(--bf-accent) 22%, var(--bf-bg));
	--bf-line: color-mix(in srgb, var(--bf-text) 12%, transparent);
	--bf-line-soft: color-mix(in srgb, var(--bf-text) 7%, transparent);
	--bf-muted: color-mix(in srgb, var(--bf-text) 58%, transparent);
	--bf-footer-bg: var(--bf-text);
	--bf-footer-text: color-mix(in srgb, var(--bf-surface) 90%, #fff);

	--bf-container: 1290px;
	--bf-gutter: 38px;
	--bf-gap: 30px;
	--bf-radius: 10px;
	--bf-radius-sm: 6px;
	--bf-header: 83px;

	--bf-fs-display: 68px;
	--bf-fs-h1: 60px;
	--bf-fs-h2: 44px;
	--bf-fs-h3: 36px;
	--bf-fs-h4: 24px;
	--bf-fs-lg: 20px;
	--bf-fs-base: 16px;
	--bf-fs-sm: 14px;
	--bf-fs-xs: 12px;

	--bf-space-1: 4px;
	--bf-space-2: 8px;
	--bf-space-3: 12px;
	--bf-space-4: 16px;
	--bf-space-5: 20px;
	--bf-space-6: 24px;
	--bf-space-8: 32px;
	--bf-space-10: 40px;
	--bf-space-12: 48px;
	--bf-space-16: 64px;
	--bf-space-20: 80px;

	--bf-shadow: 0 8px 24px rgb(0 0 0 / 0.08);
	--bf-shadow-sm: 0 2px 8px rgb(0 0 0 / 0.06);
	--bf-transition: 160ms ease;
}

@media (max-width: 1280px) {
	:root { --bf-gutter: 24px; --bf-fs-display: 52px; --bf-fs-h1: 46px; --bf-fs-h2: 38px; --bf-fs-h3: 30px; }
}
@media (max-width: 767px) {
	:root {
		--bf-gutter: 21px; --bf-gap: 16px;
		--bf-fs-display: 36px; --bf-fs-h1: 30px; --bf-fs-h2: 26px; --bf-fs-h3: 22px; --bf-fs-h4: 18px;
		--bf-fs-lg: 16px; --bf-fs-base: 15px; --bf-header: 60px;
	}
}

*, *::before, *::after { box-sizing: border-box; }

body {
	margin: 0;
	background: var(--bf-page);
	color: var(--bf-text);
	font-family: var(--bf-body, system-ui, sans-serif);
	font-size: var(--bf-fs-base);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

img, svg { max-width: 100%; display: block; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 var(--bf-space-4); }
h1, h2, h3, h4 { font-family: var(--bf-heading, system-ui, sans-serif); margin: 0; font-weight: 600; line-height: 1.15; letter-spacing: -0.01em; text-wrap: balance; }
button { font: inherit; }

.bf-skip { position: absolute; left: -9999px; z-index: 100; background: var(--bf-primary); color: var(--bf-on-primary); padding: 12px 16px; border-radius: var(--bf-radius); }
.bf-skip:focus { left: 16px; top: 16px; }
.bf-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.bf-container { width: min(var(--bf-container), 100% - 2 * var(--bf-gutter)); margin-inline: auto; }
.bf-section { padding-block: var(--bf-space-12); }
.bf-section--tight { padding-block: var(--bf-space-8); }
@media (max-width: 1023px) { .bf-section { padding-block: var(--bf-space-10); } }

.bf-eyebrow { margin: 0; color: var(--bf-primary); font-size: var(--bf-fs-sm); font-weight: 700; letter-spacing: 0.01em; }
.bf-section__head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--bf-space-4); margin-bottom: var(--bf-space-6); }
.bf-section__title { font-size: var(--bf-fs-h2); }
.bf-section__title--center { text-align: center; margin-bottom: var(--bf-space-8); }
.bf-muted { color: var(--bf-muted); }

.bf-grid { display: grid; gap: var(--bf-gap); list-style: none; margin: 0; padding: 0; }
.bf-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* auto-fill, a nie auto-fit: pojedynczy kafelek zostaje w swojej kolumnie i się nie rozciąga. */
.bf-grid--3 { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
.bf-grid--4 { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
@media (max-width: 1023px) { .bf-grid--3, .bf-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- przyciski ---------- */
.bf-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--bf-space-3);
	min-height: 48px;
	padding: 10px 22px;
	border: 1px solid transparent;
	border-radius: var(--bf-radius);
	background: var(--bf-primary);
	color: var(--bf-on-primary);
	font-size: var(--bf-fs-lg);
	font-weight: 700;
	line-height: 1.3;
	cursor: pointer;
	transition: background var(--bf-transition), color var(--bf-transition), border-color var(--bf-transition);
}
.bf-btn:hover { background: color-mix(in srgb, var(--bf-primary) 85%, #000); color: var(--bf-on-primary); }
.bf-btn--ghost { background: transparent; color: var(--bf-primary); }
.bf-btn--ghost:hover { background: color-mix(in srgb, var(--bf-primary) 10%, transparent); color: var(--bf-primary); }
.bf-btn--outline { background: transparent; border-color: var(--bf-primary); color: var(--bf-primary); }
.bf-btn--outline:hover { background: var(--bf-primary); color: var(--bf-on-primary); }
.bf-btn--light { background: var(--bf-card); color: var(--bf-text); }
.bf-btn--light:hover { background: var(--bf-panel); color: var(--bf-text); }
.bf-btn--sm { min-height: 40px; padding: 8px 16px; font-size: var(--bf-fs-base); }
.bf-btn--block { width: 100%; }
.bf-btn svg { width: 22px; height: 22px; flex: none; }
@media (max-width: 767px) { .bf-btn { min-height: 44px; font-size: var(--bf-fs-base); padding: 10px 18px; } }

.bf-link { display: inline-flex; align-items: center; gap: var(--bf-space-2); color: var(--bf-primary); font-weight: 700; }
.bf-link svg { width: 22px; height: 22px; transition: transform var(--bf-transition); }
.bf-link:hover svg { transform: translateX(3px); }

/* ---------- paski nad nagłówkiem ---------- */
.bf-topbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--bf-space-3) var(--bf-space-8);
	min-height: 45px;
	padding: var(--bf-space-2) var(--bf-gutter);
	background: var(--bf-page);
	color: var(--bf-muted);
	font-size: var(--bf-fs-sm);
}
.bf-topbar__item { display: inline-flex; align-items: center; gap: var(--bf-space-2); }
.bf-topbar__item svg { width: 18px; height: 18px; }
@media (max-width: 767px) { .bf-topbar { gap: var(--bf-space-3); font-size: var(--bf-fs-xs); } .bf-topbar__item:nth-child(n+3) { display: none; } }

.bf-promobar { overflow: hidden; background: var(--bf-primary); color: var(--bf-on-primary); }
.bf-promobar__track { display: flex; gap: 60px; padding: 10px 0; white-space: nowrap; animation: bf-marquee 28s linear infinite; }
.bf-promobar__item { font-size: var(--bf-fs-sm); font-weight: 600; }
@keyframes bf-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---------- nagłówek ---------- */
.bf-header { position: sticky; top: 0; z-index: 40; background: var(--bf-card); border-bottom: 1px solid var(--bf-line-soft); }
.bf-header__inner { display: flex; align-items: center; gap: var(--bf-space-6); min-height: var(--bf-header); }
.bf-brand { display: inline-flex; align-items: center; font-family: var(--bf-heading); font-size: 24px; font-weight: 700; letter-spacing: -0.02em; }
/* Selektor z dwiema klasami, bo WooCommerce ustawia `.woocommerce img { height: auto }`. */
.bf-brand .bf-brand__logo { height: 44px; width: auto; max-width: 220px; object-fit: contain; object-position: left center; }
@media (max-width: 767px) { .bf-brand .bf-brand__logo { height: 34px; max-width: 150px; } }
.bf-nav__list { display: flex; align-items: center; gap: var(--bf-space-6); list-style: none; margin: 0; padding: 0; font-weight: 600; }
.bf-nav__list a { padding-block: 6px; border-bottom: 2px solid transparent; transition: border-color var(--bf-transition), color var(--bf-transition); }
.bf-nav__list a:hover { color: var(--bf-primary); border-color: var(--bf-primary); }
.bf-header__actions { display: flex; align-items: center; gap: var(--bf-space-3); margin-inline-start: auto; }

.bf-search { position: relative; display: flex; align-items: center; width: 280px; }
.bf-search svg { position: absolute; left: 14px; width: 20px; height: 20px; color: var(--bf-muted); pointer-events: none; }
.bf-search input {
	width: 100%;
	height: 44px;
	padding: 0 16px 0 42px;
	border: 1px solid var(--bf-line);
	border-radius: var(--bf-radius);
	background: var(--bf-card);
	color: inherit;
	font-size: var(--bf-fs-sm);
}
.bf-search input:focus { outline: 2px solid color-mix(in srgb, var(--bf-primary) 40%, transparent); outline-offset: 1px; }
@media (max-width: 1279px) { .bf-search { display: none; } }

.bf-icon-btn { position: relative; display: inline-grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: var(--bf-radius); background: transparent; color: inherit; cursor: pointer; }
.bf-icon-btn:hover { background: var(--bf-panel); }
.bf-icon-btn svg { width: 24px; height: 24px; }
.bf-icon-btn__badge {
	position: absolute;
	top: 2px;
	right: 2px;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	display: grid;
	place-items: center;
	border-radius: 999px;
	background: var(--bf-primary);
	color: var(--bf-on-primary);
	font-size: 11px;
	font-weight: 700;
}
.bf-burger { display: none; }
@media (max-width: 1023px) { .bf-nav { display: none; } .bf-burger { display: inline-grid; } }

/* mini koszyk */
.bf-minicart { position: relative; }
.bf-minicart__panel {
	position: absolute;
	right: 0;
	top: calc(100% + 10px);
	z-index: 50;
	width: min(360px, calc(100vw - 24px));
	max-height: min(70vh, 520px);
	overflow-y: auto;
	padding: var(--bf-space-4) var(--bf-space-5);
	border: 1px solid var(--bf-line);
	border-radius: var(--bf-radius);
	background: var(--bf-card);
	box-shadow: var(--bf-shadow);
}
.bf-minicart__panel .woocommerce-mini-cart__empty-message { margin: 0; color: var(--bf-muted); }
.bf-minicart__panel ul.cart_list { list-style: none; margin: 0; padding: 0; }
/* WooCommerce trzyma zdjęcie i nazwę w jednym odnośniku, więc siatkę robimy na nim. */
.bf-minicart__panel ul.cart_list li {
	position: relative;
	padding: var(--bf-space-3) var(--bf-space-8) var(--bf-space-3) 0;
	border-bottom: 1px solid var(--bf-line-soft);
}
.bf-minicart__panel ul.cart_list li:last-child { border-bottom: 0; }
.bf-minicart__panel ul.cart_list li > a:not(.remove) {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: var(--bf-space-3);
	align-items: center;
	font-size: var(--bf-fs-sm);
	font-weight: 600;
	line-height: 1.35;
}
.bf-minicart__panel ul.cart_list li img {
	width: 64px !important;
	height: 64px;
	margin: 0 !important;
	float: none !important;
	object-fit: cover;
	border-radius: var(--bf-radius-sm);
	background: var(--bf-panel);
}
.bf-minicart__panel ul.cart_list li .quantity,
.bf-minicart__panel ul.cart_list li dl.variation {
	display: block;
	margin: 4px 0 0 76px;
	color: var(--bf-muted);
	font-size: var(--bf-fs-sm);
}
.bf-minicart__panel ul.cart_list li a.remove {
	position: absolute;
	top: var(--bf-space-3);
	right: 0;
	display: grid !important;
	place-items: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--bf-panel);
	color: var(--bf-muted) !important;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
}
.bf-minicart__panel ul.cart_list li a.remove:hover { background: var(--bf-primary); color: var(--bf-on-primary) !important; }
.bf-minicart__panel .woocommerce-mini-cart__total {
	display: flex;
	justify-content: space-between;
	gap: var(--bf-space-4);
	margin: var(--bf-space-4) 0;
	padding-top: var(--bf-space-4);
	border-top: 1px solid var(--bf-line);
	font-weight: 700;
}
.bf-minicart__panel .woocommerce-mini-cart__total strong { font-weight: 700; }
.bf-minicart__panel .woocommerce-mini-cart__buttons { display: grid; gap: var(--bf-space-2); margin: 0; }
.bf-minicart__panel .woocommerce-mini-cart__buttons a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 18px;
	border-radius: var(--bf-radius);
	background: var(--bf-panel);
	color: var(--bf-text);
	font-size: var(--bf-fs-sm);
	font-weight: 700;
}
.bf-minicart__panel .woocommerce-mini-cart__buttons a.checkout { background: var(--bf-primary); color: var(--bf-on-primary); }

/* menu mobilne */
.bf-drawer { position: fixed; inset: 0; z-index: 60; }
.bf-drawer__backdrop { position: absolute; inset: 0; background: rgb(0 0 0 / 0.45); }
.bf-drawer__panel {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	width: min(340px, 88vw);
	padding: var(--bf-space-5);
	background: var(--bf-card);
	overflow-y: auto;
	animation: bf-slide 240ms ease;
}
@keyframes bf-slide { from { transform: translateX(-100%); } }
.bf-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: var(--bf-space-4); margin-bottom: var(--bf-space-5); }
.bf-drawer__search { margin-bottom: var(--bf-space-5); }
.bf-drawer__search input { width: 100%; height: 44px; padding: 0 14px; border: 1px solid var(--bf-line); border-radius: var(--bf-radius); background: var(--bf-page); color: inherit; }
.bf-drawer__list { list-style: none; margin: 0; padding: 0; }
.bf-drawer__list a { display: block; padding: 14px 0; border-bottom: 1px solid var(--bf-line-soft); font-size: 17px; font-weight: 600; }

/* ---------- hero ---------- */
/* Hero trzyma proporcję zbliżoną do projektu: panel z tekstem obok szerokiego zdjęcia. */
.bf-hero { display: grid; grid-template-columns: 937fr 908fr; max-height: 660px; overflow: hidden; border-radius: var(--bf-radius); }
.bf-hero__body {
	display: grid;
	align-content: center;
	min-height: 520px;
	padding: var(--bf-space-16) var(--bf-space-12);
	/* Tekst zaczyna się w tej samej linii co reszta strony, mimo że panel idzie do krawędzi. */
	padding-left: max(var(--bf-space-12), calc((100vw - var(--bf-container)) / 2));
	background: var(--bf-panel);
}
.bf-hero__title { margin-top: 16px; max-width: 15ch; font-size: var(--bf-fs-display); }
.bf-hero__lead { margin-top: 12px; max-width: 42ch; font-size: var(--bf-fs-lg); line-height: 1.35; }
.bf-hero__actions { display: flex; flex-wrap: wrap; gap: var(--bf-space-3); margin-top: var(--bf-space-8); }
.bf-hero__media { overflow: hidden; min-height: 100%; background: var(--bf-panel); }
.bf-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
@media (max-width: 1023px) {
	.bf-hero { grid-template-columns: 1fr; }
	.bf-hero { max-height: none; }
	.bf-hero__body { min-height: 0; padding: var(--bf-space-10) var(--bf-space-6); }
	.bf-hero__title { max-width: none; }
	.bf-hero__actions { display: grid; gap: var(--bf-space-2); margin-top: var(--bf-space-6); }
	.bf-hero__actions .bf-btn { width: 100%; }
	.bf-hero__media { aspect-ratio: 16 / 10; }
}

/* ---------- pasek zaufania ---------- */
.bf-trustbar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bf-space-6); padding-block: var(--bf-space-10); }
.bf-trustbar__item { display: flex; align-items: center; gap: var(--bf-space-4); }
.bf-trustbar__icon { display: grid; place-items: center; width: 60px; height: 60px; flex: none; color: var(--bf-primary); }
.bf-trustbar__icon svg { width: 40px; height: 40px; }
.bf-trustbar__title { display: block; font-weight: 700; }
.bf-trustbar__text { margin: 0; color: var(--bf-muted); font-size: var(--bf-fs-sm); }
@media (max-width: 767px) {
	.bf-trustbar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bf-space-4); padding-block: var(--bf-space-8); }
	.bf-trustbar__icon { width: 40px; height: 40px; }
	.bf-trustbar__icon svg { width: 28px; height: 28px; }
	.bf-trustbar__title, .bf-trustbar__text { font-size: var(--bf-fs-xs); line-height: 1.35; }
}

/* ---------- kafelek kategorii ---------- */
.bf-cat { display: block; overflow: hidden; border-radius: var(--bf-radius); background: var(--bf-card); transition: transform var(--bf-transition), box-shadow var(--bf-transition); }
.bf-cat:hover { transform: translateY(-2px); box-shadow: var(--bf-shadow); }
.bf-cat__media { aspect-ratio: 300 / 230; overflow: hidden; background: var(--bf-panel); position: relative; }
.bf-cat__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease; }
.bf-cat:hover .bf-cat__media img { transform: scale(1.04); }
.bf-cat__body { padding: var(--bf-space-4) var(--bf-space-5) var(--bf-space-5); }
.bf-cat__title { display: block; font-weight: 700; }
.bf-cat__meta { display: block; margin-top: 2px; color: var(--bf-muted); font-size: var(--bf-fs-sm); }

/* ---------- karta produktu ---------- */
.bf-product-card { position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--bf-radius); background: var(--bf-panel); transition: transform var(--bf-transition), box-shadow var(--bf-transition); }
.bf-product-card:hover { transform: translateY(-2px); box-shadow: var(--bf-shadow); }
.bf-product-card__media { position: relative; display: grid; place-items: center; aspect-ratio: 300 / 315; overflow: hidden; background: var(--bf-card); }
.bf-product-card__media img { width: 84%; height: 80%; object-fit: contain; transition: transform 240ms ease; }
.bf-product-card:hover .bf-product-card__media img { transform: scale(1.04); }
.bf-product-card__placeholder { display: grid; place-items: center; width: 100%; height: 100%; color: color-mix(in srgb, var(--bf-text) 18%, transparent); font-family: var(--bf-heading); font-size: 48px; font-weight: 700; }
.bf-product-card__arrow {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: grid;
	place-items: center;
	width: 49px;
	height: 47px;
	background: var(--bf-panel);
	color: var(--bf-text);
	transition: background var(--bf-transition), color var(--bf-transition);
}
.bf-product-card__arrow svg { width: 24px; height: 24px; }
.bf-product-card:hover .bf-product-card__arrow { background: var(--bf-primary); color: var(--bf-on-primary); }
.bf-product-card__link { position: absolute; inset: 0; z-index: 4; }
.bf-product-card__body { display: flex; flex: 1; flex-direction: column; gap: var(--bf-space-3); padding: var(--bf-space-5) 21px var(--bf-space-5); }
.bf-product-card__title { font-size: var(--bf-fs-base); font-weight: 400; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bf-product-card__price { margin: auto 0 0; font-size: var(--bf-fs-lg); font-weight: 700; }
.bf-product-card__price del { margin-right: var(--bf-space-2); color: var(--bf-muted); font-size: var(--bf-fs-base); font-weight: 400; }
.bf-product-card__price ins { text-decoration: none; }
.bf-product-card__badges { position: absolute; top: 0; left: 0; z-index: 3; display: flex; flex-wrap: wrap; gap: var(--bf-space-1); }
.bf-badge { display: inline-flex; align-items: center; height: 33px; padding-inline: 15px; background: var(--bf-primary); color: var(--bf-on-primary); font-size: var(--bf-fs-sm); font-weight: 700; }
.bf-badge--new { background: var(--bf-text); color: var(--bf-page); }
.bf-badge--soft { background: var(--bf-band); color: var(--bf-text); }

/* ---------- szybka wycena ---------- */
.bf-quote { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--bf-space-8); padding: var(--bf-space-10) var(--bf-space-12); border-radius: var(--bf-radius); background: var(--bf-panel); }
.bf-quote__title { margin-top: var(--bf-space-3); font-size: var(--bf-fs-h3); }
.bf-quote__text { max-width: 52ch; margin-top: var(--bf-space-4); color: var(--bf-muted); font-size: var(--bf-fs-sm); line-height: 1.7; }
.bf-quote__fields { display: flex; align-items: end; gap: var(--bf-space-4); }
.bf-field { display: grid; gap: 6px; width: 150px; }
.bf-field label, .bf-field__label { color: var(--bf-muted); font-size: var(--bf-fs-sm); }
.bf-field input, .bf-field select {
	height: 48px;
	padding: 0 14px;
	border: 1px solid var(--bf-line);
	border-radius: var(--bf-radius);
	background: var(--bf-card);
	color: inherit;
	font-size: var(--bf-fs-base);
}
@media (max-width: 1023px) { .bf-quote { grid-template-columns: 1fr; padding: var(--bf-space-8) var(--bf-space-6); } }
@media (max-width: 767px) { .bf-quote__fields { flex-direction: column; align-items: stretch; } .bf-field { width: 100%; } .bf-quote__fields .bf-btn { width: 100%; } }

/* ---------- pasy sekcji ---------- */
.bf-band { border-radius: var(--bf-radius); background: var(--bf-panel); }
.bf-band > .bf-section:first-child { padding-top: var(--bf-space-12); }
.bf-band > .bf-section:last-child { padding-bottom: var(--bf-space-12); }
.bf-glow { position: relative; isolation: isolate; overflow: clip; }
.bf-glow::before {
	content: "";
	position: absolute;
	top: 70px;
	left: 50%;
	z-index: -1;
	width: 90%;
	height: 224px;
	transform: translateX(-50%);
	border-radius: 50%;
	background: var(--bf-primary);
	filter: blur(175px);
	opacity: 0.35;
}
@media (max-width: 1023px) {
	.bf-band > .bf-section:first-child, .bf-band > .bf-section:last-child { padding-block: var(--bf-space-10); }
}

/* ---------- o nas ---------- */
.bf-about { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: var(--bf-space-12); }
.bf-about__title { margin: var(--bf-space-4) 0 var(--bf-space-5); max-width: 16ch; font-size: var(--bf-fs-h3); }
.bf-about__text { max-width: 52ch; color: var(--bf-muted); line-height: 1.7; }
.bf-about__media { overflow: hidden; border-radius: var(--bf-radius); aspect-ratio: 630 / 389; }
.bf-about__media img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 1023px) { .bf-about { grid-template-columns: 1fr; gap: var(--bf-space-8); } }

/* ---------- dlaczego my ---------- */
.bf-feature { display: grid; justify-items: center; gap: var(--bf-space-3); text-align: center; }
.bf-feature__icon { display: grid; place-items: center; width: 96px; height: 96px; border-radius: 50%; background: var(--bf-card); color: var(--bf-primary); }
.bf-feature__icon svg { width: 44px; height: 44px; }
.bf-feature__title { font-weight: 700; }
.bf-feature__text { color: var(--bf-muted); font-size: var(--bf-fs-sm); line-height: 1.6; }

/* ---------- opinie ---------- */
.bf-carousel { display: flex; gap: var(--bf-gap); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.bf-carousel::-webkit-scrollbar { display: none; }
.bf-carousel > * { flex: 0 0 min(420px, 85%); scroll-snap-align: start; }
.bf-testimonial { display: grid; gap: var(--bf-space-3); margin: 0; padding: var(--bf-space-8); border-radius: var(--bf-radius); background: var(--bf-card); }
.bf-testimonial__text { margin: 0; font-size: var(--bf-fs-lg); line-height: 1.5; }
.bf-testimonial__author { color: var(--bf-muted); font-size: var(--bf-fs-sm); }
.bf-stars { color: var(--bf-primary); letter-spacing: 2px; }
.bf-dots { display: flex; justify-content: center; gap: var(--bf-space-2); margin-top: var(--bf-space-6); }
.bf-dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: var(--bf-line); cursor: pointer; }
.bf-dots button.is-active { background: var(--bf-primary); }

/* ---------- wpisy ---------- */
.bf-post-card { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--bf-radius); background: var(--bf-card); }
.bf-post-card__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--bf-panel); }
.bf-post-card__placeholder { position: absolute; inset: 0; display: grid; place-items: center; color: color-mix(in srgb, var(--bf-text) 20%, transparent); }
.bf-post-card__placeholder svg { width: 40px; height: 40px; }
.bf-post-card__media img { width: 100%; height: 100%; object-fit: cover; }
.bf-post-card__body { display: grid; gap: var(--bf-space-2); padding: var(--bf-space-5); }
.bf-post-card__title { font-size: var(--bf-fs-base); font-weight: 700; line-height: 1.4; }
.bf-post-card__date { color: var(--bf-muted); font-size: var(--bf-fs-sm); }

/* ---------- baner próbek ---------- */
.bf-samples { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: var(--bf-radius); background: var(--bf-band); }
.bf-samples--plain { grid-template-columns: 1fr; text-align: center; justify-items: center; }
.bf-samples__body { display: grid; align-content: center; gap: var(--bf-space-4); padding: var(--bf-space-12); }
.bf-samples__title { font-size: var(--bf-fs-h3); }
.bf-samples__media img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 1023px) { .bf-samples { grid-template-columns: 1fr; } .bf-samples__body { padding: var(--bf-space-10) var(--bf-space-6); } .bf-samples__media { aspect-ratio: 16 / 9; } }

/* ---------- kroki ---------- */
.bf-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bf-space-8); list-style: none; margin: 0; padding: 0; }
.bf-step { display: grid; justify-items: center; gap: var(--bf-space-3); text-align: center; }
.bf-step__num { display: grid; place-items: center; width: 77px; height: 77px; border-radius: 50%; background: var(--bf-card); color: var(--bf-primary); font-family: var(--bf-heading); font-size: var(--bf-fs-h4); font-weight: 700; }
.bf-step__title { font-weight: 700; }
.bf-step__text { color: var(--bf-muted); font-size: var(--bf-fs-sm); line-height: 1.6; }
@media (max-width: 1023px) { .bf-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .bf-steps { grid-template-columns: 1fr; } }

/* ---------- pytania ---------- */
.bf-accordion { max-width: 1050px; margin-inline: auto; }
.bf-accordion__item { border-bottom: 1px solid var(--bf-line); }
.bf-accordion__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--bf-space-4);
	width: 100%;
	padding: var(--bf-space-5) 0;
	border: 0;
	background: none;
	color: inherit;
	font-size: var(--bf-fs-lg);
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}
.bf-accordion__trigger svg { width: 24px; height: 24px; flex: none; transition: transform var(--bf-transition); }
.bf-accordion__trigger[aria-expanded="true"] svg { transform: rotate(180deg); }
.bf-accordion__panel { padding-bottom: var(--bf-space-5); color: var(--bf-muted); line-height: 1.7; max-width: 80ch; }

/* ---------- newsletter ---------- */
.bf-newsletter {
	display: grid;
	overflow: hidden;
	border-radius: var(--bf-radius);
	background: linear-gradient(120deg, color-mix(in srgb, var(--bf-accent) 22%, var(--bf-card)), var(--bf-panel) 70%);
}
.bf-newsletter--split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.bf-newsletter__body { display: grid; align-content: center; gap: var(--bf-space-3); padding: var(--bf-space-12); }
.bf-newsletter__title { font-size: var(--bf-fs-h3); }
.bf-newsletter__text { max-width: 46ch; color: var(--bf-muted); margin: 0; }
.bf-newsletter__form { display: flex; flex-wrap: wrap; gap: var(--bf-space-3); margin-top: var(--bf-space-3); width: min(520px, 100%); }
.bf-newsletter__form input {
	flex: 1 1 220px;
	min-width: 0;
	height: 48px;
	padding: 0 16px;
	border: 1px solid var(--bf-line);
	border-radius: var(--bf-radius);
	background: var(--bf-card);
	color: inherit;
}
.bf-newsletter__note { margin: 0; color: var(--bf-muted); font-size: var(--bf-fs-xs); line-height: 1.6; }
.bf-newsletter__note a { text-decoration: underline; }
.bf-newsletter__media img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 1023px) {
	.bf-newsletter--split { grid-template-columns: 1fr; }
	.bf-newsletter__body { padding: var(--bf-space-8) var(--bf-space-6); }
	.bf-newsletter__media { aspect-ratio: 16 / 9; }
}

/* ---------- pasy z tłem, żeby sekcje się od siebie odróżniały ---------- */
.bf-strip { background: linear-gradient(180deg, color-mix(in srgb, var(--bf-accent) 16%, var(--bf-page)), var(--bf-page) 85%); }
.bf-strip--soft { background: var(--bf-card); }
.bf-panel-card { padding: var(--bf-space-8) var(--bf-space-10); border-radius: var(--bf-radius); background: var(--bf-card); box-shadow: var(--bf-shadow-sm); }
@media (max-width: 767px) { .bf-panel-card { padding: var(--bf-space-5); } }

/* ---------- stopka ---------- */
.bf-footer { margin-top: var(--bf-space-12); background: var(--bf-footer-bg); color: var(--bf-footer-text); }
.bf-footer a:hover { color: var(--bf-on-footer-hover, currentColor); opacity: 0.75; }
.bf-footer__top { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: var(--bf-space-10); align-items: start; padding-block: var(--bf-space-12) var(--bf-space-10); }
.bf-footer__brand .bf-brand { color: inherit; }
.bf-footer__tagline { margin-top: var(--bf-space-4); max-width: 34ch; color: color-mix(in srgb, currentColor 75%, transparent); font-size: var(--bf-fs-sm); line-height: 1.7; }
.bf-footer__facts { list-style: none; margin: var(--bf-space-5) 0 0; padding: 0; display: grid; gap: var(--bf-space-3); font-size: var(--bf-fs-sm); color: color-mix(in srgb, currentColor 80%, transparent); }
.bf-footer__facts li { display: flex; align-items: center; gap: var(--bf-space-2); }
.bf-footer__social { display: flex; gap: var(--bf-space-3); margin-top: var(--bf-space-5); }
.bf-footer__social a { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid color-mix(in srgb, currentColor 30%, transparent); border-radius: 50%; }
.bf-footer__col h2 { margin-bottom: var(--bf-space-4); font-size: var(--bf-fs-base); font-weight: 700; }
.bf-footer__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--bf-space-3); font-size: var(--bf-fs-sm); }
.bf-footer__contact { display: grid; gap: var(--bf-space-3); font-size: var(--bf-fs-sm); }
.bf-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--bf-space-3); padding-block: var(--bf-space-5); border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent); font-size: var(--bf-fs-sm); color: color-mix(in srgb, currentColor 75%, transparent); }
@media (max-width: 1023px) { .bf-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bf-space-8); } }
@media (max-width: 560px) { .bf-footer__top { grid-template-columns: 1fr; } }

/* ---------- okruszki i tytuł strony ---------- */
.bf-breadcrumbs { padding-block: var(--bf-space-6); color: var(--bf-muted); font-size: var(--bf-fs-sm); }
.bf-breadcrumbs a { color: var(--bf-primary); }
.bf-page-head { text-align: center; padding-bottom: var(--bf-space-10); }
.bf-page-head .bf-breadcrumbs { padding-top: var(--bf-space-10); }
.bf-page-head h1 { font-size: var(--bf-fs-h1); }

/* ---------- sklep ---------- */
.bf-shop { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: var(--bf-space-10); padding: var(--bf-space-12); border-radius: var(--bf-radius); background: var(--bf-panel); }
.bf-shop__aside h2 { margin-bottom: var(--bf-space-4); font-size: var(--bf-fs-h4); }
.bf-shop__aside ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--bf-space-3); }
.bf-shop__aside a:hover, .bf-shop__aside .is-active { color: var(--bf-primary); font-weight: 700; }
.bf-shop__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--bf-space-4); margin-bottom: var(--bf-space-6); }
.bf-shop__bar .woocommerce-result-count { margin: 0; color: var(--bf-muted); font-size: var(--bf-fs-sm); }
@media (max-width: 1023px) { .bf-shop { grid-template-columns: 1fr; gap: var(--bf-space-6); padding: var(--bf-space-6); } .bf-shop__aside ul { display: flex; flex-wrap: wrap; gap: var(--bf-space-3); } }

.woocommerce-ordering select, .bf-select {
	height: 44px;
	padding: 0 40px 0 16px;
	border: 1px solid var(--bf-line);
	border-radius: var(--bf-radius);
	background-color: var(--bf-card);
	color: inherit;
	font-size: var(--bf-fs-sm);
	appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-position: calc(100% - 20px) 20px, calc(100% - 15px) 20px;
	background-size: 5px 5px;
	background-repeat: no-repeat;
}
.woocommerce-pagination ul { display: flex; gap: 6px; justify-content: center; margin-top: var(--bf-space-10); border: 0 !important; }
.woocommerce-pagination li { border: 0 !important; }
.woocommerce-pagination a, .woocommerce-pagination span { display: grid !important; place-items: center; min-width: 44px; height: 44px; border: 1px solid var(--bf-line); border-radius: var(--bf-radius); }
.woocommerce-pagination .current { background: var(--bf-primary) !important; color: var(--bf-on-primary) !important; border-color: transparent; }

/* ---------- karta produktu (strona) ---------- */
.bf-woo { padding-bottom: var(--bf-space-16); }
.bf-product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--bf-space-12); padding: var(--bf-space-12); border-radius: var(--bf-radius); background: var(--bf-panel); }
.bf-product .woocommerce-product-gallery { width: 100% !important; float: none !important; margin: 0 !important; }
.bf-product .woocommerce-product-gallery__image img { border-radius: var(--bf-radius); background: var(--bf-card); }
.bf-product .flex-control-thumbs { display: flex; flex-wrap: wrap; gap: var(--bf-space-2); margin: var(--bf-space-3) 0 0; padding: 0; list-style: none; }
.bf-product .flex-control-thumbs li { width: 72px; }
.bf-product .flex-control-thumbs img { border-radius: var(--bf-radius-sm); cursor: pointer; opacity: 0.55; }
.bf-product .flex-control-thumbs img.flex-active, .bf-product .flex-control-thumbs img:hover { opacity: 1; }
.bf-product__summary { width: 100% !important; float: none !important; }
.bf-product__summary .product_title { font-size: var(--bf-fs-h3); }
.bf-product__summary .price { margin: var(--bf-space-4) 0; font-family: var(--bf-heading); font-size: var(--bf-fs-h4); font-weight: 700; color: var(--bf-text) !important; }
.bf-product__summary .woocommerce-product-details__short-description { color: var(--bf-muted); }
.bf-product__summary form.cart { display: grid; gap: var(--bf-space-4); margin: var(--bf-space-6) 0; }
.bf-product__summary form.cart .quantity input { height: 48px; width: 88px; padding: 0 10px; border: 1px solid var(--bf-line); border-radius: var(--bf-radius); background: var(--bf-card); color: inherit; text-align: center; }
.bf-product__summary .product_meta { padding-top: var(--bf-space-4); border-top: 1px solid var(--bf-line); color: var(--bf-muted); font-size: var(--bf-fs-sm); }
.bf-product__summary .product_meta > span { display: block; }
.bf-product > .onsale { position: absolute; margin: 0; }
.bf-product__note { display: flex; gap: var(--bf-space-3); margin-top: var(--bf-space-5); color: var(--bf-muted); font-size: var(--bf-fs-sm); line-height: 1.6; }
.bf-product__note svg { width: 24px; height: 24px; flex: none; color: var(--bf-primary); }
@media (max-width: 1023px) { .bf-product { grid-template-columns: 1fr; gap: var(--bf-space-8); padding: var(--bf-space-6); } }

.bf-product-extra { padding-top: var(--bf-space-12); }
.bf-product-extra .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; gap: var(--bf-space-2); margin: 0 0 var(--bf-space-6) !important; padding: 0 !important; border: 0 !important; }
.bf-product-extra .woocommerce-tabs ul.tabs::before { display: none !important; }
.bf-product-extra .woocommerce-tabs ul.tabs li { margin: 0 !important; padding: 0 !important; border: 1px solid var(--bf-line) !important; border-radius: var(--bf-radius) !important; background: transparent !important; }
.bf-product-extra .woocommerce-tabs ul.tabs li::before, .bf-product-extra .woocommerce-tabs ul.tabs li::after { display: none !important; }
.bf-product-extra .woocommerce-tabs ul.tabs li a { display: block; padding: 10px 20px !important; font-weight: 700; }
.bf-product-extra .woocommerce-tabs ul.tabs li.active { background: var(--bf-primary) !important; border-color: transparent !important; }
.bf-product-extra .woocommerce-tabs ul.tabs li.active a { color: var(--bf-on-primary) !important; }
.bf-product-extra h2 { margin-bottom: var(--bf-space-5); font-size: var(--bf-fs-h4); }

/* ---------- WooCommerce: elementy wspólne ---------- */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	min-height: 48px;
	padding: 12px 24px;
	border-radius: var(--bf-radius);
	background: var(--bf-primary);
	color: var(--bf-on-primary);
	font-size: var(--bf-fs-base);
	font-weight: 700;
	line-height: 1.3;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover {
	background: color-mix(in srgb, var(--bf-primary) 85%, #000);
	color: var(--bf-on-primary);
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error {
	border-top-color: var(--bf-primary);
	background: var(--bf-panel);
	border-radius: var(--bf-radius);
}
.woocommerce .woocommerce-message::before, .woocommerce .woocommerce-info::before { color: var(--bf-primary); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce table.shop_table, .woocommerce-cart table.cart td.actions .coupon .input-text {
	border-radius: var(--bf-radius);
	border-color: var(--bf-line);
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select {
	padding: 12px 14px;
	background: var(--bf-card);
	color: inherit;
}
.woocommerce table.shop_table { background: var(--bf-card); }
.woocommerce ul.products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bf-gap); margin: 0; padding: 0; list-style: none; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product { width: 100% !important; margin: 0 !important; float: none !important; }
@media (max-width: 1023px) { .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- puste stany i treść ---------- */
.bf-empty { display: grid; gap: var(--bf-space-2); justify-items: center; padding: var(--bf-space-16); border-radius: var(--bf-radius); background: var(--bf-panel); text-align: center; }
.bf-empty .bf-btn { margin-top: var(--bf-space-4); }
.bf-prose { max-width: 820px; line-height: 1.8; }
.bf-prose img { border-radius: var(--bf-radius); }

/* ---------- przewijanie kart na telefonie ---------- */
@media (max-width: 767px) {
	.bf-section > .bf-grid--3, .bf-section > .bf-grid--4 {
		display: flex;
		gap: var(--bf-space-3);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		margin-inline: calc(-1 * var(--bf-gutter));
		padding-inline: var(--bf-gutter);
	}
	.bf-section > .bf-grid--3::-webkit-scrollbar, .bf-section > .bf-grid--4::-webkit-scrollbar { display: none; }
	.bf-section > .bf-grid--3 > *, .bf-section > .bf-grid--4 > * { flex: 0 0 260px; scroll-snap-align: start; }
	.bf-section__head .bf-btn { width: 100%; justify-content: center; }
	.bf-hero, .bf-promobar { border-radius: 0; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; }
}

/* ---------- alternatywne układy nagłówka strony głównej ---------- */
.bf-hero-full {
	position: relative;
	display: grid;
	align-items: center;
	min-height: min(70vh, 620px);
	padding-block: var(--bf-space-20);
	background-size: cover;
	background-position: center;
	color: #fff;
	isolation: isolate;
	border-radius: var(--bf-radius);
}
.bf-hero-full::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: linear-gradient(95deg, rgb(0 0 0 / 0.72), rgb(0 0 0 / 0.25) 60%, transparent);
}
.bf-hero-full__body { max-width: 44rem; }
.bf-hero-full .bf-eyebrow { color: color-mix(in srgb, #fff 85%, transparent); }
.bf-hero-full .bf-btn { background: #fff; color: #111; }

.bf-hero-banner {
	display: grid;
	align-items: end;
	min-height: 320px;
	padding: var(--bf-space-10);
	border-radius: var(--bf-radius);
	background-size: cover;
	background-position: center;
	color: #fff;
	isolation: isolate;
	position: relative;
}
.bf-hero-banner::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: linear-gradient(0deg, rgb(0 0 0 / 0.75), rgb(0 0 0 / 0.1) 70%);
}
.bf-hero-banner .bf-eyebrow { color: color-mix(in srgb, #fff 85%, transparent); }

.bf-hero-story { text-align: center; }
.bf-hero-story .bf-hero__title, .bf-hero-story .bf-hero__lead { margin-inline: auto; }
.bf-hero-story__media { margin-top: var(--bf-space-10); overflow: hidden; border-radius: var(--bf-radius); aspect-ratio: 16 / 9; }
.bf-hero-story__media img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- konfigurator wymiarów ---------- */
.bf-configurator { padding: var(--bf-space-5); border: 1px solid var(--bf-line); border-radius: var(--bf-radius); background: var(--bf-card); }
.bf-configurator__title { margin: 0 0 var(--bf-space-4); font-family: var(--bf-heading); font-weight: 700; }
.bf-configurator__row { display: grid; gap: var(--bf-space-4); grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); }
.bf-configurator__row .bf-field { width: auto; }
.bf-configurator__price { margin: var(--bf-space-4) 0 0; font-weight: 700; }
.bf-configurator__note { margin: var(--bf-space-4) 0 0; color: var(--bf-muted); font-size: var(--bf-fs-sm); }

/* ---------- atuty produktu ---------- */
.bf-highlights { display: grid; gap: var(--bf-space-2); margin: var(--bf-space-5) 0; padding: 0; list-style: none; }
.bf-highlights li { position: relative; padding-left: 28px; }
.bf-highlights li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 1px;
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--bf-primary) 15%, transparent);
	color: var(--bf-primary);
	font-size: 11px;
}

/* ---------- drobne poprawki układu ---------- */
.bf-product__gallery { position: relative; }
.bf-woo .bf-container, .bf-shop .bf-container { width: 100%; }
.bf-shop__main { min-width: 0; }
/* Sklep bez kategorii w kolumnie bocznej: siatka na całą szerokość. */
.bf-shop--wide { grid-template-columns: minmax(0, 1fr); }
/* Stała siatka: pojedynczy produkt w kategorii ma być tej samej wielkości co pozostałe. */
.bf-shop .bf-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1023px) { .bf-shop .bf-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .bf-shop .bf-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bf-space-3); } }
.bf-page-head .bf-breadcrumbs { display: flex; justify-content: center; gap: 6px; }
.bf-main > .bf-container > .bf-band:first-child { margin-top: var(--bf-space-10); }
.bf-hero + .bf-container .bf-trustbar { padding-block: var(--bf-space-12); }

/* ---------- zakładki i opinie na karcie produktu ---------- */
.bf-product-extra .woocommerce-tabs ul.tabs { list-style: none !important; }
.bf-product-extra .woocommerce-tabs ul.tabs li::marker { content: ""; }
.woocommerce #reviews #comments h2 { font-family: var(--bf-heading); font-size: var(--bf-fs-h4); }
.woocommerce #review_form #respond p { display: grid; gap: 6px; }
.woocommerce #review_form #respond label { color: var(--bf-muted); font-size: var(--bf-fs-sm); }
.woocommerce #review_form #respond input[type="text"],
.woocommerce #review_form #respond input[type="email"],
.woocommerce #review_form #respond textarea {
	width: 100%;
	max-width: 32rem;
	padding: 12px 14px;
	border: 1px solid var(--bf-line);
	border-radius: var(--bf-radius);
	background: var(--bf-card);
	color: inherit;
	font: inherit;
}
.woocommerce #review_form #respond textarea { max-width: 44rem; }
.woocommerce #review_form #respond .comment-form-cookies-consent { display: flex; align-items: center; gap: 8px; }
.bf-product-extra .related > h2, .bf-product-extra .up-sells > h2 { margin-top: var(--bf-space-12); }

/* ---------- baner nagłówka listy produktów ---------- */
.bf-page-banner {
	position: relative;
	display: grid;
	align-items: end;
	min-height: 260px;
	margin-bottom: var(--bf-space-8);
	padding: var(--bf-space-10);
	border-radius: var(--bf-radius);
	background-size: cover;
	background-position: center;
	color: #fff;
	isolation: isolate;
}
.bf-page-banner::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: linear-gradient(0deg, rgb(0 0 0 / 0.72), rgb(0 0 0 / 0.15) 70%);
}
.bf-page-banner h1 { font-size: var(--bf-fs-h1); }
.bf-page-banner p { margin: var(--bf-space-2) 0 0; max-width: 56ch; color: color-mix(in srgb, #fff 85%, transparent); }
@media (max-width: 767px) { .bf-page-banner { min-height: 200px; padding: var(--bf-space-6); } }

/* ---------- koszyk ---------- */
/* Koszyk: tabela z lewej, podsumowanie z prawej. Flex, bo WooCommerce wstawia
   między nie powiadomienia i kolejność elementów bywa różna. */
.woocommerce-cart .bf-woo .woocommerce { display: flex; flex-wrap: wrap; gap: var(--bf-space-8); align-items: flex-start; }
.woocommerce-cart .bf-woo .woocommerce > * { flex: 1 1 100%; min-width: 0; }
@media (min-width: 62rem) {
	.woocommerce-cart .bf-woo .woocommerce > form.woocommerce-cart-form { flex: 1 1 58%; }
	.woocommerce-cart .bf-woo .woocommerce > .cart-collaterals { flex: 0 1 360px; }
}

.woocommerce table.shop_table {
	width: 100%;
	margin: 0;
	border: 1px solid var(--bf-line);
	border-radius: var(--bf-radius);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	background: var(--bf-card);
}
.woocommerce table.shop_table th { padding: var(--bf-space-4) var(--bf-space-5); background: var(--bf-panel); font-size: var(--bf-fs-sm); font-weight: 700; text-align: left; }
.woocommerce table.shop_table td { padding: var(--bf-space-4) var(--bf-space-5); border-top: 1px solid var(--bf-line-soft); vertical-align: middle; }
.woocommerce table.cart td.product-thumbnail { width: 96px; display: table-cell !important; }
.woocommerce table.cart td.product-thumbnail img { width: 72px !important; height: 72px; object-fit: cover; border-radius: var(--bf-radius-sm); background: var(--bf-panel); }
.woocommerce table.cart td.product-name { min-width: 180px; font-weight: 600; }
.woocommerce table.cart td.product-name a { text-decoration: none; }
.woocommerce table.cart td.product-price, .woocommerce table.cart td.product-subtotal { white-space: nowrap; }
.woocommerce table.cart td.product-remove { width: 48px; }
.woocommerce table.cart td.product-remove a.remove {
	display: grid !important;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--bf-panel);
	color: var(--bf-muted) !important;
	font-size: 17px;
	line-height: 1;
}
.woocommerce table.cart td.product-remove a.remove:hover { background: var(--bf-primary); color: var(--bf-on-primary) !important; }
.woocommerce .quantity .qty {
	width: 88px;
	height: 44px;
	padding: 0 8px;
	border: 1px solid var(--bf-line);
	border-radius: var(--bf-radius);
	background: var(--bf-card);
	color: inherit;
	text-align: center;
}
.woocommerce table.cart td.actions { padding: var(--bf-space-5); background: var(--bf-panel); }
.woocommerce table.cart td.actions .coupon { display: flex; flex-wrap: wrap; gap: var(--bf-space-3); align-items: center; float: none !important; }
.woocommerce table.cart td.actions .coupon label { display: none; }
.woocommerce table.cart td.actions .coupon .input-text {
	width: 220px !important;
	height: 48px;
	padding: 0 16px;
	border: 1px solid var(--bf-line);
	border-radius: var(--bf-radius);
	background: var(--bf-card);
	color: inherit;
}
.woocommerce table.cart td.actions > .button { float: right; margin-top: var(--bf-space-3); }
.woocommerce table.cart td.actions > .button:disabled,
.woocommerce table.cart td.actions > .button[disabled] { background: var(--bf-line) !important; color: var(--bf-muted) !important; cursor: not-allowed; opacity: 1; }

.cart-collaterals { width: 100% !important; float: none !important; }
.cart-collaterals .cart_totals { width: 100% !important; float: none !important; padding: var(--bf-space-6); border-radius: var(--bf-radius); background: var(--bf-panel); }
.cart-collaterals .cart_totals h2 { margin-bottom: var(--bf-space-4); font-size: var(--bf-fs-h4); }
.cart-collaterals .cart_totals table.shop_table { border: 0; background: transparent; }
.cart-collaterals .cart_totals table.shop_table th,
.cart-collaterals .cart_totals table.shop_table td { padding: var(--bf-space-3) 0; background: transparent; border-top: 1px solid var(--bf-line); }
.cart-collaterals .cart_totals tr:first-child th, .cart-collaterals .cart_totals tr:first-child td { border-top: 0; }
.cart-collaterals .wc-proceed-to-checkout { padding: var(--bf-space-4) 0 0; }
.cart-collaterals .wc-proceed-to-checkout a.button { display: flex !important; width: 100%; justify-content: center; }
.woocommerce .cart-empty, .woocommerce .return-to-shop { text-align: center; }
.woocommerce .return-to-shop { margin-top: var(--bf-space-5); }

/* ---------- zamówienie i konto ---------- */
.woocommerce-checkout .bf-woo .woocommerce { display: block; }
.woocommerce-checkout h3 { margin-bottom: var(--bf-space-4); font-size: var(--bf-fs-h4); }
/* Dane kupującego jedna pod drugą, a podsumowanie zamówienia w kolumnie obok. */
.woocommerce-checkout .col2-set { display: flex; flex-wrap: wrap; gap: var(--bf-space-8); }
.woocommerce-checkout .col2-set > .col-1, .woocommerce-checkout .col2-set > .col-2 { flex: 1 1 100%; width: 100% !important; float: none !important; min-width: 0; }
.woocommerce-checkout #order_review_heading { margin-top: var(--bf-space-8); }
@media (min-width: 62rem) {
	.woocommerce-checkout form.checkout {
		display: grid;
		grid-template-columns: minmax(0, 1.5fr) minmax(320px, 1fr);
		gap: 0 var(--bf-space-8);
		align-items: start;
	}
	.woocommerce-checkout form.checkout #customer_details { grid-column: 1; grid-row: 1 / span 2; }
	.woocommerce-checkout form.checkout #order_review_heading { grid-column: 2; grid-row: 1; margin-top: 0; }
	.woocommerce-checkout form.checkout #order_review { grid-column: 2; grid-row: 2; }
}
.woocommerce-checkout #order_review { padding: var(--bf-space-6); border-radius: var(--bf-radius); background: var(--bf-panel); }
.woocommerce-checkout #order_review table.shop_table { border: 0; background: transparent; }
.woocommerce-checkout #order_review th, .woocommerce-checkout #order_review td { background: transparent; }
.woocommerce-checkout #payment { border-radius: var(--bf-radius); background: var(--bf-card); }
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--bf-line); }
.woocommerce-checkout #payment div.form-row { padding: var(--bf-space-4); }
.woocommerce-checkout #place_order { width: 100%; }
.woocommerce form .form-row label { display: block; margin-bottom: 6px; color: var(--bf-muted); font-size: var(--bf-fs-sm); }

/* Konto: menu z lewej, treść obok. Flex, bo WooCommerce wstawia dodatkowe elementy. */
.woocommerce-account .bf-woo .woocommerce { display: flex; flex-wrap: wrap; gap: var(--bf-space-8); align-items: flex-start; }
.woocommerce-account .bf-woo .woocommerce > * { flex: 1 1 100%; min-width: 0; }
@media (min-width: 62rem) {
	.woocommerce-account .bf-woo .woocommerce > .woocommerce-MyAccount-navigation { flex: 0 0 240px; }
	.woocommerce-account .bf-woo .woocommerce > .woocommerce-MyAccount-content { flex: 1 1 60%; }
}
.woocommerce-account .woocommerce-MyAccount-content p { max-width: 70ch; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--bf-space-2); }
.woocommerce-account .woocommerce-MyAccount-navigation a { display: block; padding: 10px 14px; border-radius: var(--bf-radius); background: var(--bf-panel); font-weight: 600; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--bf-primary); color: var(--bf-on-primary); }
.woocommerce-account .woocommerce-MyAccount-content { min-width: 0; }
.woocommerce-account form.login, .woocommerce-account form.register { padding: var(--bf-space-6); border: 1px solid var(--bf-line); border-radius: var(--bf-radius); background: var(--bf-card); }

/* ---------- formularz zamówienia ---------- */
.woocommerce form .form-row { margin: 0 0 var(--bf-space-4); padding: 0; }
.woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 100% !important; float: none !important; }
@media (min-width: 30rem) {
	.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
	.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--bf-space-4); }
	.woocommerce-checkout .form-row-wide, .woocommerce-checkout .bf-buyer-type { grid-column: 1 / -1; }
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select {
	width: 100%;
	min-height: 48px;
}
.woocommerce form .form-row .select2-container .select2-selection--single {
	height: 48px;
	border: 1px solid var(--bf-line);
	border-radius: var(--bf-radius);
	background: var(--bf-card);
}
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; padding-left: 14px; color: inherit; }
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; }
.woocommerce form .form-row abbr.required { color: var(--bf-primary); text-decoration: none; }

/* wybór typu nabywcy jako dwa duże kafelki */
.bf-buyer-type > label:first-child { display: block; margin-bottom: var(--bf-space-3); color: var(--bf-muted); font-size: var(--bf-fs-sm); }
.bf-buyer-type .woocommerce-input-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bf-space-3); }
.bf-buyer-type input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
.bf-buyer-type label.radio {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	margin: 0;
	padding: 10px 16px;
	border: 1px solid var(--bf-line);
	border-radius: var(--bf-radius);
	background: var(--bf-card);
	font-weight: 600;
	cursor: pointer;
	transition: border-color var(--bf-transition), background var(--bf-transition);
}
.bf-buyer-type label.radio:hover { border-color: var(--bf-primary); }
.bf-buyer-type label.radio abbr.required { display: none; }
.bf-buyer-type > label:first-child abbr.required { display: none; }
.bf-buyer-type input[type="radio"]:checked + label.radio,
.bf-buyer-type label.radio:has(input[type="radio"]:checked) { border-color: var(--bf-primary); background: color-mix(in srgb, var(--bf-primary) 10%, transparent); }
.bf-company-field[hidden] { display: none !important; }

.woocommerce-form-coupon-toggle .woocommerce-info { display: flex; align-items: center; gap: var(--bf-space-3); }
.woocommerce form.checkout_coupon { margin-bottom: var(--bf-space-6); padding: var(--bf-space-5); border: 1px solid var(--bf-line); border-radius: var(--bf-radius); background: var(--bf-card); }