/* The store of BGST's channel (ADR-0033): neutral surfaces, one teal accent, cards that read on a phone.
   The list at /cua-hang, the product cards and the pager are Sân khấu now: web/stage-store.css. The product page bgst-api serves: web/stage-product.css. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.grade-tile{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-weight:700;text-decoration:none}
.store-section{max-width:1180px;margin:30px auto}
.store-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:16px}
.store-section-head h2{font-size:24px;margin:0}.store-section-head a{color:var(--teal-dark);font-weight:700}
.grade-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.grade-tile{border-radius:14px;min-height:56px}
@media(max-width:900px){.grade-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.grade-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}