:root{--blog-primary-color: #2c3e50;--blog-accent-color: #e74c3c;--blog-text-color: #34495e;--blog-light-gray: #ecf0f1;--blog-medium-gray: #95a5a6;--blog-card-shadow: 0 10px 30px rgba(0, 0, 0, .1);--blog-card-hover-shadow: 0 15px 40px rgba(0, 0, 0, .15);--blog-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.blog-modern{padding:60px 0;background-color:#f8f9fa}.blog-modern-container{max-width:1200px;margin:0 auto;padding:0 20px}.blog-header{text-align:center;margin-bottom:60px}.blog-header h1{font-size:3rem;font-weight:700;color:var(--blog-primary-color);margin-bottom:20px;letter-spacing:-1px}.blog-header p{font-size:1.2rem;color:var(--blog-medium-gray);max-width:600px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;margin-bottom:60px}.blog-grid .blog-card:first-child{grid-column:1 / -1}.blog-grid .blog-card:first-child .blog-card-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.blog-card{opacity:0;transform:translateY(30px);animation:fadeInUp .6s forwards;animation-delay:calc(var(--card-index) * .1s)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.blog-card-inner{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--blog-card-shadow);transition:var(--blog-transition);height:100%;display:flex;flex-direction:column}.blog-card:hover .blog-card-inner{transform:translateY(-5px);box-shadow:var(--blog-card-hover-shadow)}.blog-card-image{position:relative;padding-top:60%;overflow:hidden;background:var(--blog-light-gray)}.blog-card:first-child .blog-card-image{padding-top:0;height:400px}.blog-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--blog-transition)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-category{position:absolute;top:20px;left:20px;background:var(--blog-accent-color);color:#fff;padding:6px 16px;border-radius:20px;font-size:.875rem;font-weight:500;z-index:2;text-transform:uppercase;letter-spacing:.5px}.blog-card-content{padding:30px;flex:1;display:flex;flex-direction:column}.blog-card:first-child .blog-card-content{padding:40px}.blog-card-title{margin-bottom:15px}.blog-card-title a{color:var(--blog-primary-color);font-size:1.5rem;font-weight:700;line-height:1.3;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.blog-card:first-child .blog-card-title a{font-size:2rem;-webkit-line-clamp:3}.blog-card-title a:hover{color:var(--blog-accent-color)}.blog-meta{display:flex;align-items:center;gap:20px;margin-bottom:20px;font-size:.875rem;color:var(--blog-medium-gray)}.blog-meta-item{display:flex;align-items:center;gap:5px}.blog-meta-item i{font-size:16px}.blog-excerpt{color:var(--blog-text-color);line-height:1.6;margin-bottom:20px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card:first-child .blog-excerpt{-webkit-line-clamp:4;font-size:1.1rem}.blog-read-more{display:inline-flex;align-items:center;gap:8px;color:var(--blog-accent-color);font-weight:600;text-decoration:none;transition:gap .3s ease}.blog-read-more:hover{gap:12px}.blog-read-more i{transition:transform .3s ease}.blog-author{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid var(--blog-light-gray);margin-top:auto}.blog-author-avatar{width:40px;height:40px;border-radius:50%;background:var(--blog-medium-gray);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.blog-author-info{flex:1}.blog-author-name{font-weight:600;color:var(--blog-primary-color);display:block}.blog-author-date{font-size:.875rem;color:var(--blog-medium-gray)}.blog-pagination{display:flex;justify-content:center;gap:8px}.blog-pagination .pagination{display:flex;gap:8px;list-style:none;padding:0;margin:0}.blog-pagination li a,.blog-pagination li span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:8px;text-decoration:none;font-weight:500;transition:var(--blog-transition)}.blog-pagination li a{color:var(--blog-text-color);background:#fff;border:1px solid var(--blog-light-gray)}.blog-pagination li a:hover{background:var(--blog-accent-color);color:#fff;border-color:var(--blog-accent-color)}.blog-pagination li.active span{background:var(--blog-accent-color);color:#fff}.blog-pagination li.disabled span{color:var(--blog-light-gray);cursor:not-allowed}.article-modern{background:#fff}.article-hero{position:relative;height:60vh;min-height:400px;max-height:600px;overflow:hidden;background:var(--blog-primary-color)}.article-hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.7}.article-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%)}.article-hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;max-width:1200px;margin:0 auto;padding:60px 20px;color:#fff;z-index:2}.article-hero h1{font-size:3rem;font-weight:700;margin-bottom:20px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.article-hero-meta{display:flex;align-items:center;gap:30px;font-size:1.1rem}.article-hero-meta-item{display:flex;align-items:center;gap:8px}.article-content-wrapper{max-width:800px;margin:0 auto;padding:60px 20px}.article-content{font-size:1.125rem;line-height:1.8;color:var(--blog-text-color)}.article-content h2{font-size:2rem;font-weight:700;color:var(--blog-primary-color);margin:40px 0 20px}.article-content h3{font-size:1.5rem;font-weight:600;color:var(--blog-primary-color);margin:30px 0 15px}.article-content p{margin-bottom:20px}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:30px 0;box-shadow:var(--blog-card-shadow)}.article-content blockquote{border-left:4px solid var(--blog-accent-color);padding-left:30px;margin:30px 0;font-style:italic;font-size:1.3rem;color:var(--blog-medium-gray)}.article-tags{margin:40px 0;padding:40px 0;border-top:1px solid var(--blog-light-gray);border-bottom:1px solid var(--blog-light-gray)}.article-tags-label{font-weight:600;margin-right:15px;color:var(--blog-primary-color)}.article-tag{display:inline-block;padding:6px 16px;margin:5px;background:var(--blog-light-gray);border-radius:20px;text-decoration:none;color:var(--blog-text-color);font-size:.875rem;transition:var(--blog-transition)}.article-tag:hover{background:var(--blog-accent-color);color:#fff}.article-share{position:sticky;top:100px;margin-left:-80px;width:60px;float:left}.article-share-buttons{display:flex;flex-direction:column;gap:10px}.share-button{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--blog-light-gray);color:var(--blog-text-color);text-decoration:none;transition:var(--blog-transition)}.share-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.share-button.facebook:hover{background:#3b5998;color:#fff}.share-button.twitter:hover{background:#1da1f2;color:#fff}.share-button.linkedin:hover{background:#0077b5;color:#fff}.article-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:var(--blog-light-gray);z-index:1000}.article-progress-bar{height:100%;background:var(--blog-accent-color);width:0;transition:width .1s linear}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr;gap:30px}.blog-grid .blog-card:first-child .blog-card-inner{grid-template-columns:1fr}.blog-header h1,.article-hero h1{font-size:2rem}.article-hero-meta{flex-wrap:wrap;gap:15px;font-size:1rem}.article-share{position:static;margin:40px 0;width:100%;float:none}.article-share-buttons{flex-direction:row;justify-content:center}}@media (max-width: 480px){.blog-card-content{padding:20px}.blog-card-title a{font-size:1.25rem}.article-content-wrapper{padding:40px 20px}.article-content{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/blog-modern.css.map */