#store-list-resource{
	width: 100%!important;
	display: none;
}
/* ===== Design Tokens ===== */
:root{
 --bg: #f7f8f8;
 --card: #ffffff;
 --text: #0b0b0c;
 --muted: #5f6368;
 --line: #e9eaec;
 --primary: #111; /* button fill */
 --primary-fore: #fff; /* button text */
 --accent: #0f62fe; /* focus ring */
 --verified: #111; /* badge icon */
 --radius-xl: 24px;
 --radius-lg: 18px;
 --shadow-lg: 0 18px 50px rgba(0,0,0,.12);
 --shadow-sm: 0 6px 20px rgba(0,0,0,.08);
}
/* Optional dark mode */
@media (prefers-color-scheme: dark) {
	:root{
 --bg: #0c0c0d;
 --card: #151517;
 --text: #f5f5f5;
 --muted: #9aa0a6;
 --line: #26272b;
 --primary: #f5f5f5;
 --primary-fore: #0c0c0d;
 --verified: #f5f5f5;
 --shadow-lg: 0 20px 50px rgba(0,0,0,.35);
 --shadow-sm: 0 10px 30px rgba(0,0,0,.26);
 }
}
/* ===== Section Head ===== */
.stores{
 padding: unset;
}
.stores__head{
 max-width: 1100px;
 margin: 0 auto 1.5rem;
 text-align: center;
}
.stores__head h2{
 font-size: clamp(1.8rem, 4vw, 2.6rem);
 font-weight: 750;
 letter-spacing: -.015em;
 color: var(--text);
 margin: 0 0 .5rem 0;
}
.stores__head p{
 color: var(--muted);
 margin: 0;
}
/* ===== Controls ===== */
.stores__controls{
 margin: 1.75rem auto 0;
 display: grid;
 gap: .75rem;
 grid-template-columns: 1fr minmax(180px, 220px);
 max-width: 820px;
}
.input-pill,
.select-pill{
 background: var(--card);
 border: 1px solid var(--line);
 border-radius: 999px;
 padding: .8rem 1.1rem;
 display: flex;
 align-items: center;gap: .6rem;
 box-shadow: var(--shadow-sm);
}
.input-pill svg{
 width: 20px;height: 20px;fill: var(--muted);
}
.input-pill input{
 border: none; outline: none; background: transparent;
 color: var(--text); width: 100%;
 font-size: 1rem;
}
.select-pill{
 appearance: none;
 font-size: .95rem;
 color: var(--text);
 background-image:
 linear-gradient(45deg, transparent 50%, var(--muted) 50%),
 linear-gradient(135deg, var(--muted) 50%, transparent 50%),
 linear-gradient(to right, transparent, transparent);
 background-position:
 calc(100% - 18px) center,
 calc(100% - 13px) center,
 100% 0;
 background-size: 6px 6px, 6px 6px, 2.5em 2.5em;
 background-repeat: no-repeat;
 padding-right: 2.25rem;
 outline:none;
}
/* ===== Grid ===== */
.store-list{
 list-style: none;margin: 2rem auto 0; padding: 0;
 max-width: 1200px;
 display: grid;
 gap: 1.25rem;
 grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
/* ===== Card ===== */
.store-card{
 background: var(--card);
 border-radius: var(--radius-xl);
 overflow: hidden;
 display: grid;
 grid-template-rows: 260px auto;
}
.store-card__media img{
 width: 100%; height: 100%; object-fit: cover;
 display: block;
}
.store-card__body{
 padding: 1.1rem 1.2rem 1.25rem;
}
.store-card__title{
 font-weight: 730; font-size: 1.15rem; margin: 0;
 display: flex; align-items: center; gap: .55rem;
 color: var(--text);
}
.badge-verified{
 display: inline-flex; align-items: center; gap: .4rem;
 font-size: .8rem; color: var(--verified);
 padding: .25rem .55rem;
 border: 1px solid var(--line);
 border-radius: 999px;
 background: color-mix(in srgb, var(--verified) 4%, transparent);
}
.icon-verified{ width: 16px; height: 16px; }
/* Meta */
.store-card__meta{ margin-top: .7rem; display: grid; gap: .35rem; }
.meta-row{
 display: flex; align-items: center; gap: .55rem;
 color: var(--muted); font-size: .95rem;
}
.meta-ico{ width:18px;height:18px; fill: var(--muted); flex: 0 0 18px; }
.meta-link{ color: inherit; text-decoration: none; }
.meta-link:hover{ text-decoration: underline; }
address{ font-style: normal; }
/* Rating with partial stars */
.rating{ align-items: center; gap: .6rem; }
.rating .rating__text{ color: var(--muted); }