.view-toggle{display:flex;justify-content:center;gap:var(--space-1);margin-bottom:var(--space-3)}.view-toggle .btn{padding:var(--space-1) var(--space-3);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.view-toggle .btn.active{background-color:var(--color-primary);color:#fff}.view-toggle .btn:not(.active){background-color:var(--color-background-dark);color:var(--color-text)}.view-toggle .btn:not(.active):hover{background-color:var(--color-primary-light);color:#fff}.view-container{transition:opacity var(--transition-normal)}.view-container.hidden{display:none}.fields-map{height:600px;width:100%;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);position:relative}.map-legend{background-color:var(--color-background);border-radius:var(--border-radius-md);padding:var(--space-2);box-shadow:var(--shadow-sm);margin-top:var(--space-2);max-width:300px}.map-legend h4{margin-bottom:var(--space-2);color:var(--color-primary);font-size:var(--font-size-md)}.legend-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.legend-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm)}.legend-marker{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0000004d}.legend-marker.football{background-color:#4caf50}.legend-marker.tennis{background-color:#ff9800}.legend-marker.volleyball{background-color:#2196f3}.legend-marker.basketball{background-color:#9c27b0}.legend-marker.padel{background-color:#f44336}.marker-cluster-small{background-color:#1e88e599}.marker-cluster-small div{background-color:#1e88e5cc}.marker-cluster-medium{background-color:#ff980099}.marker-cluster-medium div{background-color:#ff9800cc}.marker-cluster-large{background-color:#f4433699}.marker-cluster-large div{background-color:#f44336cc}.leaflet-popup-content{margin:var(--space-2);line-height:1.4}.popup-content{min-width:200px}.popup-title{font-weight:600;font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--space-1)}.popup-place{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.popup-sport{display:inline-block;padding:.25rem .5rem;background-color:var(--color-primary-light);color:#fff;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);text-transform:uppercase;margin-bottom:var(--space-1)}.popup-price{font-weight:500;margin-bottom:var(--space-2)}.popup-price .popup-price-original{text-decoration:line-through;color:var(--color-text-secondary);margin-inline-end:var(--space-1);font-weight:400}.popup-button{display:inline-block;padding:var(--space-1) var(--space-2);background-color:var(--color-background-dark);color:#fff;text-decoration:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);transition:background-color var(--transition-fast)}.popup-button:hover{background-color:var(--color-primary-dark);color:#fff}@media (max-width: 768px){.fields-map{height:400px}.view-toggle{flex-direction:column;align-items:center}.view-toggle .btn{width:200px}.legend-items{justify-content:center}}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:-webkit-transform .3s ease-out,opacity .3s ease-in;-moz-transition:-moz-transform .3s ease-out,opacity .3s ease-in;-o-transition:-o-transform .3s ease-out,opacity .3s ease-in;transition:transform .3s ease-out,opacity .3s ease-in}.leaflet-cluster-spider-leg{-webkit-transition:-webkit-stroke-dashoffset .3s ease-out,-webkit-stroke-opacity .3s ease-in;-moz-transition:-moz-stroke-dashoffset .3s ease-out,-moz-stroke-opacity .3s ease-in;-o-transition:-o-stroke-dashoffset .3s ease-out,-o-stroke-opacity .3s ease-in;transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in}.marker-cluster-small{background-color:#b5e28c99}.marker-cluster-small div{background-color:#6ecc3999}.marker-cluster-medium{background-color:#f1d35799}.marker-cluster-medium div{background-color:#f0c20c99}.marker-cluster-large{background-color:#fd9c7399}.marker-cluster-large div{background-color:#f1801799}.leaflet-oldie .marker-cluster-small{background-color:#b5e28c}.leaflet-oldie .marker-cluster-small div{background-color:#6ecc39}.leaflet-oldie .marker-cluster-medium{background-color:#f1d357}.leaflet-oldie .marker-cluster-medium div{background-color:#f0c20c}.leaflet-oldie .marker-cluster-large{background-color:#fd9c73}.leaflet-oldie .marker-cluster-large div{background-color:#f18017}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px Helvetica Neue,Arial,Helvetica,sans-serif}.marker-cluster span{line-height:30px}