.yard-sale-marker{width:30px;height:30px;border-radius:50%;background-color:var(--button-primary);border:2px solid var(--marker-border);box-shadow:0 2px 4px rgba(0,0,0,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out;position:relative}.yard-sale-marker:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--button-primary);filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.yard-sale-marker:hover{background-color:var(--button-primary-hover);box-shadow:0 4px 8px rgba(0,0,0,.4)}.yard-sale-marker.selected{background-color:#f44336;box-shadow:0 6px 12px rgba(0,0,0,.5);border:3px solid var(--marker-border)}.yard-sale-marker.selected:after{border-top-color:#f44336}.mapboxgl-popup-content{padding:0;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.08);border:1px solid var(--border-color)}[data-color-scheme=dark] .mapboxgl-popup-content{box-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3)}.mapboxgl-popup-tip{border-top-color:var(--popup-bg)!important}.mapboxgl-popup-close-button{position:absolute;top:4px;right:4px;width:22px;height:22px;background:var(--popup-close-bg);border:none;border-radius:50%;font-size:14px;color:var(--popup-close-text);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 1px 4px rgba(0,0,0,.15);transition:all .2s ease;line-height:1;padding:0}.mapboxgl-popup-close-button:hover{background:var(--popup-bg);color:var(--popup-text)}.mapboxgl-popup-close-button:focus{outline:none}.popup-card{width:240px;background:var(--popup-bg)}.popup-image-container{position:relative;width:100%;height:90px;overflow:hidden;background:linear-gradient(135deg,var(--popup-image-placeholder) 0,var(--surface-2) 100%)}.popup-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.popup-badge-container{position:absolute;top:6px;left:6px;z-index:1}.popup-badge-container.popup-badge-no-image{position:relative;top:0;left:0;padding:6px 10px 0;background:var(--surface-1)}.popup-badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.popup-badge-today{background:var(--badge-today);color:#fff;box-shadow:0 1px 3px rgba(239,68,68,.3)}.popup-badge-tomorrow{background:var(--badge-tomorrow);color:#fff;box-shadow:0 1px 3px rgba(245,158,11,.3)}.popup-content{padding:10px}.popup-title{margin:0 0 6px;font-size:13px;font-weight:700;color:var(--popup-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.popup-info-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;color:var(--popup-text-secondary)}.popup-info-row span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-location span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.popup-icon{width:13px;height:13px;flex-shrink:0;color:var(--popup-icon)}.popup-categories{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;margin-bottom:8px}.popup-category{font-size:10px;background:var(--popup-category-bg);color:var(--popup-category-text);padding:3px 8px;border-radius:20px;font-weight:500}.popup-button,.popup-category-more{background:var(--button-primary);color:#fff}.popup-button{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:7px 12px;text-decoration:none;font-size:12px;font-weight:600;border-radius:8px;transition:all .15s ease;box-shadow:none}.popup-button:hover{background:var(--button-primary-hover);box-shadow:0 1px 4px rgba(59,130,246,.25)}.popup-button-icon{width:14px;height:14px}.yard-sale-marker.neighborhood-marker{border:3px solid var(--badge-neighborhood);box-shadow:0 2px 6px rgba(34,197,94,.4)}.yard-sale-marker.neighborhood-marker:before{content:"";position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background-color:var(--badge-neighborhood);border:2px solid var(--marker-border);z-index:1}.yard-sale-marker.neighborhood-marker:after{border-top-color:var(--button-primary)}.yard-sale-marker.neighborhood-marker.selected{border-color:var(--badge-neighborhood)}.popup-badge-neighborhood{background:var(--badge-neighborhood);color:#fff;box-shadow:0 1px 3px rgba(34,197,94,.3)}.yard-sale-cluster{width:40px;height:40px;border-radius:50%;background-color:var(--badge-tomorrow);border:3px solid var(--marker-border);box-shadow:0 2px 6px rgba(0,0,0,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.yard-sale-cluster:hover{background-color:#f57c00;box-shadow:0 4px 8px rgba(0,0,0,.4)}.yard-sale-cluster span{color:#fff;font-weight:700;font-size:14px}.mapboxgl-marker{will-change:transform}.mapboxgl-marker .yard-sale-cluster,.mapboxgl-marker .yard-sale-marker{box-sizing:border-box}.lazy-load{opacity:0;transition:opacity .3s ease-in-out}.lazy-load.loaded{opacity:1}@media (max-width:768px){.mapboxgl-popup-content{border-radius:12px}.popup-card{width:200px}.popup-image-container{height:70px}.popup-badge-container.popup-badge-no-image{padding:6px 8px 0}.popup-badge{padding:2px 6px;font-size:9px}.popup-content{padding:8px}.popup-title{font-size:12px;margin-bottom:5px}.popup-info-row{font-size:10px;margin-bottom:3px;gap:5px}.popup-icon{width:11px;height:11px}.popup-categories{gap:3px;margin-top:5px;margin-bottom:6px}.popup-category{font-size:9px;padding:2px 6px}.popup-button{padding:7px 10px;font-size:11px;border-radius:6px}.popup-button-icon{width:12px;height:12px}.mapboxgl-popup-close-button{width:20px;height:20px;font-size:12px;top:3px;right:3px}}