.sm-filtration{background:var(--c-warm-white);padding:var(--sp-2xl) 0}.filtration-header{text-align:center;max-width:640px;margin:0 auto 72px}.filtration-header .t-label{color:var(--c-text-muted);margin-bottom:20px;display:block}.filtration-header .t-h2{color:var(--c-text-primary);margin-bottom:20px}.filtration-header p{color:var(--c-text-secondary);font-size:var(--t-body-lg);font-weight:300;line-height:1.7}.filtration-grid{display:grid;gap:16px;margin-bottom:64px;grid-template-columns:repeat(auto-fit,minmax(280px,400px));justify-content:center}.filtration-card{background:var(--c-white);border-radius:var(--r-md);padding:32px 24px;border:1px solid var(--c-border-light);transition:box-shadow var(--dur-normal) var(--ease),transform var(--dur-normal) var(--ease)}.filtration-card:hover{box-shadow:0 12px 40px #00000012;transform:translateY(-3px)}.filtration-icon{width:40px;height:40px;margin-bottom:20px;color:var(--c-blue-accessible)}.filtration-card h3{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--c-text-primary);margin-bottom:10px}.filtration-card p{font-size:13px;line-height:1.6;color:var(--c-text-secondary);font-weight:400}.filtration-modes-panel{border-top:1px solid var(--c-border-light);margin-top:56px;padding-top:36px}.filtration-modes-panel-header{text-align:center;align-items:baseline;margin-bottom:40px}.filtration-modes-panel-title{margin-bottom:10px;font-size:clamp(24px,2.5vw,30px);font-weight:400;letter-spacing:-.015em;line-height:1.2;color:var(--c-text-primary)}.filtration-modes-panel-description{color:var(--c-text-secondary);font-size:var(--t-body-lg);font-weight:300;line-height:1.7}.filtration-modes-panel-sub{font-size:var(--t-xs);letter-spacing:.06em;color:var(--c-text-muted)}.mode-card{text-align:left;cursor:default}.mode-img-wrap{aspect-ratio:1;overflow:hidden;border-radius:6px;background:var(--c-light);margin-bottom:12px;padding:32px}.mode-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease)}.mode-label{font-size:var(--t-sm);font-weight:500;color:var(--c-text-primary);margin-bottom:3px}.mode-desc{font-size:var(--t-xs);color:var(--c-text-secondary)}@media(min-width:768px){.filtration-modes .modes-track{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:center}.modes-dots,.modes-nav{display:none}}@media(max-width:1024px){.filtration-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.filtration-grid,.filtration-modes{grid-template-columns:1fr 1fr}.slider-mobile{position:relative;overflow:hidden;display:contents}.modes-track{display:flex;gap:12px;transition:transform .3s ease}.mode-card{flex:0 0 calc(50% - 6px)}.slider-mobile{padding-right:20%}.modes-nav{position:absolute;bottom:-30px;right:10px;display:flex;gap:8px}.modes-nav button{width:36px;height:36px;border-radius:50%;border:1px solid #ccc;background:#fff;cursor:pointer}.modes-dots{display:flex;justify-content:center;gap:6px;margin-top:20px}.modes-dots span{width:6px;height:6px;background:#aaa;border-radius:50%;display:block}.modes-dots span.active{background:#000}}@media(max-width:480px){.filtration-grid{grid-template-columns:1fr}}.mode-card{text-align:center}.mode-img-wrap{aspect-ratio:3 / 4;padding:0;background:var(--c-light, #f5f5f5);border-radius:4px;overflow:hidden}.mode-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.mode-card:hover .mode-img-wrap img{transform:scale(1.04)}.mode-label{font-size:14px;font-weight:500;margin-top:16px;color:var(--c-text-primary)}.mode-desc{font-size:12px;color:var(--c-text-secondary);margin-top:4px}@media(max-width:767px){.slider-mobile{position:relative;overflow:hidden}.modes-track{display:flex;gap:12px;scroll-snap-type:x mandatory;overflow-x:auto;padding-bottom:8px;flex-wrap:nowrap;width:100%}.mode-card{flex:0 0 62%;max-width:280px;scroll-snap-align:start;flex-grow:0;flex-shrink:0}.modes-track{-ms-overflow-style:none;scrollbar-width:none}.modes-track::-webkit-scrollbar{display:none}.modes-dots{display:flex;justify-content:center;gap:6px;margin-top:16px}.modes-dots span{width:6px;height:6px;background:#aaa;border-radius:50%;display:block;transition:background .2s}.modes-dots span.active{background:#000}.modes-nav{display:flex;gap:8px;justify-content:center;margin-top:12px}.modes-nav button{width:36px;height:36px;border-radius:50%;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:18px;line-height:1;transition:background .2s}.modes-nav button:hover{background:#f0f0f0}}@media(min-width:768px){.modes-track{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;overflow:visible;padding-bottom:0;scroll-snap-type:none;flex-wrap:nowrap}.mode-card{flex:none;width:auto;max-width:none;scroll-snap-align:none}.modes-dots,.modes-nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/filtration-steps-modes.css.map */