.cat-card{position:relative;display:block;height:440px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.45s var(--ease)}
.cat-card:hover{transform:translateY(-10px);box-shadow:0 26px 60px rgba(8,37,25,.28)}
.cat-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.1s var(--ease)}
.cat-card:hover .cat-bg{transform:scale(1.09)}
.cat-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,37,25,.25) 0%,rgba(8,37,25,.05) 40%,rgba(8,37,25,.95) 88%)}
.cat-count{position:absolute;top:14px;left:14px;z-index:2;background:rgba(14,71,103,.8);backdrop-filter:blur(6px);color:var(--white);font-size:.72rem;font-weight:600;padding:7px 14px;border-radius:50px}
.cat-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px 22px}
.cat-body h3{font-size:1.3rem;color:var(--white);margin-bottom:8px;font-family: var(--font-02);}
.cat-body p{font-size:.83rem;color:var(--muted-light);margin-bottom:14px}
.cat-link{color:var(--yellow);font-size:.84rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:.3s}
.cat-card:hover .cat-link,.deal-card:hover .cat-link{gap:13px;color:var(--yellow-2)}