.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1023px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:599px){.blog-grid{grid-template-columns:1fr}}.article-card{display:flex;flex-direction:column;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--transition-fast),transform var(--transition)}.article-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.article-card__img{aspect-ratio:16 / 9;overflow:hidden;background:#111}.article-card__img img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}.article-card:hover .article-card__img img{transform:scale(1.05)}.article-card__img--placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);opacity:.3}.article-card__body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.article-card__meta{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.625rem}.article-card__meta span+span:before{content:"\b7";margin:0 .5rem}.article-card__title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text);line-height:1.3;margin-bottom:.625rem}.article-card__excerpt{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.article-card__link{display:inline-flex;align-items:center;gap:.375rem;margin-top:1rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);transition:gap var(--transition-fast)}.article-card__link:hover{gap:.625rem}.article-page{max-width:800px;margin:0 auto}.article-page__hero-img{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2rem;aspect-ratio:2 / 1}.article-page__hero-img img{width:100%;height:100%;object-fit:cover}.article-page__header{margin-bottom:2.5rem}.article-page__title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.15;margin-bottom:1rem}.article-page__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.875rem;color:var(--color-text-secondary)}.article-page__content{margin-bottom:3rem}.article-page__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.article-page__tag{display:inline-block;padding:.375rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);background:var(--color-card);border:1px solid var(--color-border);border-radius:3px;transition:color var(--transition-fast),border-color var(--transition-fast)}.article-page__tag:hover{color:var(--color-accent);border-color:var(--color-accent)}.article-page__share{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--color-border);margin-bottom:2rem}.article-page__share-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.article-page__share-links{display:flex;gap:.75rem}.article-page__share-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius);background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:color var(--transition-fast),border-color var(--transition-fast)}.article-page__share-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.article-page__comments{padding-top:2rem;border-top:1px solid var(--color-border)}.article-page__comments h3{margin-bottom:1.5rem}.comment-form{max-width:600px}.comment-form .form-group{margin-bottom:1.25rem}.comment-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:599px){.comment-form .form-row{grid-template-columns:1fr}}.comment-form textarea.input{min-height:150px;resize:vertical}.comments-list{margin-bottom:2.5rem}.comment{padding:1.25rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1rem}.comment__meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.8125rem}.comment__author{font-weight:600;color:var(--color-text)}.comment__date{color:var(--color-text-secondary)}.comment__body{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.7}
/*# sourceMappingURL=/cdn/shop/t/122/assets/section-blog.css.map */