/* Start:/b2b/franshiza/assets/css/b2b_update.css?17925785658916*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&display=swap');

.business-form__view {
    background: rgba(217, 217, 217, .45) !important;
}

.business-form__item.color_white span {
	color:#fff;
}

/* B2B reCAPTCHA error highlight */
.recaptcha-container {
    margin-bottom: 20px;
    display: inline-block;
    width: 304px;
    max-width: 100%;
    height: 78px;
    box-sizing: content-box;
    align-self: flex-start;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.recaptcha-container.has-error {
    border: 1px solid #E31E24 !important;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(227, 30, 36, 0.3) !important;
}

/* ==========================================================================
   Points 8, 9, 11, 15: Montserrat font application
   ========================================================================== */
.dealer,
.features,
.advantages,
.biz-model,
.cta-banner,
.assortment,
.steps,
.network,
.open-salons,
.faq-section,
.bottom-cta,
.r-modal,
.business-links,
.business-sticky {
    font-family: 'Montserrat', sans-serif !important;
}

.title__style,
.biz-model__title,
.steps__title,
.open-salons__title,
.faq__main-title,
.bottom-cta__title,
.r-modal-title,
.feature-card__title,
.step-card__title,
.faq-item__title,
.adv-card__title,
.assortment-card__title,
.network-card__title {
    font-family: 'Montserrat', sans-serif !important;
}

/* ==========================================================================
   Point 1 & 2: Mobile Franchise CTA Button
   ========================================================================== */
.franchise-mobile-header-cta {
    display: none !important;
}
@media (max-width: 912px) {
    .franchise-mobile-header-cta {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 48px;
        background-color: #FFA400 !important;
        color: #fff !important;
        font-weight: 700;
        font-size: 16px;
        border-radius: 8px;
        margin-bottom: 12px;
        border: none;
        cursor: pointer;
        font-family: 'Montserrat', sans-serif !important;
        box-shadow: none;
        text-decoration: none;
    }
}

/* ==========================================================================
   Point 3: Hero block numbers clearance under 'ЮРКАС' logo
   ========================================================================== */
@media (max-width: 490px) {
    .dealer-p .business__title {
        margin-bottom: 330px !important;
    }
}
@media (min-width: 491px) and (max-width: 768px) {
    .dealer-p .business__title {
        margin-bottom: 310px !important;
    }
}

/* ==========================================================================
   Point 4: Feature Card Link 'Перейти'
   ========================================================================== */
section.features .feature-card__link {
    display: inline-block !important;
    color: #FFA400 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    font-weight: 600 !important;
    margin-top: 14px !important;
    font-size: 16px !important;
    transition: color 0.2s ease !important;
}
section.features .feature-card__link:hover {
    color: #e09000 !important;
}

/* ==========================================================================
   Point 16: Moderated border-radius (14-16px instead of 30-40px)
   ========================================================================== */
section.features .feature-card,
.faq-cta,
.faq-cta__bg,
.cta-banner__container,
.adv-card,
.bottom-cta__inner {
    border-radius: 16px !important;
}

.faq-item,
.faq-item__header,
.faq-accordion .faq-item {
    border-radius: 14px !important;
}

/* ==========================================================================
   Point 17: Open Salons Slider Spacing
   ========================================================================== */
@media (max-width: 768px) {
    section.open-salons .open-salons__content {
        margin-bottom: 30px !important;
    }
    section.open-salons .open-salons__pagination {
        margin-bottom: 24px !important;
    }
}

/* ==========================================================================
   Point 10: Button width alignment
   ========================================================================== */
@media (max-width: 768px) {
    section.open-salons .open-salons__btn {
        width: 100% !important;
        border-radius: 10px !important;
    }
}

/* ==========================================================================
   Point 11 & 14: Bottom CTA ('Готовы начать бизнес под ключ...')
   ========================================================================== */
.bottom-cta__title {
    font-weight: 700 !important;
}

.bottom-cta__btn {
    height: 48px !important;
    max-height: 48px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
}
@media (max-width: 490px) {
    .bottom-cta__btn {
        width: 100% !important;
    }
}

.bottom-cta__contacts {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: 24px !important;
}

.bottom-cta__contacts-label,
.bottom-cta__label {
    margin-right: 0 !important;
    font-weight: 600 !important;
    color: #fff !important;
}

.bottom-cta__link {
    color: #FFA400 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.bottom-cta__socials {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: 24px !important;
    width: 100% !important;
}

.bottom-cta__socials .social-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: transparent !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.bottom-cta__socials .social-icon img,
.bottom-cta__socials .social-icon svg {
    width: 42px !important;
    height: 42px !important;
    object-fit: contain !important;
}

.bottom-cta__socials .social-icon:hover {
    transform: translateY(-2px);
    opacity: 0.85;
}

/* ==========================================================================
   Point 15: Проверенная бизнес-модель
   ========================================================================== */
.biz-model__tag-circle {
    border: 1.5px solid #FFA400 !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}

.biz-model__tags {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.biz-model__tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 18px !important;
    border: 1px solid #E0E0E0 !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    max-width: 100% !important;
}

.biz-model__row-inline {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

@media (max-width: 490px) {
    .biz-model__tag {
        font-size: 12.5px !important;
        padding: 6px 14px !important;
    }
    .biz-model__tag strong {
        font-weight: 700 !important;
    }
}

/* ==========================================================================
   Point 12: Footer links styling reset
   ========================================================================== */
.footer-new .footer__top-link {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.footer-new .footer-new__links .button--ghost,
.footer-new .footer-new__top-links .button--ghost {
    font-size: 14px !important;
    color: #393939 !important;
    font-weight: 400 !important;
    gap: 8px !important;
}

.footer-new .footer-new__links .button--ghost svg,
.footer-new .footer-new__top-links .button--ghost svg {
    width: 20px !important;
    height: 20px !important;
    color: #393939 !important;
}

.footer-new .footer-new__links .button--ghost:hover,
.footer-new .footer-new__top-links .button--ghost:hover {
    color: #FFA400 !important;
}


/* End */
/* /b2b/franshiza/assets/css/b2b_update.css?17925785658916 */