.article-card{position:relative;display:flex;flex-direction:column;height:100%;padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color);background:transparent;transition:border-color var(--transition-base),transform var(--transition-base)}.article-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.article-card__media{flex-shrink:0}.article-card__media-inner{display:block;overflow:hidden;background:var(--color-gray-light);border-radius:var(--radius-sm)}.article-card__media-inner:hover .article-card__media-image{transform:scale(1.05)}.article-card__media-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card--shape-landscape .article-card__media-inner{aspect-ratio:3/2}.article-card--shape-portrait .article-card__media-inner{aspect-ratio:2/3}.article-card--shape-square .article-card__media-inner{aspect-ratio:1/1}.article-card--shape-wide .article-card__media-inner{aspect-ratio:16/9}.article-card--shape-auto .article-card__media-inner{aspect-ratio:auto}.article-card--shape-auto .article-card__media-image{height:auto}.article-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.article-card__category,.article-card__tags{position:relative;z-index:2}.article-card--pos-top .article-card__media-image{object-position:top}.article-card--pos-center .article-card__media-image{object-position:center}.article-card--pos-bottom .article-card__media-image{object-position:bottom}.article-card__content{display:flex;flex-direction:column;flex:1;padding:var(--space-md) 0 0}.article-card__title{margin-bottom:0;font-size:clamp(var(--font-base),1.25vw,var(--font-lg));font-weight:var(--font-weight-semibold);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.article-card__title a{color:inherit;text-decoration:none;transition:color var(--transition-base)}.article-card__title a:hover{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.article-card__title:has(a:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,transparent)}.article-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);font-size:var(--font-sm);color:var(--color-gray-dark);margin-top:var(--space-sm)}.article-card__meta .icon{width:14px;height:14px;flex-shrink:0}.article-card__date{display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.article-card__author{display:flex;align-items:center;gap:var(--space-xs);flex:0 1 auto;min-width:0}.article-card__author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-card__description{font-size:var(--font-sm);color:var(--color-gray-dark);line-height:1.65;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;margin-top:var(--space-sm)}.article-card__button{display:flex;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-md)}.article-card__read-more{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);transition:gap var(--transition-base)}.article-card__read-more:hover{gap:var(--space-sm)}.article-card__read-more svg{transition:transform var(--transition-base)}.article-card__read-more:hover svg{transform:translate(4px)}.article-card__category{margin-bottom:var(--space-sm)}.article-card__category-link{display:inline-flex;align-items:center;min-height:auto;padding:0;border:0;border-radius:0;background:transparent;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);line-height:1.2;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.article-card__category-link:hover{background:transparent;color:var(--color-primary-hover)}.article-card__comments{display:flex;align-items:center;gap:var(--space-xs)}.article-card__comments .icon{width:14px;height:14px;flex-shrink:0}.article-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.article-card__tag{display:inline-block;padding:2px var(--space-sm);font-size:var(--font-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-gray-dark);overflow-wrap:anywhere;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.article-card__tag:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}@media(min-width:768px){.article-card--list{flex-direction:row;height:auto}.article-card--list .article-card__media{width:280px;flex-shrink:0}.article-card--list .article-card__media-image{height:100%;aspect-ratio:auto}.article-card--list .article-card__content{justify-content:center}}@media(min-width:1200px){.article-card--list .article-card__media{width:320px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/article-card.css.map */