/* ==========================================================================
   Layout primitives — main region, WooCommerce wrapper
   ========================================================================== */

.hp-main { display: block; min-height: 40vh; }

/* Overlay-header pages let the hero sit under the fixed header (no spacer). */
.hp-header--overlay ~ .hp-main { --hp-hdr: 0px; }

.hp-wc { padding-block: clamp(24px, 4vw, 48px); }

/* Generic article (fallback templates) */
.hp-article { max-width: 760px; margin-inline: auto; }
.hp-article__title { margin-bottom: .4em; }