/* =========================================================================
   KAMAN – sklep: archiwum, karta produktu, koszyk, kasa, konto
   ========================================================================= */

/* ---------- nagłówek sklepu ---------- */

.kmn-shophead {
	padding-top: 78px;
	padding-bottom: 30px;
}

.kmn-shophead--slim {
	padding-top: 18px;
	padding-bottom: 18px;
}

.kmn-theme .kmn-shophead__title {
	font-family: var(--kmn-serif);
	font-weight: 600;
	font-size: clamp(44px, 6vw, 80px);
	line-height: .98;
	margin: 0 0 18px;
	letter-spacing: -.01em;
}

.kmn-shophead__lead {
	font-size: 17px;
	line-height: 1.7;
	color: var(--kmn-body);
	max-width: 66ch;
	margin: 0;
}

.kmn-chips {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	padding-top: 22px;
	padding-bottom: 30px;
}

.kmn-shopgrid {
	padding-top: 8px;
	padding-bottom: 60px;
}

.kmn-shop__empty {
	font-size: 16px;
	color: var(--kmn-body);
	margin: 20px 0 40px;
}

/* ---------- siatka produktów ---------- */

.kmn-theme ul.products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

.kmn-theme ul.products::before,
.kmn-theme ul.products::after {
	display: none;
}

.kmn-theme ul.products li.product {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff;
	border: 1px solid rgba(28, 26, 25, .1);
	border-radius: 4px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: none;
	transition: transform .45s cubic-bezier(.2, .7, .2, 1), box-shadow .45s ease, border-color .3s ease;
	text-align: left;
}

.kmn-theme ul.products li.product:hover {
	border-color: var(--kmn-gold);
	transform: translateY(-7px);
	box-shadow: 0 28px 48px -30px rgba(28, 26, 25, .5);
}

/* Shoptimizer trzyma na karcie biały overlay ::before (inset:0 0 -15px), który na
   hover dostaje opacity:1 i przykrywa opis, cenę i przycisk. Mamy własny hover. */
.kmn-theme ul.products li.product::before,
.kmn-theme ul.products li.product:hover::before,
.kmn-theme ul.products li.product:focus-within::before {
	display: none;
	content: none;
}

.kmn-card__media {
	position: relative;
	aspect-ratio: 4 / 3;
	background: var(--kmn-cream-2);
}

.kmn-card__imglink {
	position: absolute;
	inset: 0;
	display: block;
}

.kmn-card__tag {
	position: absolute;
	top: 12px;
	left: 12px;
	background: rgba(28, 26, 25, .9);
	color: var(--kmn-cream);
	font-size: 10px;
	letter-spacing: .12em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 6px 11px;
	border-radius: 2px;
}

.kmn-theme .kmn-card__zoom {
	position: absolute;
	top: 11px;
	right: 11px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(28, 26, 25, .82);
	border: 1px solid rgba(201, 168, 95, .5);
	color: var(--kmn-cream);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: background .3s ease, color .3s ease, border-color .3s ease;
}

.kmn-theme .kmn-card__zoom:hover {
	background: var(--kmn-gold-lt);
	color: var(--kmn-ink-2);
	border-color: var(--kmn-gold-lt);
}

.kmn-card__body {
	padding: 15px 17px 17px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.kmn-card__room {
	font-size: 10.5px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--kmn-gold);
	font-weight: 700;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* nazwa produktu: zwarta, maksymalnie dwie linie (rozmiar w type.css) */
.kmn-theme .kmn-card__title {
	font-family: var(--kmn-serif);
	font-weight: 600;
	margin: 5px 0 7px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.kmn-theme .kmn-card__title a {
	color: var(--kmn-ink);
}

.kmn-theme .kmn-card__title a:hover {
	color: var(--kmn-gold);
}

/* cena tuz pod nazwa */
.kmn-theme .kmn-card__price,
.kmn-theme .kmn-card__price .amount,
.kmn-theme .kmn-card__price .woocommerce-Price-amount {
	font-weight: 700;
	color: var(--kmn-ink);
	font-family: var(--kmn-sans);
}

.kmn-card__price {
	display: block;
	line-height: 1.3;
}

.kmn-card__price del {
	opacity: .5;
	font-weight: 500;
	margin-right: 6px;
}

.kmn-card__price ins {
	text-decoration: none;
}

/* przycisk zawsze przy dolnej krawedzi kafla */
.kmn-card__foot {
	margin-top: auto;
	padding-top: 14px;
}

.kmn-theme .kmn-card__btn svg {
	flex: none;
}

/* plakietka "Na zamowienie" - produkt spoza stanu magazynowego */
.kmn-card__tag--zam {
	background: rgba(28, 26, 25, .86);
	color: var(--kmn-gold-lt);
	border: 1px solid rgba(201, 168, 95, .45);
}

.kmn-theme li.product .added_to_cart,
.kmn-theme ul.products li.product .added_to_cart {
	display: none !important;
}

@media (max-width: 900px) {
	.kmn-theme ul.products {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
}

@media (max-width: 420px) {
	.kmn-theme ul.products {
		grid-template-columns: 1fr;
	}
}

/* paginacja */
.kmn-theme .woocommerce-pagination {
	margin: 44px 0 0;
	text-align: center;
}

.kmn-theme .woocommerce-pagination ul {
	display: inline-flex;
	gap: 6px;
	border: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

.kmn-theme .woocommerce-pagination ul li {
	border: none;
	margin: 0;
}

.kmn-theme .woocommerce-pagination a,
.kmn-theme .woocommerce-pagination span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	border: 1px solid rgba(28, 26, 25, .18);
	border-radius: 2px;
	font-size: 13px;
	font-weight: 600;
	color: var(--kmn-ink);
	background: transparent;
	padding: 0 10px;
}

.kmn-theme .woocommerce-pagination span.current {
	background: var(--kmn-ink);
	color: var(--kmn-cream);
	border-color: var(--kmn-ink);
}

/* nota pod siatką */
.kmn-shopnote {
	padding-top: 52px;
	padding-bottom: 52px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
}

.kmn-shopnote__title {
	font-family: var(--kmn-serif);
	font-weight: 500;
	font-size: clamp(24px, 3vw, 36px);
	margin: 0 0 8px;
	max-width: 52ch;
}

.kmn-shopnote__text {
	font-size: 15px;
	line-height: 1.65;
	color: var(--kmn-body);
	margin: 0;
	max-width: 52ch;
}

/* ---------- karta produktu (single) ---------- */

.kmn-crumbs {
	padding-top: 34px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: var(--kmn-muted-2);
	letter-spacing: .04em;
	flex-wrap: wrap;
}

.kmn-theme .kmn-crumbs a {
	color: var(--kmn-muted-2);
	font-size: 12px;
}

.kmn-theme .kmn-crumbs a:hover {
	color: var(--kmn-gold);
}

.kmn-crumbs__sep {
	color: #c4b79f;
}

.kmn-crumbs__cur {
	color: var(--kmn-ink);
	font-weight: 600;
}

.kmn-prod {
	padding-top: 30px;
	padding-bottom: 64px;
	display: grid;
	grid-template-columns: 1fr 1.15fr;
	gap: 48px;
	align-items: start;
}

.kmn-prod__main {
	position: relative;
	aspect-ratio: 4 / 3;
	border-radius: 4px;
	overflow: hidden;
	background: var(--kmn-cream-2);
	cursor: zoom-in;
	box-shadow: 0 34px 64px -40px rgba(28, 26, 25, .55);
}

.kmn-prod__tag {
	position: absolute;
	top: 14px;
	left: 14px;
	background: rgba(28, 26, 25, .9);
	color: var(--kmn-cream);
	font-size: 10px;
	letter-spacing: .12em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 6px 11px;
	border-radius: 2px;
}

.kmn-prod__thumbs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-top: 12px;
}

.kmn-theme .kmn-prod__thumb {
	position: relative;
	aspect-ratio: 4 / 3;
	padding: 0;
	border: 1px solid rgba(28, 26, 25, .14);
	border-radius: 3px;
	overflow: hidden;
	background: var(--kmn-cream-2);
	cursor: pointer;
	opacity: .68;
	transition: opacity .3s ease, border-color .3s ease;
}

.kmn-theme .kmn-prod__thumb:hover,
.kmn-theme .kmn-prod__thumb.is-active {
	opacity: 1;
	border-color: var(--kmn-gold);
}

/* Shoptimizer nadaje szerokość klasom .summary/.entry-summary (klasyczny układ Woo),
   przez co kolumna informacji zwężała się do ~192px w siatce o szerokości 534px
   i wyglądało to jak pusty sidebar z uciętą treścią. */
.kmn-theme .kmn-prod .kmn-prod__info,
.kmn-theme .kmn-prod .summary.entry-summary {
	width: 100%;
	max-width: none;
	float: none;
	margin: 0;
	padding: 0;
	clear: none;
}

.kmn-prod__room {
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--kmn-gold);
	font-weight: 700;
	margin: 0 0 12px;
}

.kmn-theme .kmn-prod__title {
	font-family: var(--kmn-serif);
	font-weight: 600;
	font-size: clamp(30px, 3.6vw, 48px);
	line-height: 1.06;
	margin: 0 0 16px;
	letter-spacing: -.01em;
}

.kmn-prod__short p {
	font-size: 16px;
	line-height: 1.75;
	color: var(--kmn-body);
	margin: 0 0 14px;
}

.kmn-prod__long p {
	font-size: 15px;
	line-height: 1.75;
	color: var(--kmn-muted);
	margin: 0 0 14px;
}

.kmn-prod__pricebox {
	border-top: 1px solid rgba(28, 26, 25, .12);
	border-bottom: 1px solid rgba(28, 26, 25, .12);
	padding: 20px 0;
	margin: 12px 0 26px;
	display: flex;
	align-items: baseline;
	gap: 10px;
	flex-wrap: wrap;
}

.kmn-theme .kmn-prod__price,
.kmn-theme .kmn-prod__price .amount,
.kmn-theme .kmn-prod__price .woocommerce-Price-amount {
	font-family: var(--kmn-serif);
	font-size: 34px;
	font-weight: 600;
	color: var(--kmn-ink);
}

.kmn-theme .kmn-prod__price del {
	opacity: .45;
	font-size: 24px;
	margin-right: 8px;
}

.kmn-prod__pricenote {
	font-size: 12px;
	color: var(--kmn-muted-2);
}

.kmn-prod__actions {
	/* Siatka zamiast flexa: ścieżki liczą max-content RAZEM z marginesem
	   `.quantity` (rezerwa na absolutnie pozycjonowane strzałki Shoptimizera),
	   więc formularz nie liczy się węziej niż jego zawartość. */
	display: grid;
	/* auto-flow kolumnowy: każdy element rzędu dostaje własną ścieżkę niezależnie
	   od tego, ile węzłów wstawi Woo (przy sztywnych dwóch kolumnach trzeci
	   element spadał do kolejnego wiersza). */
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	justify-content: start;
	align-items: center;
	gap: 12px;
	margin-bottom: 30px;
}

.kmn-theme .kmn-prod .kmn-prod__actions form.cart {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
	width: auto;
	/* Formularz Woo konsekwentnie raportuje szerokość o ~18px mniejszą niż jego
	   realna zawartość, przez co sąsiedni przycisk na niego nachodził.
	   min-width pilnuje zawartości, margines daje zapas bezpieczeństwa. */
	min-width: max-content;
	margin-right: 24px;
}

.kmn-theme .kmn-prod .kmn-prod__actions .quantity {
	flex: 0 0 auto;
	float: none;
	padding: 0;
	margin: 0;
	width: 96px;
}

/* Strzałki Shoptimizera wisiały poza polem (left:57px) i nachodziły na przycisk.
   Margines nie pomagał, bo nie wlicza się do `max-content` formularza – wsadzamy
   je więc do środka pola, przy prawej krawędzi. */
.kmn-theme .kmn-prod .kmn-prod__actions .quantity-nav {
	left: auto;
	right: 1px;
}

.kmn-theme .kmn-prod .kmn-prod__actions .quantity input.qty {
	width: 96px;
	padding-right: 40px;
	text-align: left;
	padding-left: 14px;
}

.kmn-theme .kmn-prod .kmn-prod__actions .kmn-btn,
.kmn-theme .kmn-prod .kmn-prod__actions button.single_add_to_cart_button {
	white-space: nowrap;
	padding-left: 24px;
	padding-right: 24px;
	margin: 0;
	float: none;
	position: static;
}

@media (max-width: 520px) {
	.kmn-prod__actions {
		grid-auto-flow: row;
		grid-auto-columns: auto;
	}

	/* na wąskim ekranie min-width: max-content wypychał przycisk poza ekran */
	.kmn-theme .kmn-prod .kmn-prod__actions form.cart {
		min-width: 0;
		width: 100%;
		margin-right: 0;
		flex-wrap: wrap;
	}

	.kmn-theme .kmn-prod .kmn-prod__actions button.single_add_to_cart_button {
		flex: 1 1 auto;
	}

	.kmn-theme .kmn-prod .kmn-prod__actions .kmn-btn,
	.kmn-theme .kmn-prod .kmn-prod__actions button.single_add_to_cart_button {
		width: 100%;
	}
}

.kmn-prod__speclabel {
	font-size: 11px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--kmn-muted);
	font-weight: 700;
	margin: 0 0 14px;
}

.kmn-spec {
	display: grid;
	grid-template-columns: 38% 1fr;
	gap: 16px;
	padding: 13px 0;
	border-bottom: 1px solid rgba(28, 26, 25, .09);
}

.kmn-spec__k {
	font-size: 13px;
	color: var(--kmn-muted-2);
}

.kmn-spec__v {
	font-size: 13.5px;
	color: var(--kmn-ink);
	font-weight: 500;
}

/* USP w ramce – ten sam rytm co box statystyk na „O firmie” */
.kmn-prod__badges {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: rgba(28, 26, 25, .14);
	border: 1px solid rgba(28, 26, 25, .14);
	border-radius: 3px;
	overflow: hidden;
	margin-top: 30px;
}

.kmn-prod__badge {
	background: #fff;
	padding: 20px 22px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.kmn-prod__badgeicon {
	color: var(--kmn-gold);
	display: block;
}

.kmn-prod__badgelab {
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--kmn-gold);
	font-weight: 700;
	margin: 0;
}

.kmn-prod__badgeval {
	color: var(--kmn-ink);
	font-weight: 500;
	margin: 0;
}

@media (max-width: 640px) {
	.kmn-prod__badges {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	.kmn-prod {
		grid-template-columns: 1fr;
		gap: 30px;
		padding-bottom: 48px;
	}
}

/* powiązane */
.kmn-related {
	padding-top: 56px;
	padding-bottom: 64px;
}

.kmn-related__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 26px;
}

.kmn-related__title {
	font-family: var(--kmn-serif);
	font-weight: 500;
	font-size: clamp(24px, 3vw, 34px);
	margin: 0;
}

/* ---------- koszyk / kasa / konto ---------- */

.kmn-theme.woocommerce-cart .kmn-main,
.kmn-theme.woocommerce-checkout .kmn-main,
.kmn-theme.woocommerce-account .kmn-main,
.kmn-theme.woocommerce-order-received .kmn-main {
	background: var(--kmn-cream);
}

.kmn-theme.woocommerce-cart .site-main,
.kmn-theme.woocommerce-checkout .site-main,
.kmn-theme.woocommerce-account .site-main,
.kmn-theme .woocommerce-page-wrap {
	max-width: var(--kmn-max);
	margin: 0 auto;
	padding: 54px var(--kmn-gutter) 90px;
}

.kmn-theme .woocommerce h1,
.kmn-theme .woocommerce h2,
.kmn-theme .entry-title {
	font-family: var(--kmn-serif);
	font-weight: 600;
	color: var(--kmn-ink);
}

.kmn-theme .woocommerce table.shop_table {
	border: 1px solid rgba(28, 26, 25, .12);
	border-radius: 4px;
	background: #fff;
	border-collapse: separate;
}

.kmn-theme .woocommerce table.shop_table th {
	font-family: var(--kmn-sans);
	font-size: 11px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--kmn-muted);
	font-weight: 700;
}

.kmn-theme .woocommerce table.shop_table td {
	font-size: 14.5px;
	color: var(--kmn-ink);
}

.kmn-theme .woocommerce .product-name a {
	font-family: var(--kmn-serif);
	font-size: 18px;
	font-weight: 600;
	color: var(--kmn-ink);
}

.kmn-theme .woocommerce .cart_totals h2,
.kmn-theme .woocommerce-checkout h3 {
	font-size: 24px;
}

/* przyciski Woo w palecie designu */
.kmn-theme.woocommerce-page .button,
.kmn-theme.woocommerce-page button.button,
.kmn-theme.woocommerce-page input.button,
.kmn-theme.woocommerce-page a.button,
.kmn-theme .woocommerce .button,
.kmn-theme .woocommerce button.button,
.kmn-theme .woocommerce input.button,
.kmn-theme .woocommerce a.button,
.kmn-theme .woocommerce-page .button {
	background: var(--kmn-ink);
	color: var(--kmn-cream);
	border: none;
	border-radius: 2px;
	font-family: var(--kmn-sans);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 15px 26px;
	line-height: 1;
	transition: background .3s ease, color .3s ease;
}

.kmn-theme .woocommerce .button:hover,
.kmn-theme .woocommerce button.button:hover,
.kmn-theme .woocommerce a.button:hover {
	background: var(--kmn-gold);
	color: #fff;
}

.kmn-theme.woocommerce-page .button.alt,
.kmn-theme.woocommerce-page #place_order,
.kmn-theme.woocommerce-page .checkout-button,
.kmn-theme .woocommerce .button.alt,
.kmn-theme .woocommerce button.button.alt,
.kmn-theme .woocommerce a.button.alt,
.kmn-theme .woocommerce #place_order,
.kmn-theme .woocommerce .checkout-button {
	background: var(--kmn-gold);
	color: #fff;
}

.kmn-theme .woocommerce .button.alt:hover,
.kmn-theme .woocommerce #place_order:hover,
.kmn-theme .woocommerce .checkout-button:hover {
	background: var(--kmn-gold-hover);
	color: #fff;
}

.kmn-theme .woocommerce .quantity input.qty,
.kmn-theme .woocommerce form .form-row input.input-text,
.kmn-theme .woocommerce form .form-row textarea,
.kmn-theme .woocommerce form .form-row select,
.kmn-theme .select2-container .select2-selection--single {
	border: 1px solid rgba(28, 26, 25, .2);
	border-radius: 2px;
	background: #faf7f1;
	font-size: 15px;
	color: var(--kmn-ink);
	box-shadow: none;
	padding: 12px 14px;
	height: auto;
	min-height: 48px;
}

.kmn-theme .woocommerce form .form-row label {
	font-size: 11px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--kmn-muted);
	font-weight: 600;
}

.kmn-theme .woocommerce-message,
.kmn-theme .woocommerce-info {
	background: var(--kmn-cream-2);
	border-top: 3px solid var(--kmn-gold);
	color: var(--kmn-ink);
}

.kmn-theme .woocommerce-message::before,
.kmn-theme .woocommerce-info::before {
	color: var(--kmn-gold);
}

.kmn-theme .woocommerce-error {
	border-top-color: #b3403f;
}

.kmn-theme .woocommerce .cart-collaterals .cart_totals,
.kmn-theme .woocommerce-checkout-review-order,
.kmn-theme .woocommerce-additional-fields,
.kmn-theme .woocommerce-billing-fields {
	background: #fff;
	border: 1px solid rgba(28, 26, 25, .12);
	border-radius: 4px;
	padding: 24px;
}

.kmn-theme .woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
}

.kmn-theme .woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 12px 14px;
	border-bottom: 1px solid rgba(28, 26, 25, .1);
	color: var(--kmn-ink);
	font-size: 13px;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-weight: 600;
}

.kmn-theme .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--kmn-gold);
}

/* nasze przyciski nie mogą przegrać z regułami Woo (mają też klasę .button) */
.kmn-theme.woocommerce-page .kmn-btn,
.kmn-theme .woocommerce .kmn-btn {
	padding: 16px 30px;
	font-size: 13px;
	letter-spacing: .1em;
	border-radius: 2px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	line-height: 1;
}

.kmn-theme.woocommerce-page .kmn-btn--sm,
.kmn-theme .woocommerce .kmn-btn--sm {
	padding: 10px 16px;
	font-size: 11px;
	letter-spacing: .08em;
}

.kmn-theme.woocommerce-page .kmn-btn--dark,
.kmn-theme .woocommerce .kmn-btn--dark {
	background: var(--kmn-ink);
	color: var(--kmn-cream);
}

.kmn-theme.woocommerce-page .kmn-btn--dark:hover,
.kmn-theme .woocommerce .kmn-btn--dark:hover {
	background: var(--kmn-gold);
	color: #fff;
}

.kmn-theme.woocommerce-page .kmn-btn--ghostdark,
.kmn-theme .woocommerce .kmn-btn--ghostdark {
	background: transparent;
	color: var(--kmn-ink);
	border: 1px solid rgba(28, 26, 25, .28);
}

.kmn-theme.woocommerce-page .kmn-btn--gold,
.kmn-theme .woocommerce .kmn-btn--gold {
	background: var(--kmn-gold);
	color: #fff;
}

/* Przycisk na karcie: Shoptimizer ustawia `ul.products li.product .button`
   na position:absolute; bottom:0; left:calc(100% - 30px) – przez co nachodził
   na cenę i kleił się do dolnej krawędzi kafla. Wracamy do przepływu. */
.kmn-theme ul.products li.product a.kmn-card__btn,
.kmn-theme ul.products li.product .kmn-card__btn {
	position: static;
	bottom: auto;
	left: auto;
	right: auto;
	top: auto;
	background: var(--kmn-ink);
	color: var(--kmn-cream);
	padding: 10px 16px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	border: none;
	border-radius: 2px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	width: 100%;
	justify-content: center;
	min-height: 0;
	margin: 0;
}

.kmn-theme ul.products li.product a.kmn-card__btn:hover,
.kmn-theme ul.products li.product .kmn-card__btn:hover {
	background: var(--kmn-gold);
	color: #fff;
}

.kmn-theme ul.products li.product a.kmn-card__btn.loading,
.kmn-theme ul.products li.product a.kmn-card__btn.added {
	opacity: .75;
}

/* „Dodaj do koszyka” na karcie produktu – ciemny, nie złoty (.button.alt) */
.kmn-theme.woocommerce-page .kmn-prod .kmn-prod__actions button.single_add_to_cart_button,
.kmn-theme.woocommerce-page .kmn-prod .kmn-prod__actions .single_add_to_cart_button,
.kmn-theme .kmn-prod .kmn-prod__actions button.single_add_to_cart_button {
	background: var(--kmn-ink);
	color: var(--kmn-cream);
	padding: 15px 26px;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	border: none;
	min-height: 48px;
	line-height: 1;
}

.kmn-theme.woocommerce-page .kmn-prod .kmn-prod__actions button.single_add_to_cart_button:hover,
.kmn-theme .kmn-prod .kmn-prod__actions button.single_add_to_cart_button:hover {
	background: var(--kmn-gold);
	color: #fff;
}

/* =========================================================================
   Koszyk i kasa w wersji blokowej (WooCommerce Blocks)
   Woo 10.x renderuje koszyk/kasę blokami, więc klasyczne selektory
   (.checkout-button, .cart_totals) nie istnieją - stąd osobna sekcja.
   ========================================================================= */

/* Shoptimizer wypisuje w customizerze selektor złożony
   `.wp-element-button.wc-block-components-button.wc-block-components-checkout-place-order-button`
   (0,3,0) i drukuje go PO Additional CSS - tylko !important daje tu pewność. */
.kmn-theme .wc-block-components-button,
.kmn-theme .wp-element-button.wc-block-components-button,
.kmn-theme .wc-block-cart__submit-button,
.kmn-theme .wc-block-components-checkout-place-order-button,
.kmn-theme button.wp-element-button,
.kmn-theme a.wp-element-button {
	background: var(--kmn-ink) !important;
	background-color: var(--kmn-ink) !important;
	color: var(--kmn-cream) !important;
	border: none;
	border-radius: 2px;
	font-family: var(--kmn-sans);
	font-size: var(--kmn-btn-fs, 13px) !important;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 16px 28px;
	line-height: 1;
	min-height: 52px;
	box-shadow: none;
	transition: background-color .3s ease, color .3s ease;
}

.kmn-theme .wc-block-components-button:hover,
.kmn-theme .wp-element-button.wc-block-components-button:hover,
.kmn-theme .wc-block-cart__submit-button:hover,
.kmn-theme .wc-block-components-checkout-place-order-button:hover,
.kmn-theme button.wp-element-button:hover,
.kmn-theme a.wp-element-button:hover {
	background: var(--kmn-gold) !important;
	background-color: var(--kmn-gold) !important;
	color: #fff !important;
}

/* przyciski drugorzędne w blokach (np. „Zastosuj kupon") */
.kmn-theme .wc-block-components-button.outlined,
.kmn-theme .wc-block-components-button:not(.contained) {
	background: transparent !important;
	background-color: transparent !important;
	color: var(--kmn-ink) !important;
	border: 1px solid rgba(28, 26, 25, .28);
}

.kmn-theme .wc-block-components-button.outlined:hover,
.kmn-theme .wc-block-components-button:not(.contained):hover {
	background: transparent !important;
	background-color: transparent !important;
	border-color: var(--kmn-gold);
	color: var(--kmn-gold) !important;
}

/* nagłówki bloków - serif zamiast sansa motywu rodzica */
.kmn-theme .wc-block-cart__totals-title,
.kmn-theme .wp-block-woocommerce-cart-order-summary-heading-block,
.kmn-theme .wc-block-components-title,
.kmn-theme .wc-block-components-checkout-step__title {
	font-family: var(--kmn-serif) !important;
	color: var(--kmn-ink);
	text-transform: none;
	letter-spacing: normal;
}

.kmn-theme .wc-block-cart__totals-title,
.kmn-theme .wp-block-woocommerce-cart-order-summary-heading-block {
	/* równo z „Podsumowanie zamówienia” w kasie */
	font-size: 20px !important;
	font-weight: 600;
}

/* nazwa produktu w podsumowaniu - w kasie renderowana jako h3 (32px) */
.kmn-theme .wc-block-components-product-name,
.kmn-theme h3.wc-block-components-product-name,
.kmn-theme .wc-block-components-order-summary-item__description .wc-block-components-product-name {
	font-family: var(--kmn-serif);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--kmn-ink);
}

.kmn-theme a.wc-block-components-product-name:hover {
	color: var(--kmn-gold);
}

/* pola formularza kasy w palecie projektu */
.kmn-theme .wc-block-components-text-input input,
.kmn-theme .wc-block-components-textarea,
.kmn-theme .wc-block-components-select__container {
	border-radius: 2px;
	background: #faf7f1;
	font-size: 16px;
	color: var(--kmn-ink);
}

.kmn-theme .wc-block-components-text-input.is-active input:focus,
.kmn-theme .wc-block-components-text-input input:focus {
	box-shadow: 0 0 0 1px var(--kmn-gold);
	outline: none;
}

.kmn-theme .wc-block-components-totals-item__value {
	font-weight: 700;
	color: var(--kmn-ink);
}

/* ---------- koszyk blokowy na wąskich ekranach ---------- */

@media (max-width: 640px) {
	/* Cena łączna łamała się co znak („35 / 600, / 00 zł”) – ma zostać w jednej
	   linii, a kolumna dostaje tyle miejsca, ile realnie potrzebuje.
	   Uwaga: `width: 1%` NIE działa – blokowy koszyk nie jest realną tabelą
	   i zwężał komórkę dosłownie do 1 px. */
	.kmn-theme table.wc-block-cart-items {
		table-layout: auto;
		width: 100%;
	}

	.kmn-theme .wc-block-cart-item__total,
	.kmn-theme .wc-block-cart-item__total .wc-block-components-formatted-money-amount,
	.kmn-theme .wc-block-components-product-price {
		white-space: nowrap;
		overflow-wrap: normal;
		word-break: keep-all;
		text-align: right;
	}

	.kmn-theme .wc-block-cart-item__total {
		width: auto;
		min-width: 84px;
		padding-left: 8px;
		padding-right: 0;
	}

	.kmn-theme .wc-block-cart-item__total .wc-block-components-formatted-money-amount {
		font-size: 14px;
	}

	.kmn-theme .wc-block-cart-item__image img {
		max-width: 72px;
		height: auto;
	}
}

/* =========================================================================
   Katalog: panel boczny z kategoriami + pasek narzedzi
   (uklad pod duza liczbe produktow)
   ========================================================================= */

.kmn-shoplayout {
	display: grid;
	grid-template-columns: 252px minmax(0, 1fr);
	gap: 44px;
	align-items: start;
	padding-top: 6px;
	padding-bottom: 64px;
}

.kmn-shopmain {
	min-width: 0;
}

.kmn-shopside {
	position: sticky;
	top: calc(var(--kmn-head) + 16px);
	align-self: start;
	max-height: calc(100vh - var(--kmn-head) - 32px);
	overflow-y: auto;
	overscroll-behavior: contain;
}

.kmn-shopside__inner {
	display: flex;
	flex-direction: column;
	gap: 26px;
	padding-right: 4px;
}

.kmn-shopside__head,
.kmn-shopscrim {
	display: none;
}

/* --- wyszukiwarka --- */

.kmn-sidesearch {
	position: relative;
	display: flex;
}

.kmn-theme .kmn-sidesearch input[type="search"] {
	width: 100%;
	background: #fff;
	border: 1px solid rgba(28, 26, 25, .18);
	border-radius: 2px;
	padding: 11px 42px 11px 13px;
	font-size: 13px;
	font-family: var(--kmn-sans);
	color: var(--kmn-ink);
	min-height: 0;
	margin: 0;
}

.kmn-theme .kmn-sidesearch input[type="search"]:focus {
	outline: none;
	border-color: var(--kmn-gold);
}

.kmn-theme .kmn-sidesearch button {
	position: absolute;
	right: 1px;
	top: 1px;
	bottom: 1px;
	width: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	color: var(--kmn-muted-2);
	cursor: pointer;
	padding: 0;
	min-height: 0;
}

.kmn-theme .kmn-sidesearch button:hover {
	color: var(--kmn-gold);
	background: transparent;
}

/* --- bloki panelu --- */

.kmn-sidebox {
	border-top: 1px solid rgba(28, 26, 25, .14);
	padding-top: 18px;
}

.kmn-theme .kmn-sidebox__title {
	font-size: 11px;
	letter-spacing: .16em;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--kmn-ink);
	margin: 0 0 12px;
}

/* --- drzewo kategorii --- */

.kmn-catlist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kmn-catlist__item + .kmn-catlist__item {
	margin-top: 2px;
}

.kmn-catrow {
	display: flex;
	align-items: stretch;
	gap: 4px;
}

.kmn-theme .kmn-catlink {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	font-size: 13.5px;
	line-height: 1.35;
	color: var(--kmn-body);
	padding: 7px 8px 7px 0;
	border-radius: 2px;
	transition: color .25s ease;
}

.kmn-theme .kmn-catlink:hover {
	color: var(--kmn-gold);
}

.kmn-theme .kmn-catlink.is-current {
	color: var(--kmn-ink);
	font-weight: 700;
}

.kmn-catlink__n {
	font-size: 11px;
	color: var(--kmn-muted-2);
	font-variant-numeric: tabular-nums;
	flex: none;
}

.kmn-theme .kmn-cattoggle {
	flex: none;
	width: 26px;
	background: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
	color: var(--kmn-muted-2);
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
}

.kmn-theme .kmn-cattoggle:hover {
	color: var(--kmn-gold);
	background: transparent;
}

.kmn-cattoggle__ico {
	width: 8px;
	height: 8px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(-45deg);
	transition: transform .25s ease;
	margin-top: -3px;
}

.kmn-catlist__item.is-open > .kmn-catrow .kmn-cattoggle__ico {
	transform: rotate(45deg);
	margin-top: 2px;
}

.kmn-catlist--sub {
	display: none;
	margin: 2px 0 8px;
	padding-left: 12px;
	border-left: 1px solid rgba(28, 26, 25, .14);
}

.kmn-catlist__item.is-open > .kmn-catlist--sub {
	display: block;
}

.kmn-theme .kmn-catlink--sub {
	font-size: 12.5px;
	padding: 5px 8px 5px 0;
}

/* --- filtr ceny --- */

.kmn-pricefilter__row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
}

.kmn-theme .kmn-pricefilter input[type="number"] {
	width: 100%;
	min-width: 0;
	background: #fff;
	border: 1px solid rgba(28, 26, 25, .18);
	border-radius: 2px;
	padding: 9px 10px;
	font-size: 13px;
	font-family: var(--kmn-sans);
	color: var(--kmn-ink);
	min-height: 0;
	margin: 0;
}

.kmn-theme .kmn-pricefilter input[type="number"]:focus {
	outline: none;
	border-color: var(--kmn-gold);
}

.kmn-pricefilter__sep {
	color: var(--kmn-muted-2);
	flex: none;
}

.kmn-theme .kmn-pricefilter .kmn-btn {
	width: 100%;
	justify-content: center;
}

/* --- dostepnosc --- */

.kmn-theme .kmn-check {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13.5px;
	color: var(--kmn-body);
}

.kmn-theme .kmn-check:hover {
	color: var(--kmn-gold);
}

.kmn-check__box {
	width: 16px;
	height: 16px;
	border: 1px solid rgba(28, 26, 25, .35);
	border-radius: 2px;
	flex: none;
	position: relative;
}

.kmn-check.is-on .kmn-check__box {
	background: var(--kmn-ink);
	border-color: var(--kmn-ink);
}

.kmn-check.is-on .kmn-check__box::after {
	content: "";
	position: absolute;
	left: 5px;
	top: 1px;
	width: 4px;
	height: 9px;
	border-right: 1.5px solid var(--kmn-cream);
	border-bottom: 1.5px solid var(--kmn-cream);
	transform: rotate(45deg);
}

.kmn-theme .kmn-check.is-on {
	color: var(--kmn-ink);
	font-weight: 600;
}

/* --- reset + pomoc --- */

.kmn-theme .kmn-sidereset {
	font-size: 12px;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--kmn-gold);
	border-bottom: 1px solid rgba(169, 136, 74, .4);
	align-self: flex-start;
	padding-bottom: 3px;
}

.kmn-theme .kmn-sidereset:hover {
	color: var(--kmn-ink);
	border-color: var(--kmn-ink);
}

.kmn-sidehelp {
	background: var(--kmn-cream-2);
	border: 1px solid rgba(28, 26, 25, .1);
	border-radius: 3px;
	padding: 18px;
}

.kmn-theme .kmn-sidehelp__title {
	font-family: var(--kmn-serif);
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 8px;
	line-height: 1.25;
}

.kmn-theme .kmn-sidehelp__text {
	font-size: 13px;
	line-height: 1.6;
	color: var(--kmn-body);
	margin: 0 0 12px;
}

/* --- pasek narzedzi nad siatka --- */

.kmn-shopbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	flex-wrap: wrap;
	border-bottom: 1px solid rgba(28, 26, 25, .14);
	padding-bottom: 14px;
	margin-bottom: 22px;
}

.kmn-theme .kmn-shopbar__count {
	font-size: 13px;
	color: var(--kmn-body);
	margin: 0;
}

.kmn-shopbar__forms {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin: 0;
}

.kmn-select {
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative;
}

.kmn-select__lab {
	font-size: 11px;
	letter-spacing: .12em;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--kmn-muted-2);
	white-space: nowrap;
}

/* wlasna strzalka - natywna daje podwojna ramke przy wlasnym borderze */
.kmn-theme .kmn-select select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%231c1a19' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 11px center;
	background-size: 11px 8px;
	border: 1px solid rgba(28, 26, 25, .2);
	border-radius: 2px;
	padding: 9px 32px 9px 12px;
	font-family: var(--kmn-sans);
	font-size: 13px;
	color: var(--kmn-ink);
	cursor: pointer;
	min-height: 0;
	height: auto;
	margin: 0;
	max-width: 100%;
}

.kmn-theme .kmn-select select:focus {
	outline: none;
	border-color: var(--kmn-gold);
}

/* --- aktywne filtry --- */

.kmn-aktywne {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: -6px 0 20px;
}

.kmn-theme .kmn-aktywne__chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--kmn-cream-2);
	border: 1px solid rgba(28, 26, 25, .16);
	border-radius: 40px;
	padding: 6px 13px;
	font-size: 12px;
	color: var(--kmn-ink);
}

.kmn-theme .kmn-aktywne__chip:hover {
	border-color: var(--kmn-gold);
	color: var(--kmn-gold);
}

.kmn-theme .kmn-aktywne__chip span {
	font-size: 10px;
	color: var(--kmn-muted-2);
}

/* --- podkategorie jako chipsy --- */

.kmn-chip__n {
	font-size: 10.5px;
	color: var(--kmn-muted-2);
	margin-left: 6px;
}

/* --- przycisk filtrow (mobile) --- */

.kmn-theme .kmn-filtbtn {
	display: none;
	align-items: center;
	gap: 9px;
	background: #fff;
	border: 1px solid rgba(28, 26, 25, .2);
	border-radius: 2px;
	padding: 12px 16px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--kmn-ink);
	cursor: pointer;
	width: 100%;
	justify-content: center;
	min-height: 0;
}

.kmn-theme .kmn-filtbtn.is-open {
	border-color: var(--kmn-gold);
	color: var(--kmn-gold);
}

.kmn-shopgrid {
	padding: 0;
}

@media (max-width: 1080px) {
	.kmn-shoplayout {
		grid-template-columns: 220px minmax(0, 1fr);
		gap: 32px;
	}
}

@media (max-width: 980px) {
	.kmn-shoplayout {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.kmn-theme .kmn-filtbtn {
		display: flex;
	}

	/* panel filtrow wjezdza jako popup nad trescia */
	.kmn-shopscrim {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 125;
		background: rgba(12, 10, 8, .55);
		opacity: 0;
		visibility: hidden;
		transition: opacity .3s ease, visibility .3s ease;
	}

	.kmn-shopscrim.is-open {
		opacity: 1;
		visibility: visible;
	}

	.kmn-shopside {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: min(90vw, 380px);
		max-height: none;
		z-index: 126;
		background: var(--kmn-cream);
		box-shadow: 0 0 60px rgba(12, 10, 8, .35);
		padding: 0 20px 24px;
		overflow-y: auto;
		transform: translateX(-100%);
		visibility: hidden;
		transition: transform .35s cubic-bezier(.2, .7, .2, 1), visibility .35s ease;
	}

	.kmn-shopside.is-open {
		transform: none;
		visibility: visible;
	}

	.kmn-shopside__head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		position: sticky;
		top: 0;
		z-index: 2;
		background: var(--kmn-cream);
		padding: 18px 0 14px;
		border-bottom: 1px solid rgba(28, 26, 25, .14);
		margin-bottom: 18px;
	}

	.kmn-theme .kmn-shopside__htitle {
		font-size: 11px;
		letter-spacing: .16em;
		text-transform: uppercase;
		font-weight: 700;
		color: var(--kmn-ink);
		margin: 0;
	}

	.kmn-theme .kmn-shopside__close {
		width: 34px;
		height: 34px;
		border: 1px solid rgba(28, 26, 25, .2);
		border-radius: 50%;
		background: transparent;
		color: var(--kmn-ink);
		font-size: 13px;
		line-height: 1;
		cursor: pointer;
		padding: 0;
		min-height: 0;
		flex: none;
	}

	.kmn-shopside__inner {
		padding-right: 0;
	}

	.kmn-sidebox:first-of-type {
		border-top: none;
		padding-top: 0;
	}

	.kmn-shopbar {
		gap: 12px;
	}

	.kmn-shopbar__forms {
		gap: 10px;
	}

	.kmn-select__lab {
		display: none;
	}
}