.us-store-locator-component{width:100%;margin:0;padding:20px;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}
.us-store-locator-component *,.us-store-locator-component *::before,.us-store-locator-component *::after{box-sizing:border-box}
.store-locator-header{text-align:center;margin-bottom:30px}
.store-locator-header h1,.store-locator-header h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 10px 0}
.store-locator-header .subtitle{font-size:14px;color:#6c757d;margin:0}
.main-content-layout{display:flex;flex-direction:column;gap:20px;width:100%}
.stores-sidebar{width:100%;order:2}
.stores-container{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:20px;min-height:200px}
.initial-state h3,.loading-state h3,.error-state h3,.no-stores-state h3{margin:0 0 15px 0;color:#2c3e50;font-size:1.1rem;font-weight:600}
.initial-state p,.loading-state p,.error-state p,.no-stores-state p{margin:0;color:#6c757d;font-size:14px;line-height:1.5}
.loading-spinner{border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;margin:15px auto 0}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.stores-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}
.stores-header h3{margin:0;color:#2c3e50;font-size:1.1rem;font-weight:600}
.clear-btn{background:#6c757d;color:white;border:0;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s ease}
.clear-btn:hover{background:#5a6268}
.us-interactive-map-stores-content{display:flex;flex-direction:column;gap:15px}
.us-interactive-map-store-item{padding:15px;border:1px solid #e0e0e0;border-radius:6px;background:#fafafa}
.us-interactive-map-store-name{font-weight:600;color:#2c3e50;font-size:16px;margin:0 0 8px 0}
.us-interactive-map-store-stocking{color:#6c757d;font-size:14px;margin:0}
.us-interactive-map-store-stocking strong{color:#2c3e50}
.us-interactive-map-store-error{color:#e74c3c;font-size:14px;font-style:italic;margin:5px 0 0 0}
.map-section{width:100%;order:1}
.map-container{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}
#us-map{width:100%;height:auto;display:block;position:relative}
#us-map svg{width:112% !important;height:auto;display:block;margin:0;padding:0;transform:translateX(-11%);transform-origin:left center;max-width:none}
#us-map path.default-state,#us-map svg path.default-state,.us-store-locator-component svg path.default-state{fill:#eaebdd !important;stroke:white !important;stroke-width:1px !important;cursor:pointer;transition:fill .2s ease,stroke .2s ease,stroke-width .2s ease}
#us-map path:hover,#us-map svg path:hover,.us-store-locator-component svg path:hover,#us-map path.hovered,#us-map svg path.hovered,.us-store-locator-component svg path.hovered{fill:#bcbec2 !important}
#us-map path.selected,#us-map svg path.selected,.us-store-locator-component svg path.selected{fill:#006b35 !important;stroke:#006b35 !important;stroke-width:2px !important}
#us-map path,#us-map svg path,.us-store-locator-component svg path{stroke:white !important;stroke-width:1px !important;fill:#808285 !important;cursor:pointer;transition:fill .2s ease,stroke .2s ease,stroke-width .2s ease}
.state-abbreviation,#us-map text.state-abbreviation,#us-map svg text.state-abbreviation{font-family:'Arial',sans-serif !important;font-size:10px !important;font-weight:bold !important;fill:#333 !important;stroke:none !important;pointer-events:none !important;text-anchor:middle !important;dominant-baseline:central !important;user-select:none}
.map-error{text-align:center;padding:40px 20px;color:#6c757d}
.map-error h3{margin:0 0 10px 0;color:#e74c3c;font-size:1.1rem}
.map-error p{margin:0 0 15px 0;font-size:14px}
.refresh-btn{background:#3498db;color:white;border:0;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}
.refresh-btn:hover{background:#2980b9}
@media(min-width:768px){.us-store-locator-component{padding:30px}
.store-locator-header h1,.store-locator-header h2{font-size:2rem}
.store-locator-header .subtitle{font-size:16px}
.main-content-layout{flex-direction:row;gap:15px;align-items:flex-start}
.stores-sidebar{width:280px;flex-shrink:0;order:1}
.map-section{flex:1;order:2}
.map-container{padding:0}
#us-map svg{width:115% !important;transform:translateX(-13%)}
.stores-container{max-height:600px;overflow-y:auto}
.state-abbreviation,#us-map text.state-abbreviation,#us-map svg text.state-abbreviation{font-size:12px !important}
}
@media(min-width:1024px){.us-store-locator-component{max-width:1600px;margin:0 auto;padding:40px}
.main-content-layout{gap:20px}
.stores-sidebar{width:300px}
.map-container{padding:0}
#us-map svg{width:115% !important;transform:translateX(-12%)}
.stores-container{max-height:750px}
.us-interactive-map-store-item{padding:15px}
.us-interactive-map-store-name{font-size:16px}
.us-interactive-map-store-stocking{font-size:14px}
.state-abbreviation,#us-map text.state-abbreviation,#us-map svg text.state-abbreviation{font-size:15px !important}
}
@media(min-width:1440px){.us-store-locator-component{max-width:1800px}
.main-content-layout{gap:25px}
.stores-sidebar{width:320px}
.map-container{padding:0}
#us-map svg{width:115% !important;transform:translateX(-13%)}
.stores-container{max-height:850px}
.state-abbreviation,#us-map text.state-abbreviation,#us-map svg text.state-abbreviation{font-size:16px !important}
}
.map-section{overflow:hidden}
.map-container{overflow:hidden}
#us-map text[x="221.39834594726562"]{transform:translate(197px,97px) !important}
#us-map text[x="161.07366943359375"]{transform:translate(59px,-7px) !important}
#us-map text[x="217.5158233642578"]{transform:translate(-13px,12px) !important}
#us-map text[x="314.28778076171875"]{transform:translate(-8px,20px) !important}
#us-map text[x="610.572998046875"]{transform:translate(-13px,10px) !important}
#us-map text[x="671.2375183105469"]{transform:translate(-20px,0) !important}
#us-map text[x="717.8761901855469"]{transform:translate(22px,16px) !important}
#us-map text[x="812.5130615234375"]{transform:translate(41px,-8px) !important}
#us-map text[x="875.4581909179688"]{transform:translate(4px,-7px) !important}
#us-map text[x="879.8745727539062"]{transform:translate(0,0) !important}
#us-map text[x="849.0570983886719"]{transform:translate(15px,0) !important}
#us-map text[x="831.7798461914062"]{transform:translate(-8px,6px) !important}