.store-locations{--store-bg: var(--color-bg);--store-text: var(--color-text);--store-accent: var(--primary-color, var(--color-accent));background-color:var(--store-bg);color:var(--store-text);padding:var(--spacing-lg) 0;position:relative}.store-locations__tabs-wrapper{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg);padding:0 var(--container-padding)}.store-locations__tabs{display:flex;background-color:var(--color-surface);padding:6px;border-radius:var(--radius-lg);gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;border:1px solid var(--color-border-light)}.store-locations__tabs::-webkit-scrollbar{display:none}.store-locations__tab{display:flex;align-items:center;gap:10px;padding:10px 24px;background-color:transparent;border:none;border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--color-text-muted);transition:all .3s ease;white-space:nowrap;cursor:pointer}.store-locations__tab-icon{width:20px;height:20px;opacity:.7;object-fit:contain}.store-locations__tab:not(.is-active):hover{color:var(--color-text);background-color:var(--color-surface-hover)}[data-theme=dark] .store-locations__tab:not(.is-active):hover{background-color:#ffffff14}.store-locations__tab.is-active{background-color:var(--store-accent);color:var(--color-white-static, #ffffff);box-shadow:var(--shadow-sm)}[data-theme=dark] .store-locations__tab.is-active{color:var(--color-black-static, #000000)}.store-locations__tab.is-active .store-locations__tab-icon{opacity:1;filter:brightness(0) invert(1)}[data-theme=dark] .store-locations__tab.is-active .store-locations__tab-icon{filter:none}.store-locations__map-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;height:400px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.store-locations__map-area{width:100%;height:100%;background-color:var(--color-surface)}.store-locations.store-locations--full-map{padding-block:0!important}.store-locations--full-map .store-locations__content{width:100vw;max-width:100vw;margin-inline-start:calc(50% - 50vw);margin-inline-end:calc(50% - 50vw)}.store-locations--full-map .store-locations__map-wrapper{border-radius:0;border-inline:none}.store-locations--full-map .store-locations__map-area{border:none;border-radius:0}.store-locations__map-item{display:none;width:100%;height:100%}.store-locations__map-item.is-active{display:block}.store-locations__map-item iframe{width:100%;height:100%;border:0}.store-locations__list-overlay{position:absolute;inset-inline:16px;bottom:16px;top:auto;z-index:10;display:flex;justify-content:center;pointer-events:none}.store-locations__toggle-btn{display:none;position:absolute;top:20px;left:-40px;width:40px;height:40px;background:var(--color-card-bg, #ffffff);border:1px solid var(--color-border-light);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);align-items:center;justify-content:center;cursor:pointer;box-shadow:-4px 0 8px #0000001a;z-index:11;pointer-events:auto}[dir=rtl] .store-locations__toggle-btn{left:auto;right:-40px;border-right:1px solid var(--color-border-light);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:4px 0 8px #0000001a}.store-locations__toggle-btn .lucide-icon,.store-locations__toggle-btn svg{width:20px;height:20px;color:var(--color-text)}.store-locations__toggle-btn .icon-open{display:none}.store-locations__toggle-btn .icon-close,.store-locations__list-overlay.is-collapsed .store-locations__toggle-btn .icon-open{display:block}.store-locations__list-overlay.is-collapsed .store-locations__toggle-btn .icon-close{display:none}[dir=rtl] .store-locations__toggle-btn .icon-open{display:block}[dir=rtl] .store-locations__toggle-btn .icon-close,[dir=rtl] .store-locations__list-overlay.is-collapsed .store-locations__toggle-btn .icon-open{display:none}[dir=rtl] .store-locations__list-overlay.is-collapsed .store-locations__toggle-btn .icon-close{display:block}.store-locations__list-area{display:flex;max-width:100%;pointer-events:auto}.store-locations__city-list{display:none;flex-direction:row;align-items:center;gap:4px;max-width:100%;overflow-x:auto;padding:6px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f;border:1px solid rgba(255,255,255,.3);scrollbar-width:none}[data-theme=dark] .store-locations__city-list{background:#1e1e1ed9;border-color:#ffffff1a}[data-theme=dark] .store-locations__toggle-btn:hover{background:var(--color-surface-hover)}[data-theme=dark] .store-locations__city-item:not(.is-active){color:var(--color-text-muted)}[data-theme=dark] .store-locations__city-item:not(.is-active):hover{background-color:#ffffff14}[data-theme=dark] .store-locations__city-item:not(.is-active):hover i{opacity:1}[data-theme=dark] .store-locations__tabs{background-color:var(--color-surface);border-color:var(--color-border)}.store-locations__city-list.is-active{display:flex}.store-locations__city-list::-webkit-scrollbar{display:none}.store-locations__city-item{display:flex;align-items:center;gap:8px;padding:9px 18px;background-color:transparent;border:none;border-radius:var(--radius-md);font-weight:var(--fw-semibold);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;transition:all .25s ease;cursor:pointer}.store-locations__city-item i{width:16px;height:16px;opacity:.6;flex-shrink:0;transition:transform .2s ease}.store-locations__city-item:not(.is-active):hover{color:var(--color-text);background-color:var(--color-surface-hover)}.store-locations__city-item.is-active{background-color:var(--store-accent);color:var(--color-white-static, #ffffff);box-shadow:var(--shadow-sm)}[data-theme=dark] .store-locations__city-item.is-active{color:var(--color-black-static, #000000)}.store-locations__city-item.is-active i{opacity:1;color:inherit;transform:scale(1.1)}@media (max-width: 991px){.store-locations{padding-top:var(--spacing-md)!important;padding-bottom:var(--spacing-md)!important}.store-locations__map-wrapper{height:340px}.store-locations__list-overlay{inset-inline:12px;bottom:12px}.store-locations__city-item{padding:8px 14px;font-size:var(--fs-sm)}}@media (max-width: 480px){.store-locations__tab{padding:8px 16px;font-size:var(--fs-sm)}}
