.ma-before-after{padding-top:var(--ma-pt, var(--ma-section-y));padding-bottom:var(--ma-pb, var(--ma-section-y))}.ma-before-after__header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:clamp(28px,3vw,48px)}.ma-before-after__header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--ma-gap);width:100%}.ma-before-after__heading{grid-column:2;text-align:center}.ma-before-after__header-cta{grid-column:3;justify-self:end}.ma-before-after__shopall{padding-inline:56px}.ma-before-after__description{margin-inline:auto}.ma-before-after__grid{--cols-desktop: 3;--cols-mobile: 1;display:grid;grid-template-columns:repeat(var(--cols-mobile),minmax(0,1fr));gap:12px}@media screen and (min-width:750px){.ma-before-after__grid{grid-template-columns:repeat(var(--cols-desktop),minmax(0,1fr));gap:56px}}.ma-before-after__card{display:flex;flex-direction:column;border-radius:var(--ma-r-card);overflow:hidden}.ma-before-after__grid--card .ma-before-after__card{background:var(--ma-white);padding:12px;gap:8px;box-shadow:var(--ma-shadow-card)}.ma-before-after__grid--flat .ma-before-after__card{background:transparent;gap:12px}.ma-before-after__media,ma-before-after-slider{position:relative;display:flex;aspect-ratio:338 / 412;border-radius:var(--ma-r-card);overflow:hidden;background:#2f2a240f}.ma-before-after__pane{position:relative;width:50%;height:100%;overflow:hidden;flex:none}.ma-before-after__pane img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}ma-before-after-slider{--split: 50%}ma-before-after-slider .ma-before-after__pane{position:absolute;top:0;right:0;bottom:0;left:0;width:100%}ma-before-after-slider .ma-before-after__pane img{width:100%;max-width:100%;margin-left:0;object-position:center}ma-before-after-slider .ma-before-after__pane--before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}ma-before-after-slider .ma-before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}ma-before-after-slider .ma-before-after__range:focus-visible{opacity:1;accent-color:var(--ma-lime)}ma-before-after-slider:after{content:"";position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--ma-white);pointer-events:none;transform:translate(-1px)}.ma-before-after__body{display:flex;flex-direction:column;gap:16px;padding-top:8px;text-align:center}.ma-before-after__caption{color:var(--ma-ink-soft)}.ma-before-after__titlegroup{display:flex;flex-direction:column;gap:4px}.ma-before-after__title{margin:0}.ma-before-after__subtitle{color:var(--ma-ink-soft)}.ma-before-after__cta{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ma-lime);border-radius:var(--ma-r-pill);padding:12px 24px}.ma-before-after__price{font-family:var(--ma-font-display);font-size:var(--ma-fs-lg);color:var(--ma-ink)}.ma-before-after__btn{background:transparent;border-color:transparent;padding:6px 4px}.ma-before-after__btn:hover{background:transparent}.ma-before-after__disclaimer{margin-top:var(--ma-gap);text-align:center;color:var(--ma-ink-soft)}.ma-before-after__placeholder-svg{width:100%;height:100%;opacity:.35}@media(prefers-reduced-motion:reduce){ma-before-after-slider .ma-before-after__pane{transition:none!important}}@media screen and (max-width:749px){.ma-before-after__grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:200px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(var(--ma-gutter) * -1);padding-inline:var(--ma-gutter)}.ma-before-after__grid::-webkit-scrollbar{display:none}.ma-before-after__card{scroll-snap-align:start}}@media screen and (max-width:749px){.ma-before-after__header-cta{display:none}.ma-before-after__header{gap:8px}}@media screen and (max-width:749px){.ma-before-after{padding-block:40px!important}.ma-before-after__card{padding:12px;gap:8px}.ma-before-after__media{aspect-ratio:176 / 200;height:auto}.ma-before-after__body{gap:16px;padding-top:0}.ma-before-after__caption{font-size:13px;line-height:1;margin:0}.ma-before-after__titlegroup{display:flex;flex-direction:column;gap:8px}.ma-before-after__title{font-size:14px;line-height:1.2}.ma-before-after__subtitle{font-size:12px;line-height:1.2}.ma-before-after__cta{gap:12px;padding-top:6px}.ma-before-after__price{font-size:16px;line-height:1.2}}.ma-before-after__cta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 20px;border-radius:var(--ma-r-pill);background:var(--ma-lime);color:var(--ma-ink);text-decoration:none;font-family:var(--ma-font-display);transition:background-color .2s var(--ma-ease)}.ma-before-after__cta:hover{background:var(--ma-lime-dark)}.ma-before-after__form{display:block;width:100%}.ma-before-after__form form{margin:0}button.ma-before-after__cta{border:0;cursor:pointer;position:relative;font:inherit;font-family:var(--ma-font-display)}.ma-before-after__cta,.ma-before-after__cta:hover,.ma-before-after__cta *{text-decoration:none!important}.ma-before-after__cta.loading>:not(.loading__spinner){opacity:0}.ma-before-after__cta .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:18px;height:18px}.ma-before-after__cta.loading .loading__spinner:not(.hidden){display:block}.ma-before-after__price{font-size:16px;line-height:1.2;font-variant-numeric:tabular-nums}.ma-before-after__cta-label{font-size:14px;letter-spacing:.06em;text-transform:uppercase}.ma-before-after__card{background:var(--ma-white);border-radius:var(--ma-r-card);padding:10px;gap:12px}.ma-before-after__media{gap:0;border-radius:var(--ma-r-sm);overflow:hidden}@media screen and (max-width:749px){.ma-before-after__cta{min-height:40px;padding:8px 14px}.ma-before-after__price{font-size:14px}.ma-before-after__cta-label{font-size:12px}}@media screen and (min-width:750px){.ma-before-after__title{font-size:20px}.ma-before-after__subtitle,.ma-before-after__cta-label{font-size:16px}.ma-before-after__caption{font-size:12px}.ma-before-after__price{font-size:16px}}@media screen and (max-width:749px){.ma-before-after__title{font-size:16px}}@media screen and (max-width:749px){main:has(>[id$=__benefits]):has(>[id$=__results]){display:flex;flex-direction:column}main:has(>[id$=__benefits])>[id$=__benefits],main:has(>[id$=__benefits])>[id$=__benefits]~.shopify-section{order:2}main:has(>[id$=__benefits])>.shopify-section[id$=__results]{order:1}}.ma-before-after__stats{margin:48px auto 0;max-width:1000px;align-items:center;text-align:center;gap:28px}.ma-before-after__stats .ma-results__list{flex-direction:row;justify-content:center;gap:40px}.ma-before-after__stats .ma-results__list li{flex:1 1 0;flex-direction:column;gap:12px}.ma-before-after__stats .ma-results__label{font-size:18px}@media screen and (max-width:749px){.ma-before-after__stats{margin-top:32px}.ma-before-after__stats .ma-results__list{flex-direction:column;gap:24px}}@media screen and (min-width:750px)and (max-width:989px){.ma-before-after__cta{padding:10px 14px;gap:8px}.ma-before-after__cta-label{font-size:13px;white-space:nowrap}.ma-before-after__price{font-size:14px;white-space:nowrap}}.ma-before-after__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#efe7da;color:var(--ma-ink-soft);text-align:center;padding:8px}.ma-before-after__pane--after .ma-before-after__ph{background:#e7dccb}.ma-before-after__ph span{font-family:var(--ma-font-display);font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--ma-ink)}.ma-before-after__ph small{font-size:12px;line-height:1.3}@media screen and (min-width:990px){.ma-before-after__grid{grid-template-columns:repeat(var(--cols-desktop),minmax(0,380px));justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-ma-before-after-v2.css.map */