@import url("/assets/page-css/sv-approved-sections.css");
@import url("/assets/page-css/sv-cms-native-cards.css");

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-wrap{
  --pf-orange:#FF9900;
  --pf-orange-dark:#E68A00;
  --pf-line:#E7EAF3;
  font-family:"Open Sans",Arial,sans-serif!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}

body.frontend-page .bc_wrap > .container > h1:not([class]){
  display:none!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-wrap > div:first-child{
  min-height:620px!important;
  height:auto!important;
  padding:138px 20px 84px!important;
  background-image:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.66)),url("/uploads/landing-pages/hero-pet-friendly.webp")!important;
  background-size:cover!important;
  background-position:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-wrap > div:first-child > div{
  margin:0 auto!important;
  max-width:880px!important;
  text-align:center!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-wrap .v2-h1{
  color:#fff!important;
  font-size:clamp(2.7rem,4.4vw,4.3rem)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-shadow:0 2px 14px rgba(0,0,0,.42)!important;
  width:auto!important;
  max-width:100%!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-wrap .v2-intro{
  color:rgba(255,255,255,.92)!important;
  font-size:1.08rem!important;
  line-height:1.65!important;
  text-shadow:0 2px 12px rgba(0,0,0,.38)!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-wrap .v2-cta,
body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-wrap a[href*="chat.sosuavillas.com"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:14px 24px!important;
  border-radius:3px!important;
  background:var(--pf-orange)!important;
  border:1px solid var(--pf-orange)!important;
  color:#fff!important;
  font-family:Roboto,"Roboto Slab",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  box-shadow:0 1px 2px rgba(255,153,0,.25),0 12px 28px -10px rgba(255,153,0,.45)!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-wrap .v2-cta:hover{
  background:var(--pf-orange-dark)!important;
  border-color:var(--pf-orange-dark)!important;
  color:#fff!important;
  transform:translateY(-1px);
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-nav{
  padding:24px 20px!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-pill-row{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:10px!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-wrap .v2-nav{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:8px 16px!important;
  border:2px solid #297CBB!important;
  border-radius:20px!important;
  color:#297CBB!important;
  background:#fff!important;
  font-family:Roboto,"Roboto Slab",Arial,sans-serif!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-decoration:none!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-cards{
  padding:42px 20px 50px!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-card-inner{
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid var(--pf-line)!important;
  border-radius:8px!important;
  box-shadow:0 1px 2px rgba(15,17,21,.04),0 8px 24px -12px rgba(59,68,79,.18)!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-card-img{
  min-height:172px!important;
  padding-bottom:65%!important;
  background-size:cover!important;
  background-position:center!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-row .v2-card:nth-child(1) .v2-lp-pet-friendly-villas-card-img{
  background-image:url("/uploads/0000/6/2025/09/28/a7c12e20-cf98-4a43-9b68-0b50ffb3e3a3.jpeg")!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-row .v2-card:nth-child(2) .v2-lp-pet-friendly-villas-card-img{
  background-image:url("/uploads/0000/6/2025/09/28/9e629027-ac17-4c45-b413-23264d13f87c.jpg")!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-row .v2-card:nth-child(3) .v2-lp-pet-friendly-villas-card-img{
  background-image:url("/uploads/0000/6/2025/09/28/7ace85fc132b4ba0abe7e9d32d6e1dea-mediumoriginal.jpeg")!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-row .v2-card:nth-child(4) .v2-lp-pet-friendly-villas-card-img{
  background-image:url("/uploads/0000/6/2025/09/28/8ebc991c-09a4-485f-9120-439153fb5214.jpg")!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-card-body{
  min-height:106px!important;
  padding:16px!important;
  background:linear-gradient(135deg,#0F1115,#1A2B47)!important;
  border-top:3px solid var(--pf-orange)!important;
  flex:0 0 auto!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-card-body strong{
  display:block!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.3!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-card-body span{
  color:rgba(255,255,255,.72)!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-card-body .v2-price{
  color:#fff!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-card-body .v2-price span{
  color:rgba(255,255,255,.78)!important;
}

body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-amen{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  margin:5px!important;
  padding:8px 14px!important;
  background:#fff!important;
  border:1px solid var(--pf-line)!important;
  border-radius:6px!important;
  color:#3B444F!important;
  font-size:14px!important;
  line-height:1.25!important;
}

@media(max-width:900px){
  body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-wrap > div:first-child{
    min-height:560px!important;
    padding:118px 14px 62px!important;
  }

  body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-wrap .v2-h1{
    font-size:clamp(2rem,10vw,2.72rem)!important;
  }

  body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-row{
    grid-template-columns:1fr!important;
  }

  body.frontend-page .bc_wrap .v2-lp-pet-friendly-villas-wrap .v2-cta{
    width:100%!important;
    max-width:320px!important;
    white-space:normal!important;
  }
}