/* Prestations : même composition que l'accueil validé. Chargé seulement jusqu'à 800px. */
.hero { padding:18px 0 28px; }
.reno-service-mobile { display:grid; gap:12px; margin-bottom:20px; }
.reno-service-intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:12px; align-items:center; }
.reno-service-logo { width:100%; max-width:180px; height:auto; display:block; mix-blend-mode:screen; }
.reno-service-slideshow { position:relative; width:100%; aspect-ratio:1.1; overflow:hidden; isolation:isolate; border:2px solid #c5a64a; border-radius:12px; background:#23231f; box-shadow:0 0 0 1px rgba(197,166,74,.18),0 15px 35px rgba(0,0,0,.25); }
.reno-service-slide { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .85s ease; pointer-events:none; }
.reno-service-slide.visible { opacity:1; }
.reno-service-arrow { position:absolute; top:47%; transform:translateY(-50%); width:36px; height:44px; padding:0; font-size:26px; line-height:1; border:1px solid #ffffff70; border-radius:7px; background:#10101070; color:#fff; cursor:pointer; z-index:3; }
.reno-service-arrow.prev { left:5px; }
.reno-service-arrow.next { right:5px; }
.reno-service-counter { position:absolute; bottom:0; left:0; right:0; min-height:36px; padding:10px 10px 18px; font:700 10px/1.55 Arial,sans-serif; color:#e6c877; background:linear-gradient(transparent,rgba(0,0,0,.73)); }
.reno-service-dots { position:absolute; bottom:7px; left:50%; transform:translateX(-50%); display:flex; gap:5px; z-index:4; }
.reno-service-dots button { width:6px; height:6px; border:0; padding:0; border-radius:8px; background:#ffffff88; cursor:pointer; }
.reno-service-dots button.on { width:14px; background:#f0d586; }
.reno-service-dots.many { gap:3px; }
.reno-service-dots.many button { width:4px; }
.reno-service-dots.many button.on { width:10px; }
.reno-service-nav { display:flex; position:static; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; gap:22px; width:100%; padding:0; background:none; box-shadow:none; }
.reno-service-nav a { position:relative; display:flex; justify-content:center; align-items:center; min-height:44px; padding:10px 0; font:700 11px/1.3 Georgia,serif; letter-spacing:.6px; color:#E4CA79; white-space:nowrap; }
.reno-service-nav a:not(:first-child)::before { content:'–'; position:absolute; left:-15px; color:#C5A64A; }
.reno-service-nav a::after { content:''; position:absolute; left:50%; bottom:5px; width:28px; height:1px; transform:translateX(-50%); background:linear-gradient(90deg,#e6c874,#856a2e); }
.reno-service-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%; }
.reno-service-actions .btn { min-width:0; width:100%; min-height:52px; padding:10px 8px; font:600 11px/1.4 Arial,sans-serif; letter-spacing:0; }
.reno-service-google { display:flex; align-items:center; justify-content:center; gap:16px; width:100%; min-height:84px; margin:2px 0 0; padding:12px 16px; font:13px/1.55 Arial,sans-serif; border:1px solid rgba(228,202,121,.28); border-radius:18px; background:linear-gradient(135deg,rgba(45,38,22,.88),rgba(22,22,20,.92)); box-shadow:0 12px 30px rgba(0,0,0,.16); }
.reno-service-google .g { display:grid; place-items:center; flex:none; width:42px; height:42px; font-weight:900; font-size:21px; color:#18150f; border:1px solid rgba(255,240,190,.45); border-radius:50%; background:radial-gradient(circle at 30% 30%,#f5df98 0%,#d7b65e 52%,#a8862f 100%); box-shadow:0 0 0 4px rgba(197,166,74,.12); }
.reno-service-google .stars { color:#efc976; letter-spacing:2px; }
.reno-service-google b { color:#f5ecd9; }
.reno-service-google small { display:block; font-size:12px; color:#cfc5ae; }
/* Le titre et les paragraphes propres à la page restent visibles après le nouvel en-tête. */
.hero-layout { display:flex; flex-direction:column; gap:14px; }
.hero-layout > .side-nav,
.hero-brand > a:first-child,
.hero-brand .hero-actions,
.hero-visual > .hero-photo-frame { display:none; }
.hero-visual { display:contents; }
.hero-title { order:1; margin:0; }
.hero-brand { order:2; width:100%; }
.hero-brand .brand-kicker { margin:0 0 10px; }
.hero-brand .hero-lead { margin:0 auto 12px; }
.hero-brand .hero-desc { margin:0 auto; }
.reno-service-more { padding:28px 0; }
.reno-service-more .more { margin:0; }
@media(prefers-reduced-motion:reduce) { .reno-service-slide { transition:none; } }