/* =========================================================
   V10.0 PREMIUM REGIONS SHOWCASE
   Replaces the weak interactive map with photo-driven destination cards.
   ========================================================= */

.sa-v85-map{
  display:none !important;
}

.sa-v100-regions{
  background:#f4f7fb !important;
  padding:28px 70px 96px !important;
}

.sa-v100-inner{
  max-width:1320px !important;
  margin:0 auto !important;
}

.sa-v100-head{
  max-width:820px !important;
  margin:0 0 34px !important;
}

.sa-v100-head p{
  margin:0 0 12px !important;
  color:#d99408 !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.sa-v100-head h2{
  margin:0 0 12px !important;
  color:#071126 !important;
  font-size:40px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
}

.sa-v100-head span{
  display:block !important;
  color:#41506a !important;
  font-size:16px !important;
  line-height:1.6 !important;
}

.sa-v100-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
}

.sa-v100-card{
  position:relative !important;
  display:block !important;
  height:318px !important;
  min-height:318px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  color:#fff !important;
  text-decoration:none !important;
  background-image:
    linear-gradient(180deg,rgba(5,8,22,0) 0%,rgba(5,8,22,.30) 46%,rgba(5,8,22,.97) 100%),
    var(--img) !important;
  background-size:cover !important;
  background-position:center center !important;
  box-shadow:0 24px 64px rgba(15,23,42,.20) !important;
  transition:transform .26s ease, box-shadow .26s ease, filter .26s ease !important;
}

.sa-v100-card.large{
  grid-column:span 2 !important;
  height:380px !important;
}

.sa-v100-card:hover{
  transform:translateY(-7px) !important;
  box-shadow:0 38px 92px rgba(15,23,42,.32) !important;
  filter:saturate(1.08) contrast(1.04) !important;
}

.sa-v100-card small{
  position:absolute !important;
  top:22px !important;
  left:22px !important;
  display:inline-flex !important;
  align-items:center !important;
  height:28px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:rgba(3,6,14,.78) !important;
  border:1px solid rgba(217,164,65,.62) !important;
  color:#f3c55b !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  backdrop-filter:blur(8px) !important;
}

.sa-v100-card strong{
  position:absolute !important;
  left:26px !important;
  right:26px !important;
  bottom:104px !important;
  display:block !important;
  color:#fff !important;
  font-size:38px !important;
  line-height:1.02 !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
  text-shadow:0 14px 34px rgba(0,0,0,.92) !important;
}

.sa-v100-card.large strong{
  font-size:48px !important;
}

.sa-v100-card span{
  position:absolute !important;
  left:26px !important;
  right:26px !important;
  bottom:58px !important;
  display:block !important;
  color:#f3f7ff !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:650 !important;
  text-shadow:0 10px 26px rgba(0,0,0,.92) !important;
}

.sa-v100-card.large span{
  max-width:520px !important;
  font-size:15px !important;
}

.sa-v100-card em{
  position:absolute !important;
  left:26px !important;
  bottom:26px !important;
  color:#f3c55b !important;
  font-size:14px !important;
  line-height:1 !important;
  font-style:normal !important;
  font-weight:950 !important;
  text-shadow:0 10px 26px rgba(0,0,0,.9) !important;
}

.sa-v100-bottom{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin-top:28px !important;
}

.sa-v100-bottom a{
  display:inline-flex !important;
  align-items:center !important;
  min-height:44px !important;
  padding:0 17px !important;
  border-radius:999px !important;
  background:#071126 !important;
  color:#f3c55b !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:950 !important;
}

@media(max-width:1120px){
  .sa-v100-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .sa-v100-card.large{
    grid-column:span 1 !important;
    height:340px !important;
  }
}

@media(max-width:720px){
  .sa-v100-regions{
    padding:24px 20px 68px !important;
  }
  .sa-v100-head h2{
    font-size:31px !important;
  }
  .sa-v100-grid{
    grid-template-columns:1fr !important;
  }
  .sa-v100-card,
  .sa-v100-card.large{
    height:310px !important;
  }
  .sa-v100-card strong,
  .sa-v100-card.large strong{
    font-size:34px !important;
  }
}