.masc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%}
.masc-card{position:relative;overflow:hidden;background:#fff;border-radius:14px;box-shadow:0 8px 30px rgba(9,42,82,.10);transition:transform .22s ease,box-shadow .22s ease;min-width:0}
.masc-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(9,42,82,.16)}
.masc-image-wrap{position:relative;height:220px;overflow:hidden;background:#eef5fb}
.masc-image-wrap img{width:100%;height:100%;display:block;object-fit:cover}
.masc-icon{position:absolute;left:14px;bottom:0;transform:translateY(0);width:54px;height:54px;border-radius:10px 10px 0 0;display:flex;align-items:center;justify-content:center;background:#0b82f0;color:#fff;font-size:28px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.masc-icon svg{width:28px;height:28px;fill:#fff}
.masc-content{padding:18px 22px 20px}
.masc-title{margin:0 0 10px;font-family:Inter,Arial,sans-serif;font-size:20px;line-height:1.25;font-weight:800;color:#0a2a52}
.masc-description{font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.55;color:#17324f;min-height:70px}
.masc-footer{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.masc-price{font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:800;color:#0877db}
.masc-link{font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:800;color:#ff6500;text-decoration:none;white-space:nowrap;transition:color .2s ease}
.masc-link:hover{color:#e95b00}
@media(max-width:1024px){.masc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.masc-grid{grid-template-columns:1fr}.masc-image-wrap{height:210px}.masc-description{min-height:0}.masc-footer{margin-top:18px}.masc-title{font-size:19px}}