.vk-collection-process{padding:clamp(48px,7vw,88px) 24px;background:linear-gradient(110deg,#03045e,#007b9b);color:#fff}.vk-collection-process .pp-steps-container{max-width:1180px;margin:auto}.vk-collection-process .pp-steps-title{font-family:Carlson Script Viktolino,Carlson Script,cursive;font-size:clamp(34px,4vw,56px);font-weight:400;line-height:1.2;text-align:center;text-wrap:balance;max-width:740px;margin:0 auto 52px;color:#fff}.vk-collection-process .pp-step{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center;margin-bottom:48px}.vk-collection-process .pp-step:last-child{margin-bottom:0}.vk-collection-process .reverse .pp-step-image-wrap{order:2}.vk-collection-process .pp-step-image{display:block;width:100%;height:auto;border-radius:10px}.vk-collection-process .pp-step-badge{color:#90e0ef;font-size:14px;margin-bottom:12px}.vk-collection-process .pp-step-heading{font-family:var(--text-font-family),sans-serif;font-size:23px;font-weight:600;line-height:1.4;color:#fff;margin:0 0 14px}.vk-collection-process .pp-step-text{font-size:17px;line-height:1.7;color:#e3f7fb;margin:0}.vk-collection-process .pp-step-connector{display:none}.vk-collection-process .pp-compare{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:10px;cursor:col-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.vk-collection-process .pp-compare:focus-visible{outline:3px solid #90e0ef;outline-offset:5px}.vk-collection-process .pp-compare img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.vk-collection-process .pp-compare-after{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 50%)}.vk-collection-process .pp-compare-handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translate(-50%);pointer-events:none}.vk-collection-process .pp-compare-handle .pp-compare-handle__image{position:absolute;top:50%;left:50%;width:60px;height:60px;max-width:none;object-fit:contain;transform:translate(-50%,-50%)}@media(max-width:760px){.vk-collection-process{padding:48px 20px}.vk-collection-process .pp-step{grid-template-columns:1fr;gap:24px}.vk-collection-process .reverse .pp-step-image-wrap{order:0}.vk-collection-process .pp-step-heading{font-size:21px}.vk-collection-process .pp-step-text{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/vk-collection-process.css.map */