/* /services/toilet-installation/ — mockup-led layout incl. hero (Nov 4, 2026). Loaded ONLY on this page; scoped to body.page-vanity.page-toilet-mk. */
body.page-toilet-mk {
  --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;
}
body.page-toilet-mk .mk-ico { display: block; width: 22px; height: 22px; flex: none; }
body.page-toilet.page-toilet-mk main#main-content { display: flex; flex-direction: column; }
/* Trust strip base (navy treatment below) */
body.page-toilet-mk .svc-trust-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.page-toilet-mk .svc-trust-list li { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 22px 12px; margin: 0; font-size: 15px; font-weight: 700; line-height: 1.3; text-align: center; }
body.page-toilet-mk .svc-trust-list li + li { border-left: 1px solid rgba(255,255,255,.16); }
@media (max-width: 760px) {
  body.page-toilet-mk .svc-trust-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.page-toilet-mk .svc-trust-list li { padding: 16px 8px; font-size: 13.5px; justify-content: flex-start; text-align: left; }
  body.page-toilet-mk .svc-trust-list li + li { border-left: 0; }
  body.page-toilet-mk .svc-trust-list li:nth-child(even) { border-left: 1px solid rgba(255,255,255,.16); padding-left: 14px; }
  body.page-toilet-mk .svc-trust-list li:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.16); }
}
/* Hero */
body.page-toilet.page-toilet-mk main .hero-page { min-height: clamp(540px, 74vh, 660px); }
body.page-toilet.page-toilet-mk main .hero-page .hero-image-wrap img { filter: none; object-position: 70% center; }
body.page-toilet.page-toilet-mk 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-toilet.page-toilet-mk main .hero-page .hero-inner { padding-top: clamp(7.5rem, 12vw, 9.5rem); padding-bottom: clamp(3rem, 5vw, 4.2rem); }
body.page-toilet.page-toilet-mk main .hero-page .hero-content { max-width: 600px; }
body.page-toilet.page-toilet-mk main .hero-page .hero-title { margin: 0 0 20px; line-height: 1.02; }
body.page-toilet.page-toilet-mk main .hero-page .hero-title-serif, body.page-toilet.page-toilet-mk 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-toilet.page-toilet-mk main .hero-page .hero-title-accent { color: var(--mk-brass); }
body.page-toilet.page-toilet-mk 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-toilet.page-toilet-mk main .hero-page .hero-actions { gap: 14px; }
body.page-toilet.page-toilet-mk 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-toilet.page-toilet-mk 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-toilet.page-toilet-mk 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-toilet.page-toilet-mk main .hero-page .hero-actions .btn-outline-light[href^="tel:"]:nth-child(n):hover { background: rgba(255,255,255,.12); color: #fff; }
body.page-toilet.page-toilet-mk 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-toilet.page-toilet-mk 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-toilet.page-toilet-mk main .hero-page { min-height: 0; }
  body.page-toilet.page-toilet-mk 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-toilet.page-toilet-mk main .hero-page .hero-inner { padding-top: 7rem; padding-bottom: 2.4rem; }
  body.page-toilet.page-toilet-mk main .hero-page .hero-title-serif, body.page-toilet.page-toilet-mk main .hero-page .hero-title-accent { font-size: clamp(2.3rem, 10vw, 2.9rem); }
  body.page-toilet.page-toilet-mk main .hero-page .hero-intro { font-size: 16px; }
  body.page-toilet.page-toilet-mk main .hero-page .hero-actions { flex-direction: column; align-items: stretch; gap: 12px; }
  body.page-toilet.page-toilet-mk main .hero-page .hero-actions a { width: 100%; justify-content: center; text-align: center; }
}
/* ===== toilet mockup (724px mockup x2 = 1440) ===== */
body.page-toilet-mk { --mk-cream: #FBFAF7; --mk-blue: #EEF3F7; }
body.page-toilet.page-toilet-mk main .hero-page:nth-child(n) { min-height: 0; }
body.page-toilet.page-toilet-mk main .hero-page .hero-inner { padding-top: 120px; padding-bottom: 72px; }
body.page-toilet.page-toilet-mk main .hero-page .hero-image-wrap img { object-position: 70% 50%; }
body.page-toilet.page-toilet-mk 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-toilet.page-toilet-mk main .hero-page .hero-content { max-width: 580px; }
body.page-toilet.page-toilet-mk main .hero-page .hero-title-serif, body.page-toilet.page-toilet-mk main .hero-page .hero-title-accent { font-size: clamp(2.5rem, 4vw, 3.6rem); line-height: 1.1; }
body.page-toilet.page-toilet-mk main .hero-page .hero-title-accent { font-style: italic; font-weight: 500; }
body.page-toilet.page-toilet-mk main .hero-page .hero-intro { font-size: 16px; line-height: 1.6; margin-bottom: 30px; }
body.page-toilet.page-toilet-mk main .hero-page .hero-actions { gap: 26px; align-items: center; }
body.page-toilet.page-toilet-mk main .hero-page .hero-actions .btn-primary:nth-child(n) { border-radius: 8px; padding: 16px 34px; }
body.page-toilet.page-toilet-mk 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-toilet.page-toilet-mk main .hero-page .hero-actions .btn-outline-light[href^="tel:"]:nth-child(n) { border-color: rgba(255,255,255,.9); padding: 13px 24px; } }
/* Trust strip: light blue-grey (vanity v4 / s2t values) */
body.page-toilet-mk .svc-trust-strip { background: #E8EEF1; border-bottom: 1px solid #D9E1E5; }
body.page-toilet-mk .svc-trust-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.page-toilet-mk .svc-trust-list li { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 24px 12px; margin: 0; color: var(--mk-navy); font-size: 15px; font-weight: 700; line-height: 1.3; text-align: center; }
body.page-toilet-mk .svc-trust-list li::before { display: none; content: none; }
body.page-toilet-mk .svc-trust-list li + li { border-left: 1px solid rgba(16,42,67,.14); }
body.page-toilet-mk .mk-ico { display: block; width: 22px; height: 22px; flex: none; }
body.page-toilet-mk .svc-trust-list .mk-ico { color: var(--mk-brass); width: 30px; height: 30px; }
@media (max-width: 760px) {
  body.page-toilet-mk .svc-trust-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.page-toilet-mk .svc-trust-list li { padding: 16px 8px; font-size: 13.5px; justify-content: flex-start; text-align: left; }
  body.page-toilet-mk .svc-trust-list li + li { border-left: 0; }
  body.page-toilet-mk .svc-trust-list li:nth-child(even) { border-left: 1px solid rgba(16,42,67,.14); padding-left: 14px; }
  body.page-toilet-mk .svc-trust-list li:nth-child(n+3) { border-top: 1px solid rgba(16,42,67,.14); }
  body.page-toilet-mk .svc-trust-list .mk-ico { width: 24px; height: 24px; }
}
body.page-toilet.page-toilet-mk main#main-content { display: flex; flex-direction: column; }
body.page-toilet.page-toilet-mk main .tls-cta { order: 2; }
body.page-toilet.page-toilet-mk main .tls-faq { order: 1; }
body.page-toilet.page-toilet-mk main .svc-trust-strip, body.page-toilet.page-toilet-mk main .hero-page, body.page-toilet.page-toilet-mk main #lead-form, body.page-toilet.page-toilet-mk main .tls-types, body.page-toilet.page-toilet-mk main .tls-blueprint, body.page-toilet.page-toilet-mk main .tls-timeline, body.page-toilet.page-toilet-mk main .audit-cost-guide { order: 0; }
body.page-toilet.page-toilet-mk main > *:not(section):not(.svc-trust-strip) { order: 0; }

/* Shared heading: brass bar above, serif navy */
body.page-toilet.page-toilet-mk main #lead-form .form-intro-card h2, body.page-toilet.page-toilet-mk main .tls-types-head h2, body.page-toilet.page-toilet-mk main .tls-blueprint h2, body.page-toilet.page-toilet-mk main .tls-faq h2, body.page-toilet.page-toilet-mk main .audit-cost-guide h2, body.page-toilet.page-toilet-mk main .tls-timeline-head h2, body.page-toilet.page-toilet-mk main .tls-cta h2 {
  font-family: var(--font-display); font-weight: 600; color: var(--mk-navy); font-size: clamp(2rem, 3vw, 2.6rem); line-height: 1.12; letter-spacing: -.005em; margin: 0 0 16px; max-width: none; text-transform: none;
}
body.page-toilet.page-toilet-mk main #lead-form .form-intro-card h2::before, body.page-toilet.page-toilet-mk main .tls-types-head h2::before, body.page-toilet.page-toilet-mk main .tls-blueprint-copy h2::before, body.page-toilet.page-toilet-mk main .tls-flange-copy h2::before, body.page-toilet.page-toilet-mk main .tls-faq h2::before {
  content: ""; display: block; width: 52px; height: 3px; background: var(--mk-brass); margin: 0 0 18px; position: static;
}
body.page-toilet.page-toilet-mk main .tls-types-head h2::after, body.page-toilet.page-toilet-mk main .tls-blueprint h2::after, body.page-toilet.page-toilet-mk main .tls-faq h2::after, body.page-toilet.page-toilet-mk main .audit-cost-guide h2::after, body.page-toilet.page-toilet-mk main .tls-timeline-head h2::after, body.page-toilet.page-toilet-mk main #lead-form .form-intro-card h2::after { content: none; display: none; }

/* Intro + form */
body.page-toilet.page-toilet-mk main #lead-form.tls-brief:nth-child(n) { background: var(--mk-cream); padding: 64px 0 56px; margin: 0; }
body.page-toilet.page-toilet-mk main #lead-form .tls-brief-grid:nth-child(n) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; align-items: stretch; }
@media (min-width: 1100px) { body.page-toilet.page-toilet-mk main #lead-form .tls-brief-grid:nth-child(n) { grid-template-columns: minmax(0, 1.05fr) minmax(0, .9fr); gap: 96px; } }
body.page-toilet.page-toilet-mk main #lead-form .tls-brief-visual:nth-child(n) { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); grid-template-rows: auto minmax(220px, 1fr) auto; gap: 12px; position: static; background: none; border: 0; box-shadow: none; padding: 0; min-height: 0; height: 100%; }
body.page-toilet.page-toilet-mk main #lead-form .tls-brief-visual::before, body.page-toilet.page-toilet-mk main #lead-form .tls-brief-visual::after { display: none; content: none; }
body.page-toilet.page-toilet-mk main #lead-form .form-intro-column:nth-child(n) { grid-column: 1 / -1; grid-row: 1; background: none; border: 0; box-shadow: none; padding: 0; margin: 0; position: static; max-width: none; width: auto; }
body.page-toilet.page-toilet-mk main #lead-form .form-intro-column::before, body.page-toilet.page-toilet-mk main #lead-form .form-intro-column::after, body.page-toilet.page-toilet-mk main #lead-form .form-intro-card::before, body.page-toilet.page-toilet-mk main #lead-form .form-intro-card::after { display: none; }
body.page-toilet.page-toilet-mk main #lead-form .form-intro-card:nth-child(n) { background: transparent; box-shadow: none; border: 0; padding: 0 0 10px; margin: 0; color: var(--mk-text); max-width: none; }
body.page-toilet.page-toilet-mk main #lead-form .form-intro-eyebrow { color: var(--mk-brass-ink); font-size: 12px; font-weight: 700; letter-spacing: .18em; margin: 0 0 14px; }
body.page-toilet.page-toilet-mk main #lead-form .form-intro-eyebrow::before, body.page-toilet.page-toilet-mk main #lead-form .form-intro-eyebrow::after, body.page-toilet.page-toilet-mk main #lead-form .form-intro-rule { display: none; }
body.page-toilet.page-toilet-mk main #lead-form .form-intro-card h2 { font-size: clamp(2.1rem, 3.2vw, 2.8rem); }
body.page-toilet.page-toilet-mk main #lead-form .form-intro-card h2::before { display: none; }
body.page-toilet.page-toilet-mk main #lead-form .form-intro-card > p { color: var(--mk-text); font-size: 15.5px; line-height: 1.65; margin: 0 0 12px; }
body.page-toilet.page-toilet-mk main #lead-form .form-intro-cta { margin-top: 18px; }
body.page-toilet.page-toilet-mk main #lead-form .form-intro-cta .btn-secondary { background: transparent; color: var(--mk-navy); border: 1.5px solid var(--mk-navy); border-radius: 8px; }
body.page-toilet.page-toilet-mk main #lead-form .tls-brief-photo:nth-child(n), body.page-toilet.page-toilet-mk main #lead-form .tls-brief-inset:nth-child(n) { grid-row: 2 / span 2; margin: 0; position: relative; inset: auto; transform: none; width: auto; height: auto; max-width: none; border: 1px solid #E3C9A0; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 26px rgba(16,42,67,.10); aspect-ratio: auto; min-height: 240px; }
body.page-toilet.page-toilet-mk main #lead-form .tls-brief-photo:nth-child(n) { grid-column: 1; }
body.page-toilet.page-toilet-mk main #lead-form .tls-brief-inset:nth-child(n) { grid-column: 2; }
body.page-toilet.page-toilet-mk main #lead-form .tls-brief-photo img, body.page-toilet.page-toilet-mk main #lead-form .tls-brief-inset img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
body.page-toilet.page-toilet-mk main #lead-form .tls-brief-photo::before, body.page-toilet.page-toilet-mk main #lead-form .tls-brief-photo::after, body.page-toilet.page-toilet-mk main #lead-form .tls-brief-inset::before, body.page-toilet.page-toilet-mk main #lead-form .tls-brief-inset::after { display: none; }
body.page-toilet.page-toilet-mk main #lead-form .tls-brief-strip:nth-child(n) { grid-column: 1 / -1; grid-row: 3; align-self: end; z-index: 3; position: relative; inset: auto; transform: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0 14px 14px; margin: 0; background: none; width: auto; }
body.page-toilet.page-toilet-mk main #lead-form .tls-brief-chip:nth-child(n) { background: rgba(255,255,255,.94); color: var(--mk-navy); border: 1px solid #E3C9A0; border-radius: 999px; padding: 6px 12px; font-size: 12.5px; font-weight: 700; box-shadow: 0 4px 10px rgba(16,42,67,.10); }
body.page-toilet.page-toilet-mk main #lead-form .form-column:nth-child(n) { padding: 0; background: none; position: static; display: flex; flex-direction: column; margin: 0; }
body.page-toilet.page-toilet-mk main #lead-form .estimate-card:nth-child(n) { margin: 0; height: 100%; background: var(--mk-navy); padding: 28px 26px 20px; color: #fff; border-radius: 12px; box-shadow: 0 20px 44px rgba(16,42,67,.2); border: 0; }
body.page-toilet.page-toilet-mk main #lead-form .estimate-card .form-heading { color: #fff; font-family: var(--font-display); font-weight: 600; font-size: clamp(1.7rem, 2.3vw, 2rem); line-height: 1.15; margin: 0 0 8px; padding-bottom: 10px; }
body.page-toilet.page-toilet-mk main #lead-form .estimate-card .form-subhead { color: rgba(255,255,255,.86); margin: 0 0 14px; font-size: 14px; line-height: 1.5; }
body.page-toilet.page-toilet-mk main #lead-form .ghl-survey-embed:nth-child(n) { margin: 0; padding: 0; min-height: 0; }
@media (max-width: 600px) {
  body.page-toilet.page-toilet-mk main #lead-form .tls-brief-visual:nth-child(n) { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
  body.page-toilet.page-toilet-mk main #lead-form .form-intro-column:nth-child(n), body.page-toilet.page-toilet-mk main #lead-form .tls-brief-photo:nth-child(n), body.page-toilet.page-toilet-mk main #lead-form .tls-brief-inset:nth-child(n), body.page-toilet.page-toilet-mk main #lead-form .tls-brief-strip:nth-child(n) { grid-column: 1; grid-row: auto; }
  body.page-toilet.page-toilet-mk main #lead-form .tls-brief-photo:nth-child(n), body.page-toilet.page-toilet-mk main #lead-form .tls-brief-inset:nth-child(n) { aspect-ratio: 4 / 3; min-height: 0; }
  body.page-toilet.page-toilet-mk main #lead-form .tls-brief-strip:nth-child(n) { order: 9; padding: 0; }
}

/* Toilet options: blue-grey band, heading+subtitle, 5 image cards */
body.page-toilet.page-toilet-mk main .tls-types:nth-child(n) { background: var(--mk-blue); padding: 56px 0 60px; }
body.page-toilet.page-toilet-mk main .tls-types > .container { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
body.page-toilet.page-toilet-mk main .tls-types-head:nth-child(n) { grid-column: 1 / -1; text-align: left; max-width: 720px; margin: 0 0 18px; padding: 0; background: none; border: 0; }
body.page-toilet.page-toilet-mk main .tls-types-head::before, body.page-toilet.page-toilet-mk main .tls-types-head::after { display: none; }
body.page-toilet.page-toilet-mk main .tls-types-head p { color: var(--mk-text); font-size: 15.5px; line-height: 1.65; margin: 0; max-width: none; }
body.page-toilet.page-toilet-mk main .tls-types-hero:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-grid:nth-child(n) { display: contents; }
body.page-toilet.page-toilet-mk main .tls-types-feature:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card:nth-child(n) { display: flex; flex-direction: column; background: #fff; border: 1px solid #E1E7EC; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 22px rgba(16,42,67,.08); margin: 0; transform: none; min-height: 0; grid-column: auto; grid-row: auto; padding: 0; position: relative; }
body.page-toilet.page-toilet-mk main .tls-types-feature::before, body.page-toilet.page-toilet-mk main .tls-types-feature::after, body.page-toilet.page-toilet-mk main .tls-types-card::before, body.page-toilet.page-toilet-mk main .tls-types-card::after { display: none; }
body.page-toilet.page-toilet-mk main .tls-types-feature figure:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card figure:nth-child(n) { margin: 0; aspect-ratio: 4 / 3.3; overflow: hidden; border-radius: 0; height: auto; position: relative; width: auto; }
body.page-toilet.page-toilet-mk main .tls-types-feature figure img, body.page-toilet.page-toilet-mk main .tls-types-card figure img { width: 100%; height: 100%; object-fit: cover; display: block; position: static; }
body.page-toilet.page-toilet-mk main .tls-types-feature-copy:nth-child(n) { display: block; padding: 0; background: #fff; position: static; flex: 1; }
body.page-toilet.page-toilet-mk main .tls-height-bar:nth-child(n) { position: absolute; top: 12px; right: 12px; left: auto; bottom: auto; width: auto; height: auto; background: rgba(16,42,67,.86); border-radius: 999px; padding: 5px 11px; display: block; }
body.page-toilet.page-toilet-mk main .tls-height-bar .tls-height-fill { display: none; }
body.page-toilet.page-toilet-mk main .tls-height-bar em { color: #fff; font-style: normal; font-size: 12px; font-weight: 700; position: static; }
body.page-toilet.page-toilet-mk main .tls-types-feature-body:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card-copy:nth-child(n) { padding: 18px 18px 20px; background: #fff; flex: 1; }
body.page-toilet.page-toilet-mk main .tls-types-feature h3:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card h3:nth-child(n) { font-family: var(--font-body, Manrope, sans-serif); font-size: 16px; font-weight: 800; color: var(--mk-navy); margin: 0 0 8px; }
body.page-toilet.page-toilet-mk main .tls-types-feature dl, body.page-toilet.page-toilet-mk main .tls-types-card dl { margin: 0; display: grid; gap: 4px; }
body.page-toilet.page-toilet-mk main .tls-types-feature dl > div, body.page-toilet.page-toilet-mk main .tls-types-card dl > div { display: block; padding: 0; border: 0; background: none; }
body.page-toilet.page-toilet-mk main .tls-types-feature dt, body.page-toilet.page-toilet-mk main .tls-types-card dt { display: inline; font-size: 13px; font-weight: 700; color: var(--mk-navy); margin: 0; }
body.page-toilet.page-toilet-mk main .tls-types-feature dt::after, body.page-toilet.page-toilet-mk main .tls-types-card dt::after { content: " "; }
body.page-toilet.page-toilet-mk main .tls-types-feature dd, body.page-toilet.page-toilet-mk main .tls-types-card dd { display: inline; margin: 0; font-size: 13px; line-height: 1.55; color: var(--mk-text); }
@media (max-width: 1100px) { body.page-toilet.page-toilet-mk main .tls-types > .container { grid-template-columns: repeat(6, minmax(0, 1fr)); } body.page-toilet.page-toilet-mk main .tls-types-feature:nth-child(n) { grid-column: span 3; } body.page-toilet.page-toilet-mk main .tls-types-card:nth-child(n) { grid-column: span 2; } }
@media (max-width: 700px) { body.page-toilet.page-toilet-mk main .tls-types > .container { grid-template-columns: minmax(0, 1fr); } body.page-toilet.page-toilet-mk main .tls-types-feature:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card:nth-child(n) { grid-column: 1; } }

/* Rough-in + flange: image left / white box right, then mirrored */
body.page-toilet.page-toilet-mk main .tls-blueprint:nth-child(n) { background: var(--mk-cream); padding: 64px 0; }
body.page-toilet.page-toilet-mk main .tls-blueprint-top:nth-child(n), body.page-toilet.page-toilet-mk main .tls-flange:nth-child(n) { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 48px; align-items: center; background: none; border: 0; box-shadow: none; padding: 0; margin: 0; }
body.page-toilet.page-toilet-mk main .tls-flange:nth-child(n) { margin-top: 48px; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
body.page-toilet.page-toilet-mk main .tls-blueprint-photo:nth-child(n), body.page-toilet.page-toilet-mk main .tls-flange-photo:nth-child(n) { margin: 0; position: relative; border-radius: 16px; overflow: hidden; box-shadow: 0 14px 34px rgba(16,42,67,.12); aspect-ratio: 4 / 3.2; height: auto; transform: none; width: auto; }
body.page-toilet.page-toilet-mk main .tls-blueprint-photo img, body.page-toilet.page-toilet-mk main .tls-flange-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
body.page-toilet.page-toilet-mk main .tls-blueprint-chips:nth-child(n) { position: absolute; left: 14px; bottom: 14px; top: auto; right: auto; display: flex; gap: 8px; z-index: 2; }
body.page-toilet.page-toilet-mk main .tls-blueprint-chips span { background: rgba(255,255,255,.94); color: var(--mk-navy); border-radius: 999px; padding: 5px 11px; font-size: 12px; font-weight: 700; }
body.page-toilet.page-toilet-mk main .tls-blueprint-copy:nth-child(n), body.page-toilet.page-toilet-mk main .tls-flange-copy:nth-child(n) { background: none; border: 0; box-shadow: none; padding: 0; margin: 0; }
body.page-toilet.page-toilet-mk main .tls-blueprint-copy p, body.page-toilet.page-toilet-mk main .tls-flange-copy > p { color: var(--mk-text); font-size: 15px; line-height: 1.65; margin: 0 0 12px; }
body.page-toilet.page-toilet-mk main .tls-blueprint-diagram:nth-child(n) { margin: 16px 0 0; background: #fff; border: 1px solid #E6E9EC; border-radius: 10px; padding: 14px; max-width: 360px; box-shadow: 0 4px 12px rgba(16,42,67,.05); }
body.page-toilet.page-toilet-mk main .tls-flange-note:nth-child(n) { margin: 16px 0 0; background: #fff; border: 1px solid #E6E9EC; border-left: 4px solid var(--mk-brass); border-radius: 10px; padding: 16px 18px; box-shadow: 0 4px 12px rgba(16,42,67,.05); }
body.page-toilet.page-toilet-mk main .tls-flange-note h3 { font-family: var(--font-body, Manrope, sans-serif); font-size: 15px; font-weight: 800; color: var(--mk-navy); margin: 0 0 6px; }
body.page-toilet.page-toilet-mk main .tls-flange-note p { font-size: 14px; line-height: 1.6; color: var(--mk-text); margin: 0; }
@media (max-width: 860px) { body.page-toilet.page-toilet-mk main .tls-blueprint-top:nth-child(n), body.page-toilet.page-toilet-mk main .tls-flange:nth-child(n) { grid-template-columns: minmax(0, 1fr); gap: 24px; } body.page-toilet.page-toilet-mk main .tls-flange-photo:nth-child(n) { order: -1; } }

/* Process: navy band, brass circles + arrows */
body.page-toilet.page-toilet-mk main .tls-timeline:nth-child(n) { background: var(--mk-navy); padding: 48px 0 56px; }
body.page-toilet.page-toilet-mk main .tls-timeline-head:nth-child(n) { text-align: center; margin: 0 0 30px; padding: 0; background: none; border: 0; }
body.page-toilet.page-toilet-mk main .tls-timeline-head::before, body.page-toilet.page-toilet-mk main .tls-timeline-head::after { display: none; }
body.page-toilet.page-toilet-mk main .tls-timeline-head h2 { color: #fff; margin: 0; }
body.page-toilet.page-toilet-mk main .tls-timeline-track:nth-child(n) { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 40px; position: relative; }
body.page-toilet.page-toilet-mk main .tls-timeline-track::before, body.page-toilet.page-toilet-mk main .tls-timeline-track::after { display: none; content: none; }
body.page-toilet.page-toilet-mk main .tls-timeline-step:nth-child(n) { display: flex; flex-direction: column; align-items: center; text-align: center; background: none; border: 0; box-shadow: none; padding: 0; margin: 0; position: relative; transform: none; grid-column: auto; grid-row: auto; }
body.page-toilet.page-toilet-mk main .tls-timeline-step::before { display: none; content: none; }
body.page-toilet.page-toilet-mk main .tls-timeline-step:not(:last-child)::after { content: ""; position: absolute; top: 30px; right: -32px; width: 24px; height: 10px; display: block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 10' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5h21M18 1l4 4-4 4'/%3E%3C/svg%3E") center / contain no-repeat; border: 0; }
body.page-toilet.page-toilet-mk main .tls-timeline-node:nth-child(n) { position: static; transform: none; width: 62px; height: 62px; border-radius: 50%; background: var(--mk-brass); border: 4px solid #fff; display: grid; place-items: center; margin: 0 0 14px; box-shadow: none; }
body.page-toilet.page-toilet-mk main .tls-timeline-node span { color: var(--mk-navy); font-weight: 800; font-size: 16px; }
body.page-toilet.page-toilet-mk main .tls-timeline-step figure:nth-child(n) { order: 0; margin: 0 0 14px; width: 100%; aspect-ratio: 16 / 10; border-radius: 10px; overflow: hidden; height: auto; position: relative; }
body.page-toilet.page-toilet-mk main .tls-timeline-step figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.page-toilet.page-toilet-mk main .tls-timeline-content:nth-child(n) { background: none; border: 0; box-shadow: none; padding: 0; text-align: center; }
body.page-toilet.page-toilet-mk main .tls-timeline-content h3 { color: #fff; font-family: var(--font-body, Manrope, sans-serif); font-size: 16px; font-weight: 800; margin: 0 0 6px; }
body.page-toilet.page-toilet-mk main .tls-timeline-content p { color: rgba(255,255,255,.84); font-size: 13.5px; line-height: 1.6; margin: 0; }
@media (max-width: 1100px) { body.page-toilet.page-toilet-mk main .tls-timeline-track:nth-child(n) { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 32px 24px; } body.page-toilet.page-toilet-mk main .tls-timeline-step:nth-child(n) { grid-column: span 2; } body.page-toilet.page-toilet-mk main .tls-timeline-step:nth-child(4) { grid-column: 2 / span 2; } body.page-toilet.page-toilet-mk main .tls-timeline-step::after { display: none !important; } }
@media (max-width: 700px) { body.page-toilet.page-toilet-mk main .tls-timeline-track:nth-child(n) { grid-template-columns: minmax(0, 1fr); } body.page-toilet.page-toilet-mk main .tls-timeline-step:nth-child(n) { grid-column: 1 !important; } }

/* Cost: white box */
body.page-toilet.page-toilet-mk main .audit-cost-guide:nth-child(n) { background: var(--mk-cream); padding: 56px 0; margin: 0; }
body.page-toilet.page-toilet-mk main .audit-cost-guide .audit-cost-guide-shell:nth-child(n) { background: #fff; border: 1px solid #E6E9EC; border-radius: 14px; box-shadow: 0 12px 30px rgba(16,42,67,.08); padding: 34px 44px; max-width: 980px; margin: 0 auto; text-align: left; display: block; }
body.page-toilet.page-toilet-mk main .audit-cost-guide .audit-cost-guide-shell::before, body.page-toilet.page-toilet-mk main .audit-cost-guide .audit-cost-guide-shell::after { display: none; content: none; }
body.page-toilet.page-toilet-mk main .audit-cost-guide h2:nth-child(n) { text-align: left; font-size: clamp(1.8rem, 2.6vw, 2.3rem); }
body.page-toilet.page-toilet-mk main .audit-cost-guide h2::before { content: ""; display: block; width: 52px; height: 3px; background: var(--mk-brass); margin: 0 0 16px; }
body.page-toilet.page-toilet-mk main .audit-cost-guide .audit-cost-guide-panel:nth-child(n) { max-width: none; margin: 0; padding: 0; background: none; box-shadow: none; border: 0; text-align: left; display: block; }
body.page-toilet.page-toilet-mk main .audit-cost-guide .audit-cost-guide-panel p { margin: 0 0 12px !important; font-size: 15px; line-height: 1.65; color: var(--mk-text); padding: 0 !important; background: none; border: 0; }
body.page-toilet.page-toilet-mk main .audit-cost-guide .audit-cost-guide-panel p:first-child { background: #FBF6EE !important; border: 1px solid #EBDDC6; border-radius: 10px; padding: 14px 18px !important; }
body.page-toilet.page-toilet-mk main .audit-cost-guide .audit-cost-guide-panel p::before { display: none; }
body.page-toilet.page-toilet-mk main .audit-cost-guide .audit-cost-guide-panel strong { color: var(--mk-navy); }
body.page-toilet.page-toilet-mk main .audit-cost-guide .audit-cost-guide-panel a { color: var(--mk-brass-ink); }
@media (max-width: 600px) { body.page-toilet.page-toilet-mk main .audit-cost-guide .audit-cost-guide-shell:nth-child(n) { padding: 24px 20px; } }

/* FAQ: blue-grey, image left, heading + rows right */
body.page-toilet.page-toilet-mk main .tls-faq:nth-child(n) { background: var(--mk-blue); padding: 56px 0; }
body.page-toilet.page-toilet-mk main .tls-faq-grid:nth-child(n) { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); grid-template-rows: auto 1fr; gap: 0 56px; align-items: start; }
body.page-toilet.page-toilet-mk main .tls-faq-side:nth-child(n) { display: contents; }
body.page-toilet.page-toilet-mk main .tls-faq .section-intro:nth-child(n) { grid-column: 2; grid-row: 1; text-align: left; margin: 0 0 18px; max-width: none; padding: 0; }
body.page-toilet.page-toilet-mk main .tls-faq .section-intro::before, body.page-toilet.page-toilet-mk main .tls-faq .section-intro::after { display: none; }
body.page-toilet.page-toilet-mk main .tls-faq-photo:nth-child(n) { grid-column: 1; grid-row: 1 / span 2; margin: 0; border-radius: 14px; overflow: hidden; aspect-ratio: 4 / 3.4; box-shadow: 0 14px 34px rgba(16,42,67,.12); position: static; transform: none; height: auto; }
body.page-toilet.page-toilet-mk main .tls-faq-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.page-toilet.page-toilet-mk main .tls-faq-list:nth-child(n) { grid-column: 2; grid-row: 2; max-width: none; display: flex; flex-direction: column; gap: 10px; border: 0; margin: 0; background: none; }
body.page-toilet.page-toilet-mk main .tls-faq .faq-item:nth-child(n), body.page-toilet.page-toilet-mk main .tls-faq .faq-item:nth-child(n):has(.faq-question[aria-expanded="true"]) { background: #fff !important; border: 1px solid #DCE3E8 !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(16,42,67,.04) !important; margin: 0 !important; }
body.page-toilet.page-toilet-mk main .tls-faq .faq-question:nth-child(n) { padding: 16px 20px; font-size: 15px; font-weight: 700; color: var(--mk-navy); background: transparent; min-height: 0; }
body.page-toilet.page-toilet-mk main .tls-faq .faq-question::before { display: none; }
body.page-toilet.page-toilet-mk main .tls-faq .faq-question svg { color: var(--mk-brass); }
body.page-toilet.page-toilet-mk main .tls-faq .faq-answer:nth-child(n) { padding-left: 20px; padding-right: 20px; }
@media (max-width: 860px) { body.page-toilet.page-toilet-mk main .tls-faq-grid:nth-child(n) { grid-template-columns: minmax(0, 1fr); gap: 0; } body.page-toilet.page-toilet-mk main .tls-faq .section-intro:nth-child(n), body.page-toilet.page-toilet-mk main .tls-faq-photo:nth-child(n), body.page-toilet.page-toilet-mk main .tls-faq-list:nth-child(n) { grid-column: 1; grid-row: auto; } body.page-toilet.page-toilet-mk main .tls-faq-photo:nth-child(n) { aspect-ratio: 16 / 9; margin-bottom: 20px; } }

/* CTA band: navy, copy left, photo right with fade */
body.page-toilet.page-toilet-mk main .tls-cta:nth-child(n) { background: var(--mk-navy); padding: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; min-height: 0; position: relative; overflow: hidden; margin: 0; }
body.page-toilet.page-toilet-mk main .tls-cta::before, body.page-toilet.page-toilet-mk main .tls-cta::after { display: none; content: none; }
body.page-toilet.page-toilet-mk main .tls-cta-photo:nth-child(n) { grid-column: 2; grid-row: 1; margin: 0; position: relative; inset: auto; min-height: 240px; width: auto; height: auto; border-radius: 0; opacity: 1; transform: none; }
body.page-toilet.page-toilet-mk main .tls-cta-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; opacity: 1; filter: none; }
body.page-toilet.page-toilet-mk main .tls-cta-photo::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 45%; display: block; background: linear-gradient(90deg, var(--mk-navy), rgba(16,42,67,0)); }
body.page-toilet.page-toilet-mk main .tls-cta-panel:nth-child(n) { grid-column: 1; grid-row: 1; position: relative; z-index: 2; background: none; border: 0; box-shadow: none; margin: 0; max-width: none; width: auto; transform: none; padding: 44px 24px 44px max(24px, calc((100vw - 1240px) / 2 + 24px)); text-align: left; }
body.page-toilet.page-toilet-mk main .tls-cta-panel h2:nth-child(n) { color: #fff; margin: 0 0 10px; font-size: clamp(1.9rem, 2.8vw, 2.5rem); }
body.page-toilet.page-toilet-mk main .tls-cta-panel h2::before, body.page-toilet.page-toilet-mk main .tls-cta-panel h2::after { display: none; }
body.page-toilet.page-toilet-mk main .tls-cta-panel p { color: rgba(255,255,255,.86); margin: 0 0 24px; font-size: 15.5px; }
body.page-toilet.page-toilet-mk main .tls-cta .cta-band-actions { display: flex; gap: 16px; flex-wrap: wrap; justify-content: flex-start; }
body.page-toilet.page-toilet-mk main .tls-cta .btn-primary:nth-child(n) { background: var(--mk-brass); border-color: var(--mk-brass); color: var(--mk-navy); border-radius: 8px; }
body.page-toilet.page-toilet-mk main .tls-cta .btn-outline-light:nth-child(n) { border: 1.5px solid #fff; color: #fff; background: transparent; border-radius: 8px; }
@media (max-width: 800px) { body.page-toilet.page-toilet-mk main .tls-cta:nth-child(n) { grid-template-columns: minmax(0, 1fr); } body.page-toilet.page-toilet-mk main .tls-cta-photo:nth-child(n) { grid-column: 1; grid-row: 2; aspect-ratio: 16 / 9; min-height: 0; } body.page-toilet.page-toilet-mk main .tls-cta-photo::after { display: none; } body.page-toilet.page-toilet-mk main .tls-cta-panel:nth-child(n) { padding: 40px 20px 28px; } }
@media (max-width: 600px) { body.page-toilet.page-toilet-mk main .tls-cta .cta-band-actions { flex-direction: column; } body.page-toilet.page-toilet-mk main .tls-cta .cta-band-actions a { width: 100%; text-align: center; } }
body.page-toilet.page-toilet-mk main .tls-types-feature dl > div, body.page-toilet.page-toilet-mk main .tls-types-card dl > div { display: flex; flex-wrap: wrap; gap: 0 6px; align-items: baseline; }
body.page-toilet.page-toilet-mk main .tls-types-feature dt, body.page-toilet.page-toilet-mk main .tls-types-card dt, body.page-toilet.page-toilet-mk main .tls-types-feature dd, body.page-toilet.page-toilet-mk main .tls-types-card dd { display: block; }
body.page-toilet.page-toilet-mk main .tls-types-feature dt::after, body.page-toilet.page-toilet-mk main .tls-types-card dt::after { content: none; }
body.page-toilet.page-toilet-mk main .audit-cost-guide .audit-cost-guide-panel p strong:nth-child(n) { color: var(--mk-navy) !important; }
body.page-toilet.page-toilet-mk main #lead-form .form-intro-eyebrow::before { content: ""; display: block; width: 52px; height: 3px; background: var(--mk-brass); margin: 0 0 16px; }
body.page-toilet.page-toilet-mk main #lead-form .form-intro-card h2, body.page-toilet.page-toilet-mk main .tls-types-head h2, body.page-toilet.page-toilet-mk main .tls-blueprint h2, body.page-toilet.page-toilet-mk main .tls-faq h2, body.page-toilet.page-toilet-mk main .audit-cost-guide h2, body.page-toilet.page-toilet-mk main .tls-timeline-head h2, body.page-toilet.page-toilet-mk main .tls-cta h2 { font-weight: 700; }
@media (min-width: 1100px) { body.page-toilet.page-toilet-mk main #lead-form .tls-brief-visual:nth-child(n) { grid-template-rows: auto minmax(220px, 300px) auto; align-content: start; } }
@media (max-width: 760px) { body.page-toilet.page-toilet-mk main .hero-page .hero-overlay { background: linear-gradient(180deg, rgba(16,42,67,.82) 0%, rgba(16,42,67,.88) 55%, rgba(16,42,67,.95) 100%); } body.page-toilet.page-toilet-mk main .hero-page .hero-inner { padding-top: 7rem; padding-bottom: 2.4rem; } }
@media (max-width: 600px) { body.page-toilet.page-toilet-mk main #lead-form .form-intro-column:nth-child(n) { order: -1; } }
/* t2: uniform option cards */
body.page-toilet.page-toilet-mk main .tls-types-head:nth-child(n) { margin: 0 0 18px !important; text-align: left !important; justify-self: start; width: 100%; max-width: 760px; }
body.page-toilet.page-toilet-mk main .tls-types-head h2, body.page-toilet.page-toilet-mk main .tls-types-head p { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; }
body.page-toilet.page-toilet-mk main .tls-types-feature figure:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card figure:nth-child(n) { aspect-ratio: 4 / 3 !important; height: auto !important; min-height: 0 !important; max-height: none !important; flex: none !important; }
body.page-toilet.page-toilet-mk main .tls-types-feature figure img, body.page-toilet.page-toilet-mk main .tls-types-card figure img { width: 100% !important; height: 100% !important; object-fit: cover !important; position: static !important; transform: none !important; }
body.page-toilet.page-toilet-mk main .tls-types-feature:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card:nth-child(n) { height: 100%; }
body.page-toilet.page-toilet-mk main .tls-types-feature-copy:nth-child(n) { display: flex !important; flex-direction: column; flex: 1; position: static !important; padding: 0 !important; min-height: 0; }
body.page-toilet.page-toilet-mk main .tls-height-bar:nth-child(n) { position: absolute !important; top: 12px !important; left: 12px !important; right: auto !important; bottom: auto !important; width: auto !important; height: auto !important; min-height: 0 !important; background: var(--mk-navy) !important; border: 1px solid var(--mk-brass) !important; border-radius: 999px !important; padding: 4px 10px !important; display: inline-flex !important; transform: none !important; z-index: 2; margin: 0 !important; }
body.page-toilet.page-toilet-mk main .tls-height-bar em:nth-child(n) { position: static !important; transform: none !important; writing-mode: horizontal-tb !important; color: #fff !important; font-style: normal; font-size: 11.5px; font-weight: 700; letter-spacing: .04em; line-height: 1.2; white-space: nowrap; }
body.page-toilet.page-toilet-mk main .tls-types-feature-body:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card-copy:nth-child(n) { padding: 16px 18px 20px !important; flex: 1; }
body.page-toilet.page-toilet-mk main .tls-types-feature h3:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card h3:nth-child(n) { margin: 0 0 12px !important; font-size: 16px !important; line-height: 1.3; }
body.page-toilet.page-toilet-mk main .tls-types-feature dl:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card dl:nth-child(n) { display: grid !important; gap: 10px !important; margin: 0 !important; grid-template-columns: minmax(0, 1fr) !important; }
body.page-toilet.page-toilet-mk main .tls-types-feature dl > div:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card dl > div:nth-child(n) { display: flex !important; flex-direction: column; gap: 2px; padding: 0 !important; border: 0 !important; background: none !important; }
body.page-toilet.page-toilet-mk main .tls-types-feature dt:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card dt:nth-child(n) { display: block !important; font-size: 12.5px !important; font-weight: 800 !important; color: var(--mk-navy) !important; margin: 0 !important; line-height: 1.35; }
body.page-toilet.page-toilet-mk main .tls-types-feature dd:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card dd:nth-child(n) { display: block !important; font-size: 13px !important; color: var(--mk-muted) !important; margin: 0 !important; line-height: 1.5; }
body.page-toilet.page-toilet-mk main .tls-types-feature figure, body.page-toilet.page-toilet-mk main .tls-types-card figure { position: relative !important; }
body.page-toilet.page-toilet-mk main .tls-types-feature:nth-child(n) { position: relative !important; }
body.page-toilet.page-toilet-mk main .tls-types-feature figure, body.page-toilet.page-toilet-mk main .tls-types-card figure { position: relative; }
@media (min-width: 1000px) and (max-width: 1100px) { body.page-toilet.page-toilet-mk main .tls-types > .container { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 14px; } body.page-toilet.page-toilet-mk main .tls-types-feature:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card:nth-child(n) { grid-column: auto !important; } body.page-toilet.page-toilet-mk main .tls-types-feature-body:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card-copy:nth-child(n) { padding: 14px 14px 16px !important; } }
@media (min-width: 701px) and (max-width: 999px) {
  body.page-toilet.page-toilet-mk main .tls-types-feature:nth-child(n) { grid-column: span 2 !important; }
  body.page-toilet.page-toilet-mk main .tls-types-grid > .tls-types-card:nth-child(1) { grid-column: span 2 !important; }
  body.page-toilet.page-toilet-mk main .tls-types-grid > .tls-types-card:nth-child(n+2) { grid-column: span 3 !important; }
  body.page-toilet.page-toilet-mk main .tls-types-feature figure:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card figure:nth-child(n) { aspect-ratio: auto !important; height: 200px !important; }
}
/* t3: keep toilets in frame on portrait sources */
body.page-toilet.page-toilet-mk main .tls-types-feature--standard figure img:nth-child(n) { object-position: 70% 85% !important; }
body.page-toilet.page-toilet-mk main .tls-types-feature--comfort figure img:nth-child(n) { object-position: 60% 85% !important; }
body.page-toilet.page-toilet-mk main .tls-types-feature figure img:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card figure img:nth-child(n) { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; }
body.page-toilet.page-toilet-mk main .tls-types-feature figure img:nth-child(n), body.page-toilet.page-toilet-mk main .tls-types-card figure img:nth-child(n) { min-height: 0 !important; max-height: none !important; }
body.page-toilet.page-toilet-mk main .tls-types-feature--standard figure img:nth-child(n) { object-position: 55% 85% !important; }
body.page-toilet.page-toilet-mk main .tls-types-feature--comfort figure img:nth-child(n) { object-position: 62% 80% !important; }