.aps-wrap{background:#0d0d0f;color:#fff;padding:45px}
.aps-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}
.aps-top h2{font-size:42px;line-height:1.05;margin:0}
.aps-filter{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.aps-filter button{height:45px;padding:0 22px;border-radius:28px;background:#202023;border:1px solid #444;color:#fff}
.aps-filter button.active{background:#08b6d5}
.aps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}
.aps-card{color:#fff}
.aps-img{height:300px;background:#202023;border-radius:24px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}
.aps-img img{height:90%;object-fit:contain}
.heart{position:absolute;right:18px;top:15px;color:#fff}
.aps-add{position:absolute;bottom:20px;background:#08b6d5;color:#fff;border:0;border-radius:30px;padding:13px 35px;opacity:0;transition:.3s}
.aps-img:hover .aps-add{opacity:1}
.aps-card:hover{color:#fff}
.name{display:block;color:#fff!important;font-size:20px;font-weight:700;margin:15px 0}
.review{margin-top:20px;color:#aaa}
.price{display:flex;justify-content:space-between}
.price a{color:#08b6d5}
@media(max-width:900px){.aps-top{display:block}.aps-grid{grid-template-columns:1fr}.aps-filter{justify-content:flex-start;margin-top:20px}}