/**
 * BIZ Calgary Home Builder Soft Card presentation.
 *
 * Canonical section surfaces, parent spacing and responsive gutters.
 * Breakpoints: desktop 1025px+, tablet 768-1024px, mobile 0-767px.
 *
 * @since 2.4.61
 */

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards {
	display: flex;
	width: var(--global-vw, 100vw);
	max-width: var(--global-vw, 100vw);
	min-width: 0;
	padding-block: 12px 16px;
	padding-inline: var(--biz-home-soft-gutter-d, 0px);
	box-sizing: border-box;
	flex-direction: column;
	gap: var(--biz-home-soft-gap-d, 16px);
	background: var(--biz-home-soft-canvas, #f3f6f7);
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards.biz-home-builder--content-body {
	padding-block: 0;
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards > .biz-home-content-body {
	display: flex;
	width: min(100%, var(--biz-home-content-body-max, 1314px));
	max-width: var(--biz-home-content-body-max, 1314px);
	min-width: 0;
	margin: 0 auto;
	padding: var(--biz-home-content-body-pt-d, 16px) var(--biz-home-content-body-px-d, 12px) var(--biz-home-content-body-pb-d, 16px);
	box-sizing: border-box;
	flex-direction: column;
	gap: var(--biz-home-soft-gap-d, 16px);
	background: var(--biz-home-content-body-bg, #fff);
	border: var(--biz-home-content-body-border-width, 0) solid var(--biz-home-content-body-border-color, #d9e3df);
	border-radius: var(--biz-home-content-body-radius, 0);
	box-shadow: var(--biz-home-content-body-shadow, none);
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards > .biz-home-section,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards > .biz-home-content-body > .biz-home-section {
	display: flow-root;
	width: 100%;
	max-width: var(--biz-home-section-max, 1290px);
	min-width: 0;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	background: var(--biz-home-section-bg, var(--biz-home-soft-section-bg, #fafafa));
	color: var(--biz-home-section-color, #1f2937);
	border: var(--biz-home-soft-border-width, 1px) solid var(--biz-home-soft-border-color, #dde6e9);
	border-radius: var(--biz-home-soft-radius-d, 12px);
	box-shadow: var(--biz-home-soft-shadow, 0 2px 10px rgba(20, 50, 60, 0.06));
	overflow: hidden;
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--surface-transparent {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	overflow: visible;
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--border-off {
	border-width: 0;
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--shadow-off {
	box-shadow: none;
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section + .biz-home-section,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-content-body > .biz-home-section + .biz-home-section {
	margin-top: 0;
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section__inner,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards.biz-home-builder--custom-general .biz-home-width--global > .biz-home-section__inner {
	display: flow-root;
	width: 100%;
	max-width: none;
	min-width: 0;
	margin: 0;
	padding: var(--biz-home-soft-card-py-d, 20px) var(--biz-home-soft-card-px-d, 24px);
	box-sizing: border-box;
}

/* Plugin/shortcode sections preserve the plugin's own card and internal spacing. */
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--shortcode > .biz-home-section__inner {
	padding: 0;
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-shortcode-output {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Media-led sections use the outer section as the single card shell. */
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--featured_post > .biz-home-section__inner,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--image_text > .biz-home-section__inner,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--block_content > .biz-home-section__inner {
	padding: 0;
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-split,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-media,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-summary,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-text-card {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

/* Featured Post: balanced 44/56 desktop card with one shared surface. */
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--compact {
	grid-template-columns: minmax(0, 44fr) minmax(0, 56fr);
	gap: 0;
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--image-right,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--compact.biz-home-feature--image-right {
	grid-template-columns: minmax(0, 56fr) minmax(0, 44fr);
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--no-image,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--compact.biz-home-feature--no-image {
	grid-template-columns: minmax(0, 1fr);
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature__content,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--compact .biz-home-feature__content {
	padding: var(--biz-home-soft-card-py-d, 20px) var(--biz-home-soft-card-px-d, 24px);
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature__media,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature__media img {
	border-radius: 0;
}

/* Image & Text and Gutenberg/Page Content become one connected section card. */
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-split {
	gap: 0;
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-split__content,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-media__content {
	padding: var(--biz-home-soft-card-py-d, 20px) var(--biz-home-soft-card-px-d, 24px);
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-media {
	gap: 0;
	align-items: stretch;
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-media__image,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-media__image img,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-split__media,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-split__media img {
	border-radius: 0;
	box-shadow: none;
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-full-content {
	padding: var(--biz-home-soft-card-py-d, 20px) var(--biz-home-soft-card-px-d, 24px);
}

/* Standard content sections keep comfortable internal padding. */
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section__heading {
	margin-bottom: 18px;
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section__inner > :first-child {
	margin-top: 0;
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section__inner > :last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards {
		padding-block: 10px 12px;
		padding-inline: var(--biz-home-soft-gutter-t, 12px);
		gap: var(--biz-home-soft-gap-t, 12px);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards > .biz-home-content-body {
		width: 100%;
		max-width: none;
		padding: var(--biz-home-content-body-pt-t, 14px) var(--biz-home-content-body-px-t, 8px) var(--biz-home-content-body-pb-t, 14px);
		gap: var(--biz-home-soft-gap-t, 12px);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards > .biz-home-section,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards > .biz-home-content-body > .biz-home-section {
		width: 100%;
		border-radius: var(--biz-home-soft-radius-t, 12px);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section__inner,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards.biz-home-builder--custom-general .biz-home-width--global > .biz-home-section__inner {
		padding: var(--biz-home-soft-card-py-t, 16px) var(--biz-home-soft-card-px-t, 16px);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--shortcode > .biz-home-section__inner,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--featured_post > .biz-home-section__inner,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--image_text > .biz-home-section__inner,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--block_content > .biz-home-section__inner {
		padding: 0;
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-responsive-title {
		padding: 10px var(--biz-home-soft-card-px-t, 16px);
		background: transparent;
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--featured_post .biz-home-responsive-title,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--latest_posts .biz-home-responsive-title,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--block_content .biz-home-responsive-title {
		padding: 11px 18px;
		font-size: 16px;
		line-height: 1.25;
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--latest_posts .biz-home-section__heading h2,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--block_content .biz-home-section__heading h2 {
		font-size: 16px;
		line-height: 1.25;
	}

	/* Tablet keeps the title full-width while media and text share the card. */
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--compact {
		grid-template-areas:
			"responsive-title responsive-title"
			"media content";
		grid-template-columns: minmax(0, 48fr) minmax(0, 52fr);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature:is(.biz-home-feature--image-t-right),
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--compact:is(.biz-home-feature--image-t-right) {
		grid-template-areas:
			"responsive-title responsive-title"
			"content media";
		grid-template-columns: minmax(0, 52fr) minmax(0, 48fr);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature:is(.biz-home-feature--image-t-top, .biz-home-feature--image-t-bottom),
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--no-image,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--compact.biz-home-feature--no-image {
		grid-template-columns: minmax(0, 1fr);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature:is(.biz-home-feature--image-t-top) {
		grid-template-areas: "responsive-title" "media" "content";
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature:is(.biz-home-feature--image-t-bottom) {
		grid-template-areas: "responsive-title" "content" "media";
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--no-image,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--compact.biz-home-feature--no-image {
		grid-template-areas: "responsive-title" "content";
	}

	/* Gutenberg/Page Content summary cards use the same connected tablet shell. */
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-media--image-t-left {
		display: grid;
		grid-template-areas:
			"responsive-title responsive-title"
			"media content";
		grid-template-columns: minmax(0, 48fr) minmax(0, 52fr);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-media--image-t-right {
		display: grid;
		grid-template-areas:
			"responsive-title responsive-title"
			"content media";
		grid-template-columns: minmax(0, 52fr) minmax(0, 48fr);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-media--image-t-top {
		grid-template-areas: "responsive-title" "media" "content";
		grid-template-columns: minmax(0, 1fr);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-media--image-t-bottom {
		grid-template-areas: "responsive-title" "content" "media";
		grid-template-columns: minmax(0, 1fr);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-media.biz-home-block-card--no-image {
		grid-template-areas: "responsive-title" "content";
		grid-template-columns: minmax(0, 1fr);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature__content,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--compact .biz-home-feature__content,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-split__content,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-media__content,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-full-content {
		padding: var(--biz-home-soft-card-py-t, 16px) var(--biz-home-soft-card-px-t, 16px);
	}
}

@media (max-width: 767px) {
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards {
		padding-block: 8px 10px;
		padding-inline: var(--biz-home-soft-gutter-m, 8px);
		gap: var(--biz-home-soft-gap-m, 10px);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards > .biz-home-content-body {
		width: 100%;
		max-width: none;
		padding: var(--biz-home-content-body-pt-m, 12px) var(--biz-home-content-body-px-m, 6px) var(--biz-home-content-body-pb-m, 12px);
		gap: var(--biz-home-soft-gap-m, 10px);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards > .biz-home-section,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards > .biz-home-content-body > .biz-home-section {
		width: 100%;
		border-radius: var(--biz-home-soft-radius-m, 10px);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section__inner,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards.biz-home-builder--custom-general .biz-home-width--global > .biz-home-section__inner {
		padding: var(--biz-home-soft-card-py-m, 12px) var(--biz-home-soft-card-px-m, 12px);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--shortcode > .biz-home-section__inner,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--featured_post > .biz-home-section__inner,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--image_text > .biz-home-section__inner,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--block_content > .biz-home-section__inner {
		padding: 0;
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-responsive-title {
		padding: 9px var(--biz-home-soft-card-px-m, 12px);
		background: transparent;
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--featured_post .biz-home-responsive-title,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--latest_posts .biz-home-responsive-title,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--block_content .biz-home-responsive-title {
		padding: 10px 14px;
		font-size: 15px;
		line-height: 1.25;
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--latest_posts .biz-home-section__heading h2,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section--block_content .biz-home-section__heading h2 {
		font-size: 15px;
		line-height: 1.25;
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature__content,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--compact .biz-home-feature__content,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-split__content,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-media__content,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-block-full-content {
		padding: var(--biz-home-soft-card-py-m, 12px) var(--biz-home-soft-card-px-m, 12px);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--image-right,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--compact,
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-feature--compact.biz-home-feature--image-right {
		grid-template-columns: minmax(0, 1fr);
	}

	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards .biz-home-section__heading {
		margin: 0 0 10px;
		padding: 0;
	}
}

/* Preserve explicit full-width section choice inside the responsive gutter. */
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards > .biz-home-width--full,
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards > .biz-home-content-body > .biz-home-width--full {
	max-width: none;
}


/* 2.9.0 — front-page image radius polish.
   Keep the soft-card shell intact while rounding the visual media blocks on
   Featured Post, Latest Posts and Image/Gutenberg content sections. */
body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards :is(
	.biz-home-feature__media,
	.biz-home-post-card__media,
	.biz-home-block-media__image,
	.biz-home-split__media
) {
	overflow: hidden;
	border-radius: var(--biz-home-front-media-radius-d, var(--biz-home-soft-radius-d, 12px));
}

body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards :is(
	.biz-home-feature__media img,
	.biz-home-post-card__media img,
	.biz-home-block-media__image img,
	.biz-home-split__media img
) {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

@media (min-width: 768px) and (max-width: 1024px) {
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards :is(
		.biz-home-feature__media,
		.biz-home-post-card__media,
		.biz-home-block-media__image,
		.biz-home-split__media
	) {
		border-radius: var(--biz-home-front-media-radius-t, var(--biz-home-soft-radius-t, 12px));
	}
}

@media (max-width: 767px) {
	body.biz-calgary-home-builder-page [data-biz-home-builder].biz-home-builder--soft-cards :is(
		.biz-home-feature__media,
		.biz-home-post-card__media,
		.biz-home-block-media__image,
		.biz-home-split__media
	) {
		border-radius: var(--biz-home-front-media-radius-m, var(--biz-home-soft-radius-m, 12px));
	}
}