/********** Template CSS **********/
:root {
    --primary: #9b333c;
    --secondary: #17223d;
    --light: #d5d5d5;
    --dark: #0f0f0f;
}

/* Prevent accidental horizontal scroll on phones/small tablets: row.g-5's
   3rem gutter uses negative margins wider than the container's default
   padding, which bleeds past the viewport edge below the lg breakpoint.
   Match the gutter to the container padding there; keep the wide 3rem
   spacing from lg (992px) up where there is room for it. Using
   overflow-x:hidden on html/body instead would also fix the scroll but
   breaks the sticky header, so the gutter is capped at the source. */
@media (max-width: 991.98px) {
    .row.g-5 { --bs-gutter-x: 1.5rem; }
}

.fw-medium {
    font-weight: 600;
}

/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-weight: 500;
    text-transform: uppercase;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-secondary {
    color: #e0e0e0;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 2px;
}


/*** Navbar ***/
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.navbar-light .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 25px 0;
    color: #e0e0e0;
    font-size: 15px;
    text-transform: uppercase;
    outline: none;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--bs-success);
}

@media (max-width: 991.98px) {
    .navbar-light .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar-light .navbar-nav {
        border-top: 1px solid #d1d1d1;
    }
}

.navbar-light .navbar-brand,
.navbar-light a.btn {
    height: 75px;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--dark);
    font-weight: 500;
}

.navbar-light.sticky-top {
    top: 0;
    transition: .25s ease;
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.page-header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-header-inner {
    background: rgba(0, 0, 0, .7);
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--light);
}


/*** Facts ***/
.fact {
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(../img/workshop-real-5.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


/*** Service ***/
.service .nav .nav-link {
    background: var(--bs-light);
    transition: .5s;
}

.service .nav .nav-link.active {
    background: var(--bs-success);
}

.service .nav .nav-link.active h4 {
    color: #e0e0e0;
}


/*** Booking ***/
.booking {
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(../img/workshop-real-5.webp) center center no-repeat;
    background-size: cover;
}

.bootstrap-datetimepicker-widget.bottom {
    top: auto;
}

.bootstrap-datetimepicker-widget .table * {
    border-bottom-width: 0px;
}

.bootstrap-datetimepicker-widget .table th {
    font-weight: 500;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 10px;
    border-radius: 2px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background: var(--primary);
}

.bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: var(--primary);
}


/*** Team ***/
.team-item .team-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    transform: scale(0);
    transition: .5s;
}

.team-item:hover .team-overlay {
    transform: scale(1);
}

.team-item .team-overlay .btn {
    color: var(--primary);
    background: #e0e0e0;
}

.team-item .team-overlay .btn:hover {
    color: #e0e0e0;
    background: var(--secondary)
}


/*** Testimonial ***/
.testimonial-carousel .owl-item .testimonial-text,
.testimonial-carousel .owl-item.center .testimonial-text * {
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-text {
    background: var(--bs-success);
}

.testimonial-carousel .owl-item.center .testimonial-text * {
    color: #e0e0e0;
}

.testimonial-carousel .owl-dots {
    margin-top: 24px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #b4b4b4;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    background: var(--primary);
    border-color: var(--primary);
}


/*** Footer ***/
.footer {
    background: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0, 0, .9)), url(../img/workshop-real-5.webp) center center no-repeat;
    background-size: cover;
}

.footer .btn.btn-social {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light);
    border: 1px solid #e0e0e0;
    border-radius: 35px;
    transition: .3s;
}

.footer .btn.btn-social:hover {
    color: var(--primary);
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #e0e0e0;
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

/* .footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
} */

.footer .btn.btn-link:hover {
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .copyright {
    padding: 25px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--light);
}

.footer .footer-menu a {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(224, 224, 224, .3);
}

.footer .footer-menu a:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.nav-link {
    color: var(--bs-success);
}

/* ===== Modern homepage upgrade - index only ===== */
body.home-modern {
    font-family: 'Cairo', 'Ubuntu', sans-serif;
    color: #252c36;
    background: #e0e0e0;
}
.home-modern a { text-decoration: none; }
.home-modern .text-success { color: #bb6b33; }
.home-modern .btn-success { background: #bb6b33; border-color: #bb6b33; }
.home-modern .btn-success:hover { background: #a75a32; border-color: #a75a32; transform: translateY(-1px); }
.top-strip { background: #2d333a; color: rgba(224, 224, 224, .78); }
.top-strip .top-phone { color: #e0e0e0; font-weight: 800; letter-spacing: .4px; }
.modern-nav { min-height: 76px; }
.modern-nav .navbar-brand { gap: 12px; }
.brand-icon {
    width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center;
    color: #e0e0e0; background: linear-gradient(135deg,#bb6b33,#a75a32); border-radius: 16px;
    box-shadow: 0 12px 30px rgba(187, 107, 51, .20);
}
.brand-text { display: flex; flex-direction: column; line-height: 1.3; }
.brand-text strong { font-size: 1.05rem; color: #111519; }
.brand-text small { color: #62676b; font-size: .78rem; }
.modern-nav .nav-link { font-weight: 700; color: #181e25; padding-left: 18px; padding-right: 18px; }
.modern-nav .nav-link:hover, .modern-nav .nav-link.active { color: #bb6b33; }
.nav-cta { align-items: center; min-height: 76px; padding: 0 30px; border-radius: 0; font-weight: 800; }
.modern-hero {
    position: relative; overflow: hidden; color: #e0e0e0; background: #2d333a;
    min-height: calc(100vh - 118px);
}
.modern-hero:before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(90deg, rgba(7, 11, 16, .96) 0%, rgba(10, 17, 24, .88) 45%, rgba(13, 21, 27, .62) 100%), url('../img/workshop-real-5.webp') center/cover no-repeat;
}
.modern-hero:after {
    content: ''; position: absolute; width: 540px; height: 540px; border-radius: 50%;
    background: radial-gradient(circle, rgba(187, 107, 51, .24), rgba(187, 107, 51, 0) 68%);
    left: -160px; top: 80px; pointer-events: none;
}
.min-vh-hero { min-height: calc(100vh - 118px); padding: 70px 0; }
.hero-badge {
    display: inline-flex; align-items: center; gap: 4px; padding: 10px 18px; border: 1px solid rgba(224, 224, 224, .2);
    color: #b3ecca; background: rgba(224, 224, 224, .08); border-radius: 999px; backdrop-filter: blur(10px); font-weight: 800; margin-bottom: 22px;
}
.hero-title { font-size: clamp(2.35rem, 4.7vw, 5rem); line-height: 1.08; font-weight: 900; color: #e0e0e0; margin-bottom: 24px; letter-spacing: -.5px; }
.hero-subtitle { font-size: 1.16rem; line-height: 2; color: rgba(224, 224, 224, .82); max-width: 680px; margin-bottom: 30px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.hero-actions .btn { border-radius: 14px; padding: 15px 24px; font-weight: 800; }
.trust-box { background: rgba(224, 224, 224, .09); border: 1px solid rgba(224, 224, 224, .16); padding: 18px; border-radius: 18px; backdrop-filter: blur(10px); }
.trust-box strong { display: block; font-size: 1.35rem; color: #e0e0e0; line-height: 1; }
.trust-box span { color: rgba(224, 224, 224, .7); font-size: .9rem; }
.hero-visual { position: relative; min-height: 520px; display: flex; align-items: center; justify-content: center; }
.hero-car { filter: drop-shadow(0 28px 45px rgba(0, 0, 0, .45)); transform: scale(1.08); }
.hero-card { position: absolute; display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-radius: 16px; background: rgba(224, 224, 224, .94); color: #161d27; box-shadow: 0 20px 50px rgba(0, 0, 0, .22); font-weight: 800; }
.hero-card i { color: #bb6b33; font-size: 1.2rem; }
.card-diagnosis { right: 20px; top: 70px; }
.card-location { left: 10px; bottom: 90px; }
.quick-contact { background: #d5ddda; border-bottom: 1px solid #c9d3d3; }
.quick-item { display: flex; align-items: center; gap: 14px; background: #e0e0e0; padding: 18px; border-radius: 18px; box-shadow: 0 8px 25px rgba(17, 27, 35, .06); height: 100%; }
.quick-item i { width: 48px; height: 48px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: #c8dfd3; color: #bb6b33; font-size: 1.25rem; flex-shrink: 0; }
.quick-item span { display: block; color: #62676b; font-size: .86rem; margin-bottom: 3px; }
.quick-item strong { color: #171d27; font-size: .96rem; }
.section-heading { max-width: 760px; }
.section-heading > span, .eyebrow { color: #bb6b33; font-weight: 900; display: inline-block; margin-bottom: 12px; letter-spacing: .4px; }
.section-heading h2, .about-modern h2, .problems-section h2 { font-size: clamp(1.9rem, 3vw, 3rem); line-height: 1.35; font-weight: 900; color: #111519; margin-bottom: 16px; }
.section-heading p, .lead-text, .problems-section p { color: #5f6470; line-height: 1.9; font-size: 1.05rem; }
.modern-service-card { position: relative; height: 100%; padding: 34px 26px; background: #e0e0e0; border: 1px solid #cad2d8; border-radius: 24px; box-shadow: 0 16px 40px rgba(18, 23, 31, .06); transition: .28s ease; overflow: hidden; }
.modern-service-card:before { content: ''; position: absolute; inset-inline-start: 0; top: 0; width: 100%; height: 5px; background: linear-gradient(90deg,#bb6b33,#102219); }
.modern-service-card:hover { transform: translateY(-8px); box-shadow: 0 24px 55px rgba(18, 23, 31, .12); }
.modern-service-card i { width: 60px; height: 60px; border-radius: 18px; display: inline-flex; align-items: center; justify-content: center; color: #bb6b33; background: #c8dfd3; font-size: 1.7rem; margin-bottom: 22px; }
.modern-service-card h3 { font-size: 1.25rem; font-weight: 900; color: #111519; margin-bottom: 14px; }
.modern-service-card p { color: #5f6470; line-height: 1.8; }
.modern-service-card a { color: #bb6b33; font-weight: 900; }
.about-modern { background: linear-gradient(180deg,#e0e0e0,#d6e0dc); }
.image-stack { position: relative; min-height: 520px; }
.image-stack .main-img { width: 82%; height: 470px; object-fit: cover; border-radius: 30px; box-shadow: 0 28px 65px rgba(18, 23, 31, .14); }
.image-stack .small-img { position: absolute; width: 52%; height: 240px; object-fit: cover; left: 0; bottom: 0; border: 10px solid #e0e0e0; border-radius: 28px; box-shadow: 0 22px 45px rgba(18, 23, 31, .18); }
.experience-badge { position: absolute; right: 28px; bottom: 26px; width: 138px; height: 138px; border-radius: 28px; background: #bb6b33; color: #e0e0e0; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 20px 45px rgba(187, 107, 51, .18); }
.experience-badge strong { font-size: 3rem; line-height: 1; }
.experience-badge span { font-weight: 800; }
.check-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; margin-top: 26px; }
.check-grid div { display: flex; align-items: center; gap: 10px; padding: 16px; border-radius: 16px; background: #e0e0e0; border: 1px solid #cad2d8; font-weight: 800; }
.check-grid i { width: 28px; height: 28px; border-radius: 50%; background: #bb6b33; color: #e0e0e0; display: inline-flex; align-items: center; justify-content: center; font-size: .82rem; flex-shrink: 0; }
.brand-section { background: #2d333a; color: #e0e0e0; }
.brand-section .section-heading h2 { color: #e0e0e0; }
.brand-section .section-heading p { color: rgba(224, 224, 224, .68); }
.brand-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.brand-tile { display: flex; align-items: center; justify-content: space-between; padding: 24px; background: rgba(224, 224, 224, .06); border: 1px solid rgba(224, 224, 224, .12); border-radius: 20px; color: #e0e0e0; font-weight: 900; transition: .25s ease; }
.brand-tile:hover { color: #e0e0e0; background: rgba(187, 107, 51, .18); transform: translateY(-4px); }
.brand-tile.highlight { background: #bb6b33; }
.problems-section { background: #e0e0e0; }
.problem-card { height: 100%; padding: 22px; border-radius: 20px; background: #d6e0dc; border: 1px solid #cad2d8; }
.problem-card i { display: inline-flex; width: 46px; height: 46px; border-radius: 14px; background: #e0e0e0; color: #bb6b33; align-items: center; justify-content: center; margin-bottom: 14px; box-shadow: 0 10px 25px rgba(18, 23, 31, .06); }
.problem-card strong { display: block; font-size: 1.1rem; color: #111519; margin-bottom: 8px; }
.problem-card span { color: #5f6470; line-height: 1.8; }
.process-section { background: linear-gradient(180deg,#d6e0dc,#e0e0e0); }
.step-card { position: relative; height: 100%; padding: 26px; border-radius: 22px; background: #e0e0e0; border: 1px solid #cad2d8; box-shadow: 0 14px 36px rgba(18, 23, 31, .06); }
.step-card b { display: inline-flex; width: 50px; height: 50px; align-items: center; justify-content: center; background: #c8dfd3; color: #bb6b33; border-radius: 15px; margin-bottom: 18px; }
.step-card h3 { font-size: 1.18rem; font-weight: 900; color: #111519; }
.step-card p { color: #5f6470; line-height: 1.8; margin-bottom: 0; }
.booking-modern { background: #0e141b; color: #e0e0e0; }
.contact-panel { background: linear-gradient(145deg,#bb6b33,#344680); padding: 36px; border-radius: 28px; box-shadow: 0 26px 65px rgba(0, 0, 0, .20); }
.contact-panel h2 { color: #e0e0e0; font-weight: 900; margin-bottom: 16px; }
.contact-panel p { color: rgba(224, 224, 224, .82); line-height: 1.9; }
.contact-line { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-top: 1px solid rgba(224, 224, 224, .18); font-weight: 800; }
.contact-line i { width: 36px; height: 36px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: rgba(224, 224, 224, .14); }
.price-note { margin-top: 18px; padding: 16px; border-radius: 16px; background: rgba(224, 224, 224, .12); }
.price-note strong, .price-note small { display: block; }
.price-note small { color: rgba(224, 224, 224, .72); margin-top: 6px; }
.booking-form { background: #e0e0e0; border-radius: 28px; padding: 34px; box-shadow: 0 26px 65px rgba(0, 0, 0, .20); }
.booking-form label { color: #111519; font-weight: 900; margin-bottom: 8px; }
.booking-form .form-control, .booking-form .form-select { min-height: 54px; border: 1px solid #c2cbd4; border-radius: 14px; color: #111519; }
.booking-form .form-control:focus, .booking-form .form-select:focus { box-shadow: 0 0 0 .2rem rgba(41, 99, 73, .12); border-color: #bb6b33; }
.faq-section .accordion-item { border: 1px solid #cad2d8; border-radius: 16px; overflow: hidden; margin-bottom: 14px; }
.faq-section .accordion-button { font-weight: 900; color: #111519; }
.faq-section .accordion-button:not(.collapsed) { background: #c8dfd3; color: #bb6b33; box-shadow: none; }
.mobile-sticky-cta { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1040; display: grid; grid-template-columns: 1fr 1fr; box-shadow: 0 -10px 28px rgba(0, 0, 0, .18); }
.mobile-sticky-cta a { padding: 14px 10px; text-align: center; color: #e0e0e0; font-weight: 900; background: #bb6b33; }
.mobile-sticky-cta a:first-child { background: #111519; }
.home-modern .footer { background: #2d333a; }
@media (max-width: 991.98px) {
    .modern-hero { min-height: auto; }
    .modern-hero:before { background: linear-gradient(180deg, rgba(7, 11, 16, .96), rgba(10, 17, 24, .9)), url('../img/workshop-real-5.webp') center/cover no-repeat; }
    .min-vh-hero { min-height: auto; padding: 58px 0 40px; }
    .hero-visual { min-height: 340px; }
    .hero-car { transform: scale(1); }
    .card-diagnosis { right: 0; top: 20px; }
    .card-location { left: 0; bottom: 35px; }
    .brand-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .check-grid { grid-template-columns: 1fr; }
    .image-stack { min-height: 430px; }
    .image-stack .main-img { width: 92%; height: 380px; }
    .image-stack .small-img { display: none; }
    body.home-modern { padding-bottom: 53px; }
}
@media (max-width: 575.98px) {
    .modern-nav .navbar-brand { padding-left: 14px; padding-right: 14px; }
    .brand-icon { width: 42px; height: 42px; border-radius: 14px; }
    .brand-text strong { font-size: .92rem; }
    .brand-text small { font-size: .7rem; }
    .hero-title { font-size: 2.15rem; }
    .hero-subtitle { font-size: 1rem; }
    .hero-actions .btn { width: 100%; }
    .hero-visual { min-height: 280px; }
    .hero-card { position: relative; inset: auto; display: inline-flex; margin: 6px; font-size: .86rem; }
    .brand-grid { grid-template-columns: 1fr; }
    .contact-panel, .booking-form { padding: 24px; border-radius: 22px; }
}
.home-modern .navbar-light.sticky-top { top: 0; }


/* Radical homepage conversion upgrade */
body.home-radical { background: #e0e0e0; color: #1f2429; }
.home-radical h1,.home-radical h2,.home-radical h3,.home-radical h4 { font-family: 'Cairo', sans-serif; font-weight: 800; }
.radical-nav .navbar-nav .nav-link { font-weight: 700; }
.hero-pro { position: relative; min-height: 720px; overflow: hidden; background: #2d333a; color: #e0e0e0; }
.hero-pro-bg { position:absolute; inset:0; background: linear-gradient(90deg, rgba(7, 12, 18, .96) 0%, rgba(10, 16, 23, .90) 48%, rgba(10, 16, 23, .55) 100%), url('../img/workshop-real-5.webp') center/cover no-repeat; transform: scale(1.02); }
.hero-pro:after { content:""; position:absolute; inset:auto -120px -180px auto; width:520px; height:520px; border-radius:50%; background:rgba(187, 107, 51, .16); filter:blur(5px); }
.hero-pro .min-vh-hero { min-height: 720px; }
.hero-pro .hero-title { font-size: clamp(2.15rem, 5vw, 4.9rem); line-height: 1.15; margin: 22px 0; color:#e0e0e0; letter-spacing:-1px; }
.hero-lead { font-size: 1.22rem; line-height: 2; color: rgba(224, 224, 224, .86); max-width: 760px; }
.hero-offer { display:flex; gap:15px; align-items:center; max-width:600px; border:1px solid rgba(224, 224, 224, .16); background:rgba(224, 224, 224, .08); backdrop-filter: blur(8px); padding:16px 18px; border-radius:20px; margin:24px 0; }
.hero-offer i { width:48px; height:48px; border-radius:14px; background:#bb6b33; display:flex; align-items:center; justify-content:center; font-size:20px; }
.hero-offer strong { display:block; color:#e0e0e0; font-size:1.15rem; }
.hero-offer span { color:rgba(224, 224, 224, .72); font-size:.95rem; }
.hero-proof > div > div { background:rgba(224, 224, 224, .09); border:1px solid rgba(224, 224, 224, .14); border-radius:18px; padding:16px; text-align:center; }
.hero-proof strong { display:block; color:#e0e0e0; font-size:1.35rem; }
.hero-proof span { color:rgba(224, 224, 224, .72); font-size:.9rem; }
.hero-lead-form { background:#e0e0e0; color:#171d27; border-radius:28px; padding:32px; box-shadow:0 25px 70px rgba(0, 0, 0, .35); border:1px solid rgba(224, 224, 224, .24); }
.hero-lead-form h2 { color:#13171e; font-size:1.8rem; margin-bottom:8px; }
.hero-lead-form p { color:#5f6470; line-height:1.8; }
.hero-lead-form label { font-weight:800; color:#13171e; margin:12px 0 8px; }
.hero-lead-form .form-select { min-height:52px; border-radius:14px; border-color:#c8cdd4; }
.hero-lead-form small { display:block; margin-top:16px; color:#5f6470; }
.trust-strip-pro { background:#e0e0e0; margin-top:-42px; position:relative; z-index:3; }
.trust-pro { height:100%; background:#e0e0e0; border:1px solid #ced3d8; border-radius:22px; padding:22px; box-shadow:0 18px 45px rgba(18, 23, 31, .08); }
.trust-pro i { width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:15px; background:#c8dfd3; color:#bb6b33; margin-bottom:14px; font-size:20px; }
.trust-pro strong { display:block; color:#13171e; font-size:1.08rem; margin-bottom:5px; }
.trust-pro span { color:#5f6470; line-height:1.7; }
.problem-intent { background:linear-gradient(180deg,#e0e0e0,#d4e2db); }
.intent-card { height:100%; padding:28px; border-radius:24px; background:#e0e0e0; border:1px solid #cad2d8; box-shadow:0 14px 35px rgba(18, 23, 31, .055); transition:.25s ease; }
.intent-card:hover { transform:translateY(-6px); box-shadow:0 20px 45px rgba(18, 23, 31, .10); border-color:rgba(187, 107, 51, .35); }
.intent-card i { width:56px; height:56px; border-radius:18px; display:flex; align-items:center; justify-content:center; background:#c8dfd3; color:#bb6b33; font-size:22px; margin-bottom:18px; }
.intent-card h3 { font-size:1.25rem; color:#13171e; margin-bottom:12px; }
.intent-card p { color:#5f6470; line-height:1.9; min-height:94px; }
.intent-card a { font-weight:800; color:#bb6b33; }
.intent-card.featured { background:#2d333a; color:#e0e0e0; border-color:#2d333a; }
.intent-card.featured h3,.intent-card.featured p,.intent-card.featured a { color:#e0e0e0; }
.intent-card.featured i { background:#bb6b33; color:#e0e0e0; }
.diagnosis-section { background:#d6e0dc; }
.workshop-photo-card { position:relative; border-radius:28px; overflow:hidden; box-shadow:0 25px 60px rgba(18, 23, 31, .12); }
.workshop-photo-card img { width:100%; min-height:420px; object-fit:cover; }
.floating-check { position:absolute; right:22px; bottom:22px; display:flex; align-items:center; gap:10px; background:#e0e0e0; color:#13171e; border-radius:18px; padding:15px 18px; font-weight:800; box-shadow:0 16px 40px rgba(0, 0, 0, .16); }
.floating-check i { color:#bb6b33; }
.service-pro { background:#e0e0e0; }
.service-dark { background:#2d333a; border-color:#2d333a; }
.service-dark h3,.service-dark p,.service-dark a { color:#e0e0e0; }
.brand-section-pro { background:#2d333a; color:#e0e0e0; }
.brand-section-pro .section-heading h2,.brand-section-pro .section-heading p { color:#e0e0e0; }
.brand-card-pro { height:100%; display:block; position:relative; padding:28px; border-radius:24px; background:rgba(224, 224, 224, .08); border:1px solid rgba(224, 224, 224, .12); color:#e0e0e0; transition:.25s ease; }
.brand-card-pro:hover { color:#e0e0e0; transform:translateY(-5px); background:rgba(224, 224, 224, .13); }
.brand-card-pro strong { display:block; font-size:1.45rem; margin-bottom:10px; }
.brand-card-pro span { color:rgba(224, 224, 224, .74); line-height:1.8; display:block; padding-left:36px; }
.brand-card-pro i { position:absolute; left:24px; top:32px; color:#cd8245; }
.brand-whatsapp { background:#bb6b33; border-color:#bb6b33; }
.brand-whatsapp span { color:#e0e0e0; }
.why-pro { background:#d4dce4; }
.why-mini { height:100%; background:#e0e0e0; border:1px solid #ced3d8; border-radius:22px; padding:22px; }
.why-mini b { display:inline-flex; width:42px; height:42px; align-items:center; justify-content:center; border-radius:14px; background:#c8dfd3; color:#bb6b33; margin-bottom:15px; }
.why-mini strong { display:block; color:#13171e; font-size:1.1rem; margin-bottom:6px; }
.why-mini span { color:#5f6470; }
.offer-pro { background:#e0e0e0; }
.offer-box-pro { display:flex; gap:24px; align-items:center; justify-content:space-between; border-radius:30px; padding:38px; color:#e0e0e0; background:linear-gradient(135deg,#bb6b33,#2d333a); box-shadow:0 22px 55px rgba(187, 107, 51, .20); }
.offer-box-pro span { font-weight:800; opacity:.85; }
.offer-box-pro h2 { color:#e0e0e0; margin:8px 0 10px; }
.offer-box-pro p { max-width:680px; margin:0; color:rgba(224, 224, 224, .82); line-height:1.9; }
.offer-actions { min-width:260px; display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end; }
.map-pro { background:#d6e0dc; }
.map-card-pro,.callout-box { height:100%; background:#e0e0e0; border:1px solid #ced3d8; border-radius:26px; padding:34px; box-shadow:0 16px 40px rgba(18, 23, 31, .06); }
.map-card-pro > i { width:64px; height:64px; border-radius:20px; background:#c8dfd3; color:#bb6b33; display:flex; align-items:center; justify-content:center; font-size:26px; margin-bottom:18px; }
.map-card-pro p,.callout-box p { color:#5f6470; line-height:1.9; }
.footer-pro .footer-cta { border:1px solid rgba(224, 224, 224, .12); border-radius:26px; padding:28px; display:flex; align-items:center; justify-content:space-between; gap:20px; background:rgba(224, 224, 224, .04); }
.footer-pro .footer-cta h2 { color:#e0e0e0; margin:0 0 8px; }
.footer-pro .footer-cta p { margin:0; color:rgba(224, 224, 224, .72); }
@media (max-width: 991.98px) {
    .hero-pro,.hero-pro .min-vh-hero { min-height:auto; }
    .hero-pro { padding:70px 0 90px; }
    .hero-pro-bg { background:linear-gradient(180deg,rgba(7, 12, 18, .96),rgba(10, 16, 23, .86)), url('../img/workshop-real-5.webp') center/cover no-repeat; }
    .hero-lead-form { padding:24px; }
    .trust-strip-pro { margin-top:-30px; }
    .offer-box-pro,.footer-pro .footer-cta { flex-direction:column; align-items:flex-start; }
    .offer-actions { justify-content:flex-start; min-width:0; }
}
@media (max-width: 575.98px) {
    .hero-pro .hero-title { font-size:2.15rem; }
    .hero-lead { font-size:1.05rem; }
    .hero-offer { align-items:flex-start; }
    .intent-card p { min-height:auto; }
    .workshop-photo-card img { min-height:280px; }
    .offer-box-pro { padding:26px; }
}

/* ===== Modern practical color system - warm neutral/orange, not luxury and not blue ===== */
:root {
    --primary: #bb6b33;
    --secondary: #444c56;
    --light: #d4dce4;
    --dark: #20252c;
    --modern-primary: #bb6b33;
    --modern-primary-hover: #a75a32;
    --modern-accent: #cd8245;
    --modern-soft: #f0dbc1;
    --modern-soft-2: #ced8e1;
    --modern-border: #e3bd92;
    --modern-text: #20252c;
    --modern-muted: #5f6773;
}
.text-success { color: var(--modern-primary); }
.bg-success { background-color: var(--modern-primary); }
.border-success { border-color: var(--modern-primary); }
.btn-success,
.btn.btn-success {
    background: var(--modern-primary);
    border-color: var(--modern-primary);
    color: #e0e0e0;
    box-shadow: 0 10px 24px rgba(187, 107, 51, .18);
}
.btn-success:hover,
.btn.btn-success:hover,
.btn-success:focus,
.btn.btn-success:focus {
    background: var(--modern-primary-hover);
    border-color: var(--modern-primary-hover);
    color: #e0e0e0;
}
.btn-outline-light {
    color: var(--modern-primary);
    border-color: rgba(187, 107, 51, .45);
    background: #e0e0e0;
}
.btn-outline-light:hover {
    color: #e0e0e0;
    background: var(--modern-primary);
    border-color: var(--modern-primary);
}
.spinner-border.text-success { color: var(--modern-primary); }
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,
.modern-nav .nav-link:hover,
.modern-nav .nav-link.active,
.nav-link { color: var(--modern-primary); }
.brand-icon,
.experience-badge,
.hero-offer i,
.brand-tile.highlight,
.brand-whatsapp,
.intent-card.featured i,
.offer-actions .btn-success,
.mobile-sticky-cta a,
.quick-item i,
.modern-service-card i,
.problem-card i,
.step-card b,
.why-mini b,
.map-card-pro > i,
.trust-pro i,
.check-grid i {
    background: var(--modern-soft);
    color: var(--modern-primary);
}
.brand-icon, .experience-badge { box-shadow: 0 12px 30px rgba(187, 107, 51, .14); }
.section-heading > span,
.eyebrow,
.modern-service-card a,
.intent-card a,
.hero-card i,
.floating-check i,
.brand-card-pro i { color: var(--modern-primary); }
.top-strip,
.brand-section,
.brand-section-pro,
.booking-modern,
.home-modern .footer,
.footer,
.footer-pro,
.service-dark,
.intent-card.featured {
    background: #2d333a;
}
.top-strip { color: rgba(224, 224, 224, .82); }
.home-modern .btn-success:hover { background: var(--modern-primary-hover); border-color: var(--modern-primary-hover); }

/* Light, clean hero instead of dark practical feel */
.hero-pro,
.modern-hero.brand-page-hero {
    background: linear-gradient(135deg,#f1dcc7 0%,#efd5be 55%,#e0e0e0 100%);
    color: var(--modern-text);
    border-bottom: 1px solid #c4ccd7;
}
.hero-pro-bg,
.modern-hero.brand-page-hero:before {
    background: linear-gradient(90deg, rgba(201, 218, 242, .96) 0%, rgba(194, 216, 240, .91) 52%, rgba(224, 224, 224, .72) 100%), url('../img/workshop-real-5.webp') center/cover no-repeat;
    opacity: 1;
}
.hero-pro:after,
.modern-hero:after {
    background: radial-gradient(circle, rgba(187, 107, 51, .18), rgba(187, 107, 51, 0) 68%);
}
.hero-pro .hero-title,
.modern-hero.brand-page-hero h1,
.hero-title,
.hero-lead-form h2 {
    color: var(--modern-text);
}
.hero-lead,
.modern-hero.brand-page-hero p,
.hero-subtitle {
    color: #444c56;
}
.hero-badge,
.hero-offer,
.hero-mini-trust span,
.hero-proof > div > div,
.trust-box {
    color: var(--modern-text);
    background: rgba(224, 224, 224, .78);
    border-color: #e3bd92;
    box-shadow: 0 12px 30px rgba(18, 22, 32, .06);
}
.hero-badge { color: var(--modern-primary); }
.hero-offer strong,
.hero-proof strong,
.trust-box strong { color: var(--modern-text); }
.hero-offer span,
.hero-proof span,
.trust-box span { color: #5f6773; }
.hero-lead-form,
.quick-book-card,
.booking-form,
.contact-pro-form,
.location-card,
.map-card-pro,
.callout-box,
.trust-pro,
.intent-card,
.modern-service-card,
.why-mini,
.step-card,
.problem-card {
    background: #e0e0e0;
    border-color: #c4ccd7;
    box-shadow: 0 14px 36px rgba(18, 22, 32, .07);
}
.quick-book-card { border-radius: 26px; padding: 30px; }
.quick-book-card h3 { color: var(--modern-text); font-weight: 900; }
.quick-book-card p, .quick-book-card small { color: var(--modern-muted); }
.quick-book-card .form-select,
.contact-pro-form .form-control,
.contact-pro-form .form-select,
.booking-form .form-control,
.booking-form .form-select {
    min-height: 52px;
    border-radius: 14px;
    border-color: #bdc7d5;
    margin-bottom: 12px;
}
.quick-contact,
.problem-intent,
.diagnosis-section,
.why-pro,
.map-pro,
.process-section,
.about-modern,
.bg-light {
    background: var(--modern-soft-2);
}
.modern-service-card:before {
    background: linear-gradient(90deg,var(--modern-primary),var(--modern-accent));
}
.intent-card.featured,
.service-dark {
    background: #f0dbc1;
    border-color: #d8a46c;
    color: var(--modern-text);
}
.intent-card.featured h3,
.intent-card.featured p,
.intent-card.featured a,
.service-dark h3,
.service-dark p,
.service-dark a { color: var(--modern-text); }
.brand-section-pro,
.brand-section {
    background: #d4dce4;
    color: var(--modern-text);
    border-top: 1px solid #c4ccd7;
    border-bottom: 1px solid #c4ccd7;
}
.brand-section-pro .section-heading h2,
.brand-section-pro .section-heading p,
.brand-section .section-heading h2,
.brand-section .section-heading p { color: var(--modern-text); }
.brand-card-pro,
.brand-tile {
    background: #e0e0e0;
    border-color: #c4ccd7;
    color: var(--modern-text);
    box-shadow: 0 12px 28px rgba(18, 22, 32, .06);
}
.brand-card-pro:hover,
.brand-tile:hover {
    background: var(--modern-soft);
    color: var(--modern-text);
}
.brand-card-pro span,
.brand-tile span { color: #5f6773; }
.brand-whatsapp {
    background: var(--modern-primary);
    color: #e0e0e0;
}
.brand-whatsapp span,
.brand-whatsapp strong,
.brand-whatsapp i { color: #e0e0e0; }
.offer-box-pro,
.contact-panel {
    background: linear-gradient(135deg,var(--modern-primary),var(--modern-accent));
    box-shadow: 0 18px 45px rgba(187, 107, 51, .18);
}
.booking-modern { background: #d4dce4; color: var(--modern-text); }
.contact-panel h2,
.contact-panel p,
.contact-line,
.price-note small { color: #e0e0e0; }
.mobile-sticky-cta a:first-child { background: #444c56; color:#e0e0e0; }
.mobile-sticky-cta a:last-child { background: var(--modern-primary); color:#e0e0e0; }
.footer,
.home-modern .footer,
.footer-pro { background: #2d333a; }
.footer .btn.btn-social:hover,
.footer .copyright a { color: #d8a46c; }
.faq-section .accordion-button:not(.collapsed),
.faq-pro .accordion-button:not(.collapsed) {
    background: var(--modern-soft);
    color: var(--modern-primary);
}
.location-card { padding: 30px; border-radius: 26px; }
.call-box { border-radius: 18px; background:#d4dce4; padding:18px; }
@media (max-width: 991.98px) {
    .hero-pro-bg,
    .modern-hero.brand-page-hero:before {
        background: linear-gradient(180deg,rgba(201, 218, 242, .97),rgba(194, 216, 240, .93)), url('../img/workshop-real-5.webp') center/cover no-repeat;
    }
}


/* Final warm neutral overrides - requested: no blue */
.btn-success,
.btn.btn-success { box-shadow: 0 10px 24px rgba(187, 107, 51, .18); }
.btn-outline-light { border-color: rgba(187, 107, 51, .45); }
.hero-pro,
.modern-hero.brand-page-hero {
    background: linear-gradient(135deg,#f1dcc7 0%,#efd5be 52%,#e0e0e0 100%);
}
.hero-pro-bg,
.modern-hero.brand-page-hero:before {
    background: linear-gradient(90deg, rgba(241, 220, 199, .97) 0%, rgba(239, 213, 190, .92) 52%, rgba(224, 224, 224, .74) 100%), url('../img/workshop-real-5.webp') center/cover no-repeat;
}
.hero-pro:after,
.modern-hero:after {
    background: radial-gradient(circle, rgba(187, 107, 51, .18), rgba(187, 107, 51, 0) 68%);
}
.hero-badge,
.hero-offer,
.hero-mini-trust span,
.hero-proof > div > div,
.trust-box { border-color: #e3bd92; }
.quick-contact,
.problem-intent,
.diagnosis-section,
.why-pro,
.map-pro,
.process-section,
.about-modern,
.bg-light { background: #d4dce4; }
.intent-card.featured,
.service-dark { background: #f0dbc1; border-color: #d8a46c; }
.footer,
.home-modern .footer,
.footer-pro,
.top-strip { background: #2d333a; }
.footer .btn.btn-social:hover,
.footer .copyright a { color: #d8a46c; }


/* Final conversion-first improvements */
.hero-final .hero-actions { gap: 12px; flex-wrap: wrap; }
.symptoms-section { background: #d4dce4; }
.symptom-card, .clarity-card, .gallery-card { background:#e0e0e0; border:1px solid rgba(18, 22, 32, .08); border-radius:22px; padding:28px; height:100%; box-shadow:0 16px 38px rgba(18, 22, 32, .06); transition:.25s ease; }
.symptom-card:hover, .clarity-card:hover, .gallery-card:hover { transform: translateY(-4px); box-shadow:0 22px 48px rgba(18, 22, 32, .10); }
.symptom-card i { width:52px; height:52px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:rgba(187, 107, 51, .12); color:var(--modern-primary); font-size:24px; margin-bottom:18px; }
.symptom-card h3 { font-size:20px; margin-bottom:10px; color:#13171e; }
.symptom-card p { color:#5f6773; min-height:72px; }
.symptom-card a { font-weight:800; color:var(--modern-primary); }
.workshop-photo-media { position:relative; overflow:hidden; }

.gallery-section { background:#e0e0e0; }
.gallery-card { padding:0; overflow:hidden; position:relative; }
.gallery-card img { width:100%; height:240px; object-fit:cover; display:block; }
.gallery-card span { position:absolute; bottom:18px; right:18px; background:#e0e0e0; color:#13171e; border-radius:999px; padding:8px 16px; font-weight:900; box-shadow:0 8px 24px rgba(0, 0, 0, .16); }
.clarity-section { background:#d4dce4; }
.clarity-card span { color:var(--modern-primary); font-weight:900; }
.clarity-card ul { list-style:none; padding:0; margin:18px 0 0; }
.clarity-card li { padding:10px 0; border-bottom:1px solid rgba(18, 22, 32, .08); color:#333a45; }
.clarity-card li:before { content:'✓'; color:var(--modern-primary); font-weight:900; margin-left:10px; }
@media (max-width: 767.98px) {
  body { padding-bottom: 58px; }
  .hero-title { font-size: 34px; line-height: 1.25; }
  .hero-lead { font-size: 16px; }
  .gallery-card img { height:200px; }
  .hero-actions .btn { width:100%; }
}

/* performance-font-normalization */
body, h1, h2, h3, h4, h5, h6, .navbar, .btn, input, select, textarea { font-family: 'Cairo', Arial, sans-serif; }


/* Final clean CTA buttons: only Call + WhatsApp, no moving floating cluster */
.mobile-sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1040;
  display: grid;
  grid-template-columns: 1fr 1fr;
  box-shadow: 0 -10px 28px rgba(0, 0, 0, .16);
}
.mobile-sticky-cta a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 14px 10px;
  color: #e0e0e0;
  font-weight: 900;
  text-decoration: none;
}
.mobile-sticky-cta a:nth-child(1) { background: #444c56; }
.mobile-sticky-cta a:nth-child(2) { background: var(--modern-primary, #f97316); }
@media (min-width: 992px) { .mobile-sticky-cta { display: none; } body { padding-bottom: 0; } }
@media (max-width: 991.98px) { body { padding-bottom: 58px; } }


.brand-disclaimer-section{background:#e0e0e0}
.brand-disclaimer-box{display:flex;gap:14px;align-items:flex-start;background:#d9e0d6;border:1px solid rgba(0, 0, 0, .08);border-radius:16px;padding:18px 20px;color:#353a43}
.brand-disclaimer-box i{color:var(--primary);font-size:22px;margin-top:3px}
.brand-disclaimer-box strong{display:block;color:#20252c;margin-bottom:4px}
.brand-disclaimer-box p{margin:0;line-height:1.9;font-size:14px}
@media(max-width:575px){.brand-disclaimer-box{padding:15px;gap:10px}.brand-disclaimer-box p{font-size:13px}}


/* ===== Header final fix: consistent visible header across all pages ===== */
.site-topbar {
  background: #2d333a;
  color: rgba(224, 224, 224, .86);
  font-size: 14px;
}
.site-topbar a,
.site-topbar .top-phone {
  color: #e0e0e0;
  font-weight: 800;
  text-decoration: none;
}
.site-header {
  top: 0;
  min-height: 72px;
  z-index: 1030;
}
.site-header .navbar-brand {
  min-height: 72px;
  height: auto;
  max-width: 280px;
  overflow: hidden;
}
.site-header .brand-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 14px;
}
.site-header .brand-text strong {
  font-size: 1.08rem;
  white-space: nowrap;
}
.site-header .brand-text small {
  font-size: .78rem;
  white-space: nowrap;
}
.site-header .navbar-nav .nav-link {
  color: #20252c;
  font-weight: 800;
  margin: 0;
  padding: 25px 14px;
  text-transform: none;
}
.site-header .navbar-nav .nav-link:hover,
.site-header .navbar-nav .nav-link.active {
  color: var(--modern-primary, #f97316);
}
.site-header .dropdown-menu {
  text-align: right;
  border-radius: 14px;
  padding: 10px;
}
.site-header .dropdown-item {
  font-weight: 800;
  border-radius: 10px;
  padding: 9px 14px;
}
.site-header .dropdown-item:hover {
  color: var(--modern-primary, #f97316);
  background: #f0dbc1;
}
.site-header .header-actions {
  gap: 10px;
  padding-left: 14px;
}
.site-header .header-call,
.site-header .nav-cta {
  height: auto;
  min-height: 46px;
  border-radius: 12px;
  padding: 10px 18px;
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.site-header .nav-cta {
  margin-inline-start: 0;
}
@media (max-width: 991.98px) {
  .site-header .navbar-brand {
    min-height: 66px;
    max-width: calc(100% - 80px);
    padding-inline-start: 14px;
    padding-inline-end: 8px;
  }
  .site-header .brand-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
  .site-header .brand-text strong { font-size: .98rem; }
  .site-header .brand-text small { font-size: .72rem; }
  .site-header .navbar-collapse {
    background: #e0e0e0;
    border-top: 1px solid #cdd5dd;
    box-shadow: 0 18px 40px rgba(18, 22, 32, .08);
  }
  .site-header .navbar-nav {
    border-top: 0;
  }
  .site-header .navbar-nav .nav-link {
    padding: 11px 16px;
    border-bottom: 1px solid #ced8e1;
  }
  .site-header .dropdown-menu {
    box-shadow: none;
    border: 0;
    padding: 4px 18px 10px;
  }
}
@media (max-width: 390px) {
  .site-header .brand-text small { display: none; }
  .site-header .brand-text strong { font-size: .94rem; }
}


/* SEO clarity blocks */
.seo-summary-section{background:#f0dbc1;}
.seo-summary-card{background:#e0e0e0;border:1px solid rgba(187, 107, 51, .18);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(18, 22, 32, .06)}
.seo-summary-card h2{font-size:1.35rem;margin-bottom:.75rem;color:#20252c}
.seo-summary-card p{color:#464c53;margin-bottom:.75rem;line-height:1.9}
.seo-summary-card ul{margin:0;padding-right:1.2rem;color:#353a43;line-height:2}
.brand-disclaimer{background:#d8dce0;border-top:1px solid #ccd4de;border-bottom:1px solid #ccd4de}
@media (max-width: 575.98px){.seo-summary-card{padding:18px}.seo-summary-card h2{font-size:1.15rem}}


/* ===== Final brand pages header fix ===== */
.brand-final-hero {
    position: relative;
    overflow: hidden;
    padding: 76px 0 62px;
    background: linear-gradient(135deg,#f0dbc1 0%,#e0e0e0 48%,#d4dce4 100%);
    border-bottom: 1px solid #cbd5df;
}
.brand-final-hero:before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 12% 20%, rgba(187, 107, 51, .13), transparent 30%),
      radial-gradient(circle at 86% 65%, rgba(45, 51, 58, .08), transparent 34%);
    pointer-events: none;
}
.brand-final-hero .container { position: relative; z-index: 1; }
.brand-final-content { max-width: 760px; }
.brand-final-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 999px;
    background: #e0e0e0;
    color: #a75a32;
    border: 1px solid #e3bd92;
    font-weight: 900;
    box-shadow: 0 10px 26px rgba(18, 22, 32, .06);
    margin-bottom: 18px;
}
.brand-final-badge i { color: #bb6b33; }
.brand-final-hero h1 {
    color: #13171e;
    font-size: clamp(2rem, 4vw, 4.1rem);
    line-height: 1.16;
    font-weight: 900;
    margin-bottom: 18px;
    letter-spacing: -.4px;
}
.brand-final-lead {
    color: #444c56;
    font-size: 1.12rem;
    line-height: 2;
    margin-bottom: 26px;
}
.brand-final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
}
.brand-final-actions .btn {
    border-radius: 14px;
    padding: 14px 22px;
    font-weight: 900;
    text-transform: none;
}
.brand-final-actions .btn-outline-dark {
    border-color: #b6bbc3;
    color: #13171e;
    background: #e0e0e0;
}
.brand-final-features {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
}
.brand-final-features div {
    background: #e0e0e0;
    border: 1px solid #ccd4de;
    border-radius: 16px;
    padding: 14px 12px;
    box-shadow: 0 10px 24px rgba(18, 22, 32, .05);
    color: #333a45;
    font-weight: 800;
}
.brand-final-features i { color: #bb6b33; margin-inline-end: 6px; }
.brand-final-panel {
    background: #e0e0e0;
    border: 1px solid #ccd4de;
    border-radius: 28px;
    box-shadow: 0 22px 60px rgba(18, 22, 32, .12);
    overflow: hidden;
}
.brand-final-panel img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}
.brand-final-form {
    padding: 24px;
}
.brand-final-form h2 {
    font-size: 1.28rem;
    font-weight: 900;
    color: #13171e;
    margin-bottom: 8px;
}
.brand-final-form p {
    color: #5f6773;
    margin-bottom: 16px;
}
.brand-final-form .form-select,
.brand-final-form .form-control {
    min-height: 52px;
    border-radius: 14px;
    border-color: #c4ccd7;
    margin-bottom: 12px;
}
.brand-final-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: #5f6773;
    font-size: .9rem;
}
.brand-final-note i { color: #bb6b33; }
@media (max-width: 991.98px) {
    .brand-final-hero { padding: 42px 0 36px; }
    .brand-final-features { grid-template-columns: 1fr; }
    .brand-final-panel { margin-top: 12px; }
    .brand-final-panel img { height: 210px; }
    .brand-final-actions .btn { width: 100%; }
}


/* Final conversion and trust sections */
.check-list-pro{list-style:none;padding:0;margin:0}.check-list-pro li{display:flex;gap:.65rem;align-items:flex-start;padding:.55rem 0;border-bottom:1px solid rgba(18, 22, 32, .08)}.check-list-pro li:last-child{border-bottom:0}.check-list-pro i{color:var(--primary);margin-top:.25rem}.before-visit-section .seo-summary-card,.why-care-section .modern-service-card{border:1px solid rgba(18, 22, 32, .08)}.independent-note-section .seo-summary-card{font-size:.95rem;background:#e0e0e0;border-right:4px solid var(--primary)}


/* Brand pages: clean trust cards under hero */
.brand-trust-clean{background:#e0e0e0;padding:22px 0;border-bottom:1px solid rgba(18, 22, 32, .08)}
.brand-trust-card{height:100%;background:#d4dce4;border:1px solid rgba(18, 22, 32, .08);border-radius:18px;padding:18px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-shadow:0 10px 24px rgba(18, 22, 32, .05)}
.brand-trust-card i{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#efd5be;color:#bb6b33;font-size:17px;margin-bottom:4px}
.brand-trust-card strong{display:block;color:#13171e;font-size:17px;font-weight:800;line-height:1.4;white-space:normal}
.brand-trust-card span{display:block;color:#5f6773;font-size:14px;line-height:1.6;white-space:normal}
.brand-independent-note{background:#e0e0e0;padding:0 0 28px}
.brand-note-box{display:flex;gap:12px;align-items:flex-start;background:#f0dbc1;border:1px solid rgba(187, 107, 51, .18);border-radius:18px;padding:18px 20px;color:#333a45;line-height:1.9}
.brand-note-box i{color:#bb6b33;margin-top:5px;font-size:18px;flex:0 0 auto}
.brand-note-box p{margin:0;font-size:15px}
@media (max-width:575.98px){.brand-trust-card{padding:15px 13px;border-radius:15px}.brand-trust-card strong{font-size:15px}.brand-trust-card span{font-size:13px}.brand-note-box{padding:15px 14px}.brand-note-box p{font-size:14px}}

/* Embedded Google Map */
.google-map-embed {
  overflow: hidden;
  border-radius: 26px;
  border: 1px solid #ced3d8;
  box-shadow: 0 16px 40px rgba(18, 23, 31, .06);
  background: #e0e0e0;
}
.google-map-embed iframe {
  display: block;
  width: 100%;
  height: 420px;
  border: 0;
}
@media (max-width: 767.98px) {
  .google-map-embed { border-radius: 20px; }
  .google-map-embed iframe { height: 340px; }
}

/* ===== Car Engine official logo integration ===== */
.site-header .navbar-brand.site-logo-brand {
  display: inline-flex;
  align-items: center;
  min-height: 72px;
  max-width: 255px;
  overflow: visible;
}
.site-header .site-logo {
  display: block;
  width: 218px;
  max-width: 100%;
  height: auto;
  flex: 0 0 auto;
}
.footer-logo-row {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 24px;
}
.footer-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e0e0e0;
  padding: 8px 12px;
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .16);
}
.footer-site-logo {
  display: block;
  width: 255px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 991.98px) {
  .site-header .navbar-brand.site-logo-brand {
    min-height: 66px;
    max-width: calc(100% - 78px);
    padding-inline-start: 12px !important;
    padding-inline-end: 6px !important;
  }
  .site-header .site-logo { width: 178px; }
}
@media (max-width: 420px) {
  .site-header .site-logo { width: 152px; }
  .footer-logo-row { justify-content: center; }
  .footer-site-logo { width: 225px; }
}

/* Logo visibility reliability fix */
.site-header .site-logo,
.footer-site-logo {
  visibility: visible !important;
  opacity: 1 !important;
  object-fit: contain;
}