/* EcoSapa Tour Pages v0.29.2
 * Wider editorial archive cards.
 * 3:2 media gives city/landscape photography more breathing room while the
 * compact availability strip keeps the overall card rhythm tight.
 */

/* Large desktop: a slightly wider visual column without letting the image
 * dominate the price rail or force a tall card. */
@media (min-width:1181px){
  .ecosapa-staging-archive .estp-card__top{
    grid-template-columns:390px minmax(0,1fr) 232px!important;
    min-height:284px!important;
  }
  .ecosapa-staging-archive .estp-card__media{
    width:390px!important;
    min-width:390px!important;
    max-width:390px!important;
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
    aspect-ratio:3/2!important;
  }
  .ecosapa-staging-archive .estp-card__rail{min-height:260px!important;}

  .ecosapa-staging-archive .category-list .category-trips-single-inner-wrap{
    grid-template-columns:390px minmax(0,1fr)!important;
  }
  .ecosapa-staging-archive .category-list .category-trip-fig{
    width:390px!important;
    min-width:390px!important;
    max-width:390px!important;
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
    aspect-ratio:3/2!important;
  }
}

/* Compact desktop / tablet landscape: preserve the same editorial ratio while
 * keeping enough room for title, highlights and the booking rail. */
@media (min-width:901px) and (max-width:1180px){
  .ecosapa-staging-archive .estp-card__top{
    grid-template-columns:320px minmax(0,1fr) 220px!important;
    min-height:237px!important;
  }
  .ecosapa-staging-archive .estp-card__media{
    width:320px!important;
    min-width:320px!important;
    max-width:320px!important;
    height:213px!important;
    min-height:213px!important;
    max-height:213px!important;
    aspect-ratio:3/2!important;
  }
  .ecosapa-staging-archive .estp-card__rail{min-height:213px!important;}

  .ecosapa-staging-archive .category-list .category-trips-single-inner-wrap{
    grid-template-columns:320px minmax(0,1fr)!important;
  }
  .ecosapa-staging-archive .category-list .category-trip-fig{
    width:320px!important;
    min-width:320px!important;
    max-width:320px!important;
    height:213px!important;
    min-height:213px!important;
    max-height:213px!important;
    aspect-ratio:3/2!important;
  }
}

/* Mobile/tablet portrait: full-width landscape card with enough vertical depth
 * for people photography and destination context. */
@media (max-width:900px){
  .ecosapa-staging-archive .estp-card__media,
  .ecosapa-staging-archive .category-list .category-trip-fig{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:3/2!important;
  }
}

/* Keep every source image undistorted. */
.ecosapa-staging-archive .estp-card__image-link img,
.ecosapa-staging-archive .estp-card__media img,
.ecosapa-staging-archive .category-list .category-trip-fig img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* The utility strip should read as part of the card, not as a second card. */
.ecosapa-staging-archive .estp-card__availability{
  min-height:46px!important;
  padding:8px 14px!important;
  gap:10px!important;
}
.ecosapa-staging-archive .estp-card__availability strong{
  font-size:10.5px!important;
}
.ecosapa-staging-archive .estp-card__availability>span,
.ecosapa-staging-archive .estp-card__availability>a{
  font-size:11.5px!important;
  line-height:1.35!important;
}

@media (max-width:700px){
  .ecosapa-staging-archive .estp-card__availability{
    min-height:0!important;
    padding:9px 12px!important;
  }
}