.new-blog-listing{max-width:100%}.new-blog-listing__tabs{margin-bottom:3rem}.new-blog-listing__tab-nav{display:flex;justify-content:center;margin-bottom:2rem}.new-blog-listing__tab-list{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0;justify-content:center}.new-blog-listing__tab-item{margin:0}.new-blog-listing__tab-btn{background:var(--primary-btn-bg-color);border:2px solid var(--color-border, #e0e0e0);color:var(--primary-btn-text-color)!important;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap;min-width:120px;text-align:center;text-transform:uppercase}.new-blog-listing__tab-btn:hover{background-color:#24242485;border-color:#8a8a8a;color:#fff;transform:translateY(-2px)}.new-blog-listing__tab-btn--active{background-color:#24242485;border-color:#8a8a8a;color:#fff}.new-blog-listing__tab-btn--active:hover{background-color:#24242485;border-color:#8a8a8a;color:#fff;transform:translateY(-2px)}.new-blog-listing__content{position:relative}.new-blog-listing__tab-panel{opacity:0;transition:opacity .3s ease}.new-blog-listing__tab-panel--active{opacity:1}.new-blog-listing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}@media (min-width: 768px){.new-blog-listing__grid{grid-template-columns:repeat(3,1fr)}}.new-blog-listing__post{background:var(--color-background, #fff);border-radius:.75rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.new-blog-listing__post:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.new-blog-listing__post-image{position:relative;overflow:hidden;aspect-ratio:16/9}.new-blog-listing__post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.new-blog-listing__post:hover .new-blog-listing__post-image img{transform:scale(1.05)}.new-blog-listing__post-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.new-blog-listing__post-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;color:var(--color-text-muted, #666)}.new-blog-listing__post-date,.new-blog-listing__post-author{font-weight:500}.new-blog-listing__post-title{font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 1rem;color:var(--color-text, #333)}.new-blog-listing__post-title a{color:inherit;text-decoration:none;transition:color .3s ease}.new-blog-listing__post-title a:hover{color:var(--color-accent, #e68819)}.new-blog-listing__post-excerpt{color:var(--color-text-muted, #666);line-height:1.6;margin-bottom:1.5rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.new-blog-listing__post-read-more{margin-top:auto}.new-blog-listing__post-read-more a{color:var(--color-accent, #e68819);text-decoration:none;font-weight:500;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.new-blog-listing__post-read-more a:hover{color:var(--color-accent-dark, #d17a15)}.new-blog-listing__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-muted, #666)}.new-blog-listing__spinner{width:40px;height:40px;border:3px solid var(--color-border, #e0e0e0);border-top:3px solid var(--color-accent, #e68819);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.new-blog-listing__view-more-container{display:flex;justify-content:center;margin-top:3rem}.new-blog-listing__view-more-btn{background:transparent;border:2px solid var(--color-border, #e0e0e0);border-radius:.5rem;color:var(--color-text, #333);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap;min-width:120px;text-align:center;text-transform:uppercase;text-decoration:none;display:inline-block}.new-blog-listing__view-more-btn:hover{border-color:var(--color-accent, #e68819);color:var(--color-accent, #e68819);transform:translateY(-2px)}.new-blog-listing__empty{text-align:center;padding:3rem;color:var(--color-text-muted, #666)}.new-blog-listing__empty h3{margin-bottom:1rem;color:var(--color-text, #333)}@media (max-width: 767px){.new-blog-listing__tab-list{flex-direction:row;align-items:center;gap:.5rem;justify-content:center}.new-blog-listing{margin-top:-60px}.new-blog-listing__tab-btn{width:100%;max-width:200px;padding:10px;font-size:12px}.new-blog-listing__grid{grid-template-columns:1fr;gap:1.5rem}.new-blog-listing__post-content{padding:1.25rem}.new-blog-listing__post-title{font-size:1.125rem}}@media (max-width: 480px){.new-blog-listing__tabs{margin-bottom:2rem}.new-blog-listing__tab-nav{margin-bottom:1.5rem}.new-blog-listing__grid{gap:1rem}.new-blog-listing__post-content{padding:1rem}}.color-scheme--dark .new-blog-listing__post{background:var(--color-background-dark, #2a2a2a);color:var(--color-text-dark, #fff)}.color-scheme--dark .new-blog-listing__post-title{color:var(--color-text-dark, #fff)}.color-scheme--dark .new-blog-listing__post-meta,.color-scheme--dark .new-blog-listing__post-excerpt{color:var(--color-text-muted-dark, #ccc)}.color-scheme--dark .new-blog-listing__tab-btn{border-color:var(--color-border-dark, #444);color:var(--color-text-dark, #fff)!important}.color-scheme--dark .new-blog-listing__tab-btn:hover{border-color:var(--color-accent, #e68819);color:var(--color-accent, #e68819)!important}.new-blog-listing__post{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.new-blog-listing__post:nth-child(1){animation-delay:.1s}.new-blog-listing__post:nth-child(2){animation-delay:.2s}.new-blog-listing__post:nth-child(3){animation-delay:.3s}.new-blog-listing__post:nth-child(4){animation-delay:.4s}.new-blog-listing__post:nth-child(5){animation-delay:.5s}.new-blog-listing__post:nth-child(6){animation-delay:.6s}.new-blog-listing__post:nth-child(7){animation-delay:.7s}.new-blog-listing__post:nth-child(8){animation-delay:.8s}.new-blog-listing__post:nth-child(9){animation-delay:.9s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/new-blog-listing-sec.css.map */