.supplier-filter-page{min-height:100vh;padding:0}.supplier-breadcrumb a{font-size:18px;font-weight:600;color:#000}.container{max-width:1366px;margin:0 auto;padding:0 20px}.supplier-filter-layout{display:flex;gap:30px;margin-top:20px}.filter-sidebar{width:300px;flex-shrink:0;background:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 10px rgb(0 0 0 / .08);height:fit-content;position:sticky;top:20px}.filter-content{flex:1;background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px rgb(0 0 0 / .08)}.quick-search-section{margin-bottom:30px;background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}.quick-search-container{position:relative}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999;font-size:18px;z-index:2}.clear-search-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:#dc3545;color:#fff;border:none;border-radius:50%;width:25px;height:25px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.clear-search-btn:hover{background:#c82333}.search-hints{text-align:center;margin-top:10px}.search-hints small{color:#6c757d;font-size:13px}.filter-section{margin-bottom:25px}.filter-section:last-child{margin-bottom:0}.filter-section h3{margin:0 0 15px 0;color:#333;font-size:18px!important;padding-bottom:10px;border-bottom:2px solid #e9ecef;font-weight:600}.filter-list{list-style:none;padding:0;margin:0}.filter-list li{margin-bottom:8px}.filter-list li:last-child{margin-bottom:0}.filter-list a{display:block;padding:8px 12px;color:#555;text-decoration:none;border-radius:4px;transition:all 0.3s ease;font-size:14px}.filter-list a:hover{background:#e3f2fd;color:#0073aa;padding-left:15px}.filter-list a.active{background:#0073aa;color:#fff;font-weight:500}.tag-count{float:right;background:#e9ecef;color:#495057;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:500}.filter-list a.active .tag-count{background:rgb(255 255 255 / .3);color:#fff}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.filter-header h1{margin:0;color:#333;font-size:24px!important;font-weight:600}.result-count{color:#6c757d;font-size:16px;font-weight:500}.result-count span{color:#c82333}.supplier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-bottom:30px}.supplier-card{display:flex;flex-direction:column;gap:10px;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;transition:all 0.3s ease;background:#fff;box-shadow:0 2px 8px rgb(0 0 0 / .08)}.supplier-card>:last-child{margin-top:auto}.supplier-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgb(0 0 0 / .15);border-color:#0073aa}.supplier-card.svip{border-color:gold;position:relative}.supplier-card.svip::before{content:"Verified";position:absolute;top:10px;right:10px;background:gold;color:#000;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:700;z-index:2}.supplier-card.vip{border-color:#1e90ff;position:relative}.supplier-card.vip::before{content:"Verified";position:absolute;top:10px;right:10px;background:#1e90ff;color:#fff;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:700;z-index:2}.supplier-logo{height:150px;display:flex;align-items:center;justify-content:center;background:#f0f8ff;padding:20px;border-bottom:1px solid #e9ecef;border-radius:8px}.supplier-logo img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.placeholder-logo{width:80px;height:80px;background:#0073aa;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.supplier-info{display:flex;flex-direction:column;gap:10px;padding:0 10px}.supplier-info h3{font-size:18px!important;margin:0}.supplier-info h3 a{color:#333;text-decoration:none}.supplier-info h3 a:hover{color:#c8102e}.supplier-country{color:#666;font-size:14px}.supplier-description{color:#555;font-size:14px;line-height:1.4}.supplier-meta{display:flex;justify-content:space-between;font-size:13px;color:#777;margin-top:15px;padding-top:15px;border-top:1px solid #eee}.supplier-pagination{margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef;text-align:center}.pagination-info{margin-bottom:15px;color:#6c757d;font-size:14px}.pagination-links{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.pagination-links a,.pagination-links span{padding:8px 12px;text-decoration:none;border-radius:4px;border:1px solid #ddd;color:#0073aa;transition:all 0.3s ease}.pagination-links a:hover{background:#0073aa;color:#fff;border-color:#0073aa}.pagination-links .current-page{background:#0073aa;color:#fff;border-color:#0073aa;font-weight:700}.pagination-links .dots{background:#fff0;border:none;color:#6c757d}.pagination-links .prev-page,.pagination-links .next-page{background:#f8f9fa;color:#0073aa}.no-suppliers{text-align:center;padding:60px 20px;color:#6c757d;font-size:16px}.no-suppliers a{display:inline-block;margin-top:15px;padding:10px 20px;background:#0073aa;color:#fff;text-decoration:none;border-radius:4px;transition:background 0.3s}.no-suppliers a:hover{background:#005a87}.search-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.back-button{text-align:center;background:transition;color:#c8102e;border-top:1px solid #c8102e;padding:8px 15px;border-radius:0 0 4px 4px;cursor:pointer;font-size:14px;transition:background 0.3s;font-weight:600}.back-button:hover{background:#c8102e;color:#fff}@media (max-width:1024px){.supplier-filter-layout{flex-direction:column;gap:25px}.filter-sidebar{width:100%;position:static}.filter-header{flex-direction:column;align-items:flex-start;gap:15px}.supplier-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media (max-width:768px){.supplier-filter-page{padding:15px 0}.container{padding:0 15px}.filter-sidebar{display:none}.filter-content{padding:20px}.filter-header h1{font-size:20px}.result-count{font-size:14px}.supplier-info{padding:15px}.supplier-info h3{font-size:16px}.supplier-meta{flex-direction:column;gap:8px}.supplier-grid{grid-template-columns:1fr;gap:20px}.search-results-header{flex-direction:column;align-items:flex-start;gap:15px}}@media (max-width:480px){.filter-sidebar,.filter-content{padding:15px}.filter-header h1{font-size:18px}.supplier-info{padding:12px}.placeholder-logo{width:60px;height:60px;font-size:24px}.supplier-info h3{font-size:15px}.supplier-country,.supplier-description{font-size:13px}.supplier-meta{font-size:12px}.pagination-links{gap:5px}.pagination-links a,.pagination-links span{padding:6px 10px;font-size:13px}}