.filter-work-container{max-width:75%;margin:0 auto;padding:1rem 1rem 2rem}.filter-work-header{text-align:center;margin-bottom:2rem}.filter-work-header h2{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.filter-work-header p{font-size:1.25rem;color:#6b7280}.filter-section{background:white;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:1.5rem;margin-bottom:2rem;border:1px solid #e5e7eb;max-width:48rem;margin-left:auto;margin-right:auto}.filter-controls{display:flex;flex-direction:column;gap:1rem;align-items:center}.autocomplete-container{position:relative;width:100%;max-width:500px;margin:0 auto}.form-input{width:100%;padding:1rem 1.5rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1.125rem;transition:all .2s;background:#fff;color:#111827}.form-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000;max-height:200px;overflow-y:auto}.autocomplete-item{padding:10px 15px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.autocomplete-item:hover{background-color:#f5f5f5}.autocomplete-item:last-child{border-bottom:none}.option-name{font-weight:500;color:#333}.option-description{font-size:.85em;color:#666;margin-top:2px}.clear-filter-btn{background:#ef4444;color:white;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;align-self:center}.clear-filter-btn:hover{background:#dc2626;transform:translateY(-1px)}.ad-list-section{background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:2rem;border:1px solid #e5e7eb;max-width:100%;margin-left:auto;margin-right:auto}.ad-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.ad-list-header h3{font-size:1.5rem;font-weight:700;color:#1f2937}.ad-list-count{background:#f3f4f6;color:#6b7280;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600}.ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.error-state,.loading-state,.no-results,.select-category{text-align:center;padding:3rem 1rem}.loading-state .spinner{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state p{color:#dc2626;margin-bottom:1rem}.no-results p,.select-category p{color:#6b7280;margin-bottom:.5rem}@media (max-width:768px){.filter-work-container{padding:1rem .5rem}.filter-header h2{font-size:2rem}.autocomplete-container{max-width:100%}.ads-grid{grid-template-columns:1fr;gap:1rem}}.ad-card{background:white;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden;transition:transform .2s,box-shadow .2s;border:1px solid #e5e7eb;padding:1.5rem;max-width:400px}.ad-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.ad-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem}.ad-icon{font-size:1.5rem;color:#6b7280;flex-shrink:0}.ad-rating{font-size:1rem;color:#fbbf24;flex-shrink:0;position:absolute;left:50%;transform:translateX(-50%)}.ad-location{font-size:.875rem;color:#6b7280;font-weight:500;text-align:right;flex:1}.ad-header{position:relative}.ad-availability{font-size:.75rem;color:#10b981;background:#ecfdf5;padding:.25rem .75rem;border-radius:9999px;border:1px solid #10b981;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;display:inline-block;width:fit-content;margin-left:auto;margin-right:auto}.ad-availability,.ad-name{font-weight:600;text-align:center}.ad-name{font-size:1.125rem;color:#1f2937;margin-bottom:.5rem}.ad-profession{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem;text-align:center;text-transform:capitalize}.ad-attributes{margin-bottom:1.5rem}.ad-attributes ul{list-style:none;padding:0;margin:0}.ad-attributes li{color:#6b7280;font-size:.875rem;margin-bottom:.25rem;padding-left:1rem;position:relative}.ad-attributes li:before{content:"-";position:absolute;left:0;color:#9ca3af}.ad-showcase{margin-bottom:1.5rem}.showcase-placeholder{width:100%;height:250px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.875rem;font-weight:500}.showcase-placeholder img{width:100%;height:100%;object-fit:contain;border-radius:.375rem;background-color:#f8fafc}.ad-price{text-align:center}.price-amount{background:#f3f4f6;color:#1f2937;font-size:1.25rem;font-weight:700;padding:.75rem 1.5rem;border-radius:.5rem;display:inline-block;border:2px solid #e5e7eb}.ad-description{color:#374151;line-height:1.6;margin-bottom:1.5rem;font-size:.875rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);font-weight:500;text-align:justify;hyphens:auto;word-wrap:break-word}@media (max-width:768px){.ad-card{padding:1rem;max-width:100%}.ad-header{flex-wrap:wrap;gap:.5rem}.ad-rating{margin-left:0;margin-right:0}}@media (max-width:480px){.ad-card{padding:.75rem}.ad-profession,.price-amount{font-size:1.125rem}.price-amount{padding:.5rem 1rem}}