.studio-card-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.studio-card-logo{width:32px;height:32px;border-radius:6px;object-fit:cover;border:1px solid #e5e7eb;flex-shrink:0}.studio-card-header h3{margin:0;font-size:16px;line-height:1.3}.studios-page{min-height:100vh;display:flex;flex-direction:column}.studios-filters{background:white;border-bottom:1px solid #e5e7eb;padding:16px 0;position:sticky;top:60px;z-index:10}.leaflet-control-attribution svg{display:none!important}.filters-container{max-width:1200px;margin:0 auto;padding:0 20px;gap:12px}.filters-container,.search-bar{display:flex;align-items:center}.search-bar{flex:1;gap:8px;background:#f1f5f9;border-radius:8px;padding:10px 16px}.search-bar input{border:none;background:none;font-size:15px;width:100%}.search-bar input:focus{outline:none}.filters-container select{padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;cursor:pointer}.view-toggle{display:flex;gap:4px}.view-toggle button{padding:10px 16px;border:1px solid #e5e7eb;background:white;cursor:pointer;font-size:14px}.view-toggle button.active{background:#3b82f6;color:white;border-color:#3b82f6}.studios-content{max-width:1200px;margin:0 auto;padding:24px 20px}.studios-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.studio-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);text-decoration:none;color:inherit;transition:box-shadow .2s}.studio-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.studio-card-image{position:relative;height:180px;overflow:hidden}.studio-card-image img{width:100%;height:100%;object-fit:cover}.rating-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.7);color:white;padding:4px 10px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:4px}.studio-card-body{padding:16px}.studio-card-body h3{margin-bottom:8px;font-size:17px}.studio-address{align-items:center;color:#64748b;font-size:14px}.studio-address,.studio-tags{display:flex;gap:6px;margin-bottom:10px}.studio-tags{flex-wrap:wrap}.service-tag{background:#eff6ff;color:#3b82f6;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:500}.studio-price{font-size:18px;font-weight:700;color:#3b82f6}.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:#64748b}.empty-state{text-align:center;padding:60px 0;color:#94a3b8;font-size:16px}.location-count{color:#3b82f6;font-weight:500;margin-left:4px}.studio-meta{display:flex;gap:12px;margin-bottom:8px}.meta-item{display:flex;align-items:center;gap:4px;font-size:13px;color:#64748b}@media (max-width:768px){.studios-filters{position:static;padding:12px 0}.filters-container{flex-wrap:wrap;gap:8px;padding:0 12px}.search-bar{order:-1;width:100%;flex-basis:100%}.filters-container select{flex:1;min-width:0;font-size:13px;padding:8px 10px}.view-toggle{width:100%}.view-toggle button{flex:1;justify-content:center;font-size:13px;padding:8px}.studios-list{grid-template-columns:1fr;gap:12px}.studios-content{padding:16px 12px}.studio-card-image{height:140px}}.city-toast{display:flex;align-items:center;gap:8px;background:#3b82f6;color:white;padding:10px 16px;border-radius:8px;margin:12px auto;max-width:400px;animation:slideDown .3s ease-out}.city-toast button{background:none;border:none;color:white;cursor:pointer;margin-left:auto;padding:4px}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.ol-popup{position:absolute;background:white;border-radius:10px;padding:12px 16px;box-shadow:0 4px 16px rgba(0,0,0,.2);font-size:13px;line-height:1.6;min-width:200px;transform:translate(-50%,-100%);margin-top:-16px}.ol-popup:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid white}.ol-popup strong{display:block;margin-bottom:4px;font-size:14px}