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