/* Public storefront – builds on theme.css */
.store-nav { position: sticky; top: 0; z-index: 50; background: rgba(8,9,11,.88); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--panel-border); }
.store-logo { width: 38px; height: 38px; border-radius: 10px; background: linear-gradient(135deg,#F4D77D,#D4AF37); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; color: #1a1305; font-size: .9rem; }
.store-search .form-control { background: var(--panel); border-color: var(--panel-border); color: var(--text); border-radius: var(--radius-sm) 0 0 var(--radius-sm); }
.store-search .form-control::placeholder { color: var(--text-muted); }
.store-search .form-control:focus { background: var(--panel); color: var(--text); border-color: var(--gold); box-shadow: none; }
.store-search .btn { border-radius: 0 var(--radius-sm) var(--radius-sm) 0; padding: .4rem 1rem; }
.store-hero { border-bottom: 1px solid var(--panel-border); background: radial-gradient(circle at 80% 20%, rgba(212,175,55,.10), transparent 50%); }
.store-chip { display: inline-block; padding: .4rem .95rem; border: 1px solid var(--panel-border); border-radius: 999px; color: var(--text); background: var(--panel); font-size: .9rem; }
.store-chip:hover, .store-chip.active { border-color: var(--gold); color: var(--gold-light); background: rgba(212,175,55,.10); }
.product-thumb { position: relative; aspect-ratio: 1 / 1; background: var(--bg-elevated); display: flex; align-items: center; justify-content: center; color: var(--gold); font-size: 2.5rem; overflow: hidden; }
.product-thumb i { opacity: .35; }
.product-thumb img { width: 100%; height: 100%; object-fit: cover; }
.product-flag { position: absolute; top: .6rem; left: .6rem; background: var(--danger); color: #fff; font-size: .7rem; font-weight: 600; padding: .15rem .55rem; border-radius: 999px; }
.product-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; }
.product-hero-img { aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; overflow: hidden; color: var(--gold); font-size: 5rem; }
.product-hero-img i { opacity: .3; }
.product-hero-img img { width: 100%; height: 100%; object-fit: cover; }
.store-footer { border-top: 1px solid var(--panel-border); color: var(--text-muted); }