/* Watch Collection 1.0.0-0084
   Stabilisation ciblée sur la base V0080.
   Aucun changement de données, formulaire, navigation ou serveur.
   Objectif unique : empêcher les cartes et leurs cadres photo de changer de taille. */

:root{
  --wc84-gallery-card-h: 860px;
  --wc84-gallery-photo-h: 500px;
  --wc84-gallery-title-h: 2.65em;
  --wc84-gallery-model-h: 3.0em;
  --wc84-featured-panel-h: 850px;
  --wc84-featured-copy-h: 700px;
  --wc84-featured-title-h: 4.20em;
}

/* ===== GALERIE : toutes les cartes ont exactement le même cadre ===== */
#view-gallery .gallery-grid{
  align-items:start!important;
  grid-auto-rows:var(--wc84-gallery-card-h)!important;
}
#view-gallery .gallery-card{
  box-sizing:border-box!important;
  height:var(--wc84-gallery-card-h)!important;
  min-height:var(--wc84-gallery-card-h)!important;
  max-height:var(--wc84-gallery-card-h)!important;
  display:grid!important;
  grid-template-rows:var(--wc84-gallery-photo-h) minmax(0,1fr)!important;
  overflow:hidden!important;
}
#view-gallery .gallery-photo-stack{
  box-sizing:border-box!important;
  width:100%!important;
  height:var(--wc84-gallery-photo-h)!important;
  min-height:var(--wc84-gallery-photo-h)!important;
  max-height:var(--wc84-gallery-photo-h)!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 94px!important;
  overflow:hidden!important;
}
#view-gallery .gallery-photo-stack:not(:has(.gallery-thumbnails)){
  grid-template-rows:minmax(0,1fr) 94px!important;
}
#view-gallery .gallery-primary{
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
}
#view-gallery .gallery-primary :is(.gallery-photo-button,img,.empty-image){
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
#view-gallery .gallery-thumbnails{
  box-sizing:border-box!important;
  height:94px!important;
  min-height:94px!important;
  max-height:94px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
#view-gallery .gallery-body{
  box-sizing:border-box!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#view-gallery .gallery-body h3{
  box-sizing:border-box!important;
  height:var(--wc84-gallery-title-h)!important;
  min-height:var(--wc84-gallery-title-h)!important;
  max-height:var(--wc84-gallery-title-h)!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin-bottom:6px!important;
}
#view-gallery .gallery-body>p{
  box-sizing:border-box!important;
  height:var(--wc84-gallery-model-h)!important;
  min-height:var(--wc84-gallery-model-h)!important;
  max-height:var(--wc84-gallery-model-h)!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-gallery .gallery-meta{
  margin-top:auto!important;
  flex:0 0 auto!important;
}

/* ===== PRÉSENTATION PRINCIPALE : carte extérieure et zones internes figées ===== */
#view-presentation .luxury-feature-grid>.featured-watch-panel{
  box-sizing:border-box!important;
  height:var(--wc84-featured-panel-h)!important;
  min-height:var(--wc84-featured-panel-h)!important;
  max-height:var(--wc84-featured-panel-h)!important;
  overflow:hidden!important;
}
#view-presentation .luxury-feature-grid>.featured-watch-panel .featured-watch-content,
#view-presentation .luxury-feature-grid>.featured-watch-panel .featured-watch-nav-shell,
#view-presentation .luxury-feature-grid>.featured-watch-panel .v0038-featured-layout{
  min-height:0!important;
  max-height:100%!important;
}
#view-presentation .luxury-feature-grid>.featured-watch-panel .v0038-featured-layout{
  height:var(--wc84-featured-copy-h)!important;
  min-height:var(--wc84-featured-copy-h)!important;
  max-height:var(--wc84-featured-copy-h)!important;
  overflow:hidden!important;
}
#view-presentation .luxury-feature-grid>.featured-watch-panel .v0039-featured-media{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
#view-presentation .luxury-feature-grid>.featured-watch-panel .featured-watch-copy{
  box-sizing:border-box!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
  justify-content:flex-start!important;
}
#view-presentation .luxury-feature-grid>.featured-watch-panel .featured-watch-copy h3{
  box-sizing:border-box!important;
  height:var(--wc84-featured-title-h)!important;
  min-height:var(--wc84-featured-title-h)!important;
  max-height:var(--wc84-featured-title-h)!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:anywhere!important;
}
#view-presentation .luxury-feature-grid>.featured-watch-panel .v0038-featured-specs{
  max-height:310px!important;
  overflow:auto!important;
}
#view-presentation .luxury-feature-grid>.featured-watch-panel .featured-watch-copy .btn{
  margin-top:auto!important;
  flex:0 0 auto!important;
}

/* ===== TABLETTE ===== */
@media(max-width:1280px){
  :root{
    --wc84-gallery-card-h:820px;
    --wc84-gallery-photo-h:460px;
    --wc84-featured-panel-h:1180px;
    --wc84-featured-copy-h:1020px;
  }
  #view-presentation .luxury-feature-grid>.featured-watch-panel .v0038-featured-layout{
    grid-template-rows:620px minmax(0,1fr)!important;
  }
}

/* ===== SMARTPHONE ===== */
@media(max-width:700px){
  :root{
    --wc84-gallery-card-h:790px;
    --wc84-gallery-photo-h:420px;
    --wc84-featured-panel-h:1030px;
    --wc84-featured-copy-h:900px;
    --wc84-featured-title-h:4.16em;
  }
  #view-gallery .gallery-grid{
    grid-auto-rows:var(--wc84-gallery-card-h)!important;
  }
  #view-gallery .gallery-card{
    height:var(--wc84-gallery-card-h)!important;
    min-height:var(--wc84-gallery-card-h)!important;
    max-height:var(--wc84-gallery-card-h)!important;
  }
  #view-presentation .luxury-feature-grid>.featured-watch-panel .v0038-featured-layout{
    grid-template-rows:520px minmax(0,1fr)!important;
  }
}
