/*
 Luxury Wellness Spa - Premium style.css
 Replace or extend as needed.
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root{
  --gold:#C59D5F;
  --dark:#111;
  --light:#fff;
  --gray:#f7f7f7;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;line-height:1.7;color:#333;background:#fff;overflow-x:hidden}

.container{max-width:1320px;margin:auto;padding:0 15px}

.navbar{background:rgba(0,0,0,.8);backdrop-filter:blur(8px)}
.navbar-brand,.nav-link{color:#fff!important}
.nav-link:hover{color:var(--gold)!important}

.hero{
 min-height:100vh;
 display:flex;
 align-items:center;
 color:#fff;
 background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),
 url('../images/hero-bg.jpg') center/cover no-repeat;
}

.hero-image{
 max-width:520px;
 width:100%;
 border-radius:24px;
 box-shadow:0 20px 50px rgba(0,0,0,.35);
}

section{padding:90px 0}

.card{
 border:none;
 border-radius:20px;
 overflow:hidden;
 transition:.35s;
 box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.card:hover{transform:translateY(-8px)}

img{
 max-width:100%;
 display:block;
 border-radius:20px;
 transition:.35s;
}
img:hover{
 transform:scale(1.03);
}

.btn-warning{
 background:var(--gold);
 border:none;
 color:#fff;
 border-radius:40px;
 padding:12px 28px;
}
.btn-warning:hover{background:#ab844c;color:#fff}

.whatsapp-btn,.call-btn{
 position:fixed;
 right:20px;
 width:60px;
 height:60px;
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 color:#fff;
 text-decoration:none;
 z-index:9999;
 box-shadow:0 10px 25px rgba(0,0,0,.25);
}
.whatsapp-btn{bottom:20px;background:#25D366;font-size:30px}
.call-btn{bottom:90px;background:var(--gold);font-size:26px}

footer{
 background:#111;
 color:#ddd;
 text-align:center;
 padding:40px 0;
}

@media(max-width:991px){
.hero{text-align:center}
.hero h1{font-size:42px}
.hero-image{margin-top:40px}
}

@media(max-width:768px){
.container{padding:0 20px}
.hero h1{font-size:34px}
.btn-warning{width:100%}
}
/* ====== Luxury Theme ====== */

body{
    background:#f7f4ef;
}

/* Hero */
.hero{
    background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),
    url("../images/hero-bg.jpg") center center/cover no-repeat;
}

/* Sections */
.about,
.gallery,
.contact{
    background:#ffffff;
}

.services,
.team{
    background:#f8f5ef;
}

.pricing{
    background:#111111;
    color:#ffffff;
}

/* Cards */
.card{
    border-radius:20px;
    border:2px solid #d4af37;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.card:hover{
    transform:translateY(-8px);
    transition:.4s;
}

/* Images */
img{
    width:100%;
    border-radius:20px;
    border:4px solid #d4af37;
    box-shadow:0 15px 30px rgba(0,0,0,.20);
    transition:.4s;
}

img:hover{
    transform:scale(1.03);
}

/* WhatsApp */
.whatsapp-btn{
    position:fixed;
    right:20px;
    bottom:20px;
    width:65px;
    height:65px;
    background:#25D366;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:30px;
    text-decoration:none;
    z-index:9999;
}

/* Call */
.call-btn{
    position:fixed;
    right:20px;
    bottom:95px;
    width:65px;
    height:65px;
    background:#d4af37;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:28px;
    text-decoration:none;
    z-index:9999;
}