.section-blog{overflow:hidden}.blog-page{display:block;grid-column:1 / -1;padding-top:var(--blog-padding-top, 40px);padding-bottom:var(--blog-padding-bottom, 60px);padding-left:var(--blog-padding-left, 16px);padding-right:var(--blog-padding-right, 16px)}.blog-page__inner{margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.blog-header{margin-bottom:var(--space-8, 32px)}.blog-header__title{font-family:var(--font-heading--family);font-size:clamp(28px,5vw,42px);font-weight:700;color:var(--color-heading);line-height:1.2;letter-spacing:-.025em;margin:0 0 var(--space-3, 12px) 0}.blog-header__description{font-size:var(--font-size-lg, 18px);color:var(--color-body-text);line-height:1.6;margin:0 0 var(--space-2, 8px) 0;max-width:700px}.blog-header--center .blog-header__description{margin-left:auto;margin-right:auto}.blog-header__count{font-size:var(--font-size-sm, 14px);color:var(--color-text-tertiary);margin:0}.blog-tags{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);margin-bottom:var(--space-8, 32px);padding-bottom:var(--space-6, 24px);border-bottom:1px solid var(--color-border-light)}.blog-tags__item{display:inline-flex;align-items:center;padding:var(--space-2, 8px) var(--space-4, 16px);font-size:var(--font-size-sm, 14px);font-weight:500;color:var(--color-text-secondary);background:var(--color-fill-light);border:1px solid var(--color-border-light);border-radius:var(--radius-full, 100px);text-decoration:none;transition:all var(--transition-fast)}.blog-tags__item:hover{border-color:var(--color-primary-6);color:var(--color-primary-6)}.blog-tags__item--active{background:var(--color-primary-6);border-color:var(--color-primary-6);color:var(--btn-primary-text)}.blog-tags__item--active:hover{background:var(--color-primary-7);border-color:var(--color-primary-7);color:var(--btn-primary-text)}.blog-featured{margin-bottom:var(--space-10, 40px)}.blog-featured__link{display:grid;grid-template-columns:1fr;gap:var(--space-6, 24px);text-decoration:none;color:inherit;border-radius:var(--radius-lg, 8px);overflow:hidden;background:var(--color-fill-light);transition:box-shadow var(--transition-normal)}@media (min-width: 750px){.blog-featured__link{grid-template-columns:1.5fr 1fr}}.blog-featured__link:hover{box-shadow:var(--shadow-lg)}.blog-featured__image{position:relative;aspect-ratio:16 / 9;overflow:hidden}.blog-featured__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-featured__link:hover .blog-featured__image img{transform:scale(1.03)}.blog-featured__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-fill-default);color:var(--color-text-disabled)}.blog-featured__placeholder [data-lucide]{width:64px;height:64px}.blog-featured__content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-6, 24px)}@media (min-width: 750px){.blog-featured__content{padding:var(--space-8, 32px)}}.blog-featured__tag{display:inline-block;font-size:var(--font-size-xs, 12px);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-6);margin-bottom:var(--space-3, 12px)}.blog-featured__title{font-family:var(--font-heading--family);font-size:clamp(22px,4vw,32px);font-weight:700;color:var(--color-heading);line-height:1.25;letter-spacing:-.025em;margin:0 0 var(--space-4, 16px) 0}.blog-featured__excerpt{font-size:var(--font-size-base, 16px);color:var(--color-body-text);line-height:1.6;margin:0 0 var(--space-4, 16px) 0}.blog-featured__meta{display:flex;align-items:center;gap:var(--space-4, 16px);font-size:var(--font-size-sm, 14px);color:var(--color-text-tertiary)}.blog-featured__author:before{content:"\2022";margin-right:var(--space-4, 16px)}.blog-grid{display:grid;grid-template-columns:repeat(var(--blog-columns-mobile, 1),1fr);gap:var(--blog-gap, 24px)}@media (min-width: 750px){.blog-grid{grid-template-columns:repeat(var(--blog-columns-tablet, 2),1fr)}}@media (min-width: 990px){.blog-grid{grid-template-columns:repeat(var(--blog-columns-desktop, 3),1fr)}}.article-card{display:flex;flex-direction:column;background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg, 8px);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.article-card:hover{border-color:var(--color-border-heavy);box-shadow:var(--shadow-md)}.article-card__image-link{display:block;text-decoration:none}.article-card__title-link,.article-card__title-link:hover,.article-card__title-link:focus,.article-card__title-link:visited{text-decoration:none;color:inherit}.article-card__title-link:hover .article-card__title{color:var(--color-primary-6)}.article-card__image{position:relative;overflow:hidden}.blog-grid--ratio-1-1 .article-card__image{aspect-ratio:1 / 1}.blog-grid--ratio-4-3 .article-card__image{aspect-ratio:4 / 3}.blog-grid--ratio-3-4 .article-card__image{aspect-ratio:3 / 4}.blog-grid--ratio-16-9 .article-card__image{aspect-ratio:16 / 9}.article-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-card:hover .article-card__image img{transform:scale(1.05)}.article-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-fill-default);color:var(--color-text-disabled);aspect-ratio:3 / 4}.article-card__placeholder [data-lucide]{width:48px;height:48px}.article-card__content{display:flex;flex-direction:column;flex:1;padding:var(--space-4, 16px)}.article-card__tag{display:inline-block;font-size:var(--font-size-xs, 12px);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-6);margin-bottom:var(--space-2, 8px)}.article-card__title{color:var(--color-heading);margin:0 0 var(--space-2, 8px) 0;transition:color var(--transition-fast)}.article-card:hover .article-card__title{color:var(--color-primary-6)}.article-card__excerpt{color:var(--color-body-text);margin:0 0 var(--space-3, 12px) 0;flex:1}.article-card__meta{display:flex;align-items:center;gap:var(--space-3, 12px);font-size:var(--font-size-xs, 12px);color:var(--color-text-tertiary)}.article-card__author:before{content:"\2022";margin-right:var(--space-3, 12px)}.article-card__button{margin-top:auto;padding-top:var(--space-4, 16px)}.article-card__button .btn{width:100%;justify-content:center}.blog-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16, 64px) var(--space-4, 16px);min-height:300px}.blog-empty__icon{width:64px;height:64px;margin-bottom:var(--space-4, 16px);color:var(--color-text-tertiary)}.blog-empty__icon [data-lucide]{width:100%;height:100%}.blog-empty__title{font-family:var(--font-heading--family);font-size:var(--font-size-xl, 20px);font-weight:600;color:var(--color-heading);margin:0 0 var(--space-2, 8px) 0}.blog-empty__text{font-size:var(--font-size-base, 16px);color:var(--color-text-secondary);margin:0}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);margin-top:var(--space-12, 48px);padding-top:var(--space-8, 32px);border-top:1px solid var(--color-border-light)}.blog-pagination__item{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3, 12px);font-size:var(--font-size-sm, 14px);font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-md, 4px);text-decoration:none;transition:all var(--transition-fast)}.blog-pagination__item:hover{border-color:var(--color-primary-6);color:var(--color-primary-6)}.blog-pagination__item--current{background:var(--color-primary-6);border-color:var(--color-primary-6);color:var(--color-primary-text)}.blog-pagination__item--ellipsis{border:none;pointer-events:none}.blog-pagination__item--prev,.blog-pagination__item--next{padding:0}.blog-pagination__item [data-lucide]{width:18px;height:18px}@media (max-width: 749px){.blog-header{margin-bottom:var(--space-6, 24px)}.blog-tags{margin-bottom:var(--space-6, 24px);padding-bottom:var(--space-4, 16px);overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.blog-tags::-webkit-scrollbar{display:none}.blog-tags__item{flex-shrink:0}.blog-featured{margin-bottom:var(--space-8, 32px)}.blog-featured__content{padding:var(--space-4, 16px)}.blog-pagination{margin-top:var(--space-8, 32px);padding-top:var(--space-6, 24px)}.blog-pagination__item{min-width:36px;height:36px}}[data-theme=dark] .article-card{background:var(--color-fill-light)}[data-theme=dark] .blog-featured__link{background:var(--color-fill-default)}
/*# sourceMappingURL=/cdn/shop/t/32/assets/blog.css.map */