.filter-btn.active{background-color:#2563eb;color:white}.filter-btn:not(.active){background-color:#f3f4f6;color:#374151}.filter-btn:not(.active):hover{background-color:#e5e7eb}.products-gradient{background:linear-gradient(135deg,#2563eb,#1e40af)}.map-container{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px dashed #94a3b8;min-height:300px}.legend-item{display:flex;align-items:center;margin-bottom:8px}.legend-dot{width:12px;height:12px;border-radius:50%;margin-right:8px}.tour-section{background:linear-gradient(135deg,#2563eb,#1e40af)}.tour-icon{background:rgba(255,255,255,.2);backdrop-filter:blur(10px)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background:white;border-radius:12px;padding:1.5rem;max-width:500px;width:95%;max-height:85vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease-out;margin:1rem}@media (max-width:640px){.modal-content{padding:1rem;width:98%;max-height:90vh;margin:.5rem}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}