.catalog button{min-height:352px;padding:0 22px 22px;transition:background .25s,transform .25s;position:relative;overflow:hidden}.catalog button:hover{background:#17191e;transform:translateY(-2px)}.catalog-media{background:#14161a;height:150px;margin:0 -22px 18px;position:relative;overflow:hidden}.catalog-media:after{content:"";background:linear-gradient(#0000 45%,#08090bc7);position:absolute;inset:0}.catalog-media img{object-fit:cover;filter:saturate(.82)contrast(1.05);width:100%;height:100%;transition:transform .45s,filter .45s;display:block}.catalog button:hover .catalog-media img{filter:saturate()contrast(1.06);transform:scale(1.035)}.catalog-media b{z-index:2;font:8px var(--mono);letter-spacing:.11em;color:#fff;border-left:2px solid var(--accent);background:#08090bb8;padding:6px 8px;position:absolute;bottom:10px;left:12px}.catalog-media i{z-index:2;background:var(--good);border-radius:50%;width:7px;height:7px;position:absolute;top:12px;right:12px;box-shadow:0 0 0 4px #c7f36b1f}.catalog h3{margin:18px 0 10px}.catalog span{margin-top:20px}@media (max-width:900px){.catalog button{min-height:330px}.catalog-media{height:175px}}