/* The shop, /yantras/ and its twins (SRS v3 FR-DES-2's collection template; mockup/src.html:1268-1288). Linked
   after site.css by these three pages only. The chips jump to the five group sections by their anchors (the copy's
   build note: #wealth, #wisdom, #protection, #devotion, #planetary), so the mockup's filter buttons, sort and counted
   result line have no page and were not kept. Its tiles, chips, facts and questions are site.css's. */
.pagehead p + p { margin-top: 12px; }
.shopbar { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 24px; }
.shopbar .chip { text-decoration: none; }
.shopsec { padding-block: clamp(48px, 7vw, 88px) 0; }
.shopsec h2 { font-size: clamp(1.6rem, 1.3rem + 1.2vw, 2.3rem); margin-bottom: 10px; }
.shopsec .lede { font-size: 1.125rem; }
.shopsec p + p { margin-top: 10px; }
.shopsec p:not(.lede) { color: var(--ink-2); max-width: 44em; }
.shopgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 44px 28px; padding-block: 32px 0; }
.shopend { padding-block: clamp(64px, 9vw, 112px); }
.trust { margin-top: clamp(64px, 9vw, 112px); padding-block: 8px 28px; }
.trust .fine { color: var(--band-ink-2); max-width: 62em; margin-top: 4px; }
.qa { max-width: 46em; }
.qa h3 { font-size: 1.25rem; margin: 28px 0 8px; }
.qa p { color: var(--ink-2); }
.qa__more { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-top: 28px; }