.catpostfilter-container{max-width:1200px;margin:0 auto;padding:20px}.catpostfilter-filters{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap;align-items:center}.catpostfilter-category-filter,.catpostfilter-sort-filter{padding:8px 12px;border:1px solid #ddd;border-radius:4px;min-width:200px}.catpostfilter-view-toggle{margin-left:auto}.catpostfilter-view-toggle button{padding:8px 15px;border:1px solid #ddd;background:#fff;cursor:pointer;transition:all 0.3s ease;width:auto;display:inline}.catpostfilter-view-toggle button:first-child{border-radius:4px 0 0 4px}.catpostfilter-view-toggle button:last-child{border-radius:0 4px 4px 0}.catpostfilter-view-toggle button.active{background:#007bff;color:#fff;border-color:#007bff}.catpostfilter-list-view .catpostfilter-post{display:flex;gap:20px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee}.catpostfilter-list-view .catpostfilter-post-thumbnail{flex:0 0 250px}.catpostfilter-list-view .catpostfilter-post-content{flex:1}.catpostfilter-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.catpostfilter-grid-view .catpostfilter-post{border:1px solid #eee;border-radius:8px;overflow:hidden}.catpostfilter-grid-view .catpostfilter-post-thumbnail{margin-bottom:15px}.catpostfilter-grid-view .catpostfilter-post-thumbnail img{width:100%;height:200px;object-fit:cover}.catpostfilter-grid-view .catpostfilter-post-content{padding:15px}.catpostfilter-post-title{margin:0 0 15px;font-size:1.5em}.catpostfilter-post-title a{color:inherit;text-decoration:none}.catpostfilter-post-meta{color:#666;font-size:.9em;margin-bottom:15px}.catpostfilter-post-meta span:not(:last-child):after{content:"•";margin:0 5px}.catpostfilter-post-excerpt{margin-bottom:15px;line-height:1.6}.catpostfilter-read-more{display:inline-block;color:#007bff;text-decoration:none;font-weight:500}.catpostfilter-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.catpostfilter-error{color:#dc3545;text-align:center;padding:20px}.catpostfilter-pagination{margin-top:30px;text-align:center}.catpostfilter-pagination .page-numbers{display:inline-block;padding:8px 12px;margin:0 5px;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:inherit}.catpostfilter-pagination .current{background:#007bff;color:#fff;border-color:#007bff}@media (max-width:768px){.catpostfilter-filters{flex-direction:column;align-items:stretch}.catpostfilter-view-toggle{margin:15px 0;width:100%;display:flex}.catpostfilter-view-toggle button{flex:1}.catpostfilter-list-view .catpostfilter-post{flex-direction:column}.catpostfilter-list-view .catpostfilter-post-thumbnail{flex:none;margin-bottom:15px}}