.zv-products{padding:5rem 0;background:#f4f5f7;font-family:'Jost',sans-serif}
.zv-products .zv-head{max-width:760px;margin-bottom:3rem}
.zv-products .zv-eyebrow{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#1b1f8a;background:#ffe600;padding:.35rem .8rem;border-radius:2rem;margin-bottom:1rem}
.zv-products .zv-title{font-size:2.4rem;font-weight:700;line-height:1.15;color:#111;margin-bottom:1rem}
.zv-products .zv-lead{font-size:1.1rem;color:#444;line-height:1.6;margin:0}
.zv-card{background:#fff;border-radius:1rem;overflow:hidden;height:100%;display:flex;flex-direction:column;box-shadow:0 6px 24px rgba(17,17,17,.06);transition:transform .35s ease,box-shadow .35s ease}
.zv-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(17,17,17,.12)}
.zv-card .zv-frame{aspect-ratio:4/5;background:#eceef2;display:flex;align-items:center;justify-content:center;overflow:hidden}
.zv-card .zv-frame img{width:100%;height:100%;object-fit:contain;padding:1.25rem;transition:transform .5s ease}
.zv-card .zv-frame.zv-photo img{object-fit:cover;padding:0}
.zv-card:hover .zv-frame img{transform:scale(1.04)}
.zv-card .zv-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}
.zv-card .zv-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}
.zv-card .zv-tag{font-size:.75rem;font-weight:600;padding:.25rem .65rem;border-radius:2rem;background:#1b1f8a;color:#fff}
.zv-card .zv-tag.zv-alt{background:#ffe600;color:#111}
.zv-card h4{font-size:1.3rem;font-weight:700;color:#111;margin-bottom:.6rem}
.zv-card p{font-size:.95rem;color:#444;line-height:1.55;margin-bottom:.8rem}
.zv-card ul{padding-left:1.1rem;margin:0 0 1.2rem;color:#333;font-size:.92rem;line-height:1.7}
.zv-card .zv-cta{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;font-weight:600;font-size:.95rem;color:#111;background:#ffe600;padding:.65rem 1.2rem;border-radius:2rem;text-decoration:none;transition:background-color .25s ease,color .25s ease}
.zv-card .zv-cta:hover{background:#111;color:#ffe600}
.zv-note{margin-top:2.5rem;padding:1.5rem;border-left:4px solid #ffe600;background:#fff;border-radius:.5rem;font-size:.95rem;color:#333;line-height:1.6}
.zv-note strong{color:#111}
@media (max-width:767px){.zv-products{padding:3.5rem 0}.zv-products .zv-title{font-size:1.8rem}.zv-products .zv-lead{font-size:1rem}}