.m-pool-steps-section{position:relative;width:100%;overflow:hidden;background-color:var(--section-bg, #FAF8F5)}.m-pool-steps__header{text-align:center;margin-bottom:48px}.m-pool-steps__subheading{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--subheading-color, #43717B);margin-bottom:8px}.m-pool-steps__heading{font-size:var(--heading-font-size, 38px);line-height:1.15;color:var(--heading-color, #0E252D);margin:0;letter-spacing:-.02em}.m-pool-steps__description{margin-top:10px;font-size:1rem;max-width:600px;margin-left:auto;margin-right:auto;color:#556b73}.m-pool-steps__content{position:relative;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:20px;max-width:1400px;margin:0 auto}.m-pool-steps__items{display:flex;align-items:flex-start;justify-content:center;flex-wrap:nowrap;gap:16px;flex:1 1 auto}.m-pool-steps__step{display:flex;flex-direction:column;align-items:center;text-align:center;width:280px;position:relative}.m-pool-steps__circle-wrapper{position:relative;width:100%;height:100%;margin:0 auto}.m-pool-steps__circle{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;background-color:#e2ecf0;box-shadow:0 6px 20px #0e252d14;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.m-pool-steps__step:hover .m-pool-steps__circle{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 28px #0e252d24}.m-pool-steps__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}.m-pool-steps__step:hover .m-pool-steps__img{transform:scale(1.08)}.m-pool-steps__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.m-pool-steps__placeholder svg{width:100%;height:100%;object-fit:cover}.m-pool-steps__badge{position:absolute;top:-6px;left:-6px;width:var(--badge-size, 52px);height:var(--badge-size, 52px);border-radius:50%;background-color:var(--badge-bg, #0E252D);color:var(--badge-text-color, #FFFFFF);display:flex;align-items:center;justify-content:center;font-size:22px;border:3.5px solid var(--section-bg, #FAF8F5);box-shadow:0 4px 10px #00000026;z-index:5;transition:transform .35s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.m-pool-steps__step:hover .m-pool-steps__badge{transform:scale(1.1) rotate(-5deg)}.m-pool-steps__text-box{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:5px}.m-pool-steps__title{font-size:var(--title-font-size, 20px);color:var(--title-color, #0E252D);margin:0;line-height:1.25}.m-pool-steps__title a{color:inherit;text-decoration:none}.m-pool-steps__desc{font-size:14px;color:var(--desc-color, #556B73);line-height:1.4;margin:0;max-width:190px}.m-pool-steps__arrow{display:flex;align-items:center;justify-content:center;width:44px;height:var(--circle-size, 170px);flex-shrink:0;color:var(--arrow-color, #0E252D);transition:transform .3s ease}.m-pool-steps__arrow svg{width:32px;height:18px}.m-pool-steps__items:hover .m-pool-steps__arrow{transform:translate(3px)}.m-pool-steps__handwritten{align-self:center;margin-left:10px;padding-left:10px;font-size:var(--handwritten-size, 32px);line-height:1.15;color:var(--handwritten-color, #2E616A);transform:rotate(var(--handwritten-rotation, -8deg));display:flex;flex-direction:column;align-items:flex-start;white-space:pre-line;-webkit-user-select:none;user-select:none;flex-shrink:0}.m-pool-steps__handwritten-text{display:block}.m-pool-steps__handwritten-swoosh{width:95px;height:16px;margin-top:4px;margin-left:10px;color:currentColor}.m-pool-steps__demo-svg{width:100%;height:100%;display:block}@media(max-width:1023px){.m-pool-steps__content{flex-direction:column;align-items:center}.m-pool-steps__items{width:100%;justify-content:center}.m-pool-steps__handwritten{margin-top:24px;margin-left:0;padding-left:0;align-items:center;text-align:center}}@media(max-width:767px){.m-pool-steps__header{margin-bottom:32px}.m-pool-steps__heading{font-size:28px}.m-pool-steps__items{flex-direction:column;align-items:center;gap:24px}.m-pool-steps__arrow{height:auto;width:100%;transform:rotate(90deg);margin:4px 0}.m-pool-steps__step{width:100%;max-width:260px}.m-pool-steps__circle-wrapper{--circle-size: 150px}.m-pool-steps__badge{--badge-size: 44px;font-size:18px}.m-pool-steps__handwritten{font-size:28px;margin-top:20px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/pool-care-steps.css.map */