/* Responsive and keyboard-accessibility guardrails for the Owl carousels. */
.promopage .owl-carousel {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.promopage .owl-stage-outer {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.promopage .owl-nav > button,
.promopage .owl-dots .owl-dot {
    min-width: 44px;
    min-height: 44px;
}

.promopage .owl-nav > button:focus-visible,
.promopage .owl-dots .owl-dot:focus-visible {
    outline: 2px solid #e10000;
    outline-offset: 2px;
}

/* Keep the first screen focused on the franchise value proposition. Direct
   contacts belong beside the consultation form, where the next action is
   clear and the information is useful rather than competing with the hero. */
.franchise-header .header__btn {
    margin-left: 0;
}

.franchise-header .header__btn-link {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
}

.promopage .step__contact-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 24px 0 36px;
    padding: 22px 24px;
    border: 1px solid rgba(38, 43, 55, .12);
    border-radius: 18px;
    background: #f5f5f7;
    text-align: left;
}

.promopage .step__contact-copy {
    min-width: 0;
}

.promopage .step__contact-kicker {
    margin: 0 0 5px;
    color: #262b37;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;
}

.promopage .step__contact-description {
    max-width: 560px;
    margin: 0;
    color: #555b67;
    font-size: 16px;
    line-height: 1.45;
}

.promopage .step__contact-links {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px 18px;
}

.promopage .step__contact-links a {
    color: #e10000;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
    white-space: nowrap;
}

.promopage .step__contact-links a:hover,
.promopage .step__contact-links a:focus-visible {
    color: #b40000;
    text-decoration: underline;
}

@media (max-width: 991px) {
    .franchise-header .header__content {
        margin-top: 34px;
    }
}

@media (max-width: 767px) {
    .promopage .step__contact-note {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
        margin-top: 20px;
        padding: 19px 18px;
    }

    .promopage .step__contact-links {
        justify-content: flex-start;
    }
}

@media (max-width: 522px) {
    .franchise-header .header__content {
        margin-top: 28px;
    }

    .franchise-header .header__btn {
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }

    .franchise-header .header__btn-link {
        width: 100%;
        max-width: 340px;
    }

    .promopage .step__contact-links {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .promopage .step__contact-links a {
        display: inline-flex;
        min-height: 44px;
        align-items: center;
    }
}