/*
 * CottonCloud product system — corporate blue / white / navy.
 * Loaded only by /pluginy/ and the three public product-detail templates.
 */

:is(body.cc-plugin-hub-design, body.cc-product-detail-design) {
	--cc-bg: #06101f;
	--cc-bg-soft: #0a172b;
	--cc-panel: #0d1d34;
	--cc-panel-strong: #123057;
	--cc-text: #f7fbff;
	--cc-muted: #b9c9de;
	--cc-line: rgba(132, 190, 255, 0.2);
	--cc-cyan: #77c9ff;
	--cc-green: #68baff;
	--cc-mint: #b9ddff;
	--cc-shadow: 0 24px 64px rgba(2, 14, 32, 0.2);
	--cc-radius: 16px;
	background: #06101f;
}

:is(body.cc-plugin-hub-design, body.cc-product-detail-design) .cc-main {
	overflow: clip;
	background: #06101f;
}

:is(body.cc-plugin-hub-design, body.cc-product-detail-design) .cc-header {
	background: rgba(5, 16, 34, 0.95);
	border-bottom-color: rgba(132, 190, 255, 0.16);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

:is(body.cc-plugin-hub-design, body.cc-product-detail-design) .cc-brand__mark {
	background: linear-gradient(145deg, rgba(71, 146, 255, 0.3), rgba(119, 201, 255, 0.12));
	border-color: rgba(119, 201, 255, 0.42);
}

:is(body.cc-plugin-hub-design, body.cc-product-detail-design) .cc-promo-bar {
	color: #06162a;
	background: #9ed8ff;
}

:is(body.cc-plugin-hub-design, body.cc-product-detail-design) :is(.cc-kicker, .cc-text-link, .cc-soft-link) {
	color: #5db4ff;
}

:is(body.cc-plugin-hub-design, body.cc-product-detail-design) .cc-kicker {
	font-size: 0.76rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

:is(body.cc-plugin-hub-design, body.cc-product-detail-design) :is(
	.cc-button,
	.cc-navcta__primary
) {
	color: #ffffff;
	background: #1f6ed8;
	border-color: rgba(164, 213, 255, 0.36);
	border-radius: 9px;
	box-shadow: 0 10px 26px rgba(22, 101, 222, 0.2);
}

html body.cottoncloud-site:is(.cc-plugin-hub-design, .cc-product-detail-design) .cc-header__offer {
	color: #ffffff;
	background: #1f6ed8;
	border: 1px solid rgba(164, 213, 255, 0.36);
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(22, 101, 222, 0.18);
}

:is(body.cc-plugin-hub-design, body.cc-product-detail-design) .cc-button--ghost,
:is(body.cc-plugin-hub-design, body.cc-product-detail-design) .cc-button--subtle {
	color: #eaf5ff;
	background: rgba(255, 255, 255, 0.065);
	border-color: rgba(150, 204, 255, 0.27);
	box-shadow: none;
}

:is(body.cc-plugin-hub-design, body.cc-product-detail-design) :is(
	.cc-button,
	.cc-module-card,
	.cc-outcome-card,
	.cc-product,
	.cc-product-thumb
) {
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

:is(body.cc-plugin-hub-design, body.cc-product-detail-design) :is(.cc-button:hover, .cc-button:focus-visible) {
	filter: brightness(1.08);
	transform: translateY(-1px);
}

:is(body.cc-plugin-hub-design, body.cc-product-detail-design) :is(a, button, input, select, textarea):focus-visible {
	outline: 3px solid rgba(113, 190, 255, 0.8);
	outline-offset: 3px;
}

:is(body.cc-plugin-hub-design, body.cc-product-detail-design) :is(
	.cc-mm-rail__call,
	.cc-mm-rail__wa,
	.cc-convbar__offer,
	.cc-convbar__wa
) {
	color: #ffffff;
	background: linear-gradient(135deg, #287dff, #1460d6);
}

:is(body.cc-plugin-hub-design, body.cc-product-detail-design) .cc-convbar__call {
	color: #ffffff;
	background: rgba(8, 31, 68, 0.96);
	border-color: rgba(131, 194, 255, 0.32);
}

/* Plugin hub */

body.cc-plugin-hub-design .cc-page-hero--products {
	position: relative;
	min-height: min(680px, calc(100svh - var(--cc-header-height)));
	display: grid;
	align-items: center;
	overflow: hidden;
	padding-block: clamp(76px, 9vw, 124px);
	background: linear-gradient(120deg, #06101f 0%, #0a1d38 64%, #07152a 100%);
	border-bottom-color: rgba(132, 190, 255, 0.16);
	isolation: isolate;
}

body.cc-plugin-hub-design .cc-page-hero--products::before {
	position: absolute;
	top: 4%;
	right: -3%;
	z-index: 0;
	width: clamp(260px, 32vw, 520px);
	aspect-ratio: 1;
	pointer-events: none;
	opacity: 0.4;
	background:
		radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.58), transparent 6%),
		radial-gradient(circle at 44% 42%, rgba(118, 196, 255, 0.42), transparent 25%),
		radial-gradient(circle at 58% 62%, rgba(28, 109, 255, 0.48), transparent 52%),
		radial-gradient(circle at 50% 50%, rgba(8, 33, 78, 0.24), rgba(2, 12, 31, 0.06) 70%);
	border: 1px solid rgba(145, 207, 255, 0.2);
	border-radius: 50%;
	box-shadow: inset 18px 10px 52px rgba(151, 213, 255, 0.11), 0 0 72px rgba(47, 126, 255, 0.1);
	content: "";
}

body.cc-plugin-hub-design .cc-page-hero--products::after {
	position: absolute;
	inset: 8% auto auto 64%;
	z-index: 0;
	width: 310px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(125, 196, 255, 0.32), transparent);
	content: "";
	transform: rotate(-34deg);
}

body.cc-plugin-hub-design .cc-page-hero--products .cc-container {
	position: relative;
	z-index: 1;
	width: min(100% - 48px, 1260px);
}

body.cc-plugin-hub-design .cc-page-hero--products .cc-kicker {
	display: flex;
	gap: 10px;
	align-items: center;
}

body.cc-plugin-hub-design .cc-page-hero--products .cc-kicker::before {
	width: 34px;
	height: 2px;
	flex: 0 0 auto;
	background: currentColor;
	content: "";
}

body.cc-plugin-hub-design .cc-page-hero--products h1 {
	max-width: 10.5ch;
	color: #ffffff;
	font-size: clamp(3.05rem, 5.5vw, 5.7rem);
	font-weight: 900;
	letter-spacing: -0.05em;
	line-height: 0.94;
	text-wrap: balance;
}

body.cc-plugin-hub-design .cc-page-hero--products > .cc-container > p:not(.cc-kicker) {
	max-width: 42rem;
	color: #c8d7e9;
	font-size: clamp(1rem, 1.28vw, 1.15rem);
	line-height: 1.7;
}

body.cc-plugin-hub-design .cc-page-hero--products .cc-actions {
	margin-top: 28px;
}

body.cc-plugin-hub-design .cc-page-hero--products .cc-product-proof {
	max-width: 720px;
	margin-top: 34px;
	padding: 18px 0 0 18px;
	background: transparent;
	border: 0;
	border-top: 1px solid rgba(131, 194, 255, 0.24);
	border-left: 2px solid #5db4ff;
	border-radius: 0;
	box-shadow: none;
}

body.cc-plugin-hub-design .cc-page-hero--products .cc-product-proof strong {
	color: #ffffff;
}

body.cc-plugin-hub-design .cc-page-hero--products .cc-product-proof span {
	color: #aebfd3;
}

body.cc-plugin-hub-design .cc-section {
	--cc-text: #0a1d35;
	--cc-muted: #526a83;
	--cc-line: rgba(22, 92, 174, 0.17);
	padding-block: clamp(76px, 8.5vw, 118px);
	color: var(--cc-text);
	background: #f4f7fb;
	border-color: rgba(22, 92, 174, 0.12);
}

body.cc-plugin-hub-design .cc-section:nth-of-type(2n + 3) {
	background: #ffffff;
}

body.cc-plugin-hub-design .cc-section :is(h2, h3, strong) {
	color: #0a1d35;
}

body.cc-plugin-hub-design .cc-section :is(p, li) {
	color: #526a83;
}

body.cc-plugin-hub-design .cc-section :is(.cc-kicker, .cc-text-link, .cc-soft-link) {
	color: #1768c7;
}

body.cc-plugin-hub-design .cc-section__head {
	max-width: 850px;
	margin-bottom: clamp(32px, 5vw, 56px);
}

body.cc-plugin-hub-design .cc-section h2 {
	letter-spacing: -0.035em;
	line-height: 1.03;
}

body.cc-plugin-hub-design :is(.cc-module-card, .cc-outcome-card) {
	background: #ffffff;
	border-color: rgba(28, 103, 194, 0.16);
	border-radius: 14px;
	box-shadow: 0 14px 34px rgba(20, 71, 132, 0.07);
}

body.cc-plugin-hub-design :is(.cc-module-card, .cc-outcome-card):hover {
	border-color: rgba(38, 120, 226, 0.34);
	box-shadow: 0 20px 44px rgba(20, 71, 132, 0.11);
	transform: translateY(-2px);
}

body.cc-plugin-hub-design #vyskusat-demo .cc-module-grid {
	gap: 16px !important;
}

body.cc-plugin-hub-design #vyskusat-demo .cc-module-card {
	min-height: 190px;
	padding: 24px !important;
}

body.cc-plugin-hub-design .cc-checklist li {
	padding: 14px 16px 14px 42px;
	background: #ffffff;
	border: 1px solid rgba(28, 103, 194, 0.14);
	border-radius: 10px;
	box-shadow: none;
}

body.cc-plugin-hub-design .cc-checklist li::before {
	left: 16px;
	color: #1768c7;
}

body.cc-plugin-hub-design .cc-product-list {
	gap: 24px;
}

body.cc-plugin-hub-design .cc-product {
	grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.58fr);
	gap: clamp(24px, 4vw, 48px);
	padding: clamp(26px, 4vw, 46px);
	background: #ffffff;
	border-color: rgba(28, 103, 194, 0.16);
	border-radius: 14px;
	box-shadow: 0 18px 44px rgba(20, 71, 132, 0.08);
}

body.cc-plugin-hub-design .cc-product:hover {
	border-color: rgba(38, 120, 226, 0.35);
	box-shadow: 0 24px 54px rgba(20, 71, 132, 0.12);
	transform: translateY(-2px);
}

body.cc-plugin-hub-design .cc-product h2 {
	max-width: 15ch;
	font-size: clamp(2rem, 3.5vw, 3.7rem);
	letter-spacing: -0.04em;
}

body.cc-plugin-hub-design .cc-product__features span {
	color: #365775;
	background: #eef6ff;
	border-color: rgba(28, 103, 194, 0.12);
	border-radius: 8px;
}

body.cc-plugin-hub-design .cc-product__features span::before {
	background: #2878ff;
}

body.cc-plugin-hub-design .cc-pricing {
	align-self: stretch;
	align-content: start;
	padding: 24px;
	background: #0b376d;
	border: 1px solid rgba(106, 188, 255, 0.38);
	border-radius: 12px;
	box-shadow: 0 20px 42px rgba(10, 55, 109, 0.18);
}

body.cc-plugin-hub-design .cc-pricing__plan,
body.cc-plugin-hub-design .cc-pricing__plan.is-highlighted {
	background: rgba(255, 255, 255, 0.075);
	border-color: rgba(164, 213, 255, 0.22);
	border-radius: 8px;
}

body.cc-plugin-hub-design .cc-pricing :is(strong, span, small, .cc-pricing__note) {
	color: #eaf5ff;
}

body.cc-plugin-hub-design .cc-pricing .cc-button--ghost {
	color: #0b376d;
	background: #ffffff;
	border-color: #ffffff;
}

body.cc-plugin-hub-design .cc-product-support {
	padding: clamp(28px, 4vw, 44px);
	background: #ffffff;
	border-color: rgba(28, 103, 194, 0.16);
	border-radius: 14px;
	box-shadow: 0 18px 44px rgba(20, 71, 132, 0.08);
}

body.cc-plugin-hub-design .cc-product-support__promise,
body.cc-plugin-hub-design .cc-product-support__grid article {
	background: #eef6ff;
	border-color: rgba(28, 103, 194, 0.14);
	border-radius: 10px;
	box-shadow: none;
}

body.cc-plugin-hub-design .cc-product-support__grid span {
	color: #ffffff;
	background: #1f6ed8;
}

body.cc-plugin-hub-design .cc-conversion-band {
	color: #ffffff;
	background: #0b376d;
	border-color: rgba(106, 188, 255, 0.38);
	border-radius: 16px;
	box-shadow: 0 24px 58px rgba(10, 55, 109, 0.2);
}

body.cc-plugin-hub-design .cc-conversion-band :is(h2, .cc-kicker) {
	color: #ffffff;
}

/* Product details */

body.cc-product-detail-design .cc-product-hero {
	position: relative;
	min-height: min(760px, calc(100svh - var(--cc-header-height)));
	display: grid;
	align-items: center;
	overflow: hidden;
	padding-block: clamp(60px, 7vw, 96px);
	background: linear-gradient(120deg, #06101f 0%, #0a1d38 62%, #07152a 100%);
	border-bottom-color: rgba(132, 190, 255, 0.16);
	isolation: isolate;
}

body.cc-product-detail-design .cc-product-hero::before {
	position: absolute;
	top: 2%;
	right: -7%;
	z-index: 0;
	width: clamp(240px, 27vw, 450px);
	aspect-ratio: 1;
	pointer-events: none;
	opacity: 0.34;
	background:
		radial-gradient(circle at 34% 30%, rgba(255, 255, 255, 0.58), transparent 6%),
		radial-gradient(circle at 42% 40%, rgba(118, 196, 255, 0.4), transparent 24%),
		radial-gradient(circle at 58% 62%, rgba(28, 109, 255, 0.48), transparent 50%),
		radial-gradient(circle at 50% 50%, rgba(8, 33, 78, 0.24), rgba(2, 12, 31, 0.06) 70%);
	border: 1px solid rgba(145, 207, 255, 0.2);
	border-radius: 50%;
	box-shadow: inset 18px 10px 52px rgba(151, 213, 255, 0.1), 0 0 72px rgba(47, 126, 255, 0.1);
	content: "";
}

body.cc-product-detail-design .cc-product-hero__grid {
	position: relative;
	z-index: 1;
	width: min(100% - 48px, 1260px);
	grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.72fr);
	gap: clamp(44px, 6vw, 84px);
	align-items: center;
}

body.cc-product-detail-design .cc-product-hero__copy {
	gap: 20px;
	max-width: 760px;
}

body.cc-product-detail-design .cc-product-hero .cc-kicker {
	display: flex;
	gap: 10px;
	align-items: center;
}

body.cc-product-detail-design .cc-product-hero .cc-kicker::before {
	width: 34px;
	height: 2px;
	flex: 0 0 auto;
	background: currentColor;
	content: "";
}

body.cc-product-detail-design .cc-product-hero h1 {
	max-width: 13ch;
	color: #ffffff;
	font-size: clamp(3rem, 4.7vw, 5.15rem);
	font-weight: 900;
	letter-spacing: -0.05em;
	line-height: 0.96;
	text-wrap: balance;
}

body.cc-product-detail-design--custom-performance-cache .cc-product-hero h1 {
	max-width: 16ch;
	font-size: clamp(2.8rem, 4.3vw, 4.8rem);
}

body.cc-product-detail-design .cc-product-hero p:not(.cc-kicker) {
	max-width: 42rem;
	color: #c8d7e9;
	font-size: clamp(1rem, 1.2vw, 1.12rem);
	line-height: 1.68;
}

body.cc-product-detail-design .cc-product-hero__badges {
	gap: 7px;
}

body.cc-product-detail-design .cc-product-hero__badges li,
body.cc-product-detail-design .cc-product-trust strong {
	min-height: 30px;
	padding: 7px 10px;
	color: #d9ecff;
	font-size: 0.78rem;
	background: rgba(255, 255, 255, 0.055);
	border-color: rgba(132, 190, 255, 0.2);
	border-radius: 5px;
}

body.cc-product-detail-design .cc-product-proof {
	max-width: 720px;
	margin-top: 8px;
	padding: 17px 0 0 17px;
	background: transparent;
	border: 0;
	border-top: 1px solid rgba(131, 194, 255, 0.22);
	border-left: 2px solid #5db4ff;
	border-radius: 0;
	box-shadow: none;
}

body.cc-product-detail-design .cc-product-proof strong {
	color: #ffffff;
}

body.cc-product-detail-design .cc-product-proof span {
	color: #aebfd3;
}

body.cc-product-detail-design .cc-product-visual--desktop {
	width: min(100%, 500px);
}

body.cc-product-detail-design :is(.cc-ui-window, .cc-product-thumb) {
	background: #081526;
	border-color: rgba(126, 193, 255, 0.2);
	border-radius: 12px;
	box-shadow: 0 22px 52px rgba(0, 8, 24, 0.24);
}

body.cc-product-detail-design .cc-ui-window__bar {
	background: rgba(255, 255, 255, 0.055);
	border-bottom-color: rgba(126, 193, 255, 0.16);
}

body.cc-product-detail-design .cc-ui-window__bar span {
	background: #4b9cff;
}

body.cc-product-detail-design .cc-ui-window__bar span:nth-child(2) {
	background: #78c6ff;
}

body.cc-product-detail-design .cc-ui-window__bar span:nth-child(3) {
	background: #b9ddff;
}

body.cc-product-detail-design .cc-product-shot__zoom {
	color: #ffffff;
	background: #1f6ed8;
	border-radius: 6px;
}

body.cc-product-detail-design .cc-product-thumb.is-active {
	border-color: rgba(93, 180, 255, 0.78);
	box-shadow: 0 0 0 1px rgba(93, 180, 255, 0.3), 0 18px 42px rgba(0, 8, 24, 0.2);
}

body.cc-product-detail-design .cc-section,
body.cc-product-detail-design .cc-product-updates {
	padding-block: clamp(76px, 8vw, 116px);
	background: #071427;
	border-color: rgba(132, 190, 255, 0.12);
}

body.cc-product-detail-design .cc-section:nth-of-type(even) {
	background: #0a172b;
}

body.cc-product-detail-design .cc-section__head {
	max-width: 850px;
	margin-bottom: clamp(32px, 5vw, 56px);
}

body.cc-product-detail-design .cc-section h2 {
	letter-spacing: -0.035em;
	line-height: 1.03;
}

body.cc-product-detail-design :is(
	.cc-module-card,
	.cc-outcome-card,
	.cc-update-card,
	.cc-license-includes,
	.cc-after-purchase__steps article,
	.cc-product-support,
	.cc-product-support__promise,
	.cc-product-support__grid article,
	.cc-plan-card,
	.cc-volume-card,
	.cc-tab-card,
	.cc-tech-card,
	.cc-faq-card,
	.cc-contact-panel,
	.cc-manual-card,
	.cc-business-note,
	.cc-demo-panel,
	.cc-operating-step,
	.cc-dashboard-screen
) {
	background: #0d1d34;
	border-color: rgba(126, 193, 255, 0.2);
	border-radius: 12px;
	box-shadow: 0 18px 46px rgba(0, 8, 24, 0.16);
}

body.cc-product-detail-design :is(
	.cc-module-card,
	.cc-outcome-card,
	.cc-update-card,
	.cc-plan-card,
	.cc-volume-card,
	.cc-tab-card,
	.cc-tech-card,
	.cc-faq-card,
	.cc-manual-card
):hover {
	border-color: rgba(93, 180, 255, 0.4);
	box-shadow: 0 22px 50px rgba(0, 8, 24, 0.22);
}

body.cc-product-detail-design :is(
	.cc-plan-card.is-featured,
	.cc-update-card.is-latest,
	.cc-after-purchase__highlight
) {
	background: #0b376d;
	border-color: rgba(106, 188, 255, 0.4);
}

body.cc-product-detail-design .cc-product-trust {
	background: #081526;
	border-color: rgba(132, 190, 255, 0.14);
}

body.cc-product-detail-design .cc-product-trust__inner {
	padding-block: 22px;
}

body.cc-product-detail-design .cc-product-support {
	padding: clamp(28px, 4vw, 42px);
}

body.cc-product-detail-design .cc-product-support__grid span {
	color: #ffffff;
	background: #1f6ed8;
}

body.cc-product-detail-design :is(
	.cc-update-card li,
	.cc-license-includes li,
	.cc-product-support__promise li,
	.cc-checklist li
)::before {
	background: #5db4ff;
}

body.cc-product-detail-design .cc-license-note {
	background: #0b376d;
	border-color: rgba(106, 188, 255, 0.4);
	border-radius: 14px;
}

body.cc-product-detail-design .cc-tab-button {
	border-radius: 7px;
}

body.cc-product-detail-design .cc-tab-button.is-active {
	color: #ffffff;
	background: #1f6ed8;
	border-color: rgba(164, 213, 255, 0.36);
}

body.cc-product-detail-design .cc-feature-compare__table {
	border-color: rgba(126, 193, 255, 0.18);
	border-radius: 12px;
}

body.cc-product-detail-design .cc-product-proof--wiki {
	max-width: none;
	padding: 24px;
	background: #0d1d34;
	border: 1px solid rgba(126, 193, 255, 0.2);
	border-radius: 12px;
}

body.cc-product-detail-design .cc-product-lightbox__surface,
body.cc-product-detail-design .cc-product-lightbox__close {
	background: #081526;
	border-color: rgba(126, 193, 255, 0.24);
	border-radius: 10px;
}

body.cc-product-detail-design .cc-product-sticky-cta {
	background: rgba(5, 16, 34, 0.97);
	border-color: rgba(132, 190, 255, 0.26);
	border-radius: 12px;
	box-shadow: 0 18px 48px rgba(0, 8, 24, 0.34);
}

@media (prefers-reduced-motion: no-preference) {
	body.cc-plugin-hub-design .cc-page-hero--products::before,
	body.cc-product-detail-design .cc-product-hero::before {
		animation: ccProductOrbFloat 16s ease-in-out infinite;
		will-change: transform;
	}
}

@keyframes ccProductOrbFloat {
	0%,
	100% {
		transform: translate3d(0, 0, 0) rotate(0deg);
	}
	50% {
		transform: translate3d(-12px, 16px, 0) rotate(3deg);
	}
}

@media (max-width: 1180px) {
	body.cc-plugin-hub-design .cc-page-hero--products {
		min-height: 0;
	}

	body.cc-product-detail-design .cc-product-hero {
		min-height: 0;
	}

	body.cc-product-detail-design .cc-product-hero__grid {
		width: min(100% - 36px, 980px);
		grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr);
		gap: 36px;
	}

	body.cc-plugin-hub-design .cc-product {
		grid-template-columns: minmax(0, 1fr) minmax(280px, 0.5fr);
	}
}

@media (max-width: 900px) {
	body.cc-plugin-hub-design .cc-page-hero--products .cc-container,
	body.cc-product-detail-design .cc-product-hero__grid {
		width: min(100% - 32px, 760px);
		grid-template-columns: 1fr;
	}

	body.cc-plugin-hub-design .cc-page-hero--products::before,
	body.cc-product-detail-design .cc-product-hero::before {
		top: 6%;
		right: -20%;
		width: min(62vw, 390px);
		opacity: 0.28;
	}

	body.cc-plugin-hub-design .cc-product {
		grid-template-columns: 1fr;
	}

	body.cc-plugin-hub-design .cc-pricing {
		width: min(100%, 520px);
	}
}

@media (max-width: 720px) {
	body.cc-plugin-hub-design .cc-page-hero--products,
	body.cc-product-detail-design .cc-product-hero {
		padding-block: 42px 50px;
	}

	body.cc-plugin-hub-design .cc-page-hero--products .cc-container,
	body.cc-product-detail-design .cc-product-hero__grid {
		width: min(100% - 24px, 560px);
	}

	body.cc-plugin-hub-design .cc-page-hero--products h1,
	body.cc-product-detail-design .cc-product-hero h1,
	body.cc-product-detail-design--custom-performance-cache .cc-product-hero h1 {
		max-width: 11ch;
		font-size: clamp(2.5rem, 11.7vw, 3.45rem);
		line-height: 0.95;
	}

	body.cc-plugin-hub-design .cc-page-hero--products > .cc-container > p:not(.cc-kicker),
	body.cc-product-detail-design .cc-product-hero p:not(.cc-kicker) {
		font-size: 1rem;
		line-height: 1.58;
	}

	body.cc-plugin-hub-design .cc-section,
	body.cc-product-detail-design .cc-section,
	body.cc-product-detail-design .cc-product-updates {
		padding-block: 58px;
	}

	body.cc-plugin-hub-design .cc-product {
		padding: 22px 16px;
		border-radius: 12px;
	}

	body.cc-plugin-hub-design .cc-product__features {
		grid-template-columns: 1fr;
	}

	body.cc-plugin-hub-design .cc-pricing {
		padding: 18px;
	}

	body.cc-plugin-hub-design .cc-product-support,
	body.cc-product-detail-design .cc-product-support {
		padding: 22px 16px;
		border-radius: 12px;
	}

	body.cc-plugin-hub-design .cc-conversion-band {
		padding: 26px 20px;
		border-radius: 12px;
	}

	body.cc-product-detail-design .cc-product-proof {
		padding-left: 14px;
	}

	body.cc-product-detail-design .cc-product-hero__badges li {
		flex: 1 1 140px;
		justify-content: center;
		text-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.cc-plugin-hub-design .cc-page-hero--products::before,
	body.cc-product-detail-design .cc-product-hero::before {
		animation: none;
	}

	:is(body.cc-plugin-hub-design, body.cc-product-detail-design) :is(
		.cc-button,
		.cc-module-card,
		.cc-outcome-card,
		.cc-product,
		.cc-product-thumb
	) {
		transition: none;
	}
}