.blog-ds {
	--blog-black: #000;
	--blog-white: #fff;
	--blog-surface: #F5F5F5;
	--blog-muted: #999;
	--blog-accent: #E03184;
	--blog-radius-card: 10px;
	--blog-radius-pill: 999px;
	--blog-font-heading: "Oswald", sans-serif;
	--blog-font-body: "roboto_ltregular", "Roboto", Arial, sans-serif;
	--blog-font-body-medium: "robotomedium", "Roboto", Arial, sans-serif;
	font-family: var(--blog-font-body);
	color: var(--blog-black);
	box-sizing: border-box;
}

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

.blog-ds a {
	color: inherit;
}

.blog-ds__title {
	margin: 0;
	font-family: var(--blog-font-heading);
	font-weight: 400;
	font-size: 32px;
	line-height: 1.15;
	letter-spacing: 0.02em;
	color: var(--blog-black);
	text-align: left;
}

.blog-ds h1.blog-ds__title,
.blog-ds h2.blog-ds__title {
	font-family: var(--blog-font-heading);
	font-weight: 400;
}

.blog-ds__title--home {
	font-size: 36px;
	margin: 0 0 8px;
}

.blog-ds__title--page {
	margin: 0 0 18px;
	font-size: 40px;
	line-height: 1.1;
	font-weight: 400;
	text-align: left;
}

.blog-ds__title--related {
	margin: 0 0 28px;
	font-size: 28px;
	text-align: left;
}

.blog-ds__title--products {
	margin: 0 0 24px;
	font-size: 28px;
	text-align: left;
}

.blog-section-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 10px;
	font-family: var(--blog-font-body-medium);
	font-size: 13px;
	line-height: 1.2;
	color: var(--blog-accent);
}

.blog-section-eyebrow::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--blog-accent);
}

.blog-section-sub {
	margin: 0;
	max-width: 520px;
	font-size: 15px;
	line-height: 1.45;
	color: #6b6b6b;
}

.blog-section-head {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
	margin: 0 0 28px;
}

.blog-section-head--page {
	align-items: flex-start;
	gap: 18px;
	margin: 0 0 32px;
}

.blog-header {
	width: 100%;
}

.blog-section-head--page .blog-ds__title--page {
	margin: 0;
}

.blog-section-head--page .blog-tags {
	margin: 0;
	justify-content: flex-start;
}

.blog-main-wrap {
	overflow: hidden;
	margin: 10px 24px 0;
	padding: 32px 0 56px;
}

.blog-page {
	padding: 16px 0 64px;
	width: 100%;
	margin: 0;
}

#main .limiter:has(.blog-page) .breadcrumbs-top .breadcrumbs,
#main .limiter:has(.blog-article) .breadcrumbs-top .breadcrumbs {
	margin-top: 24px;
	font-size: 13px;
	line-height: 1.4;
	color: #999;
}

#main .limiter:has(.blog-page) .breadcrumbs-top .breadcrumbs {
	margin-bottom: 0;
}

#main .limiter:has(.blog-page) .breadcrumbs-top .breadcrumbs ul li a,
#main .limiter:has(.blog-page) .breadcrumbs-top .breadcrumbs ul li a span,
#main .limiter:has(.blog-article) .breadcrumbs-top .breadcrumbs ul li a,
#main .limiter:has(.blog-article) .breadcrumbs-top .breadcrumbs ul li a span {
	color: #999;
}

#main .limiter:has(.blog-page) .breadcrumbs-top .breadcrumbs ul li a:hover,
#main .limiter:has(.blog-page) .breadcrumbs-top .breadcrumbs ul li a:hover span,
#main .limiter:has(.blog-article) .breadcrumbs-top .breadcrumbs ul li a:hover,
#main .limiter:has(.blog-article) .breadcrumbs-top .breadcrumbs ul li a:hover span {
	color: #777;
}

#main .limiter:has(.blog-page) .breadcrumbs-top .breadcrumbs .arrow,
#main .limiter:has(.blog-article) .breadcrumbs-top .breadcrumbs .arrow {
	color: #c4c4c4;
	font-family: inherit;
	font-size: 13px;
	line-height: 1;
	margin: 0 8px;
}

#main .limiter:has(.blog-page) .breadcrumbs-top .breadcrumbs .changeName,
#main .limiter:has(.blog-article) .breadcrumbs-top .breadcrumbs .changeName {
	color: #c4c4c4;
}

/* Buttons */
.blog-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 22px;
	border: 0;
	border-radius: 12px;
	font-family: var(--blog-font-body-medium);
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.blog-btn--dark {
	background: var(--blog-black);
	color: var(--blog-white);
}

.blog-btn--dark:hover {
	background: #222;
	color: var(--blog-white);
	text-decoration: none;
}

.blog-btn--light {
	background: var(--blog-surface);
	color: var(--blog-black);
}

.blog-btn--light:hover {
	background: #ebebeb;
	color: var(--blog-black);
	text-decoration: none;
}

.blog-btn--outline {
	background: var(--blog-white);
	color: var(--blog-black);
	border: 1px solid #e5e5e5;
}

.blog-btn--outline:hover {
	border-color: var(--blog-accent);
	color: var(--blog-accent);
	text-decoration: none;
}

/* Tags */
.blog-tags {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	margin: 4px 0 0;
	padding: 0;
}

.blog-tags::-webkit-scrollbar {
	display: none;
}

.blog-tags .blog-tag {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	border: 1px solid #e6e6e6;
	border-radius: 999px;
	background: #fff;
	color: #222;
	font-family: var(--blog-font-body);
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	white-space: nowrap;
	overflow: visible;
	max-width: none;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.blog-tags .blog-tag:hover,
.blog-tags .blog-tag:focus,
.blog-tags .blog-tag--active {
	border-color: var(--blog-accent);
	color: var(--blog-accent);
	text-decoration: none;
}

.blog-tag {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 6px 12px;
	border-radius: var(--blog-radius-pill);
	background: var(--blog-surface);
	color: var(--blog-black);
	font-family: var(--blog-font-body-medium);
	font-size: 11px;
	line-height: 1.2;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.blog-empty {
	margin: 24px 0 0;
	font-size: 15px;
	line-height: 1.45;
	color: #6b6b6b;
}

.blog-list-ajax {
	min-height: 120px;
	transition: opacity 0.2s ease;
}

.blog-list-ajax.is-loading {
	opacity: 0.45;
	pointer-events: none;
}

.blog-tag--cat {
	background: rgba(255, 255, 255, 0.55);
	color: var(--blog-accent);
	box-shadow: none;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.blog-tag--accent {
	background: var(--blog-accent);
	color: var(--blog-white);
}

.blog-tag--draft {
	background: #d32f2f;
	color: var(--blog-white);
}

.blog-card--draft .blog-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		repeating-linear-gradient(
			-45deg,
			rgba(0, 0, 0, 0.22) 0 10px,
			rgba(0, 0, 0, 0) 10px 20px
		),
		rgba(0, 0, 0, 0.42);
}

/* Card */
.blog-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	height: 100%;
	background: var(--blog-white);
	border-radius: var(--blog-radius-card);
	isolation: isolate;
	transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(#fff, #fff);
	mask-image: radial-gradient(#fff, #fff);
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

a.blog-card,
a.blog-card:hover,
a.blog-card:focus {
	text-decoration: none;
	color: inherit;
}

@media (hover: hover) and (pointer: fine) {
	.blog-card:hover .blog-card__img {
		transform: scale(1.01);
	}

	.blog-card:hover .blog-card__title {
		color: var(--blog-accent);
	}
}

.blog-card__media {
	position: relative;
	z-index: 0;
	background: #fff;
	overflow: hidden;
	border-radius: var(--blog-radius-card) var(--blog-radius-card) 0 0;
	aspect-ratio: 16 / 10;
	flex: 0 0 auto;
	transform: translateZ(0);
}

.blog-grid--home .blog-card__media {
	aspect-ratio: unset;
	height: 200px;
}

.blog-grid--home .blog-card--featured .blog-card__media {
	height: 260px;
}

.blog-card__img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	transform: translateZ(0);
	transition: transform 0.25s ease;
}

.blog-card__media-top {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 8px;
	padding: 12px;
	pointer-events: none;
}

.blog-card__body {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	margin-top: -20px;
	padding: 18px 18px 26px;
	min-height: 0;
	overflow: visible;
	background: #fff;
	border-radius: 0 0 var(--blog-radius-card) var(--blog-radius-card);
}

.blog-card__body::before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	top: -42px;
	height: 42px;
	z-index: 0;
	pointer-events: none;
	transform: translateZ(0);
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.12) 30%,
		rgba(255, 255, 255, 0.50) 65%,
		rgba(255, 255, 255, 0.85) 85%,
		#fff 100%
	);
}

.blog-card__title {
	margin: 0 0 10px;
	font-family: var(--blog-font-heading);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: 0.02em;
	color: var(--blog-black);
}

.blog-ds h3.blog-card__title {
	font-family: var(--blog-font-heading);
	font-weight: 400;
	margin: 0 0 10px;
	font-size: 18px;
}

.blog-card--featured .blog-card__title,
.blog-ds .blog-card--featured h3.blog-card__title {
	font-size: 24px;
	line-height: 1.25;
}

.blog-card__excerpt {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #6b6b6b;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.blog-card--featured .blog-card__excerpt {
	-webkit-line-clamp: 3;
}

/* Grids */
.blog-grid {
	display: grid;
	gap: 20px;
	align-items: stretch;
}

.blog-grid--home {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 20px;
}

.blog-grid--home .blog-card--featured {
	grid-column: span 2;
}

.blog-grid--list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: 360px;
	grid-auto-flow: row;
	gap: 24px;
}

.blog-grid--list .blog-card--wide {
	grid-column: span 2;
}

.blog-grid--list .blog-card--tall {
	grid-row: span 2;
}

.blog-grid--list .blog-card__media {
	aspect-ratio: unset;
	flex: 1 1 auto;
	min-height: 140px;
}

.blog-grid--list .blog-card__body {
	flex: 0 0 auto;
}

.blog-grid--list .blog-card--wide .blog-card__title,
.blog-ds .blog-grid--list .blog-card--wide h3.blog-card__title {
	font-size: 24px;
	line-height: 1.25;
}

.blog-grid--list .blog-card--tall .blog-card__excerpt {
	-webkit-line-clamp: 4;
}

.blog-grid--related {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

/* Article */
.blog-article {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 12px 0 48px;
}

body.blog-embed {
	margin: 0;
	background: #fff;
}

body.blog-embed .blog-embed__main {
	box-sizing: border-box;
	width: 100%;
	padding: 8px 16px 32px;
}

body.blog-embed .blog-ds--embed .blog-article {
	padding-top: 8px;
	padding-bottom: 16px;
}

.blog-ds h1.blog-article__title {
	font-family: var(--blog-font-heading);
	font-weight: 400;
	font-size: 40px;
	line-height: 1.2;
	letter-spacing: 0.03em;
	text-align: left;
	max-width: none;
	width: 100%;
	margin: 0 auto 16px;
}

.blog-article__body h2,
.blog-article__body h3,
.blog-article__body h4,
.blog-article__body h2 *,
.blog-article__body h3 *,
.blog-article__body strong,
.blog-article__body b {
	font-family: var(--blog-font-heading) !important;
	font-weight: 400 !important;
	letter-spacing: 0.03em;
}

.blog-article__media {
	float: left;
	width: 320px;
	max-width: 42%;
	margin: 4px 32px 20px 0;
	padding: 0;
	background: none;
	overflow: hidden;
	border-radius: var(--blog-radius-card);
}

.blog-article__media img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	margin: 0;
}

.blog-article__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	clear: both;
	max-width: none;
	width: 100%;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 24px;
	border-top: 1px solid #eee;
}

.blog-share {
	margin: 0;
}

.blog-share-btn {
	display: none;
}

.blog-share-btn__icon {
	flex: 0 0 auto;
}

.blog-article__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	max-width: none;
	width: 100%;
	margin: 0 auto 16px;
}

.blog-article__meta a.blog-tag {
	text-decoration: none;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.blog-article__meta a.blog-tag:hover {
	color: var(--blog-accent);
	text-decoration: none;
}

.blog-article__lead {
	max-width: none;
	width: 100%;
	margin: 0 auto 28px;
	font-size: 16px;
	line-height: 1.5;
	color: #666;
}

.blog-article__body {
	max-width: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	line-height: 1.65;
	color: #222;
}

.blog-article__body::after {
	content: "";
	display: table;
	clear: both;
}

.blog-article__body a {
	color: var(--blog-accent);
	text-decoration: none;
}

.blog-article__body a:hover {
	text-decoration: underline;
}

.blog-article__body h2 {
	margin: 32px 0 12px;
	font-size: 28px;
	color: var(--blog-black);
}

.blog-article__body h3 {
	margin: 24px 0 10px;
	font-size: 22px;
	color: var(--blog-black);
}

.blog-article__body img {
	max-width: 100%;
	height: auto;
}

.blog-products {
	clear: both;
	margin: 40px 0 0;
}

.blog-products__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.blog-product {
	display: flex;
	flex-direction: column;
	min-width: 0;
	text-decoration: none;
	color: inherit;
	background: var(--blog-white);
	border-radius: var(--blog-radius-card);
	overflow: hidden;
}

.blog-product:hover {
	text-decoration: none;
}

.blog-product:hover .blog-product__name {
	color: var(--blog-accent);
}

.blog-product__media {
	aspect-ratio: 1;
	background: var(--blog-surface);
	overflow: hidden;
}

.blog-product__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.blog-product__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 14px 4px 4px;
}

.blog-product__name {
	font-family: var(--blog-font-heading);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.3;
	letter-spacing: 0.03em;
	color: var(--blog-black);
}

.blog-product__price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px;
	font-family: var(--blog-font-body-medium);
	font-size: 16px;
	line-height: 1.2;
	color: var(--blog-black);
}

.blog-product__price-old {
	font-family: var(--blog-font-body);
	font-size: 14px;
	color: var(--blog-muted);
}

.blog-share .ya-share2 {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.blog-related {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 16px 0 64px;
}

.blog-ds .blog-title-product,
.blog-title-product {
	font-family: "Oswald", sans-serif;
	font-weight: 400;
	text-align: center;
}

/* Pager inside blog */
.blog-ds .blog-pager,
.blog-ds .bx-pagination,
.blog-ds .bx-pagination .bx-pagination-container {
	overflow: hidden;
}

.blog-ds .bx-pagination {
	margin: 36px 0 0;
}

.blog-ds .bx-pagination .bx-pagination-container ul {
	flex-wrap: nowrap;
	align-items: center;
	overflow-x: auto;
	overflow-y: hidden;
	justify-content: center;
	-webkit-overflow-scrolling: touch;
}

.blog-ds .bx-pagination .bx-pagination-container ul li span,
.blog-ds .bx-pagination .bx-pagination-container ul li a {
	border-radius: var(--blog-radius-pill);
}

.blog-ds .bx-pagination .bx-pagination-container ul li.bx-active span {
	background: var(--blog-black);
	color: var(--blog-white);
	font-family: var(--blog-font-body-medium);
}

.blog-ds .btn-load-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 28px;
	border: 0;
	border-radius: var(--blog-radius-pill);
	background: var(--blog-black);
	color: var(--blog-white);
	font-family: var(--blog-font-body-medium);
	font-size: 14px;
	cursor: pointer;
}

.blog-ds .show_more {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.blog-ds .show_more.is-loading {
	pointer-events: none;
	opacity: 0.6;
}

/* Tablet / mobile */
@media screen and (max-width: 1200px) {
	.blog-grid--home {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.blog-grid--home .blog-card--featured {
		grid-column: span 3;
	}

	.blog-grid--home .blog-card--featured .blog-card__media {
		height: 280px;
	}

	.blog-grid--home .blog-card__media {
		height: 200px;
	}

	.blog-grid--list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.blog-ds__title--page {
		font-size: 36px;
	}

	.blog-ds__title--home {
		font-size: 30px;
	}

	.blog-article__title,
	.blog-ds h1.blog-article__title {
		font-size: 32px;
	}
}

@media screen and (max-width: 900px) {
	.blog-tags {
		flex-wrap: wrap;
		overflow: visible;
	}

	.blog-grid--home {
		grid-template-columns: 1fr;
	}

	.blog-grid--home .blog-card--featured {
		grid-column: span 1;
	}

	.blog-grid--home .blog-card__media,
	.blog-grid--home .blog-card--featured .blog-card__media {
		height: auto;
		aspect-ratio: 16 / 10;
	}

	.blog-card--featured .blog-card__title,
	.blog-ds .blog-card--featured h3.blog-card__title {
		font-size: 22px;
	}

	.blog-grid--list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: 340px;
	}

	.blog-grid--related {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.blog-products__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 768px) {
	.blog-main-wrap {
		margin-left: 20px;
		margin-right: 20px;
	}

	.blog-share-btn {
		display: inline-flex;
	}

	.blog-article__footer {
		flex-direction: column;
		align-items: stretch;
	}

	.blog-article__footer .blog-btn {
		width: 100%;
	}
}

@media screen and (max-width: 700px) {
	#main .limiter:has(.blog-page),
	#main .limiter:has(.blog-article) {
		padding-left: 24px;
		padding-right: 24px;
	}
}

@media screen and (max-width: 550px) {
	#main .limiter:has(.blog-page),
	#main .limiter:has(.blog-article) {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (max-width: 600px) {
	.blog-main-wrap {
		margin-top: 16px;
		padding: 16px 0 36px;
	}

	.blog-page {
		padding: 12px 0 48px;
	}

	.blog-related {
		padding: 16px 0 48px;
	}

	.blog-article {
		padding: 12px 0 40px;
	}

	.blog-article__media {
		float: none;
		width: 100%;
		max-width: 280px;
		margin: 0 0 20px;
	}

	.blog-ds__title {
		font-size: 26px;
	}

	.blog-ds__title--home {
		font-size: 26px;
	}

	.blog-ds__title--page {
		font-size: 32px;
	}

	.blog-article__title {
		font-size: 24px;
	}

	.blog-article__body h2 {
		font-size: 22px;
	}

	.blog-article__body h3 {
		font-size: 18px;
	}

	.blog-grid--list,
	.blog-grid--related {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
		gap: 20px;
	}

	.blog-products__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	.blog-grid--list .blog-card--wide,
	.blog-grid--list .blog-card--tall {
		grid-column: auto;
		grid-row: auto;
	}

	.blog-grid--list .blog-card__media {
		flex: 0 0 auto;
		min-height: 175px;
		height: 175px;
	}

	.blog-grid--list .blog-card--wide .blog-card__title,
	.blog-ds .blog-grid--list .blog-card--wide h3.blog-card__title {
		font-size: 20px;
	}

	.blog-grid--home .blog-card__media,
	.blog-card__media {
		aspect-ratio: 16 / 10;
		height: auto;
	}

	.blog-btn {
		min-height: 44px;
	}

	.blog-article__footer .blog-btn {
		width: 100%;
	}

	.blog-card__body {
		padding: 16px 16px 24px;
	}
}

@media screen and (max-width: 480px) {
	.blog-main-wrap {
		margin-top: 12px;
		padding: 12px 0 32px;
	}

	.blog-card__title,
	.blog-ds h3.blog-card__title {
		font-size: 17px;
	}

	.blog-products__grid {
		grid-template-columns: 1fr 1fr;
	}

	.blog-product__name {
		font-size: 14px;
	}

	.blog-product__price {
		font-size: 14px;
	}
}


/* Published Editor.js article */
.article-body {
	--article-content-width: 940px;
	max-width: none;
	width: 100%;
	margin: 0 auto;
}

.article-paragraph {
	margin: 0 0 1em;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 19px;
	line-height: 1.72;
}

.article-heading {
	color: #161a20;
	margin: 1.3em 0 .55em;
	font-family: Georgia, "Times New Roman", serif;
	line-height: 1.25;
}

.article-heading--2 {
	font-size: 32px;
}

.article-heading--3 {
	font-size: 25px;
}

.article-list {
	margin: 0 0 1em;
	padding-left: 1.35em;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 19px;
	line-height: 1.65;
}

.article-list .article-list {
	margin: .35em 0 0;
}

.article-quote {
	border-left: 4px solid #3d67e6;
	margin: 28px 0;
	padding: 4px 0 4px 24px;
}

.article-quote--center {
	border-left-color: transparent;
	padding-left: 0;
	text-align: center;
}

.article-quote__text {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px;
	font-style: italic;
	line-height: 1.55;
}

.article-quote__caption {
	color: #687386;
	display: block;
	margin-top: 10px;
	font-style: normal;
}

.article-image {
	margin: 28px auto;
}

.article-image--content {
	max-width: 760px;
}

.article-image--wide {
	max-width: 100%;
}

.article-image--full {
	width: 100%;
}

.article-image img {
	border-radius: 10px;
	width: 100%;
	height: auto;
	display: block;
}

.article-image__caption,
.article-multi-image__caption,
.article-gallery__caption,
.article-video__caption {
	color: #6a7180;
	text-align: center;
	margin-top: 9px;
	font: 15px/1.45 Georgia, "Times New Roman", serif;
}

.article-image-text {
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	align-items: stretch;
	gap: clamp(24px, 5vw, 56px);
	margin: 42px 0;
	display: grid;
}

.article-image-text--text-only {
	grid-template-columns: minmax(0, 1fr);
}

.article-image-text--image-right .article-image-text__media {
	order: 2;
}

.article-image-text--image-right .article-image-text__content {
	order: 1;
}

.article-image-text--center .article-image-text__content {
	align-content: center;
}

.article-image-text--top .article-image-text__content {
	align-content: start;
}

.article-image-text--compact {
	width: 100%;
	max-width: 840px;
	margin-inline: auto;
}

.article-image-text--wide {
	width: 100%;
}

.article-image-text--text-left .article-image-text__content {
	text-align: left;
}

.article-image-text--text-right .article-image-text__content {
	text-align: right;
}

.article-image-text--text-justify .article-image-text__content {
	text-align: justify;
}

.article-image-text__content {
	gap: 22px;
	display: grid;
}

.article-image-text__secondary {
	width: 100%;
	margin: 0;
}

.article-image-text__secondary img {
	border-radius: 8px;
	width: 100%;
	height: auto;
	display: block;
}

.article-image-text__secondary-caption {
	color: #6a7180;
	text-align: center;
	margin-top: 9px;
	font: 15px/1.45 Georgia, "Times New Roman", serif;
}

.article-image-text__media {
	position: relative;
	min-height: 0;
	height: 100%;
	align-self: stretch;
	overflow: hidden;
	border-radius: 10px;
}

.article-image-text__media img {
	position: absolute;
	inset: 0;
	border-radius: 10px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.article-image-text__heading,
.article-highlight__heading,
.article-products__title,
.article-category-link__title,
.blog-article__body .article-category-link__title {
	margin: 0 0 12px;
	font: 700 24px/1.25 Georgia, "Times New Roman", serif;
}

.article-image-text__text,
.article-highlight__text,
.article-category-link__description {
	white-space: pre-line;
	font: 18px/1.65 Georgia, "Times New Roman", serif;
}

.article-multi-image {
	margin: 36px 0;
}

.article-multi-image__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	display: grid;
}

.article-multi-image--3 .article-multi-image__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.article-multi-image__grid.is-compact {
	gap: 8px;
}

.article-multi-image img,
.article-gallery img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 8px;
	width: 100%;
}

.article-multi-image__item figure {
	margin: 0;
}

.article-image-strip {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	gap: 24px;
	background: transparent;
	margin: 36px 0;
	width: 100%;
}

.article-image-strip--compact {
	gap: 8px;
}

.article-image-strip__item {
	position: relative;
	aspect-ratio: 3 / 4;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	background: transparent;
	border-radius: 8px;
}

.article-image-strip__item .article-image-strip__image {
	position: absolute;
	inset: 0;
	object-fit: cover;
	object-position: center;
	background: transparent;
	border-radius: 8px;
	width: 100%;
	max-width: none;
	height: 100%;
	display: block;
}

.article-editorial-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
	aspect-ratio: 3 / 1.15;
	min-height: 420px;
	gap: 24px;
	background: transparent;
	margin: 36px 0;
	width: 100%;
}

.article-editorial-grid--compact {
	gap: 8px;
}

.article-editorial-grid__item {
	grid-column: var(--article-grid-column) / span var(--article-grid-column-span);
	grid-row: var(--article-grid-row) / span var(--article-grid-row-span);
	position: relative;
	min-width: 0;
	min-height: 0;
	height: 100%;
	margin: 0;
	overflow: hidden;
	background: transparent;
	border-radius: 8px;
}

.article-editorial-grid__item .article-editorial-grid__image {
	position: absolute;
	inset: 0;
	object-fit: cover;
	object-position: center;
	border-radius: 8px;
	width: 100%;
	max-width: none;
	height: 100%;
	display: block;
}

.article-editorial-grid__item--cover .article-editorial-grid__image {
	object-fit: cover;
}

.article-editorial-grid__item--top .article-editorial-grid__image {
	object-position: top;
}

.article-editorial-grid__item--center .article-editorial-grid__image {
	object-position: center;
}

.article-editorial-grid__item--bottom .article-editorial-grid__image {
	object-position: bottom;
}

.article-editorial-columns {
	margin: 40px 0;
}

.article-editorial-columns:not(.article-editorial-columns--slider) {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
	gap: clamp(18px, 3vw, 36px);
	display: grid;
}

.article-editorial-columns__swiper {
	position: relative;
	overflow: hidden;
	--swiper-theme-color: #000;
	--swiper-pagination-color: #000;
	container-type: inline-size;
}

.article-editorial-columns__swiper .swiper-slide {
	min-width: 0;
	height: auto;
}

.article-editorial-columns__swiper .swiper-pagination-bullet {
	background: #000;
	opacity: .22;
}

.article-editorial-columns__swiper .swiper-pagination-bullet-active {
	background: #000;
	opacity: 1;
}

@media (min-width: 701px) {
	.article-editorial-columns__swiper .swiper-pagination {
		display: none;
	}
}

.article-editorial-columns__item {
	min-width: 0;
	margin: 0;
}

.article-editorial-columns__item--image {
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
}

.article-editorial-columns__media {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 8px;
}

.article-editorial-columns__item--image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 8px;
	display: block;
}

.article-editorial-columns__heading {
	margin: 0 0 12px;
	font: 700 24px/1.25 Georgia, "Times New Roman", serif;
}

.article-editorial-columns__text {
	font: 18px/1.65 Georgia, "Times New Roman", serif;
}

.article-editorial-columns__caption {
	color: #6a7180;
	text-align: center;
	margin-top: 9px;
	font: 15px/1.45 Georgia, "Times New Roman", serif;
}

.article-editorial-selection {
	aspect-ratio: 2.15;
	background: transparent;
	grid-template-rows: repeat(2, minmax(0, 1fr));
	grid-template-columns: repeat(6, minmax(0, 1fr));
	width: 100%;
	margin: 40px 0;
	display: grid;
}

.article-editorial-selection--compact {
	gap: 8px;
}

.article-editorial-selection--normal {
	gap: 18px;
}

.article-editorial-selection__item {
	grid-column: var(--article-grid-column) / span var(--article-grid-column-span);
	grid-row: var(--article-grid-row) / span var(--article-grid-row-span);
	background: #f1f2f4;
	min-width: 0;
	min-height: 0;
	position: relative;
	overflow: hidden;
	margin: 0;
	border-radius: 8px;
}

.article-editorial-selection__item--image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.article-editorial-selection__item--cover img {
	object-fit: cover;
}

.article-editorial-selection__item--top img {
	object-position: center top;
}

.article-editorial-selection__item--center img {
	object-position: center center;
}

.article-editorial-selection__item--bottom img {
	object-position: center bottom;
}

.article-editorial-selection__caption {
	z-index: 2;
	color: #fff;
	background: linear-gradient(transparent, rgb(0 0 0 / 68%));
	padding: 9px 12px;
	font: 14px/1.4 Georgia, "Times New Roman", serif;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.article-editorial-selection__caption:empty {
	display: none;
}

.article-editorial-selection__item--product {
	background: #f6f3ed;
	padding: 14px;
}

.article-editorial-selection__item--product .blog-product {
	height: 100%;
}

.article-editorial-selection__item--product .blog-product__name,
.article-editorial-selection__item--product .blog-product__price {
	text-align: center;
	justify-content: center;
}

.article-editorial-selection__item--text {
	color: #24272d;
	background: #eee8dd;
	flex-direction: column;
	justify-content: center;
	padding: clamp(14px, 2.5vw, 34px);
	display: flex;
}

.article-editorial-selection__heading {
	margin: 0 0 10px;
	font: 700 clamp(18px, 2.2vw, 32px) / 1.18 Georgia, "Times New Roman", serif;
}

.article-editorial-selection__text {
	font: clamp(14px, 1.35vw, 18px) / 1.5 Georgia, "Times New Roman", serif;
	overflow: hidden;
}

.article-editorial-selection__item--small.article-editorial-selection__item--text {
	padding: 12px;
}

.article-editorial-selection__item--small .article-editorial-selection__heading {
	margin-bottom: 6px;
	font-size: 17px;
}

.article-editorial-selection__item--small .article-editorial-selection__text {
	font-size: 13px;
}

.article-gallery {
	margin: 40px auto;
	max-width: 760px;
	width: 100%;
}

.article-gallery__caption {
	margin-top: 12px;
}

.article-gallery__list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	display: grid;
}

.article-gallery__item {
	min-width: 0;
}

.article-banner,
.article-overlay {
	color: #fff;
	background: #30343b;
	border-radius: 12px;
	min-height: 420px;
	margin: 44px 0;
	position: relative;
	overflow: hidden;
	display: block;
	text-decoration: none;
}

.article-banner__image,
.article-overlay__image {
	position: absolute;
	inset: 0;
}

.article-banner__image img,
.article-overlay__image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.article-banner__content,
.article-overlay__content {
	z-index: 2;
	max-width: 620px;
	padding: 42px;
	position: absolute;
}

.article-banner__heading,
.article-overlay__heading {
	margin: 0 0 12px;
	font: 700 clamp(28px, 4vw, 48px) / 1.12 Georgia, "Times New Roman", serif;
}

.article-banner__text,
.article-overlay__text {
	white-space: pre-line;
	font: 18px/1.55 Georgia, "Times New Roman", serif;
}

.article-banner--none .article-banner__content {
	display: none;
}

.article-banner--bottom-left .article-banner__content {
	bottom: 0;
	left: 0;
}

.article-banner--bottom-center .article-banner__content {
	text-align: center;
	margin: auto;
	bottom: 0;
	left: 0;
	right: 0;
}

.article-banner--center .article-banner__content {
	text-align: center;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.article-banner--content {
	width: 100%;
}

.article-banner--full {
	border-radius: 0;
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.article-banner--full.article-banner--bottom-left .article-banner__content {
	left: max(0px, calc((100vw - var(--article-content-width, 940px)) / 2));
}

.article-overlay:after {
	z-index: 1;
	content: "";
	pointer-events: none;
	background: rgb(0 0 0 / var(--overlay, .42));
	position: absolute;
	inset: 0;
}

.article-overlay--light {
	--overlay: .22;
}

.article-overlay--medium {
	--overlay: .42;
}

.article-overlay--strong {
	--overlay: .62;
}

.article-overlay--dark {
	color: #17191e;
}

.article-overlay--dark:after {
	background: rgb(255 255 255 / calc(var(--overlay) + .14));
}

.article-overlay--top-left .article-overlay__content {
	top: 0;
	left: 0;
}

.article-overlay--center-left .article-overlay__content {
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.article-overlay--center .article-overlay__content {
	text-align: center;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.article-overlay--bottom-left .article-overlay__content {
	bottom: 0;
	left: 0;
}

.article-overlay--bottom-center .article-overlay__content {
	text-align: center;
	margin: auto;
	bottom: 0;
	left: 0;
	right: 0;
}

.article-highlight {
	background: #f0f2f5;
	border-radius: 10px;
	margin: 34px 0;
	padding: 28px 32px;
}

.article-highlight--neutral {
	background: #f0f2f5;
}

.article-highlight--accent {
	background: #f4edda;
	border-left: 5px solid #bd8522;
}

.article-delimiter {
	margin: 36px auto;
}

.article-delimiter--line .article-delimiter__visual {
	border-top: 1px solid #d7dbe3;
	width: min(100%, 240px);
	height: 0;
	margin: 0 auto;
}

.article-delimiter--space {
	margin: 36px 0;
}

.article-delimiter--space .article-delimiter__visual {
	display: block;
	height: 64px;
	border: 0;
}

.article-video {
	margin: 38px 0;
}

.article-video__preview {
	aspect-ratio: 16 / 9;
	background: #17191e;
	border-radius: 10px;
	place-items: center;
	min-height: 180px;
	display: grid;
	overflow: hidden;
	position: relative;
}

.article-video__preview video,
.article-video__player {
	object-fit: contain;
	width: 100%;
	height: 100%;
	display: block;
}

.article-video__play {
	position: absolute;
	z-index: 2;
	inset: 0;
	margin: auto;
	width: 72px;
	height: 72px;
	border: 0;
	border-radius: 50%;
	background: rgb(255 255 255 / .92);
	cursor: pointer;
	box-shadow: 0 8px 24px rgb(0 0 0 / .28);
}

.article-video__play:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-style: solid;
	border-width: 12px 0 12px 20px;
	border-color: transparent transparent transparent #17191e;
	transform: translateX(3px);
}

.article-video__preview.is-playing .article-video__play {
	display: none;
}

.article-products {
	margin: 40px 0;
	padding: 0;
	background: transparent;
	border-radius: 0;
}

.article-products__title {
	margin: 0 0 20px;
}

.article-products__items {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	display: grid;
}

.article-products__item {
	min-width: 0;
	min-height: 0;
	padding: 0;
	background: transparent;
	border: 0;
	display: block;
}

.article-products__swiper,
.article-gallery__swiper {
	position: relative;
	overflow: hidden;
}

.article-products__swiper .swiper-slide,
.article-gallery__swiper .swiper-slide {
	min-width: 0;
	height: auto;
}

.article-gallery--single .article-gallery__item {
	max-width: 760px;
	margin: 0 auto;
}

.article-gallery__swiper {
	--swiper-theme-color: #000;
	--swiper-navigation-color: #000;
	--swiper-pagination-color: #000;
	overflow: hidden;
	container-type: inline-size;
}

.article-gallery--slider .article-gallery__item figure {
	display: grid;
	grid-template-rows: auto 10px auto;
	margin: 0;
}

.article-gallery--slider .article-gallery__media {
	grid-row: 1;
}

.article-gallery--slider .article-gallery__caption {
	grid-row: 3;
	position: static;
	margin: 0;
}

.article-gallery__swiper > .swiper-pagination,
.article-gallery__swiper.swiper-horizontal > .swiper-pagination-bullets {
	position: absolute;
	left: 0;
	width: 100%;
	top: calc(75cqw + 10px);
	bottom: auto;
	margin-top: 0;
}

.article-gallery__swiper .swiper-pagination-bullet {
	background: #000;
	opacity: .22;
}

.article-gallery__swiper .swiper-pagination-bullet-active {
	background: #000;
	opacity: 1;
}

.article-gallery__swiper .swiper-button-prev,
.article-gallery__swiper .swiper-button-next {
	top: 37.5cqw;
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: #000;
	margin-top: 0;
	padding: 0;
	width: 28px;
	height: 28px;
	transform: translateY(-50%);
}

.article-gallery__swiper .swiper-button-prev:after,
.article-gallery__swiper .swiper-button-next:after {
	font-size: 18px;
	font-weight: 700;
	color: #000;
}

.article-products__swiper {
	--swiper-theme-color: #000;
	--swiper-navigation-color: #000;
}

.article-products__swiper .swiper-pagination {
	display: none;
}

.article-products__swiper .swiper-button-prev,
.article-products__swiper .swiper-button-next {
	top: 50%;
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: #000;
	margin-top: 0;
	padding: 0;
	width: 28px;
	height: 28px;
	transform: translateY(-50%);
}

.article-products__swiper .swiper-button-prev:after,
.article-products__swiper .swiper-button-next:after {
	font-size: 18px;
	font-weight: 700;
	color: #000;
}

.article-products .blog-product {
	height: 100%;
}

.article-products .blog-product__name,
.article-products .blog-product__price {
	text-align: center;
	justify-content: center;
}

.article-button {
	margin: 28px 0;
	display: flex;
}

.article-button--left {
	justify-content: flex-start;
}

.article-button--center {
	justify-content: center;
}

.article-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 54px;
	min-height: 54px;
	padding: 16px 24px;
	border: 0;
	border-radius: 10px;
	background: #232020;
	color: #fff;
	font-family: var(--blog-font-body-medium);
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 300ms ease-out, color 300ms ease-out;
}

.blog-article__body .article-button__link {
	color: #fff;
	text-decoration: none;
}

.blog-article__body .article-button__link:hover,
.article-button__link:hover {
	background: #3d3939;
	color: var(--blog-accent);
	text-decoration: none;
}

.article-button--secondary .article-button__link,
.blog-article__body .article-button--secondary .article-button__link {
	background: #f4f4f4;
	border: 0;
	color: #232020;
}

.article-button--secondary .article-button__link:hover,
.blog-article__body .article-button--secondary .article-button__link:hover {
	background: #e8e8e8;
	color: #232020;
	text-decoration: none;
}

.article-category-link {
	color: inherit;
	text-decoration: none;
	background: #f7f4ef;
	border-radius: 12px;
	grid-template-columns: 220px minmax(0, 1fr);
	align-items: center;
	gap: 28px;
	margin: 36px auto;
	padding: 20px;
	display: grid;
	width: 100%;
}

.article-category-link--compact {
	width: 100%;
	max-width: 840px;
}

.article-category-link--wide {
	width: 100%;
}

.article-category-link--cover {
	color: #fff;
	background: #30343b;
	min-height: 300px;
	position: relative;
	overflow: hidden;
}

.article-category-link--cover:after {
	z-index: 1;
	content: "";
	pointer-events: none;
	background: linear-gradient(90deg, rgb(0 0 0 / 68%), rgb(0 0 0 / 16%));
	position: absolute;
	inset: 0;
}

.article-category-link--cover .article-category-link__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.article-category-link--cover .article-category-link__media img {
	border-radius: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
	transform: translateZ(0);
}

.article-category-link--cover .article-category-link__title,
.article-category-link--cover .article-category-link__description {
	color: #fff;
}

.blog-article__body .article-category-link--cover,
.blog-article__body .article-category-link--cover:hover {
	color: #fff;
	text-decoration: none;
}

.blog-article__body .article-category-link--cover .article-category-link__title,
.blog-article__body .article-category-link--cover .article-category-link__description {
	color: #fff;
}

.article-category-link--cover .article-category-link__content {
	z-index: 2;
	grid-column: 1 / -1;
	max-width: 620px;
	padding: 24px;
	position: relative;
}

.article-category-link--text-only {
	grid-template-columns: minmax(0, 1fr);
}

.article-category-link__media {
	overflow: hidden;
	border-radius: 8px;
	min-width: 0;
}

.article-category-link__media img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 8px;
	width: 100%;
	transition: transform 0.45s ease;
	transform: translateZ(0);
}

.article-category-link--cover .article-category-link__media {
	border-radius: 0;
}

.blog-article__body .article-category-link,
.blog-article__body .article-category-link:hover {
	text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
	.article-category-link:hover .article-category-link__media img {
		transform: scale(1.03);
	}

	.article-category-link--cover:hover .article-category-link__media img {
		transform: scale(1.05);
	}

	.blog-article__body .article-category-link:hover .article-category-link__title,
	.blog-article__body .article-category-link:hover .article-category-link__description,
	.article-category-link:hover .article-category-link__title,
	.article-category-link:hover .article-category-link__description {
		text-decoration: underline;
		text-decoration-color: var(--blog-accent);
		text-underline-offset: 0.14em;
	}

	.blog-article__body .article-category-link--cover:hover .article-category-link__title,
	.blog-article__body .article-category-link--cover:hover .article-category-link__description {
		color: #fff;
	}
}

@media (max-width: 700px) {
	.article-heading--2 {
		font-size: 27px;
	}

	.article-image-text,
	.article-image-text--text-only {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.article-image-text--image-right .article-image-text__media,
	.article-image-text--image-right .article-image-text__content {
		order: initial;
	}

	.article-image-text--compact,
	.article-category-link--compact {
		max-width: none;
	}

	.article-gallery {
		max-width: none;
	}

	.article-multi-image__grid,
	.article-multi-image--3 .article-multi-image__grid,
	.article-gallery__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.article-image-strip {
		grid-auto-flow: row;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-columns: unset;
	}

	.article-image-strip__item:nth-child(odd):last-child {
		grid-column: 1 / -1;
	}

	.article-editorial-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: none;
		aspect-ratio: auto;
		min-height: 0;
	}

	.article-editorial-grid__item {
		grid-column: auto;
		grid-row: auto;
		aspect-ratio: 4 / 3;
		height: auto;
	}

	.article-editorial-grid__item--hero,
	.article-editorial-grid__item--medium {
		grid-column: 1 / -1;
	}

	.article-editorial-grid__item--hero {
		aspect-ratio: 16 / 9;
	}

	.article-editorial-grid__item--small {
		aspect-ratio: 1 / 1;
	}

	.article-editorial-grid__image {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		aspect-ratio: auto;
	}

	.article-editorial-selection {
		aspect-ratio: auto;
		grid-template-rows: none;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.article-editorial-selection__item {
		grid-column: auto;
		grid-row: auto;
		aspect-ratio: 4 / 3;
		height: auto;
	}

	.article-editorial-selection__item--hero,
	.article-editorial-selection__item--medium {
		grid-column: 1 / -1;
	}

	.article-editorial-selection__item--hero {
		aspect-ratio: 16 / 9;
	}

	.article-editorial-selection__item--small {
		aspect-ratio: 1 / 1;
	}

	.article-editorial-selection__item--small.article-editorial-selection__item--image:has(+ .article-editorial-selection__item--product),
	.article-editorial-selection__item--small.article-editorial-selection__item--product + .article-editorial-selection__item--small.article-editorial-selection__item--image {
		aspect-ratio: auto;
		height: 100%;
		align-self: stretch;
	}

	.article-editorial-selection__item--text {
		aspect-ratio: auto;
		height: auto;
	}

	.article-editorial-selection__item--product {
		aspect-ratio: auto;
		height: auto;
		align-self: stretch;
		display: flex;
		flex-direction: column;
		background: transparent;
		padding: 0;
	}

	.article-editorial-selection__item--hero.article-editorial-selection__item--product,
	.article-editorial-selection__item--medium.article-editorial-selection__item--product {
		height: auto;
	}

	.article-editorial-selection__item--small.article-editorial-selection__item--product .blog-product {
		height: 100%;
	}

	.article-editorial-columns--slider {
		--article-columns-slide-gutter: max(16px, 7vw);
		width: 100vw;
		max-width: 100vw;
		margin-inline: calc(50% - 50vw);
	}

	.article-editorial-columns__swiper {
		overflow: visible;
		padding-bottom: 28px;
	}

	.article-editorial-columns__swiper > .swiper-pagination,
	.article-editorial-columns__swiper.swiper-horizontal > .swiper-pagination-bullets {
		position: absolute;
		left: 0;
		width: 100%;
		top: calc(64.5cqw + 12px);
		bottom: auto;
		margin-top: 0;
	}

	.article-editorial-columns__item--text {
		aspect-ratio: 4 / 3;
		background: #eee8dd;
		color: #24272d;
		border-radius: 8px;
		padding: clamp(16px, 4vw, 28px);
		display: flex;
		flex-direction: column;
		justify-content: center;
		overflow: hidden;
	}

	.article-editorial-columns__item--image {
		position: relative;
		display: block;
		aspect-ratio: 4 / 3;
		overflow: hidden;
		border-radius: 8px;
	}

	.article-editorial-columns__media {
		position: absolute;
		inset: 0;
		aspect-ratio: auto;
		border-radius: 0;
	}

	.article-editorial-columns__item--image .article-editorial-columns__caption {
		position: absolute;
		inset: auto 0 0;
		z-index: 1;
		margin-top: 0;
		color: #fff;
		text-align: left;
		background: linear-gradient(transparent, rgb(0 0 0 / 68%));
		padding: 9px 12px;
		font: 14px/1.4 Georgia, "Times New Roman", serif;
	}

	.article-banner,
	.article-overlay {
		min-height: 340px;
	}

	.article-banner__content,
	.article-overlay__content {
		max-width: 100%;
		padding: 24px;
	}

	.article-products__items,
	.article-category-link,
	.article-category-link--text-only {
		grid-template-columns: 1fr;
	}

	.article-category-link {
		max-width: none;
		gap: 12px;
	}

	.blog-article__body .article-category-link__title,
	.article-category-link__title {
		margin-top: 0;
		margin-bottom: 8px;
	}
}

@media (max-width: 440px) {
	.article-multi-image__grid,
	.article-multi-image--3 .article-multi-image__grid {
		grid-template-columns: 1fr;
	}
}