.before-after-section{padding-top:var(--padding-top, 10px);padding-bottom:var(--padding-bottom, 10px);background-color:#fff;overflow:hidden}.slider-container{max-width:1600px;margin:0 auto;padding:0 5px;box-sizing:border-box}@media (min-width: 768px){.slider-container{padding:0 32px}}.slider-container--full{max-width:100%;padding:0}.before-after-heading{font-family:font-family: "Playfair Display",serif;font-size:var;font-weight:400;color:var(--heading-color, #1a1a1a);text-align:center;margin:0 0 30px;line-height:1.2}@media (min-width: 768px){.before-after-heading{font-size:var(--heading-size-desktop, 36px);margin-bottom:40px}}.carousel-wrapper{overflow:hidden;position:relative;padding:0}.carousel-desktop{display:none}.carousel-mobile{display:block}@media (min-width: 1024px){.carousel-desktop{display:block}.carousel-mobile{display:none}}.carousel-track{display:flex;transition:transform .5s ease-out}.carousel-desktop .carousel-slide{flex:0 0 33.333%;padding:0 10px;box-sizing:border-box}.carousel-mobile .carousel-slide{flex:0 0 100%;padding:0 5px;box-sizing:border-box}.comparison-card{background:var(--card-bg,rgb(255, 255, 255));border-radius:var(--card-radius, 16px);overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.comparison-image-wrapper{position:relative;aspect-ratio:4 / 3;overflow:hidden;width:100%;background:#f0f0f0}.comparison-image{width:100%;height:100%;object-fit:cover;display:block}.placeholder-svg{width:100%;height:100%;background:#e8e0f0}.comparison-content{padding:10px 24px 0!important;flex-grow:1}.comparison-title{font-family:inherit;font-size:var(--card-title-size, 20px);font-weight:500;color:inherit;margin:0 0 12px;line-height:1.5}.comparison-description{font-family:inherit;font-size:var(--card-desc-size, 14px);color:inherit;opacity:.8;margin:0;line-height:1.6}.carousel-nav{display:flex;align-items:center;justify-content:center;margin-top:32px;gap:24px}.carousel-nav--mobile{gap:0}.carousel-arrow{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.carousel-arrow:hover{background:#0000000d;border-color:#0000004d}.carousel-arrow svg{width:20px;height:20px;color:var(--heading-color, #1a1a1a)}.carousel-dots{display:flex;align-items:center;gap:6px}.carousel-dot{width:6px;height:6px;border-radius:50%;border:none;background:#0003;cursor:pointer;padding:0;transition:all .3s ease}.carousel-dot.active{width:10px;height:10px;background:var(--heading-color, #1a1a1a)}
/*# sourceMappingURL=/cdn/shop/t/54/assets/before-after-comparison.css.map */