/* HP vendor page stylesheet.
   Shared by vendor-hp.html, vendor-hp-laptops.html and vendor-hp-desktops.html.
   Extracted from their identical inline styles on 29 July 2026 so HP-specific styling,
   including the approved HP logo treatment and its sizing, is defined once here.
   HP branding: the logo asset is the approved transparent keyline mark and always sits
   on a white surface. Do not alter .hp-hero-logo or .brand-logo sizing without checking
   HP Brand Central guidance and D-153, D-157 and D-158 in the project tracker. */
.hp-header .container{display:flex;align-items:center;gap:16px;min-height:92px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.hp-nav{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
.hp-nav a{color:var(--blue);font-weight:600;font-size:.9rem;padding:8px 10px;border-radius:7px;text-decoration:none}
.hp-nav a:hover{background:var(--pale-blue)}
.hp-nav a.btn--primary{color:#fff}
.hp-nav a.btn--primary:hover{background:var(--deep-navy)}
.brand-logo img{height:64px;width:auto}
.tier-lead{font-weight:700;color:var(--blue);display:block;margin-bottom:2px}
.hp-placeholder{background:#EBF3FB;border-left:4px solid #1F487C;border-radius:4px;padding:12px 16px;font-size:.9rem;color:#2C2C2C;margin:0}
.hp-hero .container{position:relative}
.hp-hero-logo{position:absolute;top:24px;right:24px;z-index:3}
.hp-hero-logo img{height:104px;width:auto;display:block}
.hp-hero .inner{padding-right:96px}
@media(max-width:620px){.hp-hero-logo{top:14px;right:14px;padding:6px 8px}.hp-hero-logo img{height:34px}.hp-hero .inner{padding-right:64px}}
.hp-band{text-align:center}
.hp-band .hp-badge{display:inline-flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0}
.nav-hp-logo{height:34px;width:auto;margin-right:6px;vertical-align:middle}