.blog-filterable-grid{background-color:var(--bg-color, #FFFFFF)}.blog-filterable-grid__container{max-width:1440px;margin:0 auto;padding:0 20px}.blog-filterable-grid__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px}.blog-filterable-grid__filter{border:1px solid var(--filter-border, #333)!important;border-radius:50px!important;background-color:var(--filter-bg, #FFFFFF)!important;color:var(--filter-text, #333)!important;font-weight:500!important;cursor:pointer;transition:all .2s ease}.blog-filterable-grid__filter:hover,.blog-filterable-grid__filter.is-active{background-color:var(--filter-bg-active, #333)!important;color:var(--filter-text-active, #FFFFFF)!important}.blog-filterable-grid__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}.blog-filterable-grid__card{background-color:var(--card-bg, #FFFFFF);height:100%}.blog-filterable-grid__card--hidden,.blog-filterable-grid__card--filtered{display:none!important}.blog-filterable-grid__card-link{display:block;text-decoration:none;color:inherit;height:100%}.blog-filterable-grid__card-image-wrapper{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;margin-bottom:16px}.blog-filterable-grid__card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-filterable-grid__card-link:hover .blog-filterable-grid__card-image{transform:scale(1.05)}.blog-filterable-grid__card-placeholder{width:100%;height:100%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.blog-filterable-grid__card-placeholder .placeholder-svg{width:60px;height:60px;opacity:.4}.blog-filterable-grid__card-content{padding:0}.blog-filterable-grid__card-title{font-weight:600!important;margin:0 0 8px!important;color:var(--heading-color, #000)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.blog-filterable-grid__card-excerpt{color:var(--text-color, #333)!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.blog-filterable-grid__card--featured{grid-column:span 2}.blog-filterable-grid__card--featured .blog-filterable-grid__card-link{display:flex;flex-direction:column;height:100%}.blog-filterable-grid__card--featured .blog-filterable-grid__card-image-wrapper{flex:1;aspect-ratio:unset;margin-bottom:0;min-height:250px}.blog-filterable-grid__card-overlay{position:absolute;bottom:0;left:0;right:0;padding:32px;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.4) 60%,transparent 100%);color:#fff}.blog-filterable-grid__card-title--featured{color:#fff!important;margin-bottom:12px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.blog-filterable-grid__card-excerpt--featured{color:#ffffffe6!important;margin-bottom:0!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.blog-filterable-grid__newsletter-wrapper{grid-column:1 / -1;padding:20px 0}.blog-filterable-grid__newsletter{background-color:var(--newsletter-bg, #F0F0F0);border-radius:8px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:40px}.blog-filterable-grid__newsletter-content{flex:1;max-width:500px}.blog-filterable-grid__newsletter-heading{font-weight:400!important;margin:0 0 12px!important;color:var(--newsletter-text, #333)!important}.blog-filterable-grid__newsletter-description{line-height:1.5!important;margin:0!important;color:var(--newsletter-text, #333)!important;opacity:.8}.blog-filterable-grid__newsletter-form{flex:1;max-width:500px}.blog-filterable-grid__form-wrapper{display:flex;gap:0}.blog-filterable-grid__form-input{flex:1;padding:16px 20px;border:1px solid #ccc;border-right:none;border-radius:4px 0 0 4px;font-size:14px;outline:none}.blog-filterable-grid__form-input:focus{border-color:#999}.blog-filterable-grid__form-button{padding:16px 32px;background-color:var(--button-bg, #333);color:var(--button-text, #FFFFFF);border:none;border-radius:0 4px 4px 0;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease;white-space:nowrap}.blog-filterable-grid__form-button:hover{opacity:.9}.blog-filterable-grid__load-more-wrapper{display:flex;justify-content:center;margin-top:48px}.blog-filterable-grid__load-more{padding:16px 48px;background-color:var(--button-bg, #333);color:var(--button-text, #FFFFFF);border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.blog-filterable-grid__load-more:hover{opacity:.9}.blog-filterable-grid__no-articles{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-color, #333);opacity:.7}@media screen and (max-width: 1024px){.blog-filterable-grid__grid{grid-template-columns:repeat(3,1fr);gap:16px}.blog-filterable-grid__card--featured{grid-column:span 2}.blog-filterable-grid__card--featured .blog-filterable-grid__card-image-wrapper{min-height:200px}.blog-filterable-grid__newsletter{padding:40px;flex-direction:column;text-align:center}.blog-filterable-grid__newsletter-content{max-width:100%}.blog-filterable-grid__newsletter-form{max-width:100%;width:100%}}@media screen and (max-width: 749px){.blog-filterable-grid__container{padding:0 16px}.blog-filterable-grid__filters{gap:8px;margin-bottom:24px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}.blog-filterable-grid__filter{flex-shrink:0}.blog-filterable-grid__grid{grid-template-columns:repeat(2,1fr);gap:12px}.blog-filterable-grid__card--featured{grid-column:span 2}.blog-filterable-grid__card--featured .blog-filterable-grid__card-image-wrapper{aspect-ratio:16 / 9;flex:none;min-height:unset}.blog-filterable-grid__card-image-wrapper{margin-bottom:12px}.blog-filterable-grid__card-overlay{padding:20px}.blog-filterable-grid__newsletter-wrapper{padding:12px 0}.blog-filterable-grid__newsletter{padding:32px 20px;gap:24px}.blog-filterable-grid__form-wrapper{flex-direction:column;gap:12px}.blog-filterable-grid__form-input{border-radius:4px;border-right:1px solid #ccc}.blog-filterable-grid__form-button{border-radius:4px;width:100%}.blog-filterable-grid__load-more-wrapper{margin-top:32px}.blog-filterable-grid__load-more{padding:14px 40px;width:100%;max-width:300px}}@media screen and (max-width: 480px){.blog-filterable-grid__card-excerpt{display:none!important}.blog-filterable-grid__card--featured .blog-filterable-grid__card-excerpt--featured{display:-webkit-box!important;-webkit-line-clamp:2!important}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/section-blog-filterable-grid.css.map */