/* Phase 3A: keep legacy quotation step labels within their mobile columns. */
@media screen and (max-width: 1079px) {
    .main.singleprodpage .stepper .step-title {
        width: clamp(50px, 18vw, 120px);
        overflow-wrap: anywhere;
        line-height: 1.3;
    }
    .main.singleprodpage .stepper .step:first-of-type .step-title {
        left: 0;
        text-align: left;
    }
    .main.singleprodpage .stepper .step:last-of-type .step-title {
        right: 0;
        text-align: right;
    }
    .main.singleprodpage .stepper {
        margin-bottom: 60px;
    }
}

/* These legacy pages retain fixed desktop content/footer widths at tablet sizes. */
@media screen and (min-width: 601px) and (max-width: 1079px) {
    body:has(.main.singleprodpage .stepper) .main {
        width: calc(100% - 36px);
        max-width: 100%;
        box-sizing: border-box;
    }
    body:has(.main.singleprodpage .stepper) #social,
    body:has(.main.singleprodpage .stepper) #footer-wrapper {
        min-width: 0;
        width: 100%;
    }
    .main.singleprodpage #middle_wrap {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        width: 100%;
    }
    .main.singleprodpage #model_cell {
        width: 100%;
        max-width: 760px;
    }
    .main.singleprodpage #modelImage {
        max-width: 100%;
        height: auto;
    }
}