.piano-movers-body {
    background: #f7fbf9
}

.piano-movers-city-page {
    padding-top: 0
}

    .piano-movers-city-page .mcr-hero {
        margin: 0 -16px;
        padding: 34px 15px 38px 15px !important
    }

    .piano-movers-city-page .mcr-hero-content > .mcr-eyebrow {
        display: block;
        margin-bottom: 10px
    }

    .piano-movers-city-page .mcr-hero::after {
        background: linear-gradient(180deg,#fff0,rgb(214 237 225 / .76)),url(/images25/movers-city-icons/piano-item.svg) left 7vw bottom 28px/110px 110px no-repeat,url(/images25/movers-city-icons/hero-city-moving.svg) right 7vw bottom 18px/auto 165px no-repeat
    }

.piano-field-error {
    display: block;
    margin-top: 3px;
    color: #b42318;
    font-size: .78rem;
    font-weight: 750
}

    .piano-field-error[hidden] {
        display: none
    }

.piano-intro {
    grid-template-columns: auto minmax(0,1fr) auto
}

.piano-service-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px
}

    .piano-service-grid article {
        display: grid;
        grid-template-columns: auto minmax(0,1fr);
        grid-template-rows: auto 1fr;
        gap: 5px 14px;
        min-height: 150px;
        padding: 18px
    }

    .piano-service-grid .mcr-icon-shell {
        grid-row: 1/3
    }

    .piano-service-grid h3, .piano-service-grid p {
        margin: 0
    }

    .piano-service-grid h3 {
        font-size: 1rem
    }

    .piano-service-grid p {
        color: var(--mcr-muted);
        font-size: .82rem;
        line-height: 1.4
    }

.piano-sample-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px
}

    .piano-sample-grid article {
        display: grid;
        gap: 6px;
        padding: 18px
    }

    .piano-sample-grid strong {
        font-size: .95rem
    }

    .piano-sample-grid span {
        color: var(--mcr-muted);
        font-size: .78rem
    }

    .piano-sample-grid b {
        color: var(--mcr-green);
        font-size: 1.2rem
    }

.piano-disclaimer {
    margin: 10px 0 0;
    color: var(--mcr-muted);
    font-size: .8rem;
    line-height: 1.45
}

.piano-calculator-frame {
    overflow: hidden;
    border: 1px solid var(--mcr-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--mcr-shadow)
}

    .piano-calculator-frame > header {
        padding: 24px 26px;
        border-bottom: 1px solid var(--mcr-border);
        background: linear-gradient(90deg,#f2faf6,#fff)
    }

        .piano-calculator-frame > header h2 {
            margin: 3px 0 0;
            font-size: clamp(1.35rem,2.2vw,1.75rem)
        }

        .piano-calculator-frame > header p {
            max-width: 900px;
            margin: 6px 0 0;
            color: var(--mcr-muted);
            font-size: .9rem
        }

.piano-guidance-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px
}

    .piano-guidance-grid article {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        gap: 15px;
        min-height: 295px;
        padding: 24px
    }

    .piano-guidance-grid h3, .piano-guidance-grid p {
        margin: 0
    }

    .piano-guidance-grid h3 {
        font-size: 1.05rem
    }

    .piano-guidance-grid p {
        color: var(--mcr-muted);
        font-size: .9rem
    }

    .piano-guidance-grid .mcr-link {
        align-self: end
    }

.piano-movers-city-page .mcr-quote-checklist-card {
    display: grid;
    gap: 14px;
    padding: 22px
}

.piano-movers-city-page .mcr-quote-checklist-copy {
    gap: 5px;
    max-width: 980px
}

    .piano-movers-city-page .mcr-quote-checklist-copy > * {
        margin: 0
    }

.piano-movers-city-page .mcr-quote-checklist-grid {
    gap: 12px
}

.piano-movers-city-page .mcr-quote-checklist-group {
    padding: 14px 16px
}

    .piano-movers-city-page .mcr-quote-checklist-group h3 {
        margin-bottom: 8px
    }

    .piano-movers-city-page .mcr-quote-checklist-group .mcr-check-list {
        gap: 7px
    }

.piano-movers-city-page .mcr-quote-checklist-note {
    margin: 0;
    padding: 10px 14px
}

.piano-final-cta {
    background: linear-gradient(135deg,#f4fbf7,#fff);
    color: var(--mcr-text)
}

    .piano-final-cta h2 {
        color: var(--mcr-text)
    }

    .piano-final-cta p {
        color: var(--mcr-muted)
    }

    .piano-final-cta .mcr-button--outline {
        border-color: #8acba5;
        color: var(--mcr-green-dark)
    }

@media(max-width:900px) {
    .piano-service-grid, .piano-sample-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .piano-guidance-grid {
        grid-template-columns: 1fr
    }

        .piano-guidance-grid article {
            min-height: 0
        }
}

@media(max-width:767px) {
    .piano-movers-city-page .mcr-hero {
        margin: 0 -10px
    }

    .piano-movers-city-page .mcr-hero-content {
        display: contents
    }

        .piano-movers-city-page .mcr-hero-content > .mcr-eyebrow {
            order: 1
        }

        .piano-movers-city-page .mcr-hero-content > h1 {
            order: 2
        }

    .piano-movers-city-page .mcr-hero-copy {
        order: 3
    }

    .piano-movers-city-page .mcr-quote-card {
        order: 4;
        margin-top: 16px
    }

    .piano-movers-city-page .mcr-trust-list {
        order: 5
    }

    .piano-movers-city-page .mcr-mini-links {
        order: 6
    }

    .piano-inline-cta, .piano-mobile-hide {
        display: none
    }

    .piano-intro {
        grid-template-columns: auto 1fr
    }

    .piano-service-grid, .piano-sample-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 9px
    }

        .piano-service-grid article {
            grid-template-columns: 1fr;
            grid-template-rows: auto auto 1fr;
            min-height: 190px;
            padding: 13px
        }

        .piano-service-grid .mcr-icon-shell {
            grid-row: auto;
            width: 44px;
            height: 44px
        }

        .piano-service-grid h3 {
            font-size: .86rem
        }

        .piano-service-grid p {
            font-size: .72rem
        }

        .piano-sample-grid article {
            padding: 13px
        }

        .piano-sample-grid strong {
            font-size: .82rem
        }

        .piano-sample-grid span {
            font-size: .69rem
        }

        .piano-sample-grid b {
            font-size: 1rem
        }

    .piano-calculator-frame > header {
        padding: 20px 18px
    }

    .piano-guidance-grid article {
        padding: 16px
    }
}

.piano-service-grid {
    align-items: stretch
}

    .piano-service-grid article {
        height: 100%;
        min-height: 0;
        padding: 15px;
        grid-template-rows: auto auto;
        align-content: start;
        align-items: start
    }

@media(max-width:767px) {
    .piano-service-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 8px
    }

        .piano-service-grid article {
            min-width: 0;
            min-height: 0;
            padding: 11px;
            grid-template-columns: 38px minmax(0,1fr);
            grid-template-rows: auto auto;
            column-gap: 9px;
            row-gap: 3px
        }

        .piano-service-grid .mcr-icon-shell {
            width: 38px;
            height: 38px;
            grid-row: 1/3
        }

        .piano-service-grid h3, .piano-service-grid p {
            min-width: 0;
            overflow-wrap: anywhere
        }

        .piano-service-grid h3 {
            font-size: .8rem;
            line-height: 1.2
        }

        .piano-service-grid p {
            font-size: .69rem;
            line-height: 1.35
        }
}

@media(min-width:981px) {
    .piano-calculator-frame {
        overflow: visible
    }

        .piano-calculator-frame > header {
            border-radius: 18px 18px 0 0
        }

    .piano-calculator {
        border-radius: 0 0 18px 18px
    }

    .piano-estimate-card {
        position: sticky;
        top: 72px;
        height: max-content;
        max-height: none;
        overflow: visible;
        overscroll-behavior: auto
    }
}

@media (max-width:980px) {
    .mcr-quote-card {
        margin: 20px auto 0
    }
}

@media (max-width:767px) {
    .piano-movers-intro-cta {
        display: none
    }
}

@media (max-width:767px) {
    .piano-movers-services-cta {
        display: none
    }
}

.mcr-breadcrumb a {
    color: #0f6338;
    text-decoration: none
}

.mcr-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin-bottom: 20px;
    color: var(--mcr-muted);
    font-size: .88rem;
    font-weight: 800
}