.mg-cats{padding:80px 0;background:#f8faf9}
.mg-cats__inner{max-width:1280px;margin:0 auto;padding:0 24px}
.mg-cats__header{text-align:center;margin-bottom:48px}
.mg-cats__label{display:inline-block;color:#2d8c3c;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}
.mg-cats__title{font-size:clamp(28px,4vw,42px);font-weight:800;color:#0a1628;margin:0 0 14px;letter-spacing:-0.5px}
.mg-cats__desc{font-size:17px;color:#5a6a7a;max-width:600px;margin:0 auto;line-height:1.6}
.mg-cats__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.mg-cats__card{display:block;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:all .35s ease;box-shadow:0 2px 12px rgba(10,22,40,.06);border:1px solid rgba(10,22,40,.06)}
.mg-cats__card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(10,22,40,.12)}
.mg-cats__card:hover img{transform:scale(1.05)}
.mg-cats__img-wrap{position:relative;overflow:hidden;aspect-ratio:3/2}
.mg-cats__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.mg-cats__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#2d8c3c,#1a5c26);display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;font-weight:800}
.mg-cats__count{position:absolute;top:12px;right:12px;background:rgba(10,22,40,.8);backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px}
.mg-cats__info{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}
.mg-cats__info h3{font-size:17px;font-weight:700;color:#0a1628;margin:0}
.mg-cats__arrow{font-size:20px;color:#2d8c3c;transition:transform .3s}
.mg-cats__card:hover .mg-cats__arrow{transform:translateX(4px)}
@media(max-width:768px){
  .mg-cats{padding:50px 0}
  .mg-cats__grid{grid-template-columns:repeat(2,1fr);gap:12px}
}