.mg-relcol{padding:60px 0;background:#fff}
.mg-relcol__inner{max-width:1280px;margin:0 auto;padding:0 24px}
.mg-relcol__title{font-size:clamp(22px,3vw,30px);font-weight:800;color:#0a1628;text-align:center;margin:0 0 32px}
.mg-relcol__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.mg-relcol__card{display:block;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #eef1f3;text-decoration:none;transition:all .3s}
.mg-relcol__card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(10,22,40,.1);border-color:transparent}
.mg-relcol__img{aspect-ratio:3/2;overflow:hidden;background:#f3f5f7}
.mg-relcol__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mg-relcol__card:hover .mg-relcol__img img{transform:scale(1.06)}
.mg-relcol__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;color:#fff;background:linear-gradient(135deg,#2d8c3c,#1a5c26)}
.mg-relcol__info{padding:14px 16px}
.mg-relcol__info h3{font-size:15px;font-weight:700;color:#0a1628;margin:0 0 4px}
.mg-relcol__info span{font-size:12px;color:#8a9aaa;font-weight:500}
@media(max-width:768px){.mg-relcol{padding:40px 0}.mg-relcol__grid{grid-template-columns:repeat(2,1fr);gap:12px}}