.before-after-section-v2{background-color:var(--color-bg-secondary, #f7f7f7);padding:0}.before-after-section-v2__inner{max-width:var(--page-width, 1400px);margin:0 auto}.before-after-section-v2__header{text-align:center;margin-bottom:var(--space-10, 40px)}.before-after-section-v2__title{font-family:var(--font-heading-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--font-size-3xl, 32px);font-weight:var(--font-heading-weight, 600);color:var(--color-heading, #1a1a1a);line-height:var(--line-height-tight, 1.2);margin:0 0 var(--space-3, 12px)}.before-after-section-v2__subtitle{font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--font-size-base, 16px);color:var(--color-text-muted, #666666);line-height:var(--line-height-normal, 1.5);max-width:600px;margin:0 auto}.before-after-section-v2__slider-wrapper{position:relative;padding:0 calc(var(--slider-nav-size, 44px) + var(--space-6, 24px))}.before-after-section-v2__slider-content{position:relative;overflow:visible}.before-after-section-v2 .swiper{width:100%;overflow:hidden}.before-after-section-v2 .swiper-wrapper{padding:var(--space-2, 8px) 0;display:flex;flex-wrap:nowrap}.before-after-section-v2 .swiper-slide{height:auto;flex-shrink:0;flex:0 0 calc((100% - (2 * 24px)) / 3);margin-right:24px}.before-after-section-v2 .swiper:not(.swiper-initialized){overflow-x:hidden}@media(max-width:992px){.before-after-section-v2 .swiper-slide{flex:0 0 calc((100% - 24px)/2)}}@media(max-width:480px){.before-after-section-v2 .swiper-slide{flex:0 0 100%;margin-right:16px}}.before-after-section-v2 .swiper-initialized .swiper-slide{flex:none;margin-right:0}.before-after-card-v2{background-color:var(--color-bg-primary, #ffffff);border-radius:var(--card-border-radius, 12px);overflow:hidden;height:100%;box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .05));transition:transform var(--transition-base, .25s ease),box-shadow var(--transition-base, .25s ease)}.before-after-card-v2:hover{transform:translateY(calc(var(--space-1, 4px) * -1))}.before-after-card-v2__images{padding:var(--space-3, 12px)}.before-after-card-v2__image-wrapper{position:relative;width:100%;border-radius:var(--radius-md, 8px);overflow:hidden;background-color:var(--color-bg-secondary, #f7f7f7)}.before-after-card-v2__image{width:100%;height:auto;position:relative}.before-after-card-v2__image img{width:100%;height:auto;display:block;object-fit:contain}.before-after-card-v2__content{padding:var(--space-4, 16px);text-align:left}.before-after-card-v2__title{font-family:var(--font-heading-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--font-size-lg, 18px);font-weight:var(--font-heading-weight, 600);color:var(--color-heading, #1a1a1a);line-height:var(--line-height-tight, 1.2);margin:0 0 var(--space-2, 8px)}.before-after-card-v2__description{font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--font-size-sm, 14px);color:var(--color-text-muted, #666666);line-height:var(--line-height-normal, 1.5);margin:0}.before-after-card-v2__button{display:inline-block;margin-top:var(--space-3, 12px);padding:var(--space-2, 8px) var(--space-4, 16px);font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--color-button-text, #ffffff);background-color:var(--color-button-bg, #1a1a1a);border:none;border-radius:var(--button-border-radius, 6px);text-decoration:none;transition:all var(--transition-base, .25s ease);cursor:pointer}.before-after-card-v2__button:hover{background-color:var(--color-button-bg-hover, #333333);transform:translateY(-2px)}.before-after-section-v2__pagination-wrapper{display:flex;justify-content:center;margin-top:var(--space-8, 32px)}.before-after-section-v2 .swiper-pagination{position:static!important;width:auto!important}.before-after-section-v2 .swiper-pagination-bullet{width:10px;height:10px;background:var(--color-border, #e5e5e5);opacity:1;transition:all var(--transition-base, .25s ease);border-radius:var(--radius-full, 9999px);margin:0 var(--space-1, 4px)}.before-after-section-v2 .swiper-pagination-bullet-active{width:24px;border-radius:var(--radius-md, 8px);background:var(--color-primary, #1a1a1a)}.before-after-section-v2__nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:var(--slider-nav-size, 44px);height:var(--slider-nav-size, 44px);background-color:var(--slider-nav-bg, #ffffff);border:1px solid var(--slider-nav-border, #e5e5e5);border-radius:var(--slider-nav-radius, 9999px);box-shadow:var(--slider-nav-shadow, 0 4px 12px rgba(0, 0, 0, .1));transition:all var(--transition-base, .25s ease);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--z-dropdown, 100);padding:0}.before-after-section-v2__nav-btn:hover{background-color:var(--color-primary, #1a1a1a);border-color:var(--color-primary, #1a1a1a);transform:translateY(-50%) scale(1.05)}.before-after-section-v2__nav-btn svg{width:18px;height:18px;stroke:var(--color-text, #333333);transition:stroke var(--transition-base, .25s ease)}.before-after-section-v2__nav-btn:hover svg{stroke:var(--color-bg-primary, #ffffff)}.before-after-section-v2__nav-btn--prev{left:0}.before-after-section-v2__nav-btn--next{right:0}.before-after-section-v2__nav-btn.swiper-button-disabled{opacity:.4;cursor:not-allowed}.before-after-section-v2__nav-btn.swiper-button-disabled:hover{transform:translateY(-50%);background-color:var(--slider-nav-bg, #ffffff);border-color:var(--slider-nav-border, #e5e5e5)}.before-after-section-v2__nav-btn.swiper-button-disabled:hover svg{stroke:var(--color-text, #333333)}@media(max-width:992px){.before-after-section-v2__slider-wrapper{padding:0 calc(var(--slider-nav-size, 44px) + var(--space-3, 12px))}.before-after-section-v2__nav-btn--prev{left:calc(var(--space-1, 4px) * -1.25)}.before-after-section-v2__nav-btn--next{right:calc(var(--space-1, 4px) * -1.25)}}@media(max-width:768px){.before-after-section-v2{padding:0}.before-after-section-v2__inner{padding-left:var(--page-margin-mobile, 20px);padding-right:var(--page-margin-mobile, 20px)}.before-after-section-v2__header{margin-bottom:var(--space-8, 32px)}.before-after-section-v2__title{font-size:var(--font-size-2xl, 24px)}.before-after-section-v2__subtitle{font-size:var(--font-size-sm, 14px)}.before-after-card-v2__images{padding:var(--space-2, 8px)}.before-after-card-v2__content{padding:var(--card-padding-sm, 16px)}.before-after-card-v2__title{font-size:var(--font-size-md, 16px)}.before-after-card-v2__description{font-size:var(--font-size-xs, 12px)}.before-after-section-v2__slider-wrapper{padding:0 calc(var(--slider-nav-size, 44px) + var(--space-2, 8px))}.before-after-section-v2__nav-btn{width:40px;height:40px}.before-after-section-v2__nav-btn svg{width:16px;height:16px}.before-after-section-v2__nav-btn--prev{left:0}.before-after-section-v2__nav-btn--next{right:0}}@media(max-width:480px){.before-after-section-v2__title{font-size:var(--font-size-xl, 20px)}.before-after-section-v2__slider-wrapper{padding:0 calc(var(--slider-nav-size, 44px) + var(--space-1, 4px))}.before-after-section-v2__nav-btn{width:36px;height:36px}.before-after-section-v2__nav-btn svg{width:14px;height:14px}}@media(prefers-reduced-motion:reduce){.before-after-card-v2,.before-after-section-v2__nav-btn,.before-after-section-v2__nav-btn:hover{transition:none;transform:none}.before-after-card-v2:hover{transform:none}}.before-after-section-v2__nav-btn:focus-visible{outline:2px solid var(--color-primary, #1a1a1a);outline-offset:2px}before-after-slider-v2-section{display:block}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-before-after-slider-v2.css.map */