/* ==========================================================================
   Product page v2 skin (body.cg-product-v2 — CG_PRODUCT_V2_IDS in functions.php;
   first used on Bevel & Mitre Gears 1719). Sits on top of product.css; the hero
   is untouched. Goals: generous white space, calmer reading rhythm, animated
   bullets and icons, and one mild-dark feature element (~20%) per light section.

   Opt-in classes (Elementor → Advanced → CSS Classes):
   .cgv2-dark (container → navy panel), .cgv2-card-dark (capability card),
   .cgv2-reason-dark (reason card), .cgv2-faqhead (FAQ intro → navy card),
   .cgv2-statbar (icon list "value — label" → dark figures strip),
   .cgv2-sticky (column sticks while reading on desktop).
   Animations run from product-v2.js; without it everything is static and visible.
   ========================================================================== */

/* ── Rhythm & type ───────────────────────────────────────────────────── */
body.cg-product-v2 .elementor-element.cgpd-sec { --padding-top: 136px !important; --padding-bottom: 136px !important; }
body.cg-product-v2 .cgpd-title { margin-top: 20px !important; }
body.cg-product-v2 .cgpd-title .elementor-heading-title { font-size: clamp(32px, 3.3vw, 46px) !important; line-height: 1.14 !important; }
body.cg-product-v2 .cgpd-text { margin-top: 24px !important; }
body.cg-product-v2 .cgpd-text p { font-size: 17.5px; line-height: 1.8; margin-bottom: 18px; max-width: 62ch; }
body.cg-product-v2 .elementor-element.cgpd-split,
body.cg-product-v2 .cgpd-in > .elementor-element.e-con[class*="row"],
body.cg-product-v2 .elementor-element-bvg3row,
body.cg-product-v2 .elementor-element-bvg5row,
body.cg-product-v2 .elementor-element-bvg6row,
body.cg-product-v2 .elementor-element-bvg9row { gap: 88px !important; }
body.cg-product-v2 .cgpd-link { margin-top: 32px !important; }

/* ── Bullet lists: roomier rows ──────────────────────────────────────── */
body.cg-product-v2 .cgpd-checks .elementor-icon-list-item { padding: 15px 0 !important; }
body.cg-product-v2 .cgpd-checks .elementor-icon-list-text { font-size: 15.5px !important; line-height: 1.55 !important; }
body.cg-product-v2 .cgpd-checks--2col .elementor-icon-list-items { column-gap: 32px; }
body.cg-product-v2 .cgpd-checks .elementor-icon-list-icon { width: 24px; height: 24px; border-radius: 50%; }
body.cg-product-v2 .cgpd-checks .elementor-icon-list-icon svg { width: 10px !important; height: 10px !important; }

/* ── Mild-dark feature elements ──────────────────────────────────────── */
body.cg-product-v2 .elementor-element.cgv2-dark {
	--padding-top: 44px !important; --padding-right: 44px !important; --padding-bottom: 40px !important; --padding-left: 44px !important;
	border: 0 !important;
	border-radius: 24px !important;
	background: radial-gradient(520px 320px at 100% 0%, rgba(53, 99, 224, .38), transparent 70%), var(--pd-grid), var(--pd-navy) !important;
	background-size: auto, 28px 28px, 28px 28px, auto !important;
	box-shadow: 0 50px 90px -56px rgba(7, 17, 31, .8);
}
.cgv2-dark .cgpd-panel__title .elementor-heading-title,
.cgv2-dark .cgpd-eyebrow .elementor-heading-title { color: var(--pd-ice) !important; }
.cgv2-dark .cgpd-flex__title .elementor-heading-title { color: #fff !important; }
.cgv2-dark .cgpd-text p { color: #B4C1D4 !important; }
body.cg-product-v2 .cgv2-dark .cgpd-panel__title { margin-bottom: 8px !important; }
body.cg-product-v2 .elementor-element.cgpd-flex.cgv2-dark { margin-top: 32px !important; }
.cgv2-dark .cgpd-flex .cgpd-panel__title .elementor-heading-title, .cgv2-dark .elementor-element-bvg4frh .elementor-heading-title { color: #DCE7FF !important; }

/* Figures strip (dark) */
.cgv2-statbar { margin-top: 36px !important; }
.cgv2-statbar .elementor-icon-list-items { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); border-radius: 18px; overflow: hidden; background: var(--pd-grid), var(--pd-navy); background-size: 20px 20px, 20px 20px, auto; box-shadow: 0 30px 60px -40px rgba(7, 17, 31, .8); }
.cgv2-statbar .elementor-icon-list-item { margin: 0 !important; padding: 20px 20px !important; border-right: 1px solid rgba(157, 184, 255, .14); }
.cgv2-statbar .elementor-icon-list-item:last-child { border-right: 0; }
.cgv2-statbar .elementor-icon-list-item::after, .cgv2-statbar .elementor-icon-list-icon { display: none !important; }
.cgv2-statbar .elementor-icon-list-text { padding: 0 !important; font: 500 10.5px/1.4 var(--pd-mono) !important; letter-spacing: .08em; text-transform: uppercase; color: #9FB0C8 !important; }
.cgv2-statbar .cgv2-v { display: block; margin-bottom: 6px; font: 700 26px/1 var(--pd-head); letter-spacing: -.02em; text-transform: none; color: #fff; }

/* Capability cards */
body.cg-product-v2 .cgpd-cards { margin-top: 56px !important; }
body.cg-product-v2 .elementor-element.cgpd-cards { gap: 28px !important; row-gap: 28px !important; }
body.cg-product-v2 .cgpd-card--wide { --padding-top: 40px !important; --padding-right: 40px !important; --padding-bottom: 38px !important; --padding-left: 40px !important; border-radius: 24px; }
body.cg-product-v2 .cgpd-card__title { margin-top: 26px !important; }
body.cg-product-v2 .cgpd-card__title .elementor-heading-title { font-size: 21px !important; }
body.cg-product-v2 .cgpd-card__text p { font-size: 15.5px; line-height: 1.72; }
body.cg-product-v2 .elementor-element.cgv2-card-dark {
	border: 0 !important;
	background: radial-gradient(420px 280px at 100% 0%, rgba(53, 99, 224, .4), transparent 70%), var(--pd-grid), var(--pd-navy) !important;
	background-size: auto, 28px 28px, 28px 28px, auto !important;
}
.cgv2-card-dark .cgpd-card__title .elementor-heading-title { color: #fff !important; }
.cgv2-card-dark .cgpd-card__text p { color: #B4C1D4 !important; }
.cgv2-card-dark .cgpd-card__icon .elementor-icon { background: rgba(157, 184, 255, .14) !important; color: var(--pd-ice) !important; }
.cgv2-card-dark .cgpd-card__badge .elementor-heading-title { background: rgba(157, 184, 255, .1); border-color: rgba(157, 184, 255, .35); color: #DCE7FF !important; }
.cgv2-card-dark .cgpd-machines .elementor-icon-list-item { background: rgba(255, 255, 255, .06) !important; border: 1px solid rgba(157, 184, 255, .2); }

/* Quality: photo sticks while reading; tidy offset panel */
@media (min-width: 1025px) {
	body.cg-product-v2 .elementor-element.cgv2-sticky { position: sticky !important; top: 130px; align-self: flex-start; }
}
body.cg-product-v2 .cgpd-photo__img img { height: 560px !important; }
body.cg-product-v2 .cgpd-case { margin-top: 40px !important; --padding-top: 34px !important; --padding-right: 36px !important; --padding-bottom: 34px !important; --padding-left: 36px !important; border-radius: 22px; }
body.cg-product-v2 .cgpd-note { margin-top: 26px !important; }

/* Reasons */
body.cg-product-v2 .cgpd-reasons { margin-top: 56px !important; }
body.cg-product-v2 .elementor-element.cgpd-reasons { gap: 28px !important; }
body.cg-product-v2 .cgpd-reason { --padding-top: 38px !important; --padding-right: 34px !important; --padding-bottom: 36px !important; --padding-left: 34px !important; border-radius: 22px; }
body.cg-product-v2 .cgpd-reason__title { margin-top: 26px !important; }
body.cg-product-v2 .cgpd-reason__text p { font-size: 15.5px; line-height: 1.72; }
body.cg-product-v2 .elementor-element.cgv2-reason-dark { border: 0 !important; background: radial-gradient(360px 240px at 100% 0%, rgba(53, 99, 224, .42), transparent 70%), var(--pd-navy) !important; }
.cgv2-reason-dark .cgpd-reason__title .elementor-heading-title { color: #fff !important; }
.cgv2-reason-dark .cgpd-reason__text p { color: #B4C1D4 !important; }
.cgv2-reason-dark .cgpd-reason__icon .elementor-icon { background: var(--pd-accent) !important; color: #fff !important; }

/* FAQ intro as a navy card */
body.cg-product-v2 .elementor-element.cgv2-faqhead {
	--padding-top: 44px !important; --padding-right: 40px !important; --padding-bottom: 44px !important; --padding-left: 40px !important;
	border-radius: 24px;
	background: radial-gradient(420px 300px at 0% 0%, rgba(53, 99, 224, .42), transparent 70%), var(--pd-grid), var(--pd-navy) !important;
	background-size: auto, 28px 28px, 28px 28px, auto !important;
}
.cgv2-faqhead .cgpd-eyebrow .elementor-heading-title { color: var(--pd-ice) !important; }
.cgv2-faqhead .cgpd-title .elementor-heading-title { color: #fff !important; font-size: clamp(24px, 2vw, 29px) !important; line-height: 1.22 !important; text-wrap: pretty; }
body.cg-product-v2 .elementor-element.cgpd-reasons { grid-template-rows: none !important; grid-auto-rows: auto !important; align-items: stretch !important; }
.cgv2-faqhead .cgpd-text p { color: #B4C1D4 !important; }
.cgv2-faqhead .cgpd-text a { color: #fff !important; }
body.cg-product-v2 .cgpd-faq .elementor-accordion-item { margin-bottom: 14px; }

/* ══ Animations (product-v2.js adds .cgv2-anim to lists / icons) ═════════ */
/* Bullets: rows slide in one after another; the tick circle fills and the check draws in */
.cgv2-anim .elementor-icon-list-item { opacity: 0; transform: translateX(-14px); transition: opacity .6s ease calc(var(--i, 0) * 70ms), transform .7s var(--pd-ease) calc(var(--i, 0) * 70ms); }
.cgv2-anim.is-on .elementor-icon-list-item { opacity: 1; transform: none; }
.cgv2-anim .elementor-icon-list-icon { transform: scale(.4); transition: transform .5s cubic-bezier(.3, 1.6, .5, 1) calc(var(--i, 0) * 70ms + 150ms), background-color .4s ease calc(var(--i, 0) * 70ms + 150ms); }
.cgv2-anim.is-on .elementor-icon-list-icon { transform: none; }
.cgv2-anim .elementor-icon-list-icon svg { clip-path: inset(0 100% 0 0); transition: clip-path .45s ease calc(var(--i, 0) * 70ms + 380ms); }
.cgv2-anim.is-on .elementor-icon-list-icon svg { clip-path: inset(0 0 0 0); }
body.cg-product-v2 .cgpd-checks.cgv2-anim.is-on .elementor-icon-list-icon { background: var(--pd-accent); }
body.cg-product-v2 .cgpd-checks.cgv2-anim.is-on .elementor-icon-list-icon svg { fill: #fff !important; }
body.cg-product-v2 .cgpd-checks.cgpd-checks--dark.cgv2-anim.is-on .elementor-icon-list-icon { background: var(--pd-accent-2); }
.cgpd-checks .elementor-icon-list-item { transition-property: opacity, transform, background-color; }
body.cg-product-v2 .cgpd-checks .elementor-icon-list-item:hover .elementor-icon-list-text { color: var(--pd-accent) !important; }
body.cg-product-v2 .cgpd-checks--dark .elementor-icon-list-item:hover .elementor-icon-list-text { color: #fff !important; }
/* Icons: pop + slow orbit ring once revealed */
.cgv2-icon .elementor-icon { position: relative; transform: scale(.6) rotate(-20deg); opacity: 0; transition: transform .7s cubic-bezier(.3, 1.5, .5, 1), opacity .5s ease; }
.cgv2-icon.is-on .elementor-icon { transform: none; opacity: 1; }
.cgv2-icon .elementor-icon::after {
	content: "";
	position: absolute;
	inset: -6px;
	border-radius: 16px;
	border: 1.5px dashed rgba(53, 99, 224, .35);
	opacity: 0;
	transition: opacity .5s ease .4s;
	animation: cgv2Spin 14s linear infinite;
}
.cgv2-icon.is-on .elementor-icon::after { opacity: 1; }
.cgv2-card-dark .cgv2-icon .elementor-icon::after, .cgv2-reason-dark .cgv2-icon .elementor-icon::after { border-color: rgba(157, 184, 255, .4); }
@keyframes cgv2Spin { to { transform: rotate(360deg); } }
/* Stat figures count in */
.cgv2-statbar.cgv2-anim .elementor-icon-list-item { transform: translateY(12px); }
/* Tag chips pop */
.cgpd-tags.cgv2-anim .elementor-icon-list-item { transform: translateY(10px) scale(.96); }

/* ══ v3: amber accent (a pinch), photo backgrounds, ticker, floating gears ══ */
body.cg-product-v2 { --cgv2-amber: #F2A541; --cgv2-amber-soft: rgba(242, 165, 65, .16); }

/* Amber pinch: eyebrow rules draw in, small dots, badges, separators */
body.cg-product-v2 .cgpd-sec .cgpd-eyebrow .elementor-heading-title::before { background: var(--cgv2-amber) !important; height: 2px; width: 0; transition: width 1s var(--pd-ease) .2s; }
body.cg-product-v2 .cgpd-sec .cgpd-eyebrow.cgpd-rv.is-in .elementor-heading-title::before,
body.cg-product-v2 .cgpd-sec .cgpd-eyebrow:not(.cgpd-rv) .elementor-heading-title::before { width: 28px; }
.cgv2-statbar .elementor-icon-list-items { box-shadow: inset 0 3px 0 var(--cgv2-amber), 0 30px 60px -40px rgba(7, 17, 31, .8); }
.cgv2-statbar .cgv2-v::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 6px; border-radius: 50%; background: var(--cgv2-amber); vertical-align: 6px; }
.cgv2-card-dark .cgpd-card__badge .elementor-heading-title { border-color: rgba(242, 165, 65, .55) !important; color: var(--cgv2-amber) !important; background: var(--cgv2-amber-soft) !important; }
.cgv2-card-dark .cgpd-machines .elementor-icon-list-icon svg { fill: var(--cgv2-amber) !important; }
.cgv2-dark .cgpd-tags .elementor-icon-list-icon svg { fill: var(--cgv2-amber) !important; }
.cgv2-reason-dark .cgpd-reason__icon .elementor-icon { box-shadow: 0 0 0 4px var(--cgv2-amber-soft); }
.cgv2-faqhead .cgpd-text a { box-shadow: inset 0 -2px 0 var(--cgv2-amber); }
body.cg-product-v2 .cgpd-faq .elementor-accordion-item:has(.elementor-active) { box-shadow: inset 3px 0 0 var(--cgv2-amber); }
body.cg-product-v2 .cgpd-case { box-shadow: inset 0 3px 0 var(--cgv2-amber), 0 40px 70px -40px rgba(7, 17, 31, .7); }
body.cg-product-v2 .cgpd-link .elementor-button:hover { box-shadow: inset 0 -2px 0 var(--cgv2-amber) !important; }

/* Faint photo backgrounds (set in Elementor: Style → Background Overlay). Faded with a mask
   so the photo only shows toward one edge, and it drifts very slowly. */
body.cg-product-v2 .elementor-element.cgv2-photobg { position: relative; isolation: isolate; overflow: hidden !important; --overflow: hidden; }
body.cg-product-v2 .elementor-element.cgv2-photobg::before {
	z-index: 0 !important;
	filter: grayscale(.35) contrast(1.05);
	animation: cgv2Drift 28s ease-in-out infinite alternate;
	pointer-events: none;
}
body.cg-product-v2 .cgv2-photobg > .elementor-element { position: relative; z-index: 1; }
.cgv2-photobg--right::before { -webkit-mask-image: linear-gradient(90deg, transparent 35%, #000 85%); mask-image: linear-gradient(90deg, transparent 35%, #000 85%); }
.cgv2-photobg--left::before { -webkit-mask-image: linear-gradient(270deg, transparent 45%, #000 90%); mask-image: linear-gradient(270deg, transparent 45%, #000 90%); }
.cgv2-photobg--top::before { -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 45%); mask-image: linear-gradient(180deg, #000 0%, transparent 45%); }
@keyframes cgv2Drift { from { transform: scale(1.02) translate(0, 0); } to { transform: scale(1.1) translate(-1.5%, 1%); } }

/* Features ticker band (heading text split on "·" by product-v2.js) */
body.cg-product-v2 .elementor-element.cgv2-marquee {
	overflow: hidden !important;
	--overflow: hidden;
	--padding-top: 34px !important; --padding-bottom: 34px !important;
	background: var(--pd-grid), var(--pd-navy) !important;
	background-size: 28px 28px, 28px 28px, auto !important;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	        mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.cgv2-marquee.is-ready .cgv2-marquee__src { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.cgv2-marquee__src .elementor-heading-title { text-align: center; font: 600 18px/1.4 var(--pd-head) !important; color: #fff !important; }
.cgv2-mq { display: flex; width: max-content; animation: cgv2Mq 55s linear infinite; }
.cgv2-marquee:hover .cgv2-mq { animation-play-state: paused; }
@keyframes cgv2Mq { to { transform: translateX(-50%); } }
.cgv2-mq__item { display: inline-flex; align-items: center; gap: 30px; padding-right: 30px; white-space: nowrap; font: 600 clamp(22px, 2.4vw, 34px)/1.1 var(--pd-head); letter-spacing: -.01em; color: #fff; }
.cgv2-mq__item:nth-child(even) { color: transparent; -webkit-text-stroke: 1.2px var(--pd-ice); }
.cgv2-mq__sep { width: 22px; height: 22px; flex: none; }
.cgv2-mq__sep svg { width: 100%; height: 100%; fill: var(--cgv2-amber); animation: cgv2Spin 9s linear infinite; }

/* Floating gear outlines (decoration only) */
body.cg-product-v2 .elementor-element.cgv2-gears { position: relative; overflow: hidden !important; --overflow: hidden; }
body.cg-product-v2 .elementor-element.cgv2-gears::after {
	content: "";
	position: absolute;
	right: -80px;
	bottom: -80px;
	width: 320px;
	height: 320px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%231B3FA0' stroke-width='1.2'%3E%3Cpath d='M46 4h8l1.5 9 7 2.6 7-5.8 6 5-4.4 8 3.6 6.4 9 .8.6 7.8-8.7 2.4-1 7.4 7.3 5.4-3.5 7-8.8-2.2-5 5.6 2.6 8.6-7.3 3-5-7.7h-7.5l-5 7.7-7.3-3 2.6-8.6-5-5.6-8.8 2.2-3.5-7 7.3-5.4-1-7.4L8.2 50l.6-7.8 9-.8 3.6-6.4-4.4-8 6-5 7 5.8 7-2.6z'/%3E%3Ccircle cx='50' cy='50' r='14'/%3E%3Ccircle cx='50' cy='50' r='26' stroke-dasharray='2 4'/%3E%3C/svg%3E") center / contain no-repeat;
	opacity: .07;
	animation: cgv2Spin 60s linear infinite;
	pointer-events: none;
	z-index: 0;
}
body.cg-product-v2 .elementor-element.cgv2-gears--alt::after { right: auto; left: -90px; bottom: auto; top: 40px; width: 260px; height: 260px; animation-direction: reverse; }
body.cg-product-v2 .cgv2-gears > .elementor-element { position: relative; z-index: 1; }

@media (max-width: 767px) {
	body.cg-product-v2 .elementor-element.cgv2-photobg::before { opacity: .08 !important; }
	body.cg-product-v2 .elementor-element.cgv2-marquee { --padding-top: 24px !important; --padding-bottom: 24px !important; }
}
@media (prefers-reduced-motion: reduce) {
	body.cg-product-v2 .elementor-element.cgv2-photobg::before, .cgv2-mq, .cgv2-mq__sep svg, body.cg-product-v2 .elementor-element.cgv2-gears::after { animation: none !important; }
}

/* ══ v4: explainer panel, 3-up capability cards, proof band ═════════════ */
/* Bevel vs mitre panel: drawing + two facts */
body.cg-product-v2 .elementor-element.cgv2-dark:has(.cgv2-art) { --padding-top: 30px !important; --padding-right: 30px !important; --padding-bottom: 30px !important; --padding-left: 30px !important; align-self: center; }
.cgv2-art { margin: 14px 0 0 !important; }
.cgv2-art img { display: block; width: 100% !important; height: auto !important; border-radius: 14px; border: 1px solid rgba(157, 184, 255, .14); }
.cgv2-vs { margin-top: 18px !important; }
.cgv2-vs .elementor-icon-list-items { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px; }
.cgv2-vs .elementor-icon-list-item { align-items: flex-start !important; margin: 0 !important; padding: 16px !important; border: 1px solid rgba(157, 184, 255, .18); border-radius: 14px; background: rgba(255, 255, 255, .04); }
.cgv2-vs .elementor-icon-list-item::after { display: none !important; }
.cgv2-vs .elementor-icon-list-item:last-child { border-color: rgba(242, 165, 65, .4); }
.cgv2-vs .elementor-icon-list-icon { flex: none; display: grid !important; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(157, 184, 255, .14); transform: none !important; }
.cgv2-vs .elementor-icon-list-item:last-child .elementor-icon-list-icon { background: var(--cgv2-amber-soft); }
.cgv2-vs .elementor-icon-list-icon svg { width: 15px !important; fill: var(--pd-ice) !important; clip-path: none !important; }
.cgv2-vs .elementor-icon-list-item:last-child .elementor-icon-list-icon svg { fill: var(--cgv2-amber) !important; }
.cgv2-vs .elementor-icon-list-text { padding-left: 12px !important; font-size: 13.5px !important; line-height: 1.5 !important; color: #C9D5E6 !important; }
.cgv2-vs .cgv2-vs__t { display: block; margin-bottom: 4px; font: 600 16px/1.2 var(--pd-head); color: #fff; }

@media (max-width: 767px) { .cgv2-vs .elementor-icon-list-items { grid-template-columns: 1fr; } }

/* Capabilities: 3 cards in a row, single-column lists */
@media (min-width: 1025px) {
	body.cg-product-v2 .elementor-element.cgpd-cards:has(> .cgpd-card:nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
body.cg-product-v2 .cgpd-cards .cgpd-card__list.cgpd-checks--2col .elementor-icon-list-items { grid-template-columns: 1fr; }
body.cg-product-v2 .cgpd-machines .elementor-icon-list-text { font-size: 12.5px !important; }

/* Proof band: 4 facts in a row, big figure titles */
@media (min-width: 1025px) {
	body.cg-product-v2 .elementor-element.cgv2-proofs { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
	body.cg-product-v2 .cgv2-proofs > .cgpd-reason { grid-column: auto !important; }
}
.cgv2-proof__v .elementor-heading-title { font: 700 clamp(26px, 2.4vw, 34px)/1.05 var(--pd-head) !important; letter-spacing: -.02em !important; }
.cgv2-proof:not(.cgv2-reason-dark) .cgv2-proof__v .elementor-heading-title { color: var(--pd-ink) !important; }
.cgv2-proof .cgpd-reason__title { margin-top: 22px !important; }
.cgv2-proof .cgpd-reason__title .elementor-heading-title::after { content: ""; display: block; width: 26px; height: 2px; margin-top: 12px; background: var(--cgv2-amber); }

/* ── Responsive ──────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
	body.cg-product-v2 .elementor-element.cgpd-sec { --padding-top: 104px !important; --padding-bottom: 104px !important; }
	body.cg-product-v2 .elementor-element.cgpd-split, body.cg-product-v2 .elementor-element-bvg3row, body.cg-product-v2 .elementor-element-bvg5row,
	body.cg-product-v2 .elementor-element-bvg6row, body.cg-product-v2 .elementor-element-bvg9row { gap: 56px !important; }
	body.cg-product-v2 .cgpd-photo__img img { height: 420px !important; }
}
@media (max-width: 767px) {
	body.cg-product-v2 .elementor-element.cgpd-sec { --padding-top: 80px !important; --padding-bottom: 80px !important; }
	body.cg-product-v2 .cgpd-text p { font-size: 16.5px; }
	body.cg-product-v2 .elementor-element.cgv2-dark, body.cg-product-v2 .elementor-element.cgv2-faqhead { --padding-right: 22px !important; --padding-left: 22px !important; --padding-top: 32px !important; --padding-bottom: 32px !important; }
	body.cg-product-v2 .cgpd-card--wide, body.cg-product-v2 .cgpd-reason { --padding-right: 24px !important; --padding-left: 24px !important; }
	.cgv2-statbar .elementor-icon-list-item { padding: 16px 12px !important; }
	.cgv2-statbar .cgv2-v { font-size: 21px; }
	body.cg-product-v2 .cgpd-photo__img img { height: 300px !important; }
}
@media (prefers-reduced-motion: reduce) {
	.cgv2-anim .elementor-icon-list-item, .cgv2-anim .elementor-icon-list-icon, .cgv2-anim .elementor-icon-list-icon svg, .cgv2-icon .elementor-icon { opacity: 1 !important; transform: none !important; clip-path: none !important; transition: none !important; }
	.cgv2-icon .elementor-icon::after { animation: none; }
}