.store-page { overflow-x:hidden; }
.store-hero { padding-block:clamp(5rem,9vw,9rem); background:linear-gradient(90deg,rgb(8 15 31/.98),rgb(18 27 47/.86)),image-set(url("../images/heroes/cosmos-hero.avif") type("image/avif"),url("../images/heroes/cosmos-hero.webp") type("image/webp"),url("../images/heroes/cosmos-hero.jpg") type("image/jpeg")) center/cover no-repeat; }
.store-hero__grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(18rem,.6fr); align-items:end; gap:var(--tem-space-16); }
.store-hero .tem-eyebrow,.store-terms .tem-eyebrow { color:#d8bd91; }
.store-hero .tem-display,.store-terms .tem-heading { color:#fff; }
.store-hero .tem-lead { max-width:48rem; color:#d7dbe5; }
.store-hero aside { padding:var(--tem-space-6); border:1px solid rgb(216 189 145/.5); border-radius:var(--tem-radius-md); background:rgb(8 15 31/.6); color:#d7dbe5; }
.store-hero aside strong { color:#fff; font-family:var(--tem-font-display); }
.store-hero aside p { margin-bottom:0; }
.store-heading { max-width:50rem; margin-bottom:var(--tem-space-8); }
.store-launch-note { margin-top:var(--tem-space-5); padding-left:var(--tem-space-4); border-left:2px solid var(--tem-color-accent); color:var(--tem-color-text-muted); font-size:var(--tem-font-size-sm); }
.store-filters { display:flex; flex-wrap:wrap; gap:var(--tem-space-2); margin-bottom:var(--tem-space-10); }
.store-filter { min-height:2.75rem; padding:.65rem 1rem; border:1px solid var(--tem-color-border); border-radius:var(--tem-radius-pill); background:var(--tem-color-surface); color:var(--tem-color-ink); font:700 var(--tem-font-size-sm)/1 var(--tem-font-body); cursor:pointer; }
.store-filter:hover,.store-filter.is-active { border-color:var(--tem-color-primary); background:var(--tem-color-primary); color:#fff; }
.store-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--tem-space-6); }
.store-card { min-width:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--tem-color-border); border-radius:var(--tem-radius-lg); background:var(--tem-color-surface); box-shadow:var(--tem-shadow-sm); }
.store-card__image { height:14rem; overflow:hidden; background:var(--tem-color-surface-muted); }
.store-card__image img { width:100%; height:100%; object-fit:cover; transition:transform var(--tem-duration-normal) var(--tem-ease); }
.store-card:hover .store-card__image img { transform:scale(1.025); }
.store-card__body { flex:1; display:flex; flex-direction:column; padding:var(--tem-space-6); }
.store-card .tem-tag { align-self:flex-start; }
.store-card h3 { margin:var(--tem-space-4) 0 var(--tem-space-3); color:var(--tem-color-ink); font:700 1.25rem/1.35 var(--tem-font-display); }
.store-card__footer { display:flex; align-items:end; justify-content:space-between; gap:var(--tem-space-4); margin-top:auto; padding-top:var(--tem-space-6); border-top:1px solid var(--tem-color-border); }
.store-price strong,.store-price del { display:block; }
.store-price strong { color:var(--tem-color-ink); font-size:1.3rem; }
.store-price del { color:var(--tem-color-text-muted); font-size:var(--tem-font-size-xs); }
.store-card .tem-button { min-height:2.75rem; padding:.65rem 1rem; font-size:var(--tem-font-size-xs); white-space:nowrap; }
.store-soon { min-height:2.75rem; display:inline-flex; align-items:center; padding:.65rem 1rem; border:1px solid var(--tem-color-border); border-radius:var(--tem-radius-pill); color:var(--tem-color-text-muted); font-size:var(--tem-font-size-xs); font-weight:800; text-transform:uppercase; }
.store-how ol { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--tem-space-8); margin:0; padding:0; list-style:none; }
.store-how li { padding:var(--tem-space-7) 0; border-top:1px solid var(--tem-color-accent); }
.store-how li strong,.store-how li span { display:block; }
.store-how li strong { margin-bottom:var(--tem-space-3); color:var(--tem-color-ink); font-family:var(--tem-font-display); }
.store-terms__grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:var(--tem-space-16); }
.store-terms p { color:#c9ced9; }
@media(max-width:1000px){.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.store-card__footer{align-items:stretch;flex-direction:column}.store-card .tem-button,.store-soon{justify-content:center;width:100%;}}
@media(max-width:760px){.store-hero__grid,.store-terms__grid{grid-template-columns:1fr;gap:var(--tem-space-8)}.store-grid,.store-how ol{grid-template-columns:1fr}.store-filters{display:grid;grid-template-columns:repeat(2,1fr)}.store-card__image{height:13rem}}