.zv-article-related{--zv-brand: #1f7a3d;--zv-brand-700: #155c2d;--zv-ink: #16201b;--zv-ink-2: #46544c;--zv-line: #e7ebe6;--zv-bg: #ffffff;--zv-surface-2: #f0f4ec;--zv-fw-bold: 700;--zv-fw-black: 800;--zv-r-lg: 18px;--zv-page: 1240px;--zv-shadow: 0 6px 24px -10px rgba(20, 50, 30, .18)}.zv-article-related .page{max-width:var(--zv-page);margin:0 auto;padding:0 28px}.zv-article-related__head{text-align:center;max-width:640px;margin:0 auto 40px}.zv-article-related__eyebrow{font-size:12px;font-weight:var(--zv-fw-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--zv-brand);display:block}.zv-article-related__head h2{font-size:28px;font-weight:var(--zv-fw-black);margin:0}.zv-article-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.zv-article__bcard{background:var(--zv-bg);border:1px solid var(--zv-line);border-radius:var(--zv-r-lg);overflow:hidden;transition:.2s;display:flex;flex-direction:column}.zv-article__bcard:hover{box-shadow:var(--zv-shadow);transform:translateY(-3px)}.zv-article__bcard-media{display:block;aspect-ratio:16 / 10;background:var(--zv-surface-2);overflow:hidden}.zv-article__bcard-media img,.zv-article__bcard-media svg{width:100%;height:100%;object-fit:cover;display:block}.zv-article__bcard-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:11px;flex:1}.zv-article__bcard-tag{font-size:11.5px;font-weight:var(--zv-fw-bold);letter-spacing:.07em;text-transform:uppercase;color:var(--zv-brand)}.zv-article__bcard-body h3{font-size:19px;font-weight:var(--zv-fw-bold);line-height:1.25;margin:0}.zv-article__bcard-body h3 a{color:inherit;text-decoration:none}.zv-article__bcard-body p{font-size:14px;color:var(--zv-ink-2);margin:0}.zv-article__bcard-more{margin-top:auto;padding-top:6px;color:var(--zv-brand-700);font-weight:var(--zv-fw-bold);font-size:14px;display:inline-flex;gap:6px;align-items:center;text-decoration:none}.zv-article__bcard:hover .zv-article__bcard-more{gap:9px}.zv-article__bcard-more svg{width:15px;height:15px}@media(max-width:1080px){.zv-article-related__grid{grid-template-columns:1fr}}@media(max-width:640px){.zv-article-related .page{padding:0 18px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/zv-article-related.css.map */