/* Strony treści: kolekcje, O nas, Współpraca, Materiały, FAQ, Kontakt i blog. */

.page-crumbs {
	padding: 20px 24px;
}

.page-title {
	font-size: 36px;
	line-height: 46px;
}

.page-lead {
	margin: 0;
	font-size: 16px;
	line-height: 26px;
	opacity: 0.78;
}

.section-label--right {
	flex-direction: row-reverse;
}

/* Pas z nagłówkiem */
.page-band {
	background: var(--color-sand);
}

.page-band__inner {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-block: 40px;
}

.page-band__side,
.page-band__body {
	padding-inline: 24px;
}

.page-band .section-label {
	margin: 0 -24px 24px;
	padding-inline: 0 24px;
}

.page-band__eyebrow {
	margin: 8px 0 0;
}

.page-band__text {
	margin: 16px 0 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 26px;
}

.page-band__text a {
	color: #ab9e7b;
	text-decoration: underline;
}

/* Wstęp ze znakiem */
.page-intro {
	position: relative;
	overflow: hidden;
}

.page-intro__inner {
	padding: 16px 24px 40px;
}

.page-intro .section-label {
	margin: 0 -24px 24px;
}

.page-intro__mark {
	position: absolute;
	top: 0;
	right: -16%;
	z-index: -1;
	width: 76%;
	opacity: 0.2;
}

.page-intro__eyebrow {
	margin: 16px 0 0;
}

.page-intro__text {
	margin-top: 16px;
}

.page-intro__buttons {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 24px;
}

.page-intro__buttons .btn {
	gap: 12px;
}

.page-strip {
	position: relative;
	background: var(--color-sand);
}

.page-strip__inner {
	padding: 24px;
}

/* Panel ze zdjęciem */
.page-panel--blue {
	background: var(--color-blue);
	color: var(--color-white);
}

.page-panel--blue .section-label {
	color: var(--color-white);
}

.page-panel--blue .page-panel__text {
	color: #cad3de;
}

.page-panel--sand {
	background: var(--color-sand);
}

.page-panel__content {
	padding: 40px 24px;
}

.page-panel .section-label {
	margin: 0 -24px 24px;
}

.page-panel--plain .section-label {
	flex-direction: row-reverse;
}

.page-panel__eyebrow {
	margin: 8px 0 0;
}

.page-panel__text {
	margin-top: 24px;
}

.page-panel__text p {
	margin: 0 0 12px;
}

.page-panel__image {
	width: 100%;
	height: 100%;
	max-height: 420px;
	object-fit: cover;
}

.page-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 24px;
}

.page-chips li {
	padding: 6px 16px;
	background: #dad6d0;
	color: #817c74;
	font-size: 12px;
	line-height: 24px;
}

.page-panel--blue .page-chips li {
	background: #4c5a6b;
	color: #cad3de;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* Tekst i zdjęcie */
.split__inner {
	display: flex;
	flex-direction: column;
	gap: 28px;
	padding: 40px 24px 0;
}

.split__image {
	width: 100%;
	max-height: 420px;
	object-fit: cover;
}

.split__eyebrow {
	margin: 12px 0 0;
}

.split__text {
	margin-top: 20px;
}

.split__text p {
	margin: 0 0 12px;
}

.split__list {
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

.split__item {
	display: flex;
	flex-direction: column;
	padding-block: 12px 16px;
	border-top: 1px solid var(--color-line);
}

.split__number {
	font-size: 11px;
	font-weight: 300;
	line-height: 18px;
}

.split__item-title {
	font-size: 18px;
	line-height: 30px;
}

.split__item-text {
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
}

/* Karty */
.steps__inner {
	padding: 56px 24px 0;
}

.steps .section-label {
	margin: 0 -24px 24px;
}

.steps__text p {
	margin: 0 0 12px;
}

.steps__grid {
	display: grid;
	gap: 8px;
	margin-top: 28px;
}

.steps__card {
	padding: 28px 24px;
	background: var(--color-surface);
}

.steps__icon {
	height: 48px;
	width: auto;
}

.steps__title {
	margin-top: 24px;
	line-height: 24px;
}

.steps__body {
	margin: 12px 0 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
}

/* Niebieskie zaproszenie */
.cta-panel {
	margin-top: 56px;
	background: var(--color-blue);
	color: var(--color-white);
}

.cta-panel__inner {
	padding: 48px 24px;
}

.cta-panel .section-label {
	margin: 0 -24px 24px;
	color: #cad3de;
}

.cta-panel__eyebrow {
	margin: 8px 0 0;
}

.cta-panel__body {
	margin-top: 28px;
}

.cta-panel__link {
	margin-top: 24px;
}

/* Rzędy produktów */
.products-row {
	position: relative;
}

.products-row .products {
	margin: 0;
}

.products--scroll {
	grid-auto-columns: 62%;
	grid-auto-flow: column;
	grid-template-columns: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.products--scroll::-webkit-scrollbar {
	display: none;
}

.products--scroll > * {
	scroll-snap-align: start;
}

.products-row__arrow {
	display: none;
}

.products-row__arrow--prev .arrow-circle {
	transform: rotate(180deg);
}

.products-row__more {
	max-width: 266px;
	margin: 28px auto 0;
}

.cat-products__inner {
	padding: 48px 24px;
}

.cat-products--white {
	background: var(--color-white);
	border-bottom: 1px solid var(--color-bg);
}

.cat-products .section-label {
	margin: 0 -24px 24px;
}

.cat-products__eyebrow {
	margin: 8px 0 28px;
}

/* Lista kolekcji */
.collections__inner {
	padding: 48px 24px;
}

.collections > .a-inner > .section-label {
	margin: 0 -24px 24px;
}

.collections__item + .collections__item {
	margin-top: 56px;
}

.collections__lead,
.other-collection__body {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.collections__image,
.other-collection__image {
	width: 100%;
	aspect-ratio: 718 / 897;
	object-fit: cover;
}

.collections__eyebrow {
	margin: 8px 0 0;
}

.collections__text {
	margin: 20px 0 24px;
}

.collections__heading {
	margin: 40px 0 20px;
}

/* Inna kolekcja */
.other-collection {
	background: var(--color-sand);
}

.other-collection__inner {
	padding: 48px 24px;
}

.other-collection .section-label {
	margin: 0 -24px 24px;
}

.other-collection__nav {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 32px;
}

.other-collection__nav .btn {
	gap: 12px;
}

.other-collection__nav .is-current {
	opacity: 0.4;
	pointer-events: none;
}

/* Pasek korzyści */
.perk-bar__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
	padding: 32px 24px;
}

.perk-bar__item {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 56px;
	padding: 8px 12px;
	background: var(--color-blue);
	color: var(--color-white);
	font-size: 12px;
	line-height: 16px;
}

.perk-bar__icon {
	flex: none;
	width: 22px;
	height: 22px;
}

/* Materiały jednej kolekcji */
.coll-materials__inner {
	padding: 40px 24px 0;
}

.coll-materials .section-label {
	margin: 0 -24px 20px;
}

.coll-materials__panels {
	display: grid;
	gap: 6px;
	margin-top: 28px;
}

.coll-materials__panel {
	display: grid;
	gap: 16px;
	padding: 24px;
	background: var(--color-surface);
}

.coll-materials__name {
	margin: 0;
}

.coll-materials__list {
	display: grid;
	gap: 12px;
}

.coll-materials__list li {
	display: flex;
	align-items: center;
	gap: 18px;
	font-size: 11px;
	letter-spacing: 0.22em;
	line-height: 18px;
	text-transform: uppercase;
}

.coll-materials__swatch {
	flex: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.coll-products__inner {
	padding: 48px 24px;
}

.coll-products__heading {
	margin: 0;
}

/* Zakładki sekcji */
.anchor-tabs__list {
	margin: 0;
	padding: 32px 24px 0;
}

/* Materiał */
.material-row__inner {
	padding: 40px 24px;
}

.material-row--surface {
	background: var(--color-surface);
}

.material-row .section-label {
	margin: 0 -24px 24px;
}

.material-row--reverse .section-label {
	flex-direction: row-reverse;
}

.material-row__body {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.material-row__image {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}

.material-row__text {
	margin-top: 20px;
}

.material-row__text p {
	margin: 0 0 12px;
}

/* Pytania i odpowiedzi */
.faq__inner {
	padding: 40px 24px 56px;
}

.faq__nav {
	display: none;
}

.faq__group + .faq__group {
	margin-top: 40px;
}

.faq__title {
	padding-bottom: 12px;
	border-bottom: 1px solid var(--color-line);
	font-size: 24px;
	line-height: 32px;
	scroll-margin-top: 24px;
}

.faq__item {
	border-bottom: 1px solid var(--color-line);
}

.faq__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-block: 20px;
	font-size: 15px;
	line-height: 24px;
	cursor: pointer;
	list-style: none;
}

.faq__question::-webkit-details-marker {
	display: none;
}

.faq__question::after {
	content: "+";
	flex: none;
	font-size: 22px;
	font-weight: 300;
	line-height: 1;
}

.faq__item[open] .faq__question::after {
	content: "–";
}

.faq__answer {
	margin: 0;
	padding-bottom: 24px;
	font-size: 14px;
	font-weight: 300;
	line-height: 26px;
	opacity: 0.78;
}

/* Dane kontaktowe */
.contact-details__inner {
	padding: 48px 24px 64px;
}

.contact-details__title {
	font-size: 20px;
	line-height: 30px;
}

.contact-details__eyebrow {
	margin: 4px 0 0;
	font-size: 12px;
	font-weight: 300;
	line-height: 22px;
	text-transform: uppercase;
}

.contact-details__list {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	margin-top: 24px;
}

.contact-details__item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 140px;
	font-size: 14px;
}

.contact-details__icon {
	width: auto;
	height: 20px;
	box-sizing: content-box;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--color-line);
	object-fit: contain;
	object-position: left;
}

/* Blog */
.blog-tabs {
	margin: 0;
	padding: 32px 24px 0;
}

.blog-list__grid {
	display: grid;
	gap: 40px;
	padding: 32px 24px;
}

.post-card__link {
	display: block;
}

.post-card__media {
	display: block;
	overflow: hidden;
	aspect-ratio: 530 / 536;
	background: var(--color-sand);
}

.post-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 600ms ease;
}

.post-card:hover .post-card__image {
	transform: scale(1.02);
}

.post-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 16px;
}

.post-chips a,
.post-chips span {
	padding: 2px 8px;
	background: var(--color-sand);
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.14em;
	line-height: 18px;
	text-transform: uppercase;
}

.post-card__title {
	margin-top: 14px;
	font-size: 18px;
	line-height: 25px;
}

.post-card__excerpt {
	margin: 12px 0 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 26px;
}

.post-card__foot {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--color-line);
}

.blog-pagination {
	padding: 0 24px 56px;
}

.blog-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.blog-pagination .page-numbers {
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 20px;
}

.blog-pagination .page-numbers.current {
	font-weight: 600;
}

.blog-pagination .prev,
.blog-pagination .next {
	padding: 16px 24px;
	border: 1px solid var(--color-ink);
	text-transform: uppercase;
}

/* Wpis */
.post-layout {
	display: flex;
	flex-direction: column;
	gap: 48px;
	padding-bottom: 56px;
}

.post-layout__image {
	width: 100%;
	aspect-ratio: 1066 / 1078;
	object-fit: cover;
}

.post-layout__body {
	padding: 0 24px;
}

.post-layout__title {
	margin-top: 16px;
	font-size: 22px;
	line-height: 30px;
}

.entry-content {
	margin-top: 24px;
	font-size: 14px;
	font-weight: 300;
	line-height: 26px;
}

.entry-content p {
	margin: 0 0 16px;
}

.entry-content h2,
.entry-content h3 {
	margin: 40px 0 28px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: var(--tracking-caps);
	line-height: 24px;
	text-transform: uppercase;
}

.entry-content ul {
	margin: 0 0 16px;
	padding-left: 40px;
	list-style: disc;
}

.entry-content li {
	margin-bottom: 16px;
}

.post-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
	margin-top: 40px;
	padding-top: 24px;
	border-top: 1px solid var(--color-line);
}

.post-nav a {
	display: inline-flex;
	gap: 12px;
	align-items: center;
	padding: 14px 20px;
	border: 1px solid var(--color-ink);
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 20px;
	text-transform: uppercase;
}

.post-nav a:hover {
	background: var(--color-ink);
	color: var(--color-bg);
}

.post-layout__side {
	display: grid;
	gap: 40px;
	padding-inline: 24px;
}

.post-related__inner {
	padding: 0 24px 56px;
}

.post-related .section-label {
	margin: 0 -24px 24px;
	text-transform: uppercase;
}

@media (min-width: 1024px) {
	.page-crumbs {
		height: calc(86 * var(--u));
		padding: calc(46 * var(--u)) 0 0 calc(211 * var(--u));
	}

	.page-title {
		font-size: calc(70 * var(--u));
		line-height: calc(80 * var(--u));
	}

	.page-lead {
		font-size: max(15px, calc(18 * var(--u)));
		line-height: max(22px, calc(26 * var(--u)));
	}

	/* Pas z nagłówkiem */
	.page-band__inner {
		display: grid;
		grid-template-columns: calc(942 * var(--u)) calc(650 * var(--u));
		gap: 0;
		min-height: calc(471 * var(--u));
		padding: 0;
	}

	.page-band__side,
	.page-band__body {
		padding: 0;
	}

	.page-band__side {
		padding-top: calc(135 * var(--u));
	}

	.page-band__body {
		padding-top: calc(155 * var(--u));
	}

	.page-band .section-label {
		margin: 0 0 calc(40 * var(--u));
		padding: 0;
	}

	.page-band__title,
	.page-band__eyebrow {
		margin-left: calc(211 * var(--u));
	}

	.page-band__eyebrow {
		margin-top: calc(13 * var(--u));
	}

	.page-band__text {
		width: calc(584 * var(--u));
		margin-top: calc(28 * var(--u));
		font-size: max(13px, calc(15 * var(--u)));
		line-height: max(21px, calc(26 * var(--u)));
	}

	.page-band--compact {
		margin-top: calc(23 * var(--u));
	}

	.page-band--compact .page-band__inner {
		grid-template-columns: calc(760 * var(--u)) calc(580 * var(--u));
		min-height: calc(340 * var(--u));
	}

	.page-band--compact .page-band__side {
		padding-top: calc(81 * var(--u));
	}

	.page-band--compact .section-label {
		margin-bottom: calc(57 * var(--u));
		color: #ab9e7b;
	}

	.page-band--compact .page-band__body {
		padding-top: calc(166 * var(--u));
	}

	.page-band--compact .page-band__text {
		width: 100%;
		margin: 0;
		font-size: max(14px, calc(18 * var(--u)));
		line-height: max(23px, calc(32 * var(--u)));
	}

	/* Wstęp ze znakiem */
	/* Znak wychodzi ponad sekcję, ale nie może powiększać strony w poziomie. */
	.page-intro {
		overflow-x: clip;
		overflow-y: visible;
		isolation: isolate;
	}

	.page-intro__inner {
		padding: calc(36 * var(--u)) 0 calc(60 * var(--u));
	}

	.page-intro .section-label {
		margin: 0 0 calc(59 * var(--u));
	}

	.page-intro__mark {
		top: calc(-56 * var(--u));
		right: auto;
		left: calc(1088 * var(--u));
		width: calc(705 * var(--u));
	}

	.page-intro__title,
	.page-intro__eyebrow,
	.page-intro__text,
	.page-intro__buttons {
		margin-left: calc(207 * var(--u));
	}

	.page-intro__eyebrow {
		margin-top: calc(47 * var(--u));
		margin-left: calc(211 * var(--u));
	}

	.page-intro__text {
		width: calc(598 * var(--u));
		margin-top: calc(33 * var(--u));
		margin-left: calc(211 * var(--u));
	}

	.page-intro__buttons {
		flex-direction: row;
		gap: calc(12 * var(--u));
		margin-top: calc(36 * var(--u));
		margin-left: calc(211 * var(--u));
	}

	.page-intro__buttons .btn {
		width: auto;
		padding-inline: calc(28 * var(--u));
		font-size: 12px;
		white-space: nowrap;
	}

	.page-strip__inner {
		padding: calc(27 * var(--u)) calc(100 * var(--u));
	}

	.page-strip .value-list {
		flex-direction: row;
		justify-content: space-between;
	}

	/* Panel ze zdjęciem */
	.page-panel__inner {
		display: grid;
		grid-template-columns: calc(897 * var(--u)) 1fr;
		gap: calc(6 * var(--u));
		min-height: calc(701 * var(--u));
	}

	.page-panel__content {
		padding: calc(108 * var(--u)) 0 calc(60 * var(--u));
	}

	.page-panel .section-label {
		margin: 0 0 calc(40 * var(--u));
	}

	.page-panel__title,
	.page-panel__eyebrow,
	.page-panel__text,
	.page-chips {
		margin-left: calc(211 * var(--u));
	}

	.page-panel__eyebrow {
		margin-top: calc(13 * var(--u));
	}

	.page-panel__text {
		width: calc(598 * var(--u));
		margin-top: calc(40 * var(--u));
	}

	.page-chips {
		margin-top: calc(28 * var(--u));
	}

	.page-chips li {
		padding: calc(6 * var(--u)) calc(22 * var(--u));
		line-height: 24px;
	}

	.page-panel__media {
		position: relative;
		min-height: 0;
	}

	.page-panel__image {
		position: absolute;
		inset: 0;
		max-height: none;
	}

	.page-panel--blue .page-panel__media {
		background: var(--color-bg);
	}

	.page-panel--plain {
		padding-top: calc(160 * var(--u));
	}

	.page-panel--reverse .page-panel__inner {
		grid-template-columns: calc(851 * var(--u)) 1fr;
		gap: 0;
		min-height: calc(850 * var(--u));
	}

	.page-panel--reverse .page-panel__media {
		order: -1;
	}

	.page-panel--reverse .page-panel__content {
		padding-top: calc(174 * var(--u));
	}

	.page-panel--reverse .page-panel__title,
	.page-panel--reverse .page-panel__eyebrow,
	.page-panel--reverse .page-panel__text {
		width: calc(600 * var(--u));
		margin-left: calc(124 * var(--u));
	}

	/* Tekst i zdjęcie */
	.split__inner {
		display: grid;
		gap: 0;
		padding: calc(123 * var(--u)) 0 0;
	}

	.split--image-right .split__inner {
		grid-template-columns: calc(899 * var(--u)) calc(801 * var(--u));
	}

	.split--image-right .split__media {
		order: 2;
	}

	.split--image-right .split__content {
		padding: calc(94 * var(--u)) 0 0 calc(211 * var(--u));
	}

	.split--image-right .split__title {
		width: calc(560 * var(--u));
	}

	.split__image {
		width: 100%;
		height: calc(706 * var(--u));
		max-height: none;
	}

	.split__eyebrow {
		margin-top: calc(13 * var(--u));
	}

	.split__text {
		width: calc(598 * var(--u));
		margin-top: calc(50 * var(--u));
	}

	.split--image-only .split__inner {
		padding: 0 0 0 calc(98 * var(--u));
		margin-top: calc(-62 * var(--u));
	}

	.split--image-only .split__media {
		width: calc(792 * var(--u));
	}

	.split--image-only .split__image,
	.split--image-left .split__image {
		height: calc(801 * var(--u));
	}

	.split--image-left .split__inner {
		grid-template-columns: calc(892 * var(--u)) 1fr;
		padding: calc(125 * var(--u)) 0 calc(140 * var(--u)) calc(100 * var(--u));
		grid-template-columns: calc(792 * var(--u)) 1fr;
	}

	.split--image-left .split__media {
		padding-top: calc(58 * var(--u));
	}

	.split--image-left .split__content {
		padding-left: calc(145 * var(--u));
	}

	.split--image-left .split__title {
		width: calc(600 * var(--u));
	}

	.split__list {
		width: max(404px, calc(404 * var(--u)));
		margin-top: calc(60 * var(--u));
	}

	.split__item {
		padding-block: calc(10 * var(--u)) calc(14 * var(--u));
	}

	.split__item-title {
		font-size: max(18px, calc(22 * var(--u)));
		line-height: calc(39 * var(--u));
	}

	.split__item-text {
		font-size: 14px;
		line-height: 22px;
	}

	/* Karty */
	.steps__inner {
		padding: calc(153 * var(--u)) 0 0;
	}

	.steps .section-label {
		margin: 0 0 calc(110 * var(--u));
	}

	.steps__text {
		width: calc(556 * var(--u));
		margin-left: calc(211 * var(--u));
	}

	.steps__grid {
		grid-template-columns: repeat(4, calc(338 * var(--u)));
		gap: calc(14 * var(--u));
		margin: calc(70 * var(--u)) 0 0 calc(211 * var(--u));
	}

	.steps__card {
		min-height: calc(414 * var(--u));
		padding: calc(70 * var(--u)) calc(50 * var(--u)) calc(40 * var(--u));
	}

	.steps__icon {
		height: calc(55 * var(--u));
	}

	.steps__title {
		margin-top: calc(50 * var(--u));
		line-height: calc(28 * var(--u));
	}

	.steps__body {
		margin-top: calc(16 * var(--u));
		line-height: 25px;
	}

	.steps + .split--image-right {
		padding-bottom: calc(137 * var(--u));
	}

	.steps + .split--image-right .split__inner {
		padding-top: calc(157 * var(--u));
	}

	/* Trzy karty: makieta jednej kolekcji */
	.steps--3 .steps__inner {
		padding-top: calc(190 * var(--u));
		padding-bottom: calc(160 * var(--u));
	}

	.steps--3 .section-label {
		margin-bottom: calc(61 * var(--u));
	}

	.steps--3 .steps__grid {
		grid-template-columns: repeat(3, calc(456 * var(--u)));
		gap: calc(7 * var(--u));
		margin: calc(90 * var(--u)) 0 0 calc(208 * var(--u));
	}

	.steps--3 .steps__card {
		min-height: calc(348 * var(--u));
	}

	/* Niebieskie zaproszenie */
	.cta-panel {
		margin-top: 0;
	}

	.cta-panel__inner {
		display: grid;
		grid-template-columns: calc(942 * var(--u)) calc(650 * var(--u));
		min-height: calc(665 * var(--u));
		padding: 0;
	}

	.cta-panel__side {
		padding-top: calc(169 * var(--u));
	}

	.cta-panel .section-label {
		margin: 0 0 calc(68 * var(--u));
	}

	.cta-panel__title,
	.cta-panel__eyebrow {
		margin-left: calc(213 * var(--u));
	}

	.cta-panel__eyebrow {
		margin-top: calc(14 * var(--u));
		margin-left: calc(211 * var(--u));
	}

	.cta-panel__body {
		margin: 0;
		padding-top: calc(166 * var(--u));
	}

	.cta-panel__link {
		margin-top: calc(70 * var(--u));
	}

	/* Rzędy produktów */
	.products-row .products {
		margin: 0 0 0 calc(238 * var(--u));
		row-gap: calc(90 * var(--u));
	}

	.products-row .products--scroll {
		grid-auto-columns: calc(422 * var(--u));
		grid-template-columns: none;
		width: calc(1324 * var(--u));
	}

	.products-row__arrow {
		position: absolute;
		top: calc(240 * var(--u));
		display: block;
	}

	.products-row__arrow--prev {
		left: calc(157 * var(--u));
	}

	.products-row__arrow--next {
		left: calc(1600 * var(--u));
	}

	.products-row__more {
		width: calc(266 * var(--u));
		max-width: none;
		margin: calc(112 * var(--u)) auto 0;
		font-size: 12px;
	}

	.cat-products__inner {
		padding: calc(93 * var(--u)) 0 calc(127 * var(--u));
	}

	.cat-products .section-label {
		margin: 0 0 calc(133 * var(--u));
	}

	.cat-products__title,
	.cat-products__eyebrow {
		margin-left: calc(207 * var(--u));
	}

	.cat-products__eyebrow {
		margin-top: calc(13 * var(--u));
		margin-bottom: calc(73 * var(--u));
	}

	/* Lista kolekcji */
	.collections__inner {
		padding: calc(118 * var(--u)) 0 calc(120 * var(--u));
	}

	.collections > .a-inner > .section-label {
		margin: 0 0 calc(11 * var(--u));
	}

	.collections__item + .collections__item {
		margin-top: calc(117 * var(--u));
	}

	.collections__lead {
		display: grid;
		grid-template-columns: calc(896 * var(--u)) calc(718 * var(--u));
		gap: 0;
	}

	.collections__media {
		order: 2;
	}

	.collections__content {
		padding: calc(233 * var(--u)) 0 0 calc(199 * var(--u));
	}

	.collections__item:nth-child(even of .collections__item) .collections__lead {
		grid-template-columns: calc(172 * var(--u)) calc(718 * var(--u)) 1fr;
	}

	.collections__item:nth-child(even of .collections__item) .collections__media {
		grid-column: 2;
		order: 0;
	}

	.collections__item:nth-child(even of .collections__item) .collections__content {
		grid-column: 3;
		padding: calc(254 * var(--u)) 0 0 calc(115 * var(--u));
	}

	.collections__item:nth-child(even of .collections__item) .collections__image {
		aspect-ratio: 718 / 957;
	}

	.collections__item:nth-child(3 of .collections__item) .collections__image {
		aspect-ratio: 722 / 1013;
	}

	.collections__eyebrow {
		margin: calc(7 * var(--u)) 0 0 calc(6 * var(--u));
	}

	.collections__text {
		width: calc(483 * var(--u));
		margin: calc(49 * var(--u)) 0 calc(30 * var(--u));
	}

	.collections__heading {
		margin: calc(100 * var(--u)) 0 calc(71 * var(--u)) calc(238 * var(--u));
	}

	/* Inna kolekcja */
	.other-collection__inner {
		min-height: calc(1554 * var(--u));
		padding: calc(163 * var(--u)) 0 calc(120 * var(--u));
	}

	.other-collection .section-label {
		margin: 0 0 calc(132 * var(--u));
	}

	.other-collection__body {
		display: grid;
		grid-template-columns: calc(929 * var(--u)) 1fr;
		gap: 0;
		padding-left: calc(211 * var(--u));
	}

	.other-collection__media {
		width: calc(718 * var(--u));
	}

	.other-collection__image {
		aspect-ratio: 718 / 957;
	}

	.other-collection__content {
		padding: calc(254 * var(--u)) 0 0 calc(-96 * var(--u));
		margin-left: calc(-96 * var(--u));
	}

	.other-collection__nav {
		flex-direction: row;
		justify-content: center;
		gap: calc(6 * var(--u));
		margin-top: calc(92 * var(--u));
	}

	.other-collection__nav .btn {
		width: calc(319 * var(--u));
		font-size: 12px;
	}

	.other-collection__nav .is-current {
		width: calc(284 * var(--u));
	}

	/* Pasek korzyści */
	.perk-bar__list {
		display: flex;
		justify-content: center;
		gap: calc(54 * var(--u));
		padding: calc(105 * var(--u)) 0;
	}

	.perk-bar__item {
		justify-content: center;
		gap: calc(22 * var(--u));
		width: calc(277 * var(--u));
		min-height: calc(61 * var(--u));
		padding: 0;
		font-size: max(12px, calc(14 * var(--u)));
	}

	.perk-bar__icon {
		width: calc(26 * var(--u));
		height: calc(26 * var(--u));
	}

	/* Materiały jednej kolekcji */
	.coll-materials__inner {
		display: grid;
		grid-template-columns: calc(903 * var(--u)) calc(797 * var(--u));
		padding: calc(110 * var(--u)) 0 0;
	}

	.coll-materials__side {
		padding-top: calc(122 * var(--u));
	}

	.coll-materials .section-label {
		margin: 0 0 calc(94 * var(--u));
	}

	.coll-materials__text {
		width: calc(586 * var(--u));
		margin-left: calc(211 * var(--u));
	}

	.coll-materials__panels {
		gap: calc(6 * var(--u));
		margin: 0;
	}

	.coll-materials__panel {
		grid-template-columns: calc(368 * var(--u)) 1fr;
		gap: 0;
		padding: calc(47 * var(--u)) 0 calc(47 * var(--u)) calc(95 * var(--u));
	}

	.coll-materials__list {
		gap: calc(23 * var(--u));
	}

	.coll-materials__list li {
		gap: calc(32 * var(--u));
	}

	.coll-materials__swatch {
		width: calc(34 * var(--u));
		height: calc(34 * var(--u));
	}

	.coll-products__inner {
		padding: calc(100 * var(--u)) 0 0;
	}

	.coll-products__heading {
		margin-left: calc(238 * var(--u));
	}

	.coll-products__tabs {
		gap: calc(16 * var(--u)) calc(30 * var(--u));
		margin: calc(65 * var(--u)) 0 0 calc(238 * var(--u));
	}

	.coll-products__tabs .shop-tabs__label,
	.anchor-tabs__list .shop-tabs__label {
		width: auto;
		min-width: calc(101 * var(--u));
		white-space: nowrap;
	}

	.coll-products .products {
		margin-top: calc(65 * var(--u));
		row-gap: calc(90 * var(--u));
	}

	/* Zakładki sekcji */
	.anchor-tabs__list {
		gap: calc(16 * var(--u)) calc(30 * var(--u));
		padding: calc(120 * var(--u)) 0 0 calc(216 * var(--u));
	}

	/* Materiał */
	.material-row__inner {
		padding: calc(63 * var(--u)) 0 calc(80 * var(--u));
	}

	.material-row .section-label {
		margin: 0 0 calc(54 * var(--u));
	}

	.material-row--reverse .section-label {
		--line: calc(197 * var(--u));
	}

	.material-row__body {
		display: grid;
		grid-template-columns: calc(711 * var(--u)) calc(600 * var(--u));
		gap: 0;
		padding-left: calc(239 * var(--u));
	}

	.material-row--reverse .material-row__body {
		grid-template-columns: calc(797 * var(--u)) calc(499 * var(--u));
	}

	.material-row--reverse .material-row__media {
		order: 2;
	}

	.material-row__media {
		width: calc(499 * var(--u));
	}

	.material-row__content {
		padding-top: calc(53 * var(--u));
	}

	.material-row--reverse .material-row__content {
		width: calc(600 * var(--u));
	}

	.material-row__text {
		margin-top: calc(47 * var(--u));
	}

	/* Pytania i odpowiedzi */
	.faq__inner {
		display: grid;
		grid-template-columns: calc(808 * var(--u)) calc(745 * var(--u));
		padding: calc(163 * var(--u)) 0 calc(130 * var(--u));
	}

	.faq__nav {
		position: sticky;
		top: 24px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		align-self: start;
		width: calc(344 * var(--u));
		margin-left: calc(182 * var(--u));
	}

	.faq__nav-link {
		width: 100%;
		padding: calc(4 * var(--u)) calc(15 * var(--u));
		font-size: max(10px, calc(13 * var(--u)));
		font-weight: 300;
		letter-spacing: 0.16em;
		line-height: calc(24 * var(--u));
		text-transform: uppercase;
	}

	.faq__nav-link:hover,
	.faq__nav-link.is-active {
		background: var(--color-surface);
	}

	.faq__group + .faq__group {
		margin-top: calc(56 * var(--u));
	}

	.faq__title {
		padding-bottom: calc(26 * var(--u));
		font-size: calc(34 * var(--u));
		line-height: calc(41 * var(--u));
	}

	.faq__question {
		min-height: calc(83 * var(--u));
		padding-block: calc(16 * var(--u));
		font-size: max(14px, calc(18 * var(--u)));
		line-height: max(22px, calc(32 * var(--u)));
	}

	.faq__answer {
		width: calc(679 * var(--u));
		padding-bottom: calc(36 * var(--u));
		font-size: max(13px, calc(16 * var(--u)));
		line-height: max(21px, calc(28 * var(--u)));
	}

	/* Dane kontaktowe */
	.contact-details__inner {
		min-height: calc(389 * var(--u));
		padding: calc(87 * var(--u)) 0 calc(80 * var(--u)) calc(407 * var(--u));
	}

	.contact-details__title {
		font-size: max(18px, calc(22 * var(--u)));
		line-height: calc(32 * var(--u));
	}

	.contact-details__eyebrow {
		margin-top: calc(6 * var(--u));
		font-size: 14px;
	}

	.contact-details__list {
		gap: calc(62 * var(--u));
		margin-top: calc(32 * var(--u));
	}

	.contact-details__item {
		gap: calc(14 * var(--u));
		width: calc(172 * var(--u));
	}

	.contact-details__icon {
		width: 100%;
		height: calc(20 * var(--u));
		padding-bottom: calc(10 * var(--u));
	}

	/* Blog */
	.blog-tabs {
		gap: calc(16 * var(--u)) calc(28 * var(--u));
		padding: calc(84 * var(--u)) 0 0 calc(205 * var(--u));
	}

	.blog-tabs .shop-tabs__label {
		width: auto;
		min-width: calc(168 * var(--u));
		white-space: nowrap;
	}

	.blog-list__grid {
		grid-template-columns: repeat(3, calc(530 * var(--u)));
		gap: calc(50 * var(--u)) calc(6 * var(--u));
		padding: calc(84 * var(--u)) 0 calc(112 * var(--u)) calc(99 * var(--u));
	}

	.post-card__body {
		display: block;
		padding-right: calc(10 * var(--u));
	}

	.post-chips {
		margin-top: calc(29 * var(--u));
	}

	.post-card__title {
		width: calc(490 * var(--u));
		margin-top: calc(18 * var(--u));
	}

	.post-card__excerpt {
		width: calc(478 * var(--u));
		font-size: max(13px, calc(16 * var(--u)));
		line-height: max(21px, calc(28 * var(--u)));
	}

	.blog-pagination {
		padding: 0 0 calc(130 * var(--u));
	}

	.blog-pagination .nav-links {
		gap: calc(24 * var(--u));
	}

	/* Wpis */
	.post-layout {
		display: grid;
		grid-template-columns: calc(1066 * var(--u)) calc(530 * var(--u));
		gap: 0 calc(4 * var(--u));
		padding: 0 0 calc(160 * var(--u)) calc(100 * var(--u));
	}

	.post-layout__body {
		padding: calc(49 * var(--u)) 0 0 calc(110 * var(--u));
	}

	.post-layout__title {
		width: calc(875 * var(--u));
		font-size: max(20px, calc(25 * var(--u)));
		line-height: calc(30 * var(--u));
	}

	.post-layout__body .entry-content {
		width: calc(875 * var(--u));
		font-size: max(13px, calc(16 * var(--u)));
		line-height: max(21px, calc(28 * var(--u)));
	}

	.post-nav {
		margin-left: calc(-110 * var(--u));
		margin-top: calc(60 * var(--u));
		padding-top: calc(40 * var(--u));
	}

	.post-layout__side {
		gap: calc(50 * var(--u));
		align-content: start;
		padding: 0;
	}

	.post-related__inner {
		padding: 0 0 calc(160 * var(--u));
	}

	.post-related .section-label {
		margin: 0 0 calc(90 * var(--u));
	}
}