.smart-filters{width:100%;background:#ffffff;border:1.5px solid #e2e8f0;border-radius:12px;padding:20px 32px;margin-bottom:48px;box-shadow:0 2px 12px rgba(0,139,172,.08);transition:all .3s ease;animation:slideInDown .4s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.smart-filters.is-sticky{position:-webkit-sticky;position:sticky;top:80px;z-index:40;animation:slideInSticky .3s ease;box-shadow:0 4px 20px rgba(0,139,172,.12);border-color:#cbd5e1}@keyframes slideInSticky{0%{transform:translateY(-10px);opacity:.9}to{transform:translateY(0);opacity:1}}.smart-filters-container{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.smart-filters-count{display:flex;align-items:center;gap:12px;font-weight:600;color:#0f172a;flex-shrink:0}.count-number{font-size:28px;font-weight:800;background:linear-gradient(135deg,#008BAC,#00695c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.count-label{font-size:16px;color:#64748b;font-weight:600}.count-search{font-size:14px;color:#94a3b8;font-weight:500;font-style:italic}.smart-filters-controls{display:flex;align-items:center;gap:16px;flex:1 1;justify-content:flex-end}.smart-filter-dropdown{position:relative;display:flex;align-items:center;gap:10px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:12px 18px;transition:all .3s ease;cursor:pointer}.smart-filter-dropdown:hover{background:#ffffff;border-color:#008BAC;box-shadow:0 4px 12px rgba(0,139,172,.12);transform:translateY(-2px)}.smart-filter-dropdown:focus-within{border-color:#008BAC;box-shadow:0 0 0 3px rgba(0,139,172,.1)}.filter-icon{color:#008BAC;flex-shrink:0}.filter-icon,.filter-select-text{position:relative;z-index:2;pointer-events:none}.filter-select-text{font-size:15px;font-weight:600;color:#0f172a;flex:1 1;min-width:0}.filter-select{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border:none;background:transparent;font-size:15px;font-weight:600;color:transparent;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;z-index:3;opacity:1}.filter-select option{color:#0f172a;background:#ffffff}.dropdown-icon{color:#64748b;pointer-events:none;transition:transform .2s ease;flex-shrink:0;position:relative;z-index:2}.dropdown-icon.is-open{transform:rotate(180deg)}.smart-filter-dropdown:hover .dropdown-icon:not(.is-open){transform:translateY(2px)}.custom-filter-dropdown{position:relative;min-width:180px}.custom-dropdown-trigger{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:12px 18px;transition:all .3s ease;cursor:pointer;width:100%;text-align:left;font-family:inherit;min-height:44px}.custom-dropdown-trigger .filter-icon,.custom-dropdown-trigger .filter-select-text{pointer-events:none}.custom-dropdown-trigger .dropdown-icon{pointer-events:none;margin-left:auto}.custom-dropdown-trigger:hover{background:#ffffff;border-color:#008BAC;box-shadow:0 4px 12px rgba(0,139,172,.12);transform:translateY(-2px)}.custom-dropdown-trigger:focus{outline:none;border-color:#008BAC;box-shadow:0 0 0 3px rgba(0,139,172,.1)}.custom-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#ffffff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12),0 4px 12px rgba(0,139,172,.08);z-index:1000;max-height:320px;overflow-y:auto;overflow-x:hidden;animation:dropdownFadeIn .2s ease;min-width:200px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-option{display:block;width:100%;padding:12px 18px;background:transparent;color:#0f172a;font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;border:none;border-bottom:1px solid #f1f5f9}.custom-dropdown-option:last-child{border-bottom:none}.custom-dropdown-option:hover{background:#f8fafc;color:#008BAC;padding-left:22px}.custom-dropdown-option.is-selected{background:linear-gradient(90deg,rgba(0,139,172,.08),rgba(0,139,172,.04));color:#008BAC;font-weight:600;border-left:3px solid #008bac;padding-left:15px}.custom-dropdown-option.is-selected:hover{background:linear-gradient(90deg,rgba(0,139,172,.12),rgba(0,139,172,.06));padding-left:18px}.smart-filter-view-toggle{display:flex;gap:6px;background:#f8fafc;border-radius:10px;padding:6px;border:1.5px solid #e2e8f0}.view-toggle-button{display:flex;align-items:center;justify-content:center;padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s ease}.view-toggle-button:hover{background:#ffffff;color:#008BAC}.view-toggle-button.active{background:#008BAC;color:#ffffff;box-shadow:0 2px 8px rgba(0,139,172,.2)}.mobile-filters-button{display:none;align-items:center;gap:8px;padding:12px 20px;background:#008BAC;color:#ffffff;border:none;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.mobile-filters-button:hover{background:#00695c;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,139,172,.3)}.mobile-filter-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:99;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-filter-sheet{display:none;position:fixed;bottom:0;left:0;right:0;background:#ffffff;border-radius:24px 24px 0 0;padding:24px;z-index:100;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);max-height:80vh;overflow-y:auto}.mobile-filter-sheet.is-open{transform:translateY(0)}.mobile-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1.5px solid #e2e8f0}.mobile-filter-header h3{font-size:20px;font-weight:700;color:#0f172a;margin:0}.mobile-filter-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:none;border-radius:8px;font-size:28px;color:#64748b;cursor:pointer;transition:all .2s ease}.mobile-filter-close:hover{background:#e2e8f0;color:#0f172a}.mobile-filter-content{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.mobile-filter-section{display:flex;flex-direction:column;gap:12px}.mobile-filter-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#0f172a;font-size:15px}.mobile-filter-label svg{color:#008BAC}.mobile-filter-select{width:100%;padding:14px 16px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:500;color:#0f172a;background:#ffffff;cursor:pointer;transition:all .2s ease}.mobile-filter-select:focus{outline:none;border-color:#008BAC;box-shadow:0 0 0 3px rgba(0,139,172,.1)}.mobile-view-toggle{display:flex;gap:12px}.mobile-view-button{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1.5px solid #e2e8f0;background:#ffffff;border-radius:10px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.mobile-view-button:hover{border-color:#008BAC;color:#008BAC}.mobile-view-button.active{background:#008BAC;color:#ffffff;border-color:#008BAC}.mobile-filter-actions{display:flex;gap:12px;padding-top:16px;border-top:1.5px solid #e2e8f0}.mobile-filter-apply,.mobile-filter-clear{flex:1 1;padding:14px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.mobile-filter-clear{background:#f8fafc;border:1.5px solid #e2e8f0;color:#64748b}.mobile-filter-clear:hover{background:#e2e8f0;color:#0f172a}.mobile-filter-apply{background:#008BAC;border:none;color:#ffffff}.mobile-filter-apply:hover{background:#00695c;box-shadow:0 4px 12px rgba(0,139,172,.3)}@media (max-width:1024px){.smart-filters{padding:16px 24px}.smart-filters-container{gap:16px}.filter-select{min-width:140px}}@media (max-width:768px){.smart-filters{padding:16px 20px}.desktop-filters{display:none}.mobile-filters-button{display:flex;flex:1 1;justify-content:center}.mobile-filter-backdrop,.mobile-filter-sheet{display:block}.smart-filters-count{flex-direction:column;align-items:flex-start;gap:4px}.count-number{font-size:24px}.count-label{font-size:14px}.count-search{font-size:13px}}@media (max-width:640px){.smart-filters{padding:12px 16px;margin-bottom:32px}.smart-filters.is-sticky{top:60px}.smart-filters-container{gap:12px}.count-number{font-size:20px}.count-label{font-size:13px}}.enhanced-service-card-link{text-decoration:none;color:inherit;display:block;height:100%}.enhanced-service-card-link:hover{text-decoration:none}.enhanced-service-card-simple{background:white;border:2px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);height:100%;display:flex;flex-direction:column;gap:16px;position:relative;overflow:visible}.enhanced-service-card-simple:hover{border-color:#008BAC;box-shadow:0 8px 24px rgba(0,139,172,.12);transform:translateY(-2px)}.enhanced-service-card-simple.featured{border-color:#008BAC;background:linear-gradient(135deg,#ffffff,rgba(0,139,172,.02))}.enhanced-service-card-simple.featured:hover{box-shadow:0 12px 32px rgba(0,139,172,.18)}.enhanced-card-header{display:flex;align-items:center;gap:12px;position:relative}.enhanced-card-icon{width:56px;height:56px;background:linear-gradient(135deg,#008BAC,#003E52);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px rgba(0,139,172,.25)}.enhanced-card-badges{display:flex;flex-direction:column;gap:6px;flex:1 1}.enhanced-card-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;width:-moz-fit-content;width:fit-content}.enhanced-card-badge.category{background:rgba(0,139,172,.1);color:#008BAC;border:1px solid rgba(0,139,172,.2)}.enhanced-card-badge.featured-badge{background:rgba(227,63,55,.1);color:#E33F37;border:1px solid rgba(227,63,55,.2)}.enhanced-card-checkmark{width:24px;height:24px;color:#10B981;position:absolute;top:-8px;right:-8px;background:white;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1)}.enhanced-card-title{font-size:20px;font-weight:700;color:#1F2937;line-height:1.3;margin:0;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.enhanced-service-card-simple:hover .enhanced-card-title{color:#008BAC}.enhanced-card-description{font-size:14px;line-height:1.6;color:#6B7280;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.enhanced-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.enhanced-card-tag{display:inline-flex;align-items:center;padding:6px 12px;background:#F3F4F6;border-radius:6px;font-size:11px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.03em;border:1px solid #e5e7eb}.enhanced-card-tag.blue,.enhanced-card-tag.highlight{background:rgba(0,139,172,.1);color:#008BAC}.enhanced-card-tag.blue{border:1px solid rgba(0,139,172,.2)}.enhanced-card-audiences{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;border-top:1px solid #e5e7eb}.enhanced-audience-tag{display:inline-flex;align-items:center;padding:6px 12px;background:white;border:1px solid #e5e7eb;border-radius:6px;font-size:11px;font-weight:500;color:#374151;transition:all .3s ease}.enhanced-audience-tag:hover{border-color:rgba(0,139,172,.3);background:rgba(0,139,172,.05)}.enhanced-audience-tag.more{background:rgba(0,139,172,.1);border-color:rgba(0,139,172,.2);color:#008BAC;font-weight:600}.enhanced-card-cta{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#008BAC;color:white;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;margin-top:8px}.enhanced-card-cta:hover{background:#003E52;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,139,172,.3)}.enhanced-card-cta-icon{width:16px;height:16px;transition:transform .3s ease}.enhanced-card-cta:hover .enhanced-card-cta-icon{transform:translateX(4px)}@media (max-width:768px){.enhanced-service-card-simple{padding:20px}.enhanced-card-icon{width:48px;height:48px;font-size:16px}.enhanced-card-title{font-size:18px}.enhanced-card-description{font-size:13px}}@media (max-width:480px){.enhanced-service-card-simple{padding:16px}.enhanced-card-header{gap:10px}.enhanced-card-badges{gap:4px}}.service-filters-container{margin-bottom:40px;background:linear-gradient(135deg,#F9FAFB,#FFFFFF);padding:32px;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.04)}.service-search-wrapper{margin-bottom:24px}.service-search-container{position:relative;max-width:700px}.service-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#008BAC;pointer-events:none}.service-search-input{width:100%;padding:16px 16px 16px 48px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;color:#1F2937;background:white;transition:all .3s ease;outline:none}.service-search-input::placeholder{color:#9CA3AF}.service-search-input:hover{border-color:#D1D5DB}.service-search-input:focus{border-color:#008BAC;box-shadow:0 0 0 4px rgba(0,139,172,.1)}.service-filters-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.service-filter-group{display:flex;align-items:center;gap:12px;padding:12px 16px;background:white;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.04);transition:all .3s ease}.service-filter-group:hover{border-color:rgba(0,139,172,.3);box-shadow:0 4px 8px rgba(0,139,172,.08)}.service-filter-icon{width:16px;height:16px;color:#008BAC;flex-shrink:0}.service-filter-select{border:none;background:transparent;font-size:14px;font-weight:600;color:#374151;cursor:pointer;padding:0;outline:none;min-width:140px}.service-filter-select:focus{outline:none}.service-view-toggle{display:flex;align-items:center;gap:8px;margin-left:auto;background:white;padding:4px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 4px rgba(0,0,0,.04)}.service-view-button{padding:10px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.service-view-button svg{width:16px;height:16px;color:#6B7280;transition:color .3s ease}.service-view-button:hover:not(.active){background:#F3F4F6}.service-view-button:hover:not(.active) svg{color:#374151}.service-view-button.active{background:linear-gradient(135deg,#008BAC,#003E52);box-shadow:0 4px 12px rgba(0,139,172,.3)}.service-view-button.active svg{color:white}.service-results-header{margin-bottom:32px;justify-content:space-between;flex-wrap:wrap}.service-results-header,.service-results-info{display:flex;align-items:center;gap:16px}.service-results-badge{width:48px;height:48px;background:linear-gradient(135deg,#008BAC,#003E52);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,139,172,.3);flex-shrink:0}.service-results-count{font-size:16px;font-weight:700;color:white;margin:0}.service-results-text-wrapper{display:flex;flex-direction:column;gap:4px}.service-results-title{font-size:18px;font-weight:700;color:#1F2937;margin:0}.service-results-filters{font-size:14px;color:#6B7280;margin:0}.service-clear-filters{padding:10px 20px;background:transparent;border:none;color:#008BAC;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:8px}.service-clear-filters:hover{background:rgba(0,139,172,.1);color:#003E52}.service-empty-state{text-align:center;padding:80px 20px}.service-empty-content{max-width:500px;margin:0 auto}.service-empty-icon-wrapper{width:96px;height:96px;background:linear-gradient(135deg,rgba(0,139,172,.1),rgba(0,139,172,.05));border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.service-empty-icon{width:48px;height:48px;color:#008BAC}.service-empty-title{font-size:24px;font-weight:700;color:#1F2937;margin:0 0 12px}.service-empty-description{font-size:16px;color:#6B7280;line-height:1.6;margin:0 0 24px}.service-empty-actions{display:flex;flex-direction:column;gap:12px;align-items:center}@media (min-width:640px){.service-empty-actions{flex-direction:row;justify-content:center}}.service-empty-button{display:inline-flex;align-items:center;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none}.service-empty-button.primary{background:#008BAC;color:white}.service-empty-button.primary:hover{background:#003E52;box-shadow:0 8px 20px rgba(0,139,172,.3)}.service-empty-button.secondary{background:transparent;color:#374151;border:2px solid #d1d5db}.service-empty-button.secondary:hover{border-color:#008BAC;color:#008BAC}.service-empty-help{margin-top:32px;padding:20px;background:#EFF6FF;border:1px solid #dbeafe;border-radius:12px;text-align:left}.service-empty-help-title{font-size:14px;font-weight:600;color:#1E40AF;margin:0 0 12px}.service-empty-help-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.service-empty-help-list li{font-size:14px;color:#1E3A8A;padding-left:0}.service-empty-help-list code{background:#DBEAFE;padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px}.service-empty-help-list a{color:#1E40AF;text-decoration:underline;font-weight:600}.service-empty-help-list a:hover{color:#1E3A8A}@media (max-width:768px){.service-filters-container{padding:24px}.service-filters-row{flex-direction:column;align-items:stretch}.service-filter-group{width:100%}.service-view-toggle{width:100%;justify-content:center;margin-left:0}}