/* Start custom CSS for html, class: .elementor-element-085c1b9 *//* ===============================
   DESTINATION SECTION
================================ */

.dest-section{
  max-width:1280px;
  margin:0 auto;
  padding:80px 16px;
}

/* ===============================
   HEADER
================================ */

.dest-header{
  text-align:center;
  margin-bottom:48px;
}

.dest-tag{
  display:block;
  margin-bottom:12px;
  color:#059669;
  font-size:18px;
  font-family:'Pacifico',cursive;
}
@media(min-width:768px){
  .dest-tag{font-size:22px;}
}

.dest-title{
  font-size:32px;
  font-weight:600;
  color:#1f2937;
  font-family:'Playfair Display',serif;
}
@media(min-width:768px){
  .dest-title{font-size:36px;}
}

.dest-subtitle{
  margin-top:16px;
  max-width:640px;
  margin-left:auto;
  margin-right:auto;
  font-size:14px;
  color:#6b7280;
  font-family:'Inter',sans-serif;
}
@media(min-width:768px){
  .dest-subtitle{font-size:16px;}
}

/* ===============================
   GRID
================================ */

.dest-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
}

@media(min-width:640px){
  .dest-grid{grid-template-columns:repeat(2,1fr);}
}
@media(min-width:1024px){
  .dest-grid{grid-template-columns:repeat(3,1fr);}
}
@media(min-width:1280px){
  .dest-grid{grid-template-columns:repeat(4,1fr);}
}

/* ===============================
   CARD
================================ */

.dest-card{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:#f3f4f6;
  height:240px !important;        /* MOBILE HEIGHT */
}

/* Desktop height */
@media(min-width:768px){
  .dest-card{
    height:280px !important;      /* DESKTOP HEIGHT */
  }
}

/* ===============================
   IMAGE (FORCE OVERRIDE)
================================ */

.dest-card img,
.dest-img{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
  transition:transform .5s ease;
}

/* Hover zoom */
.dest-card:hover img{
  transform:scale(1.05);
}

/* ===============================
   OVERLAY
================================ */

.dest-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    to top,
    rgba(0,0,0,.75),
    rgba(0,0,0,.25),
    rgba(0,0,0,0)
  );
  z-index:1;
}

/* ===============================
   CONTENT
================================ */

.dest-content{
  position:absolute;
  bottom:14px;
  left:14px;
  right:14px;
  color:#fff;
  z-index:2;
}

.dest-small{
  font-size:12px;
  opacity:.8;
}

.dest-name{
  font-size:17px;
  font-weight:600;
  margin:2px 0;
}

.dest-places{
  font-size:12px;
  opacity:.9;
  line-height:1.4;
}

/* ===============================
   CTA
================================ */

.dest-cta{
  display:inline-block;
  margin-top:10px;
  padding:4px 12px;
  font-size:12px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:999px;
  color:#fff;
  transition:.3s ease;
}

.dest-card:hover .dest-cta{
  background:#fff;
  color:#111827;
}

/* ===============================
   SAFETY OVERRIDES (ELEMENTOR FIX)
================================ */

.dest-card *,
.dest-card img{
  box-sizing:border-box;
}

.dest-card img{
  display:block;
}/* End custom CSS */