/* =====================================================================
   NobleAperture — refine.css · „Atelier"
   Warstwa wyglądu nad main.css i woocommerce.css (ładowana na końcu).
   Świat: album dawnego atelier fotograficznego. Dwa materiały:
   aksamit gabloty (espresso) i karta albumu (krem). Każdy przedmiot
   leży w kartoniku ze złoconym, fazowanym oknem i nadrukiem zakładu.
   Zasady:
   - kartoniki mają ścięte narożniki 6px; wszystko klikalne jest ostre (0);
   - głębia z nakładania kartoników, nie z ciężkich cieni;
   - najjaśniejsze złoto tylko na jednym elemencie widoku (CTA);
   - złoto jako tekst na kremie = --gold-ink (kontrast AA).
   0. Tokeny
   1. Typografia i powierzchnie przeglądarki
   2. Nagłówki sekcji (ornament)
   3. Przyciski i linki
   4. Nagłówek strony
   5. Hero: gablota z odbitką
   6. Atuty: rewers kartonika
   7. Kategorie: para dużych kartoników
   8. Kartoniki produktów (sklep + strona główna)
   9. Karta produktu
   10. Blog
   11. Newsletter: zaproszenie
   12. Stopka
   13. Drobne poprawki WooCommerce
   14. Ruch
   ===================================================================== */

/* 0. Tokeny ---------------------------------------------------------------- */
:root {
	--dark: #1a1714;
	--dark-2: #110f0d;
	--ink-muted: #5e584d;
	--gold-ink: #7a6529;
	--mount: #e8dfc9;
	--mount-edge: rgba(122, 101, 41, 0.38);
	--velvet:
		radial-gradient(ellipse 70% 55% at 62% -8%, rgba(var(--gold-rgb), 0.16), transparent 70%),
		radial-gradient(ellipse 120% 80% at 50% 115%, rgba(0, 0, 0, 0.55), transparent 70%),
		var(--dark);
	--gilt-line: inset 0 0 0 1px rgba(var(--gold-rgb), 0.55), inset 0 0 0 5px var(--mount), inset 0 0 0 6px rgba(var(--gold-rgb), 0.3);
	--mount-shadow: 0 1px 0 rgba(255, 252, 240, 0.7) inset, 0 2px 2px -1px rgba(74, 56, 22, 0.18), 0 22px 34px -26px rgba(74, 56, 22, 0.55);
	--mount-shadow-lift: 0 1px 0 rgba(255, 252, 240, 0.7) inset, 0 4px 6px -3px rgba(74, 56, 22, 0.2), 0 34px 46px -30px rgba(74, 56, 22, 0.6);
	--ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10'%3E%3Cg fill='none' stroke='%23bba14f'%3E%3Cpath d='M0 5h48M72 5h48' stroke-width='.8'/%3E%3Cpath d='M60 .8 64.2 5 60 9.2 55.8 5z'/%3E%3C/g%3E%3Ccircle cx='60' cy='5' r='1.1' fill='%23bba14f'/%3E%3Ccircle cx='51' cy='5' r='.9' fill='%23bba14f'/%3E%3Ccircle cx='69' cy='5' r='.9' fill='%23bba14f'/%3E%3C/svg%3E");
	--section-y: clamp(4.5rem, 2.5rem + 6vw, 8rem);
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
	--r-mount: 8px;
}

/* 1. Typografia i powierzchnie przeglądarki ------------------------------- */
body {
	font-size: clamp(1rem, 0.96rem + 0.2vw, 1.08rem);
}

h1,
h2,
h3,
h4 {
	font-weight: 500;
	letter-spacing: -0.005em;
	text-wrap: balance;
}

p {
	text-wrap: pretty;
}

::selection {
	background: rgba(var(--gold-rgb), 0.32);
	color: var(--ink);
}

:focus-visible {
	outline: 1px solid var(--gold-ink);
	outline-offset: 3px;
}

html {
	scrollbar-color: rgba(var(--gold-rgb), 0.6) var(--paper-2);
}

.woocommerce-Price-amount,
.product-card__price,
.cart-count {
	font-variant-numeric: lining-nums tabular-nums;
}

/* 2. Nagłówki sekcji: szeryfowy tytuł nad złotym ornamentem ----------------- */
.section__head {
	margin-bottom: clamp(2.75rem, 1.8rem + 3vw, 4.25rem);
}

.section-title {
	flex-direction: column;
	gap: 1.15rem;
	font-family: var(--font-display);
	font-size: clamp(2.1rem, 1.5rem + 2.4vw, 3.4rem);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: 0;
	text-transform: none;
}

.section-title::before {
	display: none;
}

.section-title::after {
	flex: none;
	width: 120px;
	max-width: none;
	height: 10px;
	background: var(--ornament) center / contain no-repeat;
}

.section-title__text {
	white-space: normal;
}

.section__cta {
	margin-top: clamp(3rem, 2rem + 3vw, 4.5rem);
}

/* 3. Przyciski i linki ------------------------------------------------------- */
/* Ostre narożniki + grawerowana linia wewnątrz (inset), outline zostaje dla fokusu */
.btn,
.wp-block-button__link,
.wp-element-button,
.newsletter__form .mailpoet_submit,
.newsletter__form button[type="submit"] {
	border-radius: 0;
	padding: 1.1em 2.5em;
	letter-spacing: 0.24em;
	box-shadow: inset 0 0 0 4px var(--_bg, var(--gold)), inset 0 0 0 5px rgba(26, 23, 18, 0.3);
	transition: background-color 0.45s var(--ease-soft), color 0.45s var(--ease-soft), border-color 0.45s var(--ease-soft),
		box-shadow 0.45s var(--ease-soft), transform 0.45s var(--ease-out);
}

.btn:hover,
.btn:focus-visible,
.wp-block-button__link:hover,
.wp-element-button:hover {
	box-shadow: inset 0 0 0 4px var(--_bg, var(--gold-hover)), inset 0 0 0 5px rgba(26, 23, 18, 0.55);
	transform: translateY(-2px);
}

.btn:active,
.wp-block-button__link:active,
.wp-element-button:active {
	transform: translateY(0) scale(0.985);
}

.btn:focus-visible,
.wp-element-button:focus-visible {
	outline: 1px solid var(--gold);
	outline-offset: 4px;
}

/* Kontur: cienka rama + druga, odsunięta */
.btn--ghost,
.wp-block-button.is-style-outline .wp-block-button__link {
	box-shadow: none;
	outline: 1px solid rgba(35, 33, 28, 0.16);
	outline-offset: 3px;
}

.btn--ghost:hover,
.btn--ghost:focus-visible {
	box-shadow: none;
	outline-color: rgba(var(--gold-rgb), 0.7);
}

.section--dark .btn--ghost,
.hero .btn--ghost {
	outline-color: rgba(233, 228, 215, 0.18);
}

.link-arrow {
	letter-spacing: 0.24em;
	color: var(--gold-ink);
}

.hero .link-arrow,
.section--dark .link-arrow {
	color: var(--gold-hover);
}

.entry-content a:not(.btn):not(.wp-element-button):not(.wp-block-button__link):hover {
	color: var(--gold-ink);
}

/* 4. Nagłówek strony ------------------------------------------------------- */
.topbar {
	font-size: 0.7rem;
	letter-spacing: 0.24em;
	color: var(--gold-soft);
}

.site-header {
	border-bottom-color: rgba(var(--gold-rgb), 0.5);
}

/* druga, cieńsza linia pod nagłówkiem: papier firmowy zakładu */
.site-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -4px;
	height: 1px;
	background: rgba(var(--gold-rgb), 0.3);
	pointer-events: none;
}

.nav-primary .menu-item--primary > a {
	letter-spacing: 0.16em;
}

.nav-primary .menu-item--primary:hover > a,
.nav-primary .menu-item--primary.is-current > a {
	color: var(--gold-ink);
}

.nav-primary .menu-item--primary > a::after {
	transform-origin: center;
	transition: transform 0.5s var(--ease-out);
}

.nav-primary .sub-menu {
	border-color: rgba(var(--gold-rgb), 0.35);
	border-top: 1px solid var(--gold);
	box-shadow: 0 24px 40px -28px rgba(74, 56, 22, 0.5);
}

.nav-primary .sub-menu a:hover {
	color: var(--gold-ink);
}

.breadcrumb a:hover {
	color: var(--gold-ink);
}

/* 5. Hero: gablota z odbitką ------------------------------------------------ */
.hero.hero--atelier {
	display: block;
	min-height: 0;
	overflow: visible;
	background: var(--velvet);
	color: var(--dark-text);
	padding-top: clamp(2.25rem, 1.25rem + 2.6vw, 4rem);
	padding-bottom: 0;
	margin-bottom: clamp(3rem, 6vw, 5.5rem);
}

.hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 11fr) minmax(0, 13fr);
	gap: clamp(2rem, 5vw, 5rem);
	align-items: center;
}

.hero__inner {
	max-width: 36rem;
	padding-block: 0 clamp(3.5rem, 6vw, 5.5rem);
}

.hero__title {
	font-size: clamp(2.2rem, 1.5rem + 1.7vw, 2.95rem);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: -0.012em;
	color: #f6f1e4;
	margin-bottom: 0.6em;
}

.hero__text {
	font-size: var(--step-1);
	line-height: 1.65;
	max-width: 36ch;
	color: rgba(233, 228, 215, 0.88);
	margin-bottom: 2.25rem;
}

/* Kartonik z odbitką: wystaje z gabloty na stronę albumu */
.hero__mount {
	position: relative;
	z-index: 2;
	align-self: end;
	margin: 0 0 calc(-1 * clamp(3rem, 6vw, 5.5rem));
	padding: clamp(0.85rem, 1.6vw, 1.4rem) clamp(0.85rem, 1.6vw, 1.4rem) 0;
	background: var(--mount);
	border-radius: var(--r-mount);
	box-shadow: var(--gilt-line), 0 40px 70px -40px rgba(0, 0, 0, 0.75), 0 2px 3px rgba(0, 0, 0, 0.25);
}

.hero__window {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--dark-2);
	/* fazowane okno: jasna faza u góry/z lewej, ciemniejsza u dołu/z prawej */
	box-shadow: 0 0 0 1px rgba(var(--gold-rgb), 0.7), 0 0 0 3px #f3ecda, 0 0 0 4px var(--mount-edge);
}

.hero__window img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 72% 50%;
}

.hero__imprint {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	padding: 0.95rem 0 1rem;
	font-family: var(--font-display);
	font-size: 0.95rem;
	font-style: italic;
	letter-spacing: 0.08em;
	color: var(--gold-ink);
}

.hero__imprint img {
	width: 18px;
	height: auto;
}

/* Wejście: światło gabloty, potem odbitka osiada, tekst wchodzi kolejno */
.hero.hero--atelier .hero__inner > * {
	animation: na-rise 1.1s var(--ease-out) both;
}

.hero.hero--atelier .hero__inner > :nth-child(2) { animation-delay: 0.1s; }
.hero.hero--atelier .hero__inner > :nth-child(3) { animation-delay: 0.2s; }


.hero__mount {
	animation: na-settle 1.4s var(--ease-out) 0.15s both;
}

@keyframes na-rise {
	from {
		opacity: 0;
		transform: translateY(22px);
	}
}

@keyframes na-settle {
	from {
		opacity: 0;
		transform: translateY(36px) rotate(0.8deg);
	}
}

/* 6. Atuty: rewers kartonika, jedna rama zamiast czterech kafli --------------- */
.features {
	border-bottom: 0;
	background: transparent;
}

.section.features {
	padding-block: clamp(2rem, 1.5rem + 2vw, 3rem) clamp(1rem, 1rem + 1vw, 2rem);
}

.features__grid {
	border: 1px solid rgba(var(--gold-rgb), 0.45);
	outline: 1px solid rgba(var(--gold-rgb), 0.18);
	outline-offset: 5px;
	border-radius: var(--r-mount);
}

.feature {
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.4rem;
	padding: clamp(1.75rem, 3vw, 2.5rem) clamp(1rem, 2vw, 2rem);
}

.feature .feature__icon {
	display: none;
}

.feature + .feature::before {
	top: 26%;
	bottom: 26%;
	background: linear-gradient(transparent, var(--gold-soft), transparent);
}

.feature__title {
	font-family: var(--font-display);
	font-size: var(--step-2);
	font-style: italic;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	margin-bottom: 0.2rem;
}

.feature__text {
	max-width: 26ch;
	margin-inline: auto;
}

/* 7. Kategorie: para dużych kartoników, przesuniętych względem siebie ------- */
.cats__grid {
	gap: clamp(1.5rem, 4vw, 3.5rem);
	margin-top: 0;
	align-items: start;
}

.cat-card {
	aspect-ratio: auto;
	overflow: visible;
	display: flex;
	flex-direction: column;
	padding: clamp(0.8rem, 1.5vw, 1.2rem) clamp(0.8rem, 1.5vw, 1.2rem) 0;
	background: var(--mount);
	border-radius: var(--r-mount);
	box-shadow: var(--gilt-line), var(--mount-shadow);
	transition: transform 0.8s var(--ease-out), box-shadow 0.8s var(--ease-out);
}

.cat-card::after {
	display: none;
}

/* okno ze zdjęciem: pseudo-element trzyma proporcje, obraz absolutnie w nim */
.cat-card::before {
	content: "";
	display: block;
	aspect-ratio: 4 / 3;
	box-shadow: 0 0 0 1px rgba(var(--gold-rgb), 0.7), 0 0 0 3px #f3ecda, 0 0 0 4px var(--mount-edge);
	background: var(--dark-2);
}

.cat-card__img {
	inset: clamp(0.8rem, 1.5vw, 1.2rem) clamp(0.8rem, 1.5vw, 1.2rem) auto;
	width: calc(100% - 2 * clamp(0.8rem, 1.5vw, 1.2rem));
	height: auto;
	aspect-ratio: 4 / 3;
	filter: brightness(0.92) saturate(0.95);
	transform: none;
	transition: filter 0.8s var(--ease-soft);
}

.cat-card:hover,
.cat-card:focus-visible {
	transform: translateY(-5px);
	box-shadow: var(--gilt-line), var(--mount-shadow-lift);
}

.cat-card:hover .cat-card__img,
.cat-card:focus-visible .cat-card__img {
	transform: none;
	filter: brightness(1) saturate(1);
}

/* nadruk pod oknem: nazwa kategorii jak podpis zakładu */
.cat-card__body {
	position: static;
	align-items: center;
	text-align: center;
	padding: clamp(1.1rem, 2vw, 1.6rem) 1rem clamp(1.25rem, 2.2vw, 1.75rem);
}

.cat-card__title {
	order: -1;
	font-size: clamp(2rem, 1.4rem + 2.2vw, 3.2rem);
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0.01em;
	color: var(--ink);
	margin-bottom: 0.35rem;
}

.cat-card__eyebrow {
	margin: 0;
	font-size: 0.7rem;
	letter-spacing: 0.26em;
	color: var(--gold-ink);
}

@media (min-width: 761px) {
	.cats__grid:has(> .cat-card:nth-child(2):last-child) {
		grid-template-columns: 1.25fr 1fr;
	}

	.cats__grid:has(> .cat-card:nth-child(2):last-child) > .cat-card:nth-child(2) {
		z-index: 1;
		margin-top: clamp(2.5rem, 6vw, 5rem);
		margin-left: calc(-1 * clamp(3rem, 7vw, 6.5rem));
	}

	.cats__grid:has(> .cat-card:nth-child(2):last-child) > .cat-card:nth-child(2):hover {
		z-index: 2;
	}

}

/* 8. Kartoniki produktów ---------------------------------------------------- */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product-card,
.product-card {
	position: relative;
	padding: clamp(0.6rem, 1.2vw, 0.85rem) clamp(0.6rem, 1.2vw, 0.85rem) 0;
	background: var(--mount);
	border: 0;
	border-radius: var(--r-mount);
	overflow: visible;
	text-align: center;
	box-shadow: var(--gilt-line), var(--mount-shadow);
	transition: transform 0.8s var(--ease-out), box-shadow 0.8s var(--ease-out);
}

/* światło przebiegające po złoceniu przy najechaniu */
.woocommerce ul.products li.product::after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	z-index: 4;
	border-radius: inherit;
	pointer-events: none;
	background: linear-gradient(115deg, transparent 38%, rgba(255, 246, 214, 0.42) 50%, transparent 62%) 130% 0 / 260% 100% no-repeat;
	mix-blend-mode: soft-light;
	opacity: 0;
	transition: background-position 1.1s var(--ease-out), opacity 0.3s ease;
}

.woocommerce ul.products li.product:hover {
	transform: translateY(-5px);
	box-shadow: var(--gilt-line), var(--mount-shadow-lift);
	border-color: transparent;
}

.woocommerce ul.products li.product:hover::after {
	opacity: 1;
	background-position: -30% 0;
}

/* okno na zdjęcie: kremowa faza wokół odbitki */
.product-card__media {
	background: #faf6ec;
	border: 0;
	box-shadow: 0 0 0 1px rgba(var(--gold-rgb), 0.65), 0 0 0 3px #f3ecda, 0 0 0 4px var(--mount-edge);
}

.product-card__media img,
.woocommerce ul.products li.product .product-card__media img {
	transition: transform 1.2s var(--ease-out);
}

.woocommerce ul.products li.product:hover .product-card__media img {
	transform: scale(1.03);
}

.na-cond,
.product-card__cond {
	border: 0;
	border-radius: 0;
	padding: 0.45em 0.8em;
	font-size: 0.6rem;
	letter-spacing: 0.2em;
}

.product-card__cond {
	top: 0;
	right: 0;
	background: rgba(250, 246, 236, 0.94);
	box-shadow: none;
}

.na-cond-line .na-cond {
	padding: 0;
}

.na-cond--uzywany {
	color: var(--ink-muted);
}

.product-card__badge {
	top: 0;
	left: 0;
	border-radius: 0;
	background: var(--gold);
	color: #1a1712;
}

.product-card__badge--muted {
	background: var(--ink-muted);
	color: var(--paper);
}

/* nadruk kartonika: kategoria, nazwa, cena; przycisk zawsze na dole */
.product-card__body {
	align-items: center;
	padding: 1.15rem 0.4rem 1.1rem;
	gap: 0.35rem;
}

.woocommerce ul.products li.product .product-card__title,
.product-card__title {
	order: -1;
}

.product-card__cat {
	font-size: 0.62rem;
	letter-spacing: 0.26em;
	color: var(--gold-ink);
}

.woocommerce ul.products li.product .product-card__title,
.product-card__title {
	font-size: clamp(1.15rem, 1.02rem + 0.4vw, 1.4rem);
	font-weight: 500;
	line-height: 1.22;
}

.product-card__title a:hover {
	color: var(--ink);
	text-decoration: underline;
	text-decoration-color: var(--gold);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.22em;
}

.woocommerce .product-card__price,
.woocommerce ul.products li.product .product-card__price,
.product-card__price {
	margin: 0.15rem 0 0;
	font-weight: 500;
	letter-spacing: 0.06em;
}

/* stan jako forma linii: promocja = podwójna złota linia, wyprzedane = przekreślone */
.woocommerce ul.products li.product.sale .product-card__price ins {
	color: var(--ink);
	padding-bottom: 3px;
	border-bottom: 3px double var(--gold);
}

.woocommerce ul.products li.product.outofstock .product-card__media img {
	filter: grayscale(1) contrast(0.9);
	opacity: 0.75;
}

.woocommerce ul.products li.product.outofstock .product-card__price {
	text-decoration: line-through;
	text-decoration-color: var(--ink-muted);
	color: var(--ink-muted);
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
	align-self: center;
	margin-top: auto;
	padding: 0.85em 0 0.3em;
	background: none;
	border: 0;
	border-bottom: 1px solid var(--gold);
	border-radius: 0;
	box-shadow: none;
	color: var(--ink);
	font-size: 0.66rem;
	letter-spacing: 0.24em;
	transform: none;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .button:focus-visible,
.woocommerce ul.products li.product .added_to_cart:hover {
	background: none;
	box-shadow: none;
	color: var(--gold-ink);
	border-color: var(--gold-ink);
	transform: none;
}

.woocommerce ul.products,
.woocommerce-page ul.products {
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)) !important;
	justify-content: stretch !important;
	gap: clamp(2rem, 3.5vw, 3rem) clamp(1.25rem, 2.5vw, 2.25rem) !important;
}

.na-products .na-products__loop ul.products,
.na-products .na-products__loop ul.products.columns-4 {
	gap: clamp(2rem, 3.5vw, 3rem) clamp(1.25rem, 2.5vw, 2.25rem) !important;
}

.section--paper-2 {
	background: var(--paper);
}

.woocommerce-products-header__title,
.woocommerce-products-header .page-title {
	font-size: clamp(2.2rem, 1.6rem + 2.4vw, 3.4rem);
	font-weight: 500;
}

.woocommerce-products-header__title::after,
.woocommerce-products-header .page-title::after {
	content: "";
	display: block;
	width: 120px;
	height: 10px;
	margin-top: 0.9rem;
	background: var(--ornament) left center / contain no-repeat;
}

.shop-toolbar {
	border-bottom-color: rgba(var(--gold-rgb), 0.35);
}

/* 9. Karta produktu ------------------------------------------------------- */
.woocommerce div.product .woocommerce-product-gallery {
	padding: clamp(0.7rem, 1.4vw, 1.1rem);
	background: var(--mount);
	border-radius: var(--r-mount);
	box-shadow: var(--gilt-line), var(--mount-shadow);
}

.woocommerce div.product .woocommerce-product-gallery .flex-viewport,
.woocommerce div.product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
	box-shadow: 0 0 0 1px rgba(var(--gold-rgb), 0.65), 0 0 0 3px #f3ecda, 0 0 0 4px var(--mount-edge);
	background: #faf6ec;
}

.woocommerce div.product .flex-control-thumbs img {
	border-radius: 0;
}

.woocommerce div.product .product_title {
	font-size: clamp(2rem, 1.5rem + 2vw, 3rem);
	font-weight: 500;
	line-height: 1.08;
}

.woocommerce div.product .product_title::after {
	content: "";
	display: block;
	width: 120px;
	height: 10px;
	margin-top: 1rem;
	background: var(--ornament) left center / contain no-repeat;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-family: var(--font-display);
	font-size: clamp(1.6rem, 1.3rem + 1vw, 2.1rem);
	font-weight: 500;
	color: var(--ink);
	letter-spacing: 0.01em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: var(--gold-ink);
}

/* 10. Blog ----------------------------------------------------------------- */
.posts-grid {
	margin-top: 0;
}

.post-card__media {
	border-radius: 0;
	padding: 0.6rem;
	background: var(--mount);
	box-shadow: var(--gilt-line);
}

.post-card__media img {
	transition: transform 1.4s var(--ease-out);
}

.post-card__title {
	font-weight: 500;
}

.post-card:hover .post-card__title a {
	color: var(--gold-ink);
}

.post-meta__cat {
	color: var(--gold-ink);
}

/* Strona główna: wpis wiodący + lista obok (≥ 900 px) */
@media (min-width: 900px) {
	.na-blog .posts-grid {
		grid-template-columns: 1.35fr 1fr;
		gap: 2.25rem clamp(2.5rem, 5vw, 4.5rem);
		align-items: start;
	}

	.na-blog .post-card:first-child {
		grid-row: span 3;
	}

	.na-blog .post-card:first-child .post-card__title {
		font-size: var(--step-3);
		line-height: 1.1;
	}

	.na-blog .post-card:not(:first-child) {
		padding-top: 2.25rem;
		border-top: 1px solid rgba(var(--gold-rgb), 0.35);
	}

	.na-blog .post-card:nth-child(2) {
		padding-top: 0;
		border-top: 0;
	}

	.na-blog .post-card:not(:first-child):has(> .post-card__media) {
		display: grid;
		grid-template-columns: 38% minmax(0, 1fr);
		column-gap: 1.5rem;
		align-content: start;
	}

	.na-blog .post-card:not(:first-child) > .post-card__media {
		grid-row: 1 / span 4;
		margin-bottom: 0;
		padding: 0.4rem;
	}

	.na-blog .post-card:not(:first-child) .post-card__title {
		font-size: var(--step-1);
	}

	.na-blog .post-card:not(:first-child) .post-card__excerpt {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}

.entry__title--single {
	font-weight: 500;
}

/* 11. Newsletter: zwarty kartonik-zaproszenie na aksamicie --------------------
   tytuł z lewej, formularz z prawej (pole + przycisk w jednym wierszu), zgoda pod spodem */
.section.newsletter {
	padding-block: clamp(3rem, 2.25rem + 2.5vw, 4.5rem);
	background: var(--velvet);
	border-bottom: 0;
}

.newsletter__inner {
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	align-items: center;
	text-align: left;
	max-width: 980px;
	gap: clamp(1.5rem, 4vw, 3rem);
	padding: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem) clamp(1.5rem, 3vw, 2.75rem);
	background: var(--mount);
	color: var(--ink);
	border-radius: var(--r-mount);
	box-shadow: var(--gilt-line), 0 34px 60px -40px rgba(0, 0, 0, 0.8);
}

.newsletter__intro::before {
	content: "";
	display: block;
	width: 90px;
	height: 8px;
	margin: 0 0 0.9rem;
	background: var(--ornament) left center / contain no-repeat;
}

.newsletter__title {
	font-size: clamp(1.6rem, 1.3rem + 1vw, 2.1rem);
	font-weight: 500;
	line-height: 1.12;
	color: var(--ink);
	margin-bottom: 0.45rem;
}

.newsletter__text,
.newsletter__note,
.newsletter__form .mailpoet_checkbox_label,
.newsletter__form .consent {
	color: var(--ink-muted);
}

.newsletter__text {
	font-size: 0.9rem;
	line-height: 1.55;
}

.newsletter__form {
	width: 100%;
	max-width: none;
}

.newsletter__form form.mailpoet_form {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 0.9rem 1rem;
	max-width: none;
}

.newsletter__form .mailpoet_paragraph {
	margin: 0 !important;
}

.newsletter__form .mailpoet_paragraph.na-nl-consent,
.newsletter__form .mailpoet_message {
	grid-column: 1 / -1;
}

.newsletter__form .mailpoet_paragraph.na-nl-consent {
	order: 3;
}

.newsletter__form .mailpoet_message {
	order: 4;
}

/* pole jak linia do podpisu */
.newsletter__form input[type="email"],
.newsletter__form input[type="text"] {
	padding: 0.7rem 0.1rem !important;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--gold-ink);
	border-radius: 0;
	color: var(--ink);
	letter-spacing: 0.03em;
}

.newsletter__form input::placeholder {
	color: #7c7568;
}

.newsletter__form input[type="email"]:focus,
.newsletter__form input[type="text"]:focus {
	border-bottom-color: var(--ink);
	box-shadow: 0 1px 0 var(--ink);
}

/* zgoda na politykę prywatności */
.na-nl-consent label {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	font-size: 0.76rem;
	line-height: 1.5;
	color: var(--ink-muted);
	cursor: pointer;
}

.na-nl-consent input[type="checkbox"] {
	flex: none;
	width: 15px;
	height: 15px;
	margin: 0.15rem 0 0;
	accent-color: var(--gold-ink);
}

.na-nl-consent a {
	color: var(--ink);
	text-decoration: underline;
	text-decoration-color: var(--gold);
	text-underline-offset: 0.2em;
}

.newsletter__form .parsley-errors-list,
.newsletter__form .mailpoet_validate_error {
	font-size: 0.75rem;
	color: #8a2f1d;
}

@media (max-width: 760px) {
	.newsletter__inner {
		grid-template-columns: minmax(0, 1fr);
		text-align: center;
	}

	.newsletter__intro::before {
		margin-inline: auto;
		background-position: center;
	}

	.newsletter__form form.mailpoet_form {
		grid-template-columns: minmax(0, 1fr);
	}

	.na-nl-consent label {
		text-align: left;
	}
}

/* 12. Stopka ------------------------------------------------------------- */
.site-footer {
	position: relative;
	background: var(--dark-2);
	border-top: 1px solid rgba(var(--gold-rgb), 0.3);
}

.site-footer::before {
	content: "";
	position: absolute;
	top: -5px;
	left: 50%;
	width: 120px;
	height: 10px;
	transform: translateX(-50%);
	background: var(--ornament) center / contain no-repeat, var(--dark-2);
	pointer-events: none;
}

.site-footer__main {
	padding-block: clamp(3.5rem, 2.5rem + 3vw, 5rem);
}

.footer-col__title {
	font-family: var(--font-display);
	font-size: var(--step-1);
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0.02em;
	text-transform: none;
	color: var(--gold-soft);
}

.footer-col a {
	background-image: linear-gradient(var(--gold), var(--gold));
	background-size: 0 1px;
	background-repeat: no-repeat;
	background-position: 0 100%;
	transition: color var(--tr), background-size 0.5s var(--ease-out);
}

.footer-col a:hover {
	background-size: 100% 1px;
}

/* 13. Drobne poprawki WooCommerce ----------------------------------------- */
/* Produkt sprzedawany pojedynczo: ukryte pole ilości nie zostawia pustej ramki obok przycisku */
.woocommerce form.cart .quantity:has(input[type="hidden"]) {
	display: none;
}

/* Rejestracja: Woo daje polom Imię/Nazwisko 47 % szerokości, w kolumnie siatki były za wąskie */
.woocommerce .na-register-names .form-row {
	width: auto;
	float: none;
}

.na-specs__label {
	color: var(--ink-muted);
}

@media (max-width: 1080px) {
	.feature:nth-child(odd)::after {
		background: rgba(var(--gold-rgb), 0.3);
	}
}

@media (max-width: 900px) {
	.hero__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 2.5rem;
	}

	.hero__inner {
		padding-bottom: 0;
	}

	.feature {
		padding-inline: 1rem;
	}

}

@media (max-width: 620px) {
	.hero.hero--atelier {
		padding-top: 2.5rem;
	}

	.feature + .feature::before {
		left: 15%;
		right: 15%;
		background: linear-gradient(90deg, transparent, var(--gold-soft), transparent);
	}
}

/* 14. Ruch: kartoniki osiadają na stronie albumu (klasy dokłada main.js) ---- */
.na-reveal {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity 0.9s var(--ease-out), transform 1.1s var(--ease-out), box-shadow 0.8s var(--ease-out);
	transition-delay: var(--na-delay, 0s);
}

.na-reveal.is-in {
	opacity: 1;
	transform: none;
}

/* po wejściu hover karty działa bez opóźnienia */
.na-reveal.is-in:hover {
	transition-delay: 0s;
}

.woocommerce ul.products li.product.na-reveal.is-in:hover,
.cat-card.na-reveal.is-in:hover {
	transform: translateY(-5px);
}

@media (prefers-reduced-motion: reduce) {
	.hero.hero--atelier .hero__inner > *,
	.hero__mount {
		animation: none;
	}

	.na-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.woocommerce ul.products li.product,
	.woocommerce ul.products li.product::after,
	.cat-card,
	.product-card__media img {
		transition: none;
	}
}

/* „1 w magazynie": złoto WooCommerce na kremie nie trzyma kontrastu AA */
.woocommerce div.product .stock.in-stock {
	color: var(--gold-ink);
}


/* 15. Poprawki po przeglądzie (impeccable finish review) --------------------- */
/* Karta produktu: galeria i opis od tej samej linii; sticky z main.css przegrywał
   z position:relative WooCommerce, a zostawało top:120px. */
@media (min-width: 901px) {
	.woocommerce div.product .woocommerce-product-gallery {
		position: sticky !important;
	}
}

/* Lupa galerii: zamiast emoji ikona lupy na kartonowym kwadracie */
.woocommerce div.product .woocommerce-product-gallery__trigger {
	width: 38px;
	height: 38px;
	font-size: 0 !important;
	text-indent: -999px;
	overflow: hidden;
	border-radius: 0 !important;
	background: var(--mount) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2323211c' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3C/svg%3E") center / 18px no-repeat !important;
	box-shadow: inset 0 0 0 1px rgba(var(--gold-rgb), 0.55);
}

.woocommerce div.product .woocommerce-product-gallery__trigger::before,
.woocommerce div.product .woocommerce-product-gallery__trigger::after,
.woocommerce div.product .woocommerce-product-gallery__trigger img {
	display: none !important;
}

/* „Dodaj do koszyka" na karcie produktu: ten sam grawerowany przycisk co .btn */
.woocommerce div.product form.cart {
	margin-left: 0;
	padding-left: 0;
}

.woocommerce div.product form.cart .single_add_to_cart_button {
	margin-left: 0 !important;
	border-radius: 0 !important;
	padding: 1.1em 2.5em !important;
	letter-spacing: 0.24em;
	box-shadow: inset 0 0 0 4px var(--gold), inset 0 0 0 5px rgba(26, 23, 18, 0.3);
	transition: background-color 0.45s var(--ease-soft), box-shadow 0.45s var(--ease-soft), transform 0.45s var(--ease-out);
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
	box-shadow: inset 0 0 0 4px var(--gold-hover), inset 0 0 0 5px rgba(26, 23, 18, 0.55);
	transform: translateY(-2px);
}

/* Wpis: tekst w kolumnie do czytania, zdjęcie w kartoniku */
.single-post .entry--single .entry__header,
.single-post .entry--single .entry-content,
.single-post .entry--single .entry__footer {
	max-width: 68ch;
	margin-inline: auto;
}

.single-post .entry--single .entry__header {
	text-align: center;
}

.single-post .entry--single .entry__header .post-meta {
	justify-content: center;
	margin-top: 0.75rem;
}

.single-post .entry__title--single::after {
	content: "";
	display: block;
	width: 120px;
	height: 10px;
	margin: 1rem auto 0;
	background: var(--ornament) center / contain no-repeat;
}

.entry__thumb,
.blog-lead__media {
	padding: clamp(0.6rem, 1.2vw, 0.9rem);
	background: var(--mount);
	border-radius: var(--r-mount);
	box-shadow: var(--gilt-line), var(--mount-shadow);
}

.entry__thumb img,
.blog-lead__media img {
	border-radius: 0;
	box-shadow: 0 0 0 1px rgba(var(--gold-rgb), 0.65), 0 0 0 3px #f3ecda, 0 0 0 4px var(--mount-edge);
}

/* Newsletter: MailPoet wstawia własne style inline do przycisku */
.newsletter__form .mailpoet_submit,
.newsletter__form input[type="submit"].mailpoet_submit {
	display: inline-block !important;
	width: auto !important;
	margin: 0 !important;
	padding: 1em 2em !important;
	font-family: var(--font-sans) !important;
	font-size: 0.72rem !important;
	letter-spacing: 0.24em !important;
	text-transform: uppercase;
	border-radius: 0 !important;
	background: var(--gold) !important;
	color: #1a1712 !important;
	border: 1px solid var(--gold) !important;
	box-shadow: inset 0 0 0 3px var(--gold), inset 0 0 0 4px rgba(26, 23, 18, 0.3);
	cursor: pointer;
}

.newsletter__form .mailpoet_submit:hover {
	background: var(--gold-hover) !important;
	border-color: var(--gold-hover) !important;
}

/* Sklep: sortowanie i paginacja w materiale kartonika */
.woocommerce .woocommerce-ordering select,
.woocommerce-ordering select {
	background-color: var(--mount);
	border: 1px solid rgba(var(--gold-rgb), 0.55);
	border-radius: 0;
	box-shadow: inset 0 0 0 3px var(--mount), inset 0 0 0 4px rgba(var(--gold-rgb), 0.25);
	color: var(--ink);
}

.woocommerce nav.woocommerce-pagination ul li .page-numbers,
.navigation.pagination .page-numbers {
	background: var(--mount);
	border: 1px solid rgba(var(--gold-rgb), 0.5);
	border-radius: 0;
	color: var(--ink);
}

.woocommerce nav.woocommerce-pagination ul li .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li .page-numbers:hover,
.navigation.pagination .page-numbers.current {
	background: var(--gold);
	border-color: var(--gold);
	color: #1a1712;
}

/* Stopka: dane rejestrowe bez kropek, które po zawinięciu zostawały na początku linii */
.footer-brand__company-reg {
	gap: 0.15rem 1.1rem;
}

.footer-brand__company-reg span:not(:first-child)::before {
	content: none;
}

/* Sprzedaż pojedyncza: puste pole ilości i tak zajmowało odstęp (gap) przed przyciskiem */
.woocommerce div.product.sold-individually form.cart .quantity {
	display: none;
}

/* Lupa w obrębie okna ze zdjęciem, nie na krawędzi kartonika */
.woocommerce div.product .woocommerce-product-gallery__trigger {
	top: calc(clamp(0.7rem, 1.4vw, 1.1rem) + 0.6rem) !important;
	right: calc(clamp(0.7rem, 1.4vw, 1.1rem) + 0.6rem) !important;
}

/* =====================================================================
   16. Nagłówek jak papier firmowy atelier (≥ 901 px):
   sygnet pośrodku, pod nim menu między złotymi liniami, romby między pozycjami
   ===================================================================== */
@media (min-width: 901px) {
	.header-bar {
		grid-template-columns: 1fr auto 1fr;
		grid-template-areas:
			". brand actions"
			"nav nav nav";
		row-gap: 0;
		min-height: 0;
		padding-top: 1.1rem;
	}

	.header-bar .brand {
		grid-area: brand;
		justify-content: center;
	}

	.header-bar .header-actions {
		grid-area: actions;
		justify-self: end;
	}

	.header-bar .nav-primary {
		grid-area: nav;
		justify-self: stretch;
		margin-top: 0.9rem;
		border-top: 1px solid rgba(var(--gold-rgb), 0.45);
		box-shadow: inset 0 3px 0 -2px rgba(var(--gold-rgb), 0.2);
	}

	.nav-primary ul.nav-primary__list {
		--nav-gap: clamp(1.6rem, 3vw, 2.75rem);
		justify-content: center;
		gap: var(--nav-gap);
	}

	.nav-primary__list > .menu-item--primary {
		position: relative;
	}

	.nav-primary__list > .menu-item--primary + .menu-item--primary::before {
		content: "";
		position: absolute;
		left: calc(-0.5 * var(--nav-gap));
		top: 50%;
		width: 4px;
		height: 4px;
		background: var(--gold);
		transform: translate(-50%, -50%) rotate(45deg);
		pointer-events: none;
	}

	.nav-primary .menu-item--primary > a {
		padding: 0.95rem 0 0.9rem;
		font-family: var(--font-display);
		font-size: 1.06rem;
		font-weight: 500;
		letter-spacing: 0.14em;
	}

	.nav-primary .menu-item--primary > a::after {
		bottom: 0.55rem;
	}

	/* po przewinięciu: jeden wiersz, sygnet po lewej */
	body.header--sticky .site-header.is-stuck .header-bar {
		grid-template-columns: auto 1fr auto;
		grid-template-areas: "brand nav actions";
		padding-top: 0;
	}

	body.header--sticky .site-header.is-stuck .header-bar .nav-primary {
		margin-top: 0;
		border-top: 0;
		box-shadow: none;
	}
}

/* Podmenu: ciemna gablota ze złotym szeryfem, wyśrodkowana pod pozycją,
   romb-wskaźnik u góry, podwójna złota linia w środku. Poziom 3 wysuwa się w bok. */
.nav-primary .sub-menu {
	min-width: 260px;
	padding: 0.85rem 0.6rem;
	background: var(--velvet);
	border: 0;
	border-radius: var(--r-mount);
	box-shadow:
		inset 0 0 0 1px rgba(var(--gold-rgb), 0.55),
		inset 0 0 0 5px var(--dark),
		inset 0 0 0 6px rgba(var(--gold-rgb), 0.25),
		0 30px 50px -28px rgba(17, 15, 13, 0.75);
}

.nav-primary__list > .menu-item--primary > .sub-menu {
	top: calc(100% + 10px);
	left: 50%;
	transform: translate(-50%, 8px);
}

.nav-primary__list > .has-submenu:hover > .sub-menu,
.nav-primary__list > .has-submenu:focus-within > .sub-menu {
	transform: translate(-50%, 0);
}

/* most nad szczeliną, żeby kursor nie gubił menu, + romb-wskaźnik */
.nav-primary__list > .menu-item--primary > .sub-menu::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -12px;
	height: 12px;
}

.nav-primary__list > .menu-item--primary > .sub-menu::after {
	content: "";
	position: absolute;
	left: 50%;
	top: -5px;
	width: 9px;
	height: 9px;
	background: var(--dark);
	border: 1px solid rgba(var(--gold-rgb), 0.55);
	border-right: 0;
	border-bottom: 0;
	transform: translateX(-50%) rotate(45deg);
}

.nav-primary .sub-menu a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	white-space: nowrap;
	padding: 0.6rem 1.1rem 0.6rem 1.7rem;
	font-family: var(--font-display);
	font-size: 1.12rem;
	letter-spacing: 0.02em;
	text-transform: none;
	color: var(--dark-text);
	transition: color 0.3s var(--ease-soft), padding 0.4s var(--ease-out);
}

.nav-primary .sub-menu a::before {
	content: "";
	position: absolute;
	left: 0.8rem;
	top: 50%;
	width: 4px;
	height: 4px;
	background: var(--gold);
	transform: translateY(-50%) rotate(45deg) scale(0);
	transition: transform 0.4s var(--ease-out);
}

.nav-primary .sub-menu a:hover,
.nav-primary .sub-menu a:focus-visible,
.nav-primary .sub-menu .menu-item:hover > a {
	background: transparent;
	color: var(--gold-hover);
	padding-left: 2rem;
}

.nav-primary .sub-menu a:hover::before,
.nav-primary .sub-menu a:focus-visible::before,
.nav-primary .sub-menu .menu-item:hover > a::before {
	transform: translateY(-50%) rotate(45deg) scale(1);
}

.nav-primary .sub-menu .menu-item + .menu-item {
	border-top: 1px solid rgba(var(--gold-rgb), 0.16);
}

.nav-primary .sub-menu .menu-item__arrow {
	flex: none;
	color: var(--gold);
}

/* poziom 3: obok, równo z pozycją, bez wskaźnika */
.nav-primary .sub-menu .sub-menu {
	top: -0.85rem;
}

/* Panel mobilny: strona albumu, pozycje szeryfem */
.offcanvas {
	background: var(--paper);
	box-shadow: none;
}

/* cień tylko przy otwartym panelu, inaczej prześwituje przy prawej krawędzi */
.offcanvas.is-open {
	box-shadow: -1px 0 0 rgba(var(--gold-rgb), 0.5), -30px 0 60px -30px rgba(26, 23, 20, 0.6);
}

.offcanvas__head {
	border-bottom: 1px solid rgba(var(--gold-rgb), 0.45);
	box-shadow: 0 3px 0 -2px rgba(var(--gold-rgb), 0.2);
}

.offcanvas .menu-item {
	border-bottom-color: rgba(var(--gold-rgb), 0.25);
}

.offcanvas .menu-item a {
	font-family: var(--font-display);
	font-size: 1.45rem;
	letter-spacing: 0.01em;
	text-transform: none;
	padding: 0.8rem 0;
}

.offcanvas .sub-menu a,
.offcanvas .sub-menu .sub-menu a {
	font-size: 1.15rem;
	letter-spacing: 0;
	color: var(--ink-muted);
}

.offcanvas .menu-item.is-expanded > a {
	color: var(--gold-ink);
}

.offcanvas__submenu-toggle {
	margin-top: -2.9rem;
}

.offcanvas__submenu-toggle::before,
.offcanvas__submenu-toggle::after {
	background: var(--gold-ink);
}

/* =====================================================================
   17. Karta produktu: karta katalogowa egzemplarza
   ===================================================================== */
.woocommerce div.product {
	gap: clamp(2rem, 5vw, 4.5rem);
}

.woocommerce div.product .summary {
	max-width: 36rem;
}

.woocommerce div.product .product_title {
	font-size: clamp(2.1rem, 1.5rem + 2.2vw, 3.2rem);
	letter-spacing: -0.005em;
	margin-bottom: 0.4rem;
}

/* Cena + przycisk + obietnice: jeden kartonik, jak etykieta przy eksponacie */
.na-purchase {
	margin: 1.5rem 0 2rem;
	padding: clamp(1.25rem, 2.5vw, 1.9rem);
	background: var(--mount);
	border-radius: var(--r-mount);
	box-shadow: var(--gilt-line), var(--mount-shadow);
}

.na-purchase > :first-child {
	margin-top: 0;
}

.woocommerce div.product .na-purchase p.price,
.woocommerce div.product .na-purchase span.price {
	margin: 0 0 0.2rem;
	font-size: clamp(2rem, 1.6rem + 1.4vw, 2.6rem);
	line-height: 1.1;
}

.na-purchase .omnibus-note {
	margin-top: 0.3rem;
}

.woocommerce div.product .na-purchase form.cart {
	margin: 1.25rem 0 0;
}

.woocommerce div.product .na-purchase form.cart .single_add_to_cart_button {
	width: 100%;
}

.woocommerce div.product .na-purchase .stock {
	margin: 1rem 0 0;
	font-size: 0.78rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.na-purchase__promises {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.9rem 1.25rem;
	margin: 1.4rem 0 0;
	padding: 1.2rem 0 0;
	list-style: none;
	border-top: 1px solid rgba(var(--gold-rgb), 0.4);
}

.na-purchase__promises li {
	position: relative;
	padding-left: 1rem;
	font-size: 0.8rem;
	line-height: 1.45;
	color: var(--ink-muted);
}

.na-purchase__promises li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.5em;
	width: 5px;
	height: 5px;
	background: var(--gold);
	transform: rotate(45deg);
}

.na-purchase__promises strong {
	display: block;
	font-family: var(--font-display);
	font-size: 1.05rem;
	font-style: italic;
	font-weight: 500;
	color: var(--ink);
}

@media (max-width: 420px) {
	.na-purchase__promises {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Opis pod kartonikiem: kolumna do czytania z ozdobnym inicjałem */
.na-product__description {
	max-width: 62ch;
	font-size: 1rem;
	line-height: 1.75;
}

.na-product__description > p:first-of-type::first-letter {
	float: left;
	margin: 0.08em 0.12em 0 0;
	font-family: var(--font-display);
	font-size: 3.4em;
	line-height: 0.8;
	color: var(--gold-ink);
}

.na-product__description li::marker {
	color: var(--gold);
}

/* Kategoria / znaczniki / marka: drobny nadruk */
.woocommerce div.product .product_meta {
	margin-top: 1.75rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(var(--gold-rgb), 0.35);
	font-size: 0.78rem;
	letter-spacing: 0.04em;
	color: var(--ink-muted);
}

.woocommerce div.product .product_meta > span {
	display: block;
	margin-bottom: 0.25rem;
}

.woocommerce div.product .product_meta a {
	color: var(--gold-ink);
}

/* Specyfikacja i stan: karta katalogowa w kartoniku */
.na-product-specs .na-specs {
	max-width: 860px;
	margin-inline: auto;
	padding: clamp(1.25rem, 3vw, 2.5rem) clamp(1.25rem, 4vw, 3rem);
	background: var(--mount);
	border-radius: var(--r-mount);
	box-shadow: var(--gilt-line), var(--mount-shadow);
}

.na-product-specs .na-specs__row {
	border-bottom-color: rgba(var(--gold-rgb), 0.3);
}

.na-product-specs .na-specs__label {
	font-family: var(--font-display);
	font-size: 1.05rem;
	font-style: italic;
	letter-spacing: 0.01em;
	text-transform: none;
	color: var(--gold-ink);
}

/* Okruszki: bez pasa tła, cienka złota linia */
.breadcrumb {
	background: transparent;
	border-bottom: 1px solid rgba(var(--gold-rgb), 0.25);
}

/* =====================================================================
   18. Stopka jak rewers kartonika: nadruk zakładu pośrodku, kolumny pod nim
   ===================================================================== */
.site-footer__main {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	padding-block: clamp(4rem, 3rem + 3vw, 5.5rem) clamp(2.5rem, 2rem + 2vw, 3.5rem);
}

.footer-brand {
	grid-column: 1 / -1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding-bottom: clamp(2.5rem, 2rem + 2vw, 3.5rem);
	margin-bottom: clamp(2.5rem, 2rem + 2vw, 3.5rem);
	border-bottom: 1px solid rgba(var(--gold-rgb), 0.3);
}

.footer-brand__logo {
	max-height: 84px;
	margin-bottom: 1.25rem;
}

.footer-brand__text {
	max-width: 40ch;
	font-family: var(--font-display);
	font-size: var(--step-1);
	font-style: italic;
	line-height: 1.5;
	color: var(--dark-text);
}

.footer-brand__company {
	align-items: center;
	max-width: none;
	margin-top: 1.1rem;
	font-size: 0.72rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.footer-brand__company-reg {
	justify-content: center;
}

.footer-brand .social {
	margin-top: 1.4rem;
}

.social__link {
	border-color: rgba(var(--gold-rgb), 0.35);
	color: var(--gold-soft);
}

.footer-col {
	text-align: center;
	padding-inline: 1rem;
}

.footer-col + .footer-col {
	border-left: 1px solid rgba(var(--gold-rgb), 0.18);
}

.footer-col ul {
	justify-items: center;
}

.footer-col__title {
	font-size: 1.35rem;
	margin-bottom: 1.2rem;
}

.footer-payments {
	border-top-color: rgba(var(--gold-rgb), 0.2);
}

.site-footer__bottom {
	border-top: 1px solid rgba(var(--gold-rgb), 0.3);
	box-shadow: inset 0 3px 0 -2px rgba(var(--gold-rgb), 0.15);
	font-size: 0.72rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

@media (max-width: 1080px) {
	.site-footer__main {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.site-footer__main {
		grid-template-columns: minmax(0, 1fr);
	}

	.footer-col + .footer-col {
		border-left: 0;
		border-top: 1px solid rgba(var(--gold-rgb), 0.18);
		padding-top: 1.75rem;
		margin-top: 1.75rem;
	}
}

/* =====================================================================
   19. Strona główna: kroki, o sklepie, pytania
   ===================================================================== */

/* Jak sprawdzamy: cztery kolumny jak rubryki karty katalogowej */
.na-steps__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid rgba(var(--gold-rgb), 0.45);
	border-bottom: 1px solid rgba(var(--gold-rgb), 0.2);
}

.na-steps__item {
	position: relative;
	padding: clamp(1.75rem, 3vw, 2.5rem) clamp(1.1rem, 2vw, 1.75rem);
}

.na-steps__item + .na-steps__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 18%;
	bottom: 18%;
	width: 1px;
	background: linear-gradient(transparent, var(--gold-soft), transparent);
}

.na-steps__num {
	display: block;
	font-family: var(--font-display);
	font-size: clamp(2.2rem, 1.8rem + 1.2vw, 3rem);
	font-style: italic;
	line-height: 1;
	color: var(--gold-ink);
	margin-bottom: 1rem;
}

.na-steps__title {
	font-family: var(--font-display);
	font-size: var(--step-2);
	line-height: 1.15;
	margin-bottom: 0.6rem;
}

.na-steps__text {
	color: var(--ink-muted);
	margin: 0;
	max-width: 30ch;
}

@media (max-width: 900px) {
	.na-steps__item + .na-steps__item::before {
		left: 18%;
		right: 18%;
		top: 0;
		bottom: auto;
		width: auto;
		height: 1px;
		background: linear-gradient(90deg, transparent, var(--gold-soft), transparent);
	}
}

/* O sklepie: aksamit gabloty, obok kartonik z sygnetem */
.na-about {
	background: var(--velvet);
}

.na-about__grid {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: clamp(2.5rem, 6vw, 6rem);
	align-items: center;
}

.na-about__title {
	font-family: var(--font-display);
	font-size: clamp(2.1rem, 1.5rem + 2.2vw, 3.2rem);
	line-height: 1.08;
	color: #f6f1e4;
	margin-bottom: 1.5rem;
}

.na-about__body p {
	max-width: 58ch;
	color: rgba(233, 228, 215, 0.86);
	line-height: 1.75;
}

.na-about__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.25rem 2rem;
	margin-top: 2.25rem;
}

.na-about__card {
	padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 3vw, 2.5rem);
	background: var(--mount);
	border-radius: var(--r-mount);
	box-shadow: var(--gilt-line), 0 40px 70px -40px rgba(0, 0, 0, 0.75);
	text-align: center;
	color: var(--ink);
	transform: rotate(-1.2deg);
}

.na-about__card img {
	width: 44px;
	height: auto;
	margin: 0 auto 1.1rem;
}

.na-about__motto {
	font-family: var(--font-display);
	font-size: var(--step-2);
	font-style: italic;
	color: var(--gold-ink);
	margin-bottom: 1.25rem;
}

.na-about__motto::after {
	content: "";
	display: block;
	width: 90px;
	height: 8px;
	margin: 1rem auto 0;
	background: var(--ornament) center / contain no-repeat;
}

.na-about__contact {
	font-size: var(--step--1);
	color: var(--ink-muted);
	margin: 0;
}

.na-about__contact a {
	display: block;
	margin-top: 0.35rem;
	color: var(--ink);
	letter-spacing: 0.04em;
}

.na-about__contact a:hover {
	color: var(--gold-ink);
}

@media (max-width: 900px) {
	.na-about__grid {
		grid-template-columns: minmax(0, 1fr);
	}
	.na-about__card {
		transform: none;
		max-width: 26rem;
	}
}

/* Pytania: tytuł po lewej, lista <details> po prawej */
.na-faq__grid {
	display: grid;
	grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
	gap: clamp(2rem, 6vw, 6rem);
	align-items: start;
}

.na-faq__title {
	font-family: var(--font-display);
	font-size: clamp(2.1rem, 1.5rem + 2.2vw, 3.2rem);
	line-height: 1.08;
	margin-bottom: 1rem;
}

.na-faq__intro p {
	color: var(--ink-muted);
	max-width: 34ch;
	margin-bottom: 1.5rem;
}

.na-faq__list {
	border-top: 1px solid rgba(var(--gold-rgb), 0.45);
}

.na-faq__item {
	border-bottom: 1px solid rgba(var(--gold-rgb), 0.3);
}

.na-faq__item summary {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1.5rem;
	padding: 1.35rem 0;
	font-family: var(--font-display);
	font-size: var(--step-1);
	line-height: 1.3;
	cursor: pointer;
	list-style: none;
}

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

.na-faq__item summary::after {
	content: "+";
	flex: none;
	font-family: var(--font-sans);
	font-size: 1.25rem;
	line-height: 1;
	color: var(--gold-ink);
	transition: transform 0.4s var(--ease-out);
}

.na-faq__item[open] summary::after {
	transform: rotate(45deg);
}

.na-faq__item summary:hover {
	color: var(--gold-ink);
}

.na-faq__item p {
	margin: -0.35rem 0 1.5rem;
	max-width: 60ch;
	color: var(--ink-muted);
	line-height: 1.7;
}

@media (max-width: 900px) {
	.na-faq__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.na-faq__item summary::after {
		transition: none;
	}
}

/* =====================================================================
   20. Interakcje: drugie ujęcie, złocenie, FAQ, błysk w soczewce
   ===================================================================== */

/* Drugie ujęcie produktu po najechaniu (tylko mysz; na dotyku nie ładuje się w ogóle) */
.product-card__media img.product-card__alt {
	display: none;
}

@media (hover: hover) and (pointer: fine) {
	.product-card__media img.product-card__alt {
		display: block;
		opacity: 0;
		transition: opacity 0.7s var(--ease-soft), transform 1.2s var(--ease-out);
	}

	.woocommerce ul.products li.product:hover .product-card__alt {
		opacity: 1;
	}
}

/* Światło po złoceniu: wyraźniejsze niż w 1.10, nadal jedno przejście */
.woocommerce ul.products li.product::after {
	background: linear-gradient(115deg, transparent 40%, rgba(255, 244, 205, 0.7) 50%, transparent 60%) 130% 0 / 260% 100% no-repeat;
	mix-blend-mode: overlay;
}

/* FAQ: płynne rozsuwanie tam, gdzie przeglądarka to umie (Chrome/Edge 131+); reszta otwiera od razu */
.na-faq__list {
	interpolate-size: allow-keywords;
}

.na-faq__item::details-content {
	height: 0;
	overflow: clip;
	opacity: 0;
	transition: height 0.5s var(--ease-out), opacity 0.4s var(--ease-soft), content-visibility 0.5s allow-discrete;
}

.na-faq__item[open]::details-content {
	height: auto;
	opacity: 1;
}

/* Błysk w soczewce hero (pozycję liczy main.js, kalibracja: Personalizacja → Hero) */
.hero__glint {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	opacity: 0;
	clip-path: circle(var(--lr, 0) at var(--lx, 50%) var(--ly, 50%));
	background:
		radial-gradient(circle at var(--gx) var(--gy), rgba(255, 253, 245, 1) 0, rgba(255, 248, 228, 0.85) calc(var(--lr) * 0.05), rgba(255, 236, 196, 0.25) calc(var(--lr) * 0.12), transparent calc(var(--lr) * 0.26)),
		radial-gradient(circle at calc(2 * var(--lx) - var(--gx)) calc(2 * var(--ly) - var(--gy)), rgba(186, 140, 255, 0.35) 0, transparent calc(var(--lr) * 0.22)),
		radial-gradient(circle at var(--lx) var(--ly), transparent calc(var(--lr) * 0.78), rgba(var(--gold-rgb), 0.18) calc(var(--lr) * 0.92), transparent var(--lr));
	mix-blend-mode: screen;
	transition: opacity 0.8s var(--ease-soft);
}

.hero__window.has-glint .hero__glint {
	opacity: 0.4;
}

.hero__window.has-glint.is-lit .hero__glint {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.product-card__media img.product-card__alt,
	.na-faq__item::details-content {
		transition: none;
	}
}

/* =====================================================================
   21. Galeria produktu (woocommerce/single-product/product-image.php)
   ===================================================================== */
.na-gallery__stage {
	position: relative;
	background: #faf6ec;
	box-shadow: 0 0 0 1px rgba(var(--gold-rgb), 0.65), 0 0 0 3px #f3ecda, 0 0 0 4px var(--mount-edge);
}

.na-gallery__track,
.na-lightbox__track {
	display: flex;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.na-gallery__track::-webkit-scrollbar,
.na-lightbox__track::-webkit-scrollbar {
	display: none;
}

.na-gallery__track:focus-visible {
	outline: 1px solid var(--gold-ink);
	outline-offset: 6px;
}

.na-gallery__slide {
	flex: 0 0 100%;
	aspect-ratio: 1 / 1;
	scroll-snap-align: center;
	scroll-snap-stop: always;
	cursor: zoom-in;
}

.na-gallery__slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Strzałki: ostre kwadraty z kartonu, widoczne po najechaniu na zdjęcie (na dotyku zawsze) */
.na-gallery__nav {
	position: absolute;
	top: 50%;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin-top: -21px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: rgba(232, 223, 201, 0.92);
	color: var(--ink);
	box-shadow: inset 0 0 0 1px rgba(var(--gold-rgb), 0.6);
	cursor: pointer;
	transition: opacity 0.4s var(--ease-soft), background-color 0.3s ease;
}

.na-gallery__nav:hover,
.na-gallery__nav:focus-visible {
	background: var(--mount);
	color: var(--gold-ink);
}

.na-gallery__nav--prev {
	left: 0.75rem;
}

.na-gallery__nav--prev svg {
	transform: rotate(180deg);
}

.na-gallery__nav--next {
	right: 0.75rem;
}

@media (hover: hover) and (pointer: fine) {
	.na-gallery__stage .na-gallery__nav {
		opacity: 0;
	}

	.na-gallery__stage:hover .na-gallery__nav,
	.na-gallery__stage .na-gallery__nav:focus-visible {
		opacity: 1;
	}
}

.na-gallery__count {
	position: absolute;
	right: 0.75rem;
	bottom: 0.75rem;
	z-index: 2;
	padding: 0.35em 0.75em;
	background: rgba(26, 23, 20, 0.72);
	color: #f3ecda;
	font-family: var(--font-sans);
	font-size: 0.7rem;
	letter-spacing: 0.16em;
	pointer-events: none;
}

/* Miniatury: małe odbitki pod dużą, aktywna z podwójną złotą linią */
.na-gallery__thumbs {
	display: flex;
	gap: 0.6rem;
	margin-top: clamp(0.7rem, 1.4vw, 1.1rem);
	padding: 4px;
	overflow-x: auto;
	scrollbar-width: none;
}

.na-gallery__thumbs::-webkit-scrollbar {
	display: none;
}

.na-gallery__thumb {
	flex: 0 0 auto;
	width: clamp(56px, 7vw, 72px);
	aspect-ratio: 1 / 1;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #faf6ec;
	cursor: pointer;
	opacity: 0.6;
	box-shadow: 0 0 0 1px rgba(var(--gold-rgb), 0.35);
	transition: opacity 0.4s var(--ease-soft), box-shadow 0.4s var(--ease-soft);
}

.na-gallery__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.na-gallery__thumb:hover,
.na-gallery__thumb:focus-visible {
	opacity: 1;
}

.na-gallery__thumb.is-active {
	opacity: 1;
	box-shadow: 0 0 0 1px var(--gold), 0 0 0 3px #f3ecda, 0 0 0 4px rgba(var(--gold-rgb), 0.55);
}

/* Lightbox: zdjęcie na aksamicie gabloty */
.na-lightbox {
	width: 100vw;
	height: 100dvh;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--velvet);
	color: #f3ecda;
}

.na-lightbox::backdrop {
	background: rgba(17, 15, 13, 0.85);
}

html.na-lightbox-open {
	overflow: hidden;
}

.na-lightbox[open] {
	animation: na-lb-in 0.45s var(--ease-out);
}

@keyframes na-lb-in {
	from {
		opacity: 0;
	}
}

.na-lightbox__track {
	width: 100%;
	height: 100%;
}

.na-lightbox__slide {
	flex: 0 0 100%;
	display: grid;
	grid-template: minmax(0, 1fr) / minmax(0, 1fr); /* stała komórka, żeby max-height: 100% na zdjęciu działało */
	place-items: center;
	margin: 0;
	padding: clamp(3.5rem, 6vw, 4.5rem) clamp(0.5rem, 6vw, 5rem);
	overflow: hidden;
	scroll-snap-align: center;
	scroll-snap-stop: always;
}

.na-lightbox__slide img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	cursor: zoom-in;
	transition: transform 0.5s var(--ease-out);
}

.na-lightbox__slide.is-zoomed img {
	transform: scale(2.2);
	cursor: zoom-out;
	transition: transform 0.5s var(--ease-out), transform-origin 0s;
}

.na-lightbox .na-gallery__nav {
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background: rgba(26, 23, 20, 0.6);
	color: #f3ecda;
	box-shadow: inset 0 0 0 1px rgba(var(--gold-rgb), 0.55);
}

.na-lightbox .na-gallery__nav:hover,
.na-lightbox .na-gallery__nav:focus-visible {
	background: rgba(26, 23, 20, 0.9);
	color: var(--gold-hover);
}

.na-lightbox .na-gallery__nav--prev {
	left: clamp(0.5rem, 2vw, 1.5rem);
}

.na-lightbox .na-gallery__nav--next {
	right: clamp(0.5rem, 2vw, 1.5rem);
}

.na-lightbox__close {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #f3ecda;
	font-size: 2rem;
	line-height: 1;
	cursor: pointer;
	box-shadow: inset 0 0 0 1px rgba(var(--gold-rgb), 0.45);
}

.na-lightbox__close:hover,
.na-lightbox__close:focus-visible {
	color: var(--gold-hover);
}

.na-lightbox__count {
	position: absolute;
	top: 1.4rem;
	left: 50%;
	transform: translateX(-50%);
	font-family: var(--font-sans);
	font-size: 0.72rem;
	letter-spacing: 0.24em;
	color: rgba(243, 236, 218, 0.75);
}

.na-lightbox__hint {
	position: absolute;
	bottom: 1.1rem;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	font-family: var(--font-display);
	font-style: italic;
	font-size: 0.95rem;
	color: rgba(243, 236, 218, 0.55);
	white-space: nowrap;
	pointer-events: none;
}

@media (hover: none), (pointer: coarse) {
	.na-lightbox__hint {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.na-gallery__nav,
	.na-gallery__thumb,
	.na-lightbox__slide img {
		transition: none;
	}

	.na-lightbox[open] {
		animation: none;
	}
}

/* =====================================================================
   22. Pusta kategoria / brak wyników (woocommerce/loop/no-products-found.php)
   ===================================================================== */
.na-empty {
	margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

.na-empty__card {
	max-width: 40rem;
	margin: 0 auto;
	padding: clamp(2.25rem, 5vw, 3.5rem) clamp(1.5rem, 5vw, 3.5rem);
	background: var(--mount);
	border-radius: var(--r-mount);
	box-shadow: var(--gilt-line), var(--mount-shadow);
	text-align: center;
}

.na-empty__signet {
	width: 40px;
	height: auto;
	margin: 0 auto 1.25rem;
	opacity: 0.85;
}

.na-empty__title {
	font-family: var(--font-display);
	font-size: clamp(1.8rem, 1.4rem + 1.6vw, 2.5rem);
	line-height: 1.1;
	margin-bottom: 1rem;
}

.na-empty__title::after {
	content: "";
	display: block;
	width: 110px;
	height: 9px;
	margin: 1rem auto 0;
	background: var(--ornament) center / contain no-repeat;
}

.na-empty__card p {
	max-width: 46ch;
	margin: 0 auto;
	color: var(--ink-muted);
	line-height: 1.7;
}

.na-empty__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1.25rem 2rem;
	margin-top: 2rem;
}

.na-empty__cats {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.6rem;
	margin: clamp(2rem, 4vw, 3rem) auto 0;
	max-width: 52rem;
}

.na-empty__label {
	font-family: var(--font-display);
	font-style: italic;
	font-size: var(--step-1);
	color: var(--ink-muted);
	margin-right: 0.4rem;
}

.na-empty__chip {
	display: inline-flex;
	align-items: baseline;
	gap: 0.45em;
	padding: 0.55em 1.1em;
	font-size: 0.72rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--ink);
	text-decoration: none;
	box-shadow: inset 0 0 0 1px rgba(var(--gold-rgb), 0.5);
	transition: box-shadow 0.3s ease, color 0.3s ease;
}

.na-empty__chip span {
	color: var(--gold-ink);
	letter-spacing: 0.05em;
}

.na-empty__chip:hover,
.na-empty__chip:focus-visible {
	color: var(--gold-ink);
	box-shadow: inset 0 0 0 1px var(--gold), 0 0 0 3px rgba(var(--gold-rgb), 0.15);
}

.na-empty__recent {
	margin-top: clamp(3.5rem, 7vw, 5.5rem);
}

.na-empty__recent .section-title {
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

/* =====================================================================
   23. Ocena stanu (inc/product-condition.php)
   ===================================================================== */
.osk-grade {
	margin: 0.35rem 0 0.9rem;
	color: var(--ink-muted);
}

.osk-grade strong {
	color: var(--ink);
	font-weight: 600;
}

.na-specs__grade {
	color: var(--ink);
	font-weight: 600;
}

.osk-grade-desc--specs {
	display: block;
	margin-top: 0.35em;
	font-size: 0.88em;
	line-height: 1.55;
}

/* =====================================================================
   24. Okładka wpisu bez obrazka (inc/post-cover.php)
   Wypełnia ramkę obrazka (proporcje daje rodzic), tytuł skaluje się do szerokości.
   ===================================================================== */
.na-cover {
	container-type: inline-size;
	display: block;
	width: 100%;
	height: 100%;
	padding: 5%;
	background:
		radial-gradient(ellipse 75% 60% at var(--cover-x, 50%) -10%, rgba(var(--gold-rgb), 0.2), transparent 70%),
		radial-gradient(ellipse 120% 80% at 50% 120%, rgba(0, 0, 0, 0.55), transparent 70%),
		var(--dark);
	box-shadow: 0 0 0 1px rgba(var(--gold-rgb), 0.65), 0 0 0 3px #f3ecda, 0 0 0 4px var(--mount-edge);
	color: #f3ecda;
	text-align: center;
	overflow: hidden;
}

.na-cover__frame {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.6em;
	height: 100%;
	padding: 6% 8%;
	box-shadow: inset 0 0 0 1px rgba(var(--gold-rgb), 0.55), inset 0 0 0 5px transparent, inset 0 0 0 6px rgba(var(--gold-rgb), 0.25);
	transition: box-shadow 0.8s var(--ease-out);
}

.na-cover__cat {
	font-family: var(--font-sans);
	font-size: clamp(0.55rem, 2.6cqi, 0.72rem);
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--gold-soft);
}

.na-cover__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	font-family: var(--font-display);
	font-size: clamp(1rem, 7.5cqi, 2.6rem);
	font-weight: 500;
	line-height: 1.12;
	text-wrap: balance;
	color: #f6f1e4;
}

.na-cover__title::after {
	content: "";
	display: block;
	width: 5.5em;
	max-width: 110px;
	height: 9px;
	margin: 0.55em auto 0;
	background: var(--ornament) center / contain no-repeat;
}

.na-cover__imprint {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	font-family: var(--font-display);
	font-style: italic;
	font-size: clamp(0.65rem, 3cqi, 0.9rem);
	letter-spacing: 0.06em;
	color: rgba(243, 236, 218, 0.7);
}

.na-cover__imprint img {
	width: 1.2em !important;
	height: auto !important;
	transform: none !important;
	box-shadow: none !important;
}

/* Bardzo małe ramki (np. lista obok wpisu wiodącego): tylko tytuł */
@container (max-width: 220px) {
	.na-cover__cat,
	.na-cover__imprint {
		display: none;
	}
}

.post-card:hover .na-cover__frame,
.blog-lead:hover .na-cover__frame {
	box-shadow: inset 0 0 0 1px var(--gold), inset 0 0 0 5px transparent, inset 0 0 0 6px rgba(var(--gold-rgb), 0.45);
}