/* Proposition « Sérénité » — réglages propres à cette page (la base est /commun/site-public.css). */

/* Les prestations (cinq au départ ; puis celles que Kévin propose dans ses réglages, D97 : « services-libre ») : 3 par
   ligne sur ordinateur (3 + 2 pour cinq), 2 colonnes sur tablette, 1 sur téléphone ; un peu d'air entre les lignes. */
.services-5,.services-libre{grid-template-columns:repeat(3,minmax(0,1fr))}
.services-5 .service:nth-child(4),.services-5 .service:nth-child(5),.services-libre .service:nth-child(n+4){margin-top:14px}
.services .reveal:nth-child(4){transition-delay:.09s}
.services .reveal:nth-child(5){transition-delay:.18s}
/* Le cadrage de chaque photo suit la photo (et non plus la place de la carte : D97, l'ordre des cartes suit les réglages). */
.service-photo img[src$="/service-bois.jpg"]{object-position:center 47%}
.service-photo img[src$="/service-granules.jpg"]{object-position:45% center}
.service-photo img[src$="/ramoneur.jpg"]{object-position:70% center}
/* Le foyer ouvert et l'insert à bois (D102) : le feu, à droite de la photo du foyer ; l'insert, un peu au-dessus du milieu. */
.service-photo img[src$="/service-foyer-ouvert.jpg"]{object-position:82% center}
.service-photo img[src$="/service-insert.jpg"]{object-position:55% 40%}
/* Un appareil sans photo (ajouté par Kévin lui-même, D97) : un fond sombre et chaud, une grande flamme ; jamais d'image
   cassée. */
.service-photo.sans-photo{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 62%,#5a3a26 0,#39342f 58%,#292723 100%)}
.service-photo.sans-photo .service-flamme{width:34%;max-width:120px;height:auto;fill:none;stroke:var(--orange);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.85;transition:transform .6s}
.service:hover .service-photo.sans-photo .service-flamme{transform:scale(1.055)}

@media(max-width:950px){
  .services-5,.services-libre{grid-template-columns:repeat(2,minmax(0,1fr))}
  .services-5 .service:nth-child(4),.services-5 .service:nth-child(5),.services-libre .service:nth-child(n+4){margin-top:0}
}
@media(max-width:650px){
  .services-5,.services-libre{grid-template-columns:1fr}
}