html {
    scroll-behavior: smooth;
}

body {
    font-family: "Times New Roman", Times, serif;
    background: #ffffff;
}

.site-shell-header {
    border-bottom: 1px solid #F3DDE1;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(16px);
}

.site-nav-pill {
    background: #FAF6F2;
    border: 1px solid #F3DDE1;
    padding: 8px 12px;
    border-radius: 999px;
}

.site-nav-pill a {
    padding: 9px 16px;
    border-radius: 999px;
}

.site-nav-pill a:hover {
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(183, 110, 121, 0.15);
}

.repair-soft-shadow {
    box-shadow: 0 24px 70px rgba(183, 110, 121, 0.15);
}

.page-hero-repair {
    background: linear-gradient(
        135deg,
        #FAF6F2 0%,
        #ffffff 50%,
        #F7E7EA 100%
    );
}

.hero-image-mask {
    clip-path: polygon(7% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
}

.soft-card {
    border: 1px solid #F3DDE1;
    box-shadow: 0 18px 42px rgba(183, 110, 121, 0.10);
}

.repair-service-card {
    border-left: 4px solid #B76E79;
}

.line-clamp-1,
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #B76E79 !important;
    box-shadow: 0 0 0 3px rgba(183, 110, 121, 0.15);
}



.service-content h1,
.service-content h2,
.service-content h3,
.service-content h4 {
    font-weight: 700;
    margin-top: 12px;
    margin-bottom: 8px;
    color: #111827;
}

.service-content ul {
    list-style: disc;
    padding-left: 20px;
    margin: 10px 0;
}

.service-content ol {
    list-style: decimal;
    padding-left: 20px;
    margin: 10px 0;
}

.service-content li {
    margin-bottom: 6px;
}

.service-content p {
    margin-bottom: 10px;
}

.service-content strong {
    font-weight: 700;
}


@media (max-width:768px){

    body{
        padding-bottom:75px;
    }

    .text-primary{
        color:#C07A85;
    }

}