#poi-map-container{position:relative;width:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.poi-filters{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.filter-categories{margin-bottom:15px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.filter-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #e0e0e0;border-radius:25px;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;min-height:48px}.filter-btn:hover{border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,53,.2)}.filter-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.filter-btn .icon{font-size:18px}.filter-btn .label{font-size:14px}.search-container{display:flex;max-width:400px;margin:0 auto;border:2px solid #e0e0e0;border-radius:25px;overflow:hidden;background:#fff}#poi-search{flex:1;padding:12px 20px;border:none;outline:none;font-size:16px}#search-btn{padding:12px 20px;border:none;background:#ff6b35;color:#fff;cursor:pointer;font-size:16px;transition:background-color .3s ease}#search-btn:hover{background:#e55a2b}#poi-map{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);position:relative;z-index:1}.poi-sidebar{position:absolute;top:0;left:-400px;width:380px;height:100%;background:#fff;box-shadow:2px 0 10px rgba(0,0,0,.1);z-index:1000;transition:left .3s ease;overflow-y:auto}.poi-sidebar.active{left:0}.sidebar-header{display:flex;justify-content:between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.sidebar-header h3{margin:0;color:#333;font-size:18px}#close-sidebar{background:0 0;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.poi-list{padding:0}.poi-item{padding:20px;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background-color .2s ease}.poi-item:hover{background-color:#f8f9fa}.poi-item.active{background-color:#fff3f0;border-left:4px solid #ff6b35}.poi-item h4{margin:0 0 8px;color:#333;font-size:16px;font-weight:600}.poi-item .poi-address{color:#666;font-size:14px;margin-bottom:8px}.poi-item .poi-description{color:#777;font-size:13px;line-height:1.4;margin-bottom:12px}.poi-item .poi-meta{display:flex;align-items:center;gap:15px;font-size:12px}.poi-rating{display:flex;align-items:center;gap:5px;color:#ff6b35}.poi-price{color:#28a745;font-weight:500}.poi-categories{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.poi-category-tag{background:#e9ecef;color:#495057;padding:2px 8px;border-radius:12px;font-size:11px}.poi-marker{background:#ff6b35;border:3px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.poi-marker.restaurant{background:#28a745}.poi-marker.attraction{background:#17a2b8}.poi-marker.museum{background:#6f42c1}.poi-marker.accommodation{background:#fd7e14}.poi-popup{font-family:inherit}.poi-popup .popup-image{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:10px}.poi-popup h5{margin:0 0 5px;color:#333;font-size:16px}.poi-popup .popup-address{color:#666;font-size:13px;margin-bottom:8px}.poi-popup .popup-description{color:#777;font-size:14px;line-height:1.4;margin-bottom:10px}.poi-popup .popup-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.poi-popup .popup-rating{color:#ff6b35;font-weight:500}.poi-popup .popup-price{color:#28a745;font-weight:500}.poi-popup .popup-link{display:inline-block;background:#ff6b35;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:500;transition:background-color .2s ease}.poi-popup .popup-link:hover{background:#e55a2b;color:#fff;text-decoration:none}@media (max-width:768px){.filter-buttons{justify-content:flex-start;overflow-x:auto;padding-bottom:5px}.filter-btn{flex-shrink:0;padding:10px 16px;min-width:auto}.poi-sidebar{width:100%;left:-100%}.search-container{max-width:100%}}@media (max-width:480px){.poi-filters{padding:15px}.filter-btn .label{display:none}.filter-btn{padding:12px;border-radius:50%;width:48px;height:48px;justify-content:center}}.poi-loading{display:flex;justify-content:center;align-items:center;padding:40px}.poi-loading:after{content:'';width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}