
/* === herHealth Medical Landing Page Styles — Page ID 2153 === */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap');
.page-id-2153 .page-title,.page-id-2153 h1.entry-title,.page-id-2153 .page-header,.page-id-2153 header.entry-header{display:none !important}
.page-id-2153 .entry-content{padding-top:0 !important;margin-top:0 !important}
.hh-top-bar{background:#fff;border-bottom:1px solid #e8d8df;display:flex;justify-content:center}
.hh-top-bar-item{display:flex;align-items:center;gap:10px;padding:16px 32px;border-right:1px solid #e8d8df;font-size:0.88rem;color:#7a7a7a}
.hh-top-bar-item:last-child{border-right:none}
.hh-top-bar-item strong{display:block;color:#2e2e2e;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:2px}
.hh-top-bar-item a{color:#2e2e2e;text-decoration:none;font-weight:600}
.hh-top-bar-item a:hover{color:#4b1f3a}
.hh-top-bar-icon{color:#E77999;font-size:1.2rem}
.hh-nav{background:#4b1f3a;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.hh-nav-logo{color:#fff;text-decoration:none;padding:18px 0}
.hh-brand-name{font-size:1.3rem;font-weight:700;line-height:1;color:#fff}
.hh-brand-name span{color:#F1ACBC}
.hh-brand-tagline{font-size:0.72rem;opacity:0.75;letter-spacing:0.5px;margin-top:2px;color:#fff}
.hh-btn-filled{display:inline-block;background:rgba(75,31,58,0.85);color:#fff !important;font-family:'Be Vietnam Pro',sans-serif;font-size:0.95rem;font-weight:600;padding:14px 32px;border-radius:100px;text-decoration:none;border:2px solid #4b1f3a;transition:all 0.2s;letter-spacing:0.3px}
.hh-btn-filled:hover{background:#3a1830;border-color:#3a1830}
.hh-btn-outline{display:inline-block;color:#fff !important;font-family:'Be Vietnam Pro',sans-serif;font-size:0.95rem;font-weight:600;padding:14px 32px;border-radius:100px;text-decoration:none;border:2px solid rgba(255,255,255,0.4);transition:all 0.2s;letter-spacing:0.3px}
.hh-btn-outline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.8)}
.hh-hero{background:#4b1f3a;color:#fff;padding:64px 24px 56px;text-align:center;position:relative;overflow:hidden}
.hh-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(231,121,153,0.15) 0%,transparent 70%);pointer-events:none}
.hh-hero h1{font-size:2.2rem;font-weight:700;margin-bottom:16px;line-height:1.2;position:relative;color:#fff !important}
.hh-hero p{font-size:1.05rem;opacity:0.88;max-width:580px;margin:0 auto 32px;position:relative;color:#fff}
.hh-hero-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;position:relative}
.hh-services{padding:56px 0 44px;background:#fdf7f9}
.hh-container{max-width:960px;margin:0 auto;padding:0 24px}
.hh-section-heading{text-align:center;margin-bottom:8px}
.hh-section-heading h2{font-size:1.6rem;font-weight:700;color:#4b1f3a}
.hh-section-sub{text-align:center;color:#7a7a7a;font-size:0.95rem;margin-bottom:36px}
.hh-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.hh-service-card{background:#FAEFF3;border:1px solid #e8d8df;border-radius:12px;padding:28px 22px;transition:box-shadow 0.2s}
.hh-service-card:hover{box-shadow:0 4px 16px rgba(75,31,58,0.1)}
.hh-service-card h3{font-size:1rem;font-weight:700;color:#4b1f3a;margin-bottom:8px}
.hh-service-card p{font-size:0.88rem;color:#7a7a7a;line-height:1.55}
.hh-about{background:#fff;border-top:1px solid #e8d8df;border-bottom:1px solid #e8d8df;padding:56px 0}
.hh-about-inner{max-width:960px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.hh-about-text h2{font-size:1.5rem;font-weight:700;color:#4b1f3a;margin-bottom:14px;line-height:1.3}
.hh-about-text p{font-size:0.95rem;color:#7a7a7a;margin-bottom:12px;line-height:1.65}
.hh-about-btn{display:inline-block;background:#4b1f3a;color:#fff !important;font-family:'Be Vietnam Pro',sans-serif;font-size:0.9rem;font-weight:600;padding:12px 28px;border-radius:100px;text-decoration:none;margin-top:16px;transition:background 0.2s}
.hh-about-btn:hover{background:#3a1830}
.hh-about-details{background:#FAEFF3;border:1px solid #e8d8df;border-radius:12px;overflow:hidden}
.hh-about-details-header{background:#4b1f3a;color:#fff;font-weight:700;font-size:0.88rem;padding:14px 20px;text-transform:uppercase;letter-spacing:0.5px}
.hh-detail-row{display:flex;gap:12px;padding:12px 20px;border-bottom:1px solid #e8d8df;font-size:0.9rem}
.hh-detail-row:last-child{border-bottom:none}
.hh-detail-label{color:#7a7a7a;min-width:100px;font-size:0.85rem}
.hh-detail-value{color:#2e2e2e;font-weight:600}
.hh-cta{background:#4b1f3a;color:#fff;padding:60px 24px;text-align:center}
.hh-cta h2{font-size:1.7rem;font-weight:700;margin-bottom:10px;color:#fff !important}
.hh-cta p{opacity:0.85;font-size:0.97rem;margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto;color:#fff}
.hh-cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.hh-footer{background:#fff;border-top:1px solid #e8d8df;color:#7a7a7a;padding:24px;text-align:center;font-size:0.82rem}
.hh-footer a{color:#4b1f3a;text-decoration:none}
@media(max-width:700px){
  .hh-hero h1{font-size:1.6rem}
  .hh-top-bar{flex-direction:column}
  .hh-top-bar-item{border-right:none;border-bottom:1px solid #e8d8df;padding:12px 24px}
  .hh-top-bar-item:last-child{border-bottom:none}
  .hh-about-inner{grid-template-columns:1fr}
  .hh-brand-name{font-size:1.1rem}
}