/* ============================================================
   CAPELY: the dedicated shop page (shop.html)

   Only the page's own header and grid spacing live here. The cards
   are css/03-shop.css, unchanged, so the grid is visibly the same object the
   homepage shows.
   ============================================================ */

/* The page header sits under a fixed nav, so it needs its own top offset:
   .section's padding is not enough to clear the island. */
.shop-page-head {
  padding-top: calc(var(--nav-h) + 52px);
  padding-bottom: 0;
  text-align: center;
}
.shop-page-head .back-link { margin-left: auto; margin-right: auto; }
.shop-page-head h1 {
  font-size: clamp(32px, 5vw, 52px);
}
/* The filter chips, the sort control, the count line and the sub-paragraph
   that used to sit here were built and then cut by the owner. Nine capes fit
   on one page, so a control that narrows nine items down is furniture. The
   rarity badge on each card still says what tier it is. Do not add them back
   without being asked. */

.shop-page-grid-section { padding-top: clamp(32px, 4vw, 44px); }

.shop-empty {
  padding: 60px 24px;
  text-align: center;
  color: var(--text-mute);
  font-size: 15px;
}

@media (max-width: 640px) {
  .shop-page-head { padding-top: calc(var(--nav-h) + 34px); }
}