.shopify-section--blog-grid zag-blog-grid{display:block;position:relative;inline-size:calc(100% - 2 * var(--zag-gutter));max-inline-size:var(--max-width, 90rem);margin-inline:auto;padding-top:var(--mobile-section-padding-top, 4rem);padding-bottom:var(--mobile-section-padding-bottom, 4rem)}.shopify-section--blog-grid .section-header{display:flex;align-items:flex-end;justify-content:space-between;text-align:left;margin-block-end:2rem}.shopify-section--blog-grid .section-header svg{display:inline-block;inline-size:.75rem;block-size:.75rem}.shopify-section--blog-grid .view-all-button{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;transition:opacity .2s ease}.shopify-section--blog-grid .view-all-button:hover{opacity:.7}.shopify-section--blog-grid .view-all-button svg{inline-size:1rem;block-size:1rem;transform:rotate(-90deg)}.shopify-section--blog-grid .blog-grid{display:grid;grid-template-columns:repeat(var(--mobile-columns, 1),1fr);gap:0rem;inline-size:100%}.shopify-section--blog-grid .blog-grid-empty{text-align:center;padding:2rem;color:var(--text-color-muted, #666)}@media (width >= 60rem){.shopify-section--blog-grid .blog-grid{grid-template-columns:repeat(var(--desktop-columns, 2),1fr);gap:0 2.5rem}}.blog-card{display:grid;grid-template-columns:116px 1fr;height:100%;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit;border-top:1px solid var(--grey-100-color);padding:1.5rem 0}@media (width >= 60rem){.blog-card{grid-template-columns:218px 1fr;padding:2.5rem 0}}.blog-card-image{display:block;inline-size:100%;overflow:hidden;text-decoration:none;aspect-ratio:1/1}.blog-card-image .blog-image{inline-size:100%;block-size:100%;object-fit:cover;aspect-ratio:1/1;transition:transform .3s ease}.blog-card-image .blog-image-placeholder{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;background:var(--background-color-muted, #f5f5f5);color:var(--text-color-muted, #999)}.blog-card-image .blog-image-placeholder svg{inline-size:3rem;block-size:3rem;opacity:.5}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-card-content{display:flex;flex-direction:column;flex:1;padding:0 1.5rem;gap:1rem}.blog-tag{display:flex;align-items:center;gap:.5rem}.blog-tag svg{min-inline-size:.75rem;inline-size:.75rem;block-size:.75rem}.blog-title{margin:0;line-height:1.3}.blog-title a{text-decoration:none;color:inherit;transition:color .2s ease}.blog-excerpt{color:var(--text-color-secondary, #555);line-height:1.5;flex:1}.blog-read-more{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:500;transition:opacity .2s ease;align-self:flex-start;font-size:12px}.blog-read-more:hover{opacity:.7}.blog-read-more svg{inline-size:.875rem;block-size:.875rem;transform:rotate(-90deg)}@media (width < 60rem){.blog-card-content{padding:0 1.5rem;gap:.75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-card{animation:fadeInUp .6s ease forwards}.blog-card:nth-child(1){animation-delay:.1s}.blog-card:nth-child(2){animation-delay:.2s}.blog-card:nth-child(3){animation-delay:.3s}.blog-card:nth-child(4){animation-delay:.4s}.blog-card:nth-child(5){animation-delay:.5s}.blog-card:nth-child(6){animation-delay:.6s}@media (prefers-reduced-motion){.blog-card{animation:none}}@media (width >= 60rem){.shopify-section--blog-grid .blog-card{grid-template-columns:clamp(2rem,.48 * (100vw - 60rem) + 2rem,10.5rem) 1fr}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/blog-grid.css.map */