/*
Theme Name: Pan Pan Pampering
Theme URI: https://pampampampering.com.au
Author: OpenAI
Description: Luxury bilingual WordPress homepage theme.
Version: 1.0
Text Domain: panpanpampering
*/

body{
margin:0;
font-family:'Cormorant Garamond', serif;
background:#f8f4ef;
color:#4e3b33;
}

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

nav{
position:fixed;
top:0;
width:100%;
background:rgba(255,255,255,0.95);
padding:20px 0;
z-index:999;
}

.nav-inner{
display:flex;
justify-content:space-between;
align-items:center;
}

.logo{
font-size:42px;
letter-spacing:3px;
color:#8d5f44;
}

.logo span{
display:block;
font-size:14px;
letter-spacing:4px;
}

.nav-links a{
margin-left:30px;
text-decoration:none;
font-size:20px;
color:#5e4438;
}

.hero{
background:url('hero-flyer.jpg') center/cover no-repeat;
min-height:100vh;
display:flex;
align-items:center;
position:relative;
}

.overlay{
position:absolute;
inset:0;
background:rgba(255,248,242,0.65);
}

.hero-content{
position:relative;
z-index:2;
padding-top:120px;
}

.hero-text{
background:rgba(255,255,255,0.85);
padding:60px;
border-radius:30px;
max-width:700px;
}

.hero-text h3{
font-size:34px;
color:#8d5f44;
}

.hero-text h1{
font-size:68px;
line-height:1.05;
}

.hero-text p{
font-size:28px;
line-height:1.5;
}

.buttons{
margin-top:40px;
}

.btn{
display:inline-block;
padding:18px 34px;
border-radius:50px;
text-decoration:none;
margin-right:15px;
font-size:22px;
}

.primary{
background:#b78565;
color:white;
}

.secondary{
border:1px solid #b78565;
color:#8d5f44;
background:white;
}

.features,.services{
padding:110px 0;
}

.section-title{
text-align:center;
margin-bottom:50px;
}

.section-title h2{
font-size:58px;
}

.grid,.service-grid{
display:grid;
gap:30px;
}

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

.service-grid{
grid-template-columns:repeat(3,1fr);
}

.card,.service-card{
background:white;
padding:40px;
border-radius:25px;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
text-align:center;
}

.card h3,.service-card h3{
font-size:30px;
}

.card p,.service-card p{
font-size:22px;
line-height:1.5;
}

.cta{
padding:120px 0;
background:#a67b64;
color:white;
text-align:center;
}

.cta h2{
font-size:58px;
}

.cta p{
font-size:28px;
}

.call-btn{
display:inline-block;
margin-top:30px;
padding:20px 40px;
background:white;
color:#8d5f44;
border-radius:50px;
text-decoration:none;
font-size:28px;
}

footer{
background:#4c3428;
color:#f5e7dd;
padding:70px 0;
text-align:center;
}

footer h3{
font-size:44px;
}

footer p{
font-size:24px;
line-height:1.6;
}

@media(max-width:900px){
.grid,.service-grid{
grid-template-columns:1fr;
}

.hero-text h1{
font-size:42px;
}

.hero-text p{
font-size:22px;
}

.nav-links{
display:none;
}
}