.before-after-section{overflow:hidden}.before-after-section .before-after-section__container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}.before-after-section .before-after-card__icon-drag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;cursor:grab}.before-after-section .before-after-card__icon-drag:after{position:absolute;content:"";width:2px;height:500%;background:#fff;top:-200%;overflow:hidden;left:50%;transform:translate(-50%);z-index:0}.before-after-section .before-after-card__icon-drag svg{position:relative;z-index:1}.before-after-section .before-after-card{overflow:hidden;display:flex;flex-direction:column;position:relative}.before-after-section .before-after-card__images{display:flex;position:relative;overflow:hidden}.before-after-section .before-after-card__image{flex:1;position:relative}.before-after-section .before-after-card__image img{width:100%;height:300px;object-fit:cover;display:block;border-radius:12px}.before-after-section .before-after-card__image.before-after-card__image--after{position:absolute;right:0;width:50%}.before-after-section .before-after-card__image.before-after-card__image--after img{border-radius:0 12px 12px 0}.before-after-section .before-after-card__image.before-after-card__image--after .before-after-card__label{right:12px;left:unset}.before-after-section .before-after-card__label{position:absolute;bottom:12px;left:12px;background:#000000b3;color:#fff;font-size:.85rem;padding:4px 10px;border-radius:6px}.before-after-section .before-after-card__content{padding:20px 0;display:flex;flex-direction:column;gap:10px}.before-after-section .before-after-card__header{display:flex;align-items:center;gap:1rem}.before-after-section .before-after-card__name{font-size:1.25rem;font-weight:500;color:#0e0e0e;margin:0 0 3px}.before-after-section .before-after-card__stars{display:flex;align-items:center;gap:2px}.before-after-section .before-after-card__stars-text{margin-left:8px;font-size:.95rem;color:#1a1c1860}.before-after-section .before-after-card__description{font-size:1rem;color:#454545;font-weight:400;line-height:1.3;margin:0}.before-after-section .before-after-card__link{margin-top:10px;display:inline-block;background:#222;color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:600;transition:background .2s}.before-after-section .before-after-card__link:hover{background:#444}@media (max-width: 700px){.before-after-section{padding-bottom:150px}.before-after-section .before-after-card__images{flex-direction:column}.before-after-section .before-after-card__image img{height:200px}.before-after-section .before-after-card__icon-drag svg{height:75px}.before-after-section .before-after-card__content{gap:7px}.before-after-section .before-after-card__name{font-size:1.1rem}.before-after-section .before-after-card__description{font-size:.87rem}.before-after-section .f-swipers .swiper--button.swiper-button-prev,.before-after-section .f-swipers .swiper--button.swiper-button-next{bottom:-60px}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/f-home-before-after.css.map */