:root{--blog-primary: #0066FF;--blog-primary-dark: #0052CC;--blog-secondary: #00FF88;--blog-secondary-dark: #00CC6E;--blog-accent: #FF6600;--blog-accent-dark: #CC5200;--blog-purple: #9333EA;--blog-pink: #EC4899;--blog-bg: #FFFFFF;--blog-surface: #F8F9FA;--blog-border: #E5E7EB;--blog-text: #1A1A1A;--blog-text-muted: #6B7280;--blog-text-light: #9CA3AF;--blog-space-xs: .5rem;--blog-space-sm: 1rem;--blog-space-md: 2rem;--blog-space-lg: 3rem;--blog-space-xl: 4rem;--blog-radius-sm: 8px;--blog-radius-md: 12px;--blog-radius-lg: 16px;--blog-radius-full: 50px;--blog-shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--blog-shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--blog-shadow-lg: 0 4px 12px rgba(0, 0, 0, .12);--blog-shadow-xl: 0 8px 24px rgba(0, 0, 0, .15);--blog-transition: all .3s ease;--blog-transition-fast: all .2s ease}.main-blog{background:var(--blog-surface);min-height:100vh}.main-blog.page-width{max-width:var(--page-width);padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width: 750px){.main-blog.page-width{padding-left:5rem;padding-right:5rem}}@media screen and (min-width: 990px){.main-blog.page-width{padding-left:5rem;padding-right:5rem}}.main-blog .title--primary{font-size:2.5rem;font-weight:800;color:var(--blog-text);margin-bottom:var(--blog-space-lg);letter-spacing:-.02em;text-align:center}@media screen and (min-width: 750px){.main-blog .title--primary{font-size:3rem}}@media screen and (min-width: 990px){.main-blog .title--primary{font-size:3.5rem}}.blog-layout-with-sidebar{display:grid;gap:var(--blog-space-lg);grid-template-columns:1fr}@media screen and (min-width: 990px){.blog-layout-with-sidebar{grid-template-columns:1.618fr 1fr;gap:var(--blog-space-xl);max-width:1400px;margin:0 auto}}@media screen and (min-width: 1200px){.blog-layout-with-sidebar{grid-template-columns:1.618fr 1fr;gap:calc(var(--blog-space-xl) * 1.618)}}.blog-articles-premium{display:grid;gap:var(--blog-space-lg);grid-template-columns:1fr}@media screen and (min-width: 750px){.blog-articles-premium{grid-template-columns:repeat(2,1fr);gap:var(--blog-space-lg)}}@media screen and (min-width: 990px){.blog-articles-premium{grid-template-columns:repeat(2,1fr);gap:var(--blog-space-xl)}}@media screen and (min-width: 1200px){.blog-articles-premium{grid-template-columns:repeat(3,1fr);gap:var(--blog-space-xl)}}.blog-articles-premium.blog-articles--masonry{grid-auto-rows:1fr}.article-card-premium{background:var(--blog-bg);border-radius:var(--blog-radius-lg);overflow:hidden;box-shadow:var(--blog-shadow-md);transition:var(--blog-transition);height:100%;display:flex;flex-direction:column}.article-card-premium:hover{transform:translateY(-4px);box-shadow:var(--blog-shadow-xl)}.article-card-premium__image-container{position:relative;width:100%;padding-top:60%;overflow:hidden;background:var(--blog-surface)}.article-card-premium__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card-premium:hover .article-card-premium__image{transform:scale(1.08)}.article-card-premium__content{padding:var(--blog-space-md);flex:1;display:flex;flex-direction:column}.article-card-premium__meta{display:flex;align-items:center;gap:var(--blog-space-sm);margin-bottom:var(--blog-space-sm);flex-wrap:wrap}.article-card-premium__meta-item{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--blog-text-muted)}.article-card-premium__meta-item svg{width:14px;height:14px}.article-card-premium__title{font-size:1.25rem;font-weight:700;line-height:1.4;margin:0 0 var(--blog-space-sm) 0;color:var(--blog-text);letter-spacing:-.01em}.article-card-premium__title a{color:inherit;text-decoration:none;transition:color .2s ease}.article-card-premium__title a:hover{color:var(--blog-primary)}.article-card-premium__excerpt{font-size:.9375rem;line-height:1.6;color:var(--blog-text-muted);margin:0 0 var(--blog-space-md) 0;flex:1}.article-card-premium__footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--blog-space-sm);border-top:1px solid var(--blog-border)}.article-card-premium__read-more{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--blog-primary);text-decoration:none;transition:gap .2s ease}.article-card-premium__read-more:hover{gap:.75rem}.article-card-premium__read-more svg{width:16px;height:16px}.blog-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:var(--blog-radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.blog-badge--trending{background:#ff66001a;color:var(--blog-accent)}.blog-badge--new{background:#00ff881a;color:var(--blog-secondary-dark)}.blog-badge--featured{background:#0066ff1a;color:var(--blog-primary)}.blog-badge svg{width:12px;height:12px}.blog-view-count{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--blog-text-muted)}.blog-view-count svg{width:14px;height:14px}.blog-reading-time{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--blog-text-muted)}.blog-reading-time svg{width:14px;height:14px}.blog-empty-state{text-align:center;padding:var(--blog-space-xl) var(--blog-space-md);background:var(--blog-bg);border-radius:var(--blog-radius-lg);box-shadow:var(--blog-shadow-md)}.blog-empty-state__icon{width:80px;height:80px;margin:0 auto var(--blog-space-md);color:var(--blog-text-light)}.blog-empty-state__title{font-size:1.5rem;font-weight:700;color:var(--blog-text);margin:0 0 var(--blog-space-sm) 0}.blog-empty-state__description{font-size:1rem;color:var(--blog-text-muted);margin:0}.blog-loading{opacity:.6;pointer-events:none}.blog-skeleton{background:linear-gradient(90deg,var(--blog-surface) 0%,var(--blog-border) 50%,var(--blog-surface) 100%);background-size:200% 100%;animation:blog-skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--blog-radius-sm)}@keyframes blog-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.blog-hide-mobile{display:none}@media screen and (min-width: 750px){.blog-hide-mobile{display:block}}.blog-hide-desktop{display:block}@media screen and (min-width: 750px){.blog-hide-desktop{display:none}}@media print{.blog-hero-editorial,.blog-category-nav,.blog-sidebar,.blog-filters{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/blog-premium.css.map */