/* ==========================================================================
   Karta produktu - redesign (desktop) - warstwa override
   Laduje sie PO compact.min.css. Caly zakres scope'owany pod .page--product,
   zeby nie wplywac na pozostale strony sklepu.
   Iteracja 1: fundament wizualny (tlo, typografia, cena, CTA, badge).
   ========================================================================== */

:root {
	--kp-bg: #faf8f4;
	--kp-card: #ffffff;
	--kp-border: #ece8e0;
	--kp-text: #2c2622;
	--kp-muted: #8e877d;
	--kp-red: #9c1b1b;
	--kp-red-dark: #7e1414;
	--kp-green: #5e8c54;
	--kp-radius: 12px;
}

/* --- Tlo i ogolna typografia karty --- */
.page--product #siteContainer,
.page--product #wrapper {
	background: var(--kp-bg);
}

.page--product #produkt {
	color: var(--kp-text);
}

/* --- Tytul produktu --- */
.page--product h1.tytul {
	font-size: 30px;
	line-height: 1.2;
	color: var(--kp-text);
	font-weight: 600;
	margin: 0 0 14px;
	letter-spacing: -0.01em;
}

/* --- Cena --- */
.page--product #prodDetailsBg .atcLeft .cena,
.page--product #prodDetailsBg #price.cena {
	color: var(--kp-red);
	font-size: 40px;
	line-height: 1;
	font-weight: 700;
}

.page--product #prodDetailsBg .cena-skresl {
	color: var(--kp-muted);
	font-size: 18px;
	text-decoration: line-through;
}

/* --- Badge (BESTSELLER / Nowosc / Promocja) --- */
.page--product .single-prod-badges .badge {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1;
}

.page--product .single-prod-badges .badge.bestseller {
	background: var(--kp-red);
	color: #fff;
}

.page--product .single-prod-badges .badge.nowosc {
	background: var(--kp-green);
	color: #fff;
}

/* --- Glowne CTA "Dodaj do koszyka" --- */
.page--product #kosz_butt,
.page--product #kosz_butt_un,
.page--product #kosz_butt_uv2,
.page--product #kosz_butt_uv3 {
	background: var(--kp-red);
	color: #fff;
	border: 0;
	border-radius: var(--kp-radius);
	width: 100%;
	padding: 18px 20px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s ease;
}

.page--product #kosz_butt:hover {
	background: var(--kp-red-dark);
}

/* --- Karty informacyjne (dostawa / trust) --- */
.page--product .set-container .shippments-header {
	border: 1px solid var(--kp-border);
	border-radius: var(--kp-radius);
	background: var(--kp-card);
}

.page--product .popups_prod .popup_prod,
.page--product .popups_prod .popup_prod_button {
	border-radius: var(--kp-radius);
	border-color: var(--kp-border);
}

/* --- Trust badges: rzad ikon na dole panelu --- */
.page--product .popups_prod {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.page--product .popups_prod .popup_prod_button {
	flex: 1 1 100%;
}

/* --- Sekcje "Dostepne warianty" / "Dobierz do prezentu" naglowki --- */
.page--product .additionalContainer h4,
.page--product .wariant-cont-left h4 {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--kp-muted);
}