/* /services/bathtub-installation/ hero only, matching redesigned service heroes (Nov 4, 2026). */
body.page-tub.page-tub-hero {
  --mk-navy: #102A43; --mk-brass: #C08A3E; --mk-brass-ink: #8A5F24; --mk-paper: #F7F6F3; --mk-stone: #EEECE7; --mk-soft: #E8EEF1;
  --mk-line: #E4E1DA; --mk-text: #1F2D3A; --mk-muted: #55616B; --mk-pad: clamp(60px, 7vw, 92px); --mk-r: 14px;
}
/* Hero */
body.page-tub.page-tub-hero main .hero-page { min-height: clamp(540px, 74vh, 660px); }
body.page-tub.page-tub-hero main .hero-page .hero-image-wrap img { filter: none; object-position: 70% center; }
body.page-tub.page-tub-hero main .hero-page .hero-overlay {
  background: linear-gradient(90deg, rgba(16,42,67,.96) 0%, rgba(16,42,67,.92) 32%, rgba(16,42,67,.74) 48%, rgba(16,42,67,.28) 64%, rgba(16,42,67,0) 80%),
              linear-gradient(0deg, rgba(16,42,67,.35) 0%, transparent 30%);
}
body.page-tub.page-tub-hero main .hero-page .hero-inner { padding-top: clamp(7.5rem, 12vw, 9.5rem); padding-bottom: clamp(3rem, 5vw, 4.2rem); }
body.page-tub.page-tub-hero main .hero-page .hero-content { max-width: 600px; }
body.page-tub.page-tub-hero main .hero-page .hero-title { margin: 0 0 20px; line-height: 1.02; }
body.page-tub.page-tub-hero main .hero-page .hero-title-serif, body.page-tub.page-tub-hero main .hero-page .hero-title-accent {
  display: block; font-family: var(--font-display); font-style: normal; font-weight: 600; color: #fff;
  font-size: clamp(2.6rem, 5.2vw, 4.2rem); line-height: 1.02; letter-spacing: -.012em; margin: 0;
}
body.page-tub.page-tub-hero main .hero-page .hero-title-accent { color: var(--mk-brass); }
body.page-tub.page-tub-hero main .hero-page .hero-intro { color: rgba(255,255,255,.90); font-size: 17px; line-height: 1.7; max-width: 52ch; margin: 0 0 30px; }
body.page-tub.page-tub-hero main .hero-page .hero-actions { gap: 14px; }
body.page-tub.page-tub-hero main .hero-page .hero-actions .btn-primary:nth-child(n) { background: var(--mk-brass); border-color: var(--mk-brass); color: var(--mk-navy); border-radius: 8px; padding: 15px 26px; font-weight: 700; }
body.page-tub.page-tub-hero main .hero-page .hero-actions .btn-outline-light[href^="tel:"]:nth-child(n) { border: 1.5px solid rgba(255,255,255,.9); border-radius: 8px; padding: 13px 24px; min-height: 0; gap: 10px; color: #fff; background: transparent; font-weight: 700; }
body.page-tub.page-tub-hero main .hero-page .hero-actions .btn-outline-light[href^="tel:"]:nth-child(n)::before {
  flex: 0 0 18px; width: 18px; height: 18px; border: 0; border-radius: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") center / 18px no-repeat;
}
body.page-tub.page-tub-hero main .hero-page .hero-actions .btn-outline-light[href^="tel:"]:nth-child(n):hover { background: rgba(255,255,255,.12); color: #fff; }
body.page-tub.page-tub-hero main .hero-page .hero-actions .btn-outline-light[href^="tel:"]:nth-child(n):focus-visible { border-radius: 8px; }
@media (max-width: 1100px) and (min-width: 761px) {
  body.page-tub.page-tub-hero main .hero-page .hero-overlay { background: linear-gradient(90deg, rgba(16,42,67,.96) 0%, rgba(16,42,67,.92) 40%, rgba(16,42,67,.78) 62%, rgba(16,42,67,.25) 82%, rgba(16,42,67,.05) 100%), linear-gradient(0deg, rgba(16,42,67,.35) 0%, transparent 30%); }
}
@media (max-width: 760px) {
  body.page-tub.page-tub-hero main .hero-page { min-height: 0; }
  body.page-tub.page-tub-hero main .hero-page .hero-overlay { background: linear-gradient(180deg, rgba(16,42,67,.80) 0%, rgba(16,42,67,.86) 55%, rgba(16,42,67,.94) 100%); }
  body.page-tub.page-tub-hero main .hero-page .hero-inner { padding-top: 7rem; padding-bottom: 2.4rem; }
  body.page-tub.page-tub-hero main .hero-page .hero-title-serif, body.page-tub.page-tub-hero main .hero-page .hero-title-accent { font-size: clamp(2.3rem, 10vw, 2.9rem); }
  body.page-tub.page-tub-hero main .hero-page .hero-intro { font-size: 16px; }
  body.page-tub.page-tub-hero main .hero-page .hero-actions { flex-direction: column; align-items: stretch; gap: 12px; }
  body.page-tub.page-tub-hero main .hero-page .hero-actions a { width: 100%; justify-content: center; text-align: center; }
}
body.page-tub.page-tub-hero main .hero-page:nth-child(n) { min-height: 0; }
body.page-tub.page-tub-hero main .hero-page .hero-inner { padding-top: 120px; padding-bottom: 72px; }
body.page-tub.page-tub-hero main .hero-page .hero-image-wrap img { object-position: 70% 50%; }
body.page-tub.page-tub-hero main .hero-page .hero-overlay { background: linear-gradient(90deg, rgba(16,42,67,.97) 0%, rgba(16,42,67,.93) 34%, rgba(16,42,67,.6) 48%, rgba(16,42,67,.1) 62%, rgba(16,42,67,0) 72%); }
body.page-tub.page-tub-hero main .hero-page .hero-content { max-width: 580px; }
body.page-tub.page-tub-hero main .hero-page .hero-title-serif, body.page-tub.page-tub-hero main .hero-page .hero-title-accent { font-size: clamp(2.5rem, 4vw, 3.6rem); line-height: 1.1; }
body.page-tub.page-tub-hero main .hero-page .hero-title-accent { font-style: italic; font-weight: 500; }
body.page-tub.page-tub-hero main .hero-page .hero-intro { font-size: 16px; line-height: 1.6; margin-bottom: 30px; }
body.page-tub.page-tub-hero main .hero-page .hero-actions { gap: 26px; align-items: center; }
body.page-tub.page-tub-hero main .hero-page .hero-actions .btn-primary:nth-child(n) { border-radius: 8px; padding: 16px 34px; }
body.page-tub.page-tub-hero main .hero-page .hero-actions .btn-outline-light[href^="tel:"]:nth-child(n) { border-color: transparent; padding-left: 0; padding-right: 0; }
@media (max-width: 760px) { body.page-tub.page-tub-hero main .hero-page .hero-actions .btn-outline-light[href^="tel:"]:nth-child(n) { border-color: rgba(255,255,255,.9); padding: 13px 24px; } }
body.page-tub.page-tub-hero main .hero-page .hero-actions .btn-outline-light[href^="tel:"]:nth-child(n) { border-color: rgba(255,255,255,.9) !important; padding: 13px 24px !important; }
body.page-tub.page-tub-hero main .hero-page .hero-content { max-width: 600px; }
body.page-tub.page-tub-hero main .hero-page .hero-inner { padding-bottom: 40px; }
body.page-tub.page-tub-hero main .hero-page .hero-content::before { content: ""; display: block; width: 40px; height: 2px; background: var(--mk-brass); margin: 0 0 18px; }
@media (max-width: 760px) {
  body.page-tub.page-tub-hero main .hero-page .hero-overlay { background: linear-gradient(180deg, rgba(16,42,67,.84) 0%, rgba(16,42,67,.88) 55%, rgba(16,42,67,.95) 100%); }
  body.page-tub.page-tub-hero main .hero-page .hero-inner { padding-top: 110px; padding-bottom: 44px; }
}