/* ==========================================================================
   ESSARDAS GROUP — SHOP PAGE CHROME (shop.html)
   Editorial hero + the wrapper around the shared products fragment.
   ========================================================================== */

.shop-hero {
  position: relative;
  padding-top: calc(var(--header-h) + clamp(3rem, 8vw, 7rem));
  padding-bottom: var(--section-pad);
  background: var(--obsidian);
  color: var(--chalk);
  text-align: center;
}
.shop-hero .eyebrow { justify-content: center; margin-bottom: var(--space-3); }
.shop-hero h1 { font-size: var(--fs-display); }
.shop-hero__lead { margin-top: var(--space-3); color: var(--chalk-soft); font-family: var(--font-display); font-style: italic; font-size: var(--fs-lead); }

.shop-body { background: var(--bone); }
.shared-element-container { padding-block: var(--section-pad); }