:root{
 --dark:#061528;
 --blue:#0b5cff;
 --gold:#f5b301;
 --green:#0f766e;
 --bg:#f6f8fb;
 --text:#0f172a;
 --muted:#64748b;
 --border:#e5e7eb;
 --radius:28px;
 --shadow:0 28px 90px rgba(15,23,42,.14);
}

body{
 margin:0;
 font-family:Inter,Arial,sans-serif;
 background:var(--bg);
 color:var(--text);
}

a{text-decoration:none;color:inherit}

.v4-wrap{padding-left:6%;padding-right:6%}

.v4-section{padding:85px 6%}

.v4-header{
 position:sticky;
 top:0;
 z-index:1000;
 background:rgba(6,21,40,.96);
 backdrop-filter:blur(16px);
 color:white;
}

.v4-nav{
 height:88px;
 display:flex;
 align-items:center;
 justify-content:space-between;
}

.v4-logo{
 display:flex;
 align-items:center;
 gap:14px;
 font-weight:900;
}

.v4-logo img{height:62px}

.v4-menu{
 display:flex;
 align-items:center;
 gap:24px;
}

.v4-menu a{
 color:#e5e7eb;
 font-weight:800;
 font-size:14px;
}

.v4-menu a:hover{color:var(--gold)}

.v4-btn{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 border:0;
 border-radius:16px;
 padding:14px 22px;
 background:var(--gold);
 color:var(--dark);
 font-weight:900;
 cursor:pointer;
}

.v4-btn.dark{background:var(--dark);color:white}
.v4-btn.blue{background:var(--blue);color:white}

.v4-hero{
 min-height:88vh;
 position:relative;
 display:flex;
 align-items:center;
 color:white;
 overflow:hidden;
 background:
 linear-gradient(120deg,rgba(6,21,40,.92),rgba(11,92,255,.45),rgba(15,118,110,.25)),
 url('/media-gallery/2024-10-22-10-1.jpg') center/cover no-repeat;
}

.v4-hero h1{
 font-size:76px;
 line-height:1;
 max-width:950px;
 margin:16px 0;
}

.v4-hero p{
 font-size:21px;
 line-height:1.8;
 max-width:760px;
 color:#e5e7eb;
}

.v4-kicker{
 color:var(--gold);
 font-weight:900;
 letter-spacing:.16em;
 text-transform:uppercase;
 font-size:13px;
}

.v4-search{
 margin:-75px 6% 0;
 position:relative;
 z-index:20;
 background:white;
 border-radius:32px;
 padding:26px;
 box-shadow:var(--shadow);
}

.v4-search form{
 display:grid;
 grid-template-columns:2fr 1fr 1fr 1fr auto;
 gap:14px;
}

.v4-search input,
.v4-search select{
 width:100%;
 padding:17px;
 border:1px solid var(--border);
 border-radius:16px;
 font-size:15px;
}

.v4-title{
 display:flex;
 justify-content:space-between;
 align-items:end;
 gap:24px;
 margin-bottom:35px;
}

.v4-title h2{
 font-size:44px;
 line-height:1.1;
 margin:0;
 color:var(--dark);
}

.v4-title p{
 color:var(--muted);
 line-height:1.7;
}

.v4-grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:24px;
}

.v4-card{
 background:white;
 border:1px solid var(--border);
 border-radius:var(--radius);
 overflow:hidden;
 box-shadow:var(--shadow);
}

.v4-card-img{
 height:310px;
 background-size:cover;
 background-position:center;
}

.v4-card-body{padding:26px}

.v4-card h3{
 color:var(--dark);
 font-size:24px;
 margin:0 0 10px;
}

.v4-card p{
 color:var(--muted);
 line-height:1.7;
}

.v4-footer{
 background:var(--dark);
 color:white;
 padding:60px 6% 25px;
 margin-top:80px;
}

@media(max-width:1000px){
 .v4-menu{display:none}
 .v4-hero h1{font-size:44px}
 .v4-search form,.v4-grid{grid-template-columns:1fr}
}

/* ===========================
   V4 RESPONSIVE FIXES
   Phone / Tablet / PC
=========================== */

.v4-mobile-toggle{
 display:none;
 background:#f5b301;
 color:#061528;
 border:0;
 border-radius:14px;
 padding:12px 15px;
 font-weight:900;
 cursor:pointer;
}

@media(max-width:1100px){
 .v4-nav{
  height:auto;
  min-height:82px;
  flex-wrap:wrap;
  padding-top:12px;
  padding-bottom:12px;
 }

 .v4-mobile-toggle{
  display:block;
 }

 .v4-menu{
  display:none;
  width:100%;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  padding:15px 0;
 }

 .v4-menu.open{
  display:flex;
 }

 .v4-menu a,
 .v4-menu form,
 .v4-menu button{
  width:100%;
 }

 .v4-menu a{
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.1);
 }

 .v4-logo img{
  height:54px;
 }

 .v4-logo span{
  font-size:14px;
 }
}

@media(max-width:900px){
 .v4-section{
  padding:55px 5%;
 }

 .v4-wrap{
  padding-left:5%;
  padding-right:5%;
 }

 .v4-hero{
  min-height:70vh;
 }

 .v4-hero h1{
  font-size:40px;
  line-height:1.08;
 }

 .v4-hero p{
  font-size:17px;
 }

 .v4-title{
  display:block;
 }

 .v4-title h2{
  font-size:32px;
 }

 .cards,
 .grid,
 .v4-grid{
  grid-template-columns:1fr!important;
 }

 .v4-search{
  margin:-35px 5% 0;
  padding:18px;
 }

 .v4-search form{
  grid-template-columns:1fr!important;
 }

 .v4-search button,
 .v4-btn{
  width:100%;
 }

 .v4-card-img,
 .thumb,
 .iph-property-image{
  height:240px!important;
 }

 .fields{
  grid-template-columns:1fr!important;
 }

 table{
  font-size:13px;
 }
}

@media(min-width:901px) and (max-width:1200px){
 .v4-grid,
 .grid{
  grid-template-columns:repeat(2,1fr)!important;
 }

 .cards{
  grid-template-columns:repeat(2,1fr)!important;
 }

 .v4-hero h1{
  font-size:56px;
 }

 .v4-search form{
  grid-template-columns:1.5fr 1fr 1fr 1fr;
 }

 .v4-search form button{
  grid-column:1 / -1;
 }
}

@media(min-width:1201px){
 .cards{
  grid-template-columns:repeat(3,1fr);
 }

 .v4-grid{
  grid-template-columns:repeat(4,1fr);
 }
}


.iph-search-form.enhanced{
 grid-template-columns:2fr 1fr 1.2fr 1fr .7fr 1fr 1fr auto;
}

@media(max-width:1200px){
 .iph-search-form.enhanced{
  grid-template-columns:1fr 1fr;
 }
 .iph-search-form.enhanced button{
  grid-column:1 / -1;
  padding:16px;
 }
}

@media(max-width:700px){
 .iph-search-form.enhanced{
  grid-template-columns:1fr;
 }
 .iph-search-form.enhanced button{
  grid-column:auto;
 }
}

/* ===========================
   IPH V4 STRONG VISUAL OVERRIDE
=========================== */

body{
 background:#f4f7fb!important;
 font-family:Inter,Arial,sans-serif!important;
}

.v4-header{
 background:#061528!important;
 box-shadow:0 10px 40px rgba(0,0,0,.22)!important;
}

.v4-nav{
 max-width:1500px;
 margin:auto;
}

.v4-hero{
 min-height:92vh!important;
 background:
 linear-gradient(120deg,rgba(6,21,40,.96),rgba(11,92,255,.58),rgba(15,118,110,.28)),
 url('/media-gallery/2024-10-22-10-1.jpg') center/cover no-repeat!important;
}

.v4-hero::after{
 content:"";
 position:absolute;
 inset:auto 0 0 0;
 height:160px;
 background:linear-gradient(transparent,#f4f7fb);
}

.v4-hero .v4-wrap{
 position:relative;
 z-index:3;
}

.v4-hero h1{
 font-size:82px!important;
 max-width:1050px!important;
 font-weight:900!important;
 letter-spacing:-2px;
}

.v4-hero p{
 font-size:22px!important;
 max-width:820px!important;
}

.v4-search{
 margin:-95px auto 0!important;
 max-width:1420px!important;
 border:1px solid rgba(255,255,255,.35)!important;
 box-shadow:0 35px 120px rgba(15,23,42,.25)!important;
}

.v4-section{
 max-width:1500px;
 margin:auto;
}

.v4-title h2{
 font-size:52px!important;
 letter-spacing:-1.4px;
}

.v4-card,
.iph-property-card,
.panel,
.item,
.card{
 border-radius:34px!important;
 box-shadow:0 30px 100px rgba(15,23,42,.16)!important;
 border:1px solid #e2e8f0!important;
 overflow:hidden;
}

.v4-card:hover,
.iph-property-card:hover,
.card:hover,
.item:hover{
 transform:translateY(-8px);
 transition:.25s;
 box-shadow:0 45px 130px rgba(15,23,42,.24)!important;
}

.v4-card-img,
.thumb,
.iph-property-image{
 height:340px!important;
}

.v4-btn,
.btn,
.searchbtn,
.submit-premium{
 background:#f5b301!important;
 color:#061528!important;
 border-radius:18px!important;
 font-weight:900!important;
 border:0!important;
}

.v4-btn.dark,
.btn.dark{
 background:#061528!important;
 color:white!important;
}

.v4-footer{
 background:#020b18!important;
 padding:70px 6% 35px!important;
}

@media(max-width:900px){
 .v4-hero{
  min-height:72vh!important;
 }
 .v4-hero h1{
  font-size:42px!important;
  letter-spacing:-.8px;
 }
 .v4-title h2{
  font-size:34px!important;
 }
 .v4-card-img,
 .thumb,
 .iph-property-image{
  height:240px!important;
 }
}

