/* Motyw Antyczna: kolory DBD, typografia i fonty z makiety A2 (fonty z naszego serwera, licencja OFL). */
@font-face {
	font-family: "Libre Baskerville";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/libre-baskerville-latin-ext-400-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Libre Baskerville";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/libre-baskerville-latin-400-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Jost";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/jost-latin-ext-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Jost";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/jost-latin-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--krem: #F8F6F1;
	--bialy: #FFF;
	--ramka-pola: #8A8474; /* ramka pól ≥ 3:1: szukajka, zapytanie, zamówienie */
	--zielen: #0B5038;
	--zielen-2: #083D2B;
	--tekst: #172E27;
	--tekst-2: #4B5F57;
	--zloto: #A77B2A; /* tylko linie, ikony, obwódki — nigdy tekst */
	--zloto-t: #87621D;
	--zloto-j: #D7B875;
	--linia: #DCD8CC;
	--serif: "Libre Baskerville", Baskerville, Georgia, serif;
	--sans: "Jost", system-ui, sans-serif;
	--szer: 1240px;
	--tekst-maly: 15px;
	--tekst-podstawa: 17px;
	--naglowek-2: clamp(26px, 2.5vw, 34px);
	--naglowek-1: clamp(32px, 3.3vw, 46px);
}

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

body {
	margin: 0;
	background: var(--krem);
	color: var(--tekst);
	font: 400 var(--tekst-podstawa) / 1.6 var(--sans);
	text-wrap: pretty;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3 {
	text-wrap: balance;
	font-family: var(--serif);
	font-weight: 400;
	color: var(--zielen);
	letter-spacing: -0.01em;
}

h1 {
	font-size: var(--naglowek-1);
	line-height: 1.16;
}

h2 {
	font-size: var(--naglowek-2);
	line-height: 1.2;
}

a {
	color: inherit;
	text-decoration: none;
}

:focus-visible {
	outline: 2px solid var(--zloto-t);
	outline-offset: 3px;
}

.kontener {
	max-width: var(--szer);
	margin: 0 auto;
	padding: 0 32px;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	padding: 0 28px;
	font: 500 16px / 1 var(--sans);
	border-radius: 2px;
	border: 1.5px solid transparent;
	cursor: pointer;
}

.btn-zielony {
	background: var(--zielen);
	color: #fff;
}

.btn-zielony:hover {
	background: var(--zielen-2);
}

.btn-obrys {
	background: transparent;
	color: var(--zielen);
	border-color: var(--zielen);
}

.btn-obrys:hover {
	background: var(--zielen);
	color: #fff;
}

.btn-krem {
	background: var(--krem);
	color: var(--zielen);
}

.btn-krem:hover {
	background: #fff;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* Przejdź do treści */
.przejdz {
	position: absolute;
	left: 8px;
	top: 8px;
	z-index: 100;
	padding: 10px 16px;
	background: var(--bialy);
	color: var(--zielen);
	transform: translateY(-200%);
}

.przejdz:focus {
	transform: none;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	word-wrap: normal !important;
}

/* Nagłówek */
.naglowek {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 32px;
	padding-top: 14px;
	padding-bottom: 14px;
	position: relative;
}

.naglowek .logo {
	display: flex;
	align-items: center;
	gap: 14px;
	color: var(--zielen);
}

.naglowek .logo img {
	display: block;
	height: 56px;
	width: auto;
	max-width: none;
}

.naglowek .logo .nazwa {
	font: 400 20px / 1.15 var(--serif);
}

.menu {
	display: flex;
	white-space: nowrap;
	font-weight: 500;
	font-size: 15.5px;
}

.menu a {
	padding: 6px 0;
	border-bottom: 1.5px solid transparent;
}

.menu a:hover,
.menu a[aria-current] {
	border-color: var(--zloto);
}


.ikony {
	display: flex;
	margin-right: -11px;
	align-items: center;
	font-size: 15px;
}

.ikony svg {
	width: 22px;
	height: 22px;
	stroke: var(--tekst);
	fill: none;
	stroke-width: 1.5;
	vertical-align: middle;
}

.koszyk,
.ulubione {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
}

.koszyk .liczba,
.ulubione .liczba {
	position: absolute;
	top: 4px;
	left: 23px;
	min-width: 17px;
	padding: 0 4px;
	border-radius: 10px;
	background: var(--zielen);
	color: #fff;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
}

.koszyk .liczba:empty,
.ulubione .liczba:empty {
	display: none;
}

.przedmiot {
	position: relative;
}

.przedmiot .serce {
	position: absolute;
	top: 1px;
	right: 1px;
	display: none;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	background: radial-gradient(circle, #FFFFFFD9 14px, transparent 15px);
	color: var(--tekst);
	cursor: pointer;
}

.js-serca .przedmiot .serce {
	display: grid;
}

.przedmiot .serce svg {
	width: 19px;
	height: 19px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	transition: fill 0.2s ease;
}

.przedmiot .serce:hover,
.przedmiot .serce[aria-pressed="true"] {
	color: var(--zielen);
}

.przedmiot .serce[aria-pressed="true"] svg {
	fill: var(--zielen);
}

/* Błąd zapisu serca: pasek u dołu ekranu, pusty — niewidoczny */
.serce-blad {
	position: fixed;
	bottom: 16px;
	left: 50%;
	z-index: 50;
	margin: 0;
	padding: 12px 20px;
	background: var(--zielen-2);
	color: var(--krem);
	transform: translateX(-50%);
}

.serce-blad:empty {
	display: none;
}

.szukaj summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
}

.szukaj summary::-webkit-details-marker {
	display: none;
}

.szukaj form {
	width: 440px;
	max-width: calc(100vw - 32px);
	position: absolute;
	right: 32px;
	top: 100%;
	z-index: 50;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding: 14px;
	background: var(--bialy);
	border: 1px solid var(--linia);
}

.szukaj input[type="search"] {
	height: 50px;
	padding: 0 12px;
	flex: 1;
	min-width: 0;
	font: inherit;
	font-size: 16px;
	color: var(--tekst);
	border: 1px solid var(--ramka-pola);
	border-radius: 2px;
}

.przycisk-menu {
	display: none;
	background: none;
	border: 0;
	padding: 10px;
	min-width: 44px;
	min-height: 44px;
	cursor: pointer;
}

.przycisk-menu svg {
	width: 24px;
	height: 24px;
}

/* Stopka */
.stopka {
	background: var(--zielen);
	color: var(--krem);
	margin-top: 64px;
	border-top: 2px solid var(--zloto);
}

.stopka .kontener {
	display: grid;
	grid-template-columns: 4fr 2fr 2fr 2fr 3fr;
	gap: 32px;
	padding-top: 64px;
	padding-bottom: 48px;
}

.stopka .marka {
	font: 400 22px / 1.25 var(--serif);
}

.stopka .marka img {
	display: block;
	height: 80px;
	width: auto;
	margin-bottom: 16px;
}

.stopka .marka small {
	display: block;
	font: 400 15px / 1.5 var(--sans);
	text-wrap: balance;
	color: #BFCFC4;
	margin-top: 10px;
}

.stopka h2 {
	font: 500 15px / 1.3 var(--sans);
	color: var(--zloto-j);
	margin: 0 0 14px;
	letter-spacing: 0;
}

.stopka ul {
	padding: 0;
	margin: 0;
}

.stopka li {
	list-style: none;
	margin: 6px 0;
	font-size: 16px;
}

.stopka a:hover {
	text-decoration: underline;
}

.stopka .dol-stopki {
	border-top: 1px solid rgba(215, 184, 117, 0.3);
	padding: 18px 0;
	width: calc(100% - 64px);
	max-width: calc(var(--szer) - 64px);
	margin: 0 auto;
	font-size: 14px;
	color: #BFCFC4;
	display: flex;
	justify-content: space-between;
}

/* Pasek usług nad nagłówkiem; rodzaje w osobnym rzędzie (wariant B „Szyld”) */
.szyld{background:var(--zielen-2);color:var(--krem);font-size:14.5px}
.szyld .kontener{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:24px}
.szyld nav{display:flex;gap:22px}
.szyld a{color:var(--krem)}
.szyld a[aria-current]{color:#fff;text-decoration:underline;text-decoration-color:var(--zloto-j);text-underline-offset:5px}
.szyld p{margin:0}
.szyld p a{margin-left:10px;font-weight:500}
.uslugi-menu{display:none}
@media (min-width:1000px){
.naglowek{grid-template-columns:auto 1fr;grid-template-areas:"l i" "m m";row-gap:8px;padding-bottom:0}
.naglowek .logo{grid-area:l}
.ikony{grid-area:i;justify-self:end}
.menu{grid-area:m;border:solid var(--linia);border-width:1px 0;justify-content:space-between;padding:6px 0;gap:0 12px;font-size:15px}
}

/* Menu pod przyciskiem do 999 px */
@media (max-width: 999px) {
	.naglowek {
		grid-template-columns: auto 1fr;
		gap: 12px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.naglowek .logo {
		gap: 8px;
	}

	.naglowek .logo img {
		height: 48px;
	}

	.naglowek .logo .nazwa {
		font-size: 15px;
		max-width: 6em;
	}

	.ikony {
		justify-self: end;
		margin-right: 0;
	}

	.menu {
		font-size: 17px;
		grid-column: 1 / -1;
		grid-row: 2;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.menu a {
		padding: 12px 0;
	}


	.js-menu .przycisk-menu {
		display: block;
	}

	.js-menu .menu {
		display: none;
	}

	.js-menu .menu.otwarte {
		display: flex;
	}

.szyld nav{display:none}
.szyld .kontener{justify-content:center;min-height:44px;font-size:14px}
.szyld p a{display:inline-flex;align-items:center;min-height:44px}
.uslugi-menu{display:flex;grid-column:1/-1;grid-row:3;flex-direction:column;border-top:1px solid var(--linia);background:none;margin:0;padding:4px 0 0;font-size:15px;color:var(--tekst-2)}
.uslugi-menu a{padding:11px 0}
.js-menu .uslugi-menu{display:none}
.js-menu .menu.otwarte~.uslugi-menu{display:flex}

	.szukaj form {
		right: 16px;
		left: auto;
	}

	.szukaj input[type="search"] {
		flex: 1;
		min-width: 0;
	}
}

/* Telefon */
@media (max-width: 900px) {
	.kontener {
		padding: 0 16px;
	}

	.stopka {
		margin-top: 48px;
	}

	.stopka .kontener {
		grid-template-columns: 1fr 1fr;
		row-gap: 28px;
	}

	.stopka .marka {
		grid-column: 1 / -1;
		order: -2;
	}

	.stopka .dol-stopki {
		flex-direction: column;
		gap: 6px;
		width: calc(100% - 32px);
		padding: 18px 0;
	}
}

.link,
.filtry .link,
.pusto .link {
	display: inline-flex;
	align-items: center;
	border-bottom: 1px solid var(--zloto);
	color: var(--tekst);
	font-size: 15px;
}

.przedmiot > a {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.przedmiot .lezy {
	position: relative;
	aspect-ratio: 1;
	overflow: hidden;
	padding: 6%;
	margin-bottom: 16px;
	background: var(--bialy);
	border: 1px solid transparent;
	transition: border-color 0.25s ease;
}

.przedmiot img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
	transition: opacity 0.3s ease;
}

.przedmiot .lezy .drugie {
	display: none;
}

.przedmiot.sprzedany img {
	opacity: 0.7;
}

.przedmiot .odznaka {
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 4px 7px;
	background: var(--bialy);
	color: var(--zielen);
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
}

@media (hover: hover) {
	.przedmiot:hover .lezy,
	.przedmiot > a:focus-visible .lezy {
		border-color: var(--zloto);
	}

	.przedmiot .lezy .drugie {
		display: block;
		position: absolute;
		inset: 0;
		box-sizing: border-box;
		padding: 6%;
		opacity: 0;
	}

	.przedmiot.ma-drugie:hover .pierwsze,
	.przedmiot.ma-drugie:hover .lezy > img:first-child {
		opacity: 0;
	}

	.przedmiot.ma-drugie:hover .lezy .drugie {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.przedmiot img,
	.przedmiot .lezy {
		transition: none;
	}
}

.przedmiot h2 {
	margin: 0;
	letter-spacing: 0;
	font: 400 17px / 1.35 var(--sans);
	color: var(--tekst);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-wrap: balance;
}

.przedmiot .dane {
	margin: 4px 0 0;
	color: var(--tekst-2);
	font-size: var(--tekst-maly);
}

.przedmiot .dol {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	margin-top: auto;
	padding-top: 10px;
}

.przedmiot .cena {
	font: 400 19px / 1 var(--serif);
	color: var(--zielen);
}

.przedmiot .cena del {
	color: var(--tekst-2);
	font-size: 14px;
	margin-right: 8px;
}

.przedmiot .cena ins {
	text-decoration: none;
}

.przedmiot .ab,
.przedmiot .data-sprzedazy {
	font-size: 13px;
	color: var(--tekst-2);
}

.przedmiot .ab {
	color: var(--zloto-t);
}

.przedmiot a:hover h2 {
	text-decoration: underline;
	text-decoration-color: var(--zloto);
	text-underline-offset: 4px;
}

.lista .navigation {
	margin-bottom: 48px;
}

@media (max-width: 900px) {
	.przedmiot .ab {
		display: none;
	}

	.przedmiot .lezy {
		padding: 3%;
		margin-bottom: 12px;
	}

	.przedmiot .lezy .drugie {
		padding: 3%;
	}
}

/* Strona główna „Album” */
.album {
	max-width: var(--szer);
	margin: 0 auto;
	padding: 8px 32px 0;
}

.album h1 {
	font: 400 clamp(30px, 3.2vw, 44px) / 1.15 var(--serif);
	margin: 8px 0 22px;
	max-width: 24ch;
	text-wrap: balance;
}

.album ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.album .duzy {
	grid-column: span 2;
	grid-row: span 2;
	position: relative;
	min-height: 320px;
}

.album .duzy a {
	position: absolute;
	inset: 0;
}

.album .duzy img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 30%;
}

.album .marmur {
	grid-column: span 2;
	position: relative;
}

.album .marmur img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 7;
	object-fit: cover;
}

.album .podpis {
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 16px;
	color: var(--krem);
	font: 400 20px / 1.3 var(--serif);
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
}

.album .podpis .cena del {
	text-decoration: line-through;
	color: var(--tekst-2);
	font-size: 15px;
}

.album .podpis .cena ins {
	text-decoration: none;
}

.album .przedmiot h2 {
	font-size: 16px;
}

.album .wszystkie {
	display: flex;
	align-items: center;
	gap: 28px;
	margin: 36px 0 0;
}

.album .wszystkie::before,
.album .wszystkie::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--linia);
}

.album .duzy .podpis,
.album .marmur .podpis {
	left: 24px;
	right: auto;
	bottom: 24px;
	width: min(400px, calc(100% - 48px));
	padding: 18px 22px 16px;
	background: var(--krem);
	box-shadow: inset 0 0 0 5px var(--krem), inset 0 0 0 6px var(--zloto);
	color: var(--tekst);
	text-shadow: none;
	font: 400 15px / 1.45 var(--sans);
}

.album .marmur .podpis {
	width: auto;
	max-width: calc(100% - 48px);
	font: 400 17px / 1.3 var(--serif);
	color: var(--zielen);
}

.album .podpis .nazwa {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-wrap: balance;
	font: 400 21px / 1.25 var(--serif);
}

.album .podpis .fakty {
	display: block;
	margin-top: 4px;
	color: var(--tekst-2);
}

.album .podpis .dol {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	margin-top: 14px;
}

.album .podpis .cena,
.album .podpis .cena * {
	color: var(--zielen);
	font: 400 21px / 1 var(--serif);
}

.album .podpis .ab {
	font-size: 13px;
	color: var(--zloto-t);
}

.kategorie h2 {
	margin: 0 0 24px;
}

.kategorie ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: none;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	gap: 16px;
}

.kategorie a {
	display: block;
	text-decoration: none;
	color: var(--tekst);
}

.kategorie img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: cover;
}

.kategorie span {
	display: block;
	padding: 12px 0 0;
	font: 400 19px var(--serif);
}

.zaufanie {
	margin-top: 80px;
}

.zaufanie ul {
	margin: 0;
	padding: 52px 56px;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
	background: var(--zielen);
	box-shadow: inset 0 0 0 10px var(--zielen), inset 0 0 0 11px var(--zloto-j), inset 0 0 0 15px var(--zielen), inset 0 0 0 16px var(--zloto-j);
	font-size: 16px;
	line-height: 1.5;
	color: #D9E2DC;
}

.zaufanie b {
	display: block;
	color: var(--krem);
	font: 400 23px / 1.2 var(--serif);
	margin-bottom: 8px;
}

.sekcja {
	padding-top: 64px;
}

.sklep.ze-zdjeciem {
	display: grid;
	grid-template-columns: 6fr 5fr;
	gap: 72px;
	align-items: center;
}

.sklep .foto img {
	display: block;
	width: 100%;
	height: auto;
}

.sklep .linki {
	margin: 20px 0 0;
}

.sklep .linki a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--zielen);
	font-weight: 500;
	text-decoration: underline;
	text-decoration-color: var(--zloto);
	text-underline-offset: 5px;
}

.sklep dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 6px 22px;
	margin-top: 26px;
}

.sklep dd {
	margin: 0;
}

.opinie {
	margin-top: 32px;
	min-height: 1px;
}

@media (max-width: 900px) {
	.album {
		padding: 8px 16px 0;
	}

	.album ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	.album .duzy {
		grid-row: auto;
		aspect-ratio: 4 / 5;
	}

	.album .marmur img {
		aspect-ratio: 16 / 9;
	}

	.kategorie ul {
		grid-auto-columns: 62vw;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
	}

	.kategorie li {
		scroll-snap-align: start;
	}

	.zaufanie ul {
		grid-template-columns: 1fr;
		gap: 0;
		padding: 36px 30px;
	}

	.zaufanie li + li {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--zloto-j);
	}

	.zaufanie b {
		font-size: 20px;
	}

	.album .duzy .podpis,
	.album .marmur .podpis {
		left: 12px;
		bottom: 12px;
		width: calc(100% - 24px);
		max-width: none;
		padding: 14px 16px 12px;
	}

	.sklep.ze-zdjeciem {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

/* Koszyk i zamówienie (bloki WooCommerce): kolory, fonty i przyciski jak na karcie. */
.strona {
	padding-top: 32px;
	padding-bottom: 64px;
}

/* E6d-K4: obniżka od najniższej ceny z 30 dni (makieta C); w koszyku i zamówieniu bez przekreśleń. */
.cena-e6d ins {
	text-decoration: none;
}

.cena-e6d .znak {
	display: block;
	margin-bottom: 8px;
	color: var(--zloto-j);
	font: 500 13px / 1 var(--sans);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.cena-e6d .ref {
	display: block;
	margin-top: 8px;
	padding-top: 10px;
	border-top: 1px solid var(--zloto-j);
}

.cena-e6d .podpis-ceny {
	display: block;
	font: 400 12px / 1.4 var(--sans);
}

.przedmiot .cena-e6d {
	display: flex;
	flex-direction: column;
}

.przedmiot .znak {
	display: none;
}

.przedmiot .ref {
	order: -1;
	display: block;
	margin: 0 0 4px;
	padding: 0;
	border: 0;
	font: 400 13px / 1.35 var(--sans);
	color: var(--tekst-2);
}

/* Wariant D: wspólne, kafel i strona główna */
/* Krótkie strony: pod stopką zieleń stopki, nie kremowy pas (naglowek-stopka-8, lista-18, typografia-13) */
html { background: var(--zielen); }

/* Typografia (typografia-4, -17, -10; glowna-13 „przy”, naglowek-stopka-16 „roku.”): nagłówki wyważone,
   ostatnia linia akapitu bez jednego słowa; pogrubienia 600; kwota się nie łamie */
b, strong { font-weight: 600; }
h3 { font-size: 20px; line-height: 1.3; }
.amount { white-space: nowrap; }

/* Fokus na zieleni: jasne złoto (naglowek-stopka-5, dostepnosc-3, typografia-16) */
.szyld, .stopka, .zaufanie { --zloto-t: var(--zloto-j); }

/* Linki w tekście i .link: jeden wygląd na kremie — zieleń + złota linia; .link bez dzisiejszej obwódki
   (typografia-2, dostepnosc-2, strony-tresci-2, glowna-13) */
main :where(p, dd, td, .tekst-strony li) > a:not([class]), .link, .filtry .link, .pusto .link { border-bottom: 0; color: var(--zielen); text-decoration: underline 1px var(--zloto); text-underline-offset: 4px; }
main :where(p, dd, td, .tekst-strony li) > a:not([class]):hover, .link:hover { text-decoration-color: currentColor; }
/* ---------- Kafel (główna, listy, Ulubione, Sprzedane, 404, pusty koszyk) ---------- */
/* Obudowa z B: biała podkładka bez obwódki (złota obwódka tylko po najechaniu — reguła motywu), zdjęcie większe:
   margines podkładki 4% zamiast 6% na komputerze; telefon zostaje 3% (lista: przeszczep B) */
@media (min-width: 901px) {
	.przedmiot .lezy, .przedmiot .lezy .drugie { padding: 4%; }
}
/* Odznaki na białej podkładce, druga pod pierwszą, bez wersalików; serce na jasnym kółku (glowna-3, lista-4) */
.przedmiot .odznaka + .odznaka { top: 33px; }
/* Numer AB w jednym stylu: Jost 500 13 px, cyfry równej szerokości (typografia-4) */
.przedmiot .ab, .album .podpis .ab { font: 500 13px / 1 var(--sans); letter-spacing: .02em; font-variant-numeric: tabular-nums; }
/* Cena obniżona jak wybrany „Kafel — C” z E6d: nad kwotą jedna drobna linia „najniższa cena z 30 dni przed obniżką
   ~~1 400 zł~~” (podpis przed kwotą przekreśloną — kolejność daje PriceVisibility dla kafla, makieta: wspolne.js);
   tekst płynie, na telefonie 2 linie zamiast 4; numer AB przy kwocie, nie przy przekreśleniu (lista-5, dostepnosc-15: 12 → 13 px) */
.przedmiot .ref .podpis-ceny { display: inline; font-size: 13px; }
/* „Cena na zapytanie” jak tekst, nie jak kwota (lista-12) */
.przedmiot .ab-shop-price-hidden { font: 500 15px / 1.3 var(--sans); }
/* Sprzedany: przygaszony, nie szary; miesiąc czytelny (lista-13) */
.przedmiot .data-sprzedazy { font-size: 15px; color: var(--tekst); }
/* Nazwa bez rezerwy drugiej linii (glowna-7 bez wymuszania). Rezerwa 2,7em zostawiała lukę 22–23 px pod krótką nazwą:
   na głównej przy 390 px, na listach od 412 px i na tablecie (kontrola D, poprawka 2; POMIAR.txt, sekcja 1d).
   Dane stoją tuż pod nazwą, a ceny w rzędzie i tak równo na dole kafla (.przedmiot > a to kolumna flex, .dol ma
   margin-top: auto). Przy 360–402 px nazwy list (17 px, wyważone) i tak mają po 2 linie, więc tam równe są całe rzędy. */

/* ---------- Strona główna (wariant A = C) ---------- */
/* Tytuł w jednej linii i niższy marmur: tabliczka z ceną w pierwszym ekranie 1440×900 (glowna-1) */
@media (min-width: 901px) {
	.album h1 { font-size: clamp(30px, 2.5vw, 36px); margin: 14px 0 18px; max-width: none; }
	.album .marmur img { aspect-ratio: 16 / 6; }
}
/* Najechanie jak na małych kaflach (glowna-11) */
.album .duzy a:hover .nazwa, .kategorie a:hover span { text-decoration: underline; text-decoration-color: var(--zloto); text-underline-offset: 4px; }
/* „Czego szukasz?”: tyle kolumn, ile rodzajów (glowna-5) */
/* Sklep: etykiety Adres/Telefon/Godziny ciszej, zwykłym krojem jak w Metryce (glowna-13; link telefonu z reguły linków) */
.sklep dt { color: var(--tekst-2); }
@media (max-width: 900px) {
	/* „Zobacz wszystkie” na całą szerokość, bez resztek linii (glowna-12) */
	.album .wszystkie::before, .album .wszystkie::after { display: none; }
	.album .wszystkie a { flex: 1; }
}

/* Nagłówek i stopka wg wariantu D (naglowek-stopka-2, -3, -6, -7, -10, -13, dostepnosc-6): bez przyklejania */
.szyld a:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--zloto-j); text-underline-offset: 5px; }
.ikony a:hover svg, .szukaj summary:hover svg, .szukaj[open] summary svg { stroke-width: 2; }
.szukaj form label { flex: 0 0 100%; font-size: 15px; color: var(--tekst-2); }
@media (min-width: 1000px) {
	.menu { padding: 0; }
	.menu a { padding: 12px 0 11px; margin-bottom: -1px; border-bottom: 2px solid transparent; }
	.menu a:hover { border-color: var(--zloto-j); }
	.menu a[aria-current] { border-color: var(--zloto); color: var(--zielen); }
}
@media (max-width: 999px) {
	.menu a[aria-current] { border: 0; color: var(--zielen); box-shadow: inset 3px 0 var(--zloto); padding-left: 12px; }
}
@media (max-width: 359px) {
	.naglowek .logo img { height: 40px; }
	.naglowek .logo .nazwa { font-size: 14px; }
}
@media (max-width: 339px) {
	.naglowek .logo .nazwa { display: none; }
}
.stopka li:not(:has(a)) { color: #BFCFC4; }
@media (max-width: 900px) {
	.stopka .kontener > :last-child { grid-column: 1 / -1; order: -1; }
	.stopka li { margin: 0; overflow-wrap: anywhere; }
	.stopka li a { display: inline-block; padding: 11px 0; }
	.stopka li:not(:has(a)) { padding: 11px 0; }
	.stopka .dol-stopki a { display: inline-block; padding: 10px 0; }
}