/* =========================================================
 * L'atelier sous chaque création (08/11/2026) — demande de la Maison, inspirée de Tournaire sans le copier :
 * après « Vous aimerez aussi », la devise, une phrase sur les ateliers, trois photos (conception, sertissage,
 * atelier), le sceau Entreprise du Patrimoine Vivant et « En savoir plus » vers Savoir-faire.
 * Le label reste loin du prix et des boutons. Outil : site TEST/outils/fiche-atelier/poser.py
 * ========================================================= */
/* Moins de défilement (08/11, deux demandes de la Maison) : blancs resserrés sous la fiche et autour des suggestions. */
.hz-spr-layer.is-page .hz-spr__info { padding-bottom: 20px; }
.hz-spr-layer .hz-spr__also.hz-at-suivi { padding-top: 34px; padding-bottom: 34px; }
.hz-spr-layer .hz-spr__also.hz-at-suivi h2 { margin-bottom: 22px; }
.hz-spr-layer .hz-at { max-width: 1600px; margin: 0 auto; padding: 0 0 56px; text-align: center; color: var(--hz-ink); }
.hz-spr-layer .hz-at__filet { display: block; width: 64px; height: 1px; margin: 0 auto 24px; background: var(--hz-accent); }
.hz-spr-layer .hz-at__sur { margin: 0; font: 400 10px/1.4 var(--hz-sans); letter-spacing: 2.4px; text-transform: uppercase; color: var(--hz-muted); }
.hz-spr-layer .hz-at__titre { margin: 10px auto 12px; padding: 0 24px; font: italic 400 34px/1.15 var(--hz-serif); letter-spacing: 0; text-transform: none; color: var(--hz-ink); }
.hz-spr-layer .hz-at__texte { max-width: 620px; margin: 0 auto 26px; padding: 0 24px; font: 400 18px/1.55 var(--hz-serif); color: var(--hz-text); }
.hz-spr-layer .hz-at__photos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 0; padding: 0; list-style: none; }
.hz-spr-layer .hz-at__photos li { margin: 0; padding: 0; }
.hz-spr-layer .hz-at__photos li::before { content: none; }
.hz-spr-layer .hz-at__photos figure { margin: 0; }
.hz-spr-layer .hz-at__photos img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.hz-spr-layer .hz-at__photos li:nth-child(1) img { object-position: 50% 42%; } /* le visage et la main qui dessine → Création sur mesure */
.hz-spr-layer .hz-at__photos li:nth-child(2) img { object-position: 50% 55%; } /* le sertissage → Savoir-faire */
.hz-spr-layer .hz-at__photos li:nth-child(3) img { object-position: 50% 30%; } /* les têtes des artisans → Valeurs et engagement */
/* Chaque photo mène à une page de « La Maison » : léger rapprochement de la photo et filet sous la légende au survol. */
.hz-spr-layer .hz-at__vers { display: block; color: inherit; text-decoration: none; }
.hz-spr-layer .hz-at__cadre { display: block; overflow: hidden; }
.hz-spr-layer .hz-at__cadre img { transition: transform .9s cubic-bezier(.22,.61,.36,1); }
.hz-spr-layer .hz-at__vers:hover .hz-at__cadre img, .hz-spr-layer .hz-at__vers:focus-visible .hz-at__cadre img { transform: scale(1.035); }
.hz-spr-layer .hz-at__vers figcaption { transition: color .25s; }
.hz-spr-layer .hz-at__vers figcaption::after { content: ""; display: block; width: 0; height: 1px; margin: 7px auto 0; background: var(--hz-accent); transition: width .35s; }
.hz-spr-layer .hz-at__vers:hover figcaption, .hz-spr-layer .hz-at__vers:focus-visible figcaption { color: var(--hz-accent-dark); }
.hz-spr-layer .hz-at__vers:hover figcaption::after, .hz-spr-layer .hz-at__vers:focus-visible figcaption::after { width: 26px; }
@media (prefers-reduced-motion: reduce) { .hz-spr-layer .hz-at__cadre img { transition: none; } .hz-spr-layer .hz-at__vers:hover .hz-at__cadre img { transform: none; } }
.hz-spr-layer .hz-at__photos figcaption { padding: 12px 10px 0; font: 400 10px/1.4 var(--hz-sans); letter-spacing: 2.2px; text-transform: uppercase; color: var(--hz-ink); }
.hz-spr-layer .hz-at__bas { display: flex; flex-direction: column; align-items: center; gap: 16px; margin-top: 26px; }
.hz-spr-layer .hz-at__sceau { display: block; width: 62px; height: 62px; object-fit: contain; }
.hz-spr-layer .hz-at__plus { display: inline-flex; align-items: center; gap: 10px; padding-bottom: 4px; border-bottom: 1px solid var(--hz-ink); font: 400 10px/1.4 var(--hz-sans); letter-spacing: 2.2px; text-transform: uppercase; color: var(--hz-ink); text-decoration: none; transition: color .25s, border-color .25s; }
.hz-spr-layer .hz-at__plus::after { content: ""; width: 18px; height: 1px; background: currentColor; transition: width .3s; }
.hz-spr-layer .hz-at__plus:hover { color: var(--hz-accent-dark); border-color: var(--hz-accent); }
.hz-spr-layer .hz-at__plus:hover::after { width: 26px; }
@media (max-width: 767px) {
  .hz-spr-layer .hz-spr__also.hz-at-suivi { padding-top: 26px; padding-bottom: 28px; }
  .hz-spr-layer .hz-at { padding-bottom: 40px; }
  .hz-spr-layer .hz-at__filet { margin-bottom: 20px; }
  .hz-spr-layer .hz-at__titre { font-size: 28px; padding: 0 20px; }
  .hz-spr-layer .hz-at__photos img { aspect-ratio: 4 / 3; }
  .hz-spr-layer .hz-at__texte { font-size: 17px; padding: 0 20px; margin-bottom: 26px; }
  .hz-spr-layer .hz-at__photos { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .hz-spr-layer .hz-at__photos::-webkit-scrollbar { display: none; }
  .hz-spr-layer .hz-at__photos li { flex: 0 0 78%; scroll-snap-align: start; }
  .hz-spr-layer .hz-at__bas { margin-top: 22px; gap: 14px; }
  .hz-spr-layer .hz-at__sceau { width: 54px; height: 54px; }
}

/* <libelles-lisibles> (08/11) libellés un peu plus visibles */
.hz-spr-layer .hz-at__photos figcaption { padding-top: 16px; font-size: 13px; letter-spacing: 2.6px; }
.hz-spr-layer .hz-at__plus { font-size: 12.5px; letter-spacing: 2.6px; padding-bottom: 6px; }
.hz-spr-layer .hz-at__sur { font-size: 11.5px; }
.hz-spr-layer .hz-at__sceau { width: 72px; height: 72px; }
@media (max-width: 700px) { .hz-spr-layer .hz-at__photos figcaption { font-size: 11.5px; letter-spacing: 2px; } }
/* </libelles-lisibles> */