.hbm-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 24px; border-bottom: 1px solid #e6e1d8; }
.hbm-brand { font-size: 1.4rem; font-weight: 700; color: #1f4e5f; text-decoration: none; }
.hbm-nav { display: flex; flex-wrap: wrap; gap: 16px; }
.hbm-nav a { color: #333; text-decoration: none; }
.hbm-nav a.active { color: #1f4e5f; font-weight: 700; }
.hbm-main { max-width: 960px; margin: 0 auto; padding: 24px 16px; }
.hbm-hero { padding: 32px 0; }
.hbm-hero h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); color: #1f4e5f; }
.hbm-lead { font-size: 1.2rem; max-width: 720px; }
.hbm-price strong { font-size: 2rem; color: #b5532a; }
.hbm-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hbm-btn { display: inline-block; padding: 12px 22px; background: #1f4e5f; color: #fff; border-radius: 6px; text-decoration: none; }
.hbm-btn-alt { background: #b5532a; }
.hbm-section { padding: 16px 0; }
.hbm-facts { display: grid; grid-template-columns: max-content 1fr; gap: 8px 24px; }
.hbm-facts dt { font-weight: 700; }
.hbm-facts dd { margin: 0; }
.hbm-footer { text-align: center; padding: 24px 16px; border-top: 1px solid #e6e1d8; color: #666; }

.hbm-hero-img { width: 100%; height: auto; border-radius: 8px; }
.hbm-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; }
.hbm-gallery-img { width: 100%; height: auto; border-radius: 6px; }
.hbm-form { display: grid; gap: 12px; max-width: 560px; }
.hbm-form label { display: grid; gap: 4px; }
.hbm-form input, .hbm-form select, .hbm-form textarea { padding: 8px; border: 1px solid #ccc; border-radius: 4px; font: inherit; }
.hbm-hp { position: absolute; left: -9999px; height: 0; overflow: hidden; }
.hbm-status { padding: 12px; background: #eef6f0; border-radius: 6px; }
.hbm-privacy { color: #666; font-size: .9rem; }
.hbm-consent { position: fixed; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: center; padding: 12px 16px; background: #fff; border-top: 1px solid #ccc; z-index: 1000; }
.hbm-consent[hidden] { display: none; }
.hbm-consent p { margin: 0; }

.hbm-body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; line-height: 1.5; color: #222; background: #fff; }
.hbm-body *, .hbm-body *::before, .hbm-body *::after { box-sizing: border-box; }
.hbm-body img { max-width: 100%; }
.hbm-skip { position: absolute; left: -9999px; }
.hbm-skip:focus { left: 8px; top: 8px; z-index: 2000; padding: 8px 12px; background: #fff; border: 2px solid #1f4e5f; }
.hbm-article h2 { margin-bottom: 4px; }
.hbm-link { font-weight: 700; color: #1f4e5f; }