.top-posts{display:grid;grid-template-columns:60% 40%;grid-template-rows:repeat(4,120px);max-width:1200px;margin:4rem auto 0}.top--blogs__item1{grid-column:1 / 2;grid-row:1 / 5;position:relative;overflow:hidden}.top--blogs__item2{grid-column:2 / 3;grid-row:1 / 2}.top--blogs__item3{grid-column:2 / 3;grid-row:2 / 3}.top--blogs__item4{grid-column:2 / 3;grid-row:3 / 4}.top--blogs__item5{grid-column:2 / 3;grid-row:4 / 5}.top--blogs__item1 .post-image{width:100%;height:100%;background-size:cover;background-position:center}.top--blogs__item1:hover:after{opacity:1}.top--blogs__item1:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(transparent,#000000bf);opacity:.6;transition:opacity .4s ease}.top--blogs__item1 .card-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;color:#fff;z-index:1}.top--blogs__item1:hover .card-overlay{background:linear-gradient(transparent,#000000bf)}.top--blogs__item1 .card-meta{font-size:12px;margin-bottom:.5rem;opacity:1;color:#fff}.top--blogs__item1 h3{font-size:3.3rem;margin:0 0 1rem;line-height:1.3;color:#fff}.top--blogs__item1 .btn-read{display:inline-block;padding:.5rem 1.2rem;border:1px solid white;color:#fff;text-decoration:none;font-size:.85rem;transition:background .2s}.top--blogs__item1 .btn-read:hover{background:#fff3}.top--blogs__item2,.top--blogs__item3,.top--blogs__item4,.top--blogs__item5{display:flex;align-items:center;gap:1rem;border-bottom:1px solid #eee;overflow:hidden}.top--blogs__item2:last-child,.top--blogs__item5{border-bottom:none}.thumb{width:80px;height:70px;background-size:cover;background-position:center;flex-shrink:0}.card-body{flex:1;overflow:hidden;position:relative}.card-tags{display:flex;gap:.4rem;margin-bottom:.4rem;flex-wrap:wrap}.card-tag{font-size:8px;padding:.4rem .5rem;background-color:#eff0f6;color:#555}.card-body h3{font-size:16px;margin:0 0 .4rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-body h3 a{text-decoration:none;color:inherit}.card-body h3 a:hover{text-decoration:underline}.card-meta{font-size:1rem;color:#888;display:flex;gap:.4rem;align-items:center}.top--blogs__title{position:absolute;top:20px}.top--blogs__item1 .post-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.thumb{width:80px;height:70px;object-fit:cover;object-position:center;flex-shrink:0}.card-link{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;text-decoration:none;color:inherit;width:100%;height:100%;transition:background .2s}.card-link:hover{background:#f5f5f5}.card-link:hover h3{text-decoration:underline}.top--blogs--empty{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.top--blogs__item1.top--blogs--empty{background:#e8e8e8}.top--blogs__item1.top--blogs--empty:after{opacity:1}.top--blogs__item1.top--blogs--empty .placeholder-svg{position:absolute;top:0;left:0;width:100%;height:100%}@media(max-width:768px){.top-posts{grid-template-columns:1fr;grid-template-rows:auto}.top--blogs__item1{grid-column:1 / 2;grid-row:auto;height:260px}.top--blogs__item1:after{opacity:1}.top--blogs__item2,.top--blogs__item3,.top--blogs__item4,.top--blogs__item5{grid-column:1 / 2;grid-row:auto}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/top-blog-posts.css.map */