/* THEME */
:root{
--black:#0a0a0a;
--gold:#d4af37;
--bg:#f7f7f7;
--card:#ffffff;
--text:#111;
--muted:#777;
}

*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}

body{background:var(--bg);color:var(--text)}
.container{width:90%;max-width:1200px;margin:auto}

/* NAVBAR */
.navbar{
position:fixed;top:0;width:100%;
background:rgba(255,255,255,0.6);
backdrop-filter: blur(16px);
z-index:1000;
}
.nav-inner{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 0;
}
.logo{
font-family:'Playfair Display',serif;
font-size:26px;
font-weight:700;
}

/* MENU */
.menu a{
margin-left:20px;
text-decoration:none;
color:var(--text);
font-size:14px;
transition:0.3s;
}
.menu a:hover{
color:var(--gold);
}

/* HERO */
.hero{
margin-top:70px;height:75vh;border-radius:28px;
background:linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.5)),
url('https://images.unsplash.com/photo-1501785888041-af3ef285b470') center/cover;
display:flex;align-items:center;justify-content:center;
color:#fff;text-align:center;
}
.hero h1{
font-family:'Playfair Display',serif;
font-size:60px;
}
.hero p{
margin-top:12px;
font-size:16px;
color:#e5e5e5;
}

/* CATEGORY */
.categories{
display:flex;gap:12px;padding:30px 0;overflow-x:auto;
}
.cat{
display:flex;align-items:center;gap:6px;
padding:10px 16px;background:#f1f1f1;border-radius:30px;
cursor:pointer;font-size:13px;
}
.cat.active{background:var(--black);color:#fff}

/* SECTION */
.section{padding:50px 0}
.section-title{
font-size:30px;
margin-bottom:25px;
font-family:'Playfair Display',serif;
}

/* CARDS */
.cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px; /* was 22px */
}
.card{
background:var(--card);
border-radius:18px; /* was 22px */
overflow:hidden;
box-shadow:0 15px 50px rgba(0,0,0,0.1);
transition:0.4s;
}
.card:hover{transform:translateY(-10px) scale(1.02);
box-shadow:0 25px 60px rgba(0,0,0,0.15);}

.card:hover img{
transform:scale(1.1);
}
.slides img{
transition:0.4s;
}

/* FIXED SLIDER */
.slider{
position:relative;
width:100%;
height:190px; /* was 220px */
overflow:hidden;
}
.slides{
display:flex;
transition:0.6s ease;
}
.slides img{
flex:0 0 100%;
width:100%;
height:190px; /* was 220px */
object-fit:cover;
}

/* DOTS */
.dots{
position:absolute;
bottom:10px;
width:100%;
text-align:center;
}
.dot{
height:8px;width:8px;
margin:0 4px;
background:#fff;
border-radius:50%;
display:inline-block;
opacity:0.5;
cursor:pointer;
}
.dot.active{
opacity:1;
background:var(--gold);
}

.card-body{padding:14px}

.card-body h3{
font-size:16px; /* slightly smaller */
}

.card-body p{
font-size:13px;
}

.price{
color:var(--gold);
font-size:16px;
}

/* BUTTON */
.view-btn{
margin-top:12px;
padding:9px;
background:linear-gradient(135deg,#d4af37,#f5d76e);
color:#1e2a38;
border:none;
border-radius:10px;
width:100%;
font-weight:600;
cursor:pointer;
transition:0.3s;
}
.view-btn:hover{
background:linear-gradient(135deg,#f5d76e,#d4af37);
box-shadow:0 10px 30px rgba(212,175,55,0.3);
transform:translateY(-2px);
}

/* OFFER */
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.offer-card{
background:var(--card);
padding:20px;border-radius:18px;border:1px solid #eee;
}

/* WHY */
.why-top{color:var(--muted);margin-bottom:15px}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.why-card{
background:var(--card);
padding:20px;border-radius:18px;border:1px solid #eee;
}

/* TESTIMONIAL */
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testimonial-card{
background:var(--card);
padding:20px;border-radius:20px;
display:flex;
gap:12px;
align-items:flex-start;
}
.testimonial-card img{
width:45px;height:45px;border-radius:50%;
object-fit:cover;
}
.testimonial-text{
font-size:14px;
}
.user-name{
font-weight:600;
margin-top:5px;
font-size:13px;
}

/* CTA */
.cta{
margin:70px 0;
padding:60px;
background:linear-gradient(135deg,#1e2a38,#243b55);
color:#fff;
border-radius:26px;
text-align:center;
box-shadow:0 20px 60px rgba(0,0,0,0.3);
}
.cta h2{font-family:'Playfair Display',serif}

/* FOOTER */
.footer{text-align:center;padding:30px;color:var(--muted)}

/* WHATSAPP */
.wa{
position:fixed;bottom:20px;right:20px;
width:65px;height:65px;background:var(--gold);
border-radius:50%;
display:flex;align-items:center;justify-content:center;
color:#000;font-size:28px;
}

.wa:hover{
transform:scale(1.1);
box-shadow:0 10px 30px rgba(0,0,0,0.3);
}

/* MOBILE */
@media(max-width:900px){
.cards,.offer-grid,.why-grid,.testimonial-grid{grid-template-columns:1fr}
.hero h1{font-size:36px}
}

*{
transition: all 0.25s ease;
}

.highlight{
font-family:'Cormorant Garamond', serif;
font-weight:700;
font-size:1.15em;
letter-spacing:1px;

background:linear-gradient(135deg,#d4af37,#f5d76e);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

text-shadow:0 2px 10px rgba(212,175,55,0.2);
}

.tagline{
font-family:'Lora', serif;
font-size:16px;
letter-spacing:0.5px;
line-height:1.6;
opacity:0.9;

/* subtle luxury effect */
background:linear-gradient(90deg,#ffffff,#f5f5f5);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* LOADER */
#loader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
z-index:9999;
transition:opacity 0.5s ease, visibility 0.5s;
}

.loader-content{
text-align:center;
}

.spinner{
width:50px;
height:50px;
border:4px solid #eee;
border-top:4px solid #d4af37;
border-radius:50%;
animation:spin 1s linear infinite;
margin:auto;
}

@keyframes spin{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}

/*loader*/

#loader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#0f172a;
display:flex;
align-items:center;
justify-content:center;
z-index:9999;
transition:opacity 0.6s ease;
opacity:1;
visibility:visible;
}

.loader-box{
text-align:center;
}

/* SPINNER */
.spinner{
width:45px;
height:45px;
border:3px solid rgba(255,255,255,0.2);
border-top:3px solid #d4af37;
border-radius:50%;
animation:spin 1s linear infinite;
margin:0 auto 25px;
}

@keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}

/* TEXT */
.loader-text p{
font-family:'Playfair Display', serif;
font-size:20px;
color:#fff;
transition:opacity 0.4s ease, transform 0.4s ease;
opacity:1;
}

.fade-out{
opacity:0;
transform:translateY(-10px);
}

.fade-in{
opacity:1;
transform:translateY(0);
}

/*loader End*/