/*
 * AutoTechPete beta-inspired visual theme.
 * This file intentionally sits after public.css so the theme can be adjusted
 * or removed without disturbing the site's working layout and components.
 */

.theme-beta-inspired {
    /* Exact Tailwind color profile used by the beta. */
    --ink: oklch(0.129 0.042 264.695);
    --ink-2: rgb(15, 23, 42);
    --paper: rgb(15, 23, 42);
    --white: oklch(0.208 0.042 265.755);
    --muted: oklch(0.704 0.04 256.788);
    --line: oklch(0.372 0.044 257.287);
    --red: oklch(0.704 0.191 22.216);
    --red-dark: oklch(0.637 0.237 25.331);
    --gold: oklch(0.828 0.189 84.429);
    --green: oklch(0.765 0.177 163.223);
    --panel: oklch(0.208 0.042 265.755);
    --panel-2: oklch(0.279 0.041 260.031);
    --panel-3: oklch(0.372 0.044 257.287);
    --text: oklch(0.968 0.007 247.896);
    --text-soft: oklch(0.869 0.022 252.894);
    --beta-radius: 18px;
    --shadow: 0 22px 55px rgba(0, 0, 0, .26);
    background: rgb(15, 23, 42);
    color: var(--text);
    font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.theme-beta-inspired main {
    background:
        radial-gradient(circle at 10% 8%, oklch(0.704 0.191 22.216 / .07), transparent 25rem),
        rgb(15, 23, 42);
}

.theme-beta-inspired :where(h1, h2, h3, h4, b, strong) {
    color: var(--text);
}

.theme-beta-inspired :where(.section-heading > p, .field-intro, .content-grid article > p, .prose p) {
    color: var(--muted);
}

.theme-beta-inspired .eyebrow,
.theme-beta-inspired .menu-kicker {
    color: oklch(0.704 0.191 22.216);
}

.theme-beta-inspired .eyebrow {
    padding: 6px 10px;
    border: 1px solid oklch(0.704 0.191 22.216 / .3);
    border-radius: 999px;
    background: oklch(0.704 0.191 22.216 / .1);
    letter-spacing: .11em;
}

.theme-beta-inspired .eyebrow.light {
    color: oklch(0.808 0.114 19.571);
}

.theme-beta-inspired .text-link {
    color: oklch(0.704 0.191 22.216);
}

.theme-beta-inspired .button {
    min-height: 48px;
    border: 1px solid oklch(0.704 0.191 22.216 / .35);
    border-radius: 12px;
    background: oklch(0.637 0.237 25.331);
    box-shadow: 0 10px 28px oklch(0.637 0.237 25.331 / .25);
}

.theme-beta-inspired .button:hover {
    background: oklch(0.704 0.191 22.216);
    box-shadow: 0 13px 34px oklch(0.637 0.237 25.331 / .32);
}

.theme-beta-inspired .button-light,
.theme-beta-inspired .button-outline {
    border-color: #3a4962;
    background: #172238;
    color: var(--text);
    box-shadow: none;
}

.theme-beta-inspired .button-light:hover,
.theme-beta-inspired .button-outline:hover {
    border-color: #fb7185;
    background: #202e47;
}

/* Header: compact, dark, and close to the beta without crowding the menu. */
.theme-beta-inspired .utility-bar {
    border-bottom: 1px solid #1e293b;
    background: #070b13;
    color: #aebbd0;
}

.theme-beta-inspired .utility-inner > span:first-child {
    color: #e2e8f0;
}

.theme-beta-inspired .utility-inner > span:first-child b {
    color: #fb7185;
}

.theme-beta-inspired .utility-inner > span:first-child > i:not([data-lucide]) {
    color: #475569;
    font-style: normal;
}

.theme-beta-inspired .utility-inner svg {
    color: #f59e0b;
}

.theme-beta-inspired .site-header {
    border-bottom: 1px solid rgba(71, 85, 105, .45);
    background: rgba(15, 23, 42, .95);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .2);
    color: #e2e8f0;
}

.theme-beta-inspired .nav-wrap {
    height: 78px;
    gap: 28px;
}

.theme-beta-inspired .brand {
    min-width: 215px;
}

.theme-beta-inspired .brand img {
    width: 64px;
    height: 52px;
    padding: 4px;
    border: 1px solid #334155;
    border-radius: 12px;
    background: #1e293b;
}

.theme-beta-inspired .brand b {
    font-size: 18px;
    letter-spacing: -.025em;
}

.theme-beta-inspired .beta-brand-wordmark b {
    display: flex;
    align-items: center;
    flex-direction: row;
    color: #f8fafc;
    font-size: 16px;
    letter-spacing: -.04em;
}

.theme-beta-inspired .beta-brand-wordmark b > span {
    display: inline;
    color: #fb7185;
}

.theme-beta-inspired .beta-brand-wordmark em {
    margin-left: 5px;
    padding: 2px 4px;
    border: 1px solid #be123c;
    border-radius: 3px;
    color: #fb7185;
    font: 800 9px/1 'Manrope', Arial, sans-serif;
    letter-spacing: 0;
}

.theme-beta-inspired .brand small {
    color: #94a3b8;
}

.theme-beta-inspired .main-nav {
    gap: 23px;
}

.theme-beta-inspired .main-nav > a,
.theme-beta-inspired .nav-trigger > a {
    color: #d7dfeb;
}

.theme-beta-inspired .main-nav > a:hover,
.theme-beta-inspired .nav-trigger > a:hover {
    color: #fff;
}

.theme-beta-inspired .nav-trigger button,
.theme-beta-inspired .menu-toggle {
    color: #cbd5e1;
}

.theme-beta-inspired .header-search-toggle,
.theme-beta-inspired .header-share-toggle,
.theme-beta-inspired .menu-toggle {
    border-color: #3a4962;
    background: #172238;
    color: #e2e8f0;
    border-radius: 11px;
}

.theme-beta-inspired .dropdown-menu,
.theme-beta-inspired .mega-menu {
    border-color: #334155;
    background: #111a2c;
    box-shadow: 0 26px 60px rgba(0, 0, 0, .45);
    color: #e2e8f0;
}

.theme-beta-inspired .mega-menu h3,
.theme-beta-inspired .dropdown-menu h3,
.theme-beta-inspired .service-menu-list b {
    color: #f8fafc;
}

.theme-beta-inspired .mega-column a,
.theme-beta-inspired .menu-links a,
.theme-beta-inspired .service-menu-list a,
.theme-beta-inspired .area-link-grid a {
    color: #b9c5d5;
}

.theme-beta-inspired .service-menu-list a,
.theme-beta-inspired .area-link-grid a,
.theme-beta-inspired .compact-menu > a {
    border-color: #2b3a50;
    background: #172238;
}

.theme-beta-inspired .service-menu-list a:hover,
.theme-beta-inspired .area-link-grid a:hover,
.theme-beta-inspired .compact-menu > a:hover {
    border-color: rgba(251, 113, 133, .45);
    background: #1c2940;
}

.theme-beta-inspired .mega-intro,
.theme-beta-inspired .area-menu > div:first-child {
    border-color: #334155;
}

/* Homepage hero: beta-like identity bar, rich navy canvas, red/amber accent. */
.theme-beta-inspired .hero-service-slider {
    min-height: 800px;
    padding-top: 34px;
    background: #090d16;
}

.theme-beta-inspired .hero-service-slider::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        radial-gradient(circle at 82% 20%, rgba(244, 63, 94, .15), transparent 27rem),
        linear-gradient(90deg, rgba(9, 13, 22, .99) 0%, rgba(9, 13, 22, .94) 43%, rgba(9, 13, 22, .66) 73%, rgba(9, 13, 22, .82) 100%);
}

.theme-beta-inspired .hero-slider-bg {
    opacity: .22;
    filter: saturate(.65) contrast(1.04);
}

.theme-beta-inspired .hero-slider-bg.is-active {
    opacity: .24;
}

.theme-beta-inspired .hero-pete-strip {
    position: relative;
    z-index: 3;
    display: flex;
    min-height: 76px;
    margin-bottom: 48px;
    padding: 11px 16px;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    border: 1px solid #334155;
    border-radius: 18px;
    background: rgba(23, 32, 51, .9);
    box-shadow: 0 14px 36px rgba(0, 0, 0, .2);
    backdrop-filter: blur(15px);
}

.theme-beta-inspired .hero-pete-identity,
.theme-beta-inspired .hero-pete-direct,
.theme-beta-inspired .hero-pete-direct a {
    display: flex;
    align-items: center;
}

.theme-beta-inspired .hero-pete-identity {
    gap: 13px;
}

.theme-beta-inspired .hero-pete-identity img {
    width: 58px;
    height: 48px;
    padding: 3px;
    object-fit: contain;
    border: 1px solid #34445c;
    border-radius: 12px;
    background: #1e293b;
}

.theme-beta-inspired .hero-pete-identity > span,
.theme-beta-inspired .hero-pete-direct > span {
    display: flex;
    flex-direction: column;
}

.theme-beta-inspired .hero-pete-identity b {
    font: 800 17px 'Manrope', sans-serif;
}

.theme-beta-inspired .hero-pete-identity small,
.theme-beta-inspired .hero-pete-direct > span {
    color: #9eacc0;
    font-size: 12px;
}

.theme-beta-inspired .hero-pete-direct {
    gap: 16px;
}

.theme-beta-inspired .hero-pete-direct > span {
    text-align: right;
}

.theme-beta-inspired .hero-pete-direct a {
    gap: 8px;
    padding: 11px 15px;
    border: 1px solid rgba(251, 113, 133, .35);
    border-radius: 11px;
    background: linear-gradient(135deg, #dc2626, #f43f5e);
    color: #fff;
    font-weight: 800;
    box-shadow: 0 8px 22px rgba(225, 29, 72, .23);
}

.theme-beta-inspired .hero-pete-direct svg {
    width: 17px;
}

.theme-beta-inspired .hero-service-slider .hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(380px, .72fr);
    gap: 72px;
    align-items: start;
}

.theme-beta-inspired .hero-location {
    color: #fda4af;
    background: rgba(244, 63, 94, .1);
}

.theme-beta-inspired .hero-service-kicker {
    color: #cbd5e1;
}

.theme-beta-inspired .hero h1,
.theme-beta-inspired .page-hero h1,
.theme-beta-inspired .detail-hero h1 {
    color: #fff;
}

.theme-beta-inspired .hero-service-slider .hero-slide h1 {
    max-width: 720px;
    font-size: clamp(46px, 5.25vw, 68px);
    line-height: 1.04;
}

.theme-beta-inspired .hero h1 em {
    color: #fb7185;
    background: linear-gradient(90deg, #fb4f5d, #f59e0b);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.theme-beta-inspired .hero-lede {
    max-width: 680px;
    color: #cbd5e1;
}

.theme-beta-inspired .hero-service-slider .hero-actions {
    margin-top: 30px;
}

.theme-beta-inspired .hero-service-slider .hero-proof {
    display: none;
}

.theme-beta-inspired .hero-side-panel {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.theme-beta-inspired .availability-card {
    border: 1px solid #34445c;
    background: rgba(23, 32, 51, .94);
    color: #f8fafc;
    padding: 25px;
    box-shadow: 0 25px 65px rgba(0, 0, 0, .38);
    backdrop-filter: blur(15px);
}

.theme-beta-inspired .card-heading {
    gap: 13px;
    padding-bottom: 17px;
    border-color: #334155;
}

.theme-beta-inspired .card-heading h2 {
    font-size: 20px;
}

.theme-beta-inspired .card-heading p {
    font-size: 13px;
}

.theme-beta-inspired .zip-form {
    padding-top: 17px;
}

.theme-beta-inspired .zip-field {
    height: 53px;
}

.theme-beta-inspired .card-heading p,
.theme-beta-inspired .card-trust {
    color: #a8b5c6;
}

.theme-beta-inspired .step-badge,
.theme-beta-inspired .icon-box,
.theme-beta-inspired .assurance-icon,
.theme-beta-inspired .aside-card li > span,
.theme-beta-inspired .app-steps-grid li > span {
    background: rgba(244, 63, 94, .12);
    color: #fb7185;
}

.theme-beta-inspired .zip-field {
    border-color: #3b4a60;
    background: #0c1422;
}

.theme-beta-inspired .zip-field input {
    background: transparent;
    color: #f8fafc;
}

.theme-beta-inspired .zip-field button {
    background: linear-gradient(135deg, #dc2626, #f43f5e);
}

.theme-beta-inspired .card-trust {
    padding-top: 15px;
    border-color: #334155;
}

.theme-beta-inspired .hero-job-glimpses {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.theme-beta-inspired .hero-job-glimpses a {
    position: relative;
    min-width: 0;
    height: 118px;
    overflow: hidden;
    border: 1px solid #334155;
    border-radius: 15px;
    background: #172238;
}

.theme-beta-inspired .hero-job-glimpses img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.82) brightness(.75);
    transition: transform .25s ease, filter .25s ease;
}

.theme-beta-inspired .hero-job-glimpses a:hover img {
    transform: scale(1.035);
    filter: saturate(.95) brightness(.86);
}

.theme-beta-inspired .hero-job-glimpses span {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 18px 11px 9px;
    background: linear-gradient(transparent, rgba(7, 11, 19, .92));
    color: #f8fafc;
    font-size: 11px;
    font-weight: 750;
}

.theme-beta-inspired .hero-job-glimpses svg {
    width: 13px;
    color: #fb7185;
}

.theme-beta-inspired .trust-strip {
    height: auto;
    margin-top: 52px;
    padding: 0;
    border: 0;
    gap: 12px;
    border-color: #29364b;
}

.theme-beta-inspired .trust-strip > div {
    min-height: 78px;
    padding: 14px 16px;
    justify-content: flex-start;
    border: 1px solid #2e3d53;
    border-radius: 14px;
    background: rgba(23, 32, 51, .82);
    color: #cbd5e1;
}

.theme-beta-inspired .trust-strip > div:last-child {
    border: 1px solid #2e3d53;
}

.theme-beta-inspired .trust-strip b {
    color: #fb7185;
}

/* Dark slate sections and elevated cards throughout the existing site. */
.theme-beta-inspired .section {
    background: transparent;
}

.theme-beta-inspired .google-reviews-section,
.theme-beta-inspired .service-assurance,
.theme-beta-inspired .popular-services-section,
.theme-beta-inspired .vehicle-showcase,
.theme-beta-inspired .home-promotions,
.theme-beta-inspired .symptom-section,
.theme-beta-inspired .why-section,
.theme-beta-inspired .home-faq,
.theme-beta-inspired .proof-section,
.theme-beta-inspired .app-steps-section,
.theme-beta-inspired .detail-faq,
.theme-beta-inspired .area-services-section,
.theme-beta-inspired .html-sitemap,
.theme-beta-inspired .social-share {
    border-top: 1px solid rgba(51, 65, 85, .5);
    background: #0f172a;
}

.theme-beta-inspired #main > .section:nth-of-type(even):not(.process-section):not(.coverage-section):not(.brake-specialty-home):not(.app-promo) {
    background: #0c1422;
}

.theme-beta-inspired :where(
    .service-card,
    .catalog-card,
    .estimate-card,
    .benefit-grid article,
    .review-card,
    .review-cta,
    .value-row article,
    .faq-list details,
    .contact-grid > a,
    .promo-grid article,
    .article-grid > a,
    .app-points article,
    .symptom-grid > a,
    .home-review-grid blockquote,
    .home-promo-grid > a,
    .popular-service-grid > a,
    .vehicle-make-grid > a,
    .fact-columns article,
    .rich-info-grid aside,
    .detail-link-cloud a,
    .related-stack > a,
    .nearby-cards > a,
    .compact-service-grid > a,
    .area-summary-grid > a,
    .sitemap-card,
    .sitemap-subgroup,
    .sitemap-main-grid > a,
    .sitemap-link-list a,
    .sitemap-county-links a,
    .sitemap-info-links a
) {
    border-color: #2b3a50;
    background: #172238;
    color: #e7edf5;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
}

.theme-beta-inspired :where(
    .service-card,
    .catalog-card,
    .benefit-grid article,
    .symptom-grid > a,
    .home-promo-grid > a,
    .popular-service-grid > a,
    .vehicle-make-grid > a,
    .related-stack > a,
    .nearby-cards > a,
    .compact-service-grid > a
):hover {
    border-color: rgba(251, 113, 133, .52);
    background: #1c2940;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
}

.theme-beta-inspired :where(
    .service-card p,
    .catalog-card p,
    .benefit-grid p,
    .value-row p,
    .faq-list p,
    .contact-grid small,
    .promo-grid p,
    .article-grid p,
    .symptom-grid small,
    .home-promo-grid p,
    .popular-service-grid small,
    .vehicle-make-grid small,
    .fact-columns p,
    .rich-info-grid aside p,
    .sitemap-card p
) {
    color: #9eacc0;
}

.theme-beta-inspired .vehicle-mark {
    overflow: hidden;
    border-color: #cbd5e1;
    background: #fff;
    color: #0f172a;
    box-shadow:
        inset 0 0 0 6px #f1f5f9,
        0 8px 20px rgba(2, 6, 23, .2);
}

.theme-beta-inspired .vehicle-mark img {
    width: 72%;
    height: 72%;
    object-fit: contain;
    filter: none;
}

.theme-beta-inspired .home-promo-grid img,
.theme-beta-inspired .popular-service-photo,
.theme-beta-inspired .brake-specialty-card-grid img {
    filter: saturate(.88) contrast(1.04);
}

.theme-beta-inspired .assurance-grid article {
    border-color: #2b3a50;
    background: #172238;
    box-shadow: 0 11px 30px rgba(0, 0, 0, .14);
}

.theme-beta-inspired .brake-specialty-home,
.theme-beta-inspired .process-section,
.theme-beta-inspired .app-promo,
.theme-beta-inspired .coverage-section {
    background:
        radial-gradient(circle at 78% 20%, rgba(244, 63, 94, .12), transparent 27rem),
        linear-gradient(145deg, #0b1220, #111b2e);
}

.theme-beta-inspired .brake-specialty-card-grid > a {
    border-color: #334155;
    background: #172238;
}

.theme-beta-inspired .brake-specialty-card-grid > a:hover {
    border-color: rgba(251, 113, 133, .6);
}

.theme-beta-inspired .process-photo img,
.theme-beta-inspired .brake-specialty-card-grid > a,
.theme-beta-inspired .home-promo-grid > a,
.theme-beta-inspired .popular-service-grid > a {
    border-radius: var(--beta-radius);
}

.theme-beta-inspired .photo-note,
.theme-beta-inspired .about-photo > span,
.theme-beta-inspired .promotion-deadline {
    border: 1px solid #34445c;
    background: #172238;
    color: #f8fafc;
}

.theme-beta-inspired .area-cloud a,
.theme-beta-inspired .inline-links a {
    border-color: #3a4962;
    background: #172238;
    color: #dbe4ef;
}

.theme-beta-inspired .area-cloud a:hover,
.theme-beta-inspired .inline-links a:hover {
    border-color: #fb7185;
    background: #202e47;
    color: #fff;
}

.theme-beta-inspired .app-promo-phone,
.theme-beta-inspired .phone-screen {
    border-color: #3b4a60;
    background: #172238;
    color: #f8fafc;
}

.theme-beta-inspired .app-promo-phone > div,
.theme-beta-inspired .phone-action {
    border-color: #35445b;
    background: #0f172a;
}

/* Internal page heroes and content areas inherit the same beta canvas. */
.theme-beta-inspired .page-hero,
.theme-beta-inspired .detail-hero,
.theme-beta-inspired .rich-detail-hero,
.theme-beta-inspired .article-hero,
.theme-beta-inspired .promotion-detail-hero,
.theme-beta-inspired .app-page-hero,
.theme-beta-inspired .brake-specialty-hero {
    background:
        radial-gradient(circle at 82% 20%, rgba(244, 63, 94, .14), transparent 29rem),
        linear-gradient(145deg, #090d16, #111a2c);
}

.theme-beta-inspired .booking-section,
.theme-beta-inspired .content-section,
.theme-beta-inspired .article-body,
.theme-beta-inspired .promotion-copy-section {
    background: #0b1220;
}

.theme-beta-inspired .booking-panel,
.theme-beta-inspired .aside-card,
.theme-beta-inspired .aside-help,
.theme-beta-inspired .promotion-copy-grid aside,
.theme-beta-inspired .share-inner,
.theme-beta-inspired .article-aside {
    border-color: #2f3e55;
    background: #172238;
    color: #e7edf5;
}

.theme-beta-inspired .booking-panel label,
.theme-beta-inspired .aside-card small,
.theme-beta-inspired .article-aside,
.theme-beta-inspired .progress-meta {
    color: #aebbd0;
}

.theme-beta-inspired .booking-panel input,
.theme-beta-inspired .booking-panel select,
.theme-beta-inspired .booking-panel textarea,
.theme-beta-inspired .update-panel input,
.theme-beta-inspired .update-panel select,
.theme-beta-inspired .update-panel textarea {
    border-color: #53647d;
    background-color: #0c1422;
    color: #f8fafc;
    color-scheme: dark;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .025);
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.theme-beta-inspired .booking-panel select {
    appearance: none;
    padding-right: 46px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 18px;
}

.theme-beta-inspired .booking-panel input:hover,
.theme-beta-inspired .booking-panel select:hover,
.theme-beta-inspired .booking-panel textarea:hover {
    border-color: #71839d;
    background-color: #0f1929;
}

.theme-beta-inspired .booking-panel input:focus,
.theme-beta-inspired .booking-panel select:focus,
.theme-beta-inspired .booking-panel textarea:focus {
    border-color: #fb7185;
    box-shadow: 0 0 0 3px oklch(0.704 0.191 22.216 / .18);
}

.theme-beta-inspired .booking-date-input {
    position: relative;
    display: block;
}

.theme-beta-inspired .booking-date-input input {
    padding-right: 50px;
}

.theme-beta-inspired .booking-date-trigger {
    position: absolute;
    z-index: 3;
    top: calc(50% + 3px);
    right: 5px;
    display: grid;
    width: 42px;
    height: 42px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 8px;
    transform: translateY(-50%);
    background: #1e293b;
    color: #f8fafc;
}

.theme-beta-inspired .booking-date-trigger:hover,
.theme-beta-inspired .booking-date-trigger:focus-visible {
    background: #334155;
    color: #fff;
    outline: 2px solid #fb7185;
    outline-offset: 1px;
}

.theme-beta-inspired .booking-date-trigger svg {
    width: 20px;
    height: 20px;
}

.theme-beta-inspired .booking-panel input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}

/* Native date controls carry browser-specific internal metrics. Keep the
   timing pair pixel-for-pixel aligned across Chrome, Safari, and Firefox. */
body.theme-beta-inspired #main .booking-panel .booking-date-input input,
body.theme-beta-inspired #main .booking-panel select[name="requested_window"],
body.theme-beta-inspired .request-lightbox .booking-date-input input,
body.theme-beta-inspired .request-lightbox select[name="requested_window"] {
    box-sizing: border-box;
    height: 48px !important;
    min-height: 48px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2;
}

.theme-beta-inspired .booking-date-trigger {
    width: 38px;
    height: 38px;
}

.theme-beta-inspired .booking-panel select option {
    background: #0f172a;
    color: #f8fafc;
}

.theme-beta-inspired .booking-panel input::placeholder,
.theme-beta-inspired .booking-panel textarea::placeholder {
    color: #8796ac;
    opacity: 1;
}

.theme-beta-inspired .service-choice {
    border-color: #334155;
    background: #111a2c;
}

.theme-beta-inspired .service-choice .choice-icon {
    background: #202d44;
}

.theme-beta-inspired .service-choice:has(input:checked) {
    border-color: #fb7185;
    background: rgba(244, 63, 94, .1);
}

.theme-beta-inspired .progress-track {
    background: #29374c;
}

.theme-beta-inspired .site-footer {
    border-top: 1px solid #26344a;
    background: #070b13;
}

.theme-beta-inspired .closing-cta {
    background: linear-gradient(135deg, #b91c1c, #e11d48);
}

.theme-beta-inspired .mobile-action-bar {
    border-color: #334155;
    background: #111a2c;
    color: #fff;
}

@media (max-width: 1100px) and (min-width: 981px) {
    .theme-beta-inspired .nav-wrap { gap: 18px; }
    .theme-beta-inspired .main-nav { gap: 15px; }
}

@media (max-width: 980px) {
    .theme-beta-inspired .main-nav {
        border: 1px solid #334155;
        background: #111a2c;
        color: #e2e8f0;
    }

    .theme-beta-inspired .dropdown-menu,
    .theme-beta-inspired .mega-menu {
        border: 1px solid #2f3e55;
        background: #172238;
    }

    .theme-beta-inspired .hero-service-slider {
        padding-top: 25px;
    }

    .theme-beta-inspired .hero-pete-strip {
        margin-bottom: 28px;
    }

    .theme-beta-inspired .hero-service-slider .hero-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 38px;
    }

    .theme-beta-inspired .hero-side-panel {
        max-width: 680px;
    }

    .theme-beta-inspired .hero-job-glimpses {
        display: none;
    }
}

@media (max-width: 650px) {
    .theme-beta-inspired .utility-bar {
        display: none;
    }

    .theme-beta-inspired .site-header {
        top: 0;
    }

    .theme-beta-inspired .nav-wrap {
        height: 70px;
    }

    .theme-beta-inspired .brand img {
        width: 54px;
        height: 44px;
    }

    .theme-beta-inspired .brand b {
        font-size: 16px;
    }

    .theme-beta-inspired .brand small {
        font-size: 8px;
    }

    .theme-beta-inspired .hero-service-slider {
        padding-top: 16px;
    }

    .theme-beta-inspired .hero-pete-strip {
        min-height: 68px;
        margin-bottom: 22px;
        padding: 9px 11px;
        border-radius: 14px;
    }

    .theme-beta-inspired .hero-pete-identity img {
        width: 48px;
        height: 42px;
    }

    .theme-beta-inspired .hero-pete-identity b {
        font-size: 14px;
    }

    .theme-beta-inspired .hero-pete-identity small {
        font-size: 10px;
    }

    .theme-beta-inspired .hero-pete-direct > span {
        display: none;
    }

    .theme-beta-inspired .hero-pete-direct a {
        width: 42px;
        height: 42px;
        padding: 0;
        justify-content: center;
        font-size: 0;
    }

    .theme-beta-inspired .hero-pete-direct svg {
        width: 18px;
        height: 18px;
    }

    .theme-beta-inspired .hero h1 {
        font-size: clamp(41px, 12vw, 54px);
    }

    .theme-beta-inspired .hero-actions {
        gap: 13px;
    }

    .theme-beta-inspired .availability-card {
        border-radius: 17px;
    }

    .theme-beta-inspired .trust-strip {
        margin-top: 34px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .theme-beta-inspired .trust-strip > div {
        min-height: 70px;
        padding: 11px 12px;
    }

    .theme-beta-inspired .eyebrow {
        padding: 5px 8px;
        font-size: 10px;
    }
}

/* Searchable FAQ directory. */
.theme-beta-inspired .beta-faq-directory {
    min-height: 720px;
    padding: 80px 0 96px;
    background: rgb(15, 23, 42);
}

.theme-beta-inspired .beta-faq-shell {
    max-width: 920px;
}

.theme-beta-inspired .beta-faq-shell > header {
    margin-bottom: 34px;
    text-align: center;
}

.theme-beta-inspired .beta-faq-shell > header .eyebrow {
    align-items: center;
    gap: 7px;
}

.theme-beta-inspired .beta-faq-shell > header .eyebrow svg { width: 14px; }

.theme-beta-inspired .beta-faq-shell > header h1 {
    margin: 13px 0 5px;
    font: 800 clamp(36px, 5vw, 51px)/1.1 'Manrope', Arial, sans-serif;
    letter-spacing: -.04em;
}

.theme-beta-inspired .beta-faq-shell > header p {
    margin: 0;
    color: #aebbd0;
}

.theme-beta-inspired .beta-faq-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.theme-beta-inspired .beta-faq-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.theme-beta-inspired .beta-faq-filters button {
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid #475569;
    border-radius: 8px;
    background: #1e293b;
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 750;
}

.theme-beta-inspired .beta-faq-filters button:hover,
.theme-beta-inspired .beta-faq-filters button.is-active {
    border-color: #f43f5e;
    background: #f43f5e;
    color: white;
}

.theme-beta-inspired .beta-faq-controls > label {
    display: flex;
    min-height: 40px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid #475569;
    border-radius: 10px;
    background: #0b1324;
}

.theme-beta-inspired .beta-faq-controls > label:focus-within {
    border-color: #fb7185;
    box-shadow: 0 0 0 3px rgb(251 113 133 / .14);
}

.theme-beta-inspired .beta-faq-controls label svg { width: 16px; color: #94a3b8; }
.theme-beta-inspired .beta-faq-controls input { width: 100%; border: 0; outline: 0; background: transparent; color: white; font-size: 12px; }

.theme-beta-inspired .beta-faq-list {
    display: grid;
    gap: 11px;
}

.theme-beta-inspired .beta-faq-list details {
    overflow: hidden;
    border: 1px solid #334155;
    border-radius: 15px;
    background: #1e293b;
}

.theme-beta-inspired .beta-faq-list details[hidden] { display: none; }
.theme-beta-inspired .beta-faq-list details[open] { border-color: #e11d48; box-shadow: 0 0 0 2px rgb(59 130 246 / .24); }

.theme-beta-inspired .beta-faq-list summary {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 12px;
    padding: 17px;
    cursor: pointer;
    list-style: none;
}

.theme-beta-inspired .beta-faq-list summary::-webkit-details-marker { display: none; }
.theme-beta-inspired .faq-question-icon { display:grid; width:28px; height:28px; place-items:center; border:1px solid #475569; border-radius:7px; background:#0f172a; color:#fb7185; }
.theme-beta-inspired .faq-question-icon svg { width:15px; }
.theme-beta-inspired .beta-faq-list summary > span:nth-child(2) { display:flex; min-width:0; flex-direction:column; gap:3px; }
.theme-beta-inspired .beta-faq-list summary small { color:#fb7185; font:800 9px/1.2 ui-monospace, monospace; text-transform:uppercase; }
.theme-beta-inspired .beta-faq-list summary b { color:#f8fafc; font:750 14px/1.35 'Manrope', Arial, sans-serif; }
.theme-beta-inspired .beta-faq-list summary > svg { width:16px; color:#94a3b8; transition:transform .2s; }
.theme-beta-inspired .beta-faq-list details[open] summary > svg { transform:rotate(180deg); }

.theme-beta-inspired .beta-faq-answer {
    display: grid;
    gap: 12px;
    padding: 4px 17px 18px 57px;
    border-top: 1px solid #334155;
}

.theme-beta-inspired .beta-faq-answer > div {
    margin-top: 12px;
    padding: 13px;
    border: 1px solid #3b82f6;
    border-radius: 10px;
    background: #0f1a31;
}

.theme-beta-inspired .beta-faq-answer small { color:#fb7185; font:800 9px ui-monospace, monospace; text-transform:uppercase; }
.theme-beta-inspired .beta-faq-answer p { margin:4px 0 0; color:#cbd5e1; font-size:12px; line-height:1.6; }
.theme-beta-inspired .beta-faq-shell > footer { display:flex; margin-top:28px; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; }
.theme-beta-inspired .beta-faq-shell > footer p { margin:0; color:#94a3b8; }

@media (max-width: 760px) {
    .theme-beta-inspired .beta-faq-controls { grid-template-columns:minmax(0,1fr); }
    .theme-beta-inspired .beta-faq-controls > label { order:-1; }
}

/* Compact service catalog: category tabs replace the former long stack while
   keeping every service page linked in the document. */
.theme-beta-inspired .service-directory-section {
    padding: 72px 0 82px;
    background: #0c1422;
}

.theme-beta-inspired .service-directory-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, .7fr);
    gap: 8px 50px;
    align-items: end;
    margin-bottom: 28px;
}

.theme-beta-inspired .service-directory-heading .eyebrow { grid-column: 1 / -1; }
.theme-beta-inspired .service-directory-heading h2 { margin: 0; }
.theme-beta-inspired .service-directory-heading p {
    margin: 0 0 4px;
    color: #9eacc0;
    font-size: 15px;
    line-height: 1.65;
}

.theme-beta-inspired .service-directory-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    border: 1px solid #334155;
    border-radius: 17px;
    background: #111b2d;
}

.theme-beta-inspired .service-directory-search {
    position: relative;
    width: min(100%, 430px);
    margin: 0 0 12px auto;
}
.theme-beta-inspired .service-directory-search > svg {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 18px;
    color: #8291a7;
    pointer-events: none;
    transform: translateY(-50%);
}
.theme-beta-inspired .service-directory-search input {
    width: 100%;
    min-height: 48px;
    padding: 11px 42px;
    border: 1px solid #334155;
    border-radius: 12px;
    outline: 0;
    background: #08111f;
    color: #f8fafc;
    font-size: 13px;
}
.theme-beta-inspired .service-directory-search input::placeholder { color: #718198; }
.theme-beta-inspired .service-directory-search input:focus {
    border-color: #fb4f5e;
    box-shadow: 0 0 0 3px rgb(251 79 94 / .16);
}

.theme-beta-inspired .service-directory-tabs button {
    min-width: 0;
    min-height: 52px;
    padding: 11px 12px;
    border: 1px solid transparent;
    border-radius: 11px;
    background: transparent;
    color: #a9b6c9;
    text-align: left;
    transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.theme-beta-inspired .service-directory-tabs button span { display: block; }
.theme-beta-inspired .service-directory-tabs button span { font: 750 12px/1.3 'Manrope', Arial, sans-serif; }
.theme-beta-inspired .service-directory-tabs button:hover { border-color: #475569; background: #172238; color: #f8fafc; }
.theme-beta-inspired .service-directory-tabs button:focus-visible { outline: 2px solid #fb7185; outline-offset: 2px; }
.theme-beta-inspired .service-directory-tabs button.is-active {
    border-color: #fb4f5e;
    background: #ff2d3f;
    color: #fff;
    box-shadow: 0 10px 26px rgb(255 45 63 / .22);
}
.theme-beta-inspired .service-directory-tabs + .service-directory-panels { margin-top: 18px; }

.theme-beta-inspired .service-directory-panel {
    min-height: 0;
    margin: 0;
    padding: 22px;
    border: 1px solid #334155;
    border-radius: 20px;
    background: #0f192a;
}
.theme-beta-inspired .service-directory-panel[hidden] { display: none; }
.theme-beta-inspired .service-directory-panel .catalog-category-head {
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 25px;
    margin-bottom: 18px;
}
.theme-beta-inspired .service-directory-panel .catalog-category-head img { height: 122px; }
.theme-beta-inspired .service-directory-panel .catalog-category-head h2 { margin: 4px 0 5px; color: #f8fafc; font-size: 27px; }
.theme-beta-inspired .service-directory-panel .catalog-category-head p { color: #9eacc0; font-size: 13px; }
.theme-beta-inspired .service-directory-panel .catalog-grid { gap: 12px; }
.theme-beta-inspired .service-directory-panel .catalog-card { padding: 20px; }
.theme-beta-inspired .service-directory-panel .catalog-card p { min-height: 66px; font-size: 12px; line-height: 1.55; }
.theme-beta-inspired .service-directory-search-results[hidden],
.theme-beta-inspired .service-directory-empty[hidden] { display: none; }
.theme-beta-inspired .service-directory-search-results {
    margin-top: 18px;
    padding: 22px;
    border: 1px solid #334155;
    border-radius: 20px;
    background: #0f192a;
}
.theme-beta-inspired .service-directory-search-results .catalog-grid { gap: 12px; }
.theme-beta-inspired .service-directory-search-results .catalog-card { padding: 20px; }
.theme-beta-inspired .service-directory-search-results .catalog-card p { min-height: 66px; font-size: 12px; line-height: 1.55; }
.theme-beta-inspired .service-directory-empty {
    padding: 42px 20px;
    border: 1px dashed #3b4b62;
    border-radius: 18px;
    color: #9eacc0;
    text-align: center;
}
.theme-beta-inspired .service-directory-empty > svg { width: 30px; color: #fb7185; }
.theme-beta-inspired .service-directory-empty h3 { margin: 10px 0 4px; color: #f8fafc; font: 750 18px/1.3 'Manrope', Arial, sans-serif; }
.theme-beta-inspired .service-directory-empty p { margin: 0; font-size: 12px; }

@media (max-width: 900px) {
    .theme-beta-inspired .service-directory-heading { grid-template-columns: minmax(0, 1fr); }
    .theme-beta-inspired .service-directory-heading .eyebrow { grid-column: auto; }
    .theme-beta-inspired .service-directory-tabs {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
    }
    .theme-beta-inspired .service-directory-tabs button { flex: 0 0 164px; scroll-snap-align: start; }
    .theme-beta-inspired .service-directory-search { width: 100%; margin-left: 0; }
}

@media (max-width: 650px) {
    .theme-beta-inspired .service-directory-section { padding: 52px 0 62px; }
    .theme-beta-inspired .service-directory-heading h2 { font-size: 32px; }
    .theme-beta-inspired .service-directory-tabs { width: calc(100% + 16px); padding: 8px; }
    .theme-beta-inspired .service-directory-panel { padding: 14px; border-radius: 17px; }
    .theme-beta-inspired .service-directory-panel .catalog-category-head { grid-template-columns: 1fr; gap: 15px; }
    .theme-beta-inspired .service-directory-panel .catalog-category-head img { height: 170px; }
    .theme-beta-inspired .service-directory-panel .catalog-grid { grid-template-columns: 1fr; }
    .theme-beta-inspired .service-directory-panel .catalog-card p { min-height: 0; }
    .theme-beta-inspired .service-directory-search-results { padding: 14px; border-radius: 17px; }
    .theme-beta-inspired .service-directory-search-results .catalog-grid { grid-template-columns: 1fr; }
    .theme-beta-inspired .service-directory-search-results .catalog-card p { min-height: 0; }
}

@media (max-width: 520px) {
    .theme-beta-inspired .beta-faq-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .theme-beta-inspired .beta-faq-filters button:first-child { grid-column:1/-1; }
    .theme-beta-inspired .beta-faq-answer { padding-left:17px; }
}

/* The homepage uses the beta palette without legacy rose/orange substitutions. */
.theme-beta-inspired.is-home .hero h1 em {
    color: oklch(0.704 0.191 22.216);
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: currentColor;
}

.theme-beta-inspired.is-home .hero-pete-direct a,
.theme-beta-inspired.is-home .zip-field button,
.theme-beta-inspired.is-home .button {
    border-color: oklch(0.637 0.237 25.331);
    background: oklch(0.637 0.237 25.331);
}

.theme-beta-inspired.is-home .hero-pete-direct a:hover,
.theme-beta-inspired.is-home .button:hover {
    background: oklch(0.704 0.191 22.216);
}

.theme-beta-inspired.is-home #main > .section,
.theme-beta-inspired.is-home #main > .section:nth-of-type(even):not(.process-section):not(.coverage-section):not(.brake-specialty-home):not(.app-promo),
.theme-beta-inspired.is-home .google-reviews-section,
.theme-beta-inspired.is-home .service-assurance,
.theme-beta-inspired.is-home .popular-services-section,
.theme-beta-inspired.is-home .vehicle-showcase,
.theme-beta-inspired.is-home .home-promotions,
.theme-beta-inspired.is-home .symptom-section,
.theme-beta-inspired.is-home .why-section,
.theme-beta-inspired.is-home .home-faq {
    border-color: oklch(0.279 0.041 260.031);
    background: rgb(15, 23, 42);
}

.theme-beta-inspired.is-home :where(
    .service-card,
    .catalog-card,
    .benefit-grid article,
    .value-row article,
    .faq-list details,
    .home-promo-grid > a,
    .popular-service-grid > a,
    .vehicle-make-grid > a,
    .symptom-grid > a,
    .assurance-grid article,
    .brake-specialty-card-grid > a
) {
    border-color: oklch(0.372 0.044 257.287);
    background: oklch(0.208 0.042 265.755);
    color: oklch(0.968 0.007 247.896);
}

.theme-beta-inspired.is-home :where(
    .service-card,
    .catalog-card,
    .benefit-grid article,
    .home-promo-grid > a,
    .popular-service-grid > a,
    .vehicle-make-grid > a,
    .symptom-grid > a,
    .brake-specialty-card-grid > a
):hover {
    border-color: oklch(0.704 0.191 22.216 / .55);
    background: oklch(0.279 0.041 260.031 / .8);
}

.theme-beta-inspired.is-home .brake-specialty-home,
.theme-beta-inspired.is-home .process-section,
.theme-beta-inspired.is-home .app-promo,
.theme-beta-inspired.is-home .coverage-section {
    background:
        radial-gradient(circle at 78% 20%, oklch(0.704 0.191 22.216 / .1), transparent 27rem),
        rgb(15, 23, 42);
}

/* Searchable travel-time directory, adapted from the beta coverage section. */
.theme-beta-inspired .coverage-directory-hero {
    padding: 88px 0 44px;
    border-bottom: 1px solid oklch(0.279 0.041 260.031);
    background:
        radial-gradient(circle at 85% 10%, oklch(0.704 0.191 22.216 / .09), transparent 28rem),
        rgb(15, 23, 42);
}

.theme-beta-inspired .coverage-directory-intro > h1 {
    max-width: 900px;
    margin: 18px auto 16px;
    color: oklch(0.968 0.007 247.896);
    font: 800 clamp(40px, 5vw, 66px)/1.05 'Manrope', Arial, sans-serif;
    letter-spacing: -.045em;
    text-align: center;
}

.theme-beta-inspired .coverage-directory-intro > .eyebrow {
    display: flex;
    width: fit-content;
    margin-inline: auto;
}

.theme-beta-inspired .coverage-directory-intro > p {
    max-width: 850px;
    margin: 0 auto;
    color: oklch(0.869 0.022 252.894);
    font-size: 17px;
    text-align: center;
}

.theme-beta-inspired .coverage-highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 38px;
}

.theme-beta-inspired .coverage-highlights article {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid oklch(0.372 0.044 257.287);
    border-radius: 14px;
    background: oklch(0.208 0.042 265.755 / .82);
}

.theme-beta-inspired .coverage-highlights article > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.theme-beta-inspired .coverage-highlights small {
    color: oklch(0.704 0.04 256.788);
    font-size: 11px;
}

.theme-beta-inspired .coverage-highlights b {
    color: oklch(0.968 0.007 247.896);
    font-size: 13px;
    line-height: 1.35;
}

.theme-beta-inspired .coverage-legend {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 28px;
}

.theme-beta-inspired .coverage-legend article {
    padding: 16px;
    border: 1px solid oklch(0.372 0.044 257.287);
    border-radius: 15px;
    background: oklch(0.208 0.042 265.755 / .88);
}

.theme-beta-inspired .coverage-legend small,
.theme-beta-inspired .coverage-legend b {
    display: block;
}

.theme-beta-inspired .coverage-legend small {
    margin-bottom: 5px;
    color: oklch(0.765 0.177 163.223);
    font: 800 10px/1.3 ui-monospace, monospace;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.theme-beta-inspired .coverage-legend .is-corridor small { color: #60a5fa; }
.theme-beta-inspired .coverage-legend .is-central small { color: oklch(0.828 0.189 84.429); }
.theme-beta-inspired .coverage-legend .is-outer small { color: #c084fc; }

.theme-beta-inspired .coverage-legend b {
    color: oklch(0.968 0.007 247.896);
    font: 800 17px/1.3 'Manrope', Arial, sans-serif;
}

.theme-beta-inspired .coverage-legend p {
    margin: 7px 0 0;
    color: oklch(0.704 0.04 256.788);
    font-size: 10px;
    line-height: 1.45;
}

.theme-beta-inspired .coverage-directory-section {
    padding-top: 42px;
}

.theme-beta-inspired .coverage-controls-panel {
    margin-bottom: 24px;
    padding: 18px;
    border: 1px solid oklch(0.372 0.044 257.287);
    border-radius: 17px;
    background: oklch(0.208 0.042 265.755 / .82);
    box-shadow: 0 12px 30px rgb(0 0 0 / .12);
}

.theme-beta-inspired .coverage-directory-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 0;
}

.theme-beta-inspired .coverage-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.theme-beta-inspired .coverage-filters button {
    min-height: 34px;
    padding: 7px 13px;
    border: 1px solid oklch(0.372 0.044 257.287);
    border-radius: 9px;
    background: oklch(0.208 0.042 265.755);
    color: oklch(0.869 0.022 252.894);
    font-size: 12px;
    font-weight: 700;
}

.theme-beta-inspired .coverage-filters button:hover,
.theme-beta-inspired .coverage-filters button.is-active {
    border-color: oklch(0.637 0.237 25.331);
    background: oklch(0.637 0.237 25.331);
    color: white;
}

.theme-beta-inspired .coverage-search {
    display: flex;
    width: min(330px, 100%);
    height: 42px;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    border: 1px solid oklch(0.372 0.044 257.287);
    border-radius: 11px;
    background: oklch(0.129 0.042 264.695 / .8);
}

.theme-beta-inspired .coverage-search:focus-within {
    border-color: oklch(0.704 0.191 22.216);
    box-shadow: 0 0 0 3px oklch(0.704 0.191 22.216 / .12);
}

.theme-beta-inspired .coverage-search svg {
    width: 17px;
    color: oklch(0.704 0.04 256.788);
}

.theme-beta-inspired .coverage-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: white;
    font-size: 13px;
}

.theme-beta-inspired .coverage-directory-status {
    margin-bottom: 12px;
    color: oklch(0.704 0.04 256.788);
    font-size: 12px;
}

.theme-beta-inspired .coverage-directory-status b {
    color: oklch(0.968 0.007 247.896);
}

.theme-beta-inspired .coverage-directory-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.theme-beta-inspired .coverage-town-card {
    display: flex;
    min-width: 0;
    min-height: 220px;
    flex-direction: column;
    padding: 18px;
    border: 1px solid oklch(0.372 0.044 257.287);
    border-radius: 15px;
    background: oklch(0.208 0.042 265.755 / .8);
    box-shadow: 0 12px 30px rgb(0 0 0 / .12);
}

.theme-beta-inspired .coverage-town-card[hidden] {
    display: none;
}

.theme-beta-inspired .coverage-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.theme-beta-inspired .coverage-card-head h2 {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    margin: 0;
    font: 750 15px/1.3 'Manrope', Arial, sans-serif;
}

.theme-beta-inspired .coverage-card-head h2 svg {
    width: 16px;
    min-width: 16px;
    color: oklch(0.704 0.191 22.216);
}

.theme-beta-inspired .coverage-card-head h2 a:hover {
    color: oklch(0.704 0.191 22.216);
}

.theme-beta-inspired .coverage-zip {
    flex: 0 0 auto;
    padding: 3px 7px;
    border: 1px solid oklch(0.372 0.044 257.287);
    border-radius: 4px;
    background: oklch(0.129 0.042 264.695 / .8);
    color: oklch(0.869 0.022 252.894);
    font: 700 9px/1.3 ui-monospace, monospace;
    letter-spacing: .04em;
}

.theme-beta-inspired .coverage-card-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 5px 0 10px;
    color: oklch(0.704 0.04 256.788);
    font-size: 11px;
}

.theme-beta-inspired .coverage-card-meta b {
    color: oklch(0.704 0.191 22.216);
}

.theme-beta-inspired .coverage-card-meta span:last-child {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.theme-beta-inspired .coverage-card-meta svg {
    width: 13px;
}

.theme-beta-inspired .coverage-town-card > p {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 10px 0 15px;
    color: oklch(0.704 0.04 256.788);
    font-size: 11px;
    line-height: 1.55;
}

.theme-beta-inspired .coverage-town-card > p svg {
    width: 13px;
    color: oklch(0.704 0.191 22.216);
}

.theme-beta-inspired .coverage-dispatch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid oklch(0.372 0.044 257.287);
    border-radius: 9px;
    background: oklch(0.129 0.042 264.695 / .65);
    color: oklch(0.869 0.022 252.894);
    font-size: 10px;
}

.theme-beta-inspired .coverage-dispatch-row span {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 6px;
    text-transform: capitalize;
}

.theme-beta-inspired .coverage-dispatch-row svg {
    width: 13px;
    color: oklch(0.704 0.191 22.216);
}

.theme-beta-inspired .coverage-dispatch-row b {
    color: oklch(0.765 0.177 163.223);
    font: 800 10px/1.2 ui-monospace, monospace;
    white-space: nowrap;
}

.theme-beta-inspired .coverage-town-card > p b {
    color: oklch(0.869 0.022 252.894);
}

.theme-beta-inspired .coverage-town-card footer {
    display: flex;
    margin-top: auto;
    padding-top: 12px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid oklch(0.372 0.044 257.287 / .65);
}

.theme-beta-inspired .coverage-tier {
    padding: 3px 7px;
    border: 1px solid oklch(0.765 0.177 163.223 / .35);
    border-radius: 4px;
    background: oklch(0.765 0.177 163.223 / .1);
    color: oklch(0.765 0.177 163.223);
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
}

.theme-beta-inspired .coverage-tier-regional {
    border-color: oklch(0.707 0.165 254.624 / .35);
    background: oklch(0.707 0.165 254.624 / .1);
    color: oklch(0.707 0.165 254.624);
}

.theme-beta-inspired .coverage-town-card footer a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: oklch(0.704 0.191 22.216);
    font: 750 10px/1.3 'Manrope', Arial, sans-serif;
    text-align: right;
}

.theme-beta-inspired .coverage-town-card footer a svg {
    width: 13px;
}

.theme-beta-inspired .coverage-town-card footer .coverage-book-button {
    min-height: 38px;
    flex: 1;
    justify-content: center;
    border: 1px solid oklch(0.704 0.191 22.216 / .35);
    border-radius: 9px;
    background: oklch(0.637 0.237 25.331);
    color: white;
    box-shadow: 0 8px 18px oklch(0.637 0.237 25.331 / .2);
    text-align: center;
}

.theme-beta-inspired .coverage-town-card footer .coverage-book-button:hover {
    background: oklch(0.704 0.191 22.216);
}

.theme-beta-inspired .coverage-town-card footer .coverage-call-button {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border: 1px solid oklch(0.372 0.044 257.287);
    border-radius: 9px;
    background: oklch(0.279 0.041 260.031 / .7);
    color: oklch(0.704 0.191 22.216);
}

.theme-beta-inspired .coverage-empty {
    padding: 60px 24px;
    border: 1px dashed oklch(0.372 0.044 257.287);
    border-radius: 15px;
    text-align: center;
}

.theme-beta-inspired .coverage-empty > svg {
    width: 34px;
    height: 34px;
    color: oklch(0.704 0.191 22.216);
}

.theme-beta-inspired .coverage-empty h2 {
    margin: 12px 0 4px;
}

.theme-beta-inspired .coverage-empty p {
    margin: 0 0 18px;
    color: oklch(0.704 0.04 256.788);
}

.theme-beta-inspired .coverage-travel-note {
    display: flex;
    max-width: 900px;
    align-items: flex-start;
    gap: 10px;
    margin: 26px auto 0;
    padding: 14px 16px;
    border: 1px solid oklch(0.372 0.044 257.287);
    border-radius: 12px;
    background: oklch(0.129 0.042 264.695 / .55);
    color: oklch(0.704 0.04 256.788);
    font-size: 11px;
}

.theme-beta-inspired .coverage-travel-note > svg {
    width: 17px;
    min-width: 17px;
    color: oklch(0.828 0.189 84.429);
}

.theme-beta-inspired .coverage-travel-note b {
    color: oklch(0.869 0.022 252.894);
}

@media (max-width: 980px) {
    .theme-beta-inspired .coverage-highlights,
    .theme-beta-inspired .coverage-legend,
    .theme-beta-inspired .coverage-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .theme-beta-inspired .coverage-highlights article:last-child {
        grid-column: 1 / -1;
    }

    .theme-beta-inspired .coverage-directory-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .theme-beta-inspired .coverage-search {
        width: 100%;
    }
}

@media (max-width: 650px) {
    .theme-beta-inspired .coverage-directory-hero {
        padding: 58px 0 30px;
    }

    .theme-beta-inspired .coverage-directory-intro > h1 {
        font-size: clamp(36px, 11vw, 48px);
    }

    .theme-beta-inspired .coverage-highlights,
    .theme-beta-inspired .coverage-legend,
    .theme-beta-inspired .coverage-directory-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .theme-beta-inspired .coverage-highlights article:last-child {
        grid-column: auto;
    }

    .theme-beta-inspired .coverage-filters {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .theme-beta-inspired .coverage-filters button:first-child {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .theme-beta-inspired .button,
    .theme-beta-inspired :where(.service-card, .catalog-card, .benefit-grid article, .popular-service-grid > a) {
        transition: none;
    }
}

/* Booking autocomplete: one polished control instead of a browser-like input
   followed by an unstyled button and a row of loose choices. */
.theme-beta-inspired .smart-combobox {
    position: relative;
    width: 100%;
    margin-top: 7px;
}

/* Brake-specialty protocol borrowed from the strongest beta section. */
.theme-beta-inspired .brake-protocol-section {
    padding: 44px 0 72px;
    background: rgb(15, 23, 42);
}

.theme-beta-inspired .brake-protocol-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 315px;
    gap: 28px;
    padding: 28px;
    border: 1px solid #475569;
    border-radius: 22px;
    background: #1e293b;
    box-shadow: 0 0 0 2px rgb(59 130 246 / .28), 0 22px 50px rgb(0 0 0 / .2);
}

.theme-beta-inspired .protocol-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #fb7185;
    font: 800 10px/1.3 ui-monospace, monospace;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.theme-beta-inspired .protocol-kicker svg {
    width: 15px;
}

.theme-beta-inspired .brake-protocol-copy h2 {
    margin: 11px 0 17px;
    font: 800 23px/1.25 'Manrope', Arial, sans-serif;
}

.theme-beta-inspired .brake-protocol-copy ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.theme-beta-inspired .brake-protocol-copy li {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 7px;
    padding: 11px 12px;
    border: 1px solid #334155;
    border-radius: 11px;
    background: #0f1a2e;
    color: #cbd5e1;
    font-size: 11px;
    line-height: 1.5;
}

.theme-beta-inspired .brake-protocol-copy li b {
    color: #fb7185;
    font: 800 11px/1.5 ui-monospace, monospace;
}

.theme-beta-inspired .brake-protocol-panel aside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
    border: 1px solid #334155;
    border-radius: 17px;
    background: #0f1a2e;
    text-align: center;
}

.theme-beta-inspired .brake-protocol-panel aside small {
    color: #fb7185;
    font: 800 10px/1.3 ui-monospace, monospace;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.theme-beta-inspired .brake-protocol-panel aside h3 {
    margin: 10px 0 8px;
    font-size: 21px;
}

.theme-beta-inspired .brake-protocol-panel aside p {
    margin: 0 0 16px;
    color: #94a3b8;
    font-size: 12px;
}

.theme-beta-inspired .protocol-call {
    display: inline-flex;
    margin-top: 13px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #fb7185;
    font: 750 11px 'Manrope', Arial, sans-serif;
}

.theme-beta-inspired .protocol-call svg { width: 14px; }

@media (max-width: 850px) {
    .theme-beta-inspired .brake-protocol-panel {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 650px) {
    .theme-beta-inspired .brake-protocol-panel {
        padding: 20px;
    }

    .theme-beta-inspired .brake-protocol-copy ol {
        grid-template-columns: minmax(0, 1fr);
    }
}

.theme-beta-inspired .booking-panel .smart-combobox > input:not([type="hidden"]) {
    width: 100%;
    min-height: 54px;
    margin: 0;
    padding-right: 50px;
}

.theme-beta-inspired .smart-combobox > [data-combobox-toggle] {
    position: absolute;
    z-index: 3;
    top: 1px;
    right: 1px;
    display: grid;
    width: 46px;
    height: 52px;
    place-items: center;
    border: 0;
    border-left: 1px solid #334155;
    border-radius: 0 9px 9px 0;
    background: #111b2d;
    color: #94a3b8;
}

.theme-beta-inspired .smart-combobox > [data-combobox-toggle]:hover,
.theme-beta-inspired .smart-combobox > [data-combobox-toggle]:focus-visible {
    background: #1e293b;
    color: #f8fafc;
    outline: 0;
}

.theme-beta-inspired .smart-combobox > [data-combobox-toggle] svg {
    width: 18px;
}

.theme-beta-inspired .smart-combobox-menu {
    position: absolute;
    z-index: 80;
    top: calc(100% + 7px);
    right: 0;
    left: 0;
    display: grid;
    max-height: 260px;
    gap: 3px;
    padding: 6px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #475569;
    border-radius: 12px;
    background: #0f172a;
    box-shadow: 0 24px 60px rgb(0 0 0 / .48);
}

.theme-beta-inspired .smart-combobox-menu[hidden] {
    display: none;
}

.theme-beta-inspired .smart-combobox-menu > button {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 10px 11px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #f8fafc;
    text-align: left;
}

.theme-beta-inspired .smart-combobox-menu > button:hover,
.theme-beta-inspired .smart-combobox-menu > button:focus-visible {
    background: #1e293b;
    outline: 0;
}

.theme-beta-inspired .smart-combobox-menu b {
    font: 750 13px/1.3 'Manrope', Arial, sans-serif;
}

.theme-beta-inspired .smart-combobox-menu small {
    color: #94a3b8;
    font-size: 10px;
}

.theme-beta-inspired .booking-panel label > small,
.theme-beta-inspired .booking-panel [data-town-status] {
    display: block;
    margin-top: 7px;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 500;
}

.theme-beta-inspired .vehicle-limit-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: -6px 0 24px;
    padding: 14px 16px;
    border: 1px solid rgba(251, 113, 133, .38);
    border-radius: 12px;
    background: rgba(127, 29, 29, .16);
    color: #cbd5e1;
}

.theme-beta-inspired .vehicle-limit-note > svg {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    color: #fb7185;
}

.theme-beta-inspired .vehicle-limit-note p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
}

.theme-beta-inspired .vehicle-limit-note b {
    color: #fff;
}

/* The popup is the same focused five-step flow as /book, without a second
   floating card inside the dialog. */
.theme-beta-inspired .request-lightbox .request-lightbox-panel {
    width: min(900px, calc(100vw - 40px));
    border-color: #334155;
    background: #0f172a;
}

.theme-beta-inspired .request-lightbox-scroll {
    padding: 0;
    background: #0f172a;
}

.theme-beta-inspired .request-lightbox .booking-panel {
    min-height: 100%;
    padding: 28px 32px 36px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.theme-beta-inspired .request-lightbox .progress-wrap {
    padding: 0 0 24px;
    background: transparent;
}

.theme-beta-inspired .request-lightbox .request-photo-field {
    background: #111b2d;
}

@media (max-width: 650px) {
    /* The beta desktop width rule loads after public.css, so it must be
       explicitly reset here. On phones the request flow is the screen, not a
       floating card with gutters around it. */
    .theme-beta-inspired .request-lightbox {
        inset: 0;
        width: 100vw;
        max-width: none;
        height: 100vh;
        height: 100dvh;
        padding: 0;
    }

    .theme-beta-inspired .request-lightbox .request-lightbox-panel {
        width: 100vw;
        max-width: none;
        height: 100vh;
        height: 100dvh;
        max-height: none;
        margin: 0;
        border: 0;
        border-radius: 0;
    }

    .theme-beta-inspired .request-lightbox-scroll {
        width: 100%;
        padding: 0;
        scrollbar-gutter: auto;
    }

    .theme-beta-inspired .request-lightbox .booking-panel {
        width: 100%;
        max-width: none;
        min-height: 100%;
        margin: 0;
        padding:
            22px max(16px, env(safe-area-inset-right))
            calc(30px + env(safe-area-inset-bottom))
            max(16px, env(safe-area-inset-left));
    }

    /* Safari zooms focused controls whose computed text is below 16px.
       Keep native zoom available while preventing that disruptive auto-zoom. */
    .theme-beta-inspired .request-lightbox .booking-panel :is(input:not([type="hidden"]), select, textarea),
    .theme-beta-inspired .request-lightbox .smart-combobox > input:not([type="hidden"]) {
        font-size: 16px !important;
        touch-action: manipulation;
    }

    .theme-beta-inspired .smart-combobox-menu {
        max-height: 220px;
    }
}

/* Beta navigation and exact palette refinements. */
.theme-beta-inspired .utility-bar {
    background: rgb(8, 13, 26);
    color: oklch(0.704 0.04 256.788);
}

.theme-beta-inspired .site-header {
    background: oklab(0.208 -0.00310889 -0.0418848 / .95);
    border-color: oklch(0.279 0.041 260.031);
}

.theme-beta-inspired .nav-wrap {
    height: 72px;
    gap: 20px;
}

.theme-beta-inspired .brand {
    min-width: 205px;
}

.theme-beta-inspired .brand img {
    width: 54px;
    height: 46px;
    padding: 0;
    border: 0;
    background: transparent;
}

.theme-beta-inspired .brand b {
    font-size: 17px;
}

.theme-beta-inspired .beta-main-nav {
    gap: 22px;
}

.theme-beta-inspired .beta-main-nav > a,
.theme-beta-inspired .beta-main-nav .nav-trigger > a {
    color: oklch(0.968 0.007 247.896);
    font-size: 13px;
    white-space: nowrap;
}

.theme-beta-inspired .beta-main-nav .nav-trigger button {
    color: oklch(0.869 0.022 252.894);
}

.theme-beta-inspired .nav-search-toggle {
    width: 38px;
    height: 38px;
    border: 1px solid oklch(0.372 0.044 257.287);
    border-radius: 10px;
    background: oklch(0.208 0.042 265.755);
    color: oklch(0.929 0.013 255.508);
}

.theme-beta-inspired .header-phone-quick {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    color: oklch(0.929 0.013 255.508);
    font-size: 12px;
    font-weight: 700;
}

.theme-beta-inspired .header-phone-quick svg {
    width: 16px;
    color: oklch(0.828 0.189 84.429);
}

.theme-beta-inspired .beta-book-cta {
    min-height: 42px;
    padding: 11px 17px;
    border-radius: 10px;
    white-space: nowrap;
    font-size: 13px;
}

.theme-beta-inspired .beta-nav-menu {
    top: calc(100% + 24px);
    border: 1px solid oklch(0.372 0.044 257.287);
    border-radius: 14px;
    background: oklch(0.208 0.042 265.755);
    box-shadow: 0 24px 60px rgb(0 0 0 / .45);
}

.theme-beta-inspired .beta-service-menu {
    left: -42px;
    width: min(720px, calc(100vw - 48px));
    padding: 0;
    overflow: hidden;
}

.theme-beta-inspired .beta-menu-heading {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px 20px;
    border-bottom: 1px solid oklch(0.372 0.044 257.287 / .8);
    background: oklch(0.279 0.041 260.031 / .55);
}

.theme-beta-inspired .beta-menu-heading .icon-box {
    background: oklch(0.704 0.191 22.216 / .1);
    color: oklch(0.704 0.191 22.216);
}

.theme-beta-inspired .beta-menu-heading h3 {
    margin: 2px 0 0;
    font-size: 16px;
}

.theme-beta-inspired .beta-menu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    padding: 20px;
}

.theme-beta-inspired .beta-menu-grid section {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.theme-beta-inspired .beta-menu-grid section > .menu-kicker {
    margin-bottom: 4px;
}

.theme-beta-inspired .beta-menu-grid a,
.theme-beta-inspired .beta-nav-menu.compact-menu > a {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
    padding: 10px 11px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: oklch(0.869 0.022 252.894);
}

.theme-beta-inspired .beta-menu-grid a:hover,
.theme-beta-inspired .beta-nav-menu.compact-menu > a:hover {
    border-color: oklch(0.372 0.044 257.287);
    background: oklch(0.279 0.041 260.031 / .8);
}

.theme-beta-inspired .beta-menu-grid a > svg,
.theme-beta-inspired .beta-nav-menu.compact-menu > a > svg {
    width: 18px;
    min-width: 18px;
    color: oklch(0.704 0.191 22.216);
}

.theme-beta-inspired .beta-menu-grid a > span,
.theme-beta-inspired .beta-nav-menu.compact-menu > a > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.theme-beta-inspired .beta-menu-grid b,
.theme-beta-inspired .beta-nav-menu.compact-menu b {
    color: oklch(0.968 0.007 247.896);
    font-size: 12px;
    line-height: 1.3;
}

.theme-beta-inspired .beta-menu-grid small,
.theme-beta-inspired .beta-nav-menu.compact-menu small {
    color: oklch(0.704 0.04 256.788);
    font-size: 10px;
    line-height: 1.35;
}

.theme-beta-inspired .beta-menu-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 20px;
    border-top: 1px solid oklch(0.372 0.044 257.287 / .8);
    background: oklch(0.129 0.042 264.695 / .55);
}

.theme-beta-inspired .beta-menu-footer a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: oklch(0.704 0.191 22.216);
    font-size: 11px;
    font-weight: 800;
}

.theme-beta-inspired .beta-menu-footer svg {
    width: 15px;
}

.theme-beta-inspired .beta-about-dropdown .beta-nav-menu {
    right: -30px;
    width: 300px;
    padding: 8px;
}

.theme-beta-inspired .hero-service-slider {
    background: rgb(15, 23, 42);
}

.theme-beta-inspired .hero-service-slider::before {
    background:
        radial-gradient(circle at 82% 20%, oklch(0.704 0.191 22.216 / .14), transparent 27rem),
        linear-gradient(90deg, oklch(0.129 0.042 264.695 / .99) 0%, oklch(0.129 0.042 264.695 / .93) 43%, oklch(0.129 0.042 264.695 / .58) 73%, oklch(0.129 0.042 264.695 / .82) 100%);
}

.theme-beta-inspired .hero-pete-strip,
.theme-beta-inspired .availability-card,
.theme-beta-inspired .trust-strip > div {
    border-color: oklch(0.372 0.044 257.287);
    background: oklch(0.208 0.042 265.755 / .9);
}

.theme-beta-inspired .availability-card,
.theme-beta-inspired .availability-card h2,
.theme-beta-inspired .zip-field input {
    color: oklch(0.968 0.007 247.896);
}

.theme-beta-inspired .zip-field {
    border-color: oklch(0.372 0.044 257.287);
    background: oklch(0.129 0.042 264.695 / .8);
}

.theme-beta-inspired .card-heading p,
.theme-beta-inspired .card-trust,
.theme-beta-inspired .hero-pete-direct > span {
    color: oklch(0.704 0.04 256.788);
}

.theme-beta-inspired .card-trust svg,
.theme-beta-inspired .zip-result {
    color: oklch(0.765 0.177 163.223);
}

.theme-beta-inspired .hero-service-kicker,
.theme-beta-inspired .hero h1 em {
    color: oklch(0.704 0.191 22.216);
}

.theme-beta-inspired .trust-strip b,
.theme-beta-inspired .trust-strip span {
    color: oklch(0.968 0.007 247.896);
}

@media (max-width: 1240px) and (min-width: 981px) {
    .theme-beta-inspired .header-phone-quick span {
        display: none;
    }

    .theme-beta-inspired .header-phone-quick {
        width: 34px;
        justify-content: center;
    }

    .theme-beta-inspired .beta-main-nav {
        gap: 15px;
    }
}

@media (max-width: 980px) {
    .theme-beta-inspired .header-phone-quick {
        display: none;
    }

    .theme-beta-inspired .beta-main-nav {
        top: 64px;
        gap: 4px;
        padding: 14px;
        border-color: oklch(0.372 0.044 257.287);
        background: oklch(0.208 0.042 265.755);
    }

    .theme-beta-inspired .beta-main-nav > a,
    .theme-beta-inspired .beta-main-nav .nav-trigger > a {
        padding: 9px 4px;
        font-size: 14px;
    }

    .theme-beta-inspired .beta-nav-menu,
    .theme-beta-inspired .beta-service-menu,
    .theme-beta-inspired .beta-about-dropdown .beta-nav-menu {
        width: 100%;
        margin: 4px 0 8px;
        border-radius: 10px;
        background: oklch(0.279 0.041 260.031 / .72);
    }

    .theme-beta-inspired .beta-menu-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 14px;
    }
}

@media (max-width: 650px) {
    .theme-beta-inspired .beta-menu-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .theme-beta-inspired .beta-menu-heading {
        padding: 14px;
    }

    .theme-beta-inspired .beta-menu-footer {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Homepage current-availability strip. The content can follow posted hours or
   be overridden from Admin > Settings without changing the template. */
.theme-beta-inspired .home-availability {
    padding: 22px 0;
    border-top: 1px solid #253249;
    border-bottom: 1px solid #253249;
    background: #0b1220;
}

.theme-beta-inspired .home-availability-inner {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 19px 22px;
    border: 1px solid #334155;
    border-radius: 18px;
    background: #172238;
    box-shadow: 0 14px 38px rgb(2 6 23 / .2);
}

.theme-beta-inspired .availability-icon {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid #3a4a62;
    border-radius: 15px;
    background: #0f172a;
    color: #fb7185;
}

.theme-beta-inspired .availability-icon svg { width: 23px; height: 23px; }
.theme-beta-inspired .availability-copy { min-width: 0; }
.theme-beta-inspired .availability-copy h2 { margin: 3px 0 2px; color: #f8fafc; font: 800 20px/1.25 'Manrope', Arial, sans-serif; }
.theme-beta-inspired .availability-copy p { margin: 0; color: #9eacc0; font-size: 12px; }
.theme-beta-inspired .availability-label { display: inline-flex; align-items: center; gap: 7px; color: #cbd5e1; font: 800 10px/1.2 ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; }
.theme-beta-inspired .availability-label > i { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 5px rgb(34 197 94 / .1); }
.theme-beta-inspired :is(.is-limited,.is-after-hours) .availability-label > i { background: #f59e0b; box-shadow: 0 0 0 5px rgb(245 158 11 / .1); }
.theme-beta-inspired .is-scheduling .availability-label > i { background: #60a5fa; box-shadow: 0 0 0 5px rgb(96 165 250 / .1); }
.theme-beta-inspired .availability-actions { display: flex; align-items: center; gap: 17px; }
.theme-beta-inspired .availability-actions .button { padding: 12px 16px; white-space: nowrap; }
.theme-beta-inspired .availability-call { display: inline-flex; align-items: center; gap: 7px; color: #f8fafc; font-size: 12px; font-weight: 750; white-space: nowrap; }
.theme-beta-inspired .availability-call svg { width: 16px; color: #fb7185; }

/* Factual comparison replaces the generic benefits cards. */
.theme-beta-inspired .service-comparison-section { border-top: 1px solid #26344a; background: #0c1422; }
.theme-beta-inspired .service-comparison-section .section-heading > p { align-self: end; max-width: 520px; color: #9eacc0; }
.theme-beta-inspired .service-comparison {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr) minmax(0, 1.12fr);
    overflow: hidden;
    margin-top: 30px;
    border: 1px solid #334155;
    border-radius: 20px;
    background: #111b2d;
    box-shadow: 0 20px 52px rgb(2 6 23 / .22);
}

.theme-beta-inspired .service-comparison > div { min-width: 0; padding: 17px 19px; border-top: 1px solid #2d3b51; border-right: 1px solid #2d3b51; }
.theme-beta-inspired .service-comparison > div:nth-child(-n+3) { border-top: 0; }
.theme-beta-inspired .service-comparison > div:nth-child(3n) { border-right: 0; }
.theme-beta-inspired .comparison-heading { display: flex; min-height: 112px; flex-direction: column; justify-content: center; background: #172238; }
.theme-beta-inspired .comparison-heading.comparison-topic { color: #94a3b8; font: 800 11px/1.3 ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; }
.theme-beta-inspired .comparison-heading.is-pete,
.theme-beta-inspired .comparison-cell.is-pete { background: rgb(136 19 55 / .13); }
.theme-beta-inspired .comparison-icon { display: grid; width: 33px; height: 33px; margin-bottom: 9px; place-items: center; border-radius: 9px; background: #0f172a; color: #94a3b8; }
.theme-beta-inspired .comparison-heading.is-pete .comparison-icon { background: rgb(244 63 94 / .15); color: #fb7185; }
.theme-beta-inspired .comparison-icon svg { width: 17px; }
.theme-beta-inspired .comparison-heading small { color: #94a3b8; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.theme-beta-inspired .comparison-heading b { margin-top: 3px; color: #f8fafc; font: 800 16px/1.3 'Manrope', Arial, sans-serif; }
.theme-beta-inspired .service-comparison .comparison-label {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    z-index: auto;
    display: flex;
    align-items: center;
    padding: 17px 19px;
    border-radius: 0;
    background: transparent;
    color: #e2e8f0;
    font: 800 12px/1.4 'Manrope', Arial, sans-serif;
    backdrop-filter: none;
}
.theme-beta-inspired .comparison-cell { display: flex; align-items: center; color: #9eacc0; font-size: 12px; line-height: 1.55; }
.theme-beta-inspired .comparison-cell.is-pete { gap: 10px; color: #dbe4ef; }
.theme-beta-inspired .comparison-cell.is-pete > svg { width: 18px; flex: 0 0 18px; color: #34d399; }
.theme-beta-inspired .comparison-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 18px; padding: 18px 20px; border: 1px solid #334155; border-radius: 15px; background: #172238; }
.theme-beta-inspired .comparison-footer p { display: flex; align-items: flex-start; gap: 10px; margin: 0; color: #9eacc0; font-size: 12px; }
.theme-beta-inspired .comparison-footer p > svg { width: 18px; flex: 0 0 18px; color: #60a5fa; }
.theme-beta-inspired .comparison-footer b { color: #f8fafc; }
.theme-beta-inspired .comparison-footer .button { flex: 0 0 auto; }

/* Interactive county map. County outlines are embedded so the map is fast,
   private, and usable without a third-party map script. */
.theme-beta-inspired .coverage-map-section {
    padding: 58px 0;
    border-top: 1px solid #26344a;
    background: radial-gradient(circle at 24% 46%, rgb(59 130 246 / .06), transparent 25rem), #0f172a;
}

.theme-beta-inspired .coverage-map-heading { align-items: end; gap: 34px; }
.theme-beta-inspired .coverage-map-heading h2 { max-width: none; margin-bottom: 0; font-size: clamp(32px, 3.8vw, 48px); }
.theme-beta-inspired .coverage-map-heading > p { align-self: end; max-width: 540px; margin-bottom: 3px; color: #9eacc0; }
.theme-beta-inspired .coverage-map-layout { display: grid; grid-template-columns: minmax(0, .82fr) minmax(390px, 1.18fr); gap: 18px; margin-top: 23px; }
.theme-beta-inspired .coverage-map-card,
.theme-beta-inspired .coverage-map-details { border: 1px solid #3b4c65; border-radius: 18px; background: #111b2d; box-shadow: 0 16px 38px rgb(2 6 23 / .18); }
.theme-beta-inspired .coverage-map-card { display: flex; min-height: 0; flex-direction: column; justify-content: space-between; padding: 13px; }
.theme-beta-inspired .coverage-map-svg { display: block; width: 100%; height: 286px; }
.theme-beta-inspired .coverage-map-svg a { cursor: pointer; outline: none; }
.theme-beta-inspired .coverage-map-svg path { fill: #4b627e; stroke: #b6c5d8; stroke-width: 2.4; vector-effect: non-scaling-stroke; transition: fill .18s ease, stroke .18s ease, filter .18s ease; }
.theme-beta-inspired .coverage-map-svg [data-map-county="delaware"] path { fill: #466985; }
.theme-beta-inspired .coverage-map-svg [data-map-county="ulster"] path { fill: #5b5c83; }
.theme-beta-inspired .coverage-map-svg [data-map-county="orange"] path { fill: #71576f; }
.theme-beta-inspired .coverage-map-svg a:hover path,
.theme-beta-inspired .coverage-map-svg a:focus-visible path { fill: #607a9d; stroke: #dbeafe; filter: drop-shadow(0 5px 7px rgb(0 0 0 / .2)); }
.theme-beta-inspired .coverage-map-svg a.is-active path { fill: #e4475f; stroke: #fecdd3; stroke-width: 3; filter: drop-shadow(0 7px 9px rgb(228 71 95 / .25)); }
.theme-beta-inspired .coverage-map-svg text { fill: #fff; stroke: #162237; stroke-width: 3px; paint-order: stroke fill; font: 800 15px 'Manrope', Arial, sans-serif; text-anchor: middle; pointer-events: none; }
.theme-beta-inspired .coverage-map-svg circle { fill: #34d399; stroke: #0f172a; stroke-width: 2; pointer-events: none; }
.theme-beta-inspired .coverage-map-svg .map-base-label { fill: #d1fae5; stroke-width: 2px; font: 700 9px ui-monospace, monospace; text-anchor: start; }
.theme-beta-inspired .coverage-map-key { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.theme-beta-inspired .coverage-map-key button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; padding: 9px 8px; border: 1px solid #3a4a62; border-radius: 9px; background: #172238; color: #cbd5e1; font-size: 11px; font-weight: 750; }
.theme-beta-inspired .coverage-map-key button > i { width: 7px; height: 7px; border-radius: 50%; background: #64748b; }
.theme-beta-inspired .coverage-map-key button:hover,
.theme-beta-inspired .coverage-map-key button:focus-visible,
.theme-beta-inspired .coverage-map-key button.is-active { border-color: #fb7185; background: rgb(190 49 73 / .16); color: #fff; outline: 0; }
.theme-beta-inspired .coverage-map-key button.is-active > i { background: #fb7185; }
.theme-beta-inspired .coverage-map-details { min-height: 100%; padding: 22px 24px; }
.theme-beta-inspired .coverage-county-panel[hidden] { display: none; }
.theme-beta-inspired .coverage-county-kicker { display: inline-flex; align-items: center; gap: 7px; color: #fb7185; font: 800 10px/1.3 ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; }
.theme-beta-inspired .coverage-county-kicker svg { width: 15px; }
.theme-beta-inspired .coverage-county-panel h3 { margin: 9px 0 5px; color: #f8fafc; font: 800 23px/1.2 'Manrope', Arial, sans-serif; }
.theme-beta-inspired .coverage-county-panel > p { min-height: 0; margin: 0; color: #9eacc0; font-size: 11px; }
.theme-beta-inspired .coverage-time-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 13px 0 11px; padding: 10px 12px; border: 1px solid #334155; border-radius: 10px; background: #0f172a; }
.theme-beta-inspired .coverage-time-row span { display: inline-flex; align-items: center; gap: 7px; color: #94a3b8; font-size: 10px; }
.theme-beta-inspired .coverage-time-row svg { width: 14px; color: #fb7185; }
.theme-beta-inspired .coverage-time-row b { color: #f8fafc; font: 800 12px ui-monospace, monospace; }
.theme-beta-inspired .coverage-map-towns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-bottom: 13px; }
.theme-beta-inspired .coverage-map-towns a { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 6px; padding: 8px 9px; border: 1px solid #334155; border-radius: 8px; background: #172238; color: #dbe4ef; font-size: 10px; }
.theme-beta-inspired .coverage-map-towns a:hover { border-color: #fb7185; color: #fff; }
.theme-beta-inspired .coverage-map-towns svg { width: 13px; flex: 0 0 13px; color: #fb7185; }
.theme-beta-inspired .coverage-county-panel > .button { width: 100%; }
.theme-beta-inspired .coverage-map-note { display: flex; align-items: flex-start; gap: 9px; margin: 12px 0 0; color: #718198; font-size: 10px; }
.theme-beta-inspired .coverage-map-note svg { width: 16px; flex: 0 0 16px; color: #60a5fa; }

@media (max-width: 900px) {
    .theme-beta-inspired .home-availability-inner { grid-template-columns: 52px minmax(0, 1fr); }
    .theme-beta-inspired .availability-actions { grid-column: 1 / -1; justify-content: flex-end; }
    .theme-beta-inspired .coverage-map-layout { grid-template-columns: minmax(0, 1fr); }
    .theme-beta-inspired .coverage-map-details { min-height: 0; }
    .theme-beta-inspired .coverage-map-svg { height: 330px; }
}

@media (max-width: 650px) {
    .theme-beta-inspired .home-availability { padding: 14px 0; }
    .theme-beta-inspired .home-availability-inner { width: calc(100% - 24px); grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 16px; border-radius: 15px; }
    .theme-beta-inspired .availability-icon { width: 42px; height: 42px; border-radius: 12px; }
    .theme-beta-inspired .availability-icon svg { width: 19px; }
    .theme-beta-inspired .availability-copy h2 { font-size: 16px; }
    .theme-beta-inspired .availability-actions { justify-content: stretch; gap: 12px; }
    .theme-beta-inspired .availability-actions .button { flex: 1; }
    .theme-beta-inspired .service-comparison { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .theme-beta-inspired .comparison-topic { display: none; }
    .theme-beta-inspired .service-comparison > div { border-top: 1px solid #2d3b51; border-right: 1px solid #2d3b51; padding: 14px; }
    .theme-beta-inspired .service-comparison > div:nth-child(3n) { border-right: 1px solid #2d3b51; }
    .theme-beta-inspired .service-comparison > div:nth-child(2n) { border-right: 0; }
    .theme-beta-inspired .service-comparison > div:nth-child(2),
    .theme-beta-inspired .service-comparison > div:nth-child(3) { border-top: 0; }
    .theme-beta-inspired .comparison-heading { min-height: 118px; }
    .theme-beta-inspired .comparison-label { grid-column: 1 / -1; padding-block: 10px !important; border-right: 0 !important; background: #0f172a; color: #fb7185; }
    .theme-beta-inspired .comparison-cell { align-items: flex-start; font-size: 11px; }
    .theme-beta-inspired .comparison-footer { align-items: stretch; flex-direction: column; }
    .theme-beta-inspired .comparison-footer .button { width: 100%; }
    .theme-beta-inspired .coverage-map-section { padding: 44px 0; }
    .theme-beta-inspired .coverage-map-heading { gap: 12px; }
    .theme-beta-inspired .coverage-map-heading h2 { font-size: 33px; }
    .theme-beta-inspired .coverage-map-card { padding: 9px; }
    .theme-beta-inspired .coverage-map-svg { height: 265px; }
    .theme-beta-inspired .coverage-map-svg text { font-size: 13px; }
    .theme-beta-inspired .coverage-map-key { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .theme-beta-inspired .coverage-map-details { padding: 21px 18px; }
    .theme-beta-inspired .coverage-county-panel > p { min-height: 0; }
    .theme-beta-inspired .coverage-map-towns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Homepage section rhythm follows the customer journey rather than DOM parity.
   Explicit tones prevent adjacent sections from visually merging after reordering. */
.theme-beta-inspired.is-home #main > :is(
    .service-assurance,
    .symptom-section,
    .process-section,
    .coverage-map-section,
    .vehicle-showcase,
    .app-promo
) {
    border-top: 1px solid #34435a !important;
    background: linear-gradient(145deg, #18242d 0%, #202d37 100%) !important;
}

.theme-beta-inspired.is-home #main > :is(
    .brake-specialty-home,
    .popular-services-section,
    .google-reviews-section,
    .home-faq
) {
    border-top: 1px solid #2d3c52 !important;
    background: #0b1220 !important;
}

.theme-beta-inspired.is-home #main > :is(
    .service-comparison-section,
    .home-promotions
) {
    border-top: 1px solid #2f3f57 !important;
    background: #0f172a !important;
}

.theme-beta-inspired.is-home #main > .process-section,
.theme-beta-inspired.is-home #main > .app-promo {
    background:
        radial-gradient(circle at 80% 18%, rgb(244 63 94 / .1), transparent 28rem),
        linear-gradient(145deg, #18242d 0%, #202d37 100%) !important;
}

.theme-beta-inspired.is-home #main > .brake-specialty-home {
    background:
        radial-gradient(circle at 80% 18%, rgb(244 63 94 / .11), transparent 28rem),
        linear-gradient(145deg, #0b1220 0%, #101a2b 100%) !important;
}

.theme-beta-inspired.is-home #main > .popular-services-section,
.theme-beta-inspired.is-home #main > .google-reviews-section,
.theme-beta-inspired.is-home #main > .home-faq {
    background:
        radial-gradient(circle at 18% 18%, rgb(59 130 246 / .045), transparent 25rem),
        #0b1220 !important;
}

/* Site-wide desktop layout: page content plus Pete's persistent service rail. */
html:has(body.has-site-sidebar),
body.has-site-sidebar {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

.theme-beta-inspired.has-site-sidebar #main {
    overflow: visible;
}

.theme-beta-inspired .sitewide-layout {
    display: grid;
    grid-template-areas: "main rail";
    grid-template-columns: minmax(0, 1fr) 328px;
    align-items: start;
    width: min(100%, 1560px);
    margin: 0 auto;
    border-top: 1px solid #2b3a50;
    background: #07101d;
}

.theme-beta-inspired .sitewide-main {
    grid-area: main;
    min-width: 0;
    border-right: 1px solid #2b3a50;
}

.theme-beta-inspired .home-side-rail {
    grid-area: rail;
    align-self: stretch;
    min-width: 0;
    padding: 16px 14px 24px;
}

.theme-beta-inspired .home-side-rail-inner {
    position: sticky;
    top: 92px;
    display: grid;
    gap: 10px;
}

/* The homepage hero is intentionally shorter inside the main desktop lane. */
.theme-beta-inspired.has-site-sidebar.is-home #main > .hero-service-slider {
    min-height: 0;
    padding: 34px 0 34px;
}

.theme-beta-inspired.has-site-sidebar.is-home #main .hero-pete-strip {
    display: none;
}

.theme-beta-inspired.has-site-sidebar.is-home #main .hero-service-slider .hero-grid {
    grid-template-columns: minmax(0, 1.04fr) minmax(300px, .76fr);
    gap: 34px;
}

.theme-beta-inspired.has-site-sidebar.is-home #main .hero-service-slider .hero-slide h1 {
    max-width: 610px;
    margin: 15px 0 18px;
    font-size: clamp(43px, 4.25vw, 60px);
}

.theme-beta-inspired.has-site-sidebar.is-home #main .hero-lede {
    font-size: 15px;
    line-height: 1.6;
}

.theme-beta-inspired.has-site-sidebar.is-home #main .hero-service-slider .hero-actions {
    margin-top: 22px;
    gap: 18px;
}

.theme-beta-inspired.has-site-sidebar.is-home #main .availability-card {
    padding: 20px;
}

.theme-beta-inspired.has-site-sidebar.is-home #main .card-heading {
    padding-bottom: 13px;
}

.theme-beta-inspired.has-site-sidebar.is-home #main .zip-form {
    padding-top: 13px;
}

.theme-beta-inspired.has-site-sidebar.is-home #main .hero-job-glimpses a {
    height: 94px;
}

.theme-beta-inspired.has-site-sidebar.is-home #main .trust-strip {
    margin-top: 28px;
    gap: 8px;
}

.theme-beta-inspired.has-site-sidebar.is-home #main .trust-strip > div {
    min-height: 62px;
    padding: 10px 12px;
    font-size: 11px;
}

.theme-beta-inspired .home-rail-preview-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 3px 3px;
    color: #94a3b8;
    font: 800 9px/1.25 ui-monospace, monospace;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.theme-beta-inspired .home-rail-preview-note span,
.theme-beta-inspired .home-rail-preview-note a { display: inline-flex; align-items: center; gap: 6px; }
.theme-beta-inspired .home-rail-preview-note svg { width: 14px; color: #fb7185; }
.theme-beta-inspired .home-rail-preview-note a { color: #fb7185; text-decoration: underline; text-underline-offset: 3px; }

.theme-beta-inspired .home-side-rail .home-availability {
    padding: 0;
    border: 0;
    background: transparent;
}

.theme-beta-inspired .home-side-rail .home-availability .shell { width: 100%; }
.theme-beta-inspired .home-side-rail .home-availability-inner {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
    padding: 14px;
    border-radius: 15px;
    box-shadow: none;
}
.theme-beta-inspired .home-side-rail .availability-icon { width: 40px; height: 40px; border-radius: 11px; }
.theme-beta-inspired .home-side-rail .availability-icon svg { width: 18px; }
.theme-beta-inspired .home-side-rail .availability-copy h2 { font-size: 15px; }
.theme-beta-inspired .home-side-rail .availability-copy p { margin-top: 5px; font-size: 10px; line-height: 1.5; }
.theme-beta-inspired .home-side-rail .availability-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;
}
.theme-beta-inspired .home-side-rail .availability-actions .button { justify-content: center; padding: 10px 11px; font-size: 11px; }
.theme-beta-inspired .home-side-rail .availability-call { padding: 0 5px; font-size: 0; }
.theme-beta-inspired .home-side-rail .availability-call svg { width: 18px; }

.theme-beta-inspired .home-rail-card {
    padding: 14px;
    border: 1px solid #334155;
    border-radius: 15px;
    background: #111b2d;
    box-shadow: 0 12px 28px rgb(2 6 23 / .18);
}

.theme-beta-inspired .home-rail-kicker {
    color: #fb7185;
    font: 800 9px/1.25 ui-monospace, monospace;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.theme-beta-inspired .home-rail-card h2 { margin: 6px 0 5px; color: #f8fafc; font: 800 18px/1.2 'Manrope', Arial, sans-serif; }
.theme-beta-inspired .home-rail-card > p { margin: 0 0 10px; color: #94a3b8; font-size: 10px; line-height: 1.5; }
.theme-beta-inspired .home-rail-card > .button { width: 100%; justify-content: center; padding: 11px 13px; font-size: 11px; }

.theme-beta-inspired .home-rail-contact-links { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 7px; margin-top: 8px; }
.theme-beta-inspired .home-rail-contact-links > a { display: flex; min-width: 0; align-items: center; gap: 7px; padding: 9px; border: 1px solid #334155; border-radius: 9px; background: #0b1220; }
.theme-beta-inspired .home-rail-contact-links svg { width: 15px; flex: 0 0 15px; color: #fb7185; }
.theme-beta-inspired .home-rail-contact-links span { display: flex; min-width: 0; flex-direction: column; }
.theme-beta-inspired .home-rail-contact-links small { color: #718198; font-size: 8px; }
.theme-beta-inspired .home-rail-contact-links b { overflow: hidden; color: #e2e8f0; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

.theme-beta-inspired .home-rail-facts { display: grid; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.theme-beta-inspired .home-rail-facts li { display: flex; min-width: 0; align-items: flex-start; gap: 10px; }
.theme-beta-inspired .home-rail-facts li > svg { width: 17px; flex: 0 0 17px; color: #34d399; }
.theme-beta-inspired .home-rail-facts li > span { display: flex; min-width: 0; flex-direction: column; }
.theme-beta-inspired .home-rail-facts b { color: #e2e8f0; font-size: 11px; }
.theme-beta-inspired .home-rail-facts small { margin-top: 1px; color: #718198; font-size: 9px; line-height: 1.4; }

.theme-beta-inspired .home-rail-links { display: grid; gap: 6px; }
.theme-beta-inspired .home-rail-links .home-rail-kicker { margin-bottom: 5px; }
.theme-beta-inspired .home-rail-links > a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 10px; border-radius: 8px; color: #cbd5e1; font-size: 10px; font-weight: 750; }
.theme-beta-inspired .home-rail-links > a:hover { background: #172238; color: #fff; }
.theme-beta-inspired .home-rail-links > a span { display: inline-flex; align-items: center; gap: 8px; }
.theme-beta-inspired .home-rail-links svg { width: 14px; color: #fb7185; }

/* The main navigation already provides these links. Keeping them out of the
   sticky rail lets the higher-value contact and trust details fit at once. */
.theme-beta-inspired.has-site-sidebar .home-side-rail .home-rail-links {
    display: none;
}

@media (max-width: 1180px) {
    .theme-beta-inspired .sitewide-layout {
        display: block;
    }
    .theme-beta-inspired .sitewide-main { border-right: 0; }
    .theme-beta-inspired .home-side-rail {
        display: none;
    }
    .theme-beta-inspired.has-site-sidebar.is-home #main > .hero-service-slider { min-height: 0; }
    .theme-beta-inspired.has-site-sidebar.is-home #main .hero-service-slider .hero-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 38px;
    }
}

@media (max-width: 760px) {
    .theme-beta-inspired.has-site-sidebar.is-home #main > .hero-service-slider {
        padding: 18px 0 28px;
    }
}