.store-wrap {
    display: flex;
    
}

.NN-store > a{
    display: flex; 
    align-items: center;
    gap: 1.5rem;
    padding: 15px; 
}

.NN-store {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.NN-store:hover {
    cursor: pointer;
}

.NN-store p {
    margin-bottom: 10px !important;
}

.NN-store img {
    width: 150px;
    height: 150px;
    border-radius: 8px;
}

.NN-store-filer input {
    width: 100%;
    padding: 5px;
}

#NN-search-btn {
    position: absolute;
    z-index: 1;
    right: 0;
    margin: 0;
}

.leaflet-popup-content {
    width: 320px !important;
}


.NN-store-popup {
    display: flex; 
    justify-content: space-between;
    align-items: center; 
    gap: 1rem;
}

.NN-store-popup img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 8px;
}

.NN-stores {
    height: 395px;
    overflow: hidden; 
    overflow-y: auto;
    background-color: #f8f8f8;
	margin-top: -1rem;
}

.NN-stores::-webkit-scrollbar {
    width: 5px;
}

/* Thay đổi kiểu của thanh cuộn */
.NN-stores::-webkit-scrollbar-thumb {
    background-color: #888; /* Màu sắc của thanh cuộn */
}

.NN-store-number-shown {
	margin: 1rem 0;
    margin-bottom: 0;	
}

.NN-stores-desktop  {
	padding: 1rem;
}

.NN-stores-desktop .NN-store  {
	margin-bottom: 1.5rem;
}

.NN-store-filer {
    padding: 2rem 1rem;
    background-color: rgb(144, 117, 207);
}

.NN-store-filer form, .NN-store-filer select {
    margin-bottom: 0 !important;
}

.NN-store-filer a:hover {
    cursor: pointer;
}

.NN-store-left {
    width: 40%;
}

.NN-map-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 999;
    background-color: #ffffff85;
}


.NN-loader {
    width: 48px;
    height: 48px;
    border: 5px solid red;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    position: relative;
    z-index: 9999;
}

.leaflet-marker-icon  {
    object-fit: cover;
}

.leaflet-bottom.leaflet-right a{
	display: none;
}

html {
    scroll-behavior: smooth;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

.NN-store-address, .NN-store-phone, .NN-store-email, .NN-store-open-hour  {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}

.NN-stores-mobile {
    display: none;
}

.marker-cluster {
    display: none;
}

@media (max-width: 600px) {
    .store-wrap {
        flex-direction: column;
        height: auto;
    }

    .NN-store-left, .NN-map{
        width: 100% !important;
    }

    .NN-stores  {
        display: none;
    }

    .NN-stores-mobile {
        display: block !important;
		margin-top: 1.5rem;
    }

    .NN-store-popup img {
        width: 100px;
        height: 100px; 
    }

    .NN-store img {
        width: 120px;
        height: 120px;
    }

    .leaflet-popup-content {
        width: 280px !important;
    }

    #NN-map {
        height: 500px !important;
		margin-top: -1rem;
    }
	
	.NN-stores-mobile .NN-store a {
		margin-top: 1.5rem;
	}
    
}