/* Service provider business detail — mobile-first layout */
#service-main.service-customer-layout {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.service-business-detail-page {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

.service-business-detail-page .business-logo {
    max-width: 140px;
    max-height: 140px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.service-business-detail-page .service-business-detail__title {
    font-size: clamp(1.35rem, 4vw, 2rem);
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.service-business-detail-page .rating-wrapper {
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.75rem;
}

.service-business-detail-page .breadcrumb {
    flex-wrap: wrap;
    font-size: 0.875rem;
    background: none;
    padding-left: 0;
    margin-bottom: 0;
}

.service-business-detail-page .service-business-detail__text p {
    margin-bottom: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.service-business-detail-page .service-business-detail__contact .btn {
    margin-bottom: 0.75rem;
}

.service-business-detail-page #gallery .item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

@media (max-width: 767px) {
    .service-business-detail-page {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .service-business-detail-page .business-logo {
        max-width: 96px;
        max-height: 96px;
    }

    .service-business-detail-page .service-business-detail__title {
        font-size: 1.35rem;
    }

    .service-business-detail-page .rating-wrapper .mr-4,
    .service-business-detail-page .rating-wrapper .mr-2 {
        margin-right: 0.35rem !important;
    }

    .service-business-detail-page .service-business-detail__contact {
        font-size: 0.95rem;
    }
}