/* 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. */
body.term-sand-mandalas, body.term-cultural-crafts { --p: min(calc(100vw / 1728), 1px); }
@media (min-width: 1024px) { body .sm-h2 { font-size: clamp(32px, calc(48 * var(--p)), 48px); line-height: 1.2; } }
@media (min-width: 1024px) { body .sm-bn { max-width: max(400px, calc(520 * var(--p))); } }
@media (min-width: 1024px) { body .sm-hero-card { max-width: max(480px, calc(734 * var(--p))); padding: max(20px, calc(32 * var(--p))) max(28px, calc(51 * var(--p))) max(28px, calc(75 * var(--p))); } }
@media (min-width: 1024px) { body .sm-circle { width: max(360px, calc(572 * var(--p))); margin-top: calc(-92 * var(--p)); } }
@media (min-width: 1024px) { body .sm-h2 { margin-top: max(24px, calc(55 * var(--p))); } }
@media (min-width: 1024px) { body .sm-intro { max-width: max(560px, calc(730 * var(--p))); margin-top: max(16px, calc(35 * var(--p))); font-size: clamp(18px, calc(22.5 * var(--p)), 22.5px); line-height: 1.644; } }
@media (min-width: 1024px) { body .sm-cta { margin-top: max(22px, calc(38 * var(--p))); gap: max(16px, calc(27 * var(--p))); } }
@media (min-width: 1024px) { body .sm-cta-btn { height: max(46px, calc(53 * var(--p))); padding: 0 max(24px, calc(30 * var(--p))); font-size: clamp(15px, calc(17 * var(--p)), 17px); } }
@media (min-width: 1024px) { body .sm-more { margin-top: max(20px, calc(36 * var(--p))); font-size: clamp(17px, calc(22 * var(--p)), 22px); } }
@media (min-width: 1024px) { body .sm-pillar-mid { position: relative; left: calc(11 * var(--p)); margin-top: calc(72 * var(--p)); } }
@media (min-width: 1024px) { body .sm-pillar-img { width: max(250px, calc(395 * var(--p))); } }
@media (min-width: 1024px) { body .sm-h3 { margin-top: 11px; padding-bottom: 16px; line-height: 1.2; } }
@media (min-width: 1024px) { body .sm-ptext { max-width: max(230px, calc(290 * var(--p))); margin-top: 24px; font-size: clamp(15px, calc(18 * var(--p)), 18px); line-height: 1.6; } }
@media (min-width: 1024px) { body .sm-steps-h { margin: 0; } }
@media (min-width: 1024px) { body .sm-steps { width: 100%; max-width: calc(1664 * var(--p)); margin: max(32px, calc(58 * var(--p))) auto 0; gap: 0; } }
@media (min-width: 1024px) { body .sm-steps::before { top: calc(120 * var(--p)); } }
@media (min-width: 1024px) { body .sm-steps-note { margin-top: max(40px, calc(140 * var(--p))); font-size: clamp(15px, calc(18 * var(--p)), 18px); line-height: 1.6; } }
@media (min-width: 1024px) { body .sm-steps-link { margin-top: 15px; font-size: clamp(15px, calc(18 * var(--p)), 18px); } }
@media (min-width: 1024px) { body .sm-rev-h { margin: 0 0 max(20px, calc(28 * var(--p))); font-size: clamp(28px, calc(42 * var(--p)), 42px); } }
@media (min-width: 1024px) { body #sm-reviews .ca-review { min-height: calc(287 * var(--p)); padding: 24px 28px 26px; } }
@media (min-width: 1024px) { body #sm-reviews .ca-review .ca-review-text { font-size: clamp(16px, calc(18.5 * var(--p)), 18.5px); line-height: 1.58; } }
@media (min-width: 1024px) { body .sm-prod-h { margin: 0 0 max(32px, calc(70 * var(--p))); } }
@media (min-width: 1024px) { body .sm-pcard-kit { align-self: start; min-height: calc(1355 * var(--p)); } }
@media (min-width: 1024px) { body .sm-pcard-kit .sm-pcard-img { aspect-ratio: 1116 / 1348; } }
@media (min-width: 1024px) { body .sm-pcard-kit .sm-pcard-body { padding-top: calc(11 * var(--p)); } }
@media (min-width: 1024px) { body .sm-pcard-deck .sm-pcard-img, body .sm-pcard-bundle .sm-pcard-img { aspect-ratio: 450 / 416; } }
@media (min-width: 1024px) { body .sm-pcard-body { gap: 0; padding: calc(30 * var(--p)) calc(26 * var(--p)) calc(40 * var(--p)); } }
@media (min-width: 1024px) { body .sm-pcard-deck .sm-pcard-body { padding-bottom: calc(90 * var(--p)); } }
@media (min-width: 1024px) { body .sm-pcard-bundle .sm-pcard-body { padding-bottom: calc(104 * var(--p)); } }
@media (min-width: 1024px) { #sm-newsletter > .section-container { box-sizing: border-box; max-width: none; width: 100%; padding: max(64px, calc(187 * var(--p))) 24px max(120px, calc(272 * var(--p))); } }
@media (min-width: 1024px) { body .sm-nl-icon { width: max(120px, calc(214 * var(--p))); height: max(120px, calc(214 * var(--p))); margin-bottom: max(14px, calc(21 * var(--p))); } }
@media (min-width: 1024px) { body .sm-nl-h { max-width: calc(740 * var(--p)); min-width: 360px; margin: 0 0 max(32px, calc(73 * var(--p))); font-size: clamp(32px, calc(48 * var(--p)), 48px); line-height: 1.4; } }
@media (min-width: 1024px) { #sm-newsletter .breakdance-form { box-sizing: border-box; max-width: max(480px, calc(538 * var(--p))); min-height: 62px; padding: 5px 5px 5px 31px; } }
@media (min-width: 1024px) { #sm-newsletter .breakdance-form-button { min-width: calc(120 * var(--p)); min-height: 48px; padding: 0 28px; font-size: 17px; } }
@media (min-width: 1024px) { body .sm-nl-note { margin-top: 10px; } }
html.sm-anim .sm-rv { opacity: 0; transform: translate3d(0, 18px, 0); transition: opacity .75s cubic-bezier(.22, .61, .36, 1) var(--sm-d, 0ms), transform .75s cubic-bezier(.22, .61, .36, 1) var(--sm-d, 0ms); }
html.sm-anim .sm-rv.sm-in { opacity: 1; transform: none; }
html.sm-anim .sm-circle.sm-rv { transform: translate3d(0, 18px, 0) scale(.96); }
html.sm-anim .sm-circle.sm-rv.sm-in { transform: none; }
html.sm-anim .sm-steps.sm-rv { opacity: 1; transform: none; }
html.sm-anim .sm-steps::before { transform: scaleX(0); transform-origin: left center; transition: transform 1.3s cubic-bezier(.22, .61, .36, 1) .15s; }
html.sm-anim .sm-steps.sm-in::before { transform: scaleX(1); }
html.sm-anim.sm-anim-done .sm-rv { opacity: 1; transform: none; transition: none; }
html.sm-anim.sm-anim-done .sm-steps::before { transform: none; }
.sm-pillar-img, .sm-step-img { transition: transform .5s cubic-bezier(.22, .61, .36, 1), box-shadow .5s ease; }
.sm-pillar:hover .sm-pillar-img, .sm-step:hover .sm-step-img { transform: scale(1.03); }
.sm-pcard { transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s ease; }
.sm-pcard-img { transition: transform 1.1s cubic-bezier(.22, .61, .36, 1); }
.sm-pcard:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(34, 46, 70, .14); }
.sm-pcard:hover .sm-pcard-img { transform: scale(1.04); }
#sm-reviews .ca-review { transition: transform .4s cubic-bezier(.22, .61, .36, 1), box-shadow .4s ease; }
#sm-reviews .ca-review:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(0, 0, 0, .12); }
@media (prefers-reduced-motion: reduce) { .sm-pillar-img, .sm-step-img, .sm-pcard, .sm-pcard-img, #sm-reviews .ca-review { transition: none; } }
@media (prefers-reduced-motion: reduce) { .sm-pillar:hover .sm-pillar-img, .sm-step:hover .sm-step-img, .sm-pcard:hover, .sm-pcard:hover .sm-pcard-img, #sm-reviews .ca-review:hover { transform: none; } }
@media (max-width: 767px) { body .sm-hero-card { padding: 20px 20px 22px; background: rgba(255, 255, 255, .86); } }
@media (max-width: 767px) { body .sm-pcard:hover { transform: none; box-shadow: none; } }
#sm-newsletter { background-size: 100% auto !important; background-position: center bottom !important; background-repeat: no-repeat !important; }
@media (max-width: 767px) { #sm-newsletter { background-size: auto 340px !important; } }
}

html.sm-anim .sm-circle.sm-rv { transform: translate3d(0, 38px, 0) scale(.97); transition-duration: 1.15s; transition-delay: .3s; }
html.sm-anim .sm-circle.sm-rv.sm-in { transform: none; }
html.sm-anim .sm-pillar-img.sm-rv { transition-duration: 1s; }
html.sm-anim .sm-pillar-img.sm-from-left.sm-rv { transform: translate3d(-90px, 0, 0) scale(.94); }
html.sm-anim .sm-pillar-img.sm-from-right.sm-rv { transform: translate3d(90px, 0, 0) scale(.94); }
html.sm-anim .sm-pillar-img.sm-from-up.sm-rv { transform: translate3d(0, 56px, 0) scale(.94); }
html.sm-anim .sm-pillar-img.sm-rv.sm-in { transform: none; }
@media (max-width: 767px) { html.sm-anim .sm-pillar-img.sm-from-left.sm-rv, html.sm-anim .sm-pillar-img.sm-from-right.sm-rv { transform: translate3d(0, 40px, 0) scale(.95); } }
@media (max-width: 767px) { html.sm-anim .sm-pillar-img.sm-rv.sm-in { transform: none; } }
@media (max-width: 767px) { body .sm-cta { margin-top: 24px; } }
@media (max-width: 767px) { body .sm-more { margin-top: 22px; font-size: 18px; } }
body .sm-more { display: block; width: 100%; text-align: center; }
body .sm-more::after { display: inline-block; margin-left: .25em; }
@keyframes sm-hero-drift { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, 110px, 0); } }
.sm-faq-cta { margin-top: max(24px, calc(40 * var(--p, 1px))); }
#sm-flair .sm-bn { position: relative; z-index: 2; }
