.cat-grid{grid-template-columns:repeat(3,1fr);gap:23px;display:grid}.cat-card{border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), box-shadow .3s var(--ease);background:var(--color-white);flex-direction:column;display:flex;overflow:hidden}.cat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.cat-card-img{aspect-ratio:3/2;flex:1;position:relative;overflow:hidden}.cat-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out);display:block}.cat-card:hover .cat-card-img img{transform:scale(1.04)}.cat-card-info{background:var(--color-white);z-index:1;flex-direction:column;gap:2px;padding:20px;display:flex;position:relative}.cat-card-name{color:var(--blue);font-size:1.125rem;font-weight:600;line-height:1.4}.cat-card-desc{color:var(--color-body);font-size:.75rem;font-weight:400;line-height:1.6}[data-ribbon],[data-ribbon-red]{position:relative;overflow:hidden}[data-ribbon]:after,[data-ribbon-red]:after{color:#fff;letter-spacing:.06em;text-transform:uppercase;text-align:center;z-index:3;width:140px;padding:5px 0;font-size:.625rem;font-weight:700;line-height:1.4;position:absolute;top:20px;right:-34px;transform:rotate(45deg)}[data-ribbon]:after{content:attr(data-ribbon);background:var(--color-blue);box-shadow:var(--color-shadow-blue)}[data-ribbon-red]:after{content:attr(data-ribbon-red);background:var(--color-red);box-shadow:var(--color-shadow-red)}@media (width<=768px){.cat-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.cat-grid{grid-template-columns:1fr}}