/* ===== HPT MODERN HEADER ===== */
:root{
  --hpt-header-bg:rgba(251,250,247,.94);
  --hpt-header-line:rgba(231,224,214,.82);
  --hpt-header-text:#1f2937;
  --hpt-header-muted:#6b7280;
  --hpt-header-pill:#ffffff;
  --hpt-header-pill-line:rgba(224,216,205,.95);
  --hpt-header-brand:#1f2937;
  --hpt-header-brand-accent:#8b5cf6;
  --hpt-header-brand-accent-2:#6d28d9;
  --hpt-header-gold:#b28a4a;
  --hpt-header-shadow:0 10px 24px rgba(17,24,39,.08);
  --hpt-header-shadow-strong:0 14px 32px rgba(109,40,217,.22);
}

.affiliate-bar{
  border-bottom:1px solid var(--hpt-header-line) !important;
  background:rgba(255,255,255,.82) !important;
  backdrop-filter:blur(10px) !important;
}
.affiliate-inner{
  max-width:var(--max,1200px) !important;
  margin:0 auto !important;
  padding:10px 20px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  text-align:center !important;
  flex-wrap:wrap !important;
}
.affiliate-script{
  font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive !important;
  font-size:29px !important;
  line-height:1 !important;
  color:var(--hpt-header-gold) !important;
  white-space:nowrap !important;
}
.affiliate-copy{
  font-size:12px !important;
  line-height:1.55 !important;
  color:var(--hpt-header-muted) !important;
  max-width:960px !important;
}

.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:90 !important;
  background:var(--hpt-header-bg) !important;
  backdrop-filter:blur(16px) !important;
  border-bottom:1px solid var(--hpt-header-line) !important;
}
.header-inner{
  max-width:var(--max,1200px) !important;
  margin:0 auto !important;
  padding:18px 20px !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:20px !important;
  flex-wrap:nowrap !important;
}
.brand{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:4px !important;
  min-width:0 !important;
  text-decoration:none !important;
  color:var(--hpt-header-text) !important;
}
.brand strong{
  display:block !important;
  margin:0 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:38px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:-.05em !important;
  color:#1f2937 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.78),
    0 12px 28px rgba(17,24,39,.10) !important;
}
.brand span{
  display:block !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.4 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:var(--hpt-header-muted) !important;
}
.nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
  margin-left:auto !important;
}
.nav a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  background:var(--hpt-header-pill) !important;
  border:1px solid var(--hpt-header-pill-line) !important;
  color:#374151 !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:var(--hpt-header-shadow) !important;
  transition:all .18s ease !important;
}
.nav a:hover{
  border-color:#d7cdbf !important;
  color:#111827 !important;
  box-shadow:0 12px 28px rgba(17,24,39,.11) !important;
  transform:translateY(-1px) !important;
}
.nav a.is-active-link{
  background:#f2ebff !important;
  border-color:#dccbff !important;
  color:var(--hpt-header-brand-accent-2) !important;
}
.nav a.cta-link{
  background:linear-gradient(135deg,var(--hpt-header-brand-accent) 0%,var(--hpt-header-brand-accent-2) 100%) !important;
  color:#ffffff !important;
  border-color:transparent !important;
  box-shadow:var(--hpt-header-shadow-strong) !important;
}
.nav a.cta-link:hover{
  color:#ffffff !important;
  border-color:transparent !important;
  filter:brightness(1.03) !important;
}

@media (max-width:980px){
  .header-inner{
    flex-wrap:wrap !important;
    align-items:flex-start !important;
  }
  .brand{
    width:100% !important;
  }
  .nav{
    width:100% !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }
}
@media (max-width:760px){
  .header-inner{
    padding:15px 16px !important;
    gap:14px !important;
  }
  .brand strong{
    font-size:32px !important;
  }
  .brand span{
    font-size:11px !important;
    letter-spacing:.07em !important;
  }
  .nav a{
    min-height:40px !important;
    padding:9px 14px !important;
    font-size:13px !important;
  }
}
  .nav a{
    min-height:40px !important;
    padding:9px 14px !important;
    font-size:13px !important;
  }
}
  .nav a{
    min-height:40px !important;
    padding:9px 14px !important;
    font-size:13px !important;
  }
}
/* ===== /HPT MODERN HEADER ===== */


/* ===== HPT BRAND CENTER UNIFIED START ===== */
.header-inner{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  text-align:center !important;
}

.brand,
.brand-logo{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  width:100% !important;
  margin:0 auto !important;
  text-decoration:none !important;
}

.brand strong,
.brand-name{
  display:block !important;
  width:100% !important;
  margin:0 auto !important;
  text-align:center !important;
  font-family:"Brush Script MT","Segoe Script","Lucida Handwriting","Apple Chancery",cursive !important;
  font-size:42px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  color:#2f2a24 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.80),
    0 8px 22px rgba(17,24,39,.08) !important;
}

.brand span,
.brand-tagline{
  display:block !important;
  width:100% !important;
  margin:6px auto 0 !important;
  text-align:center !important;
  font-size:12px !important;
  line-height:1.45 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#7a746d !important;
  white-space:normal !important;
}

.nav,
.main-nav,
.main-nav ul{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  list-style:none !important;
}

.nav a,
.main-nav a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
}

@media (max-width: 768px){
  .header-inner{
    gap:12px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .brand strong,
  .brand-name{
    font-size:34px !important;
  }

  .brand span,
  .brand-tagline{
    font-size:11px !important;
    letter-spacing:.10em !important;
  }

  .nav a,
  .main-nav a{
    min-height:40px !important;
    padding:9px 14px !important;
    font-size:13px !important;
  }
}
/* ===== HPT BRAND CENTER UNIFIED END ===== */



/* ===== HPT HEADER FINAL OVERRIDE ===== */
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:80 !important;
  background:rgba(251,250,247,.94) !important;
  backdrop-filter:blur(16px) !important;
  border-bottom:1px solid rgba(231,224,214,.85) !important;
}
.header-inner,
.container.header-inner{
  max-width:1200px !important;
  margin:0 auto !important;
  padding:18px 20px !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:20px !important;
}
.brand,
.brand-logo{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  gap:4px !important;
  min-width:0 !important;
  margin:0 !important;
  text-decoration:none !important;
}
.brand strong,
.brand-logo .brand-name,
.brand-name{
  display:block !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive !important;
  font-size:44px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.01em !important;
  color:#6f4b2d !important;
  text-shadow:0 1px 0 rgba(255,255,255,.72), 0 10px 22px rgba(17,24,39,.08) !important;
}
.brand span,
.brand-logo .brand-tagline,
.brand-tagline{
  display:block !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  font-size:11px !important;
  line-height:1.35 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:#7b6f63 !important;
}
.nav,
.main-nav,
.main-nav ul{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.main-nav li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.nav a,
.main-nav a,
.main-nav ul li a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  border:1px solid #e7e0d6 !important;
  background:#fff !important;
  color:#374151 !important;
  box-shadow:0 8px 22px rgba(17,24,39,.05) !important;
  transition:all .18s ease !important;
}
.nav a:hover,
.main-nav a:hover,
.main-nav ul li a:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 12px 24px rgba(17,24,39,.08) !important;
}
.nav a.is-active-link,
.nav a.active,
.main-nav a.is-active-link,
.main-nav a.active,
.main-nav ul li a.is-active-link,
.main-nav ul li a.active{
  background:#f2ebff !important;
  color:#6d28d9 !important;
  border-color:#e9ddff !important;
}
.nav a.cta-link,
.main-nav a.cta-link,
.main-nav ul li a.cta-link{
  background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 10px 24px rgba(109,40,217,.24) !important;
}
@media (max-width:980px){
  .header-inner,
  .container.header-inner{
    flex-direction:column !important;
    align-items:center !important;
  }
  .nav,
  .main-nav,
  .main-nav ul{
    justify-content:center !important;
  }
}
@media (max-width:760px){
  .header-inner,
  .container.header-inner{
    padding:15px 16px !important;
    gap:14px !important;
  }
  .brand strong,
  .brand-logo .brand-name,
  .brand-name{
    font-size:36px !important;
  }
  .nav a,
  .main-nav a,
  .main-nav ul li a{
    min-height:40px !important;
    padding:9px 14px !important;
    font-size:13px !important;
  }
}
/* ===== /HPT HEADER FINAL OVERRIDE ===== */

/* ===== HPT FAMILY FINAL: MODERN ===== */
.site-header .header-inner,
.site-header .container.header-inner{
  width:min(1200px, calc(100% - 32px)) !important;
  max-width:1200px !important;
  margin:0 auto !important;
  padding:16px 20px !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px !important;
}

.site-header .brand,
.site-header .brand-logo{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:left !important;
  text-decoration:none !important;
  gap:3px !important;
  margin:0 !important;
  min-width:0 !important;
  flex:0 1 auto !important;
}

.site-header .brand strong,
.site-header .brand-logo .brand-name,
.site-header .brand-name{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-family:"Brush Script MT","Segoe Script","Lucida Handwriting","Apple Chancery","URW Chancery L",cursive !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.01em !important;
  text-align:left !important;
  white-space:nowrap !important;
}

.site-header .brand span,
.site-header .brand-logo .brand-tagline,
.site-header .brand-tagline{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:9px !important;
  line-height:1.25 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  text-align:left !important;
  white-space:nowrap !important;
}

.site-header .nav,
.site-header .main-nav,
.site-header .main-nav ul{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
  flex:0 0 auto !important;
  list-style:none !important;
}

.site-header .main-nav li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.site-header .nav a,
.site-header .main-nav a,
.site-header .main-nav ul li a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}

.site-footer .footer-brand-script,
footer .footer-brand-script{
  display:inline-block !important;
  font-family:"Brush Script MT","Segoe Script","Lucida Handwriting","Apple Chancery","URW Chancery L",cursive !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.01em !important;
}

.site-footer .footer-brand,
footer .footer-brand{
  text-align:left !important;
  align-items:flex-start !important;
}

@media (max-width: 760px){
  .site-header .header-inner,
  .site-header .container.header-inner{
    padding:14px 16px !important;
    gap:10px !important;
  }

  .site-header .brand strong,
  .site-header .brand-logo .brand-name,
  .site-header .brand-name{
    font-size:26px !important;
  }

  .site-header .brand span,
  .site-header .brand-logo .brand-tagline,
  .site-header .brand-tagline{
    font-size:8px !important;
    letter-spacing:.15em !important;
  }

  .site-header .nav a,
  .site-header .main-nav a,
  .site-header .main-nav ul li a{
    min-height:32px !important;
    padding:7px 10px !important;
    font-size:10px !important;
  }

  .site-footer .footer-brand-script,
  footer .footer-brand-script{
    font-size:30px !important;
  }
}
/* ===== /HPT FAMILY FINAL: MODERN ===== */