:root{--capsule-blogs-primary: #d14e0d;--capsule-blogs-secondary: #1a1a2e;--capsule-blogs-text: #333;--capsule-blogs-text-light: #666;--capsule-blogs-bg: #f8f9fa;--capsule-blogs-white: #fff;--capsule-blogs-border: #e0e0e0;--capsule-blogs-shadow: 0 4px 20px rgba(0,0,0,.08);--capsule-blogs-shadow-hover: 0 8px 30px rgba(0,0,0,.12);--capsule-blogs-radius: 16px;--capsule-blogs-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.capsule-blogs{padding:60px 20px;background:var(--capsule-blogs-bg)}.capsule-blogs__container{max-width:1400px;margin:0 auto}.capsule-blogs__header{text-align:center;margin-bottom:50px}.capsule-blogs__title{font-size:clamp(32px,5vw,48px);font-weight:700;color:var(--capsule-blogs-secondary);margin:0 0 16px;line-height:1.2}.capsule-blogs__subtitle{font-size:18px;color:var(--capsule-blogs-text-light);max-width:600px;margin:0 auto;line-height:1.6}.capsule-blogs__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px}.capsule-blogs__filter-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--capsule-blogs-white);border:2px solid var(--capsule-blogs-border);border-radius:50px;font-size:14px;font-weight:600;color:var(--capsule-blogs-text);cursor:pointer;transition:var(--capsule-blogs-transition)}.capsule-blogs__filter-btn:hover{border-color:var(--capsule-blogs-primary);color:var(--capsule-blogs-primary)}.capsule-blogs__filter-btn.is-active{background:var(--capsule-blogs-primary);border-color:var(--capsule-blogs-primary);color:var(--capsule-blogs-white)}.capsule-blogs__filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:#0000001a;border-radius:12px;font-size:12px}.capsule-blogs__filter-btn.is-active .capsule-blogs__filter-count{background:#fff3}.capsule-blogs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.capsule-blogs__card{background:var(--capsule-blogs-white);border-radius:var(--capsule-blogs-radius);overflow:hidden;box-shadow:var(--capsule-blogs-shadow);transition:var(--capsule-blogs-transition)}.capsule-blogs__card:hover{transform:translateY(-8px);box-shadow:var(--capsule-blogs-shadow-hover)}.capsule-blogs__card-link{display:block;text-decoration:none!important;color:inherit}.capsule-blogs__card-image-wrapper{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.capsule-blogs__card-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}.capsule-blogs__card:hover .capsule-blogs__card-image{transform:scale(1.05)}.capsule-blogs__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff80}.capsule-blogs__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d9,#0006,#0000001a);z-index:1}.capsule-blogs__card-image-content{position:absolute;bottom:0;left:0;right:0;padding:24px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.capsule-blogs__card-category{display:inline-block;padding:6px 14px;background:var(--capsule-blogs-primary);color:var(--capsule-blogs-white);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:20px}.capsule-blogs__card-image-content .capsule-blogs__card-title{font-size:22px;font-weight:700;color:var(--capsule-blogs-white);margin:0;line-height:1.3;text-align:left;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.3)}.capsule-blogs__card-reading-time{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--capsule-blogs-white);font-size:12px;font-weight:500;border-radius:20px}.capsule-blogs__card-content{padding:24px}.capsule-blogs__card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;font-size:13px;color:var(--capsule-blogs-text-light)}.capsule-blogs__card-date,.capsule-blogs__card-author{display:flex;align-items:center;gap:6px}.capsule-blogs__card-author svg,.capsule-blogs__card-date svg{opacity:.7}.capsule-blogs__card-excerpt{font-size:14px;color:var(--capsule-blogs-text-light);line-height:1.7;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.capsule-blogs__card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.capsule-blogs__card-tag{padding:4px 10px;background:var(--capsule-blogs-bg);color:var(--capsule-blogs-text-light);font-size:12px;font-weight:500;border-radius:4px}.capsule-blogs__card-cta{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--capsule-blogs-primary);transition:var(--capsule-blogs-transition)}.capsule-blogs__card-cta svg{transition:transform .3s ease}.capsule-blogs__card:hover .capsule-blogs__card-cta svg{transform:translate(4px)}.capsule-blogs__empty{text-align:center;padding:80px 20px;color:var(--capsule-blogs-text-light)}.capsule-blogs__empty svg{margin-bottom:20px;opacity:.3}.capsule-blogs__empty p{font-size:18px;margin:0}@keyframes capsuleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.capsule-blogs__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}}@media (max-width: 768px){.capsule-blogs{padding:40px 16px}.capsule-blogs__header{margin-bottom:32px}.capsule-blogs__subtitle{font-size:16px}.capsule-blogs__filters{gap:8px;margin-bottom:24px}.capsule-blogs__filter-btn{padding:10px 16px;font-size:13px}.capsule-blogs__grid{grid-template-columns:1fr;gap:20px}.capsule-blogs__card-image-wrapper{aspect-ratio:16/10}.capsule-blogs__card-image-content{padding:16px;gap:8px}.capsule-blogs__card-image-content .capsule-blogs__card-title{font-size:18px;-webkit-line-clamp:2;line-clamp:2}.capsule-blogs__card-content{padding:16px}.capsule-blogs__card-excerpt{-webkit-line-clamp:2;line-clamp:2;margin-bottom:12px}}@media (max-width: 480px){.capsule-blogs__filter-btn{padding:8px 14px;font-size:12px}.capsule-blogs__filter-count{min-width:20px;height:20px;font-size:10px}.capsule-blogs__card-category{font-size:10px;padding:5px 10px}.capsule-blogs__card-reading-time{font-size:11px;padding:5px 10px}}.capsule-blogs__card:first-child{grid-column:span 1}@media (min-width: 900px){.capsule-blogs__card:first-child{grid-column:span 2}.capsule-blogs__card:first-child .capsule-blogs__card-image-wrapper{aspect-ratio:21/9}.capsule-blogs__card:first-child .capsule-blogs__card-image-content{padding:32px}.capsule-blogs__card:first-child .capsule-blogs__card-image-content .capsule-blogs__card-title{font-size:32px;-webkit-line-clamp:2;line-clamp:2}.capsule-blogs__card:first-child .capsule-blogs__card-excerpt{-webkit-line-clamp:4;line-clamp:4}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/capsule-blogs-listing.css.map */