
/* VitaGen V33 — discreet, unambiguous paths to personal advice. */
.cta-v33{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  min-height:51px;
  padding:13px 25px;
  border-radius:100px;
  font-family:var(--ui,'Manrope',sans-serif)!important;
  font-size:12.5px;
  font-weight:500;
  line-height:1.45;
  letter-spacing:.035em;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  transition:transform .3s ease,box-shadow .3s ease,background .3s ease;
}
.cta-v33 svg,.focus-contact-button svg{width:18px;height:18px;flex:0 0 18px}
.cta-v33--hero{
  color:#173d43;
  background:linear-gradient(125deg,#e9d4b3 0%,#d3ae7d 58%,#c89e6e 100%);
  box-shadow:0 14px 35px rgba(3,30,38,.2),inset 0 1px 0 rgba(255,255,255,.38);
}
.cta-v33--hero:hover,.cta-v33--hero:focus-visible{
  color:#173d43;
  transform:translateY(-3px);
  background:linear-gradient(125deg,#f2dec0 0%,#d9b889 58%,#d2a67a 100%);
  box-shadow:0 20px 42px rgba(3,30,38,.25),inset 0 1px 0 rgba(255,255,255,.48);
}
.hero.hero-minimal .hero-contact-actions{
  display:flex;flex-direction:column;align-items:center;gap:17px;
  margin-top:clamp(6px,1vw,18px);
}
.hero.hero-minimal .hero-telephone{
  font-family:var(--ui,'Manrope',sans-serif);
  font-size:12px;
  letter-spacing:.05em;
  color:rgba(245,253,251,.79);
  text-decoration:none;
  border-bottom:1px solid rgba(238,252,249,.27);
  padding-bottom:5px;
}
.hero.hero-minimal .hero-telephone:hover,.hero.hero-minimal .hero-telephone:focus-visible{color:#fff;border-color:#fff}

/* A dedicated conversion row, never a link nested in a link. */
.focus-section .focus-grid-enhanced .focus-tile{flex-direction:column;align-items:stretch}
.focus-section .focus-grid-enhanced .focus-tile > .focus-click{
  height:auto!important;
  flex:1 1 auto;
  padding-bottom:14px!important;
  min-height:410px!important;
}
.focus-section .focus-grid-enhanced .focus-contact-wrap{
  display:block;
  flex:0 0 auto;
  padding:0 clamp(24px,2.6vw,36px) clamp(24px,2.6vw,36px);
  position:relative;z-index:2;
}
.focus-section .focus-contact-button{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;min-height:49px;
  padding:12px 18px;border-radius:99px;
  border:1px solid rgba(15,78,85,.2);
  color:#144750;
  background:rgba(255,255,255,.76);
  text-decoration:none;font-size:12px;font-weight:500;
  font-family:var(--ui,'Manrope',sans-serif);
  letter-spacing:.025em;
  transition:background .28s,box-shadow .28s,transform .28s;
}
.focus-section .focus-contact-button:hover,.focus-section .focus-contact-button:focus-visible{
  background:#fff;
  box-shadow:0 12px 30px rgba(7,60,66,.1);
  transform:translateY(-2px);
}
.focus-section .focus-tile--supplements .focus-contact-button{
  border-color:rgba(218,236,232,.35);
  background:rgba(255,255,255,.1);
  color:#fff;
}
.focus-section .focus-tile--supplements .focus-contact-button:hover,
.focus-section .focus-tile--supplements .focus-contact-button:focus-visible{background:rgba(255,255,255,.18)}

/* Consultation band directly after the four topics. */
.consultation-band{padding:50px 0 70px;background:#edf4f1}
.consultation-band-inner{
  display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,5vw,75px);align-items:center;
  padding:clamp(27px,4.1vw,58px);
  border:1px solid rgba(26,77,79,.11);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,246,.91));
  box-shadow:0 28px 70px rgba(10,49,54,.065);
}
.consultation-band h2{font-size:clamp(28px,3.1vw,47px);line-height:1.12;font-weight:300;letter-spacing:-.01em;margin:0 0 15px;color:#123c44}
.consultation-band h2 em{font-style:normal;color:#a9845f}
.consultation-band p{margin:0;max-width:580px;color:#5e7478;font-size:14px;line-height:1.8}
.consultation-band-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px}
.cta-v33--dark{color:#fff;background:linear-gradient(125deg,#104e57,#0b3946);box-shadow:0 12px 30px rgba(4,49,58,.14)}
.cta-v33--dark:hover,.cta-v33--dark:focus-visible{color:#fff;transform:translateY(-2px);background:linear-gradient(125deg,#16616b,#104956)}
.consultation-phone{display:flex;flex-wrap:wrap;gap:7px 11px;align-items:center;color:#536c71;font-size:12.5px;line-height:1.7;text-decoration:none}
.consultation-phone strong{font-weight:600;color:#153f47}
.consultation-phone:hover strong{text-decoration:underline}

.detail-hero-actions .cta-v33--hero{margin:0;z-index:2}
.detail-hero .detail-hero-phone{margin:18px auto 0;text-align:center;font-size:12px;letter-spacing:.02em;color:rgba(255,255,255,.76)}
.detail-hero .detail-hero-phone a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.33);text-underline-offset:5px;font-weight:500}
.detail-hero .detail-hero-phone a:hover{text-decoration-color:#fff}
.detail-guidance .guidance-phone{display:block;width:max-content;max-width:100%;margin-top:18px;color:#174f56;text-decoration:none;font-size:13px}
.detail-guidance .guidance-phone strong{font-weight:600;white-space:nowrap}
.detail-guidance .guidance-phone:hover{text-decoration:underline}
.contact .direct-contact--phone{margin-top:24px}
.contact .direct-contact--phone a{font-size:clamp(20px,2vw,26px)}
.site-footer .footer-advisory-phone{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;
  margin-bottom:23px;
  padding-top:17px;
  border-top:1px solid rgba(255,255,255,.13);
  font-family:var(--ui,'Manrope',sans-serif);
}
.site-footer .footer-advisory-phone span{font-size:12px;color:rgba(255,255,255,.57);letter-spacing:.025em}
.site-footer .footer-advisory-phone a{font-size:clamp(15px,1.5vw,19px);font-weight:500;color:#e0c29a;text-decoration:none;letter-spacing:.03em}
.site-footer .footer-advisory-phone a:hover,.site-footer .footer-advisory-phone a:focus-visible{text-decoration:underline}
@media(max-width:980px){
  .consultation-band-inner{grid-template-columns:1fr}
  .focus-section .focus-grid-enhanced .focus-tile > .focus-click{min-height:410px!important}
}
@media(max-width:760px){
  .hero.hero-minimal .hero-contact-actions{gap:13px;margin-top:5px}
  .hero.hero-minimal .cta-v33--hero{min-height:48px;padding:12px 22px}
  .hero.hero-minimal .hero-telephone{font-size:11.5px}
  .focus-section .focus-grid-enhanced .focus-tile > .focus-click{min-height:0!important;padding-bottom:12px!important}
  .focus-section .focus-grid-enhanced .focus-contact-wrap{padding:0 24px 24px}
  .consultation-band{padding:25px 0 45px}
  .consultation-band-inner{padding:26px 21px}
  .consultation-band-actions{gap:15px}
  .detail-hero-actions .cta-v33--hero{width:100%;max-width:330px}
  .site-footer .footer-advisory-phone{gap:7px 13px}
}
@media(max-width:360px){
  .focus-section .focus-grid-enhanced .focus-contact-wrap{padding:0 20px 20px}
  .focus-section .focus-contact-button{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .cta-v33,.focus-contact-button{transition:none!important;transform:none!important}
}
