/* Collection immersive : les visuels restent séparés du décor. */
.hero.hero-collection{padding:0 0 12px;background:var(--fond-page,#F6F5F0)}
.collection-scene{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-height:calc(100svh - var(--hauteur-entete-accueil,106px) - 12px);padding:28px 24px 24px;background:#dae2d3 url('images/carousel-ciel.webp') center/cover;color:#17231d;text-align:center}
.collection-scene::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(244,248,235,.8),transparent 36%,rgba(244,248,235,.3) 70%,#f0f4e9)}
.collection-intro{position:relative;z-index:3;pointer-events:none}
.collection-kicker{font:600 10px/1.5 var(--corps);letter-spacing:.22em;text-transform:uppercase;color:#46583d}
.collection-intro h1{max-width:none;margin:8px 0 0;font:400 clamp(32px,4.5vw,62px)/1 var(--display);letter-spacing:-.025em;text-transform:uppercase}
.collection-intro h1 em{font-style:normal;color:#59752e}
.collection-stage{position:relative;width:100%;max-width:1120px;height:clamp(280px,43svh,490px);flex:1;min-height:280px;margin:8px auto 0;perspective:1100px;touch-action:pan-y}
.collection-rail{position:absolute;top:0;left:2%;width:96%;height:44px;overflow:visible;pointer-events:none;opacity:.65}
.collection-item{position:absolute;left:50%;top:10px;height:calc(100% - 20px);width:48%;max-width:470px;padding:0;border:0;background:transparent;cursor:pointer;transform-origin:50% 0;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .6s; -webkit-tap-highlight-color:transparent}
.collection-item[data-position='center']{transform:translateX(-50%) translateY(4px);z-index:3;opacity:1}
.collection-item[data-position='left']{transform:translateX(-125%) translateY(-8px) rotateY(32deg) scale(.7);z-index:1;opacity:.8}
.collection-item[data-position='right']{transform:translateX(25%) translateY(-8px) rotateY(-32deg) scale(.7);z-index:1;opacity:.8}
.collection-item[data-position='away']{transform:translateX(-50%) translateY(-20px) scale(.4);opacity:0;visibility:hidden;pointer-events:none;z-index:0}
.collection-item img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 16px rgba(22,38,25,.2));transform-origin:50% 3%;animation:collection-swing 6s ease-in-out infinite;user-select:none;-webkit-user-drag:none}
.collection-item:nth-of-type(2) img{animation-delay:-2s}
.collection-item:nth-of-type(3) img{animation-delay:-4s}
@keyframes collection-swing{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg) translateY(3px)}}
.collection-arrow{position:absolute;top:48%;z-index:5;display:grid;place-items:center;width:46px;height:46px;border:1px solid #fff9;border-radius:50%;background:#ffffffa8;backdrop-filter:blur(8px);color:#263825;font-size:24px;cursor:pointer;box-shadow:0 4px 20px #253e1810;transition:background .2s,transform .2s}
.collection-arrow:hover{background:#C5F24A;transform:scale(1.07)}
.collection-prev{left:0}.collection-next{right:0}
.collection-item:focus-visible,.collection-arrow:focus-visible,.collection-dot:focus-visible,.collection-link:focus-visible{outline:3px solid #456329;outline-offset:4px}
.collection-details{position:relative;z-index:4;margin:0 auto;min-height:128px}
.collection-edition{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#4e6046}
.collection-name{font:400 clamp(26px,3vw,36px)/1.15 var(--display);text-transform:uppercase;margin:5px 0}
.collection-price{font-size:14px;margin-bottom:14px;color:#33422c}.collection-price strong{font-weight:700}
.collection-price span{font-size:11px;padding-left:10px;margin-left:10px;border-left:1px solid #a8b59c}
.collection-link{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:46px;padding:12px 26px;border-radius:100px;background:#17231d;color:#fff;font-size:12px;font-weight:600;text-decoration:none;box-shadow:0 6px 18px #17231d20;transition:background .2s}
.collection-link:hover{background:#314728;color:#fff}.collection-link span{color:#C5F24A}
.collection-controls{display:flex;align-items:center;justify-content:center;gap:2px;margin-top:10px}
.collection-dot{display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;cursor:pointer}
.collection-dot::before{content:'';height:5px;width:5px;border-radius:10px;background:#839077;transition:width .3s,background .3s}
.collection-dot[aria-pressed='true']::before{width:22px;background:#456329}
.collection-controls{position:relative;width:216px;height:36px;overflow:hidden;flex:none}
.collection-dot{position:absolute;left:calc(50% - 18px);top:0;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .6s}
.collection-dot[data-position='center']{transform:translateX(0);opacity:1}
.collection-dot[data-position='left']{transform:translateX(-36px);opacity:.8}
.collection-dot[data-position='right']{transform:translateX(36px);opacity:.8}
.collection-dot[data-position='far-left']{transform:translateX(-72px);opacity:.5}
.collection-dot[data-position='far-right']{transform:translateX(72px);opacity:.5}
.collection-dot[data-position='back-left']{transform:translateX(-108px);opacity:0;pointer-events:none}
.collection-hint{font-size:10px;color:#4e6046;letter-spacing:.03em}
.collection-catalogue{position:absolute;left:28px;bottom:30px;color:#263825;font-size:11px;text-underline-offset:5px}
.hero-collection .hero-garanties{border-radius:0}
@media(max-width:619px){
  .hero.hero-collection{padding:0 0 12px}
  .collection-scene{min-height:0;padding:26px 12px 20px;background-position:center}
  .collection-intro h1{font-size:36px;line-height:1.04}
  .collection-kicker{font-size:9px;letter-spacing:.16em}
  .collection-stage{flex:none;height:clamp(260px,76vw,350px);min-height:0;width:calc(100% + 24px);margin-top:18px}
  .collection-item{width:76%;top:6px;height:calc(100% - 12px)}
  .collection-item[data-position='left']{transform:translateX(-115%) translateY(-8px) rotateY(40deg) scale(.64);opacity:.65}
  .collection-item[data-position='right']{transform:translateX(15%) translateY(-8px) rotateY(-40deg) scale(.64);opacity:.65}
  .collection-arrow{width:38px;height:38px;font-size:21px}.collection-prev{left:10px}.collection-next{right:10px}
  .collection-details{min-height:0;margin-top:4px}.collection-name{font-size:28px}
  .collection-controls{margin-top:6px}.collection-catalogue{position:static;display:inline-block;margin-top:15px;font-size:10px}
  .hero-collection .hero-garanties{min-height:120px;padding:12px 10px;gap:7px}.hero-collection .hero-garanties li{padding:10px 3px;gap:7px}
}
/* Six positions sur le même carrousel en profondeur. */
.collection-stage{max-width:1440px}
.collection-item{width:32%;max-width:470px;transition:left .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),opacity .6s}
.collection-item[data-position='center']{left:50%;transform:translateX(-50%);z-index:6;opacity:1}
.collection-item[data-position='left']{left:29%;transform:translateX(-50%) translateY(-5px) rotateY(30deg) scale(.66);z-index:4;opacity:.94}
.collection-item[data-position='right']{left:72%;transform:translateX(-50%) translateY(-5px) rotateY(-30deg) scale(.66);z-index:4;opacity:.94}
.collection-item[data-position='far-left']{left:14%;transform:translateX(-50%) translateY(-12px) rotateY(42deg) scale(.46);z-index:2;opacity:.84}
.collection-item[data-position='far-right']{left:91%;transform:translateX(-50%) translateY(-12px) rotateY(-42deg) scale(.46);z-index:2;opacity:.84}
.collection-item[data-position='back-left']{left:4%;transform:translateX(-50%) translateY(-18px) rotateY(52deg) scale(.3);z-index:1;opacity:.75}
.collection-arrow{top:auto;bottom:4px}.collection-prev{left:12px}.collection-next{right:12px}
/* Sur téléphone, une profondeur sans rotation : aucune silhouette écrasée. */
@media(max-width:619px){
  .collection-stage{perspective:none;height:clamp(280px,82vw,350px);margin-left:-12px;margin-right:-12px}
  .collection-item{width:70%;height:auto;aspect-ratio:1;top:0}
  .collection-item[data-position='center']{left:50%;transform:translateX(-50%) translateY(24px) scale(.92)}
  .collection-item[data-position='left']{left:22%;transform:translateX(-50%) translateY(16px) scale(.56);opacity:.95}
  .collection-item[data-position='right']{left:78%;transform:translateX(-50%) translateY(16px) scale(.56);opacity:.95}
  .collection-item[data-position='far-left']{left:11%;transform:translateX(-50%) translateY(8px) scale(.36);opacity:.8}
  .collection-item[data-position='far-right']{left:89%;transform:translateX(-50%) translateY(8px) scale(.36);opacity:.8}
  .collection-item[data-position='back-left']{left:5%;transform:translateX(-50%) translateY(3px) scale(.23);opacity:.7}
  .collection-item img{animation:none}
  .collection-arrow{width:42px;height:42px;bottom:0}
  .collection-details{margin-top:14px}
}
@media(max-width:360px){
  .topbar .btn-top{font-size:11px;padding:10px 8px}
  .collection-intro h1{font-size:30px}
}
@media(prefers-reduced-motion:reduce){.collection-item,.collection-dot,.collection-dot::before,.collection-arrow{transition:none}.collection-item img{animation:none}}