.mg-feat{padding:80px 0;background:#fff}
.mg-feat__inner{max-width:1280px;margin:0 auto;padding:0 24px}
.mg-feat__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;gap:16px}
.mg-feat__label{display:block;color:#2d8c3c;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
.mg-feat__title{font-size:clamp(26px,3.5vw,38px);font-weight:800;color:#0a1628;margin:0;letter-spacing:-0.5px}
.mg-feat__viewall{color:#2d8c3c;font-weight:700;text-decoration:none;font-size:15px;display:inline-flex;align-items:center;gap:6px;transition:gap .3s}
.mg-feat__viewall:hover{gap:10px}
.mg-feat__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mg-feat__product{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #eef1f3;transition:all .3s}
.mg-feat__product:hover{box-shadow:0 10px 30px rgba(10,22,40,.1);border-color:transparent}
.mg-feat__img-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:#f5f7f6}
.mg-feat__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mg-feat__product:hover img{transform:scale(1.06)}
.mg-feat__badge{position:absolute;top:10px;left:10px;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.mg-feat__badge--sale{background:#e53e3e;color:#fff}
.mg-feat__badge--sold{background:#718096;color:#fff}
.mg-feat__details{padding:16px}
.mg-feat__type{font-size:12px;color:#8a9aaa;text-transform:uppercase;letter-spacing:.8px;font-weight:600}
.mg-feat__name{display:block;font-size:15px;font-weight:600;color:#0a1628;margin:6px 0 10px;text-decoration:none;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mg-feat__name:hover{color:#2d8c3c}
.mg-feat__price{display:flex;align-items:center;gap:8px}
.mg-feat__was{text-decoration:line-through;color:#a0aec0;font-size:14px}
.mg-feat__now{font-size:18px;font-weight:800;color:#0a1628}
@media(max-width:1024px){.mg-feat__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){
  .mg-feat{padding:50px 0}
  .mg-feat__grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .mg-feat__details{padding:12px}
}