/* ============================================
   SAEZ ÉTANCHÉITÉ - DESKTOP CSS
   Loaded only on screens >= 1024px
   ============================================ */

:root{
    --header-h:80px;
    --section-pad:100px 0;
    --container-pad:0 60px;
}

/* --- HEADER DESKTOP --- */
.main-nav{display:flex !important;position:static;width:auto;height:auto;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}
.main-nav ul{flex-direction:row;gap:0}
.main-nav a{padding:8px 16px;font-size:.8rem;border-bottom:none;color:var(--text-secondary);position:relative}
.main-nav a::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:1px;background:var(--accent);transform:scaleX(0);transition:transform .3s}
.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}
.header-cta{display:flex}
.menu-toggle{display:none}

/* --- HERO DESKTOP --- */
.hero-content{padding:0 60px 0;max-width:900px}
.hero-subtitle{font-size:1.1rem}
.hero-stats{gap:40px}
.stat-number{font-size:1.8rem}
.hero-cta{flex-direction:row;gap:16px}
.hero-scroll{display:flex;flex-direction:column;align-items:center;gap:8px;position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:2}
.hero-scroll span{font-family:'Oswald',sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.5)}
.scroll-line{width:1px;height:40px;background:linear-gradient(180deg,var(--accent),transparent);animation:scrollPulse 2s ease-in-out infinite}
@keyframes scrollPulse{0%,100%{opacity:.3;height:40px}50%{opacity:1;height:50px}}

/* --- PAGE HERO DESKTOP --- */
.page-hero{min-height:55vh}
.page-hero-content{padding:80px 60px}

/* --- SERVICES GRID DESKTOP --- */
.services-grid{grid-template-columns:repeat(3,1fr);gap:24px}
.service-card{padding:40px 32px}

/* --- ABOUT DESKTOP --- */
.about-grid{grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-image img{height:600px}
.about-values{grid-template-columns:1fr 1fr;gap:16px}

/* --- GALLERY DESKTOP --- */
.gallery-grid{grid-template-columns:repeat(3,1fr);gap:20px}
.gallery-item-large{grid-column:span 1;grid-row:span 2;aspect-ratio:auto}
.gallery-item-large img{height:100%}
.gallery-full-grid{grid-template-columns:repeat(3,1fr);gap:20px}

/* --- REVIEWS DESKTOP --- */
.reviews-grid{grid-template-columns:repeat(3,1fr);gap:20px}
.reviews-grid .review-card:nth-child(4),.reviews-grid .review-card:nth-child(5){grid-column:auto}

/* --- ZONE DESKTOP --- */
.zone-grid{grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.zone-map iframe{height:450px}

/* --- CTA DESKTOP --- */
.cta-block{padding:80px 60px}

/* --- SERVICE DETAIL DESKTOP --- */
.service-detail-grid{grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.service-detail-reverse .service-detail-image{order:-1}
.service-detail-image img{height:500px}

/* --- VALUES DESKTOP --- */
.values-grid{grid-template-columns:repeat(4,1fr);gap:24px}
.value-card{padding:40px 28px}

/* --- CERTIFICATIONS DESKTOP --- */
.certifications-grid{grid-template-columns:repeat(4,1fr);gap:24px}

/* --- PROCESS DESKTOP --- */
.process-grid{grid-template-columns:repeat(4,1fr);gap:24px}

/* --- CONTACT DESKTOP --- */
.contact-grid{grid-template-columns:1.2fr .8fr;gap:60px;align-items:start}

/* --- MAP DESKTOP --- */
.map-wrapper iframe{height:500px}

/* --- FOOTER DESKTOP --- */
.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}

/* --- MOBILE CALL BUTTON: hidden on desktop --- */
.mobile-call-btn{display:none}

/* --- HOVER REFINEMENTS --- */
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.gallery-full-item:hover img{transform:scale(1.08)}
.stat-card:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}

/* --- 1440px+ refinements --- */
@media(min-width:1440px){
    :root{--container-pad:0 80px}
    .hero-content{max-width:1000px;padding:0 80px}
    .page-hero-content{padding:100px 80px}
    .services-grid{gap:28px}
    .about-grid{gap:80px}
    .footer-grid{gap:60px}
}