/*
 * Accueil, bloc « Notre modèle » (Shop Park, la nouvelle identité de nos sites) de la maquette
 * (docs/maquettes/accueil-2026-10-13), repris seul le 20/10/2026 : photo de Shop Park Nîmes en fond sous un dégradé
 * bleu nuit, tuile Shop Park, texte, trois chiffres, bouton rouge. Règles reprises de accueil.css (branche
 * accueil-premium), mêmes classes ; couleurs et .acc-surtitre : accueil-une.css.
 */
.acc-shoppark{position:relative;margin-top:0;color:#fff;overflow:hidden;isolation:isolate;background:#00202e}
.acc-shoppark-photo{position:absolute;inset:0;z-index:-2}
.acc-shoppark-photo img{display:block;width:100%;height:100%;object-fit:cover}
.acc-shoppark:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,32,46,.97) 0%,rgba(0,32,46,.9) 45%,rgba(0,32,46,.35) 100%)}
.acc-shoppark .acc-conteneur{display:grid;grid-template-columns:auto 1fr;gap:64px;align-items:center;padding:100px 0}
.accueil .acc-shoppark-tuile{display:block;width:280px;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35);transition:transform .3s}
.accueil .acc-shoppark-tuile:hover{transform:scale(1.02)}
.acc-shoppark-tuile img{display:block;width:100%}
.acc-shoppark .acc-surtitre{color:#ff6b6b}
.accueil.acc-shoppark h2{margin:14px 0 18px;max-width:640px;padding:0;font-size:40px;line-height:1.15;font-weight:600;color:#fff;text-transform:none;background:none}
.accueil.acc-shoppark p{max-width:600px;margin:0;font-size:16px;line-height:1.7;font-weight:300;color:rgba(255,255,255,.8)}
.acc-points{display:flex;flex-wrap:wrap;gap:36px;margin:30px 0 34px}
.acc-points strong{display:block;font-size:30px;line-height:1.1;font-weight:600;color:#fff}
.acc-points span{font-size:13px;color:rgba(255,255,255,.65)}

/* Bouton rouge de la maquette */
.accueil .acc-bouton{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 26px;border-radius:25px;font-size:14px;font-weight:600;letter-spacing:.02em;transition:background-color .2s,transform .2s}
.accueil .acc-bouton:hover{transform:translateY(-1px)}
.accueil .acc-bouton-rouge{background:var(--acc-rouge);color:#fff}
.accueil .acc-bouton-rouge:hover{background:#b8031a;color:#fff}

@media only screen and (max-width: 1100px){
	.acc-shoppark .acc-conteneur{grid-template-columns:1fr;gap:36px}
}
@media only screen and (max-width: 640px){
	.acc-shoppark .acc-conteneur{padding:64px 0}
	.accueil .acc-shoppark-tuile{width:200px}
	.accueil.acc-shoppark h2{font-size:28px}
	.acc-points{gap:24px}
	.acc-points strong{font-size:24px}
}