.search-container{position:relative;max-width:950px;margin:40px auto 60px;overflow:visible!important}.search-bar{display:flex;align-items:center;gap:12px;position:relative}#search-input{flex:1;height:58px;border-radius:18px;border:1px solid #ddd;background:#fff;padding:0 20px;font-size:15px;outline:none;transition:var(--transition)}#search-input:focus{border-color:#000;box-shadow:0 0 0 4px rgb(0 0 0 / .05)}.open-filter{height:58px;padding:0 22px;border:none;border-radius:18px;background:#000;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.open-filter:hover{background:#222}#filter-panel{position:absolute;top:calc(100% + 12px);left:0;width:100%;max-width:760px;background:#fff;border-radius:24px;padding:24px;box-shadow:0 30px 80px rgb(0 0 0 / .14);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);z-index:9999}#filter-panel.active{opacity:1;visibility:visible;transform:translateY(0)}.filter-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #eee}.filter-header h3{font-size:20px}#close-filter{width:38px;height:38px;border:none;border-radius:50%;background:#f5f5f5;cursor:pointer;font-size:16px}.filter-body{margin-top:24px}.filter-group{margin-bottom:26px}.filter-group h4{margin-bottom:14px;font-size:15px}.filter-item{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;background:#f5f5f5;margin:5px;cursor:pointer;font-size:13px;font-weight:600;transition:var(--transition)}.filter-item:hover{background:#ebebeb}.filter-item.active{background:#000;color:#fff}#sort-select{width:100%;height:50px;border-radius:14px;border:1px solid #ddd;background:#fff;padding:0 16px;outline:none}#reset-filter{height:50px;padding:0 20px;border-radius:14px;border:1px solid #ddd;background:#f8f9fa;cursor:pointer;font-weight:700}#reset-filter:hover{background:#000;color:#fff}#autocomplete-box{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 16px 40px rgb(0 0 0 / .08);display:none;z-index:9999;overflow:hidden}.ac-section{padding:8px 0}.ac-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer}.ac-item:hover{background:#f7f7f7}.ac-logo{width:24px;height:24px;object-fit:contain}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.skeleton-card{background:#fff;border:1px solid #eee;border-radius:24px;padding:20px}.skeleton-logo,.skeleton-line,.skeleton-btn{background:linear-gradient(90deg,#f0f0f0 25%,#f7f7f7 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton 1.4s infinite linear}.skeleton-logo{width:70px;height:70px;border-radius:18px;margin-bottom:20px}.skeleton-line{height:16px;border-radius:10px;margin-bottom:12px}.skeleton-line.short{width:60%}.skeleton-btn{height:48px;border-radius:14px;margin-top:24px}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}@media(max-width:768px){.search-bar{flex-wrap:wrap}#search-input{width:100%}}