.retrofam-blog-listing{font-family:Inter,sans-serif;line-height:1.6;color:#080707}.retrofam-blog-banner{background:linear-gradient(135deg,#2b6365,#1a4a4c);padding:2rem 0;color:#fff;text-align:center}.retrofam-banner-container{max-width:1440px;margin:0 auto;padding:0 1rem}.retrofam-banner-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.retrofam-banner-subtitle{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.retrofam-banner-button{background:#ea4325;color:#fff;padding:.75rem 2rem;border:2px solid #080707;border-radius:4px;text-decoration:none;font-weight:600;transition:all .2s ease;display:inline-block}.retrofam-banner-button:hover{background:#d13a1f;transform:translateY(-1px)}.retrofam-blog-main{max-width:1440px;margin:0 auto;padding:2rem 1rem}.retrofam-blog-container{width:100%}.retrofam-blog-filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media (min-width: 768px){.retrofam-blog-filters{flex-direction:row;align-items:center;justify-content:space-between}}.retrofam-category-filters{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:#EA4325 #f0f0f0;flex:1}.retrofam-category-filters::-webkit-scrollbar{height:6px}.retrofam-category-filters::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.retrofam-category-filters::-webkit-scrollbar-thumb{background:#ea4325;border-radius:3px}.retrofam-category-filters::-webkit-scrollbar-thumb:hover{background:#d13a1f}.retrofam-category-filter{padding:.5rem 1rem;border:1px solid #080707;background:transparent;cursor:pointer;white-space:nowrap;transition:all .3s ease;border-radius:20px;font-weight:500;font-size:.875rem;min-width:fit-content}.retrofam-category-filter:hover{background:#f8f8f8;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.retrofam-category-filter.active{background:#ea4325;color:#fff;border-color:#ea4325;box-shadow:0 2px 8px #ea43254d}.retrofam-search-container{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #080707;transition:all .3s ease;border-radius:4px;background:#fff;min-width:250px;width:250px}.retrofam-search-container.expanded{transform:scale(1.05);box-shadow:0 6px 20px #00000026;border-color:#ea4325;background:#fefefe;width:350px;min-width:350px}.retrofam-search-icon{color:#666}.retrofam-search-input{border:none;outline:none;background:transparent;width:100%;font-size:1rem;transition:all .3s ease}.retrofam-search-input:focus{font-size:1.05rem}.retrofam-search-container.expanded .retrofam-search-input{font-size:1.05rem}.retrofam-blog-grid{display:grid;gap:1.5rem}@media (min-width: 768px){.retrofam-blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.retrofam-blog-grid{grid-template-columns:repeat(3,1fr)}}.retrofam-blog-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:transform .2s ease}.retrofam-blog-card:hover{transform:translateY(-2px)}.retrofam-blog-card.large{grid-column:1 / -1;display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.retrofam-blog-card.large{grid-template-columns:1fr 1fr}}.retrofam-blog-image{width:100%;height:200px;object-fit:cover}.retrofam-blog-card.large .retrofam-blog-image{height:300px}.retrofam-blog-content{padding:1rem}.retrofam-blog-title{font-size:1.25rem;font-weight:700;color:#080707;text-decoration:none;margin-bottom:.5rem;display:block}.retrofam-blog-title:hover{text-decoration:underline}.retrofam-blog-card.large .retrofam-blog-title{font-size:1.5rem}.retrofam-blog-excerpt{color:#666;margin-bottom:1rem;line-height:1.5}.retrofam-blog-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem}.retrofam-blog-author{display:flex;align-items:center;gap:.5rem}.retrofam-author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.retrofam-reading-time,.retrofam-blog-date{color:#666}.retrofam-loading-state,.retrofam-empty-state{text-align:center;padding:2rem;color:#666}.retrofam-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #EA4325;border-radius:50%;animation:retrofam-spin 1s linear infinite;margin:0 auto}@keyframes retrofam-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retrofam-page-info{text-align:center;margin-bottom:1rem;color:#666;font-size:.875rem;display:none}.retrofam-page-info strong{color:#080707}.retrofam-pagination{display:flex;justify-content:center;margin-top:3rem;margin-bottom:2rem}.retrofam-pagination-list{display:flex;gap:.25rem;list-style:none;align-items:center;flex-wrap:wrap;justify-content:center}.retrofam-pagination-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:.5rem .75rem;border:2px solid #080707;text-decoration:none;color:#080707;transition:all .2s ease;font-weight:600;border-radius:4px;background:#fff;font-size:.875rem}.retrofam-pagination-link.active{background:#ea4325;color:#fff;border-color:#080707;box-shadow:0 2px 4px #0003}.retrofam-pagination-link:hover:not(.active):not(.disabled){background:#f8f8f8;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.retrofam-pagination-link.disabled{opacity:.5;cursor:not-allowed;border-color:#ccc;color:#999}.retrofam-pagination-link.disabled:hover{transform:none;box-shadow:none;background:#fff}.retrofam-pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:.5rem .75rem;color:#666;font-weight:600}@media (max-width: 767px){.retrofam-blog-filters{gap:1.5rem}.retrofam-search-container{width:100%;min-width:100%}.retrofam-search-container.expanded{width:100%;min-width:100%;transform:scale(1.02)}.retrofam-banner-title{font-size:2rem}.retrofam-banner-subtitle{font-size:1.1rem}}@media (max-width: 640px){.retrofam-pagination-list{gap:.125rem}.retrofam-pagination-link{min-width:36px;height:36px;padding:.5rem;font-size:.8rem}.retrofam-pagination-ellipsis{min-width:36px;height:36px;padding:.5rem}}@media (max-width: 480px){.retrofam-pagination-list{gap:.125rem}.retrofam-pagination-link{min-width:32px;height:32px;padding:.375rem;font-size:.75rem}.retrofam-pagination-ellipsis{min-width:32px;height:32px;padding:.375rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/blog-template.css.map */