/* ========== RESET ========== */
    * { margin:0; padding:0; box-sizing:border-box; font-family:'Poppins', sans-serif;}
    body {background:#fefcf5; color:#333;}

    /* ========== HEADER ========== */
    header {background:rgba(255,255,255,0.95); position:fixed; top:0; width:100%; z-index:1000; box-shadow:0 2px 10px rgba(0,0,0,0.1);}
    .nav-container {display:flex; justify-content:space-between; align-items:center; max-width:1200px; margin:0 auto; padding:0.5rem 1rem;}
    .nav-logo img {height:50px;}
    .nav-links {display:flex; list-style:none; gap:1.5rem;}
    .nav-links a {text-decoration:none; color:#1a3853; font-weight:500; transition:0.3s;}
    .nav-links a:hover {color:#ff8c42;}
    .burger {display:none; font-size:1.5rem; cursor:pointer;}

    /* ========== HERO ========== */
    .home-intro-section {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; min-height:90vh; padding:6rem 1rem; background:linear-gradient(135deg, #ffe3c5 0%, #fff8f0 100%);}
    .text-content {flex:1 1 400px; max-width:600px; text-align:center; margin-bottom:2rem;}
    .text-content h2 {font-size:2.8rem; color:#1a3853; margin-bottom:1rem;}
    .text-content h2 span {color:#ff8c42;}
    .text-content p {font-size:1.2rem; margin-bottom:1.5rem;}
    .text-content button {background:#ff8c42; border:none; color:#fff; padding:0.8rem 2rem; border-radius:50px; cursor:pointer; font-size:1rem; transition:0.3s;}
    .text-content button:hover {background:#e67327; transform:translateY(-2px);}
    .image-wrapper {flex:1 1 400px; position:relative; max-width:600px;}
    .image-wrapper img {width:100%; border-radius:20px; box-shadow:0 10px 20px rgba(0,0,0,0.2);}
    .floating-card {position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); background:#fff; padding:1rem 1.5rem; border-radius:15px; box-shadow:0 10px 20px rgba(0,0,0,0.2); text-align:center; transition:0.3s;}
    .floating-card h5 {margin-bottom:0.5rem; color:#ff8c42;}
    .floating-card p {font-size:0.9rem; color:#555;}

    /* ========== MENU ========== */
    .menu-grid-section {padding:6rem 1rem; background:#fff8f0; text-align:center;}
    .menu-grid-section h3 {font-size:2.5rem; margin-bottom:0.5rem; color:#1a3853;}
    .menu-grid-section p {margin-bottom:3rem; font-size:1.1rem;}
    .menu-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:2rem;}
    .menu-card {background:#fff; border-radius:15px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.1); transition:0.3s; cursor:pointer;}
    .menu-card:hover {transform:translateY(-5px); box-shadow:0 15px 30px rgba(0,0,0,0.15);}
    .menu-card img {width:100%; height:200px; object-fit:cover;}
    .menu-info {padding:1rem;}
    .menu-title {font-size:1.3rem; color:#ff8c42; margin-bottom:0.5rem;}
    .menu-description {font-size:0.95rem; color:#555; text-align:left;}

    /* ========== ROOMS ========== */
    .rooms-section {padding:6rem 1rem; background:#fefcf5; text-align:center;}
    .rooms-section h3 {font-size:2.5rem; margin-bottom:2rem; color:#1a3853;}
    #roomsGrid {display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:2rem;}
    .room-card {background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.1); transition:0.3s;}
    .room-card:hover {transform:translateY(-5px);}
    .room-card img {width:100%; height:220px; object-fit:cover;}
    .room-info {padding:1rem;}
    .room-title {font-size:1.4rem; color:#ff8c42; margin-bottom:0.5rem;}
    .room-description {font-size:0.95rem; color:#555; margin-bottom:0.8rem; max-height:120px; overflow:auto;}
    .room-prices {font-weight:600; color:#1a3853;}

    /* ========== GALLERY ========== */
    .gallery-section {padding:6rem 1rem; background:#fff8f0; text-align:center;}
    .gallery-section h3 {font-size:2.5rem; margin-bottom:0.5rem; color:#1a3853;}
    .gallery-section p {margin-bottom:3rem; font-size:1.1rem;}
    .gallery-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem;}
    .gallery-item {position:relative; overflow:hidden; border-radius:15px; cursor:pointer; transition:0.3s;}
    .gallery-item img {width:100%; height:150px; object-fit:cover; transition:transform 0.3s;}
    .gallery-item:hover img {transform:scale(1.1);}
    .overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); color:#fff; display:flex; justify-content:center; align-items:center; font-size:2rem; opacity:0; transition:0.3s;}
    .gallery-item:hover .overlay {opacity:1;}

    /* ========== FOOTER ========== */
    footer {background:#1a3853; color:#fff; padding:3rem 1rem;}
    .footer-container {max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; gap:2rem;}
    .footer-logo {height:50px; margin-bottom:1rem;}
    .social-links a {margin-right:1rem; color:#ff8c42; font-size:1.2rem; transition:0.3s;}
    .social-links a:hover {color:#fff;}
    footer h5 {margin-bottom:1rem;}
    footer p {margin-bottom:0.5rem; font-size:0.9rem;}
    .copyright {text-align:center; margin-top:2rem; font-size:0.8rem; color:#ff8c42;}

    /* ========== RESPONSIVE ========== */
    @media(max-width:768px){
      .nav-links {display:none; flex-direction:column; gap:1rem; background:rgba(255,255,255,0.95); position:absolute; top:70px; right:0; width:200px; padding:1rem; border-radius:10px; box-shadow:0 10px 25px rgba(0,0,0,0.1);}
      .nav-links.active {display:flex;}
      .burger {display:block;}
      .home-intro-section {flex-direction:column;}
      .floating-card {position:static; transform:none; margin-top:1rem;}
    }