[hidden]{display:none!important}.w-100{width:100%}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.text-capitalize{text-transform:capitalize}.empty-state-msg{margin-top:var(--space-8);color:var(--color-text-muted)}.directory-hero{background-image:url(https://images.unsplash.com/photo-1531983412531-1f49a365ffed?w=1400&q=80);background-color:var(--color-brand-900);padding:var(--space-2) 0 var(--space-4) 0;margin-top:var(--nav-height);background-position:50%;background-size:cover;position:relative}.hero-overlay{z-index:1;background:#002626b3;position:absolute;inset:0}.hero-text-box{z-index:2;gap:var(--space-4);flex-direction:column;max-width:600px;display:flex;position:relative}.hero-title{font-family:var(--font-heading);font-size:clamp(var(--font-size-3xl), 5vw, var(--font-size-4xl));color:var(--color-white);margin:0;line-height:1.1}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-white);opacity:.9;margin:0;line-height:1.5}.directory-search-bar{gap:var(--space-4);padding-block:var(--space-6);border-bottom:1px solid var(--color-border);top:var(--nav-height);z-index:100;background:var(--color-surface);margin-bottom:0;display:flex;position:sticky}.search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-icon{left:var(--space-4);color:var(--color-text-muted);position:absolute}#clinic-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:var(--font-body)}.btn-location{align-items:center;gap:var(--space-2);padding:0 var(--space-6);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;background:0 0;font-weight:500;display:inline-flex}.btn-location:hover{background:var(--color-brand-50)}.btn-location.active{background:var(--color-primary);color:var(--color-white)}.directory-main{gap:var(--space-10);padding-bottom:var(--space-16);grid-template-columns:260px 1fr;align-items:start;display:grid}.directory-sidebar{top:calc(var(--nav-height) + 100px);max-height:calc(100vh - var(--nav-height) - 120px);padding-right:var(--space-2);position:sticky;overflow-y:auto}.filter-heading{font-size:var(--font-size-sm);letter-spacing:.05em;color:var(--color-brand-900);margin-bottom:var(--space-6);font-weight:700}.filter-group{margin-bottom:var(--space-8);border:none}.filter-group-title{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);text-transform:uppercase;font-weight:600}.custom-checkbox,.custom-radio{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);display:flex;position:relative}.custom-checkbox input,.custom-radio input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark,.radio-mark{background-color:var(--color-surface);border:1px solid var(--color-gray-300);justify-content:center;align-items:center;width:18px;height:18px;display:flex}.checkmark{border-radius:4px}.radio-mark{border-radius:50%}.custom-checkbox input:checked~.checkmark,.custom-radio input:checked~.radio-mark{border-color:var(--color-primary)}.custom-checkbox input:checked~.checkmark{background-color:var(--color-primary)}.custom-checkbox input:checked~.checkmark:after{content:"✓";color:var(--color-white);font-size:12px}.custom-radio input:checked~.radio-mark:after{content:"";background:var(--color-primary);border-radius:50%;width:10px;height:10px}.content-controls{padding-bottom:var(--space-4);padding-inline:var(--space-4);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);top:calc(var(--nav-height) + 90px);background:var(--color-surface);z-index:10;padding-top:var(--space-2);justify-content:space-between;align-items:center;display:flex;position:sticky}.results-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.view-toggles{gap:var(--space-4);display:flex}.view-toggle-btn{font-size:var(--font-size-sm);color:var(--color-text-muted);padding-bottom:var(--space-1);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500}.view-toggle-btn.active{color:var(--color-brand-900);border-bottom-color:var(--color-brand-900)}.view-container{min-height:600px;position:relative}.clinics-list-view,.clinics-map-view{width:100%;display:none}.clinics-list-view.active-view,.clinics-map-view.active-view{display:block}.clinics-list-inner{gap:var(--space-4);flex-direction:column;display:flex}.clinics-map-view{top:calc(var(--nav-height) + 160px);position:sticky}.actual-map{border-radius:var(--radius-md);border:1px solid var(--color-border);height:600px}.load-more-container{text-align:center;margin-top:var(--space-6)}.skeleton-card{gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);grid-template-columns:80px 1fr;animation:1.5s ease-in-out infinite pulse;display:grid}.skeleton-avatar{background:var(--color-gray-200);border-radius:var(--radius-sm);width:80px;height:80px}.skeleton-lines{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.skeleton-line{background:var(--color-gray-200);border-radius:var(--radius-sm);height:16px}.skeleton-line.short{width:40%}.skeleton-line.medium{width:70%}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.clinic-card{gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);cursor:pointer;grid-template-columns:80px 1fr auto;grid-template-areas:"avatar header distance""avatar tags.""avatar fee actions";transition:border-color .2s,transform .2s;display:grid}.clinic-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.card-avatar{background:var(--color-brand-100);border-radius:var(--radius-sm);width:80px;height:80px;color:var(--color-brand-600);grid-area:avatar;justify-content:center;align-items:center;display:flex}.card-header{grid-area:header}.card-header-flex{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.card-provider-type{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:capitalize;font-weight:500}.card-title{font-size:var(--font-size-lg);color:var(--color-brand-900);margin-bottom:var(--space-1);font-weight:600}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:capitalize}.card-distance{text-align:right;font-size:var(--font-size-sm);color:var(--color-text-muted);grid-area:distance;font-weight:500}.card-distance:before{content:"• ";color:var(--color-primary)}.card-tags{gap:var(--space-2);flex-wrap:wrap;grid-area:tags;align-items:center;display:flex}.tag-pill{background:var(--color-gray-100);color:var(--color-text-muted);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;padding:4px 8px;font-size:.6rem;font-weight:500;line-height:1.2;display:inline-block}.status-accepting{background-color:var(--color-brand-100);color:var(--color-brand-900)}.status-full{background-color:var(--color-gray-200);color:var(--color-gray-700)}.tag-pill.highlight{background:var(--color-brand-50);color:var(--color-primary)}.card-fee{font-size:var(--font-size-sm);color:var(--color-text);grid-area:fee;align-self:end;font-weight:600}.card-fee span{color:var(--color-text-muted);font-weight:400}.card-actions{align-self:end;gap:var(--space-2);grid-area:actions;display:flex}.btn-solid{padding:var(--space-3) var(--space-4);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;border:none;justify-content:center;align-items:center;display:inline-flex}.btn-solid:hover{background:var(--color-brand-600)}.btn-outline{padding:var(--space-3) var(--space-4);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:var(--font-size-sm);background:0 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-outline:hover{background:var(--color-brand-50)}.panel-backdrop{z-index:900;opacity:0;visibility:hidden;background:#0006;transition:opacity .3s;position:fixed;inset:0}.panel-backdrop[aria-hidden=false]{opacity:1;visibility:visible}.slide-over-panel{background:var(--color-surface);z-index:1000;width:100%;max-width:450px;height:100vh;transition:right .3s ease-in-out;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-4px 0 24px #0000001a}.slide-over-panel[aria-hidden=false]{right:0}.panel-header{padding:var(--space-4) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:flex-end;display:flex;position:sticky;top:0}.panel-content{padding:var(--space-6)}.panel-header-section{margin-bottom:var(--space-3)}.panel-clinic-name{font-family:var(--font-heading);font-size:var(--font-size-2xl);margin-bottom:var(--space-2);color:var(--color-brand-900)}.panel-clinic-address{font-size:var(--font-size-sm);color:var(--color-text-muted)}.clinic-info-grid{gap:var(--space-2);margin:var(--space-4) 0;background-color:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);grid-template-columns:1fr;display:grid}.info-item{flex-direction:column;display:flex}.info-label{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-1);font-weight:600}.info-value{font-size:var(--font-size-sm);color:var(--color-text)}.panel-contact-actions{gap:var(--space-2);margin:var(--space-4) 0;display:flex}.btn-action{text-align:center;padding:var(--space-2);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);flex:1;font-weight:500;text-decoration:none;transition:all .2s}.btn-action:hover{background-color:var(--color-primary);color:var(--color-white)}.panel-section-title{font-size:var(--font-size-lg);margin-bottom:var(--space-3);color:var(--color-brand-900);font-weight:600}.panel-services-list{padding-left:var(--space-4);margin-bottom:var(--space-8);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.panel-reviews-section{border-top:1px solid var(--color-border);padding-top:var(--space-6)}.panel-review-intro{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-sm)}.panel-review-intro-text{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:1.4}.review-form-container{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--color-border);animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.review-form .form-group{margin-bottom:var(--space-4)}.review-form label{font-size:var(--font-size-sm);color:var(--color-brand-900);margin-bottom:var(--space-2);font-weight:600;display:block}.star-rating{gap:var(--space-1);color:var(--color-gray-300);cursor:pointer;font-size:24px;display:flex}.star-rating span{transition:color .2s}.star-rating span:hover,.star-rating span.hover-active,.star-rating span.active{color:var(--color-warning)}.review-form textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-sm);resize:vertical}.review-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-brand-50);outline:none}.review-form .error-msg{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:var(--space-1)}.submitting-state{opacity:.7;pointer-events:none}.review-form.submitted .form-group,.review-form.submitted button{display:none}.review-success-state{text-align:center;padding:var(--space-6) var(--space-4);background:var(--color-brand-50);border-radius:var(--radius-md);color:var(--color-brand-900)}.review-success-state h4{margin-bottom:var(--space-2);font-size:var(--font-size-lg)}.review-success-state p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.mobile-only{display:none}.leaflet-top,.leaflet-bottom{z-index:90!important}@media (width<=1024px){.directory-main{gap:var(--space-6);grid-template-columns:220px 1fr}.clinic-card{grid-template-columns:1fr;grid-template-areas:"header""distance""tags""fee""actions"}.card-avatar{display:none}.card-distance{text-align:left;margin-bottom:var(--space-2)}.card-actions{width:100%;margin-top:var(--space-4);display:flex}.btn-solid,.btn-outline{text-align:center;flex:1}}@media (width<=768px){.mobile-only{display:flex}.directory-search-bar{flex-direction:column;position:static}.btn-location{width:100%;padding-block:var(--space-3);justify-content:center}.directory-main{grid-template-columns:1fr;padding-top:0}.content-controls{row-gap:var(--space-4);padding-bottom:0;padding-bottom:var(--space-4);padding-inline:var(--space-4);border-bottom:none;grid-template-columns:1fr auto;align-items:center;display:grid;position:static}.results-count{text-align:left;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);grid-column:1/-1}.view-toggles{justify-content:flex-start}#mobile-filter-btn{margin:0}.clinics-map-view{position:static}.actual-map{height:65vh;min-height:400px}.directory-sidebar{background:var(--color-surface);z-index:1050;width:100%;height:auto;padding:var(--space-6);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh;transition:bottom .3s cubic-bezier(.4,0,.2,1);position:fixed;top:auto;bottom:-100%;left:0;box-shadow:0 -10px 40px #0003}.directory-sidebar.open{bottom:0}.sidebar-header{margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4);justify-content:space-between;align-items:center}}