/* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Normalize the title element itself so page-specific theme rules cannot change the baseline. */ body #masthead.site-header .site-title { font-size: 24px !important; line-height: 24px !important; } @media (max-width: 767px) { body #masthead.site-header .site-title { font-size: 22px !important; line-height: 22px !important; } } /* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* HaoboMFG products landing page */ body.page-id-3053 .hb-products-page { background: var(--hb-paper, #f7f4ee); color: var(--hb-ink, #171716); overflow: hidden; } body.page-id-3053 .hb-products-page * { box-sizing: border-box; } body.page-id-3053 .hb-products-hero { padding: 96px 28px 104px; background: linear-gradient(135deg,#f5f1eb 0%,#fffdf9 68%,#f0ebe4 100%); border-bottom: 1px solid rgba(205,195,184,.72); } body.page-id-3053 .hb-products-hero-inner { width: min(1200px,100%); margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.85fr); align-items: center; gap: 72px; } body.page-id-3053 .hb-products-hero-copy { max-width: 650px; } body.page-id-3053 .hb-products-kicker { margin: 0 0 18px; color: var(--hb-accent,#b45e4d); font: 700 12px/1.3 Poppins,Arial,sans-serif; letter-spacing: .15em; text-transform: uppercase; } body.page-id-3053 .hb-products-hero h1 { max-width: 650px; margin: 0 0 24px; color: var(--hb-ink,#171716); font: 800 clamp(46px,5.3vw,78px)/.98 Poppins,Arial,sans-serif; letter-spacing: -.06em; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker), body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker), body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { color: #5a625e; font: 400 17px/1.75 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker) { max-width: 620px; margin: 0; } body.page-id-3053 .hb-products-hero-image { min-height: 440px; overflow: hidden; border-radius: 24px; box-shadow: 0 26px 60px rgba(24,23,22,.16); } body.page-id-3053 .hb-products-hero-image img { display: block; width: 100%; height: 100%; min-height: 440px; object-fit: cover; } body.page-id-3053 .hb-products-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 32px; } body.page-id-3053 .hb-products-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 13px 20px; border: 1px solid transparent; border-radius: 999px; font: 700 14px/1 Poppins,Arial,sans-serif; text-decoration: none; transition: transform .22s ease,box-shadow .22s ease,background .22s ease; } body.page-id-3053 .hb-products-button:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(24,23,22,.14); } body.page-id-3053 .hb-products-button-dark { background: var(--hb-ink,#171716); color: #fff; } body.page-id-3053 .hb-products-button-light { background: #fffdf9; border-color: rgba(180,94,77,.6); color: var(--hb-ink,#171716); } body.page-id-3053 .hb-products-button-accent { background: var(--hb-accent,#b45e4d); color: #fff; } body.page-id-3053 .hb-products-intro { width: min(780px,calc(100% - 56px)); margin: 0 auto; padding: 100px 0 56px; text-align: center; } body.page-id-3053 .hb-products-intro h2, body.page-id-3053 .hb-products-process h2, body.page-id-3053 .hb-products-cta h2 { margin: 0 0 18px; font: 800 clamp(34px,4vw,54px)/1.05 Poppins,Arial,sans-serif; letter-spacing: -.055em; } body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker) { margin: 0 auto; max-width: 700px; } body.page-id-3053 .hb-products-grid { width: min(1200px,calc(100% - 56px)); margin: 0 auto; padding: 0 0 108px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; } body.page-id-3053 .hb-products-card { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; border: 1px solid rgba(205,195,184,.78); border-radius: 20px; background: linear-gradient(145deg,#fff 0%,#fffdf9 100%); box-shadow: 0 14px 32px rgba(24,23,22,.06); transition: transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s; } body.page-id-3053 .hb-products-card:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(24,23,22,.14); } body.page-id-3053 .hb-products-card-image { aspect-ratio: 1.52; overflow: hidden; background: #e7e0d8; } body.page-id-3053 .hb-products-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.7,.2,1); } body.page-id-3053 .hb-products-card:hover .hb-products-card-image img { transform: scale(1.045); } body.page-id-3053 .hb-products-card-body { display: flex; flex: 1; flex-direction: column; padding: 26px 26px 24px; } body.page-id-3053 .hb-products-number { display: block; margin-bottom: 28px; color: var(--hb-accent,#b45e4d); font: 700 12px/1 Poppins,Arial,sans-serif; letter-spacing: .12em; } body.page-id-3053 .hb-products-card h3 { margin: 0 0 12px; font: 800 26px/1.1 Poppins,Arial,sans-serif; letter-spacing: -.045em; } body.page-id-3053 .hb-products-card p { margin: 0 0 22px; color: #656c68; font: 400 15px/1.7 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--hb-ink,#171716); font: 700 13px/1.4 Poppins,Arial,sans-serif; text-decoration: none; } body.page-id-3053 .hb-products-card a span { color: var(--hb-accent,#b45e4d); font-size: 18px; } body.page-id-3053 .hb-products-process { width: 100%; padding: 92px max(28px,calc((100% - 1200px)/2)); display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 72px; align-items: center; background: linear-gradient(120deg,#232426 0%,#171718 100%); color: #f7f4ee; } body.page-id-3053 .hb-products-process h2, body.page-id-3053 .hb-products-cta h2 { color: #f7f4ee; } body.page-id-3053 .hb-products-process p:not(.hb-products-kicker) { max-width: 540px; margin: 0; color: rgba(247,244,238,.76); font: 400 16px/1.75 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-process .hb-products-kicker, body.page-id-3053 .hb-products-cta .hb-products-kicker { color: #d8a954; } body.page-id-3053 .hb-products-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(247,244,238,.22); } body.page-id-3053 .hb-products-steps li { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 21px 0; border-bottom: 1px solid rgba(247,244,238,.22); } body.page-id-3053 .hb-products-steps strong { color: #d8a954; font: 700 14px/1.5 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-steps span { color: rgba(247,244,238,.88); font: 400 16px/1.55 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-cta { padding: 94px 28px 102px; background: #f5f1eb; text-align: center; } body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { width: min(660px,100%); margin: 0 auto; } body.page-id-3053 .hb-products-cta h2 { width: min(780px,100%); margin-left: auto; margin-right: auto; color: var(--hb-ink,#171716); } body.page-id-3053 .hb-products-cta .hb-products-actions { justify-content: center; } body.page-id-3053 .hb-products-text-link { color: var(--hb-ink,#171716); font: 700 14px/1.4 Poppins,Arial,sans-serif; text-decoration: none; } @media (max-width: 900px) { body.page-id-3053 .hb-products-hero { padding: 72px 22px 78px; } body.page-id-3053 .hb-products-hero-inner { grid-template-columns: 1fr; gap: 38px; } body.page-id-3053 .hb-products-hero-image, body.page-id-3053 .hb-products-hero-image img { min-height: 320px; } body.page-id-3053 .hb-products-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } body.page-id-3053 .hb-products-process { grid-template-columns: 1fr; gap: 42px; padding: 72px 22px; } } @media (max-width: 620px) { body.page-id-3053 .hb-products-hero { padding: 58px 18px 62px; } body.page-id-3053 .hb-products-hero h1 { font-size: 43px; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker), body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker), body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { font-size: 15px; line-height: 1.65; } body.page-id-3053 .hb-products-hero-image, body.page-id-3053 .hb-products-hero-image img { min-height: 260px; } body.page-id-3053 .hb-products-intro { width: calc(100% - 36px); padding: 70px 0 42px; } body.page-id-3053 .hb-products-grid { width: calc(100% - 36px); grid-template-columns: 1fr; padding-bottom: 72px; } body.page-id-3053 .hb-products-card-body { padding: 24px 22px; } body.page-id-3053 .hb-products-process { padding: 62px 18px; } body.page-id-3053 .hb-products-cta { padding: 70px 18px 76px; } }/* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Normalize the title element itself so page-specific theme rules cannot change the baseline. */ body #masthead.site-header .site-title { font-size: 24px !important; line-height: 24px !important; } @media (max-width: 767px) { body #masthead.site-header .site-title { font-size: 22px !important; line-height: 22px !important; } } /* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Products page: single-page catalog with sticky category navigation */ body.page-id-3053 .hb-products-catalog-section{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:46px!important;max-width:1220px!important;margin:0 auto!important;padding:82px 28px 112px!important;align-items:start!important;background:#f7f4ee!important} body.page-id-3053 .hb-products-sidebar{display:block!important;min-width:0!important;position:sticky!important;top:108px!important;z-index:5!important;align-self:start!important} body.page-id-3053 .hb-products-sidebar-inner{background:#fff!important;border:1px solid #ddd5ca!important;border-radius:18px!important;padding:24px 18px 20px!important;box-shadow:0 16px 38px rgba(31,35,39,.08)!important} body.page-id-3053 .hb-products-sidebar-label{margin:0 0 8px!important;color:#bc725b!important;font-size:11px!important;font-weight:700!important;letter-spacing:.16em!important} body.page-id-3053 .hb-products-sidebar h2{margin:0 0 16px!important;color:#1f2327!important;font-size:24px!important;line-height:1.1!important} body.page-id-3053 .hb-products-category-nav{display:flex!important;flex-direction:column!important;gap:3px!important;border-top:1px solid #d9c9bb!important;padding-top:8px!important} body.page-id-3053 .hb-products-category-nav a{display:flex!important;align-items:center!important;min-height:42px!important;padding:9px 10px!important;border-radius:9px!important;color:#4d5559!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;text-decoration:none!important;transition:background .2s ease,color .2s ease,transform .2s ease!important} body.page-id-3053 .hb-products-category-nav a:hover,body.page-id-3053 .hb-products-category-nav a:focus,body.page-id-3053 .hb-products-category-nav a.is-active{background:#1f2d38!important;color:#fff!important;transform:translateX(2px)!important} body.page-id-3053 .hb-products-sidebar-cta{margin-top:20px!important;padding:18px 14px!important;border:1px solid #d5a27f!important;border-radius:14px!important;background:#fbf7f0!important} body.page-id-3053 .hb-products-sidebar-cta h3{margin:0 0 8px!important;font-family:inherit!important;color:#1f2327!important;font-size:17px!important;line-height:1.25!important} body.page-id-3053 .hb-products-sidebar-cta p{margin:0 0 14px!important;color:#697174!important;font-size:12px!important;line-height:1.55!important} body.page-id-3053 .hb-products-sidebar-cta a{color:#1f2d38!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important} body.page-id-3053 .hb-products-catalog-main{min-width:0!important} body.page-id-3053 .hb-products-category{scroll-margin-top:116px!important} body.page-id-3053 .hb-products-category-all{padding:0 0 42px!important} body.page-id-3053 .hb-products-category-heading{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:36px!important;align-items:end!important;margin:0 0 28px!important} body.page-id-3053 .hb-products-category-heading h2{margin:0!important;color:#1f2327!important;font-size:clamp(28px,3vw,44px)!important;line-height:1.05!important;letter-spacing:-.04em!important} body.page-id-3053 .hb-products-category-heading>p{margin:0!important;color:#687174!important;font-size:15px!important;line-height:1.65!important} body.page-id-3053 .hb-products-mini-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} body.page-id-3053 .hb-products-mini-card{display:flex!important;flex-direction:column!important;min-height:142px!important;padding:18px!important;border:1px solid #dcd5cb!important;border-radius:13px!important;background:#fff!important;color:#1f2327!important;text-decoration:none!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important} body.page-id-3053 .hb-products-mini-card:hover{transform:translateY(-4px)!important;border-color:#d5a27f!important;box-shadow:0 15px 30px rgba(31,35,39,.09)!important} body.page-id-3053 .hb-products-mini-card span{color:#bc725b!important;font-size:11px!important;font-weight:700!important;letter-spacing:.1em!important} body.page-id-3053 .hb-products-mini-card strong{margin-top:auto!important;font-size:16px!important;line-height:1.2!important} body.page-id-3053 .hb-products-mini-card small{margin-top:7px!important;color:#697174!important;font-size:12px!important;line-height:1.45!important} body.page-id-3053 .hb-products-detail{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:52px!important;align-items:center!important;padding:82px 0!important;border-top:1px solid #ded7ce!important} body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-image{order:2!important} body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-copy{order:1!important} body.page-id-3053 .hb-products-detail-image{overflow:hidden!important;border-radius:18px!important;background:#e9e2d8!important;box-shadow:0 20px 42px rgba(31,35,39,.12)!important} body.page-id-3053 .hb-products-detail-image img{display:block!important;width:100%!important;aspect-ratio:1.16/1!important;object-fit:cover!important;transition:transform .5s ease!important} body.page-id-3053 .hb-products-detail:hover .hb-products-detail-image img{transform:scale(1.025)!important} body.page-id-3053 .hb-products-detail-copy{max-width:560px!important} body.page-id-3053 .hb-products-detail-copy .hb-products-number{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#1f2d38!important;color:#fff!important;font-size:12px!important;font-weight:700!important} body.page-id-3053 .hb-products-detail-copy h2{margin:16px 0 14px!important;color:#1f2327!important;font-size:clamp(28px,3.2vw,44px)!important;line-height:1.05!important;letter-spacing:-.045em!important} body.page-id-3053 .hb-products-detail-copy>p{margin:0!important;color:#687174!important;font-size:16px!important;line-height:1.7!important} body.page-id-3053 .hb-products-detail-copy ul{display:grid!important;gap:8px!important;margin:22px 0 24px!important;padding:0!important;list-style:none!important} body.page-id-3053 .hb-products-detail-copy li{position:relative!important;padding-left:20px!important;color:#4d5559!important;font-size:13px!important;line-height:1.5!important} body.page-id-3053 .hb-products-detail-copy li:before{content:""!important;position:absolute!important;left:0!important;top:.58em!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#d5a27f!important} body.page-id-3053 .hb-products-detail-link{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#1f2d38!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important} body.page-id-3053 .hb-products-detail-link:hover{color:#bc725b!important} @media (max-width:900px){body.page-id-3053 .hb-products-catalog-section{grid-template-columns:1fr!important;gap:22px!important;padding:54px 20px 82px!important}body.page-id-3053 .hb-products-sidebar{position:sticky!important;top:72px!important}body.page-id-3053 .hb-products-sidebar-inner{padding:16px!important}body.page-id-3053 .hb-products-sidebar-label,body.page-id-3053 .hb-products-sidebar h2{display:none!important}body.page-id-3053 .hb-products-category-nav{flex-direction:row!important;overflow-x:auto!important;gap:6px!important;border-top:0!important;padding:0!important;scrollbar-width:none!important}body.page-id-3053 .hb-products-category-nav::-webkit-scrollbar{display:none!important}body.page-id-3053 .hb-products-category-nav a{flex:0 0 auto!important;min-height:38px!important;white-space:nowrap!important;padding:8px 12px!important}body.page-id-3053 .hb-products-sidebar-cta{display:none!important}body.page-id-3053 .hb-products-category-heading{grid-template-columns:1fr!important;gap:14px!important}body.page-id-3053 .hb-products-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.page-id-3053 .hb-products-detail{grid-template-columns:1fr!important;gap:28px!important;padding:58px 0!important}body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-image,body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-copy{order:initial!important}body.page-id-3053 .hb-products-detail-copy{max-width:none!important}} @media (max-width:620px){body.page-id-3053 .hb-products-mini-grid{grid-template-columns:1fr!important}body.page-id-3053 .hb-products-mini-card{min-height:118px!important}body.page-id-3053 .hb-products-detail-copy h2{font-size:31px!important}body.page-id-3053 .hb-products-detail-copy>p{font-size:15px!important}} /* Product catalog grid alignment */ body.page-id-3053 #product-catalog > p, body.page-id-3053 #product-catalog > br{display:none!important} body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important} @media (max-width:900px){body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:1!important;grid-row:auto!important;width:auto!important}} /* Products directory layout inspired by the reference catalog */ body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important} body.page-id-3053 #product-catalog .hb-products-category-heading,body.page-id-3053 #product-catalog .hb-products-product-heading{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)!important;gap:48px!important;align-items:end!important;margin:0 0 30px!important;padding:0 0 28px!important;border-bottom:1px solid rgba(31,45,56,.14)!important} body.page-id-3053 #product-catalog .hb-products-category-heading h2,body.page-id-3053 #product-catalog .hb-products-product-heading h2{margin:10px 0 0!important;color:#1f2327!important;font-size:clamp(30px,3.4vw,48px)!important;line-height:1.03!important;letter-spacing:-.045em!important} body.page-id-3053 #product-catalog .hb-products-category-heading>p,body.page-id-3053 #product-catalog .hb-products-product-heading>div:last-child>p{margin:0!important;color:#687174!important;font-size:15px!important;line-height:1.7!important} body.page-id-3053 #product-catalog .hb-products-line-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} body.page-id-3053 #product-catalog .hb-products-line-card{display:flex!important;flex-direction:column!important;min-height:150px!important;padding:24px!important;border:1px solid rgba(31,45,56,.16)!important;border-radius:16px!important;background:#fff!important;color:#1f2327!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important} body.page-id-3053 #product-catalog .hb-products-line-card:hover{transform:translateY(-3px)!important;border-color:#d5a27f!important;box-shadow:0 18px 38px rgba(31,45,56,.08)!important} body.page-id-3053 #product-catalog .hb-products-line-card span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;margin-bottom:26px!important;border-radius:50%!important;background:#1f2d38!important;color:#fff!important;font-size:11px!important;font-weight:700!important} body.page-id-3053 #product-catalog .hb-products-line-card strong{font-size:20px!important;line-height:1.15!important} body.page-id-3053 #product-catalog .hb-products-line-card small{margin-top:8px!important;color:#687174!important;font-size:13px!important;line-height:1.5!important} body.page-id-3053 #product-catalog .hb-products-product-section{margin:0!important;padding:78px 0 0!important;border-top:1px solid rgba(31,45,56,.14)!important;scroll-margin-top:116px!important} body.page-id-3053 #product-catalog .hb-products-product-section:first-of-type{border-top:0!important} body.page-id-3053 #product-catalog .hb-products-product-heading>div:last-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important} body.page-id-3053 #product-catalog .hb-products-more-link{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#1f2d38!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important} body.page-id-3053 #product-catalog .hb-products-more-link:hover{color:#bc725b!important} body.page-id-3053 #product-catalog .hb-products-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important} body.page-id-3053 #product-catalog .hb-products-product-card{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;border:1px solid rgba(31,45,56,.16)!important;border-radius:16px!important;background:#fff!important;color:#1f2327!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important} body.page-id-3053 #product-catalog .hb-products-product-card:hover{transform:translateY(-3px)!important;border-color:#d5a27f!important;box-shadow:0 18px 38px rgba(31,45,56,.08)!important} body.page-id-3053 #product-catalog .hb-products-product-card img{display:block!important;width:100%!important;aspect-ratio:1.08!important;object-fit:cover!important;background:#e9e4dc!important;transition:transform .3s ease!important} body.page-id-3053 #product-catalog .hb-products-product-card:hover img{transform:scale(1.03)!important} body.page-id-3053 #product-catalog .hb-products-product-card strong{display:block!important;margin:16px 16px 4px!important;font-size:15px!important;line-height:1.3!important} body.page-id-3053 #product-catalog .hb-products-product-card small{display:block!important;margin:0 16px 18px!important;color:#7b7b76!important;font-size:12px!important} @media (max-width:900px){body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:1!important;grid-row:auto!important;width:auto!important}body.page-id-3053 #product-catalog .hb-products-category-heading,body.page-id-3053 #product-catalog .hb-products-product-heading{grid-template-columns:1fr!important;gap:18px!important}body.page-id-3053 #product-catalog .hb-products-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.page-id-3053 #product-catalog .hb-products-product-section{padding-top:56px!important}} @media (max-width:620px){body.page-id-3053 #product-catalog .hb-products-line-grid,body.page-id-3053 #product-catalog .hb-products-product-grid{grid-template-columns:1fr!important}body.page-id-3053 #product-catalog .hb-products-line-card{min-height:130px!important}body.page-id-3053 #product-catalog .hb-products-product-card img{aspect-ratio:1.2!important}body.page-id-3053 #product-catalog .hb-products-category-heading h2,body.page-id-3053 #product-catalog .hb-products-product-heading h2{font-size:34px!important}} /* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Normalize the title element itself so page-specific theme rules cannot change the baseline. */ body #masthead.site-header .site-title { font-size: 24px !important; line-height: 24px !important; } @media (max-width: 767px) { body #masthead.site-header .site-title { font-size: 22px !important; line-height: 22px !important; } } /* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* HaoboMFG products landing page */ body.page-id-3053 .hb-products-page { background: var(--hb-paper, #f7f4ee); color: var(--hb-ink, #171716); overflow: hidden; } body.page-id-3053 .hb-products-page * { box-sizing: border-box; } body.page-id-3053 .hb-products-hero { padding: 96px 28px 104px; background: linear-gradient(135deg,#f5f1eb 0%,#fffdf9 68%,#f0ebe4 100%); border-bottom: 1px solid rgba(205,195,184,.72); } body.page-id-3053 .hb-products-hero-inner { width: min(1200px,100%); margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.85fr); align-items: center; gap: 72px; } body.page-id-3053 .hb-products-hero-copy { max-width: 650px; } body.page-id-3053 .hb-products-kicker { margin: 0 0 18px; color: var(--hb-accent,#b45e4d); font: 700 12px/1.3 Poppins,Arial,sans-serif; letter-spacing: .15em; text-transform: uppercase; } body.page-id-3053 .hb-products-hero h1 { max-width: 650px; margin: 0 0 24px; color: var(--hb-ink,#171716); font: 800 clamp(46px,5.3vw,78px)/.98 Poppins,Arial,sans-serif; letter-spacing: -.06em; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker), body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker), body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { color: #5a625e; font: 400 17px/1.75 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker) { max-width: 620px; margin: 0; } body.page-id-3053 .hb-products-hero-image { min-height: 440px; overflow: hidden; border-radius: 24px; box-shadow: 0 26px 60px rgba(24,23,22,.16); } body.page-id-3053 .hb-products-hero-image img { display: block; width: 100%; height: 100%; min-height: 440px; object-fit: cover; } body.page-id-3053 .hb-products-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 32px; } body.page-id-3053 .hb-products-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 13px 20px; border: 1px solid transparent; border-radius: 999px; font: 700 14px/1 Poppins,Arial,sans-serif; text-decoration: none; transition: transform .22s ease,box-shadow .22s ease,background .22s ease; } body.page-id-3053 .hb-products-button:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(24,23,22,.14); } body.page-id-3053 .hb-products-button-dark { background: var(--hb-ink,#171716); color: #fff; } body.page-id-3053 .hb-products-button-light { background: #fffdf9; border-color: rgba(180,94,77,.6); color: var(--hb-ink,#171716); } body.page-id-3053 .hb-products-button-accent { background: var(--hb-accent,#b45e4d); color: #fff; } body.page-id-3053 .hb-products-intro { width: min(780px,calc(100% - 56px)); margin: 0 auto; padding: 100px 0 56px; text-align: center; } body.page-id-3053 .hb-products-intro h2, body.page-id-3053 .hb-products-process h2, body.page-id-3053 .hb-products-cta h2 { margin: 0 0 18px; font: 800 clamp(34px,4vw,54px)/1.05 Poppins,Arial,sans-serif; letter-spacing: -.055em; } body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker) { margin: 0 auto; max-width: 700px; } body.page-id-3053 .hb-products-grid { width: min(1200px,calc(100% - 56px)); margin: 0 auto; padding: 0 0 108px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; } body.page-id-3053 .hb-products-card { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; border: 1px solid rgba(205,195,184,.78); border-radius: 20px; background: linear-gradient(145deg,#fff 0%,#fffdf9 100%); box-shadow: 0 14px 32px rgba(24,23,22,.06); transition: transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s; } body.page-id-3053 .hb-products-card:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(24,23,22,.14); } body.page-id-3053 .hb-products-card-image { aspect-ratio: 1.52; overflow: hidden; background: #e7e0d8; } body.page-id-3053 .hb-products-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.7,.2,1); } body.page-id-3053 .hb-products-card:hover .hb-products-card-image img { transform: scale(1.045); } body.page-id-3053 .hb-products-card-body { display: flex; flex: 1; flex-direction: column; padding: 26px 26px 24px; } body.page-id-3053 .hb-products-number { display: block; margin-bottom: 28px; color: var(--hb-accent,#b45e4d); font: 700 12px/1 Poppins,Arial,sans-serif; letter-spacing: .12em; } body.page-id-3053 .hb-products-card h3 { margin: 0 0 12px; font: 800 26px/1.1 Poppins,Arial,sans-serif; letter-spacing: -.045em; } body.page-id-3053 .hb-products-card p { margin: 0 0 22px; color: #656c68; font: 400 15px/1.7 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--hb-ink,#171716); font: 700 13px/1.4 Poppins,Arial,sans-serif; text-decoration: none; } body.page-id-3053 .hb-products-card a span { color: var(--hb-accent,#b45e4d); font-size: 18px; } body.page-id-3053 .hb-products-process { width: 100%; padding: 92px max(28px,calc((100% - 1200px)/2)); display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 72px; align-items: center; background: linear-gradient(120deg,#232426 0%,#171718 100%); color: #f7f4ee; } body.page-id-3053 .hb-products-process h2, body.page-id-3053 .hb-products-cta h2 { color: #f7f4ee; } body.page-id-3053 .hb-products-process p:not(.hb-products-kicker) { max-width: 540px; margin: 0; color: rgba(247,244,238,.76); font: 400 16px/1.75 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-process .hb-products-kicker, body.page-id-3053 .hb-products-cta .hb-products-kicker { color: #d8a954; } body.page-id-3053 .hb-products-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(247,244,238,.22); } body.page-id-3053 .hb-products-steps li { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 21px 0; border-bottom: 1px solid rgba(247,244,238,.22); } body.page-id-3053 .hb-products-steps strong { color: #d8a954; font: 700 14px/1.5 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-steps span { color: rgba(247,244,238,.88); font: 400 16px/1.55 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-cta { padding: 94px 28px 102px; background: #f5f1eb; text-align: center; } body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { width: min(660px,100%); margin: 0 auto; } body.page-id-3053 .hb-products-cta h2 { width: min(780px,100%); margin-left: auto; margin-right: auto; color: var(--hb-ink,#171716); } body.page-id-3053 .hb-products-cta .hb-products-actions { justify-content: center; } body.page-id-3053 .hb-products-text-link { color: var(--hb-ink,#171716); font: 700 14px/1.4 Poppins,Arial,sans-serif; text-decoration: none; } @media (max-width: 900px) { body.page-id-3053 .hb-products-hero { padding: 72px 22px 78px; } body.page-id-3053 .hb-products-hero-inner { grid-template-columns: 1fr; gap: 38px; } body.page-id-3053 .hb-products-hero-image, body.page-id-3053 .hb-products-hero-image img { min-height: 320px; } body.page-id-3053 .hb-products-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } body.page-id-3053 .hb-products-process { grid-template-columns: 1fr; gap: 42px; padding: 72px 22px; } } @media (max-width: 620px) { body.page-id-3053 .hb-products-hero { padding: 58px 18px 62px; } body.page-id-3053 .hb-products-hero h1 { font-size: 43px; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker), body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker), body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { font-size: 15px; line-height: 1.65; } body.page-id-3053 .hb-products-hero-image, body.page-id-3053 .hb-products-hero-image img { min-height: 260px; } body.page-id-3053 .hb-products-intro { width: calc(100% - 36px); padding: 70px 0 42px; } body.page-id-3053 .hb-products-grid { width: calc(100% - 36px); grid-template-columns: 1fr; padding-bottom: 72px; } body.page-id-3053 .hb-products-card-body { padding: 24px 22px; } body.page-id-3053 .hb-products-process { padding: 62px 18px; } body.page-id-3053 .hb-products-cta { padding: 70px 18px 76px; } }/* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Normalize the title element itself so page-specific theme rules cannot change the baseline. */ body #masthead.site-header .site-title { font-size: 24px !important; line-height: 24px !important; } @media (max-width: 767px) { body #masthead.site-header .site-title { font-size: 22px !important; line-height: 22px !important; } } /* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Products page: single-page catalog with sticky category navigation */ body.page-id-3053 .hb-products-catalog-section{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:46px!important;max-width:1220px!important;margin:0 auto!important;padding:82px 28px 112px!important;align-items:start!important;background:#f7f4ee!important} body.page-id-3053 .hb-products-sidebar{display:block!important;min-width:0!important;position:sticky!important;top:108px!important;z-index:5!important;align-self:start!important} body.page-id-3053 .hb-products-sidebar-inner{background:#fff!important;border:1px solid #ddd5ca!important;border-radius:18px!important;padding:24px 18px 20px!important;box-shadow:0 16px 38px rgba(31,35,39,.08)!important} body.page-id-3053 .hb-products-sidebar-label{margin:0 0 8px!important;color:#bc725b!important;font-size:11px!important;font-weight:700!important;letter-spacing:.16em!important} body.page-id-3053 .hb-products-sidebar h2{margin:0 0 16px!important;color:#1f2327!important;font-size:24px!important;line-height:1.1!important} body.page-id-3053 .hb-products-category-nav{display:flex!important;flex-direction:column!important;gap:3px!important;border-top:1px solid #d9c9bb!important;padding-top:8px!important} body.page-id-3053 .hb-products-category-nav a{display:flex!important;align-items:center!important;min-height:42px!important;padding:9px 10px!important;border-radius:9px!important;color:#4d5559!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;text-decoration:none!important;transition:background .2s ease,color .2s ease,transform .2s ease!important} body.page-id-3053 .hb-products-category-nav a:hover,body.page-id-3053 .hb-products-category-nav a:focus,body.page-id-3053 .hb-products-category-nav a.is-active{background:#1f2d38!important;color:#fff!important;transform:translateX(2px)!important} body.page-id-3053 .hb-products-sidebar-cta{margin-top:20px!important;padding:18px 14px!important;border:1px solid #d5a27f!important;border-radius:14px!important;background:#fbf7f0!important} body.page-id-3053 .hb-products-sidebar-cta h3{margin:0 0 8px!important;font-family:inherit!important;color:#1f2327!important;font-size:17px!important;line-height:1.25!important} body.page-id-3053 .hb-products-sidebar-cta p{margin:0 0 14px!important;color:#697174!important;font-size:12px!important;line-height:1.55!important} body.page-id-3053 .hb-products-sidebar-cta a{color:#1f2d38!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important} body.page-id-3053 .hb-products-catalog-main{min-width:0!important} body.page-id-3053 .hb-products-category{scroll-margin-top:116px!important} body.page-id-3053 .hb-products-category-all{padding:0 0 42px!important} body.page-id-3053 .hb-products-category-heading{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:36px!important;align-items:end!important;margin:0 0 28px!important} body.page-id-3053 .hb-products-category-heading h2{margin:0!important;color:#1f2327!important;font-size:clamp(28px,3vw,44px)!important;line-height:1.05!important;letter-spacing:-.04em!important} body.page-id-3053 .hb-products-category-heading>p{margin:0!important;color:#687174!important;font-size:15px!important;line-height:1.65!important} body.page-id-3053 .hb-products-mini-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} body.page-id-3053 .hb-products-mini-card{display:flex!important;flex-direction:column!important;min-height:142px!important;padding:18px!important;border:1px solid #dcd5cb!important;border-radius:13px!important;background:#fff!important;color:#1f2327!important;text-decoration:none!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important} body.page-id-3053 .hb-products-mini-card:hover{transform:translateY(-4px)!important;border-color:#d5a27f!important;box-shadow:0 15px 30px rgba(31,35,39,.09)!important} body.page-id-3053 .hb-products-mini-card span{color:#bc725b!important;font-size:11px!important;font-weight:700!important;letter-spacing:.1em!important} body.page-id-3053 .hb-products-mini-card strong{margin-top:auto!important;font-size:16px!important;line-height:1.2!important} body.page-id-3053 .hb-products-mini-card small{margin-top:7px!important;color:#697174!important;font-size:12px!important;line-height:1.45!important} body.page-id-3053 .hb-products-detail{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:52px!important;align-items:center!important;padding:82px 0!important;border-top:1px solid #ded7ce!important} body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-image{order:2!important} body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-copy{order:1!important} body.page-id-3053 .hb-products-detail-image{overflow:hidden!important;border-radius:18px!important;background:#e9e2d8!important;box-shadow:0 20px 42px rgba(31,35,39,.12)!important} body.page-id-3053 .hb-products-detail-image img{display:block!important;width:100%!important;aspect-ratio:1.16/1!important;object-fit:cover!important;transition:transform .5s ease!important} body.page-id-3053 .hb-products-detail:hover .hb-products-detail-image img{transform:scale(1.025)!important} body.page-id-3053 .hb-products-detail-copy{max-width:560px!important} body.page-id-3053 .hb-products-detail-copy .hb-products-number{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#1f2d38!important;color:#fff!important;font-size:12px!important;font-weight:700!important} body.page-id-3053 .hb-products-detail-copy h2{margin:16px 0 14px!important;color:#1f2327!important;font-size:clamp(28px,3.2vw,44px)!important;line-height:1.05!important;letter-spacing:-.045em!important} body.page-id-3053 .hb-products-detail-copy>p{margin:0!important;color:#687174!important;font-size:16px!important;line-height:1.7!important} body.page-id-3053 .hb-products-detail-copy ul{display:grid!important;gap:8px!important;margin:22px 0 24px!important;padding:0!important;list-style:none!important} body.page-id-3053 .hb-products-detail-copy li{position:relative!important;padding-left:20px!important;color:#4d5559!important;font-size:13px!important;line-height:1.5!important} body.page-id-3053 .hb-products-detail-copy li:before{content:""!important;position:absolute!important;left:0!important;top:.58em!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#d5a27f!important} body.page-id-3053 .hb-products-detail-link{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#1f2d38!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important} body.page-id-3053 .hb-products-detail-link:hover{color:#bc725b!important} @media (max-width:900px){body.page-id-3053 .hb-products-catalog-section{grid-template-columns:1fr!important;gap:22px!important;padding:54px 20px 82px!important}body.page-id-3053 .hb-products-sidebar{position:sticky!important;top:72px!important}body.page-id-3053 .hb-products-sidebar-inner{padding:16px!important}body.page-id-3053 .hb-products-sidebar-label,body.page-id-3053 .hb-products-sidebar h2{display:none!important}body.page-id-3053 .hb-products-category-nav{flex-direction:row!important;overflow-x:auto!important;gap:6px!important;border-top:0!important;padding:0!important;scrollbar-width:none!important}body.page-id-3053 .hb-products-category-nav::-webkit-scrollbar{display:none!important}body.page-id-3053 .hb-products-category-nav a{flex:0 0 auto!important;min-height:38px!important;white-space:nowrap!important;padding:8px 12px!important}body.page-id-3053 .hb-products-sidebar-cta{display:none!important}body.page-id-3053 .hb-products-category-heading{grid-template-columns:1fr!important;gap:14px!important}body.page-id-3053 .hb-products-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.page-id-3053 .hb-products-detail{grid-template-columns:1fr!important;gap:28px!important;padding:58px 0!important}body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-image,body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-copy{order:initial!important}body.page-id-3053 .hb-products-detail-copy{max-width:none!important}} @media (max-width:620px){body.page-id-3053 .hb-products-mini-grid{grid-template-columns:1fr!important}body.page-id-3053 .hb-products-mini-card{min-height:118px!important}body.page-id-3053 .hb-products-detail-copy h2{font-size:31px!important}body.page-id-3053 .hb-products-detail-copy>p{font-size:15px!important}} /* Product catalog grid alignment */ body.page-id-3053 #product-catalog > p, body.page-id-3053 #product-catalog > br{display:none!important} body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important} @media (max-width:900px){body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:1!important;grid-row:auto!important;width:auto!important}} /* Products directory layout inspired by the reference catalog */ body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important} body.page-id-3053 #product-catalog .hb-products-category-heading,body.page-id-3053 #product-catalog .hb-products-product-heading{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)!important;gap:48px!important;align-items:end!important;margin:0 0 30px!important;padding:0 0 28px!important;border-bottom:1px solid rgba(31,45,56,.14)!important} body.page-id-3053 #product-catalog .hb-products-category-heading h2,body.page-id-3053 #product-catalog .hb-products-product-heading h2{margin:10px 0 0!important;color:#1f2327!important;font-size:clamp(30px,3.4vw,48px)!important;line-height:1.03!important;letter-spacing:-.045em!important} body.page-id-3053 #product-catalog .hb-products-category-heading>p,body.page-id-3053 #product-catalog .hb-products-product-heading>div:last-child>p{margin:0!important;color:#687174!important;font-size:15px!important;line-height:1.7!important} body.page-id-3053 #product-catalog .hb-products-line-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} body.page-id-3053 #product-catalog .hb-products-line-card{display:flex!important;flex-direction:column!important;min-height:150px!important;padding:24px!important;border:1px solid rgba(31,45,56,.16)!important;border-radius:16px!important;background:#fff!important;color:#1f2327!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important} body.page-id-3053 #product-catalog .hb-products-line-card:hover{transform:translateY(-3px)!important;border-color:#d5a27f!important;box-shadow:0 18px 38px rgba(31,45,56,.08)!important} body.page-id-3053 #product-catalog .hb-products-line-card span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;margin-bottom:26px!important;border-radius:50%!important;background:#1f2d38!important;color:#fff!important;font-size:11px!important;font-weight:700!important} body.page-id-3053 #product-catalog .hb-products-line-card strong{font-size:20px!important;line-height:1.15!important} body.page-id-3053 #product-catalog .hb-products-line-card small{margin-top:8px!important;color:#687174!important;font-size:13px!important;line-height:1.5!important} body.page-id-3053 #product-catalog .hb-products-product-section{margin:0!important;padding:78px 0 0!important;border-top:1px solid rgba(31,45,56,.14)!important;scroll-margin-top:116px!important} 524body.page-id-3053 #product-catalog .hb-products-product-section:first-of-type{border-top:0!important}525body.page-id-3053 #product-catalog .hb-products-product-heading>div:last-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important}526body.page-id-3053 #product-catalog .hb-products-more-link{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#1f2d38!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}527body.page-id-3053 #product-catalog .hb-products-more-link:hover{color:#bc725b!important}528body.page-id-3053 #product-catalog .hb-products-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}529body.page-id-3053 #product-catalog .hb-products-product-card{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;border:1px solid rgba(31,45,56,.16)!important;border-radius:16px!important;background:#fff!important;color:#1f2327!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}530body.page-id-3053 #product-catalog .hb-products-product-card:hover{transform:translateY(-3px)!important;border-color:#d5a27f!important;box-shadow:0 18px 38px rgba(31,45,56,.08)!important}531body.page-id-3053 #product-catalog .hb-products-product-card img{display:block!important;width:100%!important;aspect-ratio:1.08!important;object-fit:cover!important;background:#e9e4dc!important;transition:transform .3s ease!important}532body.page-id-3053 #product-catalog .hb-products-product-card:hover img{transform:scale(1.03)!important}533body.page-id-3053 #product-catalog .hb-products-product-card strong{display:block!important;margin:16px 16px 4px!important;font-size:15px!important;line-height:1.3!important}534body.page-id-3053 #product-catalog .hb-products-product-card small{display:block!important;margin:0 16px 18px!important;color:#7b7b76!important;font-size:12px!important}535@media (max-width:900px){body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:1!important;grid-row:auto!important;width:auto!important}body.page-id-3053 #product-catalog .hb-products-category-heading,body.page-id-3053 #product-catalog .hb-products-product-heading{grid-template-columns:1fr!important;gap:18px!important}body.page-id-3053 #product-catalog .hb-products-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.page-id-3053 #product-catalog .hb-products-product-section{padding-top:56px!important}}536@media (max-width:620px){body.page-id-3053 #product-catalog .hb-products-line-grid,body.page-id-3053 #product-catalog .hb-products-product-grid{grid-template-columns:1fr!important}body.page-id-3053 #product-catalog .hb-products-line-card{min-height:130px!important}body.page-id-3053 #product-catalog .hb-products-product-card img{aspect-ratio:1.2!important}body.page-id-3053 #product-catalog .hb-products-category-heading h2,body.page-id-3053 #product-catalog .hb-products-product-heading h2{font-size:34px!important}}537​538/* Remove editor line-break nodes so catalog grids use every column */539body.page-id-3053 #product-catalog .hb-products-line-grid > br,540body.page-id-3053 #product-catalog .hb-products-product-grid > br{display:none!important}541​542  body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; }543  body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; }544  body #masthead.site-header .site-description { display: none !important; }545}546@media (max-width: 767px) {547  body #masthead.site-header { height: 72px !important; min-height: 72px !important; }548  body #masthead.site-header .bottom-header-part,549  body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; }550  body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } /* Individual product detail pages */ .hb-product-detail{max-width:1240px!important;margin:0 auto!important;padding:72px 28px 0!important;color:#1f2327!important;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important} .hb-product-detail *{box-sizing:border-box!important} .hb-product-detail-hero{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;gap:64px!important;align-items:center!important;padding:32px 0 92px!important} .hb-product-detail-hero-media{overflow:hidden!important;border-radius:20px!important;background:#ebe5dc!important;box-shadow:0 20px 50px rgba(31,45,56,.12)!important} .hb-product-detail-hero-media img{display:block!important;width:100%!important;aspect-ratio:1.12!important;object-fit:cover!important} .hb-product-detail-kicker{margin:0 0 18px!important;color:#b86f59!important;font-size:12px!important;font-weight:700!important;letter-spacing:.16em!important;line-height:1.4!important;text-transform:uppercase!important} .hb-product-detail-hero-copy h1{margin:0 0 24px!important;max-width:660px!important;color:#1f2327!important;font-size:clamp(40px,5vw,70px)!important;line-height:1.02!important;letter-spacing:-.06em!important} .hb-product-detail-lede{margin:0 0 30px!important;max-width:610px!important;color:#5e6668!important;font-size:17px!important;line-height:1.75!important} .hb-product-detail-overview{padding:22px 0 4px!important;border-top:1px solid rgba(31,45,56,.16)!important} .hb-product-detail-overview h2{margin:0 0 16px!important;font-size:22px!important;letter-spacing:-.03em!important} .hb-product-detail-overview dl{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 24px!important;margin:0!important} .hb-product-detail-overview dl div{display:flex!important;flex-direction:column!important;gap:5px!important} .hb-product-detail-overview dt{color:#8b6254!important;font-size:11px!important;font-weight:700!important;letter-spacing:.11em!important;text-transform:uppercase!important} .hb-product-detail-overview dd{margin:0!important;color:#525b5e!important;font-size:14px!important;line-height:1.55!important} .hb-product-detail-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:30px!important} .hb-product-detail-button,.hb-product-detail-aside-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:48px!important;padding:13px 22px!important;border-radius:999px!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important} .hb-product-detail-button:hover,.hb-product-detail-aside-button:hover{transform:translateY(-2px)!important} .hb-product-detail-button-dark{background:#1f2d38!important;color:#fff!important;box-shadow:0 10px 24px rgba(31,45,56,.16)!important} .hb-product-detail-button-light{border:1px solid #d5a27f!important;background:#fff!important;color:#1f2d38!important} .hb-product-detail-content{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:72px!important;padding:74px 0 92px!important;border-top:1px solid rgba(31,45,56,.15)!important} .hb-product-detail-main h2{margin:0 0 18px!important;padding-top:20px!important;color:#1f2327!important;font-size:29px!important;line-height:1.1!important;letter-spacing:-.045em!important} .hb-product-detail-main h2:first-child{padding-top:0!important} .hb-product-detail-main p,.hb-product-detail-main li{color:#626b6d!important;font-size:16px!important;line-height:1.75!important} .hb-product-detail-main ul{margin:0 0 14px 20px!important;padding:0!important} .hb-product-detail-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 34px!important} .hb-product-detail-facts div{display:flex!important;flex-direction:column!important;gap:7px!important;padding:18px!important;border:1px solid rgba(31,45,56,.14)!important;border-radius:14px!important;background:#f8f5f0!important} .hb-product-detail-facts strong{color:#1f2d38!important;font-size:25px!important;letter-spacing:-.04em!important} .hb-product-detail-facts span{color:#6c7476!important;font-size:12px!important;line-height:1.45!important} .hb-product-detail-table{margin:0 0 12px!important;border-top:1px solid rgba(31,45,56,.16)!important} .hb-product-detail-table div{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:20px!important;padding:16px 0!important;border-bottom:1px solid rgba(31,45,56,.12)!important} .hb-product-detail-table strong{color:#343c3f!important;font-size:14px!important} .hb-product-detail-table span{color:#687174!important;font-size:14px!important;line-height:1.55!important} .hb-product-detail-aside{align-self:start!important;position:sticky!important;top:120px!important;padding:24px!important;border:1px solid rgba(31,45,56,.15)!important;border-radius:18px!important;background:#f8f5f0!important} .hb-product-detail-stat{display:flex!important;flex-direction:column!important;gap:4px!important;padding:18px 0!important;border-bottom:1px solid rgba(31,45,56,.13)!important} .hb-product-detail-stat strong{color:#1f2d38!important;font-size:34px!important;letter-spacing:-.05em!important;line-height:1!important} .hb-product-detail-stat span{color:#737b7d!important;font-size:12px!important} .hb-product-detail-aside-button{width:100%!important;margin-top:22px!important;background:#d5a27f!important;color:#1f2327!important} .hb-product-detail-related{margin:0 -28px!important;padding:62px 28px 74px!important;background:#1f2d38!important;color:#fff!important;text-align:center!important} .hb-product-detail-related h2{margin:0 auto 14px!important;color:#fff!important;font-size:clamp(30px,4vw,52px)!important;line-height:1.05!important;letter-spacing:-.055em!important} .hb-product-detail-related p:not(.hb-product-detail-kicker){max-width:650px!important;margin:0 auto 24px!important;color:rgba(255,255,255,.74)!important;font-size:16px!important;line-height:1.7!important} .hb-product-detail-related a{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#f1c59d!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important} @media(max-width:900px){.hb-product-detail{padding:42px 20px 0!important}.hb-product-detail-hero{grid-template-columns:1fr!important;gap:38px!important;padding-bottom:64px!important}.hb-product-detail-hero-copy h1{font-size:clamp(38px,8vw,56px)!important}.hb-product-detail-content{grid-template-columns:1fr!important;gap:40px!important;padding:56px 0 66px!important}.hb-product-detail-aside{position:static!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.hb-product-detail-aside-button{grid-column:1/-1!important}.hb-product-detail-related{margin:0 -20px!important;padding-left:20px!important;padding-right:20px!important}} @media(max-width:620px){.hb-product-detail-overview dl,.hb-product-detail-facts{grid-template-columns:1fr!important}.hb-product-detail-hero-copy h1{font-size:40px!important}.hb-product-detail-lede{font-size:15px!important}.hb-product-detail-table div{grid-template-columns:1fr!important;gap:5px!important}.hb-product-detail-aside{grid-template-columns:1fr!important}.hb-product-detail-stat{padding:13px 0!important}.hb-product-detail-actions{flex-direction:column!important}.hb-product-detail-button{width:100%!important}.hb-product-detail-related h2{font-size:36px!important}} 555.hb-product-detail-table div{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:20px!important;padding:16px 0!important;border-bottom:1px solid rgba(31,45,56,.12)!important}556.hb-product-detail-table strong{color:#343c3f!important;font-size:14px!important}557.hb-product-detail-table span{color:#687174!important;font-size:14px!important;line-height:1.55!important}558.hb-product-detail-aside{align-self:start!important;position:sticky!important;top:120px!important;padding:24px!important;border:1px solid rgba(31,45,56,.15)!important;border-radius:18px!important;background:#f8f5f0!important}559.hb-product-detail-stat{display:flex!important;flex-direction:column!important;gap:4px!important;padding:18px 0!important;border-bottom:1px solid rgba(31,45,56,.13)!important}560.hb-product-detail-stat strong{color:#1f2d38!important;font-size:34px!important;letter-spacing:-.05em!important;line-height:1!important}561.hb-product-detail-stat span{color:#737b7d!important;font-size:12px!important}562.hb-product-detail-aside-button{width:100%!important;margin-top:22px!important;background:#d5a27f!important;color:#1f2327!important}563.hb-product-detail-related{margin:0 -28px!important;padding:62px 28px 74px!important;background:#1f2d38!important;color:#fff!important;text-align:center!important}564.hb-product-detail-related h2{margin:0 auto 14px!important;color:#fff!important;font-size:clamp(30px,4vw,52px)!important;line-height:1.05!important;letter-spacing:-.055em!important}565.hb-product-detail-related p:not(.hb-product-detail-kicker){max-width:650px!important;margin:0 auto 24px!important;color:rgba(255,255,255,.74)!important;font-size:16px!important;line-height:1.7!important}566.hb-product-detail-related a{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#f1c59d!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important}567@media(max-width:900px){.hb-product-detail{padding:42px 20px 0!important}.hb-product-detail-hero{grid-template-columns:1fr!important;gap:38px!important;padding-bottom:64px!important}.hb-product-detail-hero-copy h1{font-size:clamp(38px,8vw,56px)!important}.hb-product-detail-content{grid-template-columns:1fr!important;gap:40px!important;padding:56px 0 66px!important}.hb-product-detail-aside{position:static!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.hb-product-detail-aside-button{grid-column:1/-1!important}.hb-product-detail-related{margin:0 -20px!important;padding-left:20px!important;padding-right:20px!important}}568@media(max-width:620px){.hb-product-detail-overview dl,.hb-product-detail-facts{grid-template-columns:1fr!important}.hb-product-detail-hero-copy h1{font-size:40px!important}.hb-product-detail-lede{font-size:15px!important}.hb-product-detail-table div{grid-template-columns:1fr!important;gap:5px!important}.hb-product-detail-aside{grid-template-columns:1fr!important}.hb-product-detail-stat{padding:13px 0!important}.hb-product-detail-actions{flex-direction:column!important}.hb-product-detail-button{width:100%!important}.hb-product-detail-related h2{font-size:36px!important}}569​570  body #masthead.site-header .site-identity { display: block !important; }571  body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; }572  body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; }573}574/* Normalize the title element itself so page-specific theme rules cannot change the baseline. */575body #masthead.site-header .site-title { font-size: 24px !important; line-height: 24px !important; }576@media (max-width: 767px) { body #masthead.site-header .site-title { font-size: 22px !important; line-height: 22px !important; } }577/* HaoboMFG shared header branding: one identical navigation across every page */578body #masthead.site-header, /* Detail pages use the custom product hero instead of the theme page-title banner */ body:has(.hb-product-detail) .entry-header{display:none!important} body:has(.hb-product-detail) .entry-content{margin:0!important;padding:0!important;max-width:none!important} /* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Normalize the title element itself so page-specific theme rules cannot change the baseline. */ body #masthead.site-header .site-title { font-size: 24px !important; line-height: 24px !important; } @media (max-width: 767px) { body #masthead.site-header .site-title { font-size: 22px !important; line-height: 22px !important; } } /* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* HaoboMFG products landing page */ body.page-id-3053 .hb-products-page { background: var(--hb-paper, #f7f4ee); color: var(--hb-ink, #171716); overflow: hidden; } body.page-id-3053 .hb-products-page * { box-sizing: border-box; } body.page-id-3053 .hb-products-hero { padding: 96px 28px 104px; background: linear-gradient(135deg,#f5f1eb 0%,#fffdf9 68%,#f0ebe4 100%); border-bottom: 1px solid rgba(205,195,184,.72); } body.page-id-3053 .hb-products-hero-inner { width: min(1200px,100%); margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.85fr); align-items: center; gap: 72px; } body.page-id-3053 .hb-products-hero-copy { max-width: 650px; } body.page-id-3053 .hb-products-kicker { margin: 0 0 18px; color: var(--hb-accent,#b45e4d); font: 700 12px/1.3 Poppins,Arial,sans-serif; letter-spacing: .15em; text-transform: uppercase; } body.page-id-3053 .hb-products-hero h1 { max-width: 650px; margin: 0 0 24px; color: var(--hb-ink,#171716); font: 800 clamp(46px,5.3vw,78px)/.98 Poppins,Arial,sans-serif; letter-spacing: -.06em; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker), body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker), body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { color: #5a625e; font: 400 17px/1.75 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker) { max-width: 620px; margin: 0; } body.page-id-3053 .hb-products-hero-image { min-height: 440px; overflow: hidden; border-radius: 24px; box-shadow: 0 26px 60px rgba(24,23,22,.16); } body.page-id-3053 .hb-products-hero-image img { display: block; width: 100%; height: 100%; min-height: 440px; object-fit: cover; } body.page-id-3053 .hb-products-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 32px; } body.page-id-3053 .hb-products-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 13px 20px; border: 1px solid transparent; border-radius: 999px; font: 700 14px/1 Poppins,Arial,sans-serif; text-decoration: none; transition: transform .22s ease,box-shadow .22s ease,background .22s ease; } body.page-id-3053 .hb-products-button:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(24,23,22,.14); } body.page-id-3053 .hb-products-button-dark { background: var(--hb-ink,#171716); color: #fff; } body.page-id-3053 .hb-products-button-light { background: #fffdf9; border-color: rgba(180,94,77,.6); color: var(--hb-ink,#171716); } body.page-id-3053 .hb-products-button-accent { background: var(--hb-accent,#b45e4d); color: #fff; } body.page-id-3053 .hb-products-intro { width: min(780px,calc(100% - 56px)); margin: 0 auto; padding: 100px 0 56px; text-align: center; } body.page-id-3053 .hb-products-intro h2, body.page-id-3053 .hb-products-process h2, body.page-id-3053 .hb-products-cta h2 { margin: 0 0 18px; font: 800 clamp(34px,4vw,54px)/1.05 Poppins,Arial,sans-serif; letter-spacing: -.055em; } body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker) { margin: 0 auto; max-width: 700px; } body.page-id-3053 .hb-products-grid { width: min(1200px,calc(100% - 56px)); margin: 0 auto; padding: 0 0 108px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; } body.page-id-3053 .hb-products-card { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; border: 1px solid rgba(205,195,184,.78); border-radius: 20px; background: linear-gradient(145deg,#fff 0%,#fffdf9 100%); box-shadow: 0 14px 32px rgba(24,23,22,.06); transition: transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s; } body.page-id-3053 .hb-products-card:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(24,23,22,.14); } body.page-id-3053 .hb-products-card-image { aspect-ratio: 1.52; overflow: hidden; background: #e7e0d8; } body.page-id-3053 .hb-products-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.7,.2,1); } body.page-id-3053 .hb-products-card:hover .hb-products-card-image img { transform: scale(1.045); } body.page-id-3053 .hb-products-card-body { display: flex; flex: 1; flex-direction: column; padding: 26px 26px 24px; } body.page-id-3053 .hb-products-number { display: block; margin-bottom: 28px; color: var(--hb-accent,#b45e4d); font: 700 12px/1 Poppins,Arial,sans-serif; letter-spacing: .12em; } body.page-id-3053 .hb-products-card h3 { margin: 0 0 12px; font: 800 26px/1.1 Poppins,Arial,sans-serif; letter-spacing: -.045em; } body.page-id-3053 .hb-products-card p { margin: 0 0 22px; color: #656c68; font: 400 15px/1.7 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--hb-ink,#171716); font: 700 13px/1.4 Poppins,Arial,sans-serif; text-decoration: none; } body.page-id-3053 .hb-products-card a span { color: var(--hb-accent,#b45e4d); font-size: 18px; } body.page-id-3053 .hb-products-process { width: 100%; padding: 92px max(28px,calc((100% - 1200px)/2)); display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 72px; align-items: center; background: linear-gradient(120deg,#232426 0%,#171718 100%); color: #f7f4ee; } body.page-id-3053 .hb-products-process h2, body.page-id-3053 .hb-products-cta h2 { color: #f7f4ee; } body.page-id-3053 .hb-products-process p:not(.hb-products-kicker) { max-width: 540px; margin: 0; color: rgba(247,244,238,.76); font: 400 16px/1.75 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-process .hb-products-kicker, body.page-id-3053 .hb-products-cta .hb-products-kicker { color: #d8a954; } body.page-id-3053 .hb-products-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(247,244,238,.22); } body.page-id-3053 .hb-products-steps li { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 21px 0; border-bottom: 1px solid rgba(247,244,238,.22); } body.page-id-3053 .hb-products-steps strong { color: #d8a954; font: 700 14px/1.5 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-steps span { color: rgba(247,244,238,.88); font: 400 16px/1.55 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-cta { padding: 94px 28px 102px; background: #f5f1eb; text-align: center; } body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { width: min(660px,100%); margin: 0 auto; } body.page-id-3053 .hb-products-cta h2 { width: min(780px,100%); margin-left: auto; margin-right: auto; color: var(--hb-ink,#171716); } body.page-id-3053 .hb-products-cta .hb-products-actions { justify-content: center; } body.page-id-3053 .hb-products-text-link { color: var(--hb-ink,#171716); font: 700 14px/1.4 Poppins,Arial,sans-serif; text-decoration: none; } @media (max-width: 900px) { body.page-id-3053 .hb-products-hero { padding: 72px 22px 78px; } body.page-id-3053 .hb-products-hero-inner { grid-template-columns: 1fr; gap: 38px; } body.page-id-3053 .hb-products-hero-image, body.page-id-3053 .hb-products-hero-image img { min-height: 320px; } body.page-id-3053 .hb-products-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } body.page-id-3053 .hb-products-process { grid-template-columns: 1fr; gap: 42px; padding: 72px 22px; } } @media (max-width: 620px) { body.page-id-3053 .hb-products-hero { padding: 58px 18px 62px; } body.page-id-3053 .hb-products-hero h1 { font-size: 43px; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker), body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker), body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { font-size: 15px; line-height: 1.65; } body.page-id-3053 .hb-products-hero-image, body.page-id-3053 .hb-products-hero-image img { min-height: 260px; } body.page-id-3053 .hb-products-intro { width: calc(100% - 36px); padding: 70px 0 42px; } body.page-id-3053 .hb-products-grid { width: calc(100% - 36px); grid-template-columns: 1fr; padding-bottom: 72px; } body.page-id-3053 .hb-products-card-body { padding: 24px 22px; } body.page-id-3053 .hb-products-process { padding: 62px 18px; } body.page-id-3053 .hb-products-cta { padding: 70px 18px 76px; } }/* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Normalize the title element itself so page-specific theme rules cannot change the baseline. */ body #masthead.site-header .site-title { font-size: 24px !important; line-height: 24px !important; } @media (max-width: 767px) { body #masthead.site-header .site-title { font-size: 22px !important; line-height: 22px !important; } } /* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Products page: single-page catalog with sticky category navigation */ body.page-id-3053 .hb-products-catalog-section{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:46px!important;max-width:1220px!important;margin:0 auto!important;padding:82px 28px 112px!important;align-items:start!important;background:#f7f4ee!important} body.page-id-3053 .hb-products-sidebar{display:block!important;min-width:0!important;position:sticky!important;top:108px!important;z-index:5!important;align-self:start!important} body.page-id-3053 .hb-products-sidebar-inner{background:#fff!important;border:1px solid #ddd5ca!important;border-radius:18px!important;padding:24px 18px 20px!important;box-shadow:0 16px 38px rgba(31,35,39,.08)!important} body.page-id-3053 .hb-products-sidebar-label{margin:0 0 8px!important;color:#bc725b!important;font-size:11px!important;font-weight:700!important;letter-spacing:.16em!important} body.page-id-3053 .hb-products-sidebar h2{margin:0 0 16px!important;color:#1f2327!important;font-size:24px!important;line-height:1.1!important} body.page-id-3053 .hb-products-category-nav{display:flex!important;flex-direction:column!important;gap:3px!important;border-top:1px solid #d9c9bb!important;padding-top:8px!important} body.page-id-3053 .hb-products-category-nav a{display:flex!important;align-items:center!important;min-height:42px!important;padding:9px 10px!important;border-radius:9px!important;color:#4d5559!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;text-decoration:none!important;transition:background .2s ease,color .2s ease,transform .2s ease!important} body.page-id-3053 .hb-products-category-nav a:hover,body.page-id-3053 .hb-products-category-nav a:focus,body.page-id-3053 .hb-products-category-nav a.is-active{background:#1f2d38!important;color:#fff!important;transform:translateX(2px)!important} body.page-id-3053 .hb-products-sidebar-cta{margin-top:20px!important;padding:18px 14px!important;border:1px solid #d5a27f!important;border-radius:14px!important;background:#fbf7f0!important} body.page-id-3053 .hb-products-sidebar-cta h3{margin:0 0 8px!important;font-family:inherit!important;color:#1f2327!important;font-size:17px!important;line-height:1.25!important} body.page-id-3053 .hb-products-sidebar-cta p{margin:0 0 14px!important;color:#697174!important;font-size:12px!important;line-height:1.55!important} body.page-id-3053 .hb-products-sidebar-cta a{color:#1f2d38!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important} body.page-id-3053 .hb-products-catalog-main{min-width:0!important} body.page-id-3053 .hb-products-category{scroll-margin-top:116px!important} body.page-id-3053 .hb-products-category-all{padding:0 0 42px!important} body.page-id-3053 .hb-products-category-heading{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:36px!important;align-items:end!important;margin:0 0 28px!important} body.page-id-3053 .hb-products-category-heading h2{margin:0!important;color:#1f2327!important;font-size:clamp(28px,3vw,44px)!important;line-height:1.05!important;letter-spacing:-.04em!important} body.page-id-3053 .hb-products-category-heading>p{margin:0!important;color:#687174!important;font-size:15px!important;line-height:1.65!important} body.page-id-3053 .hb-products-mini-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} body.page-id-3053 .hb-products-mini-card{display:flex!important;flex-direction:column!important;min-height:142px!important;padding:18px!important;border:1px solid #dcd5cb!important;border-radius:13px!important;background:#fff!important;color:#1f2327!important;text-decoration:none!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important} body.page-id-3053 .hb-products-mini-card:hover{transform:translateY(-4px)!important;border-color:#d5a27f!important;box-shadow:0 15px 30px rgba(31,35,39,.09)!important} body.page-id-3053 .hb-products-mini-card span{color:#bc725b!important;font-size:11px!important;font-weight:700!important;letter-spacing:.1em!important} body.page-id-3053 .hb-products-mini-card strong{margin-top:auto!important;font-size:16px!important;line-height:1.2!important} body.page-id-3053 .hb-products-mini-card small{margin-top:7px!important;color:#697174!important;font-size:12px!important;line-height:1.45!important} body.page-id-3053 .hb-products-detail{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:52px!important;align-items:center!important;padding:82px 0!important;border-top:1px solid #ded7ce!important} body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-image{order:2!important} body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-copy{order:1!important} body.page-id-3053 .hb-products-detail-image{overflow:hidden!important;border-radius:18px!important;background:#e9e2d8!important;box-shadow:0 20px 42px rgba(31,35,39,.12)!important} body.page-id-3053 .hb-products-detail-image img{display:block!important;width:100%!important;aspect-ratio:1.16/1!important;object-fit:cover!important;transition:transform .5s ease!important} body.page-id-3053 .hb-products-detail:hover .hb-products-detail-image img{transform:scale(1.025)!important} body.page-id-3053 .hb-products-detail-copy{max-width:560px!important} body.page-id-3053 .hb-products-detail-copy .hb-products-number{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#1f2d38!important;color:#fff!important;font-size:12px!important;font-weight:700!important} body.page-id-3053 .hb-products-detail-copy h2{margin:16px 0 14px!important;color:#1f2327!important;font-size:clamp(28px,3.2vw,44px)!important;line-height:1.05!important;letter-spacing:-.045em!important} body.page-id-3053 .hb-products-detail-copy>p{margin:0!important;color:#687174!important;font-size:16px!important;line-height:1.7!important} body.page-id-3053 .hb-products-detail-copy ul{display:grid!important;gap:8px!important;margin:22px 0 24px!important;padding:0!important;list-style:none!important} body.page-id-3053 .hb-products-detail-copy li{position:relative!important;padding-left:20px!important;color:#4d5559!important;font-size:13px!important;line-height:1.5!important} body.page-id-3053 .hb-products-detail-copy li:before{content:""!important;position:absolute!important;left:0!important;top:.58em!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#d5a27f!important} body.page-id-3053 .hb-products-detail-link{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#1f2d38!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important} body.page-id-3053 .hb-products-detail-link:hover{color:#bc725b!important} @media (max-width:900px){body.page-id-3053 .hb-products-catalog-section{grid-template-columns:1fr!important;gap:22px!important;padding:54px 20px 82px!important}body.page-id-3053 .hb-products-sidebar{position:sticky!important;top:72px!important}body.page-id-3053 .hb-products-sidebar-inner{padding:16px!important}body.page-id-3053 .hb-products-sidebar-label,body.page-id-3053 .hb-products-sidebar h2{display:none!important}body.page-id-3053 .hb-products-category-nav{flex-direction:row!important;overflow-x:auto!important;gap:6px!important;border-top:0!important;padding:0!important;scrollbar-width:none!important}body.page-id-3053 .hb-products-category-nav::-webkit-scrollbar{display:none!important}body.page-id-3053 .hb-products-category-nav a{flex:0 0 auto!important;min-height:38px!important;white-space:nowrap!important;padding:8px 12px!important}body.page-id-3053 .hb-products-sidebar-cta{display:none!important}body.page-id-3053 .hb-products-category-heading{grid-template-columns:1fr!important;gap:14px!important}body.page-id-3053 .hb-products-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.page-id-3053 .hb-products-detail{grid-template-columns:1fr!important;gap:28px!important;padding:58px 0!important}body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-image,body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-copy{order:initial!important}body.page-id-3053 .hb-products-detail-copy{max-width:none!important}} @media (max-width:620px){body.page-id-3053 .hb-products-mini-grid{grid-template-columns:1fr!important}body.page-id-3053 .hb-products-mini-card{min-height:118px!important}body.page-id-3053 .hb-products-detail-copy h2{font-size:31px!important}body.page-id-3053 .hb-products-detail-copy>p{font-size:15px!important}} /* Product catalog grid alignment */ body.page-id-3053 #product-catalog > p, body.page-id-3053 #product-catalog > br{display:none!important} body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important} @media (max-width:900px){body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:1!important;grid-row:auto!important;width:auto!important}} /* Products directory layout inspired by the reference catalog */ body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important} body.page-id-3053 #product-catalog .hb-products-category-heading,body.page-id-3053 #product-catalog .hb-products-product-heading{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)!important;gap:48px!important;align-items:end!important;margin:0 0 30px!important;padding:0 0 28px!important;border-bottom:1px solid rgba(31,45,56,.14)!important} body.page-id-3053 #product-catalog .hb-products-category-heading h2,body.page-id-3053 #product-catalog .hb-products-product-heading h2{margin:10px 0 0!important;color:#1f2327!important;font-size:clamp(30px,3.4vw,48px)!important;line-height:1.03!important;letter-spacing:-.045em!important} body.page-id-3053 #product-catalog .hb-products-category-heading>p,body.page-id-3053 #product-catalog .hb-products-product-heading>div:last-child>p{margin:0!important;color:#687174!important;font-size:15px!important;line-height:1.7!important} body.page-id-3053 #product-catalog .hb-products-line-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} body.page-id-3053 #product-catalog .hb-products-line-card{display:flex!important;flex-direction:column!important;min-height:150px!important;padding:24px!important;border:1px solid rgba(31,45,56,.16)!important;border-radius:16px!important;background:#fff!important;color:#1f2327!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important} body.page-id-3053 #product-catalog .hb-products-line-card:hover{transform:translateY(-3px)!important;border-color:#d5a27f!important;box-shadow:0 18px 38px rgba(31,45,56,.08)!important} body.page-id-3053 #product-catalog .hb-products-line-card span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;margin-bottom:26px!important;border-radius:50%!important;background:#1f2d38!important;color:#fff!important;font-size:11px!important;font-weight:700!important} body.page-id-3053 #product-catalog .hb-products-line-card strong{font-size:20px!important;line-height:1.15!important} body.page-id-3053 #product-catalog .hb-products-line-card small{margin-top:8px!important;color:#687174!important;font-size:13px!important;line-height:1.5!important} body.page-id-3053 #product-catalog .hb-products-product-section{margin:0!important;padding:78px 0 0!important;border-top:1px solid rgba(31,45,56,.14)!important;scroll-margin-top:116px!important} body.page-id-3053 #product-catalog .hb-products-product-section:first-of-type{border-top:0!important} body.page-id-3053 #product-catalog .hb-products-product-heading>div:last-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important} body.page-id-3053 #product-catalog .hb-products-more-link{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#1f2d38!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important} body.page-id-3053 #product-catalog .hb-products-more-link:hover{color:#bc725b!important} body.page-id-3053 #product-catalog .hb-products-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important} body.page-id-3053 #product-catalog .hb-products-product-card{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;border:1px solid rgba(31,45,56,.16)!important;border-radius:16px!important;background:#fff!important;color:#1f2327!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important} body.page-id-3053 #product-catalog .hb-products-product-card:hover{transform:translateY(-3px)!important;border-color:#d5a27f!important;box-shadow:0 18px 38px rgba(31,45,56,.08)!important} body.page-id-3053 #product-catalog .hb-products-product-card img{display:block!important;width:100%!important;aspect-ratio:1.08!important;object-fit:cover!important;background:#e9e4dc!important;transition:transform .3s ease!important} body.page-id-3053 #product-catalog .hb-products-product-card:hover img{transform:scale(1.03)!important} body.page-id-3053 #product-catalog .hb-products-product-card strong{display:block!important;margin:16px 16px 4px!important;font-size:15px!important;line-height:1.3!important} body.page-id-3053 #product-catalog .hb-products-product-card small{display:block!important;margin:0 16px 18px!important;color:#7b7b76!important;font-size:12px!important} @media (max-width:900px){body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:1!important;grid-row:auto!important;width:auto!important}body.page-id-3053 #product-catalog .hb-products-category-heading,body.page-id-3053 #product-catalog .hb-products-product-heading{grid-template-columns:1fr!important;gap:18px!important}body.page-id-3053 #product-catalog .hb-products-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.page-id-3053 #product-catalog .hb-products-product-section{padding-top:56px!important}} @media (max-width:620px){body.page-id-3053 #product-catalog .hb-products-line-grid,body.page-id-3053 #product-catalog .hb-products-product-grid{grid-template-columns:1fr!important}body.page-id-3053 #product-catalog .hb-products-line-card{min-height:130px!important}body.page-id-3053 #product-catalog .hb-products-product-card img{aspect-ratio:1.2!important}body.page-id-3053 #product-catalog .hb-products-category-heading h2,body.page-id-3053 #product-catalog .hb-products-product-heading h2{font-size:34px!important}} /* Remove editor line-break nodes so catalog grids use every column */ body.page-id-3053 #product-catalog .hb-products-line-grid > br, body.page-id-3053 #product-catalog .hb-products-product-grid > br{display:none!important} /* Individual product detail pages */ .hb-product-detail{max-width:1240px!important;margin:0 auto!important;padding:72px 28px 0!important;color:#1f2327!important;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important} .hb-product-detail *{box-sizing:border-box!important} .hb-product-detail-hero{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;gap:64px!important;align-items:center!important;padding:32px 0 92px!important} .hb-product-detail-hero-media{overflow:hidden!important;border-radius:20px!important;background:#ebe5dc!important;box-shadow:0 20px 50px rgba(31,45,56,.12)!important} .hb-product-detail-hero-media img{display:block!important;width:100%!important;aspect-ratio:1.12!important;object-fit:cover!important} .hb-product-detail-kicker{margin:0 0 18px!important;color:#b86f59!important;font-size:12px!important;font-weight:700!important;letter-spacing:.16em!important;line-height:1.4!important;text-transform:uppercase!important} .hb-product-detail-hero-copy h1{margin:0 0 24px!important;max-width:660px!important;color:#1f2327!important;font-size:clamp(40px,5vw,70px)!important;line-height:1.02!important;letter-spacing:-.06em!important} .hb-product-detail-lede{margin:0 0 30px!important;max-width:610px!important;color:#5e6668!important;font-size:17px!important;line-height:1.75!important} .hb-product-detail-overview{padding:22px 0 4px!important;border-top:1px solid rgba(31,45,56,.16)!important} .hb-product-detail-overview h2{margin:0 0 16px!important;font-size:22px!important;letter-spacing:-.03em!important} .hb-product-detail-overview dl{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 24px!important;margin:0!important} .hb-product-detail-overview dl div{display:flex!important;flex-direction:column!important;gap:5px!important} .hb-product-detail-overview dt{color:#8b6254!important;font-size:11px!important;font-weight:700!important;letter-spacing:.11em!important;text-transform:uppercase!important} .hb-product-detail-overview dd{margin:0!important;color:#525b5e!important;font-size:14px!important;line-height:1.55!important} .hb-product-detail-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:30px!important} .hb-product-detail-button,.hb-product-detail-aside-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:48px!important;padding:13px 22px!important;border-radius:999px!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important} .hb-product-detail-button:hover,.hb-product-detail-aside-button:hover{transform:translateY(-2px)!important} .hb-product-detail-button-dark{background:#1f2d38!important;color:#fff!important;box-shadow:0 10px 24px rgba(31,45,56,.16)!important} .hb-product-detail-button-light{border:1px solid #d5a27f!important;background:#fff!important;color:#1f2d38!important} .hb-product-detail-content{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:72px!important;padding:74px 0 92px!important;border-top:1px solid rgba(31,45,56,.15)!important} .hb-product-detail-main h2{margin:0 0 18px!important;padding-top:20px!important;color:#1f2327!important;font-size:29px!important;line-height:1.1!important;letter-spacing:-.045em!important} .hb-product-detail-main h2:first-child{padding-top:0!important} .hb-product-detail-main p,.hb-product-detail-main li{color:#626b6d!important;font-size:16px!important;line-height:1.75!important} .hb-product-detail-main ul{margin:0 0 14px 20px!important;padding:0!important} .hb-product-detail-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 34px!important} .hb-product-detail-facts div{display:flex!important;flex-direction:column!important;gap:7px!important;padding:18px!important;border:1px solid rgba(31,45,56,.14)!important;border-radius:14px!important;background:#f8f5f0!important} .hb-product-detail-facts strong{color:#1f2d38!important;font-size:25px!important;letter-spacing:-.04em!important} .hb-product-detail-facts span{color:#6c7476!important;font-size:12px!important;line-height:1.45!important} .hb-product-detail-table{margin:0 0 12px!important;border-top:1px solid rgba(31,45,56,.16)!important} .hb-product-detail-table div{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:20px!important;padding:16px 0!important;border-bottom:1px solid rgba(31,45,56,.12)!important} .hb-product-detail-table strong{color:#343c3f!important;font-size:14px!important} .hb-product-detail-table span{color:#687174!important;font-size:14px!important;line-height:1.55!important} .hb-product-detail-aside{align-self:start!important;position:sticky!important;top:120px!important;padding:24px!important;border:1px solid rgba(31,45,56,.15)!important;border-radius:18px!important;background:#f8f5f0!important} .hb-product-detail-stat{display:flex!important;flex-direction:column!important;gap:4px!important;padding:18px 0!important;border-bottom:1px solid rgba(31,45,56,.13)!important} .hb-product-detail-stat strong{color:#1f2d38!important;font-size:34px!important;letter-spacing:-.05em!important;line-height:1!important} .hb-product-detail-stat span{color:#737b7d!important;font-size:12px!important} .hb-product-detail-aside-button{width:100%!important;margin-top:22px!important;background:#d5a27f!important;color:#1f2327!important} .hb-product-detail-related{margin:0 -28px!important;padding:62px 28px 74px!important;background:#1f2d38!important;color:#fff!important;text-align:center!important} .hb-product-detail-related h2{margin:0 auto 14px!important;color:#fff!important;font-size:clamp(30px,4vw,52px)!important;line-height:1.05!important;letter-spacing:-.055em!important} .hb-product-detail-related p:not(.hb-product-detail-kicker){max-width:650px!important;margin:0 auto 24px!important;color:rgba(255,255,255,.74)!important;font-size:16px!important;line-height:1.7!important} .hb-product-detail-related a{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#f1c59d!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important} @media(max-width:900px){.hb-product-detail{padding:42px 20px 0!important}.hb-product-detail-hero{grid-template-columns:1fr!important;gap:38px!important;padding-bottom:64px!important}.hb-product-detail-hero-copy h1{font-size:clamp(38px,8vw,56px)!important}.hb-product-detail-content{grid-template-columns:1fr!important;gap:40px!important;padding:56px 0 66px!important}.hb-product-detail-aside{position:static!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.hb-product-detail-aside-button{grid-column:1/-1!important}.hb-product-detail-related{margin:0 -20px!important;padding-left:20px!important;padding-right:20px!important}} @media(max-width:620px){.hb-product-detail-overview dl,.hb-product-detail-facts{grid-template-columns:1fr!important}.hb-product-detail-hero-copy h1{font-size:40px!important}.hb-product-detail-lede{font-size:15px!important}.hb-product-detail-table div{grid-template-columns:1fr!important;gap:5px!important}.hb-product-detail-aside{grid-template-columns:1fr!important}.hb-product-detail-stat{padding:13px 0!important}.hb-product-detail-actions{flex-direction:column!important}.hb-product-detail-button{width:100%!important}.hb-product-detail-related h2{font-size:36px!important}} /* Detail pages use the custom product hero instead of the theme page-title banner */ body:has(.hb-product-detail) .entry-header{display:none!important} body:has(.hb-product-detail) .entry-content{margin:0!important;padding:0!important;max-width:none!important} /* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Normalize the title element itself so page-specific theme rules cannot change the baseline. */ body #masthead.site-header .site-title { font-size: 24px !important; line-height: 24px !important; } @media (max-width: 767px) { body #masthead.site-header .site-title { font-size: 22px !important; line-height: 22px !important; } } /* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* HaoboMFG products landing page */ body.page-id-3053 .hb-products-page { background: var(--hb-paper, #f7f4ee); color: var(--hb-ink, #171716); overflow: hidden; } body.page-id-3053 .hb-products-page * { box-sizing: border-box; } body.page-id-3053 .hb-products-hero { padding: 96px 28px 104px; background: linear-gradient(135deg,#f5f1eb 0%,#fffdf9 68%,#f0ebe4 100%); border-bottom: 1px solid rgba(205,195,184,.72); } body.page-id-3053 .hb-products-hero-inner { width: min(1200px,100%); margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.85fr); align-items: center; gap: 72px; } body.page-id-3053 .hb-products-hero-copy { max-width: 650px; } body.page-id-3053 .hb-products-kicker { margin: 0 0 18px; color: var(--hb-accent,#b45e4d); font: 700 12px/1.3 Poppins,Arial,sans-serif; letter-spacing: .15em; text-transform: uppercase; } body.page-id-3053 .hb-products-hero h1 { max-width: 650px; margin: 0 0 24px; color: var(--hb-ink,#171716); font: 800 clamp(46px,5.3vw,78px)/.98 Poppins,Arial,sans-serif; letter-spacing: -.06em; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker), body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker), body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { color: #5a625e; font: 400 17px/1.75 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker) { max-width: 620px; margin: 0; } body.page-id-3053 .hb-products-hero-image { min-height: 440px; overflow: hidden; border-radius: 24px; box-shadow: 0 26px 60px rgba(24,23,22,.16); } body.page-id-3053 .hb-products-hero-image img { display: block; width: 100%; height: 100%; min-height: 440px; object-fit: cover; } body.page-id-3053 .hb-products-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 32px; } body.page-id-3053 .hb-products-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 13px 20px; border: 1px solid transparent; border-radius: 999px; font: 700 14px/1 Poppins,Arial,sans-serif; text-decoration: none; transition: transform .22s ease,box-shadow .22s ease,background .22s ease; } body.page-id-3053 .hb-products-button:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(24,23,22,.14); } body.page-id-3053 .hb-products-button-dark { background: var(--hb-ink,#171716); color: #fff; } body.page-id-3053 .hb-products-button-light { background: #fffdf9; border-color: rgba(180,94,77,.6); color: var(--hb-ink,#171716); } body.page-id-3053 .hb-products-button-accent { background: var(--hb-accent,#b45e4d); color: #fff; } body.page-id-3053 .hb-products-intro { width: min(780px,calc(100% - 56px)); margin: 0 auto; padding: 100px 0 56px; text-align: center; } body.page-id-3053 .hb-products-intro h2, body.page-id-3053 .hb-products-process h2, body.page-id-3053 .hb-products-cta h2 { margin: 0 0 18px; font: 800 clamp(34px,4vw,54px)/1.05 Poppins,Arial,sans-serif; letter-spacing: -.055em; } body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker) { margin: 0 auto; max-width: 700px; } body.page-id-3053 .hb-products-grid { width: min(1200px,calc(100% - 56px)); margin: 0 auto; padding: 0 0 108px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; } body.page-id-3053 .hb-products-card { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; border: 1px solid rgba(205,195,184,.78); border-radius: 20px; background: linear-gradient(145deg,#fff 0%,#fffdf9 100%); box-shadow: 0 14px 32px rgba(24,23,22,.06); transition: transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s; } body.page-id-3053 .hb-products-card:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(24,23,22,.14); } body.page-id-3053 .hb-products-card-image { aspect-ratio: 1.52; overflow: hidden; background: #e7e0d8; } body.page-id-3053 .hb-products-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.7,.2,1); } body.page-id-3053 .hb-products-card:hover .hb-products-card-image img { transform: scale(1.045); } body.page-id-3053 .hb-products-card-body { display: flex; flex: 1; flex-direction: column; padding: 26px 26px 24px; } body.page-id-3053 .hb-products-number { display: block; margin-bottom: 28px; color: var(--hb-accent,#b45e4d); font: 700 12px/1 Poppins,Arial,sans-serif; letter-spacing: .12em; } body.page-id-3053 .hb-products-card h3 { margin: 0 0 12px; font: 800 26px/1.1 Poppins,Arial,sans-serif; letter-spacing: -.045em; } body.page-id-3053 .hb-products-card p { margin: 0 0 22px; color: #656c68; font: 400 15px/1.7 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--hb-ink,#171716); font: 700 13px/1.4 Poppins,Arial,sans-serif; text-decoration: none; } body.page-id-3053 .hb-products-card a span { color: var(--hb-accent,#b45e4d); font-size: 18px; } body.page-id-3053 .hb-products-process { width: 100%; padding: 92px max(28px,calc((100% - 1200px)/2)); display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 72px; align-items: center; background: linear-gradient(120deg,#232426 0%,#171718 100%); color: #f7f4ee; } body.page-id-3053 .hb-products-process h2, body.page-id-3053 .hb-products-cta h2 { color: #f7f4ee; } body.page-id-3053 .hb-products-process p:not(.hb-products-kicker) { max-width: 540px; margin: 0; color: rgba(247,244,238,.76); font: 400 16px/1.75 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-process .hb-products-kicker, body.page-id-3053 .hb-products-cta .hb-products-kicker { color: #d8a954; } body.page-id-3053 .hb-products-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(247,244,238,.22); } body.page-id-3053 .hb-products-steps li { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 21px 0; border-bottom: 1px solid rgba(247,244,238,.22); } body.page-id-3053 .hb-products-steps strong { color: #d8a954; font: 700 14px/1.5 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-steps span { color: rgba(247,244,238,.88); font: 400 16px/1.55 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-cta { padding: 94px 28px 102px; background: #f5f1eb; text-align: center; } body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { width: min(660px,100%); margin: 0 auto; } body.page-id-3053 .hb-products-cta h2 { width: min(780px,100%); margin-left: auto; margin-right: auto; color: var(--hb-ink,#171716); } body.page-id-3053 .hb-products-cta .hb-products-actions { justify-content: center; } body.page-id-3053 .hb-products-text-link { color: var(--hb-ink,#171716); font: 700 14px/1.4 Poppins,Arial,sans-serif; text-decoration: none; } @media (max-width: 900px) { body.page-id-3053 .hb-products-hero { padding: 72px 22px 78px; } body.page-id-3053 .hb-products-hero-inner { grid-template-columns: 1fr; gap: 38px; } body.page-id-3053 .hb-products-hero-image, body.page-id-3053 .hb-products-hero-image img { min-height: 320px; } body.page-id-3053 .hb-products-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } body.page-id-3053 .hb-products-process { grid-template-columns: 1fr; gap: 42px; padding: 72px 22px; } } @media (max-width: 620px) { body.page-id-3053 .hb-products-hero { padding: 58px 18px 62px; } body.page-id-3053 .hb-products-hero h1 { font-size: 43px; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker), body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker), body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { font-size: 15px; line-height: 1.65; } body.page-id-3053 .hb-products-hero-image, body.page-id-3053 .hb-products-hero-image img { min-height: 260px; } body.page-id-3053 .hb-products-intro { width: calc(100% - 36px); padding: 70px 0 42px; } body.page-id-3053 .hb-products-grid { width: calc(100% - 36px); grid-template-columns: 1fr; padding-bottom: 72px; } body.page-id-3053 .hb-products-card-body { padding: 24px 22px; } body.page-id-3053 .hb-products-process { padding: 62px 18px; } body.page-id-3053 .hb-products-cta { padding: 70px 18px 76px; } }/* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Normalize the title element itself so page-specific theme rules cannot change the baseline. */ body #masthead.site-header .site-title { font-size: 24px !important; line-height: 24px !important; } @media (max-width: 767px) { body #masthead.site-header .site-title { font-size: 22px !important; line-height: 22px !important; } } /* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Products page: single-page catalog with sticky category navigation */ body.page-id-3053 .hb-products-catalog-section{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:46px!important;max-width:1220px!important;margin:0 auto!important;padding:82px 28px 112px!important;align-items:start!important;background:#f7f4ee!important} body.page-id-3053 .hb-products-sidebar{display:block!important;min-width:0!important;position:sticky!important;top:108px!important;z-index:5!important;align-self:start!important} body.page-id-3053 .hb-products-sidebar-inner{background:#fff!important;border:1px solid #ddd5ca!important;border-radius:18px!important;padding:24px 18px 20px!important;box-shadow:0 16px 38px rgba(31,35,39,.08)!important} body.page-id-3053 .hb-products-sidebar-label{margin:0 0 8px!important;color:#bc725b!important;font-size:11px!important;font-weight:700!important;letter-spacing:.16em!important} body.page-id-3053 .hb-products-sidebar h2{margin:0 0 16px!important;color:#1f2327!important;font-size:24px!important;line-height:1.1!important} body.page-id-3053 .hb-products-category-nav{display:flex!important;flex-direction:column!important;gap:3px!important;border-top:1px solid #d9c9bb!important;padding-top:8px!important} body.page-id-3053 .hb-products-category-nav a{display:flex!important;align-items:center!important;min-height:42px!important;padding:9px 10px!important;border-radius:9px!important;color:#4d5559!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;text-decoration:none!important;transition:background .2s ease,color .2s ease,transform .2s ease!important} body.page-id-3053 .hb-products-category-nav a:hover,body.page-id-3053 .hb-products-category-nav a:focus,body.page-id-3053 .hb-products-category-nav a.is-active{background:#1f2d38!important;color:#fff!important;transform:translateX(2px)!important} body.page-id-3053 .hb-products-sidebar-cta{margin-top:20px!important;padding:18px 14px!important;border:1px solid #d5a27f!important;border-radius:14px!important;background:#fbf7f0!important} body.page-id-3053 .hb-products-sidebar-cta h3{margin:0 0 8px!important;font-family:inherit!important;color:#1f2327!important;font-size:17px!important;line-height:1.25!important} body.page-id-3053 .hb-products-sidebar-cta p{margin:0 0 14px!important;color:#697174!important;font-size:12px!important;line-height:1.55!important} body.page-id-3053 .hb-products-sidebar-cta a{color:#1f2d38!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important} body.page-id-3053 .hb-products-catalog-main{min-width:0!important} body.page-id-3053 .hb-products-category{scroll-margin-top:116px!important} body.page-id-3053 .hb-products-category-all{padding:0 0 42px!important} body.page-id-3053 .hb-products-category-heading{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:36px!important;align-items:end!important;margin:0 0 28px!important} body.page-id-3053 .hb-products-category-heading h2{margin:0!important;color:#1f2327!important;font-size:clamp(28px,3vw,44px)!important;line-height:1.05!important;letter-spacing:-.04em!important} body.page-id-3053 .hb-products-category-heading>p{margin:0!important;color:#687174!important;font-size:15px!important;line-height:1.65!important} body.page-id-3053 .hb-products-mini-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} body.page-id-3053 .hb-products-mini-card{display:flex!important;flex-direction:column!important;min-height:142px!important;padding:18px!important;border:1px solid #dcd5cb!important;border-radius:13px!important;background:#fff!important;color:#1f2327!important;text-decoration:none!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important} body.page-id-3053 .hb-products-mini-card:hover{transform:translateY(-4px)!important;border-color:#d5a27f!important;box-shadow:0 15px 30px rgba(31,35,39,.09)!important} body.page-id-3053 .hb-products-mini-card span{color:#bc725b!important;font-size:11px!important;font-weight:700!important;letter-spacing:.1em!important} body.page-id-3053 .hb-products-mini-card strong{margin-top:auto!important;font-size:16px!important;line-height:1.2!important} body.page-id-3053 .hb-products-mini-card small{margin-top:7px!important;color:#697174!important;font-size:12px!important;line-height:1.45!important} body.page-id-3053 .hb-products-detail{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:52px!important;align-items:center!important;padding:82px 0!important;border-top:1px solid #ded7ce!important} body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-image{order:2!important} body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-copy{order:1!important} body.page-id-3053 .hb-products-detail-image{overflow:hidden!important;border-radius:18px!important;background:#e9e2d8!important;box-shadow:0 20px 42px rgba(31,35,39,.12)!important} body.page-id-3053 .hb-products-detail-image img{display:block!important;width:100%!important;aspect-ratio:1.16/1!important;object-fit:cover!important;transition:transform .5s ease!important} body.page-id-3053 .hb-products-detail:hover .hb-products-detail-image img{transform:scale(1.025)!important} body.page-id-3053 .hb-products-detail-copy{max-width:560px!important} body.page-id-3053 .hb-products-detail-copy .hb-products-number{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#1f2d38!important;color:#fff!important;font-size:12px!important;font-weight:700!important} body.page-id-3053 .hb-products-detail-copy h2{margin:16px 0 14px!important;color:#1f2327!important;font-size:clamp(28px,3.2vw,44px)!important;line-height:1.05!important;letter-spacing:-.045em!important} body.page-id-3053 .hb-products-detail-copy>p{margin:0!important;color:#687174!important;font-size:16px!important;line-height:1.7!important} body.page-id-3053 .hb-products-detail-copy ul{display:grid!important;gap:8px!important;margin:22px 0 24px!important;padding:0!important;list-style:none!important} body.page-id-3053 .hb-products-detail-copy li{position:relative!important;padding-left:20px!important;color:#4d5559!important;font-size:13px!important;line-height:1.5!important} body.page-id-3053 .hb-products-detail-copy li:before{content:""!important;position:absolute!important;left:0!important;top:.58em!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#d5a27f!important} body.page-id-3053 .hb-products-detail-link{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#1f2d38!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important} body.page-id-3053 .hb-products-detail-link:hover{color:#bc725b!important} @media (max-width:900px){body.page-id-3053 .hb-products-catalog-section{grid-template-columns:1fr!important;gap:22px!important;padding:54px 20px 82px!important}body.page-id-3053 .hb-products-sidebar{position:sticky!important;top:72px!important}body.page-id-3053 .hb-products-sidebar-inner{padding:16px!important}body.page-id-3053 .hb-products-sidebar-label,body.page-id-3053 .hb-products-sidebar h2{display:none!important}body.page-id-3053 .hb-products-category-nav{flex-direction:row!important;overflow-x:auto!important;gap:6px!important;border-top:0!important;padding:0!important;scrollbar-width:none!important}body.page-id-3053 .hb-products-category-nav::-webkit-scrollbar{display:none!important}body.page-id-3053 .hb-products-category-nav a{flex:0 0 auto!important;min-height:38px!important;white-space:nowrap!important;padding:8px 12px!important}body.page-id-3053 .hb-products-sidebar-cta{display:none!important}body.page-id-3053 .hb-products-category-heading{grid-template-columns:1fr!important;gap:14px!important}body.page-id-3053 .hb-products-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.page-id-3053 .hb-products-detail{grid-template-columns:1fr!important;gap:28px!important;padding:58px 0!important}body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-image,body.page-id-3053 .hb-products-detail-reverse .hb-products-detail-copy{order:initial!important}body.page-id-3053 .hb-products-detail-copy{max-width:none!important}} @media (max-width:620px){body.page-id-3053 .hb-products-mini-grid{grid-template-columns:1fr!important}body.page-id-3053 .hb-products-mini-card{min-height:118px!important}body.page-id-3053 .hb-products-detail-copy h2{font-size:31px!important}body.page-id-3053 .hb-products-detail-copy>p{font-size:15px!important}} /* Product catalog grid alignment */ body.page-id-3053 #product-catalog > p, body.page-id-3053 #product-catalog > br{display:none!important} body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important} @media (max-width:900px){body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:1!important;grid-row:auto!important;width:auto!important}} /* Products directory layout inspired by the reference catalog */ body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important} body.page-id-3053 #product-catalog .hb-products-category-heading,body.page-id-3053 #product-catalog .hb-products-product-heading{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)!important;gap:48px!important;align-items:end!important;margin:0 0 30px!important;padding:0 0 28px!important;border-bottom:1px solid rgba(31,45,56,.14)!important} body.page-id-3053 #product-catalog .hb-products-category-heading h2,body.page-id-3053 #product-catalog .hb-products-product-heading h2{margin:10px 0 0!important;color:#1f2327!important;font-size:clamp(30px,3.4vw,48px)!important;line-height:1.03!important;letter-spacing:-.045em!important} body.page-id-3053 #product-catalog .hb-products-category-heading>p,body.page-id-3053 #product-catalog .hb-products-product-heading>div:last-child>p{margin:0!important;color:#687174!important;font-size:15px!important;line-height:1.7!important} body.page-id-3053 #product-catalog .hb-products-line-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} body.page-id-3053 #product-catalog .hb-products-line-card{display:flex!important;flex-direction:column!important;min-height:150px!important;padding:24px!important;border:1px solid rgba(31,45,56,.16)!important;border-radius:16px!important;background:#fff!important;color:#1f2327!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important} body.page-id-3053 #product-catalog .hb-products-line-card:hover{transform:translateY(-3px)!important;border-color:#d5a27f!important;box-shadow:0 18px 38px rgba(31,45,56,.08)!important} body.page-id-3053 #product-catalog .hb-products-line-card span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;margin-bottom:26px!important;border-radius:50%!important;background:#1f2d38!important;color:#fff!important;font-size:11px!important;font-weight:700!important} body.page-id-3053 #product-catalog .hb-products-line-card strong{font-size:20px!important;line-height:1.15!important} body.page-id-3053 #product-catalog .hb-products-line-card small{margin-top:8px!important;color:#687174!important;font-size:13px!important;line-height:1.5!important} body.page-id-3053 #product-catalog .hb-products-product-section{margin:0!important;padding:78px 0 0!important;border-top:1px solid rgba(31,45,56,.14)!important;scroll-margin-top:116px!important} body.page-id-3053 #product-catalog .hb-products-product-section:first-of-type{border-top:0!important} body.page-id-3053 #product-catalog .hb-products-product-heading>div:last-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important} body.page-id-3053 #product-catalog .hb-products-more-link{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#1f2d38!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important} body.page-id-3053 #product-catalog .hb-products-more-link:hover{color:#bc725b!important} body.page-id-3053 #product-catalog .hb-products-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important} body.page-id-3053 #product-catalog .hb-products-product-card{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;border:1px solid rgba(31,45,56,.16)!important;border-radius:16px!important;background:#fff!important;color:#1f2327!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important} body.page-id-3053 #product-catalog .hb-products-product-card:hover{transform:translateY(-3px)!important;border-color:#d5a27f!important;box-shadow:0 18px 38px rgba(31,45,56,.08)!important} body.page-id-3053 #product-catalog .hb-products-product-card img{display:block!important;width:100%!important;aspect-ratio:1.08!important;object-fit:cover!important;background:#e9e4dc!important;transition:transform .3s ease!important} body.page-id-3053 #product-catalog .hb-products-product-card:hover img{transform:scale(1.03)!important} body.page-id-3053 #product-catalog .hb-products-product-card strong{display:block!important;margin:16px 16px 4px!important;font-size:15px!important;line-height:1.3!important} body.page-id-3053 #product-catalog .hb-products-product-card small{display:block!important;margin:0 16px 18px!important;color:#7b7b76!important;font-size:12px!important} @media (max-width:900px){body.page-id-3053 #product-catalog .hb-products-catalog-main{grid-column:1!important;grid-row:auto!important;width:auto!important}body.page-id-3053 #product-catalog .hb-products-category-heading,body.page-id-3053 #product-catalog .hb-products-product-heading{grid-template-columns:1fr!important;gap:18px!important}body.page-id-3053 #product-catalog .hb-products-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.page-id-3053 #product-catalog .hb-products-product-section{padding-top:56px!important}} @media (max-width:620px){body.page-id-3053 #product-catalog .hb-products-line-grid,body.page-id-3053 #product-catalog .hb-products-product-grid{grid-template-columns:1fr!important}body.page-id-3053 #product-catalog .hb-products-line-card{min-height:130px!important}body.page-id-3053 #product-catalog .hb-products-product-card img{aspect-ratio:1.2!important}body.page-id-3053 #product-catalog .hb-products-category-heading h2,body.page-id-3053 #product-catalog .hb-products-product-heading h2{font-size:34px!important}} /* Remove editor line-break nodes so catalog grids use every column */ body.page-id-3053 #product-catalog .hb-products-line-grid > br, body.page-id-3053 #product-catalog .hb-products-product-grid > br{display:none!important} /* Individual product detail pages */ .hb-product-detail{max-width:1240px!important;margin:0 auto!important;padding:72px 28px 0!important;color:#1f2327!important;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important} .hb-product-detail *{box-sizing:border-box!important} .hb-product-detail-hero{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;gap:64px!important;align-items:center!important;padding:32px 0 92px!important} .hb-product-detail-hero-media{overflow:hidden!important;border-radius:20px!important;background:#ebe5dc!important;box-shadow:0 20px 50px rgba(31,45,56,.12)!important} .hb-product-detail-hero-media img{display:block!important;width:100%!important;aspect-ratio:1.12!important;object-fit:cover!important} .hb-product-detail-kicker{margin:0 0 18px!important;color:#b86f59!important;font-size:12px!important;font-weight:700!important;letter-spacing:.16em!important;line-height:1.4!important;text-transform:uppercase!important} .hb-product-detail-hero-copy h1{margin:0 0 24px!important;max-width:660px!important;color:#1f2327!important;font-size:clamp(40px,5vw,70px)!important;line-height:1.02!important;letter-spacing:-.06em!important} .hb-product-detail-lede{margin:0 0 30px!important;max-width:610px!important;color:#5e6668!important;font-size:17px!important;line-height:1.75!important} .hb-product-detail-overview{padding:22px 0 4px!important;border-top:1px solid rgba(31,45,56,.16)!important} .hb-product-detail-overview h2{margin:0 0 16px!important;font-size:22px!important;letter-spacing:-.03em!important} .hb-product-detail-overview dl{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 24px!important;margin:0!important} .hb-product-detail-overview dl div{display:flex!important;flex-direction:column!important;gap:5px!important} .hb-product-detail-overview dt{color:#8b6254!important;font-size:11px!important;font-weight:700!important;letter-spacing:.11em!important;text-transform:uppercase!important} .hb-product-detail-overview dd{margin:0!important;color:#525b5e!important;font-size:14px!important;line-height:1.55!important} .hb-product-detail-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:30px!important} .hb-product-detail-button,.hb-product-detail-aside-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:48px!important;padding:13px 22px!important;border-radius:999px!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important} .hb-product-detail-button:hover,.hb-product-detail-aside-button:hover{transform:translateY(-2px)!important} .hb-product-detail-button-dark{background:#1f2d38!important;color:#fff!important;box-shadow:0 10px 24px rgba(31,45,56,.16)!important} .hb-product-detail-button-light{border:1px solid #d5a27f!important;background:#fff!important;color:#1f2d38!important} .hb-product-detail-content{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:72px!important;padding:74px 0 92px!important;border-top:1px solid rgba(31,45,56,.15)!important} .hb-product-detail-main h2{margin:0 0 18px!important;padding-top:20px!important;color:#1f2327!important;font-size:29px!important;line-height:1.1!important;letter-spacing:-.045em!important} .hb-product-detail-main h2:first-child{padding-top:0!important} .hb-product-detail-main p,.hb-product-detail-main li{color:#626b6d!important;font-size:16px!important;line-height:1.75!important} .hb-product-detail-main ul{margin:0 0 14px 20px!important;padding:0!important} .hb-product-detail-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 34px!important} .hb-product-detail-facts div{display:flex!important;flex-direction:column!important;gap:7px!important;padding:18px!important;border:1px solid rgba(31,45,56,.14)!important;border-radius:14px!important;background:#f8f5f0!important} .hb-product-detail-facts strong{color:#1f2d38!important;font-size:25px!important;letter-spacing:-.04em!important} .hb-product-detail-facts span{color:#6c7476!important;font-size:12px!important;line-height:1.45!important} .hb-product-detail-table{margin:0 0 12px!important;border-top:1px solid rgba(31,45,56,.16)!important} .hb-product-detail-table div{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:20px!important;padding:16px 0!important;border-bottom:1px solid rgba(31,45,56,.12)!important} .hb-product-detail-table strong{color:#343c3f!important;font-size:14px!important} .hb-product-detail-table span{color:#687174!important;font-size:14px!important;line-height:1.55!important} .hb-product-detail-aside{align-self:start!important;position:sticky!important;top:120px!important;padding:24px!important;border:1px solid rgba(31,45,56,.15)!important;border-radius:18px!important;background:#f8f5f0!important} .hb-product-detail-stat{display:flex!important;flex-direction:column!important;gap:4px!important;padding:18px 0!important;border-bottom:1px solid rgba(31,45,56,.13)!important} .hb-product-detail-stat strong{color:#1f2d38!important;font-size:34px!important;letter-spacing:-.05em!important;line-height:1!important} .hb-product-detail-stat span{color:#737b7d!important;font-size:12px!important} .hb-product-detail-aside-button{width:100%!important;margin-top:22px!important;background:#d5a27f!important;color:#1f2327!important} .hb-product-detail-related{margin:0 -28px!important;padding:62px 28px 74px!important;background:#1f2d38!important;color:#fff!important;text-align:center!important} .hb-product-detail-related h2{margin:0 auto 14px!important;color:#fff!important;font-size:clamp(30px,4vw,52px)!important;line-height:1.05!important;letter-spacing:-.055em!important} .hb-product-detail-related p:not(.hb-product-detail-kicker){max-width:650px!important;margin:0 auto 24px!important;color:rgba(255,255,255,.74)!important;font-size:16px!important;line-height:1.7!important} .hb-product-detail-related a{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#f1c59d!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important} @media(max-width:900px){.hb-product-detail{padding:42px 20px 0!important}.hb-product-detail-hero{grid-template-columns:1fr!important;gap:38px!important;padding-bottom:64px!important}.hb-product-detail-hero-copy h1{font-size:clamp(38px,8vw,56px)!important}.hb-product-detail-content{grid-template-columns:1fr!important;gap:40px!important;padding:56px 0 66px!important}.hb-product-detail-aside{position:static!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.hb-product-detail-aside-button{grid-column:1/-1!important}.hb-product-detail-related{margin:0 -20px!important;padding-left:20px!important;padding-right:20px!important}} @media(max-width:620px){.hb-product-detail-overview dl,.hb-product-detail-facts{grid-template-columns:1fr!important}.hb-product-detail-hero-copy h1{font-size:40px!important}.hb-product-detail-lede{font-size:15px!important}.hb-product-detail-table div{grid-template-columns:1fr!important;gap:5px!important}.hb-product-detail-aside{grid-template-columns:1fr!important}.hb-product-detail-stat{padding:13px 0!important}.hb-product-detail-actions{flex-direction:column!important}.hb-product-detail-button{width:100%!important}.hb-product-detail-related h2{font-size:36px!important}} /* Detail pages use the custom product hero instead of the theme page-title banner */ body:has(.hb-product-detail) .entry-header{display:none!important} body:has(.hb-product-detail) .entry-content{margin:0!important;padding:0!important;max-width:none!important} /* Products catalog: allow the category locator to follow the scroll */ body.page-id-3053 .hb-products-page, body.page-id-3053 .hb-products-catalog, body.page-id-3053 .hb-products-catalog-section{overflow:visible!important;} body.page-id-3053 .hb-products-sidebar{position:sticky!important;top:108px!important;align-self:start!important;height:max-content!important;z-index:6!important;} body.page-id-3053 .hb-products-sidebar-inner{position:sticky!important;top:108px!important;align-self:start!important;max-height:calc(100vh - 132px)!important;overflow:auto!important;} /* Product detail: remove the theme's narrow, left-pinned content constraint */ body:has(.hb-product-detail) #primary, body:has(.hb-product-detail) .site-main, body:has(.hb-product-detail) article, body:has(.hb-product-detail) .entry-content{width:100%!important;max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important;} body:has(.hb-product-detail) .hb-product-detail{width:100%!important;max-width:1280px!important;margin:0 auto!important;padding:72px 40px 0!important;box-sizing:border-box!important;} body:has(.hb-product-detail) .hb-product-detail-hero{width:100%!important;max-width:none!important;} @media (max-width:900px){ body:has(.hb-product-detail) .hb-product-detail{padding:48px 20px 0!important;} body.page-id-3053 .hb-products-sidebar{position:relative!important;top:auto!important;} body.page-id-3053 .hb-products-sidebar-inner{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important;} } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Normalize the title element itself so page-specific theme rules cannot change the baseline. */ body #masthead.site-header .site-title { font-size: 24px !important; line-height: 24px !important; } @media (max-width: 767px) { body #masthead.site-header .site-title { font-size: 22px !important; line-height: 22px !important; } } /* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* HaoboMFG products landing page */ body.page-id-3053 .hb-products-page { background: var(--hb-paper, #f7f4ee); color: var(--hb-ink, #171716); overflow: hidden; } body.page-id-3053 .hb-products-page * { box-sizing: border-box; } body.page-id-3053 .hb-products-hero { padding: 96px 28px 104px; background: linear-gradient(135deg,#f5f1eb 0%,#fffdf9 68%,#f0ebe4 100%); border-bottom: 1px solid rgba(205,195,184,.72); } body.page-id-3053 .hb-products-hero-inner { width: min(1200px,100%); margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.85fr); align-items: center; gap: 72px; } body.page-id-3053 .hb-products-hero-copy { max-width: 650px; } body.page-id-3053 .hb-products-kicker { margin: 0 0 18px; color: var(--hb-accent,#b45e4d); font: 700 12px/1.3 Poppins,Arial,sans-serif; letter-spacing: .15em; text-transform: uppercase; } body.page-id-3053 .hb-products-hero h1 { max-width: 650px; margin: 0 0 24px; color: var(--hb-ink,#171716); font: 800 clamp(46px,5.3vw,78px)/.98 Poppins,Arial,sans-serif; letter-spacing: -.06em; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker), body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker), body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { color: #5a625e; font: 400 17px/1.75 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker) { max-width: 620px; margin: 0; } body.page-id-3053 .hb-products-hero-image { min-height: 440px; overflow: hidden; border-radius: 24px; box-shadow: 0 26px 60px rgba(24,23,22,.16); } body.page-id-3053 .hb-products-hero-image img { display: block; width: 100%; height: 100%; min-height: 440px; object-fit: cover; } body.page-id-3053 .hb-products-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 32px; } body.page-id-3053 .hb-products-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 13px 20px; border: 1px solid transparent; border-radius: 999px; font: 700 14px/1 Poppins,Arial,sans-serif; text-decoration: none; transition: transform .22s ease,box-shadow .22s ease,background .22s ease; } body.page-id-3053 .hb-products-button:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(24,23,22,.14); } body.page-id-3053 .hb-products-button-dark { background: var(--hb-ink,#171716); color: #fff; } body.page-id-3053 .hb-products-button-light { background: #fffdf9; border-color: rgba(180,94,77,.6); color: var(--hb-ink,#171716); } body.page-id-3053 .hb-products-button-accent { background: var(--hb-accent,#b45e4d); color: #fff; } body.page-id-3053 .hb-products-intro { width: min(780px,calc(100% - 56px)); margin: 0 auto; padding: 100px 0 56px; text-align: center; } body.page-id-3053 .hb-products-intro h2, body.page-id-3053 .hb-products-process h2, body.page-id-3053 .hb-products-cta h2 { margin: 0 0 18px; font: 800 clamp(34px,4vw,54px)/1.05 Poppins,Arial,sans-serif; letter-spacing: -.055em; } body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker) { margin: 0 auto; max-width: 700px; } body.page-id-3053 .hb-products-grid { width: min(1200px,calc(100% - 56px)); margin: 0 auto; padding: 0 0 108px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; } body.page-id-3053 .hb-products-card { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; border: 1px solid rgba(205,195,184,.78); border-radius: 20px; background: linear-gradient(145deg,#fff 0%,#fffdf9 100%); box-shadow: 0 14px 32px rgba(24,23,22,.06); transition: transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s; } body.page-id-3053 .hb-products-card:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(24,23,22,.14); } body.page-id-3053 .hb-products-card-image { aspect-ratio: 1.52; overflow: hidden; background: #e7e0d8; } body.page-id-3053 .hb-products-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.7,.2,1); } body.page-id-3053 .hb-products-card:hover .hb-products-card-image img { transform: scale(1.045); } body.page-id-3053 .hb-products-card-body { display: flex; flex: 1; flex-direction: column; padding: 26px 26px 24px; } body.page-id-3053 .hb-products-number { display: block; margin-bottom: 28px; color: var(--hb-accent,#b45e4d); font: 700 12px/1 Poppins,Arial,sans-serif; letter-spacing: .12em; } body.page-id-3053 .hb-products-card h3 { margin: 0 0 12px; font: 800 26px/1.1 Poppins,Arial,sans-serif; letter-spacing: -.045em; } body.page-id-3053 .hb-products-card p { margin: 0 0 22px; color: #656c68; font: 400 15px/1.7 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-card a { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--hb-ink,#171716); font: 700 13px/1.4 Poppins,Arial,sans-serif; text-decoration: none; } body.page-id-3053 .hb-products-card a span { color: var(--hb-accent,#b45e4d); font-size: 18px; } body.page-id-3053 .hb-products-process { width: 100%; padding: 92px max(28px,calc((100% - 1200px)/2)); display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 72px; align-items: center; background: linear-gradient(120deg,#232426 0%,#171718 100%); color: #f7f4ee; } body.page-id-3053 .hb-products-process h2, body.page-id-3053 .hb-products-cta h2 { color: #f7f4ee; } body.page-id-3053 .hb-products-process p:not(.hb-products-kicker) { max-width: 540px; margin: 0; color: rgba(247,244,238,.76); font: 400 16px/1.75 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-process .hb-products-kicker, body.page-id-3053 .hb-products-cta .hb-products-kicker { color: #d8a954; } body.page-id-3053 .hb-products-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(247,244,238,.22); } body.page-id-3053 .hb-products-steps li { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 21px 0; border-bottom: 1px solid rgba(247,244,238,.22); } body.page-id-3053 .hb-products-steps strong { color: #d8a954; font: 700 14px/1.5 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-steps span { color: rgba(247,244,238,.88); font: 400 16px/1.55 Poppins,Arial,sans-serif; } body.page-id-3053 .hb-products-cta { padding: 94px 28px 102px; background: #f5f1eb; text-align: center; } body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { width: min(660px,100%); margin: 0 auto; } body.page-id-3053 .hb-products-cta h2 { width: min(780px,100%); margin-left: auto; margin-right: auto; color: var(--hb-ink,#171716); } body.page-id-3053 .hb-products-cta .hb-products-actions { justify-content: center; } body.page-id-3053 .hb-products-text-link { color: var(--hb-ink,#171716); font: 700 14px/1.4 Poppins,Arial,sans-serif; text-decoration: none; } @media (max-width: 900px) { body.page-id-3053 .hb-products-hero { padding: 72px 22px 78px; } body.page-id-3053 .hb-products-hero-inner { grid-template-columns: 1fr; gap: 38px; } body.page-id-3053 .hb-products-hero-image, body.page-id-3053 .hb-products-hero-image img { min-height: 320px; } body.page-id-3053 .hb-products-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } body.page-id-3053 .hb-products-process { grid-template-columns: 1fr; gap: 42px; padding: 72px 22px; } } @media (max-width: 620px) { body.page-id-3053 .hb-products-hero { padding: 58px 18px 62px; } body.page-id-3053 .hb-products-hero h1 { font-size: 43px; } body.page-id-3053 .hb-products-hero p:not(.hb-products-kicker), body.page-id-3053 .hb-products-intro>p:not(.hb-products-kicker), body.page-id-3053 .hb-products-cta>p:not(.hb-products-kicker) { font-size: 15px; line-height: 1.65; } body.page-id-3053 .hb-products-hero-image, body.page-id-3053 .hb-products-hero-image img { min-height: 260px; } body.page-id-3053 .hb-products-intro { width: calc(100% - 36px); padding: 70px 0 42px; } body.page-id-3053 .hb-products-grid { width: calc(100% - 36px); grid-template-columns: 1fr; padding-bottom: 72px; } body.page-id-3053 .hb-products-card-body { padding: 24px 22px; } body.page-id-3053 .hb-products-process { padding: 62px 18px; } body.page-id-3053 .hb-products-cta { padding: 70px 18px 76px; } }/* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Normalize the title element itself so page-specific theme rules cannot change the baseline. */ body #masthead.site-header .site-title { font-size: 24px !important; line-height: 24px !important; } @media (max-width: 767px) { body #masthead.site-header .site-title { font-size: 22px !important; line-height: 22px !important; } } /* HaoboMFG shared header branding: one identical navigation across every page */ body #masthead.site-header, body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { box-sizing: border-box !important; } body #masthead.site-header .site-branding, body #masthead.site-header .site-identity { display: flex !important; align-items: baseline !important; gap: 10px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body #masthead.site-header .site-title { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } body #masthead.site-header .site-title a { display: inline-block !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 24px !important; line-height: 24px !important; font-weight: 800 !important; letter-spacing: -0.06em !important; color: rgb(247,244,238) !important; white-space: nowrap !important; } body #masthead.site-header .site-description { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 12px !important; line-height: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: rgba(247,244,238,.62) !important; white-space: nowrap !important; } @media (min-width: 1101px) { body #masthead.site-header { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 93px !important; min-height: 93px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 14px 28px !important; } } @media (min-width: 768px) and (max-width: 1100px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 22px !important; } body #masthead.site-header .site-description { display: none !important; } } @media (max-width: 767px) { body #masthead.site-header { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-part, body #masthead.site-header .bottom-header-wrapper { height: 72px !important; min-height: 72px !important; } body #masthead.site-header .bottom-header-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px 16px !important; gap: 12px !important; } body #masthead.site-header .site-identity { display: block !important; } body #masthead.site-header .site-title a { font-size: 22px !important; line-height: 22px !important; } body #masthead.site-header .site-description { display: block !important; max-width: 100% !important; margin-top: 3px !important; font-size: 10px !important; line-height: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* HB_PRODUCTS_LAYOUT_V3_START */ body.page-id-3053 .hb-products-page-v3{width:100vw;max-width:none;margin-left:calc(50% - 50vw);overflow:clip;background:#f4f1eb;color:#20252a;font-family:Poppins,Arial,sans-serif} body.page-id-3053 .hb-products-page-v3,body.page-id-3053 .hb-products-page-v3 *{box-sizing:border-box} body.page-id-3053 .hb-products-page-v3 a{color:inherit} body.page-id-3053 .hb-products-v3-catalog>p,body.page-id-3053 .hb-products-v3-catalog>br{display:none!important} body.page-id-3053 .hb-products-v3-catalog{display:grid;grid-template-columns:clamp(248px,19vw,320px) minmax(0,1fr);gap:clamp(34px,4vw,72px);width:100%;padding:72px clamp(24px,3.5vw,72px) 120px 0;background:#f4f1eb} body.page-id-3053 .hb-products-v3-sidebar{position:sticky;top:108px;align-self:start;min-width:0} body.page-id-3053 .hb-products-v3-sidebar-inner{padding:26px 24px 28px;border:1px solid #d9d1c6;border-left:0;border-radius:0 20px 20px 0;background:#f4f1eb;box-shadow:12px 16px 36px rgba(45,42,37,.07)} body.page-id-3053 .hb-products-v3-kicker{margin:0 0 14px;color:#b66e58;font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.3;text-transform:uppercase} body.page-id-3053 .hb-products-v3-sidebar h2{margin:0 0 18px;font-size:25px;line-height:1.05;letter-spacing:-.04em} body.page-id-3053 .hb-products-v3-nav{display:grid;gap:4px;padding-top:12px;border-top:1px solid #d6ccc1} body.page-id-3053 .hb-products-v3-nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:10px;color:#50585d;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease} body.page-id-3053 .hb-products-v3-nav a:hover,body.page-id-3053 .hb-products-v3-nav a:focus,body.page-id-3053 .hb-products-v3-nav a.is-active{background:#202f3a;color:#fff;transform:translateX(3px)} body.page-id-3053 .hb-products-v3-sidebar-cta{margin-top:24px;padding:20px 16px;border:1px solid #d2a083;border-radius:14px;background:#f4f1eb} body.page-id-3053 .hb-products-v3-sidebar-cta h3{margin:0 0 8px;font-size:18px;line-height:1.2;letter-spacing:-.03em} body.page-id-3053 .hb-products-v3-sidebar-cta p{margin:0 0 15px;color:#687075;font-size:12px;line-height:1.6} body.page-id-3053 .hb-products-v3-sidebar-cta a{font-size:12px;font-weight:700;text-decoration:none} body.page-id-3053 .hb-products-v3-main{grid-column:2;grid-row:1;min-width:0;padding-right:0} body.page-id-3053 .hb-products-v3-all{padding:0 0 36px} body.page-id-3053 .hb-products-v3-all-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:48px;align-items:end;padding:0 0 28px;border-bottom:1px solid #d8d0c6} body.page-id-3053 .hb-products-v3-all h1{margin:0;color:#20252a;font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.065em} body.page-id-3053 .hb-products-v3-all-head>div:last-child p{margin:0;color:#667075;font-size:16px;line-height:1.75} body.page-id-3053 .hb-products-v3-line-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px} body.page-id-3053 .hb-products-v3-line-card{display:flex;min-height:142px;flex-direction:column;padding:20px;border:1px solid #d8d0c6;border-radius:14px;background:#f4f1eb;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease} body.page-id-3053 .hb-products-v3-line-card:hover{transform:translateY(-4px);border-color:#c98e76;background:#f8f5f0} body.page-id-3053 .hb-products-v3-line-card span{color:#b66e58;font-size:11px;font-weight:700;letter-spacing:.12em} body.page-id-3053 .hb-products-v3-line-card strong{margin-top:auto;font-size:18px;line-height:1.15;letter-spacing:-.03em} body.page-id-3053 .hb-products-v3-line-card small{margin-top:8px;color:#697276;font-size:12px;line-height:1.45} body.page-id-3053 .hb-products-v3-section{padding:76px 0 0;border-top:1px solid #d8d0c6;scroll-margin-top:116px} body.page-id-3053 .hb-products-v3-section:first-of-type{border-top:0} body.page-id-3053 .hb-products-v3-section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:48px;align-items:end;margin-bottom:30px} body.page-id-3053 .hb-products-v3-section-head h2{margin:0;color:#20252a;font-size:clamp(32px,4vw,58px);line-height:1;letter-spacing:-.06em} body.page-id-3053 .hb-products-v3-section-head>div:last-child p{margin:0 0 14px;color:#667075;font-size:16px;line-height:1.7} body.page-id-3053 .hb-products-v3-text-link{display:inline-flex;gap:8px;color:#202f3a;font-size:13px;font-weight:700;text-decoration:none} body.page-id-3053 .hb-products-v3-text-link:hover{color:#b66e58} body.page-id-3053 .hb-products-v3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} body.page-id-3053 .hb-products-v3-card{display:flex;min-width:0;flex-direction:column;border:1px solid #d8d0c6;border-radius:16px;background:#f4f1eb;color:#20252a;text-decoration:none;overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease} body.page-id-3053 .hb-products-v3-card:hover{transform:translateY(-5px);border-color:#c98e76;box-shadow:0 18px 36px rgba(43,39,34,.1)} body.page-id-3053 .hb-products-v3-card-image{position:relative;display:block;aspect-ratio:1.14;overflow:hidden;background:#e9e4dc} body.page-id-3053 .hb-products-v3-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease} body.page-id-3053 .hb-products-v3-card:hover .hb-products-v3-card-image img{transform:scale(1.035)} body.page-id-3053 .hb-products-v3-card-arrow{position:absolute;right:14px;bottom:14px;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:rgba(32,47,58,.92);color:#fff;font-size:17px;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease} body.page-id-3053 .hb-products-v3-card:hover .hb-products-v3-card-arrow,body.page-id-3053 .hb-products-v3-card:focus .hb-products-v3-card-arrow{opacity:1;transform:none} body.page-id-3053 .hb-products-v3-card-title{margin:18px 18px 4px;font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-.025em} body.page-id-3053 .hb-products-v3-card-meta{margin:0 18px 19px;color:#737a7c;font-size:12px;line-height:1.4} body.page-id-3053 .hb-products-v3-cta{padding:92px clamp(24px,4vw,72px) 108px;border-top:1px solid #d8d0c6;background:#f4f1eb;text-align:center} body.page-id-3053 .hb-products-v3-cta h2{max-width:820px;margin:0 auto 18px;color:#20252a;font-size:clamp(35px,4.5vw,62px);line-height:1;letter-spacing:-.06em} body.page-id-3053 .hb-products-v3-cta p{max-width:650px;margin:0 auto;color:#667075;font-size:16px;line-height:1.7} body.page-id-3053 .hb-products-v3-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-top:28px;padding:0 26px;border-radius:999px;background:#202f3a;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s ease,background .2s ease} body.page-id-3053 .hb-products-v3-cta a:hover{transform:translateY(-2px);background:#b66e58} body.page-id-3053 .hb-products-page-v3 br{display:none} @media(max-width:1080px){body.page-id-3053 .hb-products-v3-catalog{grid-template-columns:230px minmax(0,1fr);gap:30px;padding-right:28px}body.page-id-3053 .hb-products-v3-all-head,body.page-id-3053 .hb-products-v3-section-head{grid-template-columns:1fr;gap:18px}body.page-id-3053 .hb-products-v3-line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){body.page-id-3053 .hb-products-v3-catalog{display:block;padding:34px 18px 72px}body.page-id-3053 .hb-products-v3-sidebar{position:sticky;top:72px;z-index:8;margin:0 -18px 34px}body.page-id-3053 .hb-products-v3-sidebar-inner{border-right:0;border-radius:0;padding:13px 18px;box-shadow:0 8px 20px rgba(43,39,34,.08)}body.page-id-3053 .hb-products-v3-sidebar-label,body.page-id-3053 .hb-products-v3-sidebar h2,body.page-id-3053 .hb-products-v3-sidebar-cta{display:none}body.page-id-3053 .hb-products-v3-nav{display:flex;gap:6px;overflow-x:auto;padding:0;border:0;scrollbar-width:none}body.page-id-3053 .hb-products-v3-nav::-webkit-scrollbar{display:none}body.page-id-3053 .hb-products-v3-nav a{flex:0 0 auto;min-height:38px;padding:8px 12px;white-space:nowrap}body.page-id-3053 .hb-products-v3-main{grid-column:auto;grid-row:auto;padding:0}body.page-id-3053 .hb-products-v3-all h1{font-size:45px}body.page-id-3053 .hb-products-v3-line-grid,body.page-id-3053 .hb-products-v3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.page-id-3053 .hb-products-v3-section{padding-top:56px}} @media(max-width:520px){body.page-id-3053 .hb-products-v3-line-grid,body.page-id-3053 .hb-products-v3-grid{grid-template-columns:1fr}body.page-id-3053 .hb-products-v3-all h1{font-size:40px}body.page-id-3053 .hb-products-v3-section-head h2{font-size:36px}} /* HB_PRODUCTS_LAYOUT_V3_END */ /* HB_PRODUCT_DETAILS_V3_START */ body.parent-pageid-3053 .entry-header,body.parent-pageid-3053 .post-thumbnail{display:none!important} body.parent-pageid-3053 .entry-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important} body.parent-pageid-3053 .hb-product-detail-v3{width:100vw;max-width:none;margin-left:calc(50% - 50vw);overflow:clip;background:#f4f1eb;color:#20252a;font-family:Poppins,Arial,sans-serif} body.parent-pageid-3053 .hb-product-detail-v3,body.parent-pageid-3053 .hb-product-detail-v3 *{box-sizing:border-box} body.parent-pageid-3053 .hb-product-detail-v3 a{color:inherit} body.parent-pageid-3053 .hb-detail-v3-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(42px,5vw,96px);align-items:start;width:100%;padding:72px clamp(24px,5vw,96px) 92px;background:#f4f1eb} body.parent-pageid-3053 .hb-detail-v3-visual{min-width:0} body.parent-pageid-3053 .hb-detail-v3-main-image{overflow:hidden;border:1px solid #d8d0c6;border-radius:18px;background:#ebe7df;box-shadow:0 22px 48px rgba(43,39,34,.1)} body.parent-pageid-3053 .hb-detail-v3-main-image img{display:block;width:100%;aspect-ratio:1.13;object-fit:cover} body.parent-pageid-3053 .hb-detail-v3-visual .hb-pd-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px} body.parent-pageid-3053 .hb-detail-v3-visual .hb-pd-gallery figure{margin:0;overflow:hidden;border:1px solid #d8d0c6;border-radius:12px;background:#ebe7df} body.parent-pageid-3053 .hb-detail-v3-visual .hb-pd-gallery img{display:block;width:100%;aspect-ratio:1.18;object-fit:cover;transition:transform .3s ease} body.parent-pageid-3053 .hb-detail-v3-visual .hb-pd-gallery figure:hover img{transform:scale(1.04)} body.parent-pageid-3053 .hb-detail-v3-visual .hb-pd-gallery figcaption{display:none} body.parent-pageid-3053 .hb-detail-v3-copy{align-self:center;min-width:0;max-width:720px;padding:12px 0} body.parent-pageid-3053 .hb-detail-v3-kicker{margin:0 0 14px;color:#b66e58;font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.35;text-transform:uppercase} body.parent-pageid-3053 .hb-detail-v3-copy h1{margin:0 0 24px;color:#20252a;font-size:clamp(44px,5vw,82px);line-height:.98;letter-spacing:-.065em} body.parent-pageid-3053 .hb-detail-v3-lead{max-width:650px;margin:0;color:#667075;font-size:17px;line-height:1.75} body.parent-pageid-3053 .hb-detail-v3-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:34px;border-top:1px solid #d8d0c6} body.parent-pageid-3053 .hb-detail-v3-fact{padding:17px 0;border-bottom:1px solid #d8d0c6} body.parent-pageid-3053 .hb-detail-v3-fact strong{display:block;margin-bottom:6px;color:#b66e58;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase} body.parent-pageid-3053 .hb-detail-v3-fact span{display:block;color:#4f595e;font-size:14px;line-height:1.5} body.parent-pageid-3053 .hb-detail-v3-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px} body.parent-pageid-3053 .hb-detail-v3-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 25px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s ease,background .2s ease} body.parent-pageid-3053 .hb-detail-v3-button:hover{transform:translateY(-2px)} body.parent-pageid-3053 .hb-detail-v3-button-dark{background:#202f3a;color:#fff!important} body.parent-pageid-3053 .hb-detail-v3-button-dark:hover{background:#b66e58} body.parent-pageid-3053 .hb-detail-v3-text-link{font-size:13px;font-weight:700;text-decoration:none} body.parent-pageid-3053 .hb-detail-v3-text-link:hover{color:#b66e58!important} body.parent-pageid-3053 .hb-detail-v3-information{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(42px,6vw,110px);padding:0 clamp(24px,5vw,96px) 94px;background:#f4f1eb} body.parent-pageid-3053 .hb-detail-v3-panel{padding:54px 0 0;border-top:1px solid #d8d0c6} body.parent-pageid-3053 .hb-detail-v3-panel h2{margin:0 0 17px;color:#20252a;font-size:clamp(27px,3vw,45px);line-height:1.03;letter-spacing:-.055em} body.parent-pageid-3053 .hb-detail-v3-panel p:not(.hb-detail-v3-kicker),body.parent-pageid-3053 .hb-detail-v3-panel li{color:#667075;font-size:15px;line-height:1.75} body.parent-pageid-3053 .hb-detail-v3-panel ul{margin:0;padding-left:20px} body.parent-pageid-3053 .hb-detail-v3-panel li{padding-left:4px;margin:7px 0} body.parent-pageid-3053 .hb-detail-v3-fact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:18px} body.parent-pageid-3053 .hb-detail-v3-fact-list .hb-detail-v3-fact{padding:12px 0} body.parent-pageid-3053 .hb-detail-v3-cta{padding:88px clamp(24px,5vw,96px) 104px;border-top:1px solid #d8d0c6;background:#f4f1eb;text-align:center} body.parent-pageid-3053 .hb-detail-v3-cta .hb-detail-v3-kicker{margin-bottom:13px} body.parent-pageid-3053 .hb-detail-v3-cta h2{max-width:850px;margin:0 auto 18px;color:#20252a;font-size:clamp(34px,4.5vw,64px);line-height:1;letter-spacing:-.06em} body.parent-pageid-3053 .hb-detail-v3-cta>p:not(.hb-detail-v3-kicker){max-width:680px;margin:0 auto;color:#667075;font-size:16px;line-height:1.7} body.parent-pageid-3053 .hb-detail-v3-cta .hb-detail-v3-button{margin-top:28px} @media(max-width:900px){body.parent-pageid-3053 .hb-detail-v3-hero{grid-template-columns:1fr;gap:44px;padding:50px 22px 72px}body.parent-pageid-3053 .hb-detail-v3-copy{max-width:none}body.parent-pageid-3053 .hb-detail-v3-information{grid-template-columns:1fr;padding:0 22px 72px;gap:0}body.parent-pageid-3053 .hb-detail-v3-panel{padding-top:42px}} @media(max-width:560px){body.parent-pageid-3053 .hb-detail-v3-copy h1{font-size:45px}body.parent-pageid-3053 .hb-detail-v3-facts,body.parent-pageid-3053 .hb-detail-v3-fact-list{grid-template-columns:1fr}body.parent-pageid-3053 .hb-detail-v3-hero{padding-left:18px;padding-right:18px}body.parent-pageid-3053 .hb-detail-v3-information{padding-left:18px;padding-right:18px}body.parent-pageid-3053 .hb-detail-v3-visual .hb-pd-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}} /* HB_PRODUCT_DETAILS_V3_END */ /* HB_PRODUCT_DETAILS_V3_GALLERY_FIX_START */ body.parent-pageid-3053 .hb-detail-v3-visual{min-width:0;height:max-content} body.parent-pageid-3053 .hb-detail-v3-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px} body.parent-pageid-3053 .hb-detail-v3-gallery figure{margin:0;overflow:hidden;border:1px solid #d8d0c6;border-radius:12px;background:#ebe7df} body.parent-pageid-3053 .hb-detail-v3-gallery figure img{display:block;width:100%;aspect-ratio:1.18;object-fit:cover;transition:transform .3s ease} body.parent-pageid-3053 .hb-detail-v3-gallery figure:hover img{transform:scale(1.04)} body.parent-pageid-3053 .hb-detail-v3-gallery figcaption{display:none} @media(max-width:560px){body.parent-pageid-3053 .hb-detail-v3-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}} /* HB_PRODUCT_DETAILS_V3_GALLERY_FIX_END */