.blog-hero{position:relative;z-index:1;background:var(--bg-panel);border-bottom:1px solid var(--border-bright);padding:48px 0}.blog-hero__inner{display:flex;flex-direction:column;gap:16px;max-width:720px}.blog-hero__inner h1{font-size:clamp(1.8rem,3.5vw,2.6rem);margin-top:8px}.blog-hero__desc{color:var(--text-muted);font-size:1rem;max-width:560px;margin:0}.blog-page{position:relative;z-index:1;padding:48px 0 80px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--bg);border:1px solid var(--border);display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.blog-card:hover{border-color:var(--border-bright);box-shadow:0 4px 24px #0050c814}.blog-card__img-wrap{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--bg-card)}.blog-card__img-wrap img{width:100%;height:100%;object-fit:cover;max-width:100%;transition:transform .35s ease}.blog-card:hover .blog-card__img-wrap img{transform:scale(1.03)}.blog-card__img-wrap--placeholder svg{width:100%;height:100%}.blog-card__body{padding:20px 20px 24px;display:flex;flex-direction:column;gap:10px;flex:1}.blog-card__meta{display:flex;align-items:center;gap:12px}.blog-card__tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-blue);background:#0055cc12;padding:3px 8px;border:1px solid rgba(0,85,204,.15)}.blog-card__date{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.blog-card__title{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.35;margin:0}.blog-card__title a{color:var(--text-primary)}.blog-card__title a:hover{color:var(--accent-blue)}.blog-card__excerpt{font-size:.875rem;color:var(--text-muted);line-height:1.65;margin:0;flex:1}.blog-card__read-more{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);margin-top:4px;transition:gap .2s}.blog-card__read-more:hover{gap:10px;color:var(--accent-cyan)}.blog-empty{text-align:center;padding:80px 0;color:var(--text-muted);font-family:var(--font-mono)}
/*# sourceMappingURL=/cdn/shop/t/114/assets/section-blog-template.css.map */