.flex-layout.stores_overview {
    position: relative;
    width: 100%;
    margin: 0;
    padding-block: var(--pk-row-spacing);
    background-color: var(--cbw-white-100);
}

.flex-layout.stores_overview .heading-container {
    margin-bottom: max(2rem, calc(2 * var(--su)));
}

.flex-layout.stores_overview .map-container .filters-container, .flex-layout.stores_overview .map-container .results-posts-container {
    padding: max(1rem, calc(1.5 * var(--su)));
    outline: 1px solid var(--cbw-deep-pine-10);
	outline-offset: -1px;
    display: flex;
    flex-direction: column;
    gap: max(.75rem, calc(.75 * var(--su)));
}

.flex-layout.stores_overview .box-title {
    color: var(--cbw-deep-pine-40);
    font-size: var(--scaling-alert);
    text-transform: uppercase;
}

.flex-layout.stores_overview .map-container .filters-container {
    margin-bottom: max(1rem, calc(1 * var(--su)));
    height: auto;
}

.flex-layout.stores_overview .filters-container .filtering-wrapper {
    display: flex;
    flex-direction: column;
    gap: max(1rem, calc(1 * var(--su)));
}

.flex-layout.stores_overview .filters-container .search-fields {
    display: flex;
    flex-direction: column;
    gap: max(.75rem, calc(.75 * var(--su)));
}

.flex-layout.stores_overview .filters-container .search-fields input {
    border: 1px solid var(--cbw-deep-pine-20);
    border-radius: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: var(--scaling-body-xs-normal);
    font-weight: 500;
    font-family: var(--pk-text-font-family);
    color: var(--cbw-deep-pine-100);
    padding: max(.75rem, calc(.75 * var(--su))) max(1rem, calc(1.25 * var(--su))) max(.75rem, calc(.75 * var(--su))) max(1.25rem, calc(1.25 * var(--su)));
    width: 100%;
    line-height: 1;
    background-size: max(.875rem, calc(.875 * var(--su)));
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4485 14.3269L8.21458 9.09271C7.79792 9.43674 7.31875 9.70597 6.77708 9.90042C6.23542 10.0949 5.67507 10.1921 5.09604 10.1921C3.67299 10.1921 2.46785 9.69854 1.48062 8.71146C0.493541 7.72424 0 6.5191 0 5.09604C0 3.67299 0.493541 2.46785 1.48062 1.48063C2.46785 0.493542 3.67299 0 5.09604 0C6.5191 0 7.72424 0.493542 8.71146 1.48063C9.69854 2.46785 10.1921 3.67299 10.1921 5.09604C10.1921 5.69118 10.0922 6.25958 9.8925 6.80125C9.69264 7.34292 9.42604 7.81403 9.09271 8.21458L14.3267 13.4485L13.4485 14.3269ZM5.09604 8.94229C6.16979 8.94229 7.07924 8.56965 7.82438 7.82438C8.56965 7.07924 8.94229 6.16979 8.94229 5.09604C8.94229 4.02229 8.56965 3.11285 7.82438 2.36771C7.07924 1.62243 6.16979 1.24979 5.09604 1.24979C4.02229 1.24979 3.11285 1.62243 2.36771 2.36771C1.62243 3.11285 1.24979 4.02229 1.24979 5.09604C1.24979 6.16979 1.62243 7.07924 2.36771 7.82438C3.11285 8.56965 4.02229 8.94229 5.09604 8.94229Z' fill='%23576E69'/%3E%3C/svg%3E%0A");    
    background-repeat: no-repeat;
    background-position: calc(100% - max(1.25rem, calc(1.25 * var(--su)))) center;
    transition: .2s ease-in-out background-color, .2s ease-in-out transform, .2s ease-in-out outline-color;
}

.flex-layout.stores_overview .filters-container .search-fields input:focus-visible {
    border: 1px solid var(--cbw-deep-pine-100);
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4485 14.3269L8.21458 9.09271C7.79792 9.43674 7.31875 9.70597 6.77708 9.90042C6.23542 10.0949 5.67507 10.1921 5.09604 10.1921C3.67299 10.1921 2.46785 9.69854 1.48062 8.71146C0.493541 7.72424 0 6.5191 0 5.09604C0 3.67299 0.493541 2.46785 1.48062 1.48063C2.46785 0.493542 3.67299 0 5.09604 0C6.5191 0 7.72424 0.493542 8.71146 1.48063C9.69854 2.46785 10.1921 3.67299 10.1921 5.09604C10.1921 5.69118 10.0922 6.25958 9.8925 6.80125C9.69264 7.34292 9.42604 7.81403 9.09271 8.21458L14.3267 13.4485L13.4485 14.3269ZM5.09604 8.94229C6.16979 8.94229 7.07924 8.56965 7.82438 7.82438C8.56965 7.07924 8.94229 6.16979 8.94229 5.09604C8.94229 4.02229 8.56965 3.11285 7.82438 2.36771C7.07924 1.62243 6.16979 1.24979 5.09604 1.24979C4.02229 1.24979 3.11285 1.62243 2.36771 2.36771C1.62243 3.11285 1.24979 4.02229 1.24979 5.09604C1.24979 6.16979 1.62243 7.07924 2.36771 7.82438C3.11285 8.56965 4.02229 8.94229 5.09604 8.94229Z' fill='%2301261E'/%3E%3C/svg%3E%0A");
}

.flex-layout.stores_overview .filters-container .filter-tags {
    display: flex;
    flex-wrap: wrap;
    gap: max(.5rem, calc(.5 * var(--su)));
}

.flex-layout.stores_overview .filters-container .filter-btn {
	border-radius: .5rem;
}

.flex-layout.stores_overview .filters-container .filter-btn:hover, .flex-layout.stores_overview .filters-container .filter-btn.active {
	background-color: var(--cbw-pumpkin-5);
	outline: 1px solid var(--cbw-pumpkin-40);
}

.flex-layout.stores_overview .filters-container .filter-btn .checkmark-box {
    margin-left: max(.25rem, calc(.25 * var(--su)));
    position: relative;
    width: max(1.5rem, calc(1.5 * var(--su)));
    height: auto;
    aspect-ratio: 1/1;
    background-size: contain;
    position: relative;
    border-radius: 50%;
    outline: 1px solid var(--cbw-deep-pine-10);
	outline-offset: -1px;
}

.flex-layout.stores_overview .filters-container .filter-btn .checkmark-box:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='24' y='1.04907e-06' width='24' height='24' rx='12' transform='rotate(90 24 1.04907e-06)' fill='%23F46526'/%3E%3Cmask id='mask0_682_1994' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='4' width='16' height='16'%3E%3Crect x='4' y='4' width='16' height='16' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_682_1994)'%3E%3Cpath d='M10.3669 15.7692L6.81055 12.2128L7.52321 11.5L10.3669 14.3437L16.4772 8.23334L17.1899 8.94617L10.3669 15.7692Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");    opacity: 0;
    transition: opacity 180ms ease;
}

.flex-layout.stores_overview .filters-container .filter-btn.active .checkmark-box:after {
    opacity: 1;
}

.flex-layout.stores_overview .map-container .filters-container .filter-reset-btn {
    width: fit-content;
    background: none;
    border: none;
    font-size: max(.875rem, calc(.875 * var(--su)));
    position: relative;
    display: flex;
    align-items: center;
    gap: max(.25rem, calc(.25 * var(--su)));
    text-decoration: underline;
    cursor: pointer;
    color: inherit;
    transition: .2s ease-in-out color, .2s ease-in-out transform, .2s ease-in-out outline-color;
}

.flex-layout.stores_overview .map-container .filters-container .filter-reset-btn::before {
    content: '';
    height: 1em;
    width: 1em;
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cmask id='mask0_682_2086' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_682_2086)'%3E%3Cpath d='M7.98816 8.99986C7.7155 8.99986 7.48066 8.90136 7.28366 8.70436C7.08666 8.50736 6.98816 8.27252 6.98816 7.99986C6.98816 7.72719 7.08666 7.49236 7.28366 7.29536C7.48066 7.09836 7.7155 6.99986 7.98816 6.99986C8.26083 6.99986 8.49566 7.09836 8.69266 7.29536C8.88966 7.49236 8.98816 7.72719 8.98816 7.99986C8.98816 8.27252 8.88966 8.50736 8.69266 8.70436C8.49566 8.90136 8.26083 8.99986 7.98816 8.99986ZM7.98816 13.6665C6.53772 13.6665 5.27788 13.1902 4.20866 12.2377C3.13944 11.2851 2.52366 10.0947 2.36133 8.66652H3.38183C3.55016 9.81786 4.06938 10.7724 4.9395 11.53C5.80961 12.2877 6.82583 12.6665 7.98816 12.6665C9.28816 12.6665 10.3909 12.2137 11.2965 11.3082C12.2021 10.4026 12.6548 9.29986 12.6548 7.99986C12.6548 6.69986 12.2021 5.59708 11.2965 4.69152C10.3909 3.78597 9.28816 3.33319 7.98816 3.33319C7.25994 3.33319 6.5775 3.49497 5.94083 3.81852C5.30405 4.14197 4.75572 4.58702 4.29583 5.15369H6.03949V6.15369H2.65483V2.76902H3.65483V4.34852C4.19583 3.71008 4.84372 3.21458 5.5985 2.86202C6.35316 2.50947 7.14972 2.33319 7.98816 2.33319C8.7745 2.33319 9.51127 2.48191 10.1985 2.77936C10.8856 3.0768 11.4847 3.48108 11.9958 3.99219C12.5069 4.5033 12.9112 5.10247 13.2087 5.78969C13.5061 6.4768 13.6548 7.21352 13.6548 7.99986C13.6548 8.78619 13.5061 9.52291 13.2087 10.21C12.9112 10.8972 12.5069 11.4964 11.9958 12.0075C11.4847 12.5186 10.8856 12.9229 10.1985 13.2204C9.51127 13.5178 8.7745 13.6665 7.98816 13.6665Z' fill='%2301261E'/%3E%3C/g%3E%3C/svg%3E");
}

.flex-layout.stores_overview .map-container > div {
    border-radius: 1rem;
}

.flex-layout.stores_overview .results-posts-container {
    grid-row-start: 2;
    overflow-y: scroll;
}

.flex-layout.stores_overview .result-item[hidden] {
    display: none;
}

.flex-layout.stores_overview .map {
    grid-row-start: span 2;
}

.flex-layout.stores_overview .map-results {
    flex: 1;
    overflow-y: auto;
    padding-right: 0.5rem;
    max-height: max(25rem, calc(25 * var(--su)));
    display: flex;
    flex-direction: column;
    gap: max(.75rem, calc(.75 * var(--su)));
    scroll-behavior: smooth;
}

.flex-layout.stores_overview .map-results.empty {
    display: none;
}

.flex-layout.stores_overview .map-results::-webkit-scrollbar {
    width: 2px;
}

.flex-layout.stores_overview .map-results::-webkit-scrollbar-track {
    background: var(--cbw-emerald-10);
    border-radius: 3px;
}

.flex-layout.stores_overview .map-results::-webkit-scrollbar-thumb {
    background: var(--cbw-emerald-100);
    border-radius: 3px;
}

.flex-layout.stores_overview .map-results::-webkit-scrollbar-thumb:hover {
    background: var(--cbw-emerald-100-hover);
}

.flex-layout.stores_overview .result-text {
    font-size: 14px;
    color: var(--white);
    margin-bottom: 12px;
}

.flex-layout.stores_overview .result-info-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.flex-layout.stores_overview .loading-state {
    padding: 2rem;
    text-align: center;
    color: var(--cbw-);
}

.flex-layout.stores_overview .map {
    height: 100%;
    overflow: hidden;
}

/* Error State */
.flex-layout.stores_overview .map-error {
    padding: 2rem;
    text-align: center;
    background: var(--cbw-white-100);
    border: 1px solid var(--cbw-white-100);
    border-radius: var(--border-radius-small);
    color: rgb(178, 12, 12);
}

@media screen and (max-width: 1200px) {



}

@media screen and (max-width: 992px) {

    .flex-layout.stores_overview {
        padding-block: 7.5rem 5rem !important;
    }

    .flex-layout.stores_overview .pk-grid-container {
        row-gap: 1rem;
    }

    .flex-layout.stores_overview .map-container .filters-container {
        margin-bottom: unset;
        height: fit-content;
    }

    .flex-layout.stores_overview .map {
        height: 700px;
    }

    .flex-layout.stores_overview .results-posts-container {
        grid-row-start: auto;
    }
}

@media screen and (max-width: 767px) {

    .flex-layout.stores_overview .map-container > div {
        border-radius: .5rem;
    }

    .flex-layout.stores_overview .filters-container .filter-btn {
        width: 100%;
    }

    .flex-layout.stores_overview .filters-container .filter-btn .checkmark-box {
        margin-left: auto;
    }

}

/* Google Maps Controls Styling */
.flex-layout.stores_overview .map .gm-control-active {
    background-color: var(--white) !important;
    border: 1px solid rgba(19, 15, 64, 0.10) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}

.flex-layout.stores_overview .map .gm-control-active>img {
    filter: brightness(0) saturate(100%);
}

.flex-layout.stores_overview .map .gm-fullscreen-control,
.flex-layout.stores_overview .map .gm-svpc {
    background-color: var(--white) !important;
    border: 1px solid rgba(19, 15, 64, 0.10) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}