:root{--blog-primary: #0066ff;--blog-primary-dark: #0052cc;--blog-text: #1a1a1a;--blog-text-light: #6b7280;--blog-border: #e5e7eb;--blog-bg: #ffffff;--blog-bg-alt: #f9fafb;--blog-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--blog-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--blog-radius: 16px;--blog-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.modern-blog-section{padding:80px 0;background:linear-gradient(180deg,#fff,#f9fafb);overflow:clip!important;width:100%;max-width:100vw}.page-width{max-width:1400px;margin:0 auto;padding:0 24px;overflow:clip!important;width:100%;box-sizing:border-box}.blog-hero{text-align:center;margin-bottom:60px;animation:fadeInUp .6s ease-out}.blog-hero__title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--blog-text);margin-bottom:16px;letter-spacing:-.02em;background:linear-gradient(135deg,#1a1a1a,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero__subtitle{font-size:1.25rem;color:var(--blog-text-light);font-weight:400;max-width:600px;margin:0 auto}.blog-filter{margin-bottom:48px;animation:fadeInUp .6s ease-out .2s both;overflow:clip;width:100%;max-width:100%}.blog-filter__container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:16px;background:var(--blog-bg);border-radius:100px;box-shadow:var(--blog-shadow);max-width:fit-content;margin:0 auto;box-sizing:border-box}.blog-filter__btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:2px solid transparent;border-radius:100px;font-size:1rem;font-weight:600;color:var(--blog-text-light);cursor:pointer;transition:var(--blog-transition);position:relative;overflow:clip}.blog-filter__btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--blog-primary);transition:width .3s ease;z-index:-1;border-radius:100px}.blog-filter__btn:hover{color:var(--blog-primary);transform:translateY(-2px)}.blog-filter__btn.is-active{background:var(--blog-primary);color:#fff;box-shadow:0 4px 12px #0066ff4d}.blog-filter__btn.is-active:before{width:100%}.blog-filter__count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#fff3;border-radius:12px;font-size:.75rem;font-weight:700}.blog-filter__btn.is-active .blog-filter__count{background:#ffffff40}.blog-grid-container{position:relative;min-height:400px;overflow:clip;width:100%;max-width:100%}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px;transition:var(--blog-transition);width:100%;box-sizing:border-box}.blog-card{background:var(--blog-bg);border-radius:var(--blog-radius);overflow:hidden;box-shadow:var(--blog-shadow);transition:var(--blog-transition);width:100%;box-sizing:border-box}.blog-card.blog-card--visible{display:block;animation:fadeInUp .5s ease-out forwards}.blog-card.blog-card--hidden{display:none!important}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--blog-shadow-lg)}.blog-card__link{display:block;text-decoration:none;color:inherit;height:100%}.blog-card__image{position:relative;width:100%;height:240px;overflow:hidden;background:var(--blog-bg-alt)}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card__image img{transform:scale(1.08)}.blog-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000,#0000004d);opacity:0;transition:var(--blog-transition)}.blog-card:hover .blog-card__overlay{opacity:1}.blog-card__content{padding:28px;display:flex;flex-direction:column;gap:16px}.blog-card__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.875rem}.blog-card__date,.blog-card__category,.blog-card__comments{color:var(--blog-text-light);font-weight:500}.blog-card__category{padding:4px 12px;background:var(--blog-bg-alt);border-radius:100px;color:var(--blog-primary);font-weight:600}.blog-card__title{font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--blog-text);margin:0;transition:color .3s ease}.blog-card:hover .blog-card__title{color:var(--blog-primary)}.blog-card__excerpt{color:var(--blog-text-light);line-height:1.6;font-size:1rem;margin:0}.blog-card__author{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--blog-border)}.blog-card__author-name{font-size:.875rem;color:var(--blog-text-light);font-weight:500}.blog-card__read-more{display:inline-flex;align-items:center;gap:8px;color:var(--blog-primary);font-weight:600;font-size:1rem;transition:var(--blog-transition);margin-top:auto}.blog-card__read-more svg{transition:transform .3s ease}.blog-card:hover .blog-card__read-more{gap:12px}.blog-card:hover .blog-card__read-more svg{transform:translate(4px)}.blog-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--blog-text-light)}.blog-loading__spinner{width:48px;height:48px;border:4px solid var(--blog-border);border-top-color:var(--blog-primary);border-radius:50%;animation:spin .8s linear infinite}.blog-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--blog-text-light);display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px}.blog-empty svg{color:var(--blog-text-light);opacity:.5}.blog-empty h3{font-size:1.5rem;color:var(--blog-text);margin:0}.blog-empty p{font-size:1rem;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width: 1200px){.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}}@media screen and (max-width: 768px){.modern-blog-section{padding:48px 0}.blog-hero{margin-bottom:40px}.blog-hero__title{font-size:2.5rem}.blog-hero__subtitle{font-size:1.125rem}.blog-filter{margin-bottom:32px}.blog-filter__container{border-radius:16px;padding:12px}.blog-filter__btn{padding:10px 18px;font-size:.875rem}.blog-grid{grid-template-columns:1fr;gap:24px}.blog-card__content{padding:20px}.blog-card__title{font-size:1.25rem}.blog-card__image{height:200px}}@media screen and (max-width: 480px){.page-width{padding:0 16px}.blog-filter__container{flex-direction:column;width:100%}.blog-filter__btn{width:100%;justify-content:space-between}.blog-card__meta{font-size:.8125rem}}@media (prefers-color-scheme: dark){:root{--blog-text: #f9fafb;--blog-text-light: #9ca3af;--blog-border: #374151;--blog-bg: #1f2937;--blog-bg-alt: #111827}.modern-blog-section{background:linear-gradient(180deg,#111827,#1f2937)}.blog-hero__title{background:linear-gradient(135deg,#f9fafb,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.blog-grid,.blog-card,.blog-card__content{max-width:100%}.blog-filter,.blog-filter__container{overflow:clip!important}.blog-grid{overflow-x:clip}@media screen and (max-width: 768px){.modern-blog-section,.page-width{overflow:clip!important}.blog-filter__container{max-width:calc(100vw - 32px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-main-blog.css.map */