.blog-posts__grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.blog-posts__grid>li:nth-child(n+3){display:none}@media(min-width:990px){.blog-posts__grid{grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:16px}.blog-posts__grid>li:nth-child(n+3){display:block}}.card-article{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow);overflow:hidden}.card-article__media{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:var(--c-bg)}.card-article__media img{width:100%;height:100%;transition:transform .5s}.card-article:hover .card-article__media img{transform:scale(1.05)}.card-article__media .badge{position:absolute;top:8px;left:8px}.card-article__body{display:flex;flex-direction:column;gap:6px;padding:12px;flex:1}.card-article__title{font-size:13px;line-height:18px;font-weight:600;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-article__title a:hover{color:var(--c-pink)}.card-article__excerpt{font-size:13px;color:var(--c-muted);margin:0}.card-article__meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--c-muted)}.card-article__meta span{display:inline-flex;align-items:center;gap:4px}.card-article__btn{align-self:flex-end;margin-top:auto;border-color:var(--c-pink);color:var(--c-pink);min-height:30px;padding:4px 12px;font-size:11px}.card-article__btn:hover{background:var(--c-pink);color:#fff}@media(min-width:990px){.card-article--horizontal{flex-direction:row}.card-article--horizontal .card-article__media{width:42%;flex:none;aspect-ratio:auto;min-height:150px}.card-article--horizontal .card-article__body{padding:12px 14px}.card-article__title{font-size:14px;line-height:19px}}.articles-hub__intro{max-width:760px;margin-bottom:16px;color:var(--c-muted)}.articles-hub__search{display:flex;gap:8px;max-width:520px;margin-bottom:24px}.articles-hub__search .input{flex:1;min-width:0}.articles-hub__grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
/*# sourceMappingURL=/cdn/shop/t/535/assets/section-article-card.css.map */