/* Residual rules (2026-11-07). Design now lives in per-section Breakdance styles. What stays here cannot be native: classes read by this plugin's JS or PHP, classes typed into rich text, markup generated by PHP (product page, trust strip, cart extras) and states Breakdance cannot express. */
#sm-intro::after { display: none; }
#sm-intro::before, #sm-intro::after { content: ''; display: block; position: absolute; left: 50%; z-index: 0; width: calc(1735 * var(--p, 1px)); height: calc(205 * var(--p, 1px)); background: var(--cc-strip) center / 100% 100% no-repeat; pointer-events: none; }
#sm-intro::before { top: calc(184 * var(--p, 1px)); transform: translateX(-50%) rotate(-7deg); }
#sm-intro::after { top: auto; bottom: calc(81 * var(--p, 1px)); height: calc(205 * var(--p, 1px)); transform: translateX(-50%) rotate(4deg); }
#sm-banner { position: relative; }
#sm-banner > .section-container::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(9, 38, 56, .66) 0%, rgba(9, 38, 56, .5) 38%, rgba(9, 38, 56, 0) 72%); pointer-events: none; }
#sm-banner > .section-container { position: relative; z-index: 1; }
body .sm-btn { border-radius: 999px; }
.cc-trust { display: flex; justify-content: space-between; align-items: center; gap: 24px; width: 100%; max-width: 1440px; margin: 0; padding: 0 40px; list-style: none; box-sizing: border-box; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; min-height: 109px; }
.cc-trust-item { display: flex; align-items: center; gap: 14px; font-family: 'Open Sans', sans-serif; font-size: 16.5px; line-height: 1.4; color: #222E46; }
.cc-ico { flex: none; width: 52px; height: 52px; border-radius: 50%; background: #fbe7b6 center / 24px no-repeat; }
.cc-ico-house { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222E46' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z'/%3E%3Cpath d='M9 21v-6h6v6'/%3E%3C/svg%3E"); }
.cc-ico-shield { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222E46' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.2 8-8 9-4.8-1-8-4.5-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E"); }
.cc-ico-lang { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222E46' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h10M8 3v2M5 9c1 3 3 5 6 6M11 9c-1 3-3 5-6 6'/%3E%3Cpath d='M12 21l4.5-10L21 21M13.8 17h5.4'/%3E%3C/svg%3E"); }
.cc-feat { display: grid; grid-template-columns: minmax(0, 680fr) minmax(0, 696fr); gap: 80px; align-items: center; width: 100%; max-width: 1456px; }
.cc-feat-img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 14px; }
.cc-feat-body { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }
.cc-feat-img { transition: transform 1.1s cubic-bezier(.22, .61, .36, 1); }
.cc-feat:hover .cc-feat-img { transform: scale(1.015); }
@media (prefers-reduced-motion: reduce) { .cc-feat-img { transition: none; } }
@media (prefers-reduced-motion: reduce) { .cc-feat:hover .cc-feat-img { transform: none; } }
@media (min-width: 1024px) { body .sm-circle { width: max(380px, calc(624 * var(--p))); border-width: max(14px, calc(24 * var(--p))); } }
@media (min-width: 1024px) { body #sm-intro .sm-h2 { margin-top: 0; } }
@media (min-width: 1024px) { body .sm-intro { margin-top: max(16px, calc(38 * var(--p))); } }
@media (min-width: 1024px) { body .sm-more { margin-top: max(18px, calc(31 * var(--p))); } }
@media (min-width: 1024px) { body .sm-pillars { margin-top: max(32px, calc(73 * var(--p))); } }
@media (min-width: 1024px) { body .sm-h3 { margin-top: calc(15 * var(--p)); } }
@media (min-width: 1024px) { body .sm-ptext { text-align: left; } }
@media (min-width: 1024px) { body .sm-ptext { margin-top: calc(27 * var(--p)); max-width: max(230px, calc(282 * var(--p))); } }
@media (min-width: 1024px) { body .sm-pillar-mid .sm-ptext { max-width: max(250px, calc(322 * var(--p))); } }
@media (min-width: 1024px) { body .sm-pillar:last-child .sm-ptext { max-width: max(236px, calc(286 * var(--p))); } }
@media (min-width: 1024px) { body .sm-pillar-img { width: max(250px, calc(399 * var(--p))); border-width: max(6px, calc(10 * var(--p))); border-color: #fffdf5; } }
@media (min-width: 1024px) { body .sm-hero-card { padding: max(20px, calc(40 * var(--p))) max(28px, calc(51 * var(--p))) max(24px, calc(34.5 * var(--p))); } }
@media (min-width: 1024px) { body .sm-hero-title { margin-bottom: max(16px, calc(31.5 * var(--p))); } }
@media (min-width: 1024px) { body #sm-banner > .section-container { min-height: calc(684 * var(--p)); padding: calc(106 * var(--p)) 0 calc(80 * var(--p)) max(32px, calc(175 * var(--p))); } }
@media (min-width: 1024px) { body #sm-banner .sm-bn, body #sm-flair .sm-bn { max-width: max(420px, calc(580 * var(--p))); } }
@media (min-width: 1024px) { body #sm-banner .sm-bn-title, body #sm-flair .sm-bn-title { font-size: clamp(36px, calc(59.3 * var(--p)), 59.3px); line-height: 1.18; margin-top: -3px; } }
@media (min-width: 1024px) { body #sm-banner .sm-bn-text, body #sm-flair .sm-bn-text { max-width: max(400px, calc(548 * var(--p))); margin: max(16px, calc(38.4 * var(--p))) 0 max(10px, calc(19 * var(--p))); font-size: clamp(15px, calc(18 * var(--p)), 18px); line-height: 1.61; } }
@media (min-width: 1024px) { #cc-trust > .section-container { box-sizing: border-box; max-width: none; width: 100%; padding: calc(84 * var(--p)) 0; align-items: center; } }
@media (min-width: 1024px) { body .cc-trust { width: min(calc(1440 * var(--p)), calc(100% - 48px)); min-height: calc(109 * var(--p)); padding: 0 calc(40 * var(--p)); } }
@media (min-width: 1024px) { body .cc-feat { width: min(calc(1456 * var(--p)), 100%); gap: calc(80 * var(--p)); align-items: start; } }
@media (min-width: 1024px) { body .cc-feat-body { padding-top: calc(67 * var(--p)); } }
@media (min-width: 1024px) { #sm-faq > .section-container { align-items: center; padding: calc(128 * var(--p)) 24px calc(168 * var(--p)); } }
@media (min-width: 1024px) { #sm-faq .bde-frequently-asked-questions { width: min(calc(1000 * var(--p)), 100%); margin: 0 auto; } }
@media (min-width: 1024px) { #sm-flair > .section-container { min-height: calc(640 * var(--p)); padding: calc(110 * var(--p)) 0 calc(96 * var(--p)) max(32px, calc(137 * var(--p))); align-items: flex-start; justify-content: center; } }
@media (min-width: 1024px) { #sm-newsletter > .section-container { padding-top: max(64px, calc(176 * var(--p))); padding-bottom: max(120px, calc(274 * var(--p))); } }
@media (min-width: 1024px) { body #sm-flair .sm-bn-title { font-size: clamp(36px, calc(60.2 * var(--p)), 60.2px); line-height: 1.495; } }
@media (min-width: 1024px) { body #sm-flair .sm-bn-text { margin-top: max(16px, calc(33.8 * var(--p))); margin-bottom: max(12px, calc(24.6 * var(--p))); } }
@media (min-width: 1024px) { body .sm-nl-icon { margin-bottom: max(14px, calc(23 * var(--p))); } }
@media (min-width: 1024px) { body .sm-nl-h { margin-bottom: max(32px, calc(68.5 * var(--p))); } }
@media (min-width: 1024px) { body #sm-intro > .section-container { padding-bottom: calc(397 * var(--p)); } }
@media (max-width: 1023px) { #sm-intro::before { top: 120px; } }
@media (max-width: 1023px) { #sm-intro::after { bottom: 20px; } }
@media (max-width: 1023px) { .cc-trust { flex-direction: column; align-items: flex-start; padding: 24px; } }
@media (max-width: 1023px) { .cc-feat { grid-template-columns: minmax(0, 1fr); gap: 32px; } }
@media (max-width: 767px) { #sm-intro::before, #sm-intro::after { width: 900px; height: 106px; } }
@media (max-width: 767px) { #sm-intro::before { top: 120px; } }
@media (max-width: 767px) { #sm-banner > .section-container::before { background: rgba(9, 38, 56, .62); } }
body #sm-flair .ca-flair-shade { background: linear-gradient(90deg, rgba(8, 12, 10, .66) 0%, rgba(8, 12, 10, .5) 34%, rgba(8, 12, 10, 0) 68%) !important; }
@media (max-width: 767px) { body #sm-flair .ca-flair-shade { background: rgba(8, 12, 10, .55) !important; } }
#sm-newsletter > .section-container { position: relative; z-index: 1; }