section.store_locator .col-lista {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}
section.store_locator .sede {
    --bs-gutter-x: 0;
	border-radius: 16px;
	border: 1px solid var(--grigio-medio);
	overflow: hidden;
	transition: var(--transition);
	cursor: pointer;
}
section.store_locator .col-lista .sede.active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
    box-shadow: 0 0px 20px 3px rgba(0, 0, 0, 0.30)
}
section.store_locator .col-lista:has(> .sede.active) > .sede:not(.active) {
	/*opacity: .5;*/
}

section.store_locator .sede .col-img {
    width: 175px;
	height: auto;
}
section.store_locator .sede .col-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

section.store_locator .sede .col-info {
    padding: 16px 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: calc(100% - 175px);
}
section.store_locator .sede .info-ico > p {
    display: flex;
    gap: 8px;
}
section.store_locator .sede .info-ico > p:not(:last-child) { margin-bottom: 8px; }
section.store_locator .sede .info-ico > p svg {
	width: 24px;
	height: 24px;
}

section.store_locator .col-mappa #map {
    width: 100%;
    height: 100%;
    min-height: 400px;
    background-color: #fafafa;
    border-radius: 16px;
    overflow: hidden;
}

section.store_locator .marker-custom img {
    width: 35px;
    height: 35px;
    transition: transform 0.2s;
}
section.store_locator .marker-custom.is-active img {
    transform: scale(1.29);
}

section.store_locator .col-lista .sede .sede_close,
section.store_locator .col-lista .sede a.cta_vista_mappa { display: none; }

@media (max-width: 767px){	
	section.store_locator + section.mobile_switch_store_locator {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 20;
		width: 100vw;
		padding: 24px 0;
		background-color: var(--eti-bg-white);
		border-top: 1px solid var(--grigio-medio);
		transition: var(--transition);
		transform: translateY(0%);
        overscroll-behavior: contain;
	}
	/*body.scroll-down section.store_locator + section.mobile_switch_store_locator,
	body.scroll-up section.store_locator + section.mobile_switch_store_locator {
		transform: translateY(0%);
	}*/
	section.store_locator + section.mobile_switch_store_locator a.btn {
		width: 100%;
		justify-content: center;
	}
	section.store_locator + section.mobile_switch_store_locator a.btn.ico_lista .view_mappa,
	section.store_locator + section.mobile_switch_store_locator a.btn.ico_mappa .view_lista { display: none; }
	
	section.store_locator .col-mappa #map {
		/*
		border-radius: 0;
		position: fixed !important;
		top: var(--main_mt);
		left: 0;
		z-index: 19;
		height: calc(100vh - var(--main_mt) - 80px);
        overscroll-behavior: contain;
		DEVO BLOCCARE DA MOBILE LO SCROLL QUANDO PASSO ALLA MODALITà MAPPA
		*/
	}
}

@media (max-width: 575px){	
	body:has(main section#mappa.store_locator.mob_mappa) header {
		transform: translateY(0);
	}
	section.store_locator .sede { row-gap: 0; }
	section.store_locator .sede .col-img,
	section.store_locator .sede .col-info {
		width: 100%;
	}
	section.store_locator .sede .col-img { height: 200px; }
	
	
	section#mappa.store_locator .row_store_locator { row-gap: 0; }
	section#mappa.store_locator:not(.mob_mappa) .col-mappa #map {
		opacity: 0;
		pointer-events: none;
	}
	
	section#mappa.store_locator .col-mappa #map {
		border-radius: 0;
		position: fixed !important;
		top: var(--main_mt);
		left: 0;
		z-index: 19;
		height: calc(100vh - var(--main_mt) - 80px);
        overscroll-behavior: contain;
		transition: var(--transition);
	}
	body:has(main section#mappa.store_locator.mob_mappa) {
		overflow-y: hidden;
	}
	
	section#mappa.store_locator:not(.mob_mappa) .col-mappa #map_scheda { display: none !important; }
	section#mappa.store_locator .col-mappa #map_scheda {
		z-index: 20;
		background-color: var(--eti-bg-white);
		position: fixed;
		left: 50%;
		bottom: -40px;
		transform: translate(-50%, 100%);
		transition: var(--transition);
		width: 95%;
	}
	section#mappa.store_locator .col-mappa #map_scheda.on {
		transform: translate(-50%, 0%);
		bottom: 115px;
	}
	
	section.store_locator #map_scheda .sede_close {
		position: absolute;
		right: 16px;
		top: 16px;
		padding: 10px;
		background-color: var(--eti-bg-white);
		border-radius: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}