.blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}.blog__card{background:var(--color-background);border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog__card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #00000014}.blog__card-image{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,var(--color-accent-lavender) 0%,var(--color-accent-pink) 100%)}.blog__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog__card:hover .blog__card-image img{transform:scale(1.05)}.blog__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,var(--color-accent-lavender) 0%,var(--color-accent-pink) 100%)}.blog__card-content{padding:24px}.blog__card-meta{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--color-text-light);margin-bottom:12px}.blog__card-tags{display:flex;gap:6px}.blog__tag{background:color-mix(in srgb,var(--color-accent-pink) 15%,transparent);color:var(--color-accent-pink);padding:2px 10px;border-radius:20px;font-size:.72rem}.blog__card-title{font-family:var(--font-heading);font-size:1.15rem;margin-bottom:10px;line-height:1.4}.blog__card-title a{color:var(--color-text);text-decoration:none;transition:color .2s}.blog__card-title a:hover{color:var(--color-accent-pink)}.blog__card-excerpt{font-size:.88rem;color:var(--color-text-light);line-height:1.7;margin-bottom:16px}.blog__card-link{font-size:.85rem;font-weight:600;color:var(--color-accent-pink);text-decoration:none;transition:color .2s}.blog__card-link:hover{color:var(--color-accent-lavender)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px}.pagination__btn{padding:10px 18px;border-radius:25px;background:var(--color-background);color:var(--color-text);text-decoration:none;font-size:.88rem;transition:all .2s}.pagination__btn:hover{background:var(--color-accent-pink);color:#fff}.pagination__current{padding:10px 16px;background:var(--color-accent-pink);color:#fff;border-radius:25px;font-size:.88rem}.blog__empty{text-align:center;padding:80px 20px}.blog__empty-icon{font-size:4rem;display:block;margin-bottom:20px}.blog__empty p{color:var(--color-text-light);font-size:1.05rem}@media screen and (max-width:768px){.blog__grid{grid-template-columns:1fr;gap:24px;margin-top:32px}.blog__card-content{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-blog.css.map */