.blog-section-heading{margin-bottom:30px;font-size:28px;font-weight:600;padding:0 75px;color:#121212}.blog-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:50px;padding:0 75px;justify-content:flex-start}.filter-btn{padding:8px 22px;border-radius:100px;border:1px solid #e2e2e2;background:transparent;cursor:pointer;font-size:13px;font-weight:500;transition:all .4s cubic-bezier(.25,.46,.45,.94);color:#444;white-space:nowrap}.filter-btn.active{background:#000;color:#fff;border-color:#000;box-shadow:0 4px 12px #0000001a}.filter-btn:hover:not(.active){background:#f8f8f8;border-color:#adadad;transform:translateY(-2px)}.blog-grid-layout{display:grid;grid-template-columns:repeat(4,1fr);column-gap:25px;row-gap:45px;padding:0 75px}.blog-grid-item{transition:transform .6s cubic-bezier(.165,.84,.44,1),opacity .5s ease;opacity:1}.blog-grid-item.is-hidden{opacity:0;transform:scale(.95);pointer-events:none;position:absolute;visibility:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blog-grid-item:not(.is-hidden){animation:fadeIn .5s forwards}.blog-item-link{text-decoration:none;color:inherit;display:block}.blog-item-image{width:100%;overflow:hidden;margin-bottom:18px;border-radius:2px;background-color:#f0f0f0}.blog-item-image img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,1,.3,1)}.blog-item-link:hover .blog-item-image img{transform:scale(1.08)}.blog-item-category{display:block;font-size:10px;font-weight:700;color:#999;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.blog-item-title{font-size:16px;line-height:1.4;font-weight:500;margin:0;color:#121212;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.blog-item-link:hover .blog-item-title{color:#555}@media screen and (max-width:1200px){.blog-grid-layout,.blog-filter-bar,.blog-section-heading{padding:0 40px}}@media screen and (max-width:990px){.blog-grid-layout{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.blog-grid-layout,.blog-filter-bar,.blog-section-heading{padding:0 20px}.blog-grid-layout{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/blog-grid-section.css.map */