*{font-family: "Montserrat", sans-serif;}
/* Scrollbar global - Style moderne et minimaliste */
::-webkit-scrollbar {width: 3px;height: 3px;}
::-webkit-scrollbar-track {background: #f1f5f9;border-radius: 2px;}
::-webkit-scrollbar-thumb {background: #cbd5e1;border-radius: 2px;transition: background 0.2s ease;}
::-webkit-scrollbar-thumb:hover {background: #94a3b8;}
::-webkit-scrollbar-corner {background: #f1f5f9;}
/* Scrollbar pour Firefox */
* {scrollbar-width: thin;scrollbar-color: #cbd5e1 #f1f5f9;}
/* Scrollbar fin pour les petits éléments */
.thin-scrollbar::-webkit-scrollbar {width: 3px;height: 3px;}
.thin-scrollbar::-webkit-scrollbar-track {background: #f8fafc;}
.thin-scrollbar::-webkit-scrollbar-thumb {background: #e2e8f0;border-radius: 2px;}
.thin-scrollbar::-webkit-scrollbar-thumb:hover {background: #cbd5e1;}
 .pal-1{padding-left: 1px;}.pal-2{padding-left: 2px;}.pal-3{padding-left: 3px;}.pal-4{padding-left: 4px;}.pal-5{padding-left: 5px;}.pal-6{padding-left: 6px;}.pal-7{padding-left: 7px;}.pal-8{padding-left: 8px;}.pal-9{padding-left: 9px;}.pal-10{padding-left: 10px;}
 .par-1{padding-right: 1px;}.par-2{padding-right: 2px;}.par-3{padding-right: 3px;}.par-4{padding-right: 4px;}.par-5{padding-right: 5px;}.par-6{padding-right: 6px;}.par-7{padding-right: 7px;}.par-8{padding-right: 8px;}.par-9{padding-right: 9px;}.par-10{padding-right: 10px;}
 .pat-1{padding-top: 1px;}.pat-2{padding-top: 2px;}.pat-3{padding-top: 3px;}.pat-4{padding-top: 4px;}.pat-5{padding-top: 5px;}.pat-6{padding-top: 6px;}.pat-7{padding-top: 7px;}.pat-8{padding-top: 8px;}.pat-9{padding-top: 9px;}.pat-10{padding-top: 10px;}
 .pab-1{padding-bottom: 1px;}.pab-2{padding-bottom: 2px;}.pab-3{padding-bottom: 3px;}.pab-4{padding-bottom: 4px;}.pab-5{padding-bottom: 5px;}.pab-6{padding-bottom: 6px;}.pab-7{padding-bottom: 7px;}.pab-8{padding-bottom: 8px;}.pab-9{padding-bottom: 9px;}.pab-10{padding-bottom: 10px;}
 .mal-1{margin-left: 1px;}.mal-2{margin-left: 2px;}.mal-3{margin-left: 3px;}.mal-4{margin-left: 4px;}.mal-5{margin-left: 5px;}.mal-6{margin-left: 6px;}.mal-7{margin-left: 7px;}.mal-8{margin-left: 8px;}.mal-9{margin-left: 9px;}.mal-10{margin-left: 10px;}
 .mar-1{margin-right: 1px;}.mar-2{margin-right: 2px;}.mar-3{margin-right: 3px;}.mar-4{margin-right: 4px;}.mar-5{margin-right: 5px;}.mar-6{margin-right: 6px;}.mar-7{margin-right: 7px;}.mar-8{margin-right: 8px;}.mar-9{margin-right: 9px;}.mar-10{margin-right: 10px;}

/* Styles responsifs pour les détails des services */
@media (max-width: 640px) {
    .service-details-grid {
        grid-template-columns: 1fr !important;
    }
    
    .service-image-mobile {
        height: 8rem !important; /* 128px */
        max-height: 8rem !important;
    }
    
    .service-description-mobile {
        max-height: 6rem !important; /* 96px */
    }
    
    .service-actions-mobile {
        flex-direction: column !important;
    }
    
    .service-actions-mobile button {
        width: 100% !important;
        justify-content: center !important;
        padding: 0.5rem 0.75rem !important;
    }
}

/* Animation smooth pour les transitions de hauteur */
.collapse-transition {
    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: hidden !important;
}
 .mat-1{margin-top: 1px;}.mat-2{margin-top: 2px;}.mat-3{margin-top: 3px;}.mat-4{margin-top: 4px;}.mat-5{margin-top: 5px;}.mat-6{margin-top: 6px;}.mat-7{margin-top: 7px;}.mat-8{margin-top: 8px;}.mat-9{margin-top: 9px;}.mat-10{margin-top: 10px;}
 .mab-1{margin-bottom: 1px;}.mab-2{margin-bottom: 2px;}.mab-3{margin-bottom: 3px;}.mab-4{margin-bottom: 4px;}.mab-5{margin-bottom: 5px;}.mab-6{margin-bottom: 6px;}.mab-7{margin-bottom: 7px;}.mab-8{margin-bottom: 8px;}.mab-9{margin-bottom: 9px;}.mab-10{margin-bottom: 10px;}
 .fs-1{font-size: 1px;}.fs-2{font-size: 2px;}.fs-3{font-size: 3px;}.fs-4{font-size: 4px;}.fs-5{font-size: 5px;}.fs-6{font-size: 6px;}.fs-7{font-size: 7px;}.fs-8{font-size: 8px;}.fs-9{font-size: 9px;}.fs-10{font-size: 10px;}.fs-11{font-size: 11px;}.fs-12{font-size: 12px;}.fs-13{font-size: 13px;}.fs-14{font-size: 14px;}.fs-15{font-size: 15px;}.fs-16{font-size: 16px;}.fs-17{font-size: 17px;}.fs-18{font-size: 18px;}.fs-19{font-size: 19px;}.fs-20{font-size: 20px;}
 .fw-100{font-weight: 100;}.fw-200{font-weight: 200;}.fw-300{font-weight: 300;}.fw-400{font-weight: 400;}.fw-500{font-weight: 500;}.fw-600{font-weight: 600;}.fw-700{font-weight: 700;}.fw-800{font-weight: 800;}.fw-900{font-weight: 900;}
 .lh-1{line-height: 1;}.lh-2{line-height: 2;}.lh-3{line-height: 3;}.lh-4{line-height: 4;}.lh-5{line-height: 5;}.lh-6{line-height: 6;}.lh-7{line-height: 7;}.lh-8{line-height: 8;}.lh-9{line-height: 9;}.lh-10{line-height: 10;}
 .opa-1{opacity: 0.1;}.opa-2{opacity: 0.2;}.opa-3{opacity: 0.3;}.opa-4{opacity: 0.4;}.opa-5{opacity: 0.5;}.opa-6{opacity: 0.6;}.opa-7{opacity: 0.7;}.opa-8{opacity: 0.8;}.opa-9{opacity: 0.9;}.opa-10{opacity: 1;}
 .wd-1{width: 1px;}.wd-2{width: 2px;}.wd-3{width: 3px;}.wd-4{width: 4px;}.wd-5{width: 5px;}.wd-6{width: 6px;}.wd-7{width: 7px;}.wd-8{width: 8px;}.wd-9{width: 9px;}.wd-10{width: 10px;}.wd-11{width: 11px;}.wd-12{width: 12px;}.wd-13{width: 13px;}.wd-14{width: 14px;}.wd-15{width: 15px;}.wd-16{width: 16px;}.wd-17{width: 17px;}.wd-18{width: 18px;}.wd-19{width: 19px;}.wd-20{width: 20px;}.wd-21{width: 21px;}.wd-22{width: 22px;}.wd-23{width: 23px;}.wd-24{width: 24px;}.wd-25{width: 25px;}.wd-26{width: 26px;}.wd-27{width: 27px;}.wd-28{width: 28px;}.wd-29{width: 29px;}.wd-30{width: 30px;}.wd-31{width: 31px;}.wd-32{width: 32px;}.wd-33{width: 33px;}.wd-34{width: 34px;}.wd-35{width: 35px;}.wd-36{width: 36px;}.wd-37{width: 37px;}.wd-38{width: 38px;}.wd-39{width: 39px;}.wd-40{width: 40px;}
 .ht-1{height: 1px;}.ht-2{height: 2px;}.ht-3{height: 3px;}.ht-4{height: 4px;}.ht-5{height: 5px;}.ht-6{height: 6px;}.ht-7{height: 7px;}.ht-8{height: 8px;}.ht-9{height: 9px;}.ht-10{height: 10px;}.ht-11{height: 11px;}.ht-12{height: 12px;}.ht-13{height: 13px;}.ht-14{height: 14px;}.ht-15{height: 15px;}.ht-16{height: 16px;}.ht-17{height: 17px;}.ht-18{height: 18px;}.ht-19{height: 19px;}.ht-20{height: 20px;}.ht-21{height: 21px;}.ht-22{height: 22px;}.ht-23{height: 23px;}.ht-24{height: 24px;}.ht-25{height: 25px;}.ht-26{height: 26px;}.ht-27{height: 27px;}.ht-28{height: 28px;}.ht-29{height: 29px;}.ht-30{height: 30px;}.ht-31{height: 31px;}.ht-32{height: 32px;}.ht-33{height: 33px;}.ht-34{height: 34px;}.ht-35{height: 35px;}.ht-36{height: 36px;}.ht-37{height: 37px;}.ht-38{height: 38px;}.ht-39{height: 39px;}.ht-40{height: 40px;}

#hero-video { transition: height 0.3s; }
@media (max-width: 640px) {
    #hero-video { height: 320px !important; }
}
@media (min-width: 641px) and (max-width: 1024px) {
    #hero-video { height: 45vh !important; }
}
@media (min-width: 1025px) {
    #hero-video { height: 60vh !important; }
}

/* Styles pour la section héro avec image de fond */
#hero-video .hero-background-image { transition: height 0.3s; }
@media (max-width: 640px) {
    #hero-video .hero-background-image { height: 320px !important; }
}
@media (min-width: 641px) and (max-width: 1024px) {
    #hero-video .hero-background-image { height: 45vh !important; }
}
@media (min-width: 1025px) {
    #hero-video .hero-background-image { height: 60vh !important; }
}