body{
font-family:Arial, Helvetica, sans-serif;
margin:0;
background:#f5f5f5;
color:#333;
}

/* layout */

.container{
width:90%;
max-width:1100px;
margin:auto;
}

h1,h2,h3{
margin-top:0;
}

/* hero */

.hero{
height:80vh;
background:url("images/front.webp") center/cover no-repeat;
display:flex;
align-items:center;
justify-content:center;
}

.hero-overlay{
background:rgba(0,0,0,.6);
padding:40px;
text-align:center;
color:white;
max-width:600px;
}

.hero h1{
font-size:34px;
margin-bottom:10px;
}

.hero h2{
font-size:28px;
color:#00e676;
}

/* CTA */

.cta{
display:inline-block;
margin-top:20px;
background:#00e676;
color:#000;
padding:14px 26px;
text-decoration:none;
font-weight:bold;
border-radius:6px;
}

.cta:hover{
background:#00c853;
}

/* sections */

.about{
padding:60px 0;
background:white;
}

.details{
padding:60px 0;
}

/* grid */

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
}

/* cards */

.detail-card{
background:white;
padding:20px;
border-radius:6px;
text-align:center;
box-shadow:0 2px 8px rgba(0,0,0,.1);
}

/* gallery */

.gallery{
padding:60px 0;
background:white;
}

.gallery-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:12px;
margin-top:20px;
}

.gallery-grid img{
width:100%;
height:180px;
object-fit:cover;
cursor:pointer;
border-radius:4px;
transition:transform .2s;
}

.gallery-grid img:hover{
transform:scale(1.03);
}

/* 360 tour button */

.tour-btn{
display:inline-block;
margin-bottom:20px;
padding:14px 22px;
background:#0a84ff;
color:white;
text-decoration:none;
font-weight:bold;
border-radius:6px;
}

.tour-btn:hover{
background:#006be0;
}

/* lightbox */

.lightbox{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0,.9);
display:none;
align-items:center;
justify-content:center;
z-index:1000;
}

.lightbox img{
max-width:90%;
max-height:90%;
}

/* contact */

.contact{
padding:60px 0;
}

form{
display:flex;
flex-direction:column;
gap:12px;
max-width:500px;
}

input,select,textarea{
padding:12px;
font-size:16px;
border:1px solid #ccc;
border-radius:4px;
}

textarea{
min-height:120px;
}

button{
background:#00e676;
border:none;
padding:14px;
font-size:16px;
cursor:pointer;
border-radius:4px;
font-weight:bold;
}

button:hover{
background:#00c853;
}

/* captcha */

.captcha{
display:flex;
gap:10px;
align-items:center;
margin-top:10px;
}

.captcha label{
font-weight:bold;
}

/* honeypot */

.honeypot{
display:none;
}

/* contact info */

.contact-info{
margin-top:20px;
font-weight:bold;
}

/* footer */

footer{
text-align:center;
padding:25px;
background:#111;
color:white;
margin-top:40px;
}

/* responsive */

@media(max-width:768px){

.hero{
height:65vh;
}

.hero-overlay{
padding:25px;
}

.hero h1{
font-size:26px;
}

.hero h2{
font-size:22px;
}

.gallery-grid img{
height:150px;
}

}