/* Accueil seulement, chargé jusqu'à 800px. Les règles PC restent intactes. */
#accueil.hero-redesign { padding:18px 0 28px; }
#accueil .hero-redesign-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
#accueil .hero-brand[hidden] { display:none; }
#accueil .reno-mobile-intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:12px; align-items:center; }
#accueil .hero-logo { width:100%; max-width:180px; height:auto; margin:0; }
#accueil .hero-image { width:100%; height:auto; aspect-ratio:1.1; margin:0; min-width:0; }
#accueil .slide-arrow { width:36px; height:44px; font-size:26px; }
#accueil .slide-arrow.prev { left:5px; }
#accueil .slide-arrow.next { right:5px; }
#accueil .slide-vignette { min-height:36px; padding:10px 10px 18px; font-size:10px; }
#accueil .slide-dots { bottom:7px; gap:5px; }
#accueil .slide-dots button.on { width:14px; }
/* Trois liens réels, centrés sur une ligne, sans menu déroulant sur mobile. */
#accueil .side-nav { display:flex; position:static; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:center; justify-self:stretch; width:100%; padding:0!important; margin:0; gap:22px!important; border:0; background:none; box-shadow:none; }
#accueil .side-nav > details,
#accueil .side-nav > a[href="a-propos.html"] { display:none!important; }
#accueil .side-nav > a { position:relative; flex:none; width:auto; min-height:44px; display:flex; align-items:center; justify-content:center; padding:10px 0!important; font:700 11px/1.3 Georgia,serif; letter-spacing:.6px; white-space:nowrap; }
#accueil .side-nav > a:not(:first-child)::before { content:'–'; position:absolute; left:-15px; color:#C5A64A; }
#accueil .side-nav > a::after { left:50%; bottom:5px; width:28px; transform:translateX(-50%); }
#accueil .actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%; }
#accueil .actions .cta { min-width:0; width:100%; min-height:52px; padding:10px 8px; font-size:11px; line-height:1.4; letter-spacing:0; text-align:center; white-space:normal; }
#accueil .google-premium { display:flex; align-items:center; justify-content:center; gap:16px; width:100%; min-height:72px; margin:2px 0 0; padding:12px 16px; font-size:13px; }
#accueil .google-premium .g { flex:none; }
/* Textes d'origine conservés après les quatre blocs demandés. */
#accueil .hero-redesign-grid > .eyebrow { text-align:center; font-size:9.5px; line-height:1.5; letter-spacing:1.5px; margin:4px 0 0; }
#accueil .hero-redesign-grid > p { text-align:center; max-width:460px; margin:0 auto; font-size:14px; line-height:1.5; }