.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,320px));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:24px}.filtration-modes-panel-title{font-size:var(--t-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-muted);margin-bottom:10px}.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)}.filtration-modes{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:center}.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-card:hover .mode-img-wrap img{transform:scale(1.04)}.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(max-width:1024px){.filtration-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.filtration-grid,.filtration-modes{grid-template-columns:1fr 1fr}}@media(max-width:480px){.filtration-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/filtration-steps-modes.css.map */