/* =============================================================================
   sidebarShopStyles.css — styles for the "shop" sidebar view
   -----------------------------------------------------------------------------
   Owns the title and body typography for the Shop view. The .sidebar-view
   base (in sidebarStyles.css) handles positioning and opacity transitions.

   CLASSES EMITTED
     .sidebar-view-shop      — the view root
     .sidebar-shop-title     — display heading
     .sidebar-shop-body      — body copy container (paragraphs etc.)

   COUPLED WITH sidebarShop.js (emits these classes) and infiniteStyles.css
   (provides theme vars + --ease).
   ========================================================================== */

.sidebar-shop-title {
  font-family: "Hornet Display", sans-serif;
  font-weight: bold;
  font-size: clamp(2rem, 4vw, 2.6rem);
  letter-spacing: 0.12em;
  line-height: 1.05;
  color: var(--ink-strong);
  margin-bottom: 1.4rem;
}

.sidebar-shop-body {
  font-family: "Glitched Book", sans-serif;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--ink);
}
.sidebar-shop-body p {
  margin-bottom: 1rem;
}
.sidebar-shop-body p:last-child {
  margin-bottom: 0;
}