.home-search-shell{background:var(--color-surface);justify-items:center;gap:56px;display:grid}.home-search-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;box-shadow:var(--shadow-sm);padding:24px}.home-region-selector{gap:10px;width:100%;margin-top:-40px;display:grid}.home-region-current{width:fit-content;color:var(--color-text-subtle);align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.home-region-current svg{color:var(--color-brand)}.home-region-chips{gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.home-region-chips button{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-height:34px;color:var(--color-text-strong);background:var(--color-surface);font:inherit;white-space:nowrap;flex:none;padding:0 12px;font-size:12px;font-weight:900}.home-region-chips button[aria-pressed=true]{border-color:var(--color-text-strong);color:var(--color-surface);background:var(--color-text-strong)}.home-region-chips button.muted{color:var(--color-text-muted)}.home-nearby-section{width:100%}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.section-head-title{flex-wrap:wrap;align-items:baseline;gap:10px;min-width:0;display:flex}.section-head h2{color:var(--color-text-strong);margin:0;font-size:22px;font-weight:900}.section-head-more{border-radius:var(--radius-md);color:var(--color-text-subtle);flex-shrink:0;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.section-head-more:hover{color:var(--color-text-strong);background:var(--color-surface-muted)}.home-location-cta{border:1px solid var(--color-brand);border-radius:var(--radius-md);min-height:34px;color:var(--color-surface);background:var(--color-brand);justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #ff4f182e}.home-location-cta:hover{border-color:var(--color-brand-hover);background:var(--color-brand-hover)}.home-location-cta.active{color:var(--color-success-fill);box-shadow:none;background:#12b76a14;border-color:#12b76a47}.home-location-cta:disabled{cursor:progress;opacity:.72}.nearby-location-message,.home-empty-message{color:var(--color-danger-fill);align-items:center;gap:5px;margin:-6px 0 14px;font-size:12px;font-weight:800;display:inline-flex}.home-empty-message{color:var(--color-text-muted);margin:0;display:block}.stores-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.store-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;background:var(--color-surface);flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.store-card:hover{border-color:var(--color-brand);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.store-card .photo{aspect-ratio:4/3;background:linear-gradient(135deg, #ff4f181a, #ff4f1805), var(--color-surface-muted);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.store-card .photo:before{color:var(--color-text-placeholder);content:attr(data-ph);font-size:32px;font-weight:800}.store-card .photo.image-loaded:before{z-index:1;content:"";background:linear-gradient(#14151747,#14151700 42%,#14151752);position:absolute;inset:0}.store-card .photo img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .24s,transform .42s;position:absolute;inset:0;transform:scale(1.015)}.store-card .photo img.is-loaded{opacity:1;transform:scale(1)}.store-card .photo .status{z-index:2;border-radius:var(--radius-pill);background:#fffffff5;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.store-card .photo .status:before{content:"";border-radius:50%;width:6px;height:6px}.store-card .photo .status.open{color:var(--color-success-fill)}.store-card .photo .status.open:before{background:var(--color-success-fill)}.store-card .photo .status.closing{color:var(--color-warning-fill)}.store-card .photo .status.closing:before{background:var(--color-warning-fill)}.store-card .photo .status.closed{color:var(--color-danger-fill)}.store-card .photo .status.closed:before{background:var(--color-danger-fill)}.store-card .photo .distance{z-index:2;border-radius:var(--radius-md);color:var(--color-surface);background:#141517d9;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:10px;right:10px}.store-card .body{flex-direction:column;flex:1;gap:10px;padding:14px 16px 16px;display:flex}.store-card .tags{gap:4px;font-size:10px;font-weight:700;display:flex}.store-card .tags .tag{border-radius:var(--radius-sm);color:var(--color-text-subtle);background:var(--color-surface-muted);padding:3px 7px}.store-card .tags .tag.unmanned{color:#2e8fff;background:#2e8fff1a}.store-card .tags .tag.open24{color:var(--color-brand);background:#ff4f181a}.store-card h3{color:var(--color-text-strong);margin:0;font-size:15px;font-weight:800;line-height:1.3}.store-card .addr{color:var(--color-text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.store-card .meta{border-top:1px solid var(--color-border-hairline);color:var(--color-text-muted);align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-size:12px;display:flex}.store-card .stars{color:var(--color-text-strong);align-items:center;gap:3px;font-weight:700;display:inline-flex}.store-card .stars svg{color:#f5a623}.store-card .review-count{color:var(--color-text-muted);font-weight:500}.store-card .stock-count{color:var(--color-success-fill);align-items:center;gap:4px;margin-left:auto;font-weight:700;display:inline-flex}.store-card-skeleton{pointer-events:none}.store-card-skeleton:hover{border-color:var(--color-border);box-shadow:none;transform:none}.store-card-skeleton .photo:before{content:""}.store-card-skeleton .skeleton-line{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-surface-muted) 0%, #eef0f3 45%, var(--color-surface-muted) 90%);background-size:180% 100%;animation:1.2s ease-in-out infinite store-card-skeleton;display:block}.store-card-skeleton .status-line{width:82px;height:24px;position:absolute;top:10px;left:10px}.store-card-skeleton .distance-line{width:58px;height:26px;position:absolute;bottom:10px;right:10px}.store-card-skeleton .tag-line{width:58px;height:20px}.store-card-skeleton .tag-line.short{width:42px}.store-card-skeleton .title-line{width:72%;height:19px}.store-card-skeleton .address-line{width:86%;height:15px}.store-card-skeleton .meta-line{width:78px;height:16px}.store-card-skeleton .stock-line{width:70px;height:16px;margin-left:auto}@keyframes store-card-skeleton{0%{background-position:100% 0}to{background-position:-80% 0}}.home-simple-search{border:2px solid var(--color-brand);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:minmax(0,1fr) 96px;min-height:58px;display:grid;overflow:hidden}.home-simple-search-input{align-items:center;gap:10px;min-width:0;min-height:58px;padding:0 18px;display:flex}.home-simple-search-input svg{color:var(--color-text-placeholder);flex:none}.home-simple-search-input input{width:100%;min-width:0;color:var(--color-text-strong);background:0 0;border:0;outline:0;font-size:16px;font-weight:600}.home-simple-search-input input::placeholder{color:var(--color-text-placeholder);font-weight:500}.home-simple-search>button{min-height:58px;color:var(--color-surface);background:var(--color-brand);border:0;font-size:15px;font-weight:900}.home-simple-search>button:hover{background:var(--color-brand-hover)}@media (max-width:720px){.home-search-shell{gap:40px}.home-search-panel{padding:14px}.home-simple-search{border-width:1.5px;grid-template-columns:minmax(0,1fr) 68px;min-height:50px}.home-simple-search-input{gap:8px;min-height:50px;padding:0 14px}.home-simple-search-input svg{width:18px;height:18px}.home-simple-search-input input{font-size:14px;font-weight:700}.home-simple-search>button{min-height:50px;font-size:13px}.section-head,.section-head-title{align-items:flex-start}}@media (max-width:1100px){.stores-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.stores-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;min-width:0;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.stores-grid::-webkit-scrollbar{display:none}.stores-grid .store-card{scroll-snap-align:start;flex:0 0 min(82vw,320px);min-width:0;max-width:min(82vw,320px)}}
