/* One-product-temple parity styles adapted for webnow_front */
:root {
	--color-accent: #f97316;
	--color-accent-hover: #ea580c;
	--color-accent-active: #c2410c;
	--op-primary-50: #f0f9ff;
	--op-primary-100: #e0f2fe;
	--op-primary-300: #7dd3fc;
	--op-primary-400: #38bdf8;
	--op-primary-500: #0ea5e9;
	--op-primary-600: #0284c7;
	--op-primary-700: #0369a1;
	--font-heading: "Inter";
	--font-body: "Inter";
	--width-content: 1280px;
}

.one-product-type4 {
	background: white;
	color: #111827;
	font-family: var(--font-body), ui-sans-serif, system-ui, sans-serif;
	-webkit-font-smoothing: antialiased;
}

.one-product-type4 h1,
.one-product-type4 h2,
.one-product-type4 h3,
.one-product-type4 h4 {
	font-family: var(--font-heading), ui-sans-serif, system-ui, sans-serif;
}

.one-product-type4,
.one-product-type4 * {
	box-sizing: border-box;
}

.one-product-type4 a,
.one-product-type4 button {
	text-decoration: none;
}

.one-product-type4 .flex { display: flex !important; }
.one-product-type4 .inline-flex { display: inline-flex !important; }
.one-product-type4 .grid { display: grid !important; }
.one-product-type4 .block { display: block !important; }

.one-product-type4 .btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--color-accent);
	color: white;
	font-weight: 600;
	padding: 0.75rem 1.5rem;
	border-radius: 0.5rem;
	min-height: 44px;
	transition: background-color 150ms ease;
}

.one-product-type4 .btn-primary:hover {
	background: var(--color-accent-hover);
}

.one-product-type4 .btn-primary:active {
	background: var(--color-accent-active);
}

.one-product-type4 .bg-sky-50 { background-color: var(--op-primary-50) !important; }
.one-product-type4 .bg-sky-100 { background-color: var(--op-primary-100) !important; }
.one-product-type4 .bg-sky-600 { background-color: var(--op-primary-600) !important; }
.one-product-type4 .text-sky-400 { color: var(--op-primary-400) !important; }
.one-product-type4 .text-sky-500 { color: var(--op-primary-500) !important; }
.one-product-type4 .text-sky-600 { color: var(--op-primary-600) !important; }
.one-product-type4 .text-sky-700 { color: var(--op-primary-700) !important; }
.one-product-type4 .border-sky-600 { border-color: var(--op-primary-600) !important; }

.one-product-type4 .touch-target {
	min-width: 44px;
	min-height: 44px;
}

.one-product-type4 .section-padding {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

@media (min-width: 768px) {
	.one-product-type4 .section-padding {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
}

@media (min-width: 1024px) {
	.one-product-type4 .section-padding {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
}

.one-product-type4 .container-content {
	max-width: var(--width-content);
	margin: 0 auto;
	padding-left: 1rem;
	padding-right: 1rem;
}

@media (min-width: 640px) {
	.one-product-type4 .container-content {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

@media (min-width: 1024px) {
	.one-product-type4 .container-content {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

/* Keep card heights consistent across sections with variable content lengths */
.one-product-type4 [aria-label="Customer reviews"] {
	align-items: stretch;
}

.one-product-type4 [aria-label="Customer reviews"] > li {
	height: 100%;
}

.one-product-type4 [aria-label="Customer reviews"] > li > article {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.one-product-type4 [aria-label="Customer reviews"] > li > article > footer {
	margin-top: auto;
}

.one-product-type4 #features ul,
.one-product-type4 [aria-labelledby="how-it-works-heading"] ol {
	align-items: stretch;
}

.one-product-type4 #features ul > li,
.one-product-type4 [aria-labelledby="how-it-works-heading"] ol > li {
	height: 100%;
}

.one-product-type4 #features ul > li > article,
.one-product-type4 [aria-labelledby="how-it-works-heading"] ol > li > article {
	height: 100%;
}