.insights-grid-section{padding:var(--section-padding-top, 4.8rem) 50px var(--section-padding-bottom, 4.8rem);background:#fff}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;row-gap:40px;max-width:var(--page-width);margin:0 auto}insights-grid-list [ref=viewMorePrevious],insights-grid-list [ref=viewMoreNext]{display:block;height:1px;visibility:hidden}.insight-card{background:#fff;border-radius:0;transition:transform .3s ease,box-shadow .3s ease;position:relative;max-height:543px;max-width:433px}.insight-card:hover{transform:translateY(-8px)}.insight-image{position:relative;height:460px;overflow:hidden}.insight-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:12px}.insight-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.insight-content{padding-top:20px}.insight-title{font-size:24px;font-weight:600;line-height:1.3;color:#000;margin-bottom:16px;transition:color .3s ease}.insight-card:hover .insight-title{color:#8b9d00}.insight-meta{display:flex;justify-content:space-between;align-items:center}.insight-date{font-size:12px;color:#999;font-weight:400}.insight-read-more{color:#8b9d00;text-decoration:none;font-weight:500;font-size:14px;transition:color .3s ease;display:flex;align-items:center;gap:4px;position:relative}.insight-read-more:before{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#8b9d00;transition:background-color .3s ease}.insight-read-more:hover{color:#6b7d00}.insight-read-more:hover:before{background-color:#6b7d00}.insight-avatar{position:absolute;bottom:2.4rem;right:2.4rem}.insight-avatar .avatar-circle{width:4rem;height:4rem;background:#8b9d00;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 2px 8px #0000001a}.insight-avatar .avatar-letter{color:#fff;font-size:1.6rem;font-weight:600}@media screen and (max-width:768px){.insights-grid-section{padding-inline:20px}.insights-grid{grid-template-columns:1fr;gap:2.4rem}.insight-image{height:24rem}.insight-content{padding:2rem}.insight-title{font-size:2rem}.insight-avatar{bottom:2rem;right:2rem}.insight-avatar .avatar-circle{width:3.6rem;height:3.6rem}.insight-avatar .avatar-letter{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/insights-grid.css.map */