.search-results-container{padding-top:40px;padding-bottom:80px}.search-result-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.search-result-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.search-result-header .count-badge{background:var(--primary-color);color:#fff;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:600}.search-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;display:grid}.search-card{background:var(--surface-bg);cursor:pointer;border:1px solid #0000000a;border-radius:16px;flex-direction:column;height:100%;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.search-card:hover{border-color:var(--primary-color);transform:translateY(-8px);box-shadow:0 12px 30px #00000014}.search-image-wrapper{aspect-ratio:16/24;background:#f8f9fa;width:100%;position:relative;overflow:hidden}.search-image-wrapper img{transition:transform .6s}.search-card:hover .search-image-wrapper img{transform:scale(1.08)}.type-badge{backdrop-filter:blur(4px);color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:10;background:#0009;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:12px;left:12px}.search-card-content{flex-direction:column;flex-grow:1;padding:20px;display:flex}.search-card-title{color:var(--text-primary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-size:1.15rem;font-weight:700;line-height:1.4;transition:color .3s;display:-webkit-box;overflow:hidden}.search-card:hover .search-card-title{color:var(--primary-color)}.search-card-footer{color:var(--text-secondary);align-items:center;margin-top:auto;font-size:.9rem;display:flex}.read-more{color:var(--primary-color);align-items:center;gap:6px;font-weight:600;display:flex}.search-empty{text-align:center;padding:100px 20px}.search-empty i{color:#cbd5e1;margin-bottom:24px;font-size:4rem;display:block}.search-empty h3{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem}.search-empty p{color:var(--text-secondary);max-width:400px;margin:0 auto}.search-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:100px 20px;display:flex}.spinner{border:3px solid #0060691a;border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:640px){.search-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}}
