/* Accueil modèle validé le 28.10.2026, couleurs de base du site conservées */
.acc28{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;color:#241910;min-height:calc(100vh - 70px)}
.acc28-photo{margin:0;position:relative;min-height:100%;background:#f9f3ec}
.acc28-photo picture,.acc28-photo img{display:block;width:100%;height:100%}
.acc28-photo img{position:absolute;inset:0;object-fit:cover;object-position:50% 50%}
.acc28-cote{display:flex;flex-direction:column;align-items:center;padding:32px 28px 32px 0;min-width:0}
.acc28-encadre{position:relative;z-index:1;margin-left:-70px;width:calc(100% + 70px);max-width:520px;box-sizing:border-box;background:#f9f3ec;padding:24px 28px 22px;text-align:center}
.acc28-filet{display:block;width:34px;height:2px;background:#b4521f;margin:0 auto 14px}
.acc28-encadre h1{margin:0 0 10px;font-family:"Outfit",Georgia,serif;font-weight:500;font-size:clamp(26px,2.3vw,33px);line-height:1.15;text-transform:uppercase;letter-spacing:.01em;color:#241910}
.acc28-phrase{margin:0 auto;max-width:340px;font-size:15px;font-weight:300;line-height:1.5;color:#6b5c50}
.acc28-realisations{display:none}
.acc28-metiers{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 12px;width:100%;max-width:440px}
.acc28-metier{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#111}
.acc28-metier picture{display:block;width:100%}
.acc28-metier img{display:block;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover}
.acc28-metier span{font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;text-align:center;line-height:1.2}
.acc28-metier:hover span{text-decoration:underline;text-underline-offset:3px}
.acc28-actions{display:flex;gap:12px;margin-top:22px;width:100%;max-width:440px}
.acc28-devis,.acc28-whatsapp{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 16px;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-radius:2px;box-sizing:border-box}
.acc28-devis{background:#b4521f;color:#ffffff!important}
.acc28-whatsapp{background:#25d366;color:#fff!important}
.acc28-devis span{font-size:18px;line-height:1}
.acc28-lien{margin-top:16px;color:#241910;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
.acc28-lien:hover{text-decoration:underline;text-underline-offset:4px}
.acc28-metier:focus-visible,.acc28-devis:focus-visible,.acc28-whatsapp:focus-visible,.acc28-lien:focus-visible,.acc28-realisations:focus-visible{outline:3px solid #241910;outline-offset:3px}
.acc28-barre{display:none}
@media(max-width:1000px) and (min-width:761px){.acc28-cote{padding-right:20px}.acc28-encadre{margin-left:-40px;width:calc(100% + 40px)}.acc28-metiers{gap:12px 8px}}
@media(max-width:760px){
 .acc28{grid-template-columns:minmax(0,1fr);min-height:0;padding-bottom:16px}
 .acc28-photo{grid-area:1/1;min-height:0}
 .acc28-photo picture,.acc28-photo img{height:auto}
 .acc28-photo img{position:static;height:max(300px,calc(100svh - 360px));object-fit:cover;object-position:50% 65%}
 .acc28-cote{display:contents}
 .acc28-encadre{grid-area:1/1;align-self:end;margin:0 18px 28px;width:auto;max-width:none;background:color-mix(in srgb,#f9f3ec 92%,transparent);padding:20px 18px 18px}
 .acc28-encadre h1{font-size:clamp(21px,6vw,24px)}
 .acc28-phrase{font-size:14px}
 .acc28-realisations{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;min-height:44px;padding:10px 22px;border:1.5px solid #241910;color:#241910;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}
 .acc28-metiers{grid-row:2;max-width:none;margin:16px 0 0;padding:0 12px;gap:12px 10px}
 .acc28-metier span{text-transform:none;letter-spacing:0}
 .acc28-actions,.acc28-lien{display:none}
 .acc28-barre{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:900;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5e7eb}
 .acc28-barre .acc28-devis,.acc28-barre .acc28-whatsapp{min-height:48px}
 body:has([data-mobile-quote-bar]){padding-bottom:calc(70px + env(safe-area-inset-bottom))}
}

/* Recadrage d'affichage seulement, fichiers photo intacts */
main .acc28 .acc28-photo img{object-fit:cover!important;object-position:50% 50%!important}
main .acc28 .acc28-metier img{object-fit:cover!important;object-position:50% 50%!important;width:100%!important;height:auto!important;aspect-ratio:1/1}
@media(max-width:760px){main .acc28 .acc28-photo img{object-position:50% 65%!important}}

/* Carre sans photo en attendant la photo du metier */
.acc28-vide{display:block;width:100%;aspect-ratio:1/1;background:#eef0f2;border:1px dashed #b9c0c7;box-sizing:border-box}