body.sf-box-landing-page {
	background: #f9f6f2;
}

body.sf-box-landing-page .title_outer,
body.sf-box-landing-page header.woocommerce-products-header {
	display: none !important;
}

body.sf-box-landing-mounted .elementor-location-archive {
	width: 100%;
	max-width: none;
}

.sf-box-landing {
	--sf-red: #e2232d;
	--sf-dark: #211e1b;
	--sf-green: #000;
	--sf-paper: #f9f6f2;
	--sf-line: #dfd6ca;
	font-family: Roboto, Arial, sans-serif;
	color: var(--sf-dark);
	background: var(--sf-paper);
}

.sf-box-landing *,
.sf-box-landing *::before,
.sf-box-landing *::after {
	box-sizing: border-box;
}

.sf-box-landing__hero {
	position: relative;
	overflow: hidden;
	padding: 48px clamp(24px, 6vw, 110px) 52px;
	background: var(--sf-green);
	color: #fff;
}

.sf-box-landing__hero::after {
	position: absolute;
	right: -100px;
	bottom: -210px;
	width: 520px;
	height: 520px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 50%;
	box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.018);
	content: '';
}

.sf-box-landing__hero-inner {
	position: relative;
	z-index: 1;
	max-width: 970px;
}

.sf-box-landing__breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 32px;
	color: #cbd4cc;
	font-size: 12px;
}

.sf-box-landing__breadcrumbs a,
.sf-box-landing__breadcrumbs strong {
	color: inherit;
}

.sf-box-landing__eyebrow,
.sf-box-steps__heading > p,
.sf-box-choices__heading > p,
.sf-box-faq > div:first-child > p {
	margin: 0 0 11px;
	color: var(--sf-red);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.sf-box-landing__hero .sf-box-landing__eyebrow {
	color: #f1a5a9;
}

.sf-box-landing h1 {
	max-width: 850px;
	margin: 0;
	color: #fff;
	font: 700 clamp(44px, 5.3vw, 68px)/.99 Roboto, Arial, sans-serif;
	letter-spacing: -.035em;
	text-transform: none;
}

.sf-box-landing__intro {
	max-width: 730px;
	margin: 20px 0 24px;
	color: #e0e6e1;
	font-size: 17px;
	line-height: 1.65;
}

.sf-box-landing__hero-link {
	display: inline-flex;
	align-items: center;
	gap: 20px;
	padding: 14px 19px;
	background: #fff;
	color: var(--sf-dark) !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.sf-box-steps,
.sf-box-choices,
.sf-box-benefits,
.sf-box-faq {
	width: calc(100% - clamp(48px, 12vw, 220px));
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
}

.sf-box-steps {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 54px;
	padding: 50px 0 42px;
}

.sf-box-steps h2,
.sf-box-choices h2,
.sf-box-faq h2 {
	margin: 0;
	color: var(--sf-dark);
	font: 700 clamp(30px, 3vw, 44px)/1.08 Roboto, Arial, sans-serif;
	letter-spacing: -.025em;
	text-transform: none;
}

.sf-box-steps ol {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-box-steps li {
	display: flex;
	gap: 16px;
}

.sf-box-steps li > span {
	display: grid;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	place-items: center;
	border: 1px solid #cabfb1;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 800;
}

.sf-box-steps li strong {
	display: block;
	margin: 4px 0 7px;
	font-size: 16px;
}

.sf-box-steps li p {
	margin: 0;
	color: #6e665e;
	font-size: 13px;
	line-height: 1.55;
}

.sf-box-choices {
	padding: 8px 0 58px;
}

.sf-box-choices__heading {
	margin-bottom: 22px;
}

.sf-box-choices__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.sf-box-choice {
	display: grid;
	grid-template-columns: minmax(190px, 36%) minmax(0, 1fr);
	min-height: 440px;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--sf-line);
	transition: transform .22s ease, box-shadow .22s ease;
}

.sf-box-choice:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 42px rgba(51, 40, 28, .10);
}

.sf-box-choice__media {
	position: relative;
	min-height: 100%;
	overflow: hidden;
	background: #efe8de;
}

.sf-box-choice__media > span {
	position: absolute;
	z-index: 2;
	top: 18px;
	left: 18px;
	padding: 8px 10px;
	background: rgba(255,255,255,.94);
	border: 1px solid #d8cfc3;
	color: #514a43;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.sf-box-choice__image {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	object-fit: cover;
	transition: transform .45s ease;
}

.sf-box-choice:hover .sf-box-choice__image {
	transform: scale(1.025);
}

.sf-box-choice__content {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding: clamp(25px, 2.4vw, 34px);
}

.sf-box-choice__kicker {
	margin: 0 0 9px !important;
	color: var(--sf-red) !important;
	font-size: 11px !important;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.sf-box-choice h3 {
	margin: 0 0 12px;
	color: var(--sf-dark);
	font: 700 clamp(27px, 2.1vw, 34px)/1.04 Roboto, Arial, sans-serif;
	letter-spacing: -.025em;
	text-transform: none;
}

.sf-box-choice__content > p:not(.sf-box-choice__kicker) {
	margin: 0;
	color: #675f57;
	font-size: 14px;
	line-height: 1.6;
}

.sf-box-choice ul {
	width: 100%;
	margin: 18px 0 22px;
	padding: 14px 0 0;
	border-top: 1px solid #eee8df;
	list-style: none;
}

.sf-box-choice li {
	position: relative;
	margin: 6px 0;
	padding-left: 23px;
	color: #4f4943;
	font-size: 13px;
}

.sf-box-choice li::before {
	position: absolute;
	top: 1px;
	left: 0;
	color: #38764d;
	font-weight: 900;
	content: '✓';
}

.sf-box-choice__content > a {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	margin-top: auto;
	padding: 14px 17px;
	background: var(--sf-red);
	color: #fff !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.sf-box-benefits {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 62px;
	background: var(--sf-green);
	color: #fff;
}

.sf-box-benefits > div {
	padding: 24px 28px;
	border-right: 1px solid rgba(255,255,255,.15);
}

.sf-box-benefits > div:last-child {
	border: 0;
}

.sf-box-benefits strong,
.sf-box-benefits span {
	display: block;
}

.sf-box-benefits strong {
	margin-bottom: 6px;
	font-size: 15px;
}

.sf-box-benefits span {
	color: #cfd8d1;
	font-size: 12px;
	line-height: 1.5;
}

.sf-box-faq {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	gap: 54px;
	padding-bottom: 68px;
}

.sf-box-faq__items {
	border-top: 1px solid var(--sf-line);
}

.sf-box-faq details {
	border-bottom: 1px solid var(--sf-line);
}

.sf-box-faq summary {
	position: relative;
	padding: 20px 44px 20px 0;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}

.sf-box-faq summary::-webkit-details-marker {
	display: none;
}

.sf-box-faq summary::after {
	position: absolute;
	right: 5px;
	content: '+';
	font-size: 22px;
	font-weight: 400;
}

.sf-box-faq details[open] summary::after {
	content: '−';
}

.sf-box-faq details p {
	max-width: 700px;
	margin: -4px 0 22px;
	color: #6b635b;
	font-size: 13px;
	line-height: 1.65;
}

@media (max-width: 1180px) {
	.sf-box-choice {
		grid-template-columns: 1fr;
	}

	.sf-box-choice__media {
		height: 300px;
		min-height: 0;
	}
}

@media (max-width: 820px) {
	.sf-box-steps,
	.sf-box-faq {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.sf-box-steps ol,
	.sf-box-benefits {
		grid-template-columns: 1fr;
	}

	.sf-box-choices__grid {
		grid-template-columns: 1fr;
	}

	.sf-box-benefits > div {
		border-right: 0;
		border-bottom: 1px solid rgba(255,255,255,.15);
	}
}

@media (max-width: 560px) {
	.sf-box-landing__hero {
		padding: 34px 18px 42px;
	}

	.sf-box-landing h1 {
		font-size: 43px;
	}

	.sf-box-steps,
	.sf-box-choices,
	.sf-box-benefits,
	.sf-box-faq {
		width: calc(100% - 36px);
	}

	.sf-box-steps {
		padding-top: 44px;
	}

	.sf-box-choice__media {
		height: 230px;
	}

	.sf-box-choice__content {
		padding: 26px 22px;
	}

	.sf-box-choice__content > a {
		width: 100%;
	}
}

/* Shared Sonofresco storefront type and primary-button scale. */
.sf-box-landing {
	font-family: Roboto, Arial, sans-serif !important;
}

.sf-box-landing h1 {
	font-size: clamp(38px, 4vw, 52px) !important;
	line-height: 1.04 !important;
}

.sf-box-landing__intro {
	font-size: 16px !important;
	line-height: 1.6 !important;
}

.sf-box-steps h2,
.sf-box-choices h2,
.sf-box-faq h2 {
	font-size: clamp(28px, 2.8vw, 36px) !important;
	line-height: 1.08 !important;
}

.sf-box-landing__hero-link,
.sf-box-choice__content > a {
	min-height: 50px !important;
	padding: 0 24px !important;
	border-radius: 3px !important;
	font-family: Roboto, Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	letter-spacing: .05em !important;
	line-height: 1.15 !important;
	text-transform: uppercase !important;
}

@media (max-width: 767px) {
	.sf-box-landing h1 { font-size: clamp(34px, 10vw, 40px) !important; }
	.sf-box-steps h2,
	.sf-box-choices h2,
	.sf-box-faq h2 { font-size: clamp(26px, 7.5vw, 32px) !important; }
	.sf-box-landing__hero-link,
	.sf-box-choice__content > a {
		min-height: 48px !important;
		padding: 0 20px !important;
	}
}

/* Card CTAs are intentionally quieter than hero and product-page actions. */
.sf-box-choice__content > a {
	min-height: 44px !important;
	padding: 0 20px !important;
	font-size: 13px !important;
}