*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Lato,Helvetica,Arial,sans-serif;color:#374c5d;background:#fff;line-height:1.4}a{color:#d95843;text-decoration:none}a:hover{color:#cb4029}.app{height:100%;display:flex;flex-direction:column}.app-header{background:#3f566a;color:#fff;flex-shrink:0;padding:8px 12px 10px}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.app-header h1{margin:0;font-size:1.4rem;font-weight:300}.site-desc{font-size:.78rem;opacity:.7;display:block}.about-toggle{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;flex-shrink:0;line-height:1}.about-toggle:hover{background:#ffffff47}.header-location{min-height:34px}.loc-granted{display:flex;align-items:center;gap:10px}.loc-granted-label{font-size:.82rem;color:#ffffffd9;flex:1}.loc-change-btn{background:none;border:none;color:#ffffffa6;font-size:.78rem;font-family:inherit;text-decoration:underline;cursor:pointer;padding:0;flex-shrink:0}.loc-change-btn:hover{color:#fff}.loc-prompt{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.loc-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:5px;padding:0 12px;height:34px;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.loc-btn:hover{background:#ffffff40}.loc-btn:disabled{opacity:.55;cursor:default}.loc-or{font-size:.75rem;color:#ffffff73;flex-shrink:0}.loc-address-row{display:flex;flex:1;min-width:160px;gap:4px}.loc-address-input{flex:1;height:34px;padding:0 8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:5px;color:#fff;font-size:.82rem;font-family:inherit;outline:none}.loc-address-input::placeholder{color:#fff6}.loc-address-input:focus{border-color:#fff9;background:#ffffff2e}.loc-go-btn{height:34px;padding:0 12px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:5px;color:#fff;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.loc-go-btn:hover{background:#ffffff4d}.loc-go-btn:disabled{opacity:.55;cursor:default}.loc-error{margin:5px 0 0;font-size:.75rem;color:#ffb3a0}.search{position:relative;flex-shrink:0;z-index:10}.search-input-row{display:flex;align-items:center;position:relative}.search-input{width:100%;height:44px;padding:0 88px 0 12px;border:none;border-bottom:3px solid #5d809d;font-size:1rem;font-family:inherit;outline:none;color:#374c5d}.search-input:focus{border-bottom-color:#3f566a}.search-icon{position:absolute;right:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#5d809d;font-size:1.1rem;pointer-events:none}.search-clear{position:absolute;right:44px;background:none;border:none;color:#5d809d;font-size:1rem;cursor:pointer;padding:0 10px;height:44px}.search-spinner{position:absolute;right:54px;width:18px;height:18px;margin:13px 0;border:2px solid #ddd;border-top-color:#5d809d;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.suggestions{position:absolute;top:100%;left:0;right:0;list-style:none;margin:0;padding:0;background:#fff;border:1px solid #5d809d;border-top:none;max-height:280px;overflow-y:auto;z-index:20;box-shadow:0 4px 8px #0000001a}.suggestion{padding:10px 16px;cursor:pointer;font-size:.95rem;line-height:1.3}.suggestion:hover{background:#eaf4ea}.suggestion.show-all{font-weight:700;color:#3f566a;border-bottom:1px solid #eee}.suggestion.no-results{color:#999;cursor:default}.suggestion.no-results:hover{background:none}.radius-filter{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f5f7f9;border-bottom:1px solid #e0e5ea;flex-shrink:0}.radius-label{font-size:.78rem;color:#666;flex-shrink:0}.radius-btns{display:flex;gap:4px}.radius-btn{height:26px;padding:0 10px;border:1px solid #c0cad3;border-radius:13px;background:#fff;font-size:.78rem;font-family:inherit;cursor:pointer;color:#555;white-space:nowrap}.radius-btn:hover{border-color:#5d809d;color:#374c5d}.radius-btn.active{background:#3f566a;border-color:#3f566a;color:#fff}.user-location-dot{width:16px;height:16px;background:#4285f4;border:2.5px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0006}.map-container{flex:1;position:relative;overflow:hidden;min-height:0}.results-tray{position:absolute;bottom:0;left:0;right:0;height:35vh;background:#fff;box-shadow:0 -2px 8px #0000002e;z-index:5;display:flex;flex-direction:column}.tray-close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:1.1rem;cursor:pointer;color:#555;opacity:.45;line-height:1;padding:4px}.tray-close:hover{opacity:1}.tray-header{padding:12px 44px 12px 16px;border-bottom:1px solid #3f566a;flex-shrink:0}.store-name{font-size:1.15rem;font-weight:700;margin-bottom:4px}.store-address,.store-phone{font-size:.88rem;margin-top:3px}.store-distance{font-size:.8rem;color:#777;margin-top:3px}.tray-results{overflow-y:auto;flex:1}.result-item{padding:10px 16px;border-bottom:1px solid #f0f0f0}.result-desc{font-weight:700;margin-bottom:4px;font-size:.95rem}.result-meta{font-size:.82rem;color:#666;display:flex;gap:12px;flex-wrap:wrap}.about-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:30}.about-overlay.open{display:block}.about-drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,90vw);background:#fff;box-shadow:-2px 0 10px #0003;transform:translate(100%);transition:transform .25s ease;z-index:31;display:flex;flex-direction:column}.about-drawer.open{transform:translate(0)}.about-header{display:flex;align-items:center;justify-content:space-between;padding:16px;font-size:1.15rem;font-weight:300;border-bottom:1px solid #eee;flex-shrink:0}.about-header button{background:none;border:none;cursor:pointer;font-size:1rem;color:#555}.about-content{flex:1;overflow-y:auto}.about-content details{border-bottom:1px solid #eee}.about-content summary{padding:14px 16px;cursor:pointer;font-weight:600;font-size:.95rem;list-style:none;display:flex;justify-content:space-between;align-items:center}.about-content summary:after{content:"›";font-size:1.1rem;color:#999;transition:transform .2s}details[open]>summary:after{transform:rotate(90deg)}.about-content p{padding:0 16px 14px;font-size:.88rem;line-height:1.55;margin:0;color:#555}.about-footer{padding:12px 16px;font-size:.78rem;color:#aaa;border-top:1px solid #eee;flex-shrink:0}@media (max-width: 480px){.app-header{padding:8px 10px 10px}.app-header h1{font-size:1.2rem}.site-desc{display:none}.header-top{margin-bottom:6px}.loc-prompt{flex-direction:column;align-items:stretch;gap:6px}.loc-or{text-align:center;font-size:.72rem}.loc-address-row{min-width:0}.loc-btn{text-align:center}.search-input{font-size:.95rem}.tray-header{padding:10px 40px 10px 12px}.store-name{font-size:1rem}.result-meta{gap:8px}}