/* V54 — Galerie agrandie sur tablette et ordinateur, caractéristiques sous la galerie */
@media (min-width:621px){
  #villa .grid-3{
    display:grid !important;
    grid-template-columns:minmax(230px,.78fr) minmax(0,2.22fr) !important;
    column-gap:clamp(28px,4vw,58px) !important;
    row-gap:38px !important;
    align-items:start !important;
  }
  #villa .grid-3 > div{min-width:0;width:100%}
  #villa #gallery{grid-column:2;grid-row:1;display:flex;flex-direction:column}
  #villa #features{grid-column:1 / -1;grid-row:2;margin-top:2px}
  #villa #features .number-title{min-height:auto !important;margin-bottom:20px !important}
  #villa #features .checklist{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(28px,5vw,72px);
    row-gap:2px;
  }
  #villa #gallery .gallery-grid{
    width:100% !important;
    height:clamp(410px,48vw,545px) !important;
    min-height:410px !important;
    grid-template-columns:minmax(0,1.55fr) repeat(2,minmax(0,.72fr)) !important;
    grid-template-rows:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  #villa #gallery .gallery-grid .main{grid-row:1 / 3 !important;min-height:0 !important}
  #villa #gallery .gallery-grid img{width:100% !important;height:100% !important;min-height:0 !important;object-fit:cover !important}
}
@media (min-width:1024px){
  #villa .grid-3{grid-template-columns:minmax(255px,.7fr) minmax(0,2.3fr) !important}
  #villa #gallery .gallery-grid{height:clamp(500px,39vw,620px) !important;min-height:500px !important}
  #villa #features .checklist{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:621px) and (max-width:820px){
  #villa .grid-3{grid-template-columns:minmax(205px,.85fr) minmax(0,1.65fr) !important;column-gap:24px !important}
  #villa #gallery .gallery-grid{height:420px !important;min-height:420px !important}
}