/* Full extracted CSS from index.html (kept original rules and selectors) */:root{--anthracite:#1e1e1e;--anthracite-mid:#2c2c2c;--anthracite-light:#3a3a3a;--yellow:#f5c400;--yellow-dark:#d4a900;--yellow-light:#ffe168;--white:#f5f5f0;--gray:#888;--gray-light:#bbb;--border:rgba(245,196,0,0.2);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;}body{font-family:'Barlow',sans-serif;background:var(--anthracite);color:var(--white);overflow-x:hidden;}img,video,iframe,svg{max-width:100%;height:auto;}/* ====== UTILITY ====== */.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%;}a{color:var(--yellow);text-decoration:none;transition:color 0.2s;}a:hover,a:focus{color:var(--yellow-light);}a:visited{color:var(--yellow);}.yellow{color:var(--yellow);}.btn-primary{display:inline-block;background:var(--yellow);color:var(--anthracite);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;letter-spacing:0.08em;text-transform:uppercase;padding:14px 32px;text-decoration:none;cursor:pointer;border:none;transition:background 0.2s,transform 0.15s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));}.btn-primary:hover{background:var(--yellow-light);transform:translateY(-2px);}.btn-outline{display:inline-block;background:transparent;color:var(--yellow);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;letter-spacing:0.08em;text-transform:uppercase;padding:12px 30px;text-decoration:none;cursor:pointer;border:2px solid var(--yellow);transition:all 0.2s;}.btn-outline:hover{background:var(--yellow);color:var(--anthracite);}section{padding:80px 0;}h2.section-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(2rem,4vw,3rem);text-transform:uppercase;line-height:1;margin-bottom:12px;}.section-sub{font-weight:300;color:var(--gray-light);font-size:1.05rem;margin-bottom:48px;max-width:520px;}/* ====== NAV ====== */nav{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(20,20,20,0.97);border-bottom:2px solid var(--yellow);backdrop-filter:blur(8px);}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;max-width:1200px;margin:0 auto;}.nav-logo{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.6rem;letter-spacing:0.04em;text-decoration:none;color:var(--white);}.nav-logo span{color:var(--yellow);}.nav-links{display:flex;gap:32px;list-style:none;}.nav-links a{color:var(--gray-light);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:0.95rem;letter-spacing:0.06em;text-transform:uppercase;transition:color 0.2s;cursor:pointer;}.nav-links a:hover,.nav-links a.active{color:var(--yellow);}.nav-cta{display:flex;align-items:center;gap:12px;}.nav-tel{color:var(--yellow);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;letter-spacing:0.04em;text-decoration:none;transition:color 0.2s;}.nav-tel:hover{color:var(--yellow-light);}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;}.hamburger span{width:26px;height:2px;background:var(--yellow);display:block;transition:all 0.3s;}/* ====== PAGES ====== */.page{display:none;}.page.active{display:block;}/* ====== HERO ====== */#hero{min-height:100vh;background:var(--anthracite);display:flex;align-items:center;position:relative;overflow:hidden;padding-top:64px;}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(245,196,0,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,196,0,0.04) 1px,transparent 1px);background-size:60px 60px;}.hero-accent{position:absolute;right:-120px;top:50%;transform:translateY(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(245,196,0,0.08) 0%,transparent 65%);pointer-events:none;}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(245,196,0,0.1);border:1px solid var(--border);padding:6px 16px;margin-bottom:24px;font-family:'Barlow Condensed',sans-serif;font-size:0.85rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--yellow);}.hero-badge::before{content:'';width:8px;height:8px;background:var(--yellow);border-radius:50%;animation:pulse 1.5s infinite;}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.3;}}.hero-content{position:relative;z-index:2;}.hero-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(3.5rem,8vw,7rem);text-transform:uppercase;line-height:0.9;margin-bottom:24px;}.hero-title em{font-style:normal;color:var(--yellow);}.hero-sub{font-size:1.15rem;font-weight:300;color:var(--gray-light);max-width:520px;line-height:1.7;margin-bottom:40px;}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:56px;}.hero-stats{display:flex;gap:40px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,0.08);padding-top:32px;}.stat-item{text-align:center;}.stat-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:2.4rem;color:var(--yellow);line-height:1;}.stat-label{font-size:0.78rem;color:var(--gray);text-transform:uppercase;letter-spacing:0.08em;margin-top:4px;}/* ====== SERVICES ====== */#services-section{background:var(--anthracite-mid);}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2px;}.service-card{background:var(--anthracite);padding:36px 28px;border-left:3px solid transparent;cursor:pointer;transition:border-color 0.3s,background 0.3s;text-decoration:none;color:inherit;display:block;}.service-card:hover{border-left-color:var(--yellow);background:var(--anthracite-light);}.service-icon{width:48px;height:48px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;}.service-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.3rem;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:10px;}.service-desc{font-size:0.88rem;color:var(--gray-light);line-height:1.6;}.service-arrow{display:inline-block;margin-top:16px;color:var(--yellow);font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:0.85rem;letter-spacing:0.08em;text-transform:uppercase;transition:gap 0.2s;}/* ====== WHY US ====== */#why{background:var(--anthracite);}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}.why-visual{position:relative;background:var(--anthracite-mid);border:1px solid var(--border);padding:48px 40px;}.why-visual::before{content:'OJ AUTO 77';position:absolute;top:-1px;left:-1px;right:-1px;background:var(--yellow);color:var(--anthracite);font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:0.85rem;letter-spacing:0.15em;text-transform:uppercase;padding:8px 20px;text-align:center;}.why-visual-content{margin-top:20px;}.why-guarantee{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,0.07);}.why-guarantee:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}.why-icon{font-size:1.6rem;flex-shrink:0;margin-top:2px;}.why-guarantee h4{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.05rem;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:4px;}.why-guarantee p{font-size:0.85rem;color:var(--gray-light);line-height:1.5;}.why-points{}.why-point{display:flex;align-items:flex-start;gap:16px;margin-bottom:32px;}.why-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:3rem;color:var(--border);line-height:1;flex-shrink:0;width:50px;}.why-point h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:6px;}.why-point p{font-size:0.88rem;color:var(--gray-light);line-height:1.6;}/* ====== RESERVATION ====== */#reservation-section{background:var(--anthracite-mid);}.resa-wrapper{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start;}.resa-info h2{margin-bottom:8px;}.resa-step{display:flex;gap:16px;margin-bottom:24px;align-items:flex-start;}.resa-step-num{width:36px;height:36px;background:var(--yellow);color:var(--anthracite);font-family:'Barlow Condensed',sans-serif;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem;}.resa-step-text h4{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:4px;}.resa-step-text p{font-size:0.85rem;color:var(--gray-light);}.resa-contact-box{margin-top:32px;padding:24px;background:rgba(245,196,0,0.06);border:1px solid var(--border);}.resa-contact-box p{font-size:0.88rem;color:var(--gray-light);margin-bottom:12px;}.resa-contact-links{display:flex;flex-direction:column;gap:8px;}.resa-link{display:flex;align-items:center;gap:10px;color:var(--yellow);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:0.04em;transition:color 0.2s;}.resa-link:hover{color:var(--yellow-light);}.form-box{background:var(--anthracite);border:1px solid var(--border);padding:40px;}.form-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.4rem;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:28px;color:var(--yellow);}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.form-group{margin-bottom:18px;}.form-group label{display:block;font-size:0.78rem;color:var(--gray-light);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px;font-family:'Barlow Condensed',sans-serif;font-weight:600;}.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--anthracite-mid);border:1px solid rgba(255,255,255,0.1);color:var(--white);font-family:'Barlow',sans-serif;font-size:0.95rem;padding:12px 16px;outline:none;transition:border-color 0.2s;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--yellow);}.form-group select option{background:var(--anthracite-mid);}.plate-field{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:0.12em;text-transform:uppercase;}.plate-wrapper{position:relative;}.plate-flag{position:absolute;left:0;top:0;bottom:0;width:40px;background:var(--anthracite);display:flex;align-items:center;justify-content:center;font-size:0.85rem;flex-direction:column;gap:1px;}.plate-flag span{color:#fff;font-size:0.6rem;font-weight:700;letter-spacing:0.05em;}.plate-input{padding-left:52px !important;}.rgpd{font-size:0.75rem;color:var(--gray);line-height:1.5;margin-top:12px;}.form-success{display:none;text-align:center;padding:32px;background:rgba(245,196,0,0.06);border:1px solid var(--yellow);}.form-success .check{font-size:3rem;margin-bottom:12px;}.form-success h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.4rem;text-transform:uppercase;margin-bottom:8px;color:var(--yellow);}/* ====== TESTIMONIALS ====== */#temoignages,#avis-google{background:var(--anthracite);}.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}.testi-card{background:var(--anthracite-mid);border-left:3px solid var(--yellow);padding:28px 24px;}.stars{color:var(--yellow);font-size:1rem;margin-bottom:12px;letter-spacing:2px;}.testi-text{font-size:0.92rem;color:var(--gray-light);line-height:1.7;font-style:italic;margin-bottom:16px;}.testi-author{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--white);}.testi-vehicle{font-size:0.78rem;color:var(--gray);}.google-badge{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:48px;padding:20px;border:1px solid var(--border);max-width:380px;margin-left:auto;margin-right:auto;cursor:pointer;transition:border-color 0.2s;text-decoration:none;color:inherit;}.google-badge:hover{border-color:var(--yellow);}.google-badge-icon{width:40px;height:40px;border-radius:50%;background:#fff;color:#4285F4;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.google-badge-arrow{color:var(--gray);font-size:0.8rem;margin-left:8px;}.google-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;margin-top:48px;}.google-actions .google-badge{margin-top:0;margin-left:0;margin-right:0;}.google-review-btn{margin:0;}.google-rating{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:2rem;color:var(--yellow);}.google-label{font-size:0.78rem;color:var(--gray-light);text-transform:uppercase;letter-spacing:0.08em;}/* ====== ARTICLES ====== */#articles-section{background:var(--anthracite-mid);}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;}.article-card{background:var(--anthracite);cursor:pointer;transition:transform 0.2s;text-decoration:none;color:inherit;display:block;}.article-card:hover{transform:translateY(-4px);}.article-img{height:200px;background:var(--anthracite-light);position:relative;overflow:hidden;}.article-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 0.25s;}.article-card:hover .article-img img{transform:scale(1.04);}.article-cat{position:absolute;bottom:0;left:0;background:var(--yellow);color:var(--anthracite);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;padding:4px 12px;}.article-body{padding:24px 20px;}.article-date{font-size:0.75rem;color:var(--gray);margin-bottom:8px;}.article-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.15rem;text-transform:uppercase;letter-spacing:0.03em;margin-bottom:8px;line-height:1.2;}.article-excerpt{font-size:0.83rem;color:var(--gray-light);line-height:1.6;}.article-icon{width:40px;height:40px;margin-right:10px;flex-shrink:0;fill:var(--yellow);}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px;}.faq-card{background:var(--anthracite-mid);border:1px solid var(--border);border-radius:18px;padding:24px;transition:transform 0.2s;}.faq-card:hover{transform:translateY(-3px);}.faq-card h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;margin-bottom:10px;color:var(--white);}.faq-card p{color:var(--gray-light);line-height:1.7;font-size:0.94rem;}@media (max-width:900px){.faq-grid{grid-template-columns:1fr;}}/* ====== CONTACT / MAP ====== */#contact-page{background:var(--anthracite);}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;}.contact-info-block{padding:36px 28px;background:var(--anthracite-mid);border-top:3px solid var(--yellow);margin-bottom:24px;}.contact-info-block h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--yellow);margin-bottom:16px;}.info-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;}.info-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px;}.info-text{font-size:0.9rem;color:var(--gray-light);line-height:1.5;}.info-text a{color:var(--yellow);text-decoration:none;}.map-placeholder{background:var(--anthracite-mid);border:1px solid var(--border);display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:320px;text-align:center;overflow:hidden;}.map-placeholder iframe{width:100%;min-height:260px;border:0;}.map-placeholder .map-content{padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;}.map-icon{font-size:3rem;}.map-address{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--yellow);}.horaires-table{width:100%;border-collapse:collapse;}.horaires-table td{padding:8px 0;font-size:0.88rem;border-bottom:1px solid rgba(255,255,255,0.05);}.horaires-table td:first-child{color:var(--gray-light);}.horaires-table td:last-child{text-align:right;font-weight:600;}.ferme{color:var(--gray) !important;}/* ====== FOOTER ====== */footer{background:#111;border-top:1px solid rgba(255,255,255,0.06);padding:48px 0 24px;}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px;}.footer-brand .nav-logo{font-size:1.4rem;display:block;margin-bottom:12px;}.footer-desc{font-size:0.83rem;color:var(--gray);line-height:1.7;margin-bottom:16px;}.social-links{display:flex;gap:10px;}.social-btn{width:36px;height:36px;border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:0.9rem;text-decoration:none;color:var(--gray-light);transition:border-color 0.2s,color 0.2s;}.social-btn:hover{border-color:var(--yellow);color:var(--yellow);}.footer-col h4{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:0.85rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--yellow);margin-bottom:16px;}.footer-col ul{list-style:none;}.footer-col li{margin-bottom:8px;}.footer-col a{color:var(--gray);text-decoration:none;font-size:0.85rem;transition:color 0.2s;cursor:pointer;}.footer-col a:hover{color:var(--white);}.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}.footer-bottom p{font-size:0.78rem;color:var(--gray);}/* ====== FLOATING BUTTONS GROUP ====== */.float-buttons-group{position:fixed;bottom:28px;right:28px;z-index:999;display:flex;gap:12px;align-items:flex-end;justify-content:flex-end;}.float-btn{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;text-decoration:none;color:#fff;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 20px rgba(0,0,0,0.2);}.float-btn:focus{outline:3px solid rgba(255,255,255,0.08);}.float-btn:hover{transform:scale(1.1);}/* Call & SMS buttons (square with rounded corners) */.call-float,.sms-float{position:fixed;right:20px;width:68px;height:68px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:30px;color:white;text-decoration:none;z-index:9999;box-shadow:0 8px 25px rgba(0,0,0,0.35);transition:all .3s ease;backdrop-filter:blur(10px);}.call-float{bottom:110px;background:linear-gradient(135deg,#1877ff,#005eff);}.sms-float{bottom:190px;background:linear-gradient(145deg,#7c3aed,#22d3ee);border:1px solid rgba(255,255,255,0.18);box-shadow:0 14px 35px rgba(122,73,255,0.28);}.call-float:hover,.sms-float:hover{transform:scale(1.08);box-shadow:0 10px 30px rgba(0,0,0,0.45);}/* WhatsApp button styling */.wa-float{background:#25D366;box-shadow:0 4px 20px rgba(37,211,102,0.4);animation:wa-bounce 3s ease-in-out infinite;}.wa-float:focus{box-shadow:0 6px 28px rgba(37,211,102,0.6);}.wa-float:hover{box-shadow:0 6px 28px rgba(37,211,102,0.6);}@media (max-width:620px){.float-buttons-group{bottom:16px;right:16px;gap:8px;}.float-btn{width:52px;height:52px;}.call-float,.sms-float{right:12px;width:60px;height:60px;font-size:26px;}.call-float{bottom:96px;}.sms-float{bottom:156px;}}@keyframes wa-bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}/* ====== SERVICE PAGE ====== */.service-detail{padding:80px 0;background:var(--anthracite);}.service-hero-bar{background:var(--yellow);padding:16px 24px;display:flex;align-items:center;gap:16px;margin-bottom:48px;}.service-hero-bar h1,.service-hero-bar h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:2rem;text-transform:uppercase;color:var(--anthracite);}.service-hero-bar span{font-size:2rem;}.service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;}.service-detail-text h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.8rem;text-transform:uppercase;margin-bottom:20px;}.service-detail-text p{color:var(--gray-light);line-height:1.8;margin-bottom:16px;font-size:0.93rem;}.service-list{list-style:none;margin:20px 0;}.service-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.06);font-size:0.9rem;color:var(--gray-light);display:flex;align-items:center;gap:10px;}.service-list li::before{content:'→';color:var(--yellow);font-weight:700;}/* ====== ARTICLE DETAIL ====== */.article-detail{padding:80px 0;background:var(--anthracite);}.article-detail-hero{width:100%;max-height:420px;aspect-ratio:16 / 9;object-fit:cover;object-position:center;border-radius:18px;border:1px solid var(--border);margin-bottom:32px;display:block;}.article-detail .article-header{margin-bottom:32px;}.article-detail h1,.article-detail h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(2rem,4vw,3rem);text-transform:uppercase;line-height:1.1;margin-bottom:12px;}.article-content{max-width:760px;}.article-content p{color:var(--gray-light);line-height:1.9;margin-bottom:20px;font-size:0.95rem;}.article-content h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.5rem;text-transform:uppercase;margin:32px 0 12px;color:var(--yellow);}.article-content ul{margin:0 0 20px 20px;}.article-content ul li{color:var(--gray-light);line-height:1.8;font-size:0.93rem;margin-bottom:6px;}/* ====== RESPONSIVE ====== */@media (max-width:900px){.why-grid,.resa-wrapper,.contact-grid,.service-detail-grid{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr 1fr;}.nav-links{display:none;}.hamburger{display:flex;}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;width:100%;background:var(--anthracite);border-bottom:1px solid var(--yellow);padding:16px 24px;gap:0;}.nav-links.open li{border-bottom:1px solid rgba(255,255,255,0.06);}.nav-links.open a{padding:14px 0;display:block;font-size:1.1rem;}.form-row{grid-template-columns:1fr;}.hero-stats{gap:24px;}}@media (max-width:600px){.footer-grid{grid-template-columns:1fr;}.form-box{padding:24px 16px;}.hero-actions{flex-direction:column;}.hero-actions .btn-primary,.hero-actions .btn-outline{text-align:center;}}/* back btn */.back-btn{display:inline-flex;align-items:center;gap:8px;color:var(--yellow);font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:0.9rem;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;background:none;border:none;margin-bottom:24px;transition:gap 0.2s;}.back-btn:hover{gap:12px;}/* ====== SEO / STANDALONE PAGES ====== */.hero{padding:88px 0 48px;background:var(--anthracite);}.hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(1.8rem,5vw,2.8rem);text-transform:uppercase;line-height:1.05;margin-bottom:16px;}.hero p{color:var(--gray-light);line-height:1.7;max-width:720px;margin-bottom:24px;}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;}.card{background:var(--anthracite-mid);border:1px solid var(--border);border-radius:18px;padding:28px 24px;}.card h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.35rem;text-transform:uppercase;margin-bottom:14px;color:var(--yellow);}.card p,.card li{color:var(--gray-light);line-height:1.7;font-size:0.94rem;}.card ul{margin:12px 0 0 18px;}.internal-links{display:flex;flex-wrap:wrap;gap:12px;}.internal-links a{padding:8px 14px;border:1px solid var(--border);border-radius:999px;font-size:0.82rem;}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;}.footer-links{display:flex;gap:16px;flex-wrap:wrap;}.footer-links a{font-size:0.82rem;color:var(--gray);}.work-photo{display:block;width:100%;max-width:100%;height:auto;border-radius:14px;border:1px solid var(--border);object-fit:cover;}.container > .work-photo{margin-top:0;}.content-grid > .work-photo,.content-grid > .work-photo-sm{width:100%;max-width:100%;min-width:0;}.work-photos-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px;}@media (max-width:900px){.content-grid,.work-photos-row{grid-template-columns:1fr;}}.service-img{width:100%;height:180px;object-fit:cover;border-radius:14px;margin-bottom:18px;display:block;/* Préserve l'espace d'image pour réduire le layout shift */aspect-ratio:2 / 1;}.service-detail-hero-img{width:100%;max-height:320px;object-fit:cover;border-radius:14px;margin-bottom:32px;display:block;aspect-ratio:2 / 1;}/* ====== ATELIER GALLERY ====== */.photo-gallery{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:20px;margin-top:32px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--yellow-dark) var(--anthracite-light);}.photo-gallery::-webkit-scrollbar{height:6px;}.photo-gallery::-webkit-scrollbar-thumb{background:var(--yellow-dark);border-radius:3px;}.photo-gallery figure{flex:0 0 clamp(180px,28vw,260px);margin:0;scroll-snap-align:start;}.photo-gallery img{width:100%;aspect-ratio:3 / 4;height:auto;object-fit:cover;object-position:center;border-radius:14px;border:1px solid var(--border);transition:transform .2s;display:block;}.photo-gallery a:hover img{transform:scale(1.02);}.photo-gallery figcaption{font-size:0.78rem;color:var(--gray);margin-top:8px;line-height:1.4;}