/* ---------------------------------------------------------
   LES BERGERIES DE SÈTE — styles propres à : 07-professionnels
   Chargé après main.css.
   --------------------------------------------------------- */

.scroll-cue{position:absolute;bottom:150px;left:50%;transform:translateX(-50%);z-index:3;
  color:rgba(255,255,255,.8);font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:10px}
.scroll-cue i{width:1px;height:42px;background:linear-gradient(rgba(255,255,255,.85),rgba(255,255,255,0));animation:cue 2.4s ease-in-out infinite}
.pathcard h3{color:#fff;font-size:clamp(26px,3.2vw,38px);font-weight:300}
@media (max-width:760px){
  .scroll-cue{display:none}
}
.pathcard h3{white-space:nowrap;font-size:clamp(19px,2.3vw,27px)}
.offre-shot img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow-soft)}
/* ---- L offre : deux configurations de salle ---- */
.offre-gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,22px);
  max-width:1060px;margin:clamp(38px,5vw,58px) auto 0}
@media(max-width:760px){
  .offre-gallery{grid-template-columns:1fr}
}
/* ---- Indicateur de défilement : souris + point qui descend et remonte ---- */
.scroll-cue{color:rgba(255,255,255,.88);gap:11px;left:50%;right:auto;transform:translateX(-50%);
  align-items:center;bottom:clamp(26px,4vh,46px);z-index:11}
.scroll-cue i{display:none}
@keyframes scrollDot{
  0%  {transform:translateY(0);   opacity:0}
  18% {opacity:1}
  50% {transform:translateY(14px);opacity:1}
  82% {opacity:1}
  100%{transform:translateY(0);   opacity:0}
}
@media(max-width:760px){
  .scroll-cue{display:none}
}
/* ---- « L offre » : vue d ensemble pleine largeur + photos zoomables ---- */
.offre-shot--wide{max-width:1060px;margin:clamp(34px,4.4vw,52px) auto 0}
.offre-shot--wide img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  border-radius:var(--radius);box-shadow:var(--shadow-soft)}
.offre-gallery{margin-top:clamp(14px,2vw,22px)}
.offre-shot img{cursor:zoom-in;transition:transform .7s var(--ease)}
.offre-shot:hover img{transform:scale(1.02)}