/* ==========================
   HOME HERO SECTION
========================== */

.luxury-hero{
    position:relative;
    height:85vh;
    min-height:700px;
    background:url('/images/hotel-luxury-hero.png') center center/cover no-repeat;
    overflow:hidden;
}

.luxury-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.luxury-content{
    position:relative;
    z-index:2;
    max-width:1200px;
    margin:auto;
    padding:120px 40px;
    color:#fff;
}

.luxury-content h1{
    font-size:4rem;
    line-height:1.1;
    margin-bottom:20px;
    color:#fff;
}

.luxury-content p{
    max-width:700px;
    font-size:1.15rem;
    color:#f5f5f5;
    margin-bottom:30px;
}

.hero-tag{
    display:inline-block;
    margin-bottom:20px;
    padding:8px 16px;
    background:rgba(255,255,255,.15);
    border-radius:30px;
    color:#fff;
}

/* ==========================
   TRUST SECTION
========================== */

.trust-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin:40px 0;
}

.trust-item{
    background:#fff;
    padding:30px 20px;
    border-radius:12px;
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s ease;
    border-top:4px solid #C8A96A;
    font-weight:600;
}

.trust-item:hover{
    transform:translateY(-5px);
}

.trust-item .number{
    display:block;
    font-size:32px;
    font-weight:700;
    color:#C8A96A;
    margin-bottom:10px;
}

/* ==========================
   CATEGORY SECTION
========================== */

.categories-section{
    padding:90px 20px;
    background:#f8f6f2;
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.category-card{
    position:relative;
    height:380px;
    border-radius:14px;
    overflow:hidden;
    display:block;
    text-decoration:none;
    box-shadow:0 8px 25px rgba(0,0,0,.12);
}

.category-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.category-card:hover img{
    transform:scale(1.08);
}

.card-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:30px;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.85),
        rgba(0,0,0,.45),
        transparent
    );
    color:#fff;
}

.card-overlay h3{
    margin:0 0 10px;
    color:#fff;
    font-size:1.5rem;
}

.card-overlay p{
    margin:0;
    color:rgba(255,255,255,.9);
    line-height:1.6;
}

.category-card::after{
    content:"Explore";
    position:absolute;
    top:20px;
    right:20px;
    background:#C8A96A;
    color:#fff;
    padding:8px 14px;
    border-radius:30px;
    font-size:12px;
    opacity:0;
    transition:.3s;
}

.category-card:hover::after{
    opacity:1;
}

/* ==========================
   ABOUT SECTION
========================== */

.about-section{
    max-width:1200px;
    margin:100px auto;
    padding:0 20px;
}

.about-wrapper{
    display:grid;
    grid-template-columns:1.3fr 1fr;
    gap:50px;
    align-items:start;
}

.about-content p{
    margin-bottom:20px;
    color:#555;
    line-height:1.9;
}

.about-btn{
    display:inline-block;
    margin-top:15px;
    background:#C8A96A;
    color:#fff;
    padding:14px 30px;
    border-radius:40px;
    font-weight:600;
    transition:.3s;
}

.about-btn:hover{
    background:#b39256;
}

.about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.feature-card{
    background:#fff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}

.feature-card:hover{
    transform:translateY(-5px);
}

.feature-card span{
    display:block;
    font-size:32px;
    font-weight:700;
    color:#C8A96A;
    margin-bottom:10px;
}

.feature-card h3{
    margin-bottom:10px;
}

.feature-card p{
    color:#666;
    line-height:1.7;
}

/* ==========================
   HOME PAGE CTA
========================== */

.home-cta{
    background:linear-gradient(
        135deg,
        #1a1a1a,
        #2b2b2b
    );

    color:#fff;
    text-align:center;
    padding:80px 20px;
    border-radius:20px;
}

.home-cta h2{
    color:#fff;
    margin-bottom:20px;
}

.home-cta p{
    max-width:700px;
    margin:0 auto 30px;
    color:#ddd;
}

.home-cta a{
    display:inline-block;
    background:#C8A96A;
    color:#fff;
    padding:15px 35px;
    border-radius:40px;
    font-weight:600;
    transition:.3s;
}

.home-cta a:hover{
    background:#b39256;
}

/* ==========================
   RESPONSIVE
========================== */

@media(max-width:992px){

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

    .about-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .luxury-hero{
        min-height:550px;
    }

    .luxury-content{
        padding:80px 25px;
    }

    .luxury-content h1{
        font-size:2.4rem;
    }

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

    .category-grid{
        grid-template-columns:1fr;
    }

    .about-features{
        grid-template-columns:1fr;
    }

    .category-card{
        height:320px;
    }

}

@media(max-width:480px){

    .trust-grid{
        grid-template-columns:1fr;
    }

}
section {
      max-width: 1100px;
      margin: 60px auto;
      padding: 0 20px;
    }
    h2 {
      font-size: 1.8rem;
      color: #cf9508;
      margin-bottom: 15px;
    }
    .gallery {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 20px;
    }
    
    .gallery img {
     width: 100%;
     height: 180px;      
     object-fit: cover;
     border-radius: 10px;
     transition: transform 0.3s ease;
    }

    
    .gallery img:hover {
      transform: scale(1.04);
    }