.zc-section { margin: 0 0 24px; padding: 20px 18px; border: 1px solid rgba(201,161,74,.28); border-radius: 20px; background: #06204b; color: #fff; }
.zc-section .zc-title { color: #fff; font: 400 1.5rem/1.25 Georgia, serif; margin: 0 0 10px; }
.zc-copy { color: #b9c9df; font-size: .9rem; line-height: 1.55; overflow-wrap: anywhere; }
.zc-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; margin-top: 18px; }
.zc-card { min-width: 0; overflow: hidden; border: 1px solid rgba(201,161,74,.28); border-radius: 16px; background: #001846; }
.zc-image { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
.zc-product-image { object-fit: contain; background: #fff; }
.zc-body { padding: 16px; display: flex; flex-direction: column; height: auto; }
.zc-body h3 { color: #f2cd72; font-size: 1.05rem; line-height: 1.4; margin: 0 0 10px; overflow-wrap: anywhere; }
.zc-benefits { color: #e6cf98; font-size: .85rem; line-height: 1.5; overflow-wrap: anywhere; }
.zc-button { display: block; min-height: 48px; padding: 13px 15px; border-radius: 13px; text-align: center; background: #C9A14A; color: #001846; font-weight: 800; text-decoration: none; }
.zc-button:hover { color: #001846; background: #f2cd72; }
.zc-button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (min-width: 576px) { .zc-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (min-width: 992px) { .zh .zc-products { grid-template-columns: repeat(3,minmax(0,1fr)); } }