.section-blog{background-color:var(--bg-section);padding-bottom:var(--section-padding-y)}.blog-banner{background-color:var(--bg-white);border-bottom:1px solid var(--color-border);padding:var(--space-24) 0 var(--space-32)}.blog-banner__accent{display:inline-block;width:4px;height:52px;background-color:var(--color-blue);border-radius:2px;margin-right:var(--space-16);vertical-align:middle;flex-shrink:0}.blog-banner__title{font-size:28px;font-weight:var(--font-weight-bold);color:var(--color-text-dark)}.blog-banner__row{display:flex;align-items:center;gap:var(--space-16);margin-top:var(--space-12)}.blog-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--space-32);padding-top:var(--space-32)}.blog-featured{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24);background-color:var(--bg-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-32)}.blog-featured__image{aspect-ratio:16/9;overflow:hidden}.blog-featured__image img{width:100%;height:100%;object-fit:cover}.blog-featured__body{padding:var(--space-32);display:flex;flex-direction:column;justify-content:center;gap:var(--space-16)}.blog-featured__label{font-size:var(--font-size-11);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-blue);background-color:var(--color-icon-bg);padding:4px 10px;border-radius:var(--radius-sm);display:inline-block;width:fit-content}.blog-featured__title{font-size:var(--font-size-22);font-weight:var(--font-weight-bold);color:var(--color-text-dark);line-height:1.3}.blog-featured__title a{color:inherit;text-decoration:none}.blog-featured__title a:hover{color:var(--color-blue)}.blog-featured__excerpt{font-size:var(--font-size-15);color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-featured__meta{font-size:var(--font-size-12);color:var(--color-text-secondary);display:flex;gap:var(--space-12);align-items:center}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-24)}.article-card{background-color:var(--bg-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--transition-base),transform var(--transition-base)}.article-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.article-card__image{aspect-ratio:16/9;overflow:hidden;background-color:var(--bg-section)}.article-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.article-card:hover .article-card__image img{transform:scale(1.03)}.article-card__body{padding:var(--space-20);display:flex;flex-direction:column;gap:var(--space-8);flex:1}.article-card__tag{font-size:var(--font-size-11);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-blue);background-color:var(--color-icon-bg);padding:3px 8px;border-radius:var(--radius-sm);display:inline-block;width:fit-content}.article-card__date{font-size:var(--font-size-12);color:var(--color-text-secondary)}.article-card__title{font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);color:var(--color-text-dark);line-height:1.4;flex:1}.article-card__title a{color:inherit;text-decoration:none}.article-card__title a:hover{color:var(--color-blue)}.article-card__excerpt{font-size:var(--font-size-13);color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__footer{margin-top:auto;padding-top:var(--space-12);border-top:1px solid var(--color-border)}.blog-sidebar{display:flex;flex-direction:column;gap:var(--space-24)}.blog-widget{background-color:var(--bg-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-20)}.blog-widget__title{font-size:var(--font-size-14);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dark);margin-bottom:var(--space-16);padding-bottom:var(--space-12);border-bottom:1px solid var(--color-border)}.blog-widget__tags{display:flex;flex-wrap:wrap;gap:var(--space-8)}.blog-widget__tag{font-size:var(--font-size-13);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:999px;padding:6px 14px;text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast);min-height:36px;display:flex;align-items:center}.blog-widget__tag:hover{border-color:var(--color-blue);color:var(--color-blue)}.blog-widget__recent{display:flex;flex-direction:column;gap:var(--space-12)}.blog-widget__recent-item{display:flex;gap:var(--space-12);align-items:flex-start}.blog-widget__recent-thumb{width:56px;height:56px;min-width:56px;border-radius:var(--radius-md);overflow:hidden;background-color:var(--bg-section)}.blog-widget__recent-thumb img{width:100%;height:100%;object-fit:cover}.blog-widget__recent-title{font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--color-text-dark);line-height:1.4;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-widget__recent-title:hover{color:var(--color-blue)}.blog-widget__recent-date{font-size:var(--font-size-11);color:var(--color-text-secondary);margin-top:2px}.blog-empty{text-align:center;padding:var(--space-64) var(--space-32);background-color:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.blog-empty__icon{font-size:3rem;color:var(--color-border);margin-bottom:var(--space-16)}.blog-empty__title{font-size:var(--font-size-20);font-weight:var(--font-weight-bold);margin-bottom:var(--space-8)}.blog-empty__text{color:var(--color-text-secondary);margin-bottom:var(--space-24)}.blog-pagination{margin-top:var(--space-32)}@media screen and (max-width:900px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{order:-1;flex-direction:row;flex-wrap:wrap}.blog-widget{flex:1;min-width:200px}.blog-featured{grid-template-columns:1fr}.blog-featured__image{max-height:240px}.blog-featured__body{padding:var(--space-20)}}@media screen and (max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-banner__title{font-size:var(--font-size-22)}.blog-sidebar{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-blog.css.map */