.mobile-map {
    width: 90%;
    cursor: pointer;
}

.floor img {
    width: clamp(180px, 100%, 1080px);
}

svg {
    position: absolute;
    top: 0;
    left: 0;
}

polygon {
    opacity: 0;
    cursor: pointer;
    transition: .3s;
}

polygon:hover, polygon:active {
    opacity: 1;
}

.scrolling-wrapper {
    width: 100%;
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    gap: 1rem;
}

.card {
    flex: 0 0 auto;
    width: 300px;
    aspect-ratio: 9/12;
    background: #654ca2;
    border-radius: 15px;
    margin-bottom: 48px;
    box-shadow: 2px 2px 6px #00000060;
    position: sticky;
    left: 0px;
    overflow: hidden;
}

.card h2 {
    margin-bottom: 8px;
}

.card h3 {
    margin-top: 0px;
    color: #48b280;
}

.trigger {
    width: 200px;
    height: 50px;
    background-color: lightgreen;
    margin-top: 20px;
}

.scrolling-wrapper::-webkit-scrollbar {
    height: 5px;
}

.scrolling-wrapper::-webkit-scrollbar-track {
    background: #241260; 
}

.scrolling-wrapper::-webkit-scrollbar-thumb {
    background: #654ca2; 
}

.scrolling-wrapper::-webkit-scrollbar-thumb:hover {
    background: #8368c6; 
}

.card:nth-child(1) {left: 0px}
.card:nth-child(2) {left: 8px}
.card:nth-child(3) {left: 16px}
.card:nth-child(4) {left: 24px}
.card:nth-child(5) {left: 32px}
.card:nth-child(6) {left: 40px}
.card:nth-child(7) {left: 48px}
.card:nth-child(8) {left: 56px}
.card:nth-child(9) {left: 64px}
.card:nth-child(10) {left: 72px}
.card:nth-child(11) {left: 80px}
.card:nth-child(12) {left: 88px}
.card:nth-child(13) {left: 96px}
.card:nth-child(14) {left: 104px}
.card:nth-child(15) {left: 112px}
.card:nth-child(16) {left: 120px}
.card:nth-child(17) {left: 128px}
.card:nth-child(18) {left: 136px}
.card:nth-child(19) {left: 144px}
.card:nth-child(20) {left: 152px}

/* RESPONSIVE PAGES */
@media only screen and (min-width: 901px) {
    .card {
        width: 307px;
    }
}

@media only screen and (max-width: 900px) {
    .card {
        width: 224px;
    }
}