.blog-grid-section{width:100%;padding:0 60px 30px}.blog-grid-section .blog-grid-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.blog-grid-section .blog-grid-item{position:relative;height:220px;overflow:hidden;text-decoration:none}.blog-grid-section .blog-grid-image{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .4s ease}.blog-grid-section .blog-grid-item:hover .blog-grid-image{transform:scale(1.05)}.blog-grid-section .blog-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center}.blog-grid-section .blog-grid-title{color:#fff;font-size:14px;letter-spacing:2px;text-transform:uppercase;text-align:center;white-space:normal;max-width:90%;display:block;font-weight:500}.blog-grid-section .blog-grid-image-wrapper{width:100%;height:100%;position:relative}.blog-grid-section .desktop-banner,.blog-grid-section .mobile-banner{width:100%;height:100%;background-size:cover;background-position:center;position:absolute;top:0;right:0;bottom:0;left:0}.blog-grid-section .mobile-banner{display:none}@media(max-width:768px){.blog-grid-section .blog-grid-wrapper{grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:10px}.blog-grid-section{width:100%;padding:0 15px}.blog-grid-section .blog-grid-item{height:150px}.blog-grid-section .blog-grid-title{font-size:12px;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word}.blog-grid-section .desktop-banner{display:none}.blog-grid-section .mobile-banner{display:block}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/custom-blog-grid.css.map */