/* ---- Base hero section---- */
 .property-hero{
  position: relative;
  min-height: 40vh;
  display: grid;
  place-items: center;
  text-align: center;
  color: #fff;
  overflow: clip;
  isolation: isolate;
}
/* Background image + overlay */
.property-hero::before{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(10,12,28,.15), rgba(10,12,28,.65)),
    url('https://images.unsplash.com/photo-1505691938895-1758d7feb511?q=80&w=1600&auto=format&fit=crop'); /* change this */
  background-size: cover; background-position: center;
  transform: scale(1.04);
  filter: saturate(105%) contrast(105%);
  z-index:-2;
}
.property-hero::after{
  content:"";
  position:absolute; inset:auto 0 0 0; height:24%;
  background: radial-gradient(120% 60% at 50% 100%, rgba(0,0,0,.35), transparent 70%);
  z-index:-1;
}

.property-hero__container{ width:min(1100px, 92%); margin-inline:auto; }
.property-hero__content{
  display:grid; gap:18px; justify-items:center;
  padding: clamp(30px, 8vw, 60px) 0;
}

/* ===== Heading size updated per device ===== */
.property-hero h1{
  font-size: 1.5rem; /* default = tablet & laptop */
  line-height: 1.05; font-weight: 800; letter-spacing: -0.02em;
  text-wrap: balance;
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
}
/* .property-hero p{ color:#e8eeff; opacity:.9; max-width:70ch; } */

.property-hero__buttons{
  display:flex; gap:12px; flex-wrap:wrap; justify-content:center;
  margin-top: 6px;
}

.property-hero__btn{
  appearance:none; border:0; cursor:pointer; font-weight:700;
  padding: 14px 20px; border-radius: 14px;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
.property-hero__btn--primary{
  background: orange;
  color:#fff; box-shadow: 0 12px 28px rgba(47,111,237,.45);
}
.property-hero__btn--primary:hover{ transform: translateY(-2px); }
.property-hero__btn--primary:active{ transform: translateY(0); box-shadow: 0 8px 18px rgba(47,111,237,.45); }

.property-hero__btn--secondary{
  background: rgba(255,255,255,.14);
  color:#fff; border:1px solid rgba(255,255,255,.35);
  backdrop-filter: blur(6px);
}
.property-hero__btn--secondary:hover{ background: rgba(255,255,255,.22); transform: translateY(-2px); }
.property-hero__btn--secondary:active{ transform: translateY(0); }

/* ---- Responsive tweaks ---- */
@media (max-width:640px){
  .property-hero{ min-height: 86vh; }
  .property-hero__buttons{ gap:10px; }
  .property-hero__btn{ width: 100%; max-width: 320px; }
  .property-hero h1{ font-size: 1.5rem; } /* mobile */
}

@media (min-width:641px){
  .property-hero h1{ font-size: 3rem; } /* tablet & laptop */
}


/* ////-----section1-----/////// */
.property-section-1{
  background: var(--ps1-bg);
  padding: 56px 20px;
}

.property-section-1__container{
  max-width: 1200px;
  margin: 0 auto;
}

.property-section-1__header{
  text-align: center;
  margin-bottom: 18px;
}

.property-section-1__header h2{
  font-size: clamp(1.6rem, 2.4vw + 1rem, 2.4rem);
  margin-bottom: 10px;
  color: var(--ps1-text);
  letter-spacing: 0.2px;
}

.property-section-1__header p{
  font-size: clamp(0.95rem, 0.6vw + 0.7rem, 1.1rem);
  color: var(--ps1-muted);
  max-width: 760px;
  margin: 0 auto;
}

.property-section-1__cards{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 22px;
  margin-top: 26px;
}

.property-section-1__card{
  background: var(--ps1-card-bg);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
  transition: transform .35s ease, box-shadow .35s ease;
  position: relative;
  isolation: isolate;
  will-change: transform;
}

.property-section-1__card:hover{
  transform: translateY(-6px) rotateX(1deg);
  box-shadow: 0 20px 60px rgba(0,0,0,0.12);
}

/* Unique image frame + overlay style */
.property-section-1__img-wrap{
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.property-section-1__img-wrap::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.35) 100%);
   
  transition: opacity .35s ease;
  z-index: 1;
}

.property-section-1__card:hover .property-section-1__img-wrap::before{
  opacity: 1;
}

.property-section-1__img{
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
  transform: scale(1.02);
  transition: transform .5s ease, filter .4s ease;
  filter: saturate(1.05) contrast(1.02);
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* Subtle alternate edge style for variety */
.property-section-1__img-wrap--alt .property-section-1__img{
  clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
}

.property-section-1__card:hover .property-section-1__img{
  transform: scale(1.06);
  filter: saturate(1.1);
}

/* Badges + Tags (glass chips) */
.property-section-1__badge,
.property-section-1__tag{
  position: absolute;
  z-index: 2;
  top: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #fff;
  user-select: none;
  letter-spacing: 0.2px;
}

.property-section-1__badge{
  left: 12px;
  background: linear-gradient(135deg, rgba(255,111,97,.95), rgba(255,111,97,.6));
  box-shadow: 0 4px 12px var(--ps1-ring);
}

.property-section-1__tag{
  right: 12px;
  background: rgba(17,24,39,.5);
  border: 1px solid rgba(255,255,255,.25);
}

/* Text area */
.property-section-1__text{
  padding: 18px 18px 22px;
  text-align: left;
}

.property-section-1__title{
  font-size: 1.1rem;
  color: var(--ps1-text);
  margin: 0 0 6px;
  font-weight: 800;
  letter-spacing: .2px;
}

.property-section-1__desc{
  font-size: 0.98rem;
  color: var(--ps1-muted);
  margin: 0 0 14px;
  line-height: 1.55;
}

/* CTA button */
.property-section-1__cta{
  display: inline-block;
  background-color: var(--ps1-brand);
  color: #fff;
  padding: 10px 16px;
  text-decoration: none;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.92rem;
  transition: background-color .25s ease, transform .2s ease, box-shadow .25s ease;
  box-shadow: 0 8px 18px var(--ps1-ring);
}

.property-section-1__cta:hover{
  background-color: var(--ps1-brand-dark);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px var(--ps1-ring);
}

/* Responsive tweaks */
@media (max-width: 768px){
  .property-section-1{ padding: 44px 16px; }
  .property-section-1__img{ height: 220px; }
  .property-section-1__text{ padding: 16px; }
}

@media (max-width: 480px){
  .property-section-1__img{ height: 200px; }
}

/* Make the image wrapper a fixed-height stage for layered images */
.property-section-1__img-wrap{
  position: relative;
  height: 240px;            /* keeps layout stable */
}

/* Layer both images on top of each other */
.property-section-1__img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;            /* full cover */
  object-fit: cover;
  display: block;
  transform: scale(1.02);
  transition: transform .5s ease, filter .4s ease, opacity .35s ease;
  filter: saturate(1.05) contrast(1.02);
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* Secondary image hidden by default */
.property-section-1__img--secondary{
  opacity: 0;
  pointer-events: none;    /* avoid accidental selection */
}

/* On hover/tap state: cross-fade to secondary */
.property-section-1__card:hover .property-section-1__img--secondary,
.property-section-1__card.is-flipped .property-section-1__img--secondary{
  opacity: 1;
}

.property-section-1__card:hover .property-section-1__img--primary,
.property-section-1__card.is-flipped .property-section-1__img--primary{
  opacity: 0;
}

/* Keep your existing alt edge treatment for both images */
.property-section-1__img-wrap--alt .property-section-1__img{
  clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
}

/* Respect existing hover zoom */
.property-section-1__card:hover .property-section-1__img{
  transform: scale(1.06);
  filter: saturate(1.1);
}

/* Responsive heights (same as before, just applied to wrapper) */
@media (max-width: 768px){
  .property-section-1__img-wrap{ height: 220px; }
}
@media (max-width: 480px){
  .property-section-1__img-wrap{ height: 200px; }
}













/* section 2 */
.property-loction-section-2 {
  background: var(--pl2-bg);
  color: var(--pl2-text);
  padding-bottom: 50px;
  overflow: hidden;
}

.property-loction-section-2__container {
  width: min(1200px, 90%);
  margin: auto;
}

.property-loction-section-2__header {
  text-align: center;
  margin-bottom: clamp(30px, 6vw, 60px);
}

.property-loction-section-2__header h2 {
  font-size: clamp(26px, 4vw, 42px);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.property-loction-section-2__header h2 span {
  color: var(--pl2-accent);

}

.property-loction-section-2__header h2 span::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  height: 6px;
  background: rgba(61, 122, 254, 0.4);
  border-radius: 6px;
  z-index: -1;
}

.property-loction-section-2__header p {
  color: var(--pl2-muted);
  font-size: 16px;
  margin-top: 8px;
}

.property-loction-section-2__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
}

.property-loction-section-2__card {
  position: relative;
  overflow: hidden;
  border-radius: var(--pl2-radius);
  border: 1px solid var(--pl2-border);
  aspect-ratio: 4 / 3;
  cursor: pointer;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}

.property-loction-section-2__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.05);
  transition: transform 0.6s ease;
}

.property-loction-section-2__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 100%);
  z-index: 1;
}

.property-loction-section-2__info {
  position: absolute;
  bottom: 25px;
  left: 25px;
  z-index: 2;
  color: #fff;
}

.property-loction-section-2__info h3 {
  font-size: 22px;
  margin: 0 0 3px;
  font-weight: 700;
}

.property-loction-section-2__info p {
  margin: 0;
  font-size: 14px;
  color: var(--pl2-muted);
}

.property-loction-section-2__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
}

.property-loction-section-2__card:hover img {
  transform: scale(1.15);
}

.property-loction-section-2__card:hover .property-loction-section-2__overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 100%);
}

@media (max-width: 768px) {
  .property-loction-section-2__info h3 {
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  .property-loction-section-2__info {
    bottom: 16px;
    left: 16px;
  }
  .property-loction-section-2__info h3 {
    font-size: 18px;
  }
}


/* section 3 */
.property-quickview{
  background:
    radial-gradient(1200px 700px at 10% 0%, rgba(124,92,255,.18), transparent 60%),
    radial-gradient(900px 600px at 100% 10%, rgba(33,212,253,.16), transparent 60%),
    var(--pqv-bg);
  padding:42px 18px;
}

.property-quickview__shell{
  position:relative; max-width:1100px; margin:0 auto;
  border:1px solid var(--pqv-border); border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow:var(--pqv-shadow); overflow:hidden;
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
}

/* Neon edge */
.property-quickview__edge{
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg, var(--pqv-accent), var(--pqv-accent-2));
  opacity:.3; mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  padding:1px; border-radius:18px; box-sizing:border-box;
}

/* Header */
.property-quickview__header{
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:18px 20px 10px;
  flex-wrap:wrap;
}
.property-quickview__header h2{
  margin:0; font-size:clamp(1.1rem, 1.1rem + 1vw, 1.6rem); color:var(--pqv-text);
  letter-spacing:.2px;
}
.property-quickview__meta{ display:flex; flex-wrap:wrap; gap:8px; }

.property-quickview__badge{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; font-size:.78rem; font-weight:700;
  color:var(--pqv-text);
  background:rgba(255,255,255,.08); border:1px solid var(--pqv-border);
  border-radius:999px; backdrop-filter:blur(6px);
}
.property-quickview__badge--verify{
  color:#e9efff;
  background:linear-gradient(135deg, rgba(124,92,255,.25), rgba(33,212,253,.18));
  border:1px solid rgba(124,92,255,.35);
}

/* FLEX LIST */
.property-quickview__list{
  display:flex; flex-wrap:wrap; gap:14px;
  padding:12px 16px 18px 16px;
}

/* Each item card */
.property-quickview__item{
  display:flex; align-items:center; gap:10px;
  padding:14px 12px; border-radius:14px;
  background:var(--pqv-card); border:1px solid var(--pqv-border);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  /* responsive sizing via flex-basis */
  flex:1 1 calc(20% - 14px);          /* ~5 per row on wide screens */
  min-width:260px;                     /* wrap earlier on smaller widths */
  max-width:100%;
}
.property-quickview__item:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 28px rgba(124,92,255,.15);
  border-color:rgba(124,92,255,.35);
}

.property-quickview__icon{
  height:36px; width:36px; border-radius:10px; display:grid; place-items:center;
  color:#fff; flex:0 0 36px;
  background:linear-gradient(135deg, var(--pqv-accent), var(--pqv-accent-2));
  box-shadow:0 6px 18px rgba(33,212,253,.22);
}

.property-quickview__content{ min-width:0; display:flex; flex-direction:column; gap:2px; }
.property-quickview__label{
  font-size:.78rem; text-transform:uppercase; letter-spacing:.7px; color:var(--pqv-muted);
}
.property-quickview__value{
  color:var(--pqv-text); font-weight:700; letter-spacing:.2px; line-height:1.3;
  display:flex; align-items:center; flex-wrap:wrap; gap:8px;
}

.property-quickview__chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:4px 8px; font-size:.72rem; font-weight:800; border-radius:999px;
  letter-spacing:.2px; color:#0c1b12; background:rgba(34,197,94,.2);
  border:1px solid rgba(34,197,94,.35);
}
.property-quickview__chip--ok{ background:rgba(34,197,94,.25); }

/* ID + copy */
.property-quickview__value--id{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.property-quickview__copy{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; font-size:.75rem; font-weight:800; color:var(--pqv-text);
  background:rgba(255,255,255,.08); border:1px solid var(--pqv-border);
  border-radius:999px; cursor:pointer;
  transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.property-quickview__copy:hover{
  transform:translateY(-1px);
  border-color:rgba(124,92,255,.4);
  box-shadow:0 6px 18px rgba(124,92,255,.18);
}
.property-quickview__copy:active{ transform:translateY(0); }

/* Mobile tweaks */
@media (max-width:480px){
  .property-quickview__item{ min-width:100%; flex-basis:100%; }
}
@media (prefers-reduced-motion: reduce){
  .property-quickview__item,.property-quickview__copy{ transition:none; }
}

/* section 3 */

.property-floorplan-section-3 {
  background: var(--pfp3-bg);
  color: var(--pfp3-text);

}

.property-floorplan-section-3__container {
  width: min(1200px, 92%);
  margin: auto;
}

.property-floorplan-section-3__header {
  text-align: center;
  margin-bottom: clamp(30px, 6vw, 60px);
}

.property-floorplan-section-3__header h2 {
  font-size: clamp(26px, 4vw, 42px);
  font-weight: 800;
  letter-spacing: -0.02em;

}

.property-floorplan-section-3__header h2 span {
  color: var(--pfp3-accent);
  position: relative;
  text-decoration: none;
}

.property-floorplan-section-3__header h2 span::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 3px;
  height: 5px;
  background: rgba(47, 111, 237, 0.25);
  border-radius: 4px;
  z-index: -1;
}

.property-floorplan-section-3__header p {
  color: var(--pfp3-muted);
  font-size: 16px;
  margin-top: 8px;
}

.property-floorplan-section-3__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 28px;
}

.property-floorplan-section-3__card {
  position: relative;
  background: #fff;
  border-radius: var(--pfp3-radius);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  cursor: pointer;
}

.property-floorplan-section-3__card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.property-floorplan-section-3__card:hover img {
  transform: scale(1.08);
}

.property-floorplan-section-3__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.15);
}

.property-floorplan-section-3__info {
  padding: 18px 22px;
}

.property-floorplan-section-3__info h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  color: var(--pfp3-accent);
}

.property-floorplan-section-3__info p {
  margin: 0;
  color: var(--pfp3-muted);
  font-size: 15px;
  line-height: 1.5;
}

@media (max-width: 640px) {
  .property-floorplan-section-3__info h3 { font-size: 18px; }
  .property-floorplan-section-3__info p { font-size: 14px; }
}
/* Remove any underline/highlight just for the span inside H2 */
h2 span{
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background: none !important;       /* removes gradient highlight underlines */
  background-image: none !important;
}

/* In case a pseudo-element draws the line */
h2 span::after,
h2 span::before{
  content: none !important;
}

/* If someone underlined the whole H2 */
h2{
  text-decoration: none !important;
}

/* ===== Floorplan Section-3: compact height + safe footer gap ===== */

/* extra padding so section footer ko touch na kare */
.property-floorplan-section-3{
  padding: 28px 16px 56px; /* bottom padding increased */
}

/* grid spacing thoda kam */
.property-floorplan-section-3__grid{
  gap: 20px; /* was 28px */
}

/* image height reduce (desktop/tab/phone) */
.property-floorplan-section-3__card img{
  height: 180px;           /* was 220px */
}
@media (max-width: 900px){
  .property-floorplan-section-3__card img{ height: 170px; }
}
@media (max-width: 640px){
  .property-floorplan-section-3__card img{ height: 150px; }
}

/* info block compact */
.property-floorplan-section-3__info{
  padding: 14px 16px;      /* was 18px 22px */
}
.property-floorplan-section-3__info h3{
  font-size: 18px;         /* was 20px */
  margin-bottom: 4px;
}
.property-floorplan-section-3__info p{
  font-size: 14px;         /* was 15px */
  line-height: 1.45;
}

/* hover lift thoda soft so height illusion kam लगे */
.property-floorplan-section-3__card:hover{
  transform: translateY(-6px); /* was -8px */
  box-shadow: 0 16px 38px rgba(0,0,0,.13);
}

/* —— Optional: iss section ke H2 ke underline/highlight ko force-remove (scoped) —— */
.property-floorplan-section-3 .property-floorplan-section-3__header h2 span{
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background: none !important;
  background-image: none !important;
}
.property-floorplan-section-3 .property-floorplan-section-3__header h2 span::before,
.property-floorplan-section-3 .property-floorplan-section-3__header h2 span::after{
  content: none !important;
}
.property-floorplan-section-3 .property-floorplan-section-3__header h2{
  text-decoration: none !important;
}