/* Shared presentation for editable landing-section demo templates. */
.cp-demo-wrap, .cp-demo-trust, .cp-demo-product, .cp-demo-offer, .cp-demo-guarantee, .cp-demo-final, .cp-demo-facts, .cp-demo-delivery, .cp-demo-contact { width: min(1160px, calc(100% - 40px)); margin: 0 auto; padding: 64px 0; }
.cp-demo-eyebrow { margin: 0 0 10px; color: #9a651d; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.cp-demo-wrap > h2, .cp-demo-trust h2, .cp-demo-product h2, .cp-demo-offer h2, .cp-demo-guarantee h2, .cp-demo-final h2, .cp-demo-facts h2, .cp-demo-delivery h2, .cp-demo-contact h2 { margin: 0; color: #163d2b; font-size: 2rem; line-height: 1.2; }
.cp-demo-intro { max-width: 620px; margin: 12px 0 26px; color: #59675e; }
.cp-demo-grid { display: grid; gap: 14px; margin-top: 28px; }
.cp-demo-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cp-demo-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cp-demo-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cp-demo-grid article, .cp-demo-compare article { min-width: 0; padding: 20px; border: 1px solid #dce6dc; border-radius: 7px; background: #fff; }
.cp-demo-grid article > span, .cp-demo-compare article > h3 + strong { color: #9a651d; font-size: 12px; font-weight: 800; }
.cp-demo-grid article h3, .cp-demo-compare h3 { margin: 8px 0; color: #19432f; font-size: 1rem; }
.cp-demo-grid article p, .cp-demo-compare p { margin: 0; color: #59675e; font-size: 14px; }
.cp-demo-announcement { display: flex; justify-content: center; align-items: center; gap: 22px; min-height: 50px; padding: 10px 20px; background: #193f2d; color: #fff; }
.cp-demo-announcement p { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 12px; margin: 0; font-size: 13px; }
.cp-demo-announcement a, .cp-demo-link { color: #c89b4a; font-weight: 800; text-decoration: none; }
.cp-demo-trust { width: 100%; padding-right: max(20px, calc((100% - 1160px) / 2)); padding-left: max(20px, calc((100% - 1160px) / 2)); background: #f1f6ef; }
.cp-demo-product, .cp-demo-guarantee, .cp-demo-contact { display: grid; grid-template-columns: minmax(150px, 0.7fr) minmax(0, 1.3fr); align-items: center; gap: 36px; }
.cp-demo-product__mark, .cp-demo-guarantee__seal { display: grid; place-items: center; width: min(100%, 250px); aspect-ratio: 1; border: 1px solid #d5e1d3; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff, #dcebd9); color: #2b6643; font-size: 3rem; font-weight: 800; }
.cp-demo-product ul { margin: 18px 0; padding-left: 20px; color: #45574a; }
.cp-demo-compare { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 26px; }
.cp-demo-compare__featured { border-color: #8aaa7f !important; background: #f3f8f0 !important; }
.cp-demo-compare article a, .cp-demo-offer__price a, .cp-demo-guarantee a, .cp-demo-final a, .cp-demo-contact__actions a { display: inline-flex; margin-top: 18px; color: #24633d; font-size: 13px; font-weight: 800; text-decoration: none; }
.cp-demo-offer { display: flex; justify-content: space-between; align-items: center; gap: 28px; padding-right: 28px; padding-left: 28px; border: 1px solid #dce6dc; border-radius: 8px; background: #f5f8f1; }
.cp-demo-offer small, .cp-demo-facts > small { display: block; margin-top: 14px; color: #657269; }
.cp-demo-offer__price { display: grid; gap: 6px; min-width: 210px; padding: 20px; border-left: 1px solid #d4dfd1; }
.cp-demo-offer__price strong { color: #19432f; font-size: 2rem; }
.cp-demo-offer__price span { color: #59675e; font-size: 12px; }
.cp-demo-guarantee__seal { width: 150px; font-size: 2rem; }
.cp-demo-final { width: 100%; padding: 62px 20px; background: #193f2d; color: #fff; text-align: center; }
.cp-demo-final h2 { color: #fff; }
.cp-demo-final > p:not(.cp-demo-eyebrow) { max-width: 580px; margin: 14px auto 0; color: #e0e9df; }
.cp-demo-final .cp-demo-eyebrow { color: #e0bd76; }
.cp-demo-final a { padding: 12px 18px; border-radius: 5px; background: #e3bd73; color: #1b3d2a; }
.cp-demo-facts { text-align: center; }
.cp-demo-facts .cp-demo-grid article strong { display: block; color: #19432f; font-size: 2rem; }
.cp-demo-facts .cp-demo-grid article span { color: #59675e; font-size: 13px; }
.cp-demo-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }
.cp-demo-steps li { display: flex; gap: 12px; padding: 16px; border-top: 2px solid #b7cba9; background: #f6f8f3; }
.cp-demo-steps li > span { color: #9a651d; font-size: 12px; font-weight: 800; }
.cp-demo-steps h3 { margin: 0 0 6px; color: #19432f; font-size: 14px; }
.cp-demo-steps p { margin: 0; color: #59675e; font-size: 13px; }
.cp-demo-delivery { text-align: center; }
.cp-demo-delivery .cp-demo-grid { text-align: left; }
.cp-demo-delivery .cp-demo-link { display: inline-flex; margin-top: 22px; }
.cp-demo-contact { width: min(1160px, calc(100% - 40px)); }
.cp-demo-contact__actions { display: grid; gap: 10px; }
.cp-demo-contact__actions a { justify-content: space-between; gap: 16px; margin: 0; padding: 14px 16px; border: 1px solid #dce6dc; border-radius: 6px; }
.cp-demo-contact__actions a span { color: #59675e; font-weight: 500; }
@media (max-width: 760px) {
	.cp-demo-wrap, .cp-demo-trust, .cp-demo-product, .cp-demo-offer, .cp-demo-guarantee, .cp-demo-final, .cp-demo-facts, .cp-demo-delivery, .cp-demo-contact { padding-top: 42px; padding-bottom: 42px; }
	.cp-demo-grid--4, .cp-demo-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cp-demo-compare { grid-template-columns: 1fr; }
	.cp-demo-product, .cp-demo-guarantee, .cp-demo-contact { grid-template-columns: 1fr; gap: 20px; }
	.cp-demo-product__mark { width: 130px; }
	.cp-demo-guarantee__seal { width: 96px; }
}
@media (max-width: 520px) {
	.cp-demo-wrap > h2, .cp-demo-trust h2, .cp-demo-product h2, .cp-demo-offer h2, .cp-demo-guarantee h2, .cp-demo-final h2, .cp-demo-facts h2, .cp-demo-delivery h2, .cp-demo-contact h2 { font-size: 1.55rem; }
	.cp-demo-wrap, .cp-demo-trust, .cp-demo-product, .cp-demo-offer, .cp-demo-guarantee, .cp-demo-final, .cp-demo-facts, .cp-demo-delivery, .cp-demo-contact { width: calc(100% - 32px); }
	.cp-demo-trust { width: 100%; padding-right: 16px; padding-left: 16px; }
	.cp-demo-grid--2, .cp-demo-grid--3, .cp-demo-grid--4, .cp-demo-steps { grid-template-columns: 1fr; }
	.cp-demo-announcement { align-items: flex-start; flex-direction: column; gap: 4px; padding: 10px 16px; }
	.cp-demo-announcement p { justify-content: flex-start; }
	.cp-demo-offer { align-items: stretch; flex-direction: column; gap: 14px; padding-right: 0; padding-left: 0; border: 0; background: transparent; }
	.cp-demo-offer__price { border-top: 1px solid #d4dfd1; border-left: 0; }
}