.transform-section{padding:64px;position:relative;isolation:isolate;overflow:hidden}.transform-wrap{max-width:1024px;margin:0 auto}.transform-heading{text-align:left;color:#f5f2ec;font-size:36px;margin:0 0 40px}.transform-carousel{position:relative;padding:0 64px}.transform-track{display:flex;gap:16px;max-width:1024px;margin:0 auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.transform-track::-webkit-scrollbar{display:none}.transform-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.transform-slide:only-child{flex-basis:100%}.transform-arrow{position:absolute;top:280px;transform:translateY(-50%);z-index:5;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#f5f2ecf2;box-shadow:0 4px 14px #00000059;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.transform-arrow--prev{left:-8px}.transform-arrow--next{right:-8px}.transform-arrow:hover{transform:translateY(-50%) scale(1.08)}.transform-arrow:disabled{opacity:0;pointer-events:none}.transform-slider{position:relative;isolation:isolate;width:100%;height:560px;overflow:hidden;-webkit-user-select:none;user-select:none}.transform-img{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.transform-img img{pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;object-fit:cover;display:block}.transform-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#333;color:#999}.transform-img--before{clip-path:inset(0 50% 0 0)}.transform-caption{position:absolute;bottom:20px;display:flex;flex-direction:column;gap:8px;max-width:260px;z-index:1;pointer-events:none;transition:opacity .25s ease}.transform-caption--before{left:20px;align-items:flex-start}.transform-caption--after{right:20px;align-items:flex-end;text-align:right}.transform-caption-text{margin:0;color:#fff;font-size:14px;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.6)}.transform-tag{padding:8px 16px;border-radius:999px;font-size:13px;background:#141414b3;color:#fff;white-space:nowrap}.transform-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translate(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:3}.transform-handle-icon{width:34px;height:34px;aspect-ratio:1 / 1;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;padding:0;box-sizing:border-box;color:#333;line-height:0}.chevron{width:7px;height:7px;display:block;flex:0 0 7px;box-sizing:border-box;border-top:2px solid #333;border-right:2px solid #333}.chevron-left{transform:rotate(-135deg)}.chevron-right{transform:rotate(45deg)}.transform-grab{position:absolute;top:0;bottom:0;left:50%;width:56px;margin-left:-28px;cursor:ew-resize;pointer-events:auto;touch-action:none;z-index:1}.transform-cta{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:4;pointer-events:none}.transform-cta .transform-btn{pointer-events:auto}.transform-btn{display:inline-block;background:#f5f2ec;color:#111;padding:14px 28px;border-radius:4px;text-decoration:none;font-size:14px;white-space:nowrap;box-shadow:0 4px 14px #00000040;font-weight:600}@media(max-width:769px){.transform-section{padding:32px 12px}.transform-heading{margin-bottom:24px;padding:0 8px;font-size:32px}.transform-track{gap:10px}.transform-carousel{padding:0 38px}.transform-slide{flex:0 0 100%}.transform-slider{height:400px;border-radius:4px}.transform-arrow{top:200px;width:40px;height:40px}.transform-arrow svg{width:22px;height:22px}.transform-arrow--prev{left:-6px}.transform-arrow--next{right:-6px}.transform-caption{max-width:45%;gap:6px}.transform-caption-text{font-size:10px;line-height:1.3}.transform-caption--before{left:12px;bottom:16px}.transform-caption--after{right:8px;bottom:16px}.transform-tag{padding:6px 12px;font-size:11px}.transform-handle-icon{width:30px;height:30px}.chevron{width:6px;height:6px}.transform-cta{position:static;transform:none;margin-top:16px;text-align:center;pointer-events:auto}.transform-btn{padding:8px 16px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/transformation-slider.css.map */