/* Price details and chronometer are one service-estimate section on opted-in pages. */
#start.service-page .service-price-estimate__frame {
    padding: clamp(24px, 4vw, 56px);
    border: 1px solid #e1e4ef;
    border-radius: 24px;
    background: #fff;
}

#start.service-page .service-price-estimate__frame .service-estimate--embedded {
    margin-top: clamp(40px, 5vw, 72px);
    padding-top: clamp(32px, 4vw, 48px);
    border-top: 1px solid #e1e4ef;
}

#start.service-page .service-price-estimate__frame .service-estimate__intro {
    max-width: 760px;
    margin: 0 auto 24px;
    text-align: center;
}

#start.service-page .service-price-estimate__frame .service-estimate__intro h3 {
    margin: 0 0 10px;
    color: var(--seo-ink, #43416b);
    font: 600 clamp(26px, 3vw, 38px) / 1.15 Roboto, Arial, sans-serif;
    letter-spacing: -.03em;
}

#start.service-page .service-price-estimate__frame .chrono-price-intro {
    margin: 0;
    color: #76768b;
    font: 400 16px / 1.6 Roboto, Arial, sans-serif;
}

#start.service-page .service-price-estimate__frame .chronomer-service {
    max-width: 1000px;
    margin: 0 auto;
}

#start.service-page .service-price-estimate__frame .chronomer-service .s-base__chronomer {
    margin-bottom: 0;
}

#start.service-page #prices.game-pricing .game-pricing__estimate {
    grid-column: 1 / -1;
}

#start.service-page #prices.game-pricing .game-pricing__estimate .service-estimate--embedded {
    margin-top: 0;
}

@media (max-width: 700px) {
    #start.service-page .service-price-estimate__frame {
        padding: 24px 20px;
        border-radius: 20px;
    }

    #start.service-page .service-price-estimate__frame .service-estimate--embedded {
        margin-top: 36px;
        padding-top: 32px;
    }
}