.mfx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:40px 0}.mfx-card{display:flex;flex-direction:column;background:#fff;border:1px solid #ececec;border-radius:12px;overflow:hidden;text-decoration:none;transition:.35s ease;height:100%}.mfx-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgb(0 0 0 / .12)}.mfx-image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#f5f5f5}.mfx-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s ease}.mfx-card:hover .mfx-image{transform:scale(1.06)}.mfx-category{position:absolute;left:2px;bottom:5px;background:#E72E77;color:#fff;padding:6px 14px;font-size:11px;font-weight:700;line-height:1;text-transform:uppercase;border-radius:4px;z-index:10}.mfx-content{padding:18px 20px 20px;flex:1}.mfx-title{margin:0;color:#222;font-size:17px;font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.mfx-card:hover .mfx-title{color:#E72E77}@media (max-width:1024px){.mfx-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){.mfx-grid{grid-template-columns:1fr;gap:20px}.mfx-image-wrapper{height:220px}.mfx-content{padding:14px}.mfx-title{font-size:16px}.mfx-category{left:12px;bottom:12px;padding:5px 12px;font-size:10px}}