.blog-listing-grid{display:grid;grid-template-columns:1fr;gap:20px}@media screen and (min-width:750px){.blog-listing-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media screen and (min-width:990px){.blog-listing-grid{grid-template-columns:repeat(3,1fr);gap:10px}}.blog-listing-card{display:block;padding:20px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;contain:layout paint;transition:transform .3s ease,box-shadow .3s ease}.blog-listing-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.blog-listing-card__media{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.blog-listing-card__img{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:transform .3s ease}.blog-listing-card:hover .blog-listing-card__img{transform:scale(1.05)}.blog-listing-card__body{padding:25px 0 0}.blog-listing-card__title{margin:0 0 12px;color:#333;font-size:20px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-listing-card__title-link{color:inherit;text-decoration:none}.blog-listing-card:hover .blog-listing-card__title-link{color:#ff7a00}.blog-listing-card__date{margin-bottom:5px;color:#999;font-size:14px;font-family:Soleto-Regular,sans-serif}.blog-listing-card__excerpt{margin:0 0 15px;color:#666;font-size:15px;line-height:1.6;font-family:Soleto-Regular,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-listing-card__more{position:relative;display:inline-flex;align-items:center;color:#ff7a00;font-size:16px;font-weight:500;font-family:Soleto-Regular,sans-serif;text-decoration:none}.blog-listing-card__more-icon{width:16px;height:16px;margin-left:8px;transition:transform .3s ease}.blog-listing-card__more-icon--rest{display:inline-block}.blog-listing-card__more-icon--hover{display:none;position:absolute;left:calc(100% + 8px)}.blog-listing-card:hover .blog-listing-card__more-icon--rest{display:none}.blog-listing-card:hover .blog-listing-card__more-icon--hover{display:inline-block}.blog-listing-card:hover .blog-listing-card__more-icon{transform:translate(4px)}@media screen and (max-width:749px){.blog-listing-card__title{font-size:18px}.blog-listing-card__excerpt{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/188/assets/blog-listing-card-new.css.map */