/* ==========================================================================
   IVs For Me — "Clinic Modern" theme (DripGym-inspired)
   Loaded LAST so it re-skins every page: white canvas, vivid blue primary,
   orange accent, uppercase letter-spaced headings, photography, and soft
   shadows in place of the hard offset style.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

:root{
  --blue:#2E7D4F; --blue-dark:#1F5C3B; --navy:#123524; --ink:#101323;
  --orange:#FF9B2E; --line:#E9EDF4; --soft:#F5F8FD; --body:#4A5568;
  --shadow:0 14px 34px rgba(18,45,30,.10); --shadow-lg:0 22px 48px rgba(18,45,30,.16);
}

/* ---------- Canvas & type ---------- */
body{background:#fff !important;color:var(--ink);}
.blob{display:none !important;}
h1{font-family:'Montserrat',sans-serif !important;text-transform:uppercase;letter-spacing:.08em !important;font-weight:700 !important;line-height:1.16 !important;font-size:clamp(30px,4.4vw,50px) !important;color:var(--ink);}
h2,h3,h4,.services-title,.how-title,.section-title,.section-head,.sh,.prog-name,.card-name,.tier-name,.calc-title,.club-name,.benefit h4,.dual-card h3{font-family:'Montserrat',sans-serif !important;text-transform:uppercase;letter-spacing:.12em;font-weight:600;}
.services-title,.how-title,.section-title{font-size:clamp(19px,2.3vw,27px) !important;letter-spacing:.22em !important;color:var(--ink);}
.final-cta h2{font-size:clamp(21px,2.8vw,30px) !important;letter-spacing:.18em !important;}
/* long-form titles stay sentence case for readability */
.art-body h2,.art-body h3,.post-body h3,.related-card h4,.jcard-body h3,.featured-body h2,.faq-q,.art-header h1,.tldr h2{text-transform:none !important;letter-spacing:-.2px !important;}
.art-header h1{font-size:clamp(30px,4.4vw,44px) !important;line-height:1.18 !important;}
.hl{background:linear-gradient(120deg,var(--blue),var(--blue)) !important;-webkit-background-clip:text !important;background-clip:text !important;}
.hero-sub,.services-lead{color:var(--body) !important;}

/* ---------- Nav ---------- */
nav[style*="sticky"]{background:#fff !important;border-bottom:1px solid var(--line) !important;}
nav[style*="sticky"] > a[aria-label]{color:#0F1220 !important;}
.nav-desktop a{text-transform:uppercase;letter-spacing:.13em;font-size:10.5px !important;font-weight:700 !important;color:#3A4356 !important;}
.nav-desktop a:hover{background:#EDF6EF !important;color:var(--blue) !important;}
.nav-desktop a.active{background:var(--blue) !important;color:#fff !important;}
.nav-sub{background:#fff !important;border:1px solid var(--line) !important;box-shadow:0 18px 40px rgba(18,45,30,.14) !important;}
.nav-sub a{font-size:10px !important;}
.menu-btn{border:1px solid #D9E0EC !important;color:#333 !important;text-transform:uppercase;letter-spacing:.1em;font-size:11px !important;}
.menu-btn:hover{background:var(--ink) !important;color:#fff !important;border-color:var(--ink) !important;}
.menu-dropdown{background:#fff !important;border:1px solid var(--line) !important;box-shadow:0 18px 40px rgba(18,45,30,.14) !important;}

/* ---------- Promo bar → bright blue strip ---------- */
.promo-bar{background:var(--blue) !important;}
.promo-item{color:#fff !important;text-transform:uppercase;letter-spacing:.12em;font-size:10.5px !important;font-weight:600 !important;}
.promo-item strong{color:#fff !important;font-weight:800 !important;}
.promo-dot{background:rgba(255,255,255,.55) !important;}

/* ---------- Buttons ---------- */
.btn-primary,.prog-cta,.pc-cta,.cta,.book-submit,.newsletter-form button,.nav-cta,.final-cta .btn,.new-patient-code{
  background:var(--blue) !important;color:#fff !important;border:none !important;
  text-transform:uppercase;letter-spacing:.12em;font-size:11.5px !important;font-weight:700 !important;}
.btn-primary:hover,.prog-cta:hover,.pc-cta:hover,.cta:hover,.book-submit:hover,.newsletter-form button:hover,.nav-cta:hover,.final-cta .btn:hover,.new-patient-code:hover{background:var(--navy) !important;color:#fff !important;}
.btn-secondary,.faq-nav a,.filter-btn{background:#fff !important;color:var(--ink) !important;border:1px solid #14161A !important;text-transform:uppercase;letter-spacing:.12em;font-size:11.5px !important;font-weight:700 !important;}
.btn-secondary:hover,.faq-nav a:hover,.filter-btn:hover,.filter-btn.active{background:var(--ink) !important;color:#fff !important;}
.prog-card.featured .prog-cta,.card.featured .pc-cta{background:#fff !important;color:var(--blue) !important;}
.prog-card.featured .prog-cta:hover{background:var(--orange) !important;color:#fff !important;}
.visit-map{border:1px solid #14161A !important;color:var(--blue) !important;text-transform:uppercase;letter-spacing:.1em;font-size:10px !important;}

/* ---------- Badges & accents ---------- */
.badge,.hero-eyebrow,.art-tag,.prog-tag,.calc-label,.save-badge{background:#E7F3EA !important;color:var(--blue) !important;}
.featured-tag,.featured-badge,.nad-badge,.new-patient-badge{background:var(--orange) !important;color:#fff !important;}
.service-price,.prog-check,.perk-check,.post-tag,.jcard-tag,.rc-tag,.how-num,.step b,.calc-result{color:var(--blue) !important;}
.faq-q .plus{color:var(--blue) !important;}
.trust-item .dot{background:var(--blue) !important;}
.footer-links a:hover,.footer-contact a:hover{color:#9BC96B !important;}
.jcard-arrow,.post-arrow,.featured-arrow,.service-arrow{color:var(--blue) !important;}
.service-card.dark .service-arrow,.service-card.dark .service-price{color:#B7D9A0 !important;}

/* ---------- Dark blocks: forest green → deep navy / blue ---------- */
.final-cta{background:linear-gradient(120deg,#17482E,var(--blue)) !important;}
.tldr,.stat,.side-card,.service-card.dark,.card.featured,.prog-card.featured,.featured,.post-media.weight,.author-avatar{background:var(--navy) !important;border-color:var(--navy) !important;}
.tldr h2{color:#9BC96B !important;}
.stat-num{color:#9BC96B !important;}
.art-body h2{color:var(--navy) !important;}
.art-body strong{color:var(--navy) !important;}
.callout{background:#EAF4E4 !important;border-left-color:var(--blue) !important;color:var(--navy) !important;}
.post-media.iv{background:#E7F3EA !important;}
.post-media.peptide{background:#8FBF9F !important;}
.post-media.longevity{background:#FFD98F !important;}
.post-media.shots{background:#FFEAD1 !important;}
.service-card.blue{background:#5FA482 !important;}
.service-card.green{background:#FFB648 !important;}
.featured-media{background:linear-gradient(135deg,#17482E,#5FA482) !important;}

/* ---------- Soft shadows replace hard offsets ---------- */
.art-hero-media .media-box,.benefit,.book-card,.bundle,.calc-card,.card,.club-card,.compare,.dual-card,.faq-item,.featured,.how-step,.includes-card,.inline-cta,.jcard,.nad-card,.newsletter-card,.post,.price-card,.prog,.prog-card,.related-card,.service-card,.side-card,.side-steps,.triple-card,.value-cell,.visit-card,.hero-media img{
  box-shadow:var(--shadow) !important;}
.bundle:hover,.card:hover,.club-card:hover,.faq-item:hover,.jcard:hover,.post:hover,.prog-card:hover,.prog:hover,.related-card:hover,.service-card:hover{box-shadow:var(--shadow-lg) !important;}

/* ---------- Thin borders replace 2px ink ---------- */
.art-hero-media .media-box,.benefit,.book-card,.bundle,.calc-card,.card,.club-card,.compare,.faq-item,.how-step,.inline-cta,.jcard,.nad-card,.newsletter-card,.post,.prog,.prog-card,.related-card,.service-card,.side-steps,.value-cell,.visit-card{
  border:1px solid var(--line) !important;}
.f-group input,.f-group select,.f-group textarea,.newsletter-form input{border:1px solid #D9E0EC !important;background:#FBFCFE !important;border-radius:12px !important;}
.f-group input:focus,.f-group select:focus,.f-group textarea:focus,.newsletter-form input:focus{border-color:var(--blue) !important;}
.visit-ic{border:none !important;}
.visit-item:nth-child(1) .visit-ic{background:#E7F3EA !important;}
.visit-item:nth-child(2) .visit-ic{background:#FFF1DD !important;}
.visit-item:nth-child(3) .visit-ic{background:#F5F0DC !important;}

/* ---------- Weight-loss calculator ---------- */
.calc-slider{border:1px solid #D9E0EC !important;}
.calc-slider::-webkit-slider-thumb{background:var(--blue) !important;border:3px solid #fff !important;box-shadow:0 4px 14px rgba(18,45,30,.30) !important;}
.calc-slider::-moz-range-thumb{background:var(--blue) !important;border:3px solid #fff !important;box-shadow:0 4px 14px rgba(18,45,30,.30) !important;}

/* ---------- Membership banner ---------- */
.new-patient-banner{background:#EAF4E4 !important;}

/* ---------- Footer ---------- */
.footer{background:#14161B !important;}

/* ---------- Split photo hero ---------- */
.hero.has-media{display:grid !important;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center;text-align:left !important;max-width:1180px;margin:0 auto;padding:54px 28px 46px !important;}
.hero.has-media .hero-copy{max-width:560px;position:relative;}
.hero.has-media .hero-sub{margin:0 0 26px !important;}
.hero.has-media .hero-cta{justify-content:flex-start !important;}
.hero-media{position:relative;}
.hero-media img{width:100%;height:auto;border-radius:26px;display:block;box-shadow:0 26px 60px rgba(18,45,30,.22);}
.hero-media::after{content:"";position:absolute;inset:0;border-radius:26px;background:linear-gradient(200deg,rgba(46,125,79,.16),transparent 55%);pointer-events:none;}
.hero.has-media .trust{grid-column:1 / -1;max-width:none !important;margin:10px 0 0 !important;padding:0 !important;justify-content:flex-start !important;flex-wrap:nowrap !important;gap:26px !important;}
.hero.has-media .trust-item{white-space:nowrap;}
@media(max-width:880px){
  .hero.has-media{grid-template-columns:1fr;text-align:center !important;gap:26px;}
  .hero.has-media .hero-copy{max-width:640px;margin:0 auto;}
  .hero.has-media .hero-cta{justify-content:center !important;}
  .hero.has-media .trust{flex-wrap:wrap !important;justify-content:center !important;gap:12px 20px !important;}
}

/* ---------- Homepage photo band ---------- */
.photo-band{position:relative;margin:76px 0 0;min-height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.photo-band > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.photo-band .pb-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(16,44,28,.88),rgba(46,125,79,.60));}
.photo-band .pb-content{position:relative;text-align:center;color:#fff;padding:64px 24px;max-width:760px;}
.photo-band .pb-quote{font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.2em;font-weight:600;font-size:clamp(17px,2.4vw,26px);line-height:1.5;margin-bottom:14px;}
.photo-band .pb-content p{font-size:14px;color:rgba(255,255,255,.85);letter-spacing:.04em;}

/* ---------- Article hero photos ---------- */
.media-box img{width:100%;height:100%;object-fit:cover;border-radius:22px;display:block;}
.featured-media img{width:100%;height:100%;object-fit:cover;display:block;}