/* Emergency Fixes for Text Overflow and Sticky Issues */

/* Force text wrapping everywhere */
* {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* Service description specific fixes */
.service-description,
.service-description * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.service-description h2,
.service-description h3,
.service-description p,
.service-description ul,
.service-description li {
    overflow: visible !important;
    white-space: normal !important;
    word-break: break-word !important;
}

/* Grid layout fix */
.service-detail-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px !important;
    gap: 40px;
    overflow: visible;
}

.service-main {
    min-width: 0 !important;
    overflow: visible !important;
}

/* Sidebar sticky fix */
.service-sidebar {
    position: relative;
    height: fit-content;
}

.service-order-card {
    position: sticky !important;
    top: 110px !important;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

.service-contact-card {
    position: static !important;
    margin-top: 30px;
}

/* Mobile responsive */
@media (max-width: 968px) {
    .service-detail-content {
        grid-template-columns: 1fr !important;
    }
    
    .service-order-card,
    .service-contact-card {
        position: static !important;
        top: auto !important;
    }
}

/* Prevent horizontal scroll */
body {
    overflow-x: hidden;
}

.service-detail {
    overflow-x: hidden;
}