/*
 * Cross-site layout hardening — 2026-08-13
 * Loaded last on every indexed page. It deliberately fixes only shared
 * responsive and interaction failures; individual page art direction stays
 * in the page-specific stylesheets.
 */

:root {
  --pro-ink: #07182d;
  --pro-muted: #607087;
  --pro-line: #dbe5ef;
  --pro-surface: #ffffff;
  --pro-soft: #f5f8fb;
  --pro-green: #087f5b;
  --pro-radius: 18px;
}
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

main,
section,
.container,
[class*="grid"],
[class*="cards"],
[class*="columns"] {
  min-width: 0;
}

[class*="grid"] > *,
[class*="cards"] > *,
[class*="columns"] > *,
.card,
[class$="-card"],
[class*="-card "] {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Content must never depend on a reveal observer firing. */
body .master-reveal {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* The former bottom bar flickered in mobile Safari and covered content. */
html body .mobile-sticky-cta,
html body .sticky-mobile-cta,
html body .mobile-cta-bar,
html body.site-shell .mobile-sticky-cta,
html body.master-redesign .mobile-sticky-cta,
html body.calm-design .mobile-sticky-cta,
html body .mobile-sticky-cta[hidden],
html body .mobile-sticky-cta[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body:has(> .mobile-sticky-cta),
body:has(.mobile-sticky-cta),
body:has(> .sticky-mobile-cta) {
  padding-bottom: 0 !important;
}

body:has(.mobile-sticky-cta) main,
body:has(.sticky-mobile-cta) main {
  padding-bottom: 0 !important;
}

/* Keep the on-site smart calculator as the primary booking experience. */
body.master-redesign.home #home-top .hero-price-calculator,
body.master-redesign.home .master-mobile-booking .hero-price-calculator {
  display: grid !important;
}

body.home #parkovato-reservation.parkovato-manual {
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

body.home .parkovato-manual-card {
  display: grid;
  gap: 8px;
  padding: 16px;
  color: var(--pro-ink);
  background: linear-gradient(145deg, #f5fffb, #edf7f4);
  border: 1px solid #bfe5d8;
  border-radius: 16px;
}

body.home .parkovato-manual-card strong {
  font-size: clamp(1rem, 2vw, 1.15rem);
  line-height: 1.25;
}

body.home .parkovato-manual-card span {
  color: var(--pro-muted);
  font-size: .92rem;
  line-height: 1.5;
}

body.home .parkovato-manual-card .btn {
  width: 100%;
  margin-top: 4px;
  justify-content: center;
}

body.home .parkovato-embed-fallback {
  display: none !important;
}

/* Google review links are explicit, separated and easy to tap. */
html body.master-redesign.home #home-top .hero-google-proof .hero-google-proof-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px !important;
  width: 100% !important;
  height: auto !important;
  margin-top: 10px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.master-redesign.home #home-top .hero-google-proof .hero-google-proof-actions > a {
  min-height: 44px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 10px 12px !important;
  text-align: center;
  line-height: 1.25;
  color: #173b8e !important;
  background: #f3f6ff !important;
  border: 1px solid #cbd7ee !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

html body.master-redesign.home #home-top .hero-google-proof .hero-google-proof-actions > a:hover,
html body.master-redesign.home #home-top .hero-google-proof .hero-google-proof-actions > a:focus-visible {
  color: #102f79 !important;
  background: #e9effd !important;
  border-color: #98add9 !important;
}

html body.master-redesign.home #home-top .hero-google-proof .hero-google-proof-actions > a:last-child:nth-child(3) {
  grid-column: 1 / -1;
}

/* Desktop tables keep their native layout. JS adds the mobile labels. */
table.pro-responsive-table {
  width: 100%;
  table-layout: auto !important;
}

table.pro-responsive-table th,
table.pro-responsive-table td {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* FAQ: a clipped card is never used as a discoverability affordance. */
@media (max-width: 700px) {
  body.faq-page .faq-priority-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  body.faq-page .faq-priority-list > li,
  body.faq-page .faq-priority-list > li:first-child {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    flex: none !important;
    padding: 13px 14px 13px 38px !important;
    border-radius: 14px !important;
    scroll-snap-align: none !important;
  }

  html body.faq-page .faq-jump-nav {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 20px !important;
    padding: 10px !important;
    overflow: visible !important;
    background: var(--pro-surface) !important;
    border: 1px solid var(--pro-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(7, 24, 45, .08) !important;
  }

  html body.faq-page .faq-jump-nav::after {
    display: none !important;
  }

  body.faq-page .faq-jump-nav a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 9px 10px !important;
    justify-content: flex-start !important;
    white-space: normal !important;
    text-align: left;
    border-radius: 11px !important;
  }

  /* Wide comparison tables become labelled records instead of four cramped columns. */
  .table-wrapper:has(table.pro-responsive-table),
  .comparison-table-wrap:has(table.pro-responsive-table),
  .pricing-table-wrap:has(table.pro-responsive-table) {
    overflow: visible !important;
    margin-inline: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body table.pro-responsive-table,
  html body table.pro-responsive-table tbody,
  html body table.pro-responsive-table tr,
  html body table.pro-responsive-table td,
  html body.master-utility-pricing .pricing-table.pro-responsive-table,
  html body.master-utility-pricing .pricing-table.pro-responsive-table tbody,
  html body.master-utility-pricing .pricing-table.pro-responsive-table tr,
  html body.master-utility-pricing .pricing-table.pro-responsive-table td {
    display: block !important;
    width: 100% !important;
  }

  html body table.pro-responsive-table thead,
  html body.master-utility-pricing .pricing-table.pro-responsive-table thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  html body table.pro-responsive-table tbody,
  html body.master-utility-pricing .pricing-table.pro-responsive-table tbody {
    display: grid !important;
    gap: 12px !important;
  }

  html body table.pro-responsive-table tr,
  html body.master-utility-pricing .pricing-table.pro-responsive-table tr {
    overflow: hidden;
    background: var(--pro-surface) !important;
    border: 1px solid var(--pro-line) !important;
    border-radius: var(--pro-radius) !important;
    box-shadow: 0 8px 24px rgba(7, 24, 45, .06) !important;
  }

  html body table.pro-responsive-table td,
  html body.master-utility-pricing .pricing-table.pro-responsive-table td {
    display: grid !important;
    grid-template-columns: minmax(108px, .78fr) minmax(0, 1.22fr) !important;
    align-items: start;
    gap: 12px;
    min-height: 0 !important;
    padding: 12px 14px !important;
    color: var(--pro-ink) !important;
    text-align: left !important;
    line-height: 1.45 !important;
    border: 0 !important;
    border-bottom: 1px solid #e8eef4 !important;
    background: transparent !important;
  }

  html body table.pro-responsive-table td:last-child,
  html body.master-utility-pricing .pricing-table.pro-responsive-table td:last-child {
    border-bottom: 0 !important;
  }

  html body table.pro-responsive-table td::before,
  html body.master-utility-pricing .pricing-table.pro-responsive-table td::before {
    display: block !important;
    content: attr(data-label) !important;
    display: block;
    color: var(--pro-muted);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .055em;
    text-transform: uppercase;
  }
}

@media (max-width: 380px) {
  html body.faq-page .faq-jump-nav {
    grid-template-columns: 1fr !important;
  }

  html body table.pro-responsive-table td {
    grid-template-columns: 96px minmax(0, 1fr) !important;
  }
}

/* Premium mobile cleanup — 2026-08-14
 * One restrained navy accent, no floating helper bar and no decorative
 * text capsules. Functional cards and controls keep their clear affordance.
 */
@media (max-width: 768px) {
  :root,
  html body {
    --pro-green: #173b8e;
    --green-500: #173b8e;
    --green-600: #102b6b;
    --green-50: #eef3ff;
    --accent: #173b8e;
    --accent-light: #eef3ff;
    --red: #173b8e;
    --red-dark: #102b6b;
    --master-green: #173b8e;
    --master-green-dark: #102b6b;
    --master-surface-tint: #f4f7fc;
    --ui-green: #173b8e;
    --ui-green-dark: #102b6b;
    --premium-green: #173b8e;
    --premium-green-deep: #102b6b;
    --premium-focus-green: #173b8e;
    --calm-green: #173b8e;
    --calm-green-hover: #102b6b;
    --faq-green: #173b8e;
    --faq-green-dark: #102b6b;
    --how-green: #173b8e;
    --how-green-dark: #102b6b;
    --contact-green: #173b8e;
    --contact-green-dark: #102b6b;
  }

  /* The bottom helper competed with the booking CTA and flickered in Safari. */
  html body .mobile-sticky-cta,
  html body .sticky-mobile-cta,
  html body .mobile-cta-bar,
  html body .reservation-assistant-launcher,
  html body .reservation-assistant-button,
  html body .is-mobile-sticky-help {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body,
  html body main {
    padding-bottom: 0 !important;
  }

  /* Editorial labels read as typography, not promotional bubbles. */
  html:not(#green-pill-ui) body .section-label,
  html:not(#green-pill-ui) body .master-panel-eyebrow,
  html:not(#green-pill-ui) body .mcb-eyebrow,
  html body .section-label,
  html body .master-panel-eyebrow,
  html body .mcb-eyebrow {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin-bottom: 10px !important;
    padding: 0 0 7px !important;
    color: #173b8e !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(23, 59, 142, .25) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: .72rem !important;
    font-weight: 820 !important;
    line-height: 1.2 !important;
    letter-spacing: .085em !important;
    text-transform: uppercase !important;
  }

  html body .section-label::before,
  html body .section-label::after,
  html body .master-panel-eyebrow::before,
  html body .master-panel-eyebrow::after,
  html body .mcb-eyebrow::before,
  html body .mcb-eyebrow::after {
    display: none !important;
    content: none !important;
  }

  body.master-redesign.home #home-top .hero-left::before {
    display: inline-block !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    padding: 0 0 7px !important;
    color: #173b8e !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(23, 59, 142, .25) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: .72rem !important;
    letter-spacing: .085em !important;
  }

  /* Compact labels retain meaning without rounded capsule styling. */
  html body .best-value-badge,
  html body .google-reviews-source,
  html body.faq-page .faq-nav-count {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    color: #173b8e !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body .best-value-badge {
    margin-left: 6px !important;
    font-size: .68rem !important;
    letter-spacing: .045em !important;
    text-decoration: underline;
    text-decoration-color: rgba(23, 59, 142, .3);
    text-underline-offset: 3px;
  }

  html body.faq-page .faq-nav-count {
    margin-left: auto !important;
    color: #6b7890 !important;
    font-variant-numeric: tabular-nums;
  }

  /* The process route stays scannable, but no longer uses bubble headings. */
  html body.how-route-page .how-route-lane-heading span {
    display: inline-flex !important;
    min-height: 0 !important;
    padding: 0 0 8px !important;
    color: #102b6b !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #cbd7ee !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.how-route-page .how-route-lane-heading .icon,
  html body.how-route-page .how-route-proof .icon {
    color: #173b8e !important;
  }

  html body.how-route-page .how-route-steps::before {
    background: #cbd7ee !important;
  }

  html body.how-route-page .how-route-step-number {
    width: 34px !important;
    height: 34px !important;
    color: #fff !important;
    background: #173b8e !important;
    border-color: #fff !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  /* Unify residual green actions, prices and location accents. */
  html body .btn-primary,
  html body .how-route-primary,
  html body .reservation-embed-load-button,
  html body .mobile-form-primary,
  html body .reservation-mobile-primary {
    color: #fff !important;
    background: #173b8e !important;
    border-color: #173b8e !important;
    box-shadow: none !important;
  }

  html body .price-cell,
  html body .calc-field-icon,
  html body .calc-result-price,
  html body.contact-master-page .contact-master-main .icon,
  html body.contact-master-page .contact-master-main a:not(.btn) {
    color: #173b8e !important;
  }

  html body.contact-master-page .contact-master-location::before,
  html body.contact-master-page [class*="contact-master"]::before {
    background-color: #173b8e !important;
  }

  html body.master-redesign .pricing-table .price-cell,
  html body.master-redesign table .price-cell,
  html body.home .calc-included .icon,
  html body.home .step-number,
  html body.home main a:not(.btn),
  html body.faq-page .faq-list a,
  html body.faq-page .faq-list strong,
  html body.faq-page .faq-toggle-all,
  html body.faq-page .faq-list h2 .icon,
  html body.how-route-page .how-route-turn .icon,
  html body.how-route-page .how-route-help a {
    color: #173b8e !important;
  }

  html body.home .reservation-handoff-note .icon {
    color: #8faef8 !important;
  }

  html body.home .parkovato-manual-card,
  html body.home .decision-helper-strip a,
  html body.faq-page .faq-inline-cta,
  html body.how-route-page .how-route-step-visual .icon,
  html body.how-route-page .how-route-facts .icon,
  html body.how-route-page .how-route-question .icon,
  html body.how-route-page .how-route-timing {
    border-color: #cbd7ee !important;
  }

  html body.home .parkovato-manual-card {
    background: #f4f7fc !important;
  }

  html body.home .mobile-value-strip li,
  html body.master-utility-pricing .mobile-value-strip li,
  html body.master-utility-pricing .pricing-decision-points li,
  html body.master-utility-pricing .price-included-box,
  html body.master-utility-pricing .hero-form-note,
  html body.master-utility-pricing .calc-result,
  html body.master-utility-pricing .reservation-cta-note {
    border-color: #cbd7ee !important;
  }

  html body.home .step-number {
    color: #173b8e !important;
    border-color: #cbd7ee !important;
    border-radius: 8px !important;
  }

  html body.master-utility-pricing main a:not(.btn),
  html body.master-utility-pricing .mobile-value-strip span,
  html body.master-utility-pricing #pricing-mobile-short span,
  html body.master-utility-pricing .calc-included .icon,
  html body.master-utility-pricing .reservation-cta-note .icon {
    color: #173b8e !important;
  }

  html body.how-route-page .how-route-eyebrow {
    color: #9ab5ff !important;
  }

  html body.how-route-page .how-route-main .icon {
    border-color: #cbd7ee !important;
  }

  html body.faq-page .faq-full .faq-inline-cta {
    border-color: #cbd7ee !important;
  }

  html body.contact-master-page .contact-master-location-icon {
    color: #173b8e !important;
    background: #eef3ff !important;
  }

  html body.contact-master-page .contact-master-map.is-active {
    border-color: #173b8e !important;
  }

  html body .reservation-assistant .ra-question.is-active {
    color: #102b6b !important;
    background: #eef3ff !important;
    border-color: #cbd7ee !important;
  }

  /* Premium surfaces use quieter corners and almost no elevation. */
  html body.master-redesign.home #home-top .hero-google-proof .hero-google-proof-actions > a {
    color: #173b8e !important;
    background: #fff !important;
    border-color: #d6dfed !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  html body.faq-page .faq-jump-nav,
  html body.faq-page .faq-priority-card,
  html body.contact-master-page .contact-master-card,
  html body.contact-master-page .contact-master-location,
  html body.contact-master-page .contact-master-map-grid {
    border-radius: 10px !important;
    box-shadow: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .master-reveal {
    transition: none !important;
  }
}

/* Parkovato premium system — mobile-first release 2026-08-14. */
:root,
html body {
  --pro-green: #173b8e;
  --green-500: #173b8e;
  --green-600: #102b6b;
  --green-50: #eef3ff;
  --red: #173b8e;
  --red-dark: #102b6b;
  --accent: #173b8e;
  --accent-light: #eef3ff;
  --master-green: #173b8e;
  --master-green-dark: #102b6b;
  --master-surface-tint: #f4f7fc;
  --ui-green: #173b8e;
  --ui-green-dark: #102b6b;
  --premium-green: #173b8e;
  --premium-green-deep: #102b6b;
  --premium-focus-green: #173b8e;
  --calm-green: #173b8e;
  --calm-green-hover: #102b6b;
  --faq-green: #173b8e;
  --faq-green-dark: #102b6b;
  --how-green: #173b8e;
  --how-green-dark: #102b6b;
  --contact-green: #173b8e;
  --contact-green-dark: #102b6b;
}

html body .btn-primary,
html body .btn-nav-rezervace,
html body .how-route-primary,
html body .reservation-embed-load-button,
html body .mobile-form-primary,
html body .reservation-mobile-primary,
html body .calculator-calendar-action--done {
  color: #fff !important;
  background: #173b8e !important;
  border-color: #173b8e !important;
  box-shadow: none !important;
}

html body .btn-primary:hover,
html body .btn-primary:focus-visible,
html body .btn-nav-rezervace:hover,
html body .btn-nav-rezervace:focus-visible,
html body .how-route-primary:hover,
html body .how-route-primary:focus-visible,
html body .reservation-embed-load-button:hover,
html body .reservation-embed-load-button:focus-visible,
html body .calculator-calendar-action--done:hover,
html body .calculator-calendar-action--done:focus-visible {
  color: #fff !important;
  background: #102b6b !important;
  border-color: #102b6b !important;
  transform: none !important;
}

html body :focus-visible {
  outline-color: #3157ad !important;
}

html body .reservation-assistant-launcher,
html body .reservation-assistant-button,
html body .reservation-assistant-fab,
html body .floating-help-launcher {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Labels are quiet editorial signposts instead of promotional capsules. */
html body .section-label,
html body .master-panel-eyebrow,
html body .mcb-eyebrow {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin-bottom: 10px !important;
  padding: 0 0 7px !important;
  color: #173b8e !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23, 59, 142, .24) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: .72rem !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
}

html body .section-label::before,
html body .section-label::after,
html body .master-panel-eyebrow::before,
html body .master-panel-eyebrow::after,
html body .mcb-eyebrow::before,
html body .mcb-eyebrow::after {
  display: none !important;
  content: none !important;
}

/* Compact, calm pre-booking handoff beneath the calculator. */
body.home .parkovato-manual-card {
  display: grid;
  gap: 12px;
  padding: 18px;
  color: var(--pro-ink);
  background: #f7f9fd !important;
  border: 1px solid #d6dfed !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

body.home .parkovato-manual-head {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  text-align: left;
}

body.home .parkovato-manual-head > .icon {
  width: 38px;
  height: 38px;
  padding: 9px;
  color: #173b8e;
  background: #e9effd;
  border-radius: 9px;
}

body.home .parkovato-manual-head > div {
  display: grid;
  gap: 2px;
}

body.home .parkovato-manual-kicker {
  color: #607087 !important;
  font-size: .69rem !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
  letter-spacing: .07em;
  text-transform: uppercase;
}

body.home .parkovato-manual-card strong {
  color: #07182d;
  font-size: 1rem;
  line-height: 1.25;
}

body.home .parkovato-manual-card p {
  margin: 0;
  color: #52627a;
  font-size: .86rem;
  line-height: 1.48;
  text-align: left;
}

body.home .parkovato-manual-card ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.home .parkovato-manual-card li {
  position: relative;
  padding: 8px 7px 8px 21px;
  color: #334155;
  background: #fff;
  border: 1px solid #dce4f0;
  border-radius: 8px;
  font-size: .72rem;
  font-weight: 760;
  line-height: 1.3;
  text-align: left;
}

body.home .parkovato-manual-card li::before {
  position: absolute;
  top: 9px;
  left: 8px;
  content: '\2713';
  color: #173b8e;
  font-weight: 900;
}

body.home .parkovato-manual-card .btn {
  min-height: 48px;
  margin-top: 0;
  border-radius: 9px !important;
}

body.home .parkovato-manual-card > small {
  color: #6b7890;
  font-size: .7rem;
  line-height: 1.35;
  text-align: center;
}

/* One navy interaction language for FAQ, process, location and calculator. */
html body .price-cell,
html body .calc-field-icon,
html body .calc-result-price,
html body .faq-list a,
html body .faq-toggle-all,
html body .how-route-main .icon,
html body .how-route-turn .icon,
html body.contact-master-page .contact-master-main .icon,
html body.contact-master-page .contact-master-main a:not(.btn) {
  color: #173b8e !important;
}

html body .faq-item.is-open,
html body .faq-item.open,
html body .faq-item:has(.faq-question[aria-expanded="true"]),
html body .faq-question[aria-expanded="true"] {
  border-color: #cbd7ee !important;
  background: #f7f9fd !important;
}

html body .faq-question[aria-expanded="true"],
html body .faq-question[aria-expanded="true"] strong,
html body .faq-item.open .faq-question,
html body .faq-item.is-open .faq-question {
  color: #102f79 !important;
}

html body.how-route-page .how-route-step-number,
html body.home .step-number {
  color: #fff !important;
  background: #173b8e !important;
  border-color: #fff !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

html body.contact-master-page .contact-master-location::before,
html body.contact-master-page [class*="contact-master"]::before {
  background-color: #173b8e !important;
}

html body.contact-master-page .contact-master-location-icon,
html body .mobile-value-strip li,
html body .pricing-decision-strip .section-label,
html body .reservation-assistant .ra-question.is-active {
  color: #173b8e !important;
  background: #eef3ff !important;
  border-color: #cbd7ee !important;
}

html body.contact-master-page .contact-master-map.is-active {
  border-color: #173b8e !important;
}

.calculator-calendar .calculator-calendar-heading,
.calculator-calendar .calculator-calendar-footer {
  background: #f7f9fd !important;
  border-color: #dce4f0 !important;
}

.calculator-calendar .calculator-calendar-kicker,
.calculator-calendar .calculator-range-step.is-active span,
.calculator-calendar .calculator-range-step.is-complete strong,
.calculator-calendar .calculator-range-live strong,
.calculator-calendar .calculator-calendar-action--muted {
  color: #173b8e !important;
}

.calculator-calendar .calculator-range-step.is-active,
.calculator-calendar .calculator-range-step.is-complete,
.calculator-calendar .calculator-range-live {
  color: #102f79 !important;
  background: #eef3ff !important;
  border-color: #b9c9e7 !important;
}

.calculator-calendar .flatpickr-day.selected,
.calculator-calendar .flatpickr-day.selected:hover,
.calculator-calendar .flatpickr-day.selected:focus,
.calculator-calendar .flatpickr-day.startRange,
.calculator-calendar .flatpickr-day.endRange,
.calculator-calendar .flatpickr-day.is-hover-end:not(.selected) {
  color: #fff !important;
  background: #173b8e !important;
  border-color: #173b8e !important;
}

.calculator-calendar .flatpickr-day.inRange,
.calculator-calendar .flatpickr-day.is-hover-range:not(.selected) {
  color: #102f79 !important;
  background: #e9effd !important;
  border-color: transparent !important;
  box-shadow: -5px 0 0 #e9effd, 5px 0 0 #e9effd !important;
}

.calculator-calendar .flatpickr-day.today {
  color: #102f79 !important;
  background: #fff !important;
  border-color: #7e9bd3 !important;
}

.calculator-calendar .flatpickr-months .flatpickr-prev-month,
.calculator-calendar .flatpickr-months .flatpickr-next-month {
  color: #173b8e !important;
  fill: #173b8e !important;
  background: #eef3ff !important;
}

/* Better route orientation and fewer accidental tiny touch targets. */
html body .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 9px;
  margin: 0 0 18px !important;
  color: rgba(255, 255, 255, .76) !important;
  font-size: .82rem !important;
  line-height: 1.35 !important;
}

html body .breadcrumb a {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  color: #fff !important;
}

html body button,
html body [role="button"],
html body input,
html body select,
html body textarea {
  touch-action: manipulation;
}

html body .calm-table-toggle,
html body .pricing-expand-btn {
  min-height: 46px !important;
  color: #173b8e !important;
  background: #fff !important;
  border: 1px solid #cbd7ee !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

html body .btn-primary,
html body a.btn-primary,
html body button.btn-primary,
html body .btn-nav-rezervace {
  border-color: #173b8e !important;
}

html body.home [data-calculator-handoff][hidden] {
  display: none !important;
}

html body .form-review-proof {
  background: #f1f5fb !important;
  border-color: #d4dfef !important;
}

html body.faq-page .faq-toggle-all {
  min-height: 44px !important;
}

html body.master-redesign .section-label,
html body.master-redesign .master-panel-eyebrow,
html body.master-redesign .mcb-eyebrow {
  padding: 0 0 7px !important;
  color: #173b8e !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23, 59, 142, .24) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.master-redesign.home #home-top.hero .hero-left::before {
  display: inline-block !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 0 0 7px !important;
  color: #173b8e !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23, 59, 142, .24) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.contact-master-page .page-hero .btn-primary,
html body.contact-master-page .contact-master-hero .btn-primary,
html body.faq-page .page-hero .btn-primary {
  color: #173b8e !important;
  background: #fff !important;
  border-color: #fff !important;
}

html body.contact-master-page .contact-master-assurance,
html body.contact-master-page .contact-master-support-note {
  color: #33445e !important;
  background: #f1f5fb !important;
  border-color: #d6e0ef !important;
}

html body.contact-master-page .contact-master-map > span strong,
html body.contact-master-page .contact-master-map > span small,
html body.contact-master-page .contact-master-map > span .icon {
  color: #fff !important;
}

html body.reservation-page .reservation-launch-label {
  display: block;
  width: auto;
  margin-bottom: 7px;
  padding: 0;
  color: #173b8e;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html body.reservation-page .reservation-embed-shell {
  min-height: 0 !important;
  grid-template-rows: auto !important;
}

html body.reservation-page .reservation-embed-shell > .btn {
  width: 100%;
  height: auto !important;
  min-height: 54px !important;
  align-self: start;
}

html body.reservation-page .reservation-launch-note {
  color: #52627a !important;
  opacity: 1 !important;
  background: #f4f7fc !important;
  border-color: #d9e2f0 !important;
  border-radius: 9px !important;
}

html body.reservation-page .reservation-launch-note .icon,
html body.reservation-page .reservation-hero-points .icon,
html body.reservation-page .reservation-proof-item .icon {
  color: #173b8e !important;
}

.pro-mobile-disclosure-wrap {
  display: none;
}

@media (min-width: 769px) {
  html body.master-redesign.home #home-top.hero h1 span {
    color: #dce7ff !important;
  }
}

@media (max-width: 768px) {
  html body .logo-text {
    max-width: 154px !important;
  }

  html body.site-shell > header .logo .logo-text > span {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    font-size: .68rem !important;
    line-height: 1.12 !important;
  }

  html body.site-shell > header .logo .logo-text {
    max-width: 154px !important;
  }

  html body.faq-page .page-hero p {
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
  }

  html body table.pro-responsive-table th {
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }

  html body .pricing-table th {
    padding: 10px 7px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: normal !important;
    font-size: .72rem !important;
    line-height: 1.25 !important;
  }

  html body.reservation-page .reservation-launch-card {
    padding: 18px !important;
  }

  html body.reservation-page #parkovato-reservation > [data-embed-reserve] {
    display: none !important;
  }

  html body.reservation-page .reservation-launch-card > p:not(.reservation-launch-note) {
    margin-bottom: 13px !important;
    opacity: 1 !important;
  }

  html body.reservation-page .reservation-launch-footer {
    gap: 2px !important;
  }

  html body.master-redesign.home #home-top.hero h1 span,
  html body.master-redesign.home #home-top .hero-left h1 span {
    color: #173b8e !important;
  }

  html body .logo-text > span {
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
    font-size: 11.5px !important;
  }

  body.home .parkovato-manual-card {
    gap: 10px;
    padding: 15px;
  }

  body.home .parkovato-manual-card ul {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  body.home .parkovato-manual-card li {
    min-height: 34px;
    display: flex;
    align-items: center;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  body.home .parkovato-manual-card li::before {
    top: 7px;
  }

  html body .breadcrumb {
    margin-bottom: 14px !important;
    font-size: .76rem !important;
  }

  .pro-mobile-disclosure-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 24px 0;
  }

  .pro-mobile-disclosure-wrap--section {
    margin: 0;
    padding: 26px 20px;
    background: #f7f9fd;
    border-top: 1px solid #e1e8f2;
    border-bottom: 1px solid #e1e8f2;
  }

  .pro-mobile-disclosure {
    display: inline-flex;
    width: min(100%, 430px);
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 16px;
    color: #173b8e;
    background: #fff;
    border: 1px solid #b9c9e7;
    border-radius: 9px;
    font: inherit;
    font-size: .9rem;
    font-weight: 820;
    line-height: 1.2;
    cursor: pointer;
  }

  .pro-mobile-disclosure .icon {
    width: 14px;
    height: 14px;
    transition: transform .18s ease;
  }

  .pro-mobile-disclosure[aria-expanded="true"] .icon {
    transform: rotate(180deg);
  }

  .pro-mobile-secondary:not(.is-pro-visible) {
    display: none !important;
  }

  html body.calm-design.home .real-proof-section.pro-mobile-secondary:not(.is-pro-visible) {
    display: none !important;
  }
}

@media (max-width: 350px) {
  html body.site-shell > header .logo .logo-text > span {
    display: none !important;
  }
}

/* Human editorial pass — 2026-08-15.
   Text belongs to the page, not inside decorative bubbles. Functional controls,
   forms, maps and the calculator keep their necessary containers. */
html body :is(
  .section-label,
  .master-panel-eyebrow,
  .mcb-eyebrow,
  .how-route-eyebrow,
  .wpb-eyebrow,
  .vehicle-care-kicker,
  .current-update-kicker,
  .reservation-launch-label,
  .article-tag,
  .blog-tag
) {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 0 7px !important;
  color: #173b8e !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23, 59, 142, .28) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: .72rem !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
}

html body :is(
  .section-label,
  .master-panel-eyebrow,
  .mcb-eyebrow,
  .how-route-eyebrow,
  .wpb-eyebrow,
  .vehicle-care-kicker,
  .current-update-kicker,
  .reservation-launch-label,
  .article-tag,
  .blog-tag
)::before,
html body :is(
  .section-label,
  .master-panel-eyebrow,
  .mcb-eyebrow,
  .how-route-eyebrow,
  .wpb-eyebrow,
  .vehicle-care-kicker,
  .current-update-kicker,
  .reservation-launch-label,
  .article-tag,
  .blog-tag
)::after {
  display: none !important;
  content: none !important;
}

html body :is(.fact-chip, .season-badge, .selection-badge, .topbar-badge, .best-value-badge) {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  color: #173b8e !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .master-badge-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 18px !important;
  padding: 12px 0 !important;
  border-top: 1px solid #d9e1ec !important;
  border-bottom: 1px solid #d9e1ec !important;
}

html body .master-badge-row > span {
  position: relative;
  padding: 3px 0 !important;
  color: #40516a !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .master-badge-row > span + span::before {
  content: "·";
  margin-right: 18px;
  color: #8a98ac;
}

/* Reusable editorial panels: one coherent section and readable rows. */
html body .master-panel,
html body .master-panel.master-dark {
  padding: clamp(24px, 4vw, 42px) 0 !important;
  color: #07182d !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #d9e1ec !important;
  border-bottom: 1px solid #d9e1ec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .master-panel :is(h2, h3, strong),
html body .master-panel.master-dark :is(h2, h3, strong) {
  color: #07182d !important;
}

html body .master-panel :is(p, span),
html body .master-panel.master-dark :is(p, span) {
  color: #52627a !important;
}

html body .master-panel a:not(.btn) {
  color: #173b8e !important;
}

html body .master-card-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: 22px !important;
  border-top: 1px solid #d9e1ec !important;
  border-bottom: 1px solid #d9e1ec !important;
}

html body .master-card {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 4px 14px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 20px !important;
  color: #07182d !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #d9e1ec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .master-card:nth-child(odd) {
  border-right: 1px solid #d9e1ec !important;
}

html body .master-card:nth-last-child(-n + 2) {
  border-bottom: 0 !important;
}

html body .master-card > .icon {
  grid-row: 1 / span 2 !important;
  grid-column: 1 !important;
  width: 26px !important;
  height: 26px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  color: #173b8e !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .master-card > strong {
  grid-column: 2 !important;
  color: #07182d !important;
}

html body .master-card > span {
  grid-column: 2 !important;
  color: #52627a !important;
}

/* The route page reads like an editorial timeline, not a stack of cards. */
html body.how-route-page .how-route-hero::after {
  background: rgba(4, 18, 34, .68) !important;
}

html body.how-route-page .how-route-hero-card {
  width: min(100%, 560px) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.how-route-page .how-route-eyebrow {
  color: #b8c9f4 !important;
  border-bottom-color: rgba(184, 201, 244, .55) !important;
}

html body.how-route-page .how-route-step {
  min-height: 0 !important;
  padding: 22px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #d9e1ec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.how-route-page .how-route-step-heading {
  padding-right: 42px !important;
}

html body.how-route-page .how-route-step-number {
  border-radius: 6px !important;
  box-shadow: none !important;
}

html body.how-route-page .how-route-step-visual {
  top: 24px !important;
  right: 0 !important;
}

html body.how-route-page .how-route-step-visual .icon {
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  color: #173b8e !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body.how-route-page .how-route-facts,
html body.how-route-page .how-route-question-grid {
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #d9e1ec !important;
  border-bottom: 1px solid #d9e1ec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.how-route-page .how-route-timing {
  padding: 18px 0 18px 18px !important;
  background: #f4f7fc !important;
  border: 0 !important;
  border-left: 3px solid #173b8e !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.how-route-page .how-route-timing > .icon,
html body.how-route-page .how-route-facts .icon,
html body.how-route-page .how-route-question > .icon {
  color: #173b8e !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.how-route-page .how-route-question {
  padding: 22px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #d9e1ec !important;
  border-radius: 0 !important;
}

html body.how-route-page .how-route-question:last-child {
  border-bottom: 0 !important;
}

/* Other high-traffic routes use rows and rules; booking controls stay cards. */
html body.master-utility-pricing .price-quick-grid {
  gap: 0 !important;
  border-top: 1px solid #d9e1ec !important;
  border-bottom: 1px solid #d9e1ec !important;
}

html body.master-utility-pricing .price-quick-card {
  padding: 17px 14px !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid #d9e1ec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.master-utility-pricing .price-quick-card:last-child {
  border-right: 0 !important;
}

html body :is(.mobile-conversion-box, .pricing-decision-strip, .trust-decision-panel) {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #d9e1ec !important;
  border-bottom: 1px solid #d9e1ec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .pricing-decision-points > li,
html body .trust-decision-grid > * {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #d9e1ec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.faq-page :is(.faq-priority-panel, .faq-jump-nav) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.faq-page .faq-priority-list {
  background: transparent !important;
  border-top: 1px solid #d9e1ec !important;
  border-bottom: 1px solid #d9e1ec !important;
}

html body.faq-page .faq-priority-list > li {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #d9e1ec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.faq-page .faq-priority-list > li:last-child {
  border-bottom: 0 !important;
}

html body.faq-page .faq-jump-nav > a {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.faq-page .faq-item {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #d9e1ec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.contact-master-page .contact-master-location-grid {
  gap: 0 !important;
  border-top: 1px solid #d9e1ec !important;
  border-bottom: 1px solid #d9e1ec !important;
}

html body.contact-master-page .contact-master-location {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid #d9e1ec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.contact-master-page .contact-master-location:last-child {
  border-right: 0 !important;
}

html body.contact-master-page :is(.contact-master-location-icon, .contact-master-assurance, .contact-master-support-note) {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.contact-master-page :is(.contact-master-assurance, .contact-master-support-note) {
  border: 0 !important;
  border-left: 3px solid #173b8e !important;
}

html body.reservation-page .reservation-hero-points,
html body.reservation-page .reservation-proof-grid {
  gap: 0 !important;
  border-top: 1px solid rgba(23, 59, 142, .2) !important;
  border-bottom: 1px solid rgba(23, 59, 142, .2) !important;
}

html body.reservation-page .reservation-hero-points > li,
html body.reservation-page .reservation-proof-item {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(23, 59, 142, .18) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.reservation-page .reservation-hero-points > li:nth-child(even),
html body.reservation-page .reservation-proof-item:last-child {
  border-right: 0 !important;
}

html body.reservation-page .reservation-launch-note {
  background: transparent !important;
  border: 0 !important;
  border-left: 3px solid #173b8e !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  html body .master-card-grid {
    grid-template-columns: 1fr !important;
  }

  html body .master-card,
  html body .master-card:nth-child(odd),
  html body .master-card:nth-last-child(-n + 2) {
    padding: 18px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d9e1ec !important;
  }

  html body .master-card:last-child {
    border-bottom: 0 !important;
  }

  html body.how-route-page .how-route-hero .container {
    padding-block: 110px 32px !important;
  }

  html body.how-route-page .how-route-steps,
  html body.how-route-page .how-route-steps--outbound,
  html body.how-route-page .how-route-steps--return {
    gap: 0 !important;
    padding: 12px 0 26px !important;
  }

  html body.how-route-page .how-route-steps::before {
    display: none !important;
  }

  html body.how-route-page .how-route-step,
  html body.how-route-page .how-route-step:last-child {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 20px 42px 22px 48px !important;
  }

  html body.how-route-page .how-route-step-number {
    top: 19px !important;
    left: 0 !important;
    width: 32px !important;
    height: 32px !important;
    border: 0 !important;
    font-size: 15px !important;
  }

  html body.how-route-page .how-route-step-visual {
    top: 22px !important;
  }

  html body.how-route-page .how-route-facts {
    grid-template-columns: 1fr !important;
  }

  html body.how-route-page .how-route-facts > li {
    min-height: 0 !important;
    padding: 15px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #d9e1ec !important;
  }

  html body.how-route-page .how-route-facts > li:last-child {
    border-bottom: 0 !important;
  }

  html body.how-route-page .how-route-timing {
    padding: 17px 0 17px 15px !important;
  }

  html body.how-route-page .how-route-question-grid {
    grid-template-columns: 1fr !important;
  }

  html body.master-utility-pricing .price-quick-grid {
    display: block !important;
  }

  html body.master-utility-pricing .price-quick-card,
  html body.master-utility-pricing .price-quick-card:last-child {
    padding: 16px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d9e1ec !important;
  }

  html body.master-utility-pricing .price-quick-card:last-child {
    border-bottom: 0 !important;
  }

  html body :is(.mobile-conversion-box, .pricing-decision-strip, .trust-decision-panel) {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body.faq-page .faq-priority-panel {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body.faq-page .faq-priority-list > li {
    padding: 14px 0 !important;
  }

  html body.contact-master-page .contact-master-location-grid {
    display: block !important;
  }

  html body.contact-master-page .contact-master-location,
  html body.contact-master-page .contact-master-location:last-child {
    padding: 24px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d9e1ec !important;
  }

  html body.contact-master-page .contact-master-location:last-child {
    border-bottom: 0 !important;
  }

  html body.reservation-page .reservation-hero-points > li {
    padding: 10px 8px !important;
  }

  html body.reservation-page .reservation-proof-grid {
    display: block !important;
  }

  html body.reservation-page .reservation-proof-item,
  html body.reservation-page .reservation-proof-item:last-child {
    padding: 16px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d9e1ec !important;
  }

  html body.reservation-page .reservation-proof-item:last-child {
    border-bottom: 0 !important;
  }

  html body .content-page > .container > .content-wrapper,
  html body .content-wrapper.pro-mobile-secondary {
    padding-right: 0 !important;
    padding-left: 0 !important;
    background: transparent !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

/* Parkovato premium grouped surfaces.
   The previous pass correctly removed copy capsules, but also flattened the
   structural surfaces that carry the blue, app-like hierarchy. Restore the
   latter as grouped panels: one calm container, readable rows, no pill copy. */
html body.master-redesign {
  --parkovato-blue: #2447bb;
  --parkovato-blue-deep: #173b8e;
  --parkovato-blue-soft: #eef3ff;
  --parkovato-canvas: #f6f8ff;
  --parkovato-line: rgba(36, 71, 187, .14);
  --parkovato-line-strong: rgba(36, 71, 187, .22);
  --parkovato-shadow: 0 16px 42px rgba(23, 59, 142, .10);
  --parkovato-shadow-strong: 0 22px 56px rgba(23, 59, 142, .16);
}

html body.master-redesign .master-panel,
html body.master-redesign .master-panel.master-dark {
  padding: clamp(28px, 4vw, 46px) !important;
  background: var(--parkovato-blue-soft) !important;
  border: 1px solid var(--parkovato-line) !important;
  border-radius: 26px !important;
  box-shadow: var(--parkovato-shadow) !important;
  overflow: hidden !important;
}

html body.master-redesign .master-panel.master-dark {
  color: #fff !important;
  background: var(--parkovato-blue-deep) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  box-shadow: var(--parkovato-shadow-strong) !important;
}

html body.master-redesign .master-panel.master-dark :is(h2, h3, strong) {
  color: #fff !important;
}

html body.master-redesign .master-panel.master-dark :is(p, span) {
  color: #dce6ff !important;
}

html body.master-redesign .master-card-grid {
  gap: 0 !important;
  background: rgba(255, 255, 255, .98) !important;
  border: 1px solid rgba(255, 255, 255, .20) !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 32px rgba(12, 31, 74, .12) !important;
  overflow: hidden !important;
}

html body.master-redesign .master-card {
  background: transparent !important;
  border-color: var(--parkovato-line) !important;
}

/* How it works: Apple-style grouped lists instead of isolated copy bubbles. */
html body.master-redesign.how-route-page .how-route-journey {
  background: var(--parkovato-canvas) !important;
}

html body.master-redesign.how-route-page .how-route-steps,
html body.master-redesign.how-route-page .how-route-steps--outbound,
html body.master-redesign.how-route-page .how-route-steps--return {
  gap: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid var(--parkovato-line) !important;
  border-radius: 24px !important;
  box-shadow: var(--parkovato-shadow) !important;
  overflow: hidden !important;
}

html body.master-redesign.how-route-page .how-route-step,
html body.master-redesign.how-route-page .how-route-step:last-child {
  padding: 24px 60px 24px 22px !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid var(--parkovato-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.master-redesign.how-route-page .how-route-step:last-child {
  border-right: 0 !important;
}

html body.master-redesign.how-route-page .how-route-step-number {
  color: #fff !important;
  background: var(--parkovato-blue) !important;
  border-radius: 10px !important;
}

html body.master-redesign.how-route-page .how-route-step-visual .icon {
  color: var(--parkovato-blue) !important;
}

html body.master-redesign.how-route-page .how-route-facts,
html body.master-redesign.how-route-page .how-route-question-grid {
  background: #fff !important;
  border: 1px solid var(--parkovato-line) !important;
  border-radius: 22px !important;
  box-shadow: var(--parkovato-shadow) !important;
  overflow: hidden !important;
}

html body.master-redesign.how-route-page .how-route-timing {
  padding: 20px 22px !important;
  background: var(--parkovato-blue-soft) !important;
  border: 1px solid var(--parkovato-line) !important;
  border-left: 4px solid var(--parkovato-blue) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(23, 59, 142, .08) !important;
}

/* Shared page families keep blue depth at the group level. */
html body.master-redesign.master-utility-pricing .price-quick-grid,
html body.master-redesign.faq-page .faq-priority-list,
html body.master-redesign.contact-master-page .contact-master-location-grid,
html body.master-redesign.reservation-page .reservation-proof-grid,
html body.master-redesign.reservation-page .reservation-hero-points {
  background: #fff !important;
  border: 1px solid var(--parkovato-line) !important;
  border-radius: 22px !important;
  box-shadow: var(--parkovato-shadow) !important;
  overflow: hidden !important;
}

html body.master-redesign.faq-page .faq-priority-panel,
html body.master-redesign :is(.mobile-conversion-box, .pricing-decision-strip, .trust-decision-panel) {
  padding: clamp(22px, 3vw, 32px) !important;
  background: var(--parkovato-blue-soft) !important;
  border: 1px solid var(--parkovato-line) !important;
  border-radius: 24px !important;
  box-shadow: var(--parkovato-shadow) !important;
}

html body.master-redesign.faq-page.faq-page .faq-priority-panel {
  padding: clamp(22px, 3vw, 32px) !important;
  background: var(--parkovato-blue-soft) !important;
  border: 1px solid var(--parkovato-line) !important;
  border-radius: 24px !important;
  box-shadow: var(--parkovato-shadow) !important;
}

html body.master-redesign.master-utility-pricing .price-quick-grid > .price-quick-card,
html body.master-redesign.master-utility-pricing .price-quick-grid > .price-quick-card:first-child,
html body.master-redesign.master-utility-pricing .price-quick-grid > .price-quick-card:last-child,
html body.master-redesign.faq-page .faq-priority-list > li,
html body.master-redesign.faq-page .faq-priority-list > li:first-child,
html body.master-redesign.faq-page .faq-priority-list > li:last-child {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.master-redesign .btn,
html body.master-redesign .how-route-primary,
html body.master-redesign .contact-master-location .btn {
  border-radius: 14px !important;
}

@media (max-width: 760px) {
  html body.master-redesign .master-panel,
  html body.master-redesign .master-panel.master-dark {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  html body.master-redesign.how-route-page .how-route-journey {
    padding-top: 38px !important;
  }

  html body.master-redesign.how-route-page .how-route-steps,
  html body.master-redesign.how-route-page .how-route-steps--outbound,
  html body.master-redesign.how-route-page .how-route-steps--return {
    border-radius: 20px !important;
  }

  html body.master-redesign.how-route-page .how-route-step,
  html body.master-redesign.how-route-page .how-route-step:last-child {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 20px 50px 22px 52px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--parkovato-line) !important;
  }

  html body.master-redesign.how-route-page .how-route-step:last-child {
    border-bottom: 0 !important;
  }

  html body.master-redesign.how-route-page .how-route-step-number {
    top: 19px !important;
    left: 14px !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
  }

  html body.master-redesign.how-route-page .how-route-step-visual {
    right: 14px !important;
  }

  html body.master-redesign.master-utility-pricing .price-quick-grid > .price-quick-card,
  html body.master-redesign.master-utility-pricing .price-quick-grid > .price-quick-card:first-child,
  html body.master-redesign.master-utility-pricing .price-quick-grid > .price-quick-card:last-child,
  html body.master-redesign.faq-page .faq-priority-list > li,
  html body.master-redesign.faq-page .faq-priority-list > li:first-child,
  html body.master-redesign.faq-page .faq-priority-list > li:last-child {
    padding: 17px 18px !important;
    border-bottom: 1px solid var(--parkovato-line) !important;
  }

  html body.master-redesign.master-utility-pricing .price-quick-grid > .price-quick-card:last-child,
  html body.master-redesign.faq-page .faq-priority-list > li:last-child {
    border-bottom: 0 !important;
  }

  html body.master-redesign.faq-page .faq-priority-panel,
  html body.master-redesign :is(.mobile-conversion-box, .pricing-decision-strip, .trust-decision-panel) {
    padding: 20px !important;
    border-radius: 20px !important;
  }

  html body.master-redesign.faq-page.faq-page .faq-priority-panel {
    padding: 20px !important;
    border-radius: 20px !important;
  }
}

/* Specificity guard for the legacy master layer, whose component rules use
   !important and two class selectors. Keep this final block last. */
html body.master-redesign :is(.mobile-conversion-box, .pricing-decision-strip, .trust-decision-panel) {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #d9e1ec !important;
  border-bottom: 1px solid #d9e1ec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.master-redesign :is(.pricing-decision-points > li, .trust-decision-grid > *) {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid #d9e1ec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.master-redesign .master-card {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #d9e1ec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.master-redesign .master-card:nth-child(odd) {
  border-right: 1px solid #d9e1ec !important;
}

html body.master-redesign .master-card:nth-last-child(-n + 2) {
  border-bottom: 0 !important;
}

html body.master-utility-pricing .price-quick-grid,
html body.faq-page .faq-priority-list {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.reservation-page .reservation-hero-points > li {
  color: #263750 !important;
}

html body.reservation-page .reservation-hero-points > li .icon {
  color: #173b8e !important;
}

@media (max-width: 760px) {
  html body.master-redesign .master-card,
  html body.master-redesign .master-card:nth-child(odd),
  html body.master-redesign .master-card:nth-last-child(-n + 2) {
    border-right: 0 !important;
    border-bottom: 1px solid #d9e1ec !important;
  }

  html body.master-redesign .master-card:last-child {
    border-bottom: 0 !important;
  }

  html body.master-redesign :is(.mobile-conversion-box, .pricing-decision-strip, .trust-decision-panel) {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

/* Final editorial cleanup: remove generated trust lozenges and neutralise the
   last high-specificity rounded rows left by the older mobile layer. */
html body:not(.home) .page-hero::after {
  display: none !important;
  content: none !important;
}

html body.how-route-page .how-route-lane-heading > span,
html body.contact-master-page .section-label,
html body .facts-updated {
  display: inline-flex !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #263750 !important;
  letter-spacing: .04em !important;
}

html body.how-route-page .how-route-lane-heading > span {
  color: #0b2542 !important;
}

html body.master-redesign.master-redesign.master-redesign .section-label.section-label,
html body.contact-master-page.master-redesign.master-utility-contact .section-label.section-label,
html body .facts-updated.facts-updated {
  display: inline-flex !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #263750 !important;
}

/* The editorial-label layer intentionally uses an ID-strength :not() selector.
   Match that specificity here so decorative capsules stay flat on desktop too. */
html:not(#green-pill-ui) body .section-label.section-label,
html:not(#green-pill-ui) body .master-panel-eyebrow.master-panel-eyebrow,
html:not(#green-pill-ui) body .mcb-eyebrow.mcb-eyebrow {
  display: inline-flex !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 0 0 7px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23, 59, 142, .25) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #173b8e !important;
}

html body.master-redesign.master-utility-pricing .price-quick-grid > .price-quick-card,
html body.master-redesign.master-utility-pricing .price-quick-grid > .price-quick-card:first-child,
html body.master-redesign.master-utility-pricing .price-quick-grid > .price-quick-card:last-child {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.master-redesign.faq-page .faq-priority-list > li,
html body.master-redesign.faq-page .faq-priority-list > li:first-child,
html body.master-redesign.faq-page .faq-priority-list > li:last-child {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.master-redesign.faq-page .faq-priority-list > li::before {
  display: none !important;
  content: none !important;
}

html body.faq-page.faq-page .faq-priority-panel .faq-priority-list > li,
html body.faq-page.faq-page .faq-priority-panel .faq-priority-list > li:first-child,
html body.faq-page.faq-page .faq-priority-panel .faq-priority-list > li:last-child {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.faq-page.faq-page .faq-priority-panel .faq-priority-list > li::before {
  display: none !important;
  content: none !important;
}

@media (max-width: 760px) {
  html body.master-redesign.master-utility-pricing .price-quick-grid > .price-quick-card,
  html body.master-redesign.master-utility-pricing .price-quick-grid > .price-quick-card:first-child,
  html body.master-redesign.master-utility-pricing .price-quick-grid > .price-quick-card:last-child {
    padding: 16px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d9e1ec !important;
  }

  html body.master-redesign.master-utility-pricing .price-quick-grid > .price-quick-card:last-child {
    border-bottom: 0 !important;
  }

  html body.master-redesign.faq-page .faq-priority-list > li,
  html body.master-redesign.faq-page .faq-priority-list > li:first-child,
  html body.master-redesign.faq-page .faq-priority-list > li:last-child {
    padding: 14px 0 !important;
  }

  html body.faq-page.faq-page .faq-priority-panel .faq-priority-list > li,
  html body.faq-page.faq-page .faq-priority-panel .faq-priority-list > li:first-child,
  html body.faq-page.faq-page .faq-priority-panel .faq-priority-list > li:last-child {
    padding: 14px 0 !important;
  }
}

/* Final authority: preserve grouped Parkovato surfaces after every legacy
   editorial reset. Labels and copy remain flat; only structural containers
   receive the premium blue/white depth. */
html body.how-route-page {
  --how-green: #2447bb;
  --how-green-dark: #173b8e;
  --how-mint: #eef3ff;
  --how-line: #dce4f5;
  --how-surface: #f6f8ff;
}

html body.how-route-page .how-route-proof li + li::before,
html body.how-route-page .how-route-steps::before {
  background: rgba(36, 71, 187, .28) !important;
}

html body.how-route-page .how-route-proof .icon,
html body.how-route-page .how-route-lane-heading .icon {
  fill: #7f9cf5 !important;
}

html body.how-route-page .how-route-turn .icon {
  background: #eef3ff !important;
  border-color: rgba(36, 71, 187, .22) !important;
  fill: #2447bb !important;
}

html body.master-redesign.master-redesign .master-panel,
html body.master-redesign.master-redesign .master-panel.master-dark {
  padding: clamp(28px, 4vw, 46px) !important;
  background: var(--parkovato-blue-soft) !important;
  border: 1px solid var(--parkovato-line) !important;
  border-radius: 26px !important;
  box-shadow: var(--parkovato-shadow) !important;
  overflow: hidden !important;
}

html body.master-redesign.master-redesign .master-panel.master-dark {
  color: #fff !important;
  background: var(--parkovato-blue-deep) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  box-shadow: var(--parkovato-shadow-strong) !important;
}

html body.master-redesign.master-redesign .master-card-grid,
html body.master-redesign.master-utility-pricing .price-quick-grid,
html body.master-redesign.faq-page .faq-priority-list,
html body.master-redesign.contact-master-page .contact-master-location-grid,
html body.master-redesign.reservation-page .reservation-proof-grid,
html body.master-redesign.reservation-page .reservation-hero-points,
html body.master-redesign.how-route-page .how-route-facts,
html body.master-redesign.how-route-page .how-route-question-grid {
  background: #fff !important;
  border: 1px solid var(--parkovato-line) !important;
  border-radius: 22px !important;
  box-shadow: var(--parkovato-shadow) !important;
  overflow: hidden !important;
}

html body.master-redesign.faq-page.faq-page .faq-priority-panel,
html body.master-redesign.master-redesign :is(.mobile-conversion-box, .pricing-decision-strip, .trust-decision-panel) {
  padding: clamp(22px, 3vw, 32px) !important;
  background: var(--parkovato-blue-soft) !important;
  border: 1px solid var(--parkovato-line) !important;
  border-radius: 24px !important;
  box-shadow: var(--parkovato-shadow) !important;
}

html body.faq-page.faq-page .faq-priority-panel {
  padding: clamp(22px, 3vw, 32px) !important;
  background: #eef3ff !important;
  border: 1px solid rgba(36, 71, 187, .14) !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 42px rgba(23, 59, 142, .10) !important;
}

html body.faq-page.faq-page .faq-priority-list {
  background: #fff !important;
  border: 1px solid rgba(36, 71, 187, .14) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(23, 59, 142, .08) !important;
  overflow: hidden !important;
}

html body.master-redesign.master-redesign .master-card {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  html body.master-redesign.master-redesign .master-panel,
  html body.master-redesign.master-redesign .master-panel.master-dark {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  html body.master-redesign.faq-page.faq-page .faq-priority-panel,
  html body.master-redesign.master-redesign :is(.mobile-conversion-box, .pricing-decision-strip, .trust-decision-panel) {
    padding: 20px !important;
    border-radius: 20px !important;
  }

  html body.faq-page.faq-page .faq-priority-panel {
    padding: 20px !important;
    border-radius: 20px !important;
  }

  html body.faq-page.faq-page .faq-priority-panel .faq-priority-list > li,
  html body.faq-page.faq-page .faq-priority-panel .faq-priority-list > li:first-child,
  html body.faq-page.faq-page .faq-priority-panel .faq-priority-list > li:last-child {
    padding: 16px 18px !important;
  }
}


/* Production QA pass 2026-08-25: Safari-safe media, compact mobile reading
   rhythm and final contrast/alignment guards for the audited routes. */
html body.contact-master-page .contact-master-map iframe {
  width: 100% !important;
  max-width: none !important;
  border: 0 !important;
  pointer-events: auto !important;
}

html body.contact-master-page .contact-master-main .contact-master-map-footer a,
html body.contact-master-page .contact-master-main .contact-master-map-footer a:hover,
html body.contact-master-page .contact-master-main .contact-master-map-footer a:focus-visible {
  color: #fff !important;
  background: #173b8e !important;
}

html body.faq-page.faq-selected-variant .still-question a.btn,
html body.faq-page.faq-selected-variant .still-question a.btn:visited {
  color: #fff !important;
  border-color: #173b8e !important;
}

html body.faq-page.faq-selected-variant .still-question a.btn-primary {
  background: #173b8e !important;
}

html body.faq-page.faq-selected-variant .still-question a.btn-secondary {
  color: #fff !important;
  background: #0a2340 !important;
  border-color: #0a2340 !important;
}

html body.master-redesign:not(.home) .blog-card-image,
html body.master-redesign:not(.home) .blog-card-image picture {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #e9eef6 !important;
}

html body.master-redesign:not(.home) .blog-card-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

html body.master-redesign:not(.home) .blog-card h2,
html body.master-redesign:not(.home) .blog-card p,
html body.how-route-page .how-route-step h3,
html body.how-route-page .how-route-step p,
html body.contact-master-page .contact-master-location-copy,
html body.faq-page.faq-selected-variant .still-question {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}

@media (max-width: 760px) {
  html body.master-redesign.contact-master-page .contact-master-location-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.contact-master-page .contact-master-location,
  html body.contact-master-page .contact-master-location:last-child {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 20px 18px 18px !important;
    background: #fff !important;
    border: 1px solid #dbe5ec !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 28px rgba(7, 27, 49, .07) !important;
  }

  html body.contact-master-page .contact-master-location + .contact-master-location,
  html body.contact-master-page .contact-master-location:last-child {
    border-right: 1px solid #dbe5ec !important;
    border-bottom: 1px solid #dbe5ec !important;
    border-left: 1px solid #dbe5ec !important;
  }

  html body.contact-master-page .contact-master-location::before {
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: auto !important;
    height: 4px !important;
    border-radius: 18px 18px 0 0 !important;
  }

  html body.contact-master-page .contact-master-location-actions {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 8px !important;
  }

  html body.contact-master-page .contact-master-location-actions .btn,
  html body.contact-master-page .contact-master-detail {
    width: 100% !important;
    min-height: 46px !important;
    justify-content: center !important;
    border-radius: 12px !important;
  }

  html body.contact-master-page .contact-master-assurance {
    border-left-width: 1px !important;
    border-radius: 14px !important;
  }

  html body.contact-master-page .contact-master-map-grid {
    border-radius: 18px !important;
  }

  html body.contact-master-page .contact-master-map {
    min-height: 360px !important;
    grid-template-rows: 290px auto !important;
    transform: none !important;
  }

  html body.contact-master-page .contact-master-map iframe {
    min-height: 290px !important;
  }

  html body.contact-master-page .contact-master-map-footer {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  html body.contact-master-page .contact-master-map-footer a {
    min-height: 44px !important;
    padding: 9px 11px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }

  html body.how-route-page .how-route-lane-heading span {
    font-size: 17px !important;
  }

  html body.how-route-page .how-route-step,
  html body.how-route-page .how-route-step:last-child {
    padding: 16px 54px 16px 46px !important;
  }

  html body.how-route-page .how-route-step h3 {
    font-size: 17px !important;
    line-height: 1.24 !important;
    letter-spacing: -.015em !important;
  }

  html body.how-route-page .how-route-step p {
    margin-top: 7px !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
  }

  html body.master-redesign:not(.home) .blog-card {
    border-radius: 18px !important;
  }

  html body.master-redesign:not(.home) .blog-card-image,
  html body.master-redesign:not(.home) .blog-card-image picture {
    aspect-ratio: 16 / 9 !important;
    max-height: 230px !important;
  }

  html body.master-redesign:not(.home) .blog-card-body {
    padding: 20px !important;
  }

  html body.master-redesign:not(.home) .blog-card h2 {
    margin: 10px 0 11px !important;
    font-size: clamp(22px, 6.5vw, 26px) !important;
    line-height: 1.13 !important;
    letter-spacing: -.03em !important;
  }

  html body.master-redesign:not(.home) .blog-card p,
  html body.master-redesign:not(.home) .blog-card .article-content p {
    margin-bottom: 14px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  html body.master-redesign:not(.home) .blog-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px 12px !important;
  }

  html body.master-redesign:not(.home) .blog-read-more {
    display: inline-flex !important;
    min-height: 44px !important;
    align-items: center !important;
    font-size: 15px !important;
  }

  html body.faq-page.faq-selected-variant .still-question {
    margin-top: 42px !important;
    padding: 24px 0 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
  }

  html body.faq-page.faq-selected-variant .still-question h3 {
    font-size: 22px !important;
    line-height: 1.18 !important;
  }

  html body.faq-page.faq-selected-variant .still-question p {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  html body.faq-page.faq-selected-variant .still-question .btn {
    display: inline-flex !important;
    min-height: 50px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 8px 0 0 !important;
  }
}