.public-map-page .map-tools { bottom: auto; overflow: visible; }
.map-tools-dropdown { display: flex; flex-direction: column; gap: 7px; max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(-8px); transform-origin: top; transition: max-height 240ms ease, opacity 180ms ease, transform 240ms ease, visibility 0s linear 240ms; }
.map-tools.is-open .map-tools-dropdown { max-height: min(400px, calc(100dvh - 225px)); overflow-y: auto; opacity: 1; visibility: visible; transform: translateY(0); transition: max-height 240ms ease, opacity 180ms ease, transform 240ms ease, visibility 0s; scrollbar-width: thin; }
.map-tools #mapToolsToggle[aria-expanded=true] { color: #fff; background: var(--eco-blue, #1263d6); border-color: var(--eco-blue, #1263d6); }
.map-tools #mapToolsToggle i { transition: transform 240ms ease; }
.map-tools #mapToolsToggle[aria-expanded=true] i { transform: rotate(90deg); }
@media (max-width: 900px) { .map-tools-dropdown { gap: 6px; } }
@media (prefers-reduced-motion: reduce) { .map-tools-dropdown, .map-tools.is-open .map-tools-dropdown, .map-tools #mapToolsToggle i { transition: none; } }