.hp-seo-heading { padding-block: 16px; margin-bottom: 22px; }
.hp-seo-heading h1 { margin: 0; font-size: clamp(1.3rem, 2.2vw, 1.8rem); line-height: 1.7; }
@media (max-width: 767px) { .hp-seo-heading { padding-block: 12px; margin-bottom: 16px; } }
.hp-seo-delivery-note { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 0.9rem; line-height: 1.8; }
.hp-seo-delivery-note a { text-decoration: underline; }
.hp-seo-price-inquiry { padding: 16px; border: 1px solid #ddd; border-radius: 8px; margin-block: 16px; }
.hp-seo-price-inquiry p { margin-bottom: 12px; }

/* The existing hero has a negative top margin; keep the new heading above it. */
.home .hp-seo-heading { position: relative; z-index: 1; }