.blog-listing{position:relative;padding:var(--section-padding-top, 60px) 0 var(--section-padding-bottom, 80px);background:var(--color-background)}.blog-listing__inner{width:100%;max-width:var(--page-max-width, 1650px);margin:0 auto;padding:0 var(--page-padding, 40px)}.blog-listing__header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.blog-listing__subheading{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary)}.blog-listing__heading{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text);margin:0}.blog-listing__description{font-size:1rem;color:var(--color-text-secondary);line-height:1.7;max-width:600px;margin:0}.blog-listing__tags-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.blog-listing__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.blog-listing__tag{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);background:#ffffff08;border:1px solid var(--color-border);border-radius:20px;transition:all .2s ease}.blog-listing__tag:hover{color:var(--color-text);border-color:var(--color-text)}.blog-listing__tag--active{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.blog-listing__grid{display:grid;grid-template-columns:repeat(var(--columns, 3),1fr);gap:1.5rem}.blog-card{background:#ffffff08;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:all .3s ease}.blog-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-4px)}.blog-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none}.blog-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#ffffff05}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-card__image{transform:scale(1.05)}.blog-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff26;font-size:2.5rem}.blog-card__date{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;align-items:center;padding:.5rem .75rem;background:var(--color-primary);border-radius:8px}.blog-card__day{font-size:1.25rem;font-weight:700;color:#fff;line-height:1}.blog-card__month{font-size:.65rem;font-weight:600;text-transform:uppercase;color:#fffc}.blog-card__content{flex:1;display:flex;flex-direction:column;padding:1.25rem}.blog-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.blog-card__tag{padding:.25rem .5rem;background:#ffffff0d;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff9}.blog-card__title{font-size:1.1rem;font-weight:700;color:var(--color-text);line-height:1.3;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.blog-card:hover .blog-card__title{color:var(--color-primary)}.blog-card__excerpt{font-size:.85rem;line-height:1.6;color:var(--color-text-secondary);margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{margin-bottom:.75rem}.blog-card__author{font-size:.75rem;color:var(--color-text-secondary)}.blog-card__author i{margin-right:.25rem}.blog-card__read{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;font-size:.8rem;font-weight:600;color:var(--color-primary)}.blog-card__read i{font-size:.65rem;transition:transform .2s ease}.blog-card:hover .blog-card__read i{transform:translate(4px)}.blog-listing__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem;text-align:center}.blog-listing__empty i{font-size:4rem;color:var(--color-text-secondary);opacity:.3}.blog-listing__empty p{font-size:1.25rem;color:var(--color-text-secondary)}.blog-listing__pagination{margin-top:3rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem}.pagination__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff08;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.9rem;transition:all .2s ease}.pagination__btn:hover:not(.pagination__btn--disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination__btn--disabled{opacity:.3;cursor:not-allowed}.pagination__pages{display:flex;align-items:center;gap:.25rem}.pagination__page{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .5rem;font-size:.9rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border-radius:8px;transition:all .2s ease}.pagination__page:hover:not(.pagination__page--current):not(.pagination__page--ellipsis){background:#ffffff0d;color:var(--color-text)}.pagination__page--current{background:var(--color-primary);color:#fff;font-weight:600}.pagination__page--ellipsis{cursor:default}@media (max-width: 1200px){.blog-listing__grid{grid-template-columns:repeat(min(var(--columns, 3),3),1fr)}}@media (max-width: 900px){.blog-listing__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog-listing__inner{padding:0 20px}.blog-listing__grid{grid-template-columns:1fr;gap:1.25rem}.blog-card__title{font-size:1rem}.pagination__pages{display:none}.pagination{gap:1rem}.pagination__btn{flex:1;max-width:150px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-blog.css.map */