.blog-posts-section{max-width:120rem;margin:0 auto;padding:4rem 2rem}.blog-posts-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:3rem}@media screen and (min-width:768px){.blog-posts-grid{grid-template-columns:repeat(2,1fr);gap:4rem}}.blog-post-card{display:flex;flex-direction:column;background:rgb(var(--color-background));border-radius:.8rem;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.blog-post-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}@media screen and (min-width:768px){.blog-post-card{flex-direction:row;min-height:20rem}}.blog-post-image{flex:0 0 100%;height:20rem;overflow:hidden}@media screen and (min-width:768px){.blog-post-image{flex:0 0 45%;height:auto}}.blog-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-post-card:hover .blog-post-image img{transform:scale(1.05)}.blog-post-content{flex:1;padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.blog-post-category{font-size:1.2rem;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.blog-post-title{font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:1rem;color:rgb(var(--color-foreground))}@media screen and (min-width:768px){.blog-post-title{font-size:1.8rem}}.blog-post-excerpt{font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.8);margin-bottom:2rem;flex-grow:1}.blog-read-more{display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 2.4rem;background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;text-decoration:none;border-radius:.6rem;font-weight:600;font-size:1.4rem;transition:all .3s ease;align-self:flex-start;position:relative;overflow:hidden}.blog-read-more:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.blog-read-more:hover:before{left:100%}.blog-read-more:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}.blog-read-more:active{transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-blog-post.css.map */