/**
 * Carlo Rino Blog & News
 * Figma desktop: 797:5759 · mobile: 1792:27882
 *
 * Contained sections use Astra `.ast-container` as-is (backend container width).
 * Hero + featured break out full-bleed. Cards stretch to fill the container grid.
 */

/* ── Page chrome (do not override .ast-container padding / max-width) ───── */

.cr-blog-page-active .site-content,
.cr-blog-page-active #content {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	overflow: visible !important;
}

.cr-blog-page-active .site-content > .ast-container,
.cr-blog-page-active .site-content .ast-container {
	overflow: visible !important;
}

.cr-blog-page-active .site-main,
.cr-blog-page-active #primary {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: none !important;
	overflow: visible !important;
}

.cr-blog-page-active .entry-header,
.cr-blog-page-active .ast-archive-description,
.cr-blog-page-active .ast-archive-title,
.cr-blog-page-active .ast-single-entry-banner,
.cr-blog-page-active .page-header,
.cr-blog-page-active .ast-archive-entry-banner,
.cr-blog-page-active .ast-featured-post,
.cr-blog-page-active.category .ast-archive-description,
.cr-blog-page-active.category .page-header,
.cr-blog-page-active.category h1.page-title,
.cr-blog-page-active.category .entry-title {
	display: none !important;
}

.cr-blog-page-active #secondary {
	display: none !important;
}

.cr-blog-page-active.ast-separate-container #content,
.cr-blog-page-active.ast-separate-container .site-content,
.cr-blog-page-active.ast-page-builder-template .site-content {
	background: transparent !important;
}

.cr-blog-page-active.ast-separate-container #primary,
.cr-blog-page-active.ast-separate-container .site-main {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* ── Page shell ─────────────────────────────────────────────────────────── */

.cr-blog-page {
	background: var(--cr-white, #fff) !important;
	color: var(--cr-black, #333) !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	overflow: visible !important;
}

/* ── Intro: title + topic tabs ──────────────────────────────────────────── */

.cr-blog-page__intro {
	width: 100% !important;
	padding: 5rem 0 !important;
	box-sizing: border-box !important;
}

.cr-blog-page__intro-inner {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 2.5rem !important;
	text-align: center !important;
	width: 100% !important;
}

.cr-blog-page__eyebrow,
.cr-blog-page__subtitle {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--cr-font-body, "Quicksand", "Segoe UI", sans-serif) !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.52 !important;
	color: var(--cr-black, #333) !important;
}

.cr-blog-page__eyebrow {
	letter-spacing: 0.05rem !important;
	text-transform: uppercase !important;
}

.cr-blog-page__heading {
	font-family: var(--cr-font-heading, "Lora", Georgia, serif) !important;
	font-size: 2.5rem !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	color: var(--cr-black, #333) !important;
	margin: 0 !important;
	padding: 0 !important;
	max-width: 50rem !important;
}

.cr-blog-page__heading-desktop {
	display: inline !important;
}

.cr-blog-page__heading-mobile {
	display: none !important;
}

.cr-blog-page__mobile-flow {
	display: none !important;
}

.cr-blog-page__desktop-flow {
	display: flex !important;
	flex-direction: column !important;
	gap: 4.062rem !important;
	width: 100% !important;
}

.cr-blog-topics {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 1.5rem !important;
}

.cr-blog-topics__tab {
	flex-shrink: 0 !important;
}

/* ── Featured hero — full bleed, zero outer padding ─────────────────────── */

.cr-blog-hero {
	position: relative !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	left: auto !important;
	height: 45rem !important;
	overflow: hidden !important;
	background: #f0ebe8 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	box-sizing: border-box !important;
}

.cr-blog-hero__bg {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	pointer-events: none !important;
	transition: transform 0.4s ease !important;
}

.cr-blog-hero:hover .cr-blog-hero__bg {
	transform: scale(1.05) !important;
}

.cr-blog-hero__bg--placeholder {
	background: #e7e7e7 !important;
}

.cr-blog-hero__card {
	position: absolute !important;
	left: 2.5rem !important;
	top: 2.5rem !important;
	width: min(40rem, calc(100% - 5rem)) !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 2rem !important;
	padding: 2.5rem 1.875rem !important;
	box-sizing: border-box !important;
	border-radius: 0.125rem !important;
	background: rgba(250, 247, 246, 0.95) !important;
	backdrop-filter: blur(0.312rem) !important;
	-webkit-backdrop-filter: blur(0.312rem) !important;
	z-index: 1 !important;
}

.cr-blog-hero__title {
	font-family: var(--cr-font-heading, "Lora", Georgia, serif) !important;
	font-size: 2.25rem !important;
	font-weight: 400 !important;
	line-height: 1.22 !important;
	color: var(--cr-black, #333) !important;
	margin: 0 !important;
	padding: 0 !important;
}

.cr-blog-hero__title a {
	color: inherit !important;
	text-decoration: none !important;
}

.cr-blog-hero__title a:hover,
.cr-blog-hero:hover .cr-blog-hero__title a {
	color: var(--cr-pink, #e81f76) !important;
}

/* ── Insights section ───────────────────────────────────────────────────── */

.cr-blog-page__insights {
	display: flex !important;
	flex-direction: column !important;
	gap: 4.062rem !important;
	width: 100% !important;
	padding: 0 0 5rem !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

.cr-blog-insights-bar {
	position: sticky !important;
	top: var(--cr-blog-sticky-top, 0rem) !important;
	z-index: 40 !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	left: auto !important;
	right: auto !important;
	padding: 1.25rem 0 !important;
	background: transparent !important;
	box-sizing: border-box !important;
}

/* Full-bleed sticky background — keeps text aligned to the container */
.cr-blog-insights-bar::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 50% !important;
	width: 100vw !important;
	margin-left: -50vw !important;
	background: rgba(255, 255, 255, 0.95) !important;
	backdrop-filter: blur(0.312rem) !important;
	-webkit-backdrop-filter: blur(0.312rem) !important;
	z-index: -1 !important;
	pointer-events: none !important;
}

.cr-blog-insights-bar__inner {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 1.25rem !important;
	width: 100% !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	z-index: 1 !important;
}

.cr-blog-insights-bar__title {
	font-family: var(--cr-font-heading, "Lora", Georgia, serif) !important;
	font-size: 2rem !important;
	font-weight: 400 !important;
	line-height: 1.24 !important;
	color: var(--cr-black, #333) !important;
	margin: 0 !important;
	padding: 0 !important;
	white-space: nowrap !important;
}

/* ── Topic filter dropdown ──────────────────────────────────────────────── */

.cr-blog-filter {
	position: relative !important;
	width: 15rem !important;
	flex-shrink: 0 !important;
}

.cr-blog-filter__trigger {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 1rem !important;
	width: 100% !important;
	padding: 0.75rem !important;
	box-sizing: border-box !important;
	border: 0.062rem solid var(--cr-border, #e7e7e7) !important;
	border-radius: 0.125rem !important;
	background: #faf7f6 !important;
	cursor: pointer !important;
	font-family: var(--cr-font-body, "Quicksand", "Segoe UI", sans-serif) !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.52 !important;
	color: var(--cr-black, #333) !important;
	box-shadow: none !important;
	text-align: left !important;
}

.cr-blog-filter__trigger:hover,
.cr-blog-filter__trigger:focus {
	border-color: var(--cr-grey, #888) !important;
	outline: none !important;
}

.cr-blog-filter.is-open .cr-blog-filter__trigger {
	border-color: var(--cr-pink, #e81f76) !important;
}

.cr-blog-filter__label {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.cr-blog-filter__chevron {
	flex-shrink: 0 !important;
	transition: transform 0.2s ease !important;
	color: var(--cr-black, #333) !important;
}

.cr-blog-filter.is-open .cr-blog-filter__chevron {
	transform: rotate(180deg) !important;
}

.cr-blog-filter__list {
	position: absolute !important;
	top: calc(100% + 0.25rem) !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 30 !important;
	margin: 0 !important;
	padding: 0.5rem 0 !important;
	list-style: none !important;
	background: var(--cr-white, #fff) !important;
	border: 0.062rem solid var(--cr-border, #e7e7e7) !important;
	border-radius: 0.125rem !important;
	box-shadow: 0 0.5rem 1.5rem rgba(51, 51, 51, 0.08) !important;
	max-height: 20rem !important;
	overflow-y: auto !important;
}

.cr-blog-filter__option {
	display: block !important;
	padding: 0.625rem 0.75rem !important;
	font-family: var(--cr-font-body, "Quicksand", "Segoe UI", sans-serif) !important;
	font-size: 1rem !important;
	line-height: 1.52 !important;
	color: var(--cr-black, #333) !important;
	text-decoration: none !important;
}

.cr-blog-filter__option:hover,
.cr-blog-filter__option.is-selected {
	color: var(--cr-pink, #e81f76) !important;
	background: #faf7f6 !important;
}

/* ── Grid — stretch cards across Astra container width ──────────────────── */

.cr-blog-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	column-gap: 1.25rem !important;
	row-gap: 4.062rem !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

.cr-blog-page__empty {
	padding: 5rem 0 !important;
	text-align: center !important;
	font-family: var(--cr-font-body, "Quicksand", "Segoe UI", sans-serif) !important;
	font-size: 1rem !important;
	color: var(--cr-grey, #888) !important;
}

/* ── Card meta (ALL CAPS 12 / Quicksand) ───────────────────────────────── */

.cr-blog-card__meta {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: flex-start !important;
	gap: 0.5rem !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--cr-font-body, "Quicksand", "Segoe UI", sans-serif) !important;
	font-size: 0.75rem !important;
	font-weight: 400 !important;
	line-height: 1.34 !important;
	letter-spacing: 0.037rem !important;
	text-transform: uppercase !important;
	color: #888 !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
}

.cr-blog-card__meta-item,
.cr-blog-card__meta-sep {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.34 !important;
}

/* ── Standard card — Figma Blog 1367:15919 (325 × 560) ──────────────────── */

.cr-blog-page .cr-blog-card,
.cr-blog-grid .cr-blog-card {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 35rem !important;
	min-height: 35rem !important;
	max-height: 35rem !important;
	background: #faf7f6 !important;
	border-radius: 0.125rem !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
	float: none !important;
	clear: none !important;
}

.cr-blog-page-active .cr-blog-card::before,
.cr-blog-page-active .cr-blog-card::after {
	display: none !important;
	content: none !important;
}

/* Image Frame — 240px, object-cover */
.cr-blog-card__media {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 15rem !important;
	min-height: 15rem !important;
	max-height: 15rem !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
	text-decoration: none !important;
	background: #e7e7e7 !important;
}

.cr-blog-card__img {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center !important;
	pointer-events: none !important;
	border: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	transition: transform 0.4s ease !important;
}

.cr-blog-card:hover .cr-blog-card__img {
	transform: scale(1.05) !important;
}

.cr-blog-card__img--placeholder {
	background: #e7e7e7 !important;
}

/* Body — px 30 / py 40 / gap 16; title flexes so Read More sits at bottom */
.cr-blog-card__body {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 1rem !important;
	width: 100% !important;
	min-height: 0 !important;
	min-width: 0 !important;
	padding: 2.5rem 1.875rem !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	background: transparent !important;
}

.cr-blog-card__title {
	font-family: var(--cr-font-heading, "Lora", Georgia, serif) !important;
	font-size: 1.25rem !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	color: #000 !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 1 1 auto !important;
	min-height: 0 !important;
	min-width: 100% !important;
	width: 100% !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
	text-transform: none !important;
}

.cr-blog-card__title a {
	color: inherit !important;
	text-decoration: none !important;
	font: inherit !important;
	letter-spacing: inherit !important;
	line-height: inherit !important;
}

.cr-blog-card__title a:hover,
.cr-blog-card__title a:focus,
.cr-blog-card:hover .cr-blog-card__title a {
	color: var(--cr-pink, #e81f76) !important;
}

/* Read More — Figma Button/Secondary Text (dark underline) */
.cr-blog-card__read-more {
	flex-shrink: 0 !important;
	align-self: flex-start !important;
	margin: 0 !important;
	padding-top: 0.25rem !important;
}

.cr-blog-card__read-more.cr-btn-secondary {
	gap: 0.188rem !important;
}

.cr-blog-card__read-more .cr-btn-secondary__text {
	font-family: var(--cr-font-body, "Quicksand", "Segoe UI", sans-serif) !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.52 !important;
	color: #333 !important;
	white-space: nowrap !important;
}

.cr-blog-card__read-more .cr-btn-secondary__line {
	display: block !important;
	position: relative !important;
	background-color: #333 !important;
	opacity: 1 !important;
	width: 100% !important;
	height: 0.062rem !important;
	transform: none !important;
	transition: background-color 0.25s ease !important;
}

/* Pink overlay — expands from center on hover (matches account edit-line) */
.cr-blog-card__read-more .cr-btn-secondary__line::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	background: var(--cr-pink, #e81f76) !important;
	transform: scaleX(0) !important;
	transform-origin: center center !important;
	transition: transform 0.25s ease !important;
}

.cr-blog-card__read-more:hover .cr-btn-secondary__text,
.cr-blog-card__read-more:focus .cr-btn-secondary__text,
.cr-blog-card:hover .cr-blog-card__read-more .cr-btn-secondary__text,
.cr-blog-hero:hover .cr-blog-card__read-more .cr-btn-secondary__text,
.cr-blog-featured:hover .cr-blog-card__read-more .cr-btn-secondary__text {
	color: var(--cr-pink, #e81f76) !important;
}

.cr-blog-card__read-more:hover .cr-btn-secondary__line,
.cr-blog-card__read-more:focus .cr-btn-secondary__line,
.cr-blog-card:hover .cr-blog-card__read-more .cr-btn-secondary__line,
.cr-blog-hero:hover .cr-blog-card__read-more .cr-btn-secondary__line,
.cr-blog-featured:hover .cr-blog-card__read-more .cr-btn-secondary__line {
	background-color: transparent !important;
}

.cr-blog-card__read-more:hover .cr-btn-secondary__line::after,
.cr-blog-card__read-more:focus .cr-btn-secondary__line::after,
.cr-blog-card:hover .cr-blog-card__read-more .cr-btn-secondary__line::after,
.cr-blog-hero:hover .cr-blog-card__read-more .cr-btn-secondary__line::after,
.cr-blog-featured:hover .cr-blog-card__read-more .cr-btn-secondary__line::after {
	transform: scaleX(1) !important;
}

/* ── Wide featured — full bleed, zero outer padding ─────────────────────── */

.cr-blog-featured {
	position: relative !important;
	display: flex !important;
	align-items: stretch !important;
	gap: 0 !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	left: auto !important;
	min-height: 35rem !important;
	height: 35rem !important;
	background: #faf7f6 !important;
	border-radius: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

.cr-blog-featured__media {
	display: block !important;
	flex: 0 0 50% !important;
	width: 50% !important;
	max-width: none !important;
	overflow: hidden !important;
	align-self: stretch !important;
	text-decoration: none !important;
}

.cr-blog-featured__img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transition: transform 0.4s ease !important;
}

.cr-blog-featured:hover .cr-blog-featured__img {
	transform: scale(1.05) !important;
}

.cr-blog-featured__img--placeholder {
	background: #e7e7e7 !important;
	height: 100% !important;
}

.cr-blog-featured__body {
	flex: 1 1 50% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 1rem !important;
	padding: 2.5rem clamp(1.875rem, 8vw, 7.5rem) !important;
	box-sizing: border-box !important;
	text-align: center !important;
	min-width: 0 !important;
}

.cr-blog-featured__title {
	font-family: var(--cr-font-heading, "Lora", Georgia, serif) !important;
	font-size: 1.5rem !important;
	font-weight: 400 !important;
	line-height: 1.32 !important;
	color: var(--cr-black, #333) !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

.cr-blog-featured__title a {
	color: inherit !important;
	text-decoration: none !important;
}

.cr-blog-featured__title a:hover,
.cr-blog-featured:hover .cr-blog-featured__title a {
	color: var(--cr-pink, #e81f76) !important;
}

.cr-blog-featured .cr-blog-card__meta {
	justify-content: center !important;
}

.cr-blog-featured .cr-blog-card__read-more {
	align-self: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ── Pagination ─────────────────────────────────────────────────────────── */

.cr-blog-pagination {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 1rem !important;
	padding: 0 !important;
}

.cr-blog-pagination__info {
	font-family: var(--cr-font-body, "Quicksand", "Segoe UI", sans-serif) !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.52 !important;
	color: var(--cr-black, #333) !important;
	white-space: nowrap !important;
}

.cr-blog-pagination__btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1rem !important;
	height: 1rem !important;
	color: var(--cr-black, #333) !important;
	text-decoration: none !important;
}

.cr-blog-pagination__btn:hover {
	color: var(--cr-pink, #e81f76) !important;
}

.cr-blog-pagination__btn.is-disabled {
	opacity: 0.35 !important;
	pointer-events: none !important;
}

.cr-blog-pagination__btn .cr-icon {
	display: block !important;
	width: 1rem !important;
	height: 1rem !important;
}

/* ── Instagram strip ────────────────────────────────────────────────────── */

.cr-blog-instagram {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 2.5rem !important;
	padding: 3.75rem 0 0 !important;
	background: #faf7f6 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.cr-blog-instagram__header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 0.625rem !important;
	padding: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.cr-blog-instagram__handle {
	font-family: var(--cr-font-heading, "Lora", Georgia, serif) !important;
	font-size: 2.25rem !important;
	font-weight: 400 !important;
	line-height: 1.22 !important;
	color: var(--cr-black, #333) !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 1 1 auto !important;
}

.cr-blog-instagram__follow .cr-btn-secondary__icon svg path {
	fill: currentColor !important;
	stroke: none !important;
}

.cr-blog-instagram__scroller {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	-webkit-overflow-scrolling: touch !important;
	scrollbar-width: thin !important;
}

.cr-blog-instagram__track {
	display: flex !important;
	align-items: center !important;
	gap: 0.375rem !important;
	width: max-content !important;
	min-width: 100% !important;
}

.cr-blog-instagram__item {
	display: block !important;
	flex: 0 0 14.688rem !important;
	width: 14.688rem !important;
	height: 14.688rem !important;
	overflow: hidden !important;
	text-decoration: none !important;
}

.cr-blog-instagram__item img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */

@media (max-width: 1199px) {
	.cr-blog-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 991px) {
	/* Figma mobile 1792:27882 — phone/tablet blog listing */
	.cr-blog-page__intro {
		padding: 2.5rem 0 !important;
	}

	.cr-blog-page__intro-inner {
		gap: 0.5rem !important;
	}

	.cr-blog-page__eyebrow,
	.cr-blog-page__subtitle {
		display: block !important;
	}

	.cr-blog-page__heading {
		font-size: 2rem !important;
		line-height: 1.32 !important;
		max-width: none !important;
	}

	.cr-blog-page__heading-desktop {
		display: none !important;
	}

	.cr-blog-page__heading-mobile {
		display: inline !important;
	}

	.cr-blog-topics,
	.cr-blog-page__desktop-hero,
	.cr-blog-page__desktop-flow {
		display: none !important;
	}

	.cr-blog-page__mobile-flow {
		display: block !important;
		width: 100% !important;
	}

	.cr-blog-page__insights {
		gap: 0 !important;
		padding: 0 0 5rem !important;
	}

	.cr-blog-insights-bar {
		padding: 1rem 0 0.5rem !important;
	}

	.cr-blog-insights-bar__inner {
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 1rem !important;
	}

	.cr-blog-insights-bar__title {
		font-size: 1.125rem !important;
		line-height: 1.32 !important;
		text-align: center !important;
		white-space: normal !important;
		width: 100% !important;
	}

	.cr-blog-filter {
		width: 100% !important;
	}

	.cr-blog-page__mobile-flow .cr-blog-grid {
		grid-template-columns: 1fr !important;
		column-gap: 0 !important;
		row-gap: 1.25rem !important;
		padding: 2.5rem 0 0 !important;
	}

	.cr-blog-page__mobile-flow .cr-blog-card,
	.cr-blog-page .cr-blog-page__mobile-flow .cr-blog-card {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}

	.cr-blog-page__mobile-flow .cr-blog-card__media {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		aspect-ratio: 325 / 240 !important;
	}

	.cr-blog-page__mobile-flow .cr-blog-card__body {
		padding: 1.5rem !important;
		gap: 1rem !important;
	}

	.cr-blog-page__mobile-flow .cr-blog-card__title {
		font-size: 1.125rem !important;
		line-height: 1.32 !important;
		flex: 0 1 auto !important;
		color: var(--cr-black, #333) !important;
	}

	.cr-blog-pagination {
		padding: 2.5rem 0 0 !important;
	}

	.cr-blog-instagram {
		gap: 2.5rem !important;
		padding: 3.75rem 0 0 !important;
	}

	.cr-blog-instagram__header {
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 0.625rem !important;
		padding: 0 !important;
	}

	.cr-blog-instagram__handle {
		font-size: 1.5rem !important;
		line-height: 1.32 !important;
	}

	.cr-blog-instagram__follow .cr-btn-secondary__text,
	.cr-blog-instagram__follow .cr-btn-secondary__line {
		display: none !important;
	}

	.cr-blog-instagram__follow .cr-btn-secondary__icon,
	.cr-blog-instagram__follow .cr-btn-secondary__icon svg {
		width: 1.5rem !important;
		height: 1.5rem !important;
	}

	.cr-blog-instagram__item {
		flex-basis: 7.25rem !important;
		width: 7.25rem !important;
		height: 7.25rem !important;
	}

	.cr-blog-instagram__track {
		gap: 0.625rem !important;
	}
}

@media (max-width: 575px) {
	.cr-blog-page__heading {
		font-size: 2rem !important;
	}
}