/* Reset & General */
* {margin:0; padding:0; box-sizing:border-box;}
body {
    font-family: 'Segoe UI', Tahoma, sans-serif;
    background:#fcfcfc;
    color:#333;
    line-height:1.6;
    text-align:right;
    overflow-x:hidden;
}
a {text-decoration:none;}

/* HEADER */
header {
    background: linear-gradient(135deg,#ff5fcf,#6a4dff);
    color:white;
    padding:40px 15px;
    text-align:center;
}
header h1 { font-size:1.8em; margin-bottom:15px; }
header .btn-book {
    background:#fff;
    color:#ff5fcf;
    padding:10px 25px;
    border-radius:50px;
    font-weight:bold;
    display:inline-block;
}

/* HERO */
.hero-container { background:#000; }
.hero { position:relative; overflow:hidden; height:350px; }
.hero-slide {
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    transition:1s;
}
.hero-slide.active { opacity:1; }
.hero-slide img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.overlay {
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
}
.hero-content {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff;
    text-align:center;
}
.hero-btn {
    background:#ff5fcf;
    padding:10px 20px;
    border-radius:30px;
    cursor:pointer;
    color:#fff;
}

/* NAV */
nav {
    background:#1a0333;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:10px;
}
.nav-links {
    display:flex;
    gap:10px;
}
nav .tab {
    color:white;
    padding:8px 15px;
    cursor:pointer;
    border-radius:20px;
}
nav .tab.active,
nav .tab:hover {
    background:#ff5fcf;
}

/* Sections */
.tab-content {
    display:none;
    padding:40px 15px;
}
.tab-content.active {
    display:block;
}

/* SERVICES */
.cards {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}
.card {
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    text-align:center;
    cursor:pointer;
}
.card img {
    width:100%;
    height:120px;
    object-fit:cover;
}

/* 🔥 LUXURY ABOUT */
.luxury-section {
    background: linear-gradient(135deg, #0f0f1a, #1a0333);
    color:#fff;
    border-radius:20px;
    padding:50px 20px;
}

.lux-title {
    text-align:center;
    font-size:2em;
    margin-bottom:30px;
    text-shadow:0 0 15px rgba(255,95,207,0.6);
}

.lux {
    text-align:center;
    margin-bottom:15px;
    opacity:0;
    transform:translateY(40px);
    transition:all 0.8s ease;
}

.lux.show {
    opacity:1;
    transform:translateY(0);
}

.delay1 {transition-delay:0.2s;}
.delay2 {transition-delay:0.4s;}
.delay3 {transition-delay:0.6s;}
.delay4 {transition-delay:0.8s;}

.highlight {
    color:#ff5fcf;
    font-weight:bold;
    font-size:1.3em;
}

/* ✅ GALLERY FIXED */
.slider {
    position:relative;
    overflow:hidden;
    width:100%;
    max-width:600px;
    margin:0 auto;
    border-radius:10px;
}

.slides {
    display:flex;
    transition:transform 0.5s ease-in-out;
}

.slides img {
    width:100%;
    flex: 0 0 100%;
    height:280px;
    object-fit:cover;
}

/* buttons RTL */
.prev, .next {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    color:#ff5fcf;
    border:none;
    width:40px;
    height:40px;
    border-radius:50%;
    cursor:pointer;
}

.prev { right:10px; }
.next { left:10px; }

/* CONTACT */
iframe {
    border-radius:15px;
    margin-top:15px;
}

/* WhatsApp */
.whatsapp-float {
    position:fixed;
    bottom:20px;
    left:20px;
    background:#25D366;
    color:white;
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.5em;
}

/* FOOTER */
footer {
    background:#1a0333;
    color:white;
    padding:20px;
    text-align:center;
}

/* Responsive */
@media(min-width:768px){
    .cards { grid-template-columns:repeat(4,1fr); }
    .hero { height:450px; }
    .slides img { height:400px; }
}