.cn-filters-wrapper{display:flex;gap:32px;margin:25px 0;padding:24px;background:#fff;border:1px solid #ececec;border-radius:10px}.cn-filter-group{flex:1}.cn-filter-title{margin:0 0 16px;padding:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#000000}.cn-filter-items{display:flex;flex-wrap:wrap;gap:10px}.cn-filter-item{display:flex;align-items:center;justify-content:center;min-width:85px;height:38px;padding:0 18px;background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#333;text-decoration:none;transition:.2s ease;cursor:pointer}.cn-filter-item span{font-size:13px;font-weight:500;line-height:1}.cn-filter-item:hover{border-color:#111;color:#111;transform:translateY(-2px)}.cn-filter-item:focus{outline:none;border-color:#111}.cn-filter-item.active{background:#111;border-color:#111;color:#fff}.cn-filter-item.active span{color:#fff}.cn-filter-clear{color:white;border:1px solid #e53935;background:#e53935;padding:3px;border-radius:3px;margin-top:10px}.cn-filter-clear:hover{background-color:#ffffff;color:#e53935}@media (max-width: 767px){.cn-filters-wrapper{flex-direction:column;gap:22px;padding:18px}.cn-filter-group{width:100%}.cn-filter-title{margin-bottom:12px}.cn-filter-items{display:flex;flex-wrap:wrap;gap:8px}.cn-filter-item{flex:0 0 calc((100% - 16px) / 3);min-width:0;padding:0 8px;box-sizing:border-box}}