:root {
      --saffron: #e96819;
      --maroon: #721b12;
      --cream: #fff8ef;
      --ink: #22201e;
      --gold: #f4b33b;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: "DM Sans", sans-serif;
      color: var(--ink);
      background: #ffffff;
      overflow-x: hidden;
    }

    .serif {
      font-family: "Playfair Display", serif;
    }

    .topbar {
      background: var(--maroon);
      color: #ffffff;
      font-size: 0.86rem;
    }

    .navbar {
      background: #ffffff;
      transition: 0.3s;
    }

    .navbar-brand {
      font-family: "Playfair Display", serif;
      color: var(--maroon) !important;
      font-size: 1.35rem;
      font-weight: 800;
    }

    .brand-icon {
      color: var(--saffron);
    }

    .nav-link {
      font-weight: 600;
      color: #352d29 !important;
      margin: 0 0.35rem;
    }

    .nav-link:hover {
      color: var(--saffron) !important;
    }

    .btn-saffron {
      background: var(--saffron);
      border-color: var(--saffron);
      color: #ffffff;
      font-weight: 700;
      padding: 0.72rem 1.25rem;
    }

    .btn-saffron:hover {
      background: #c95310;
      border-color: #c95310;
      color: #ffffff;
    }

    .hero {
      min-height: 720px;
      display: flex;
      align-items: center;
      position: relative;
      color: #ffffff;
      background:
        linear-gradient(
          90deg,
          rgba(29, 12, 7, 0.8) 0%,
          rgba(29, 12, 7, 0.42) 48%,
          rgba(29, 12, 7, 0.1) 100%
        ),
        url("https://scontent.fdel8-2.fna.fbcdn.net/v/t39.30808-6/483101092_3532491420389607_7378740860395746213_n.jpg?stp=dst-jpg_tt6&cstp=mx1024x576&ctp=s1024x576&_nc_cat=111&_nc_map=urlgen_bucketless&ccb=1-7&_nc_sid=833d8c&_nc_ohc=5KiaBIuZWOEQ7kNvwEj5UmP&_nc_oc=AdoV8bgFptLmoFPtg-KmTIBia47m1O4X5vkH3JYcDDYcJUsowcJOU5eoqYGzOH-x_68&_nc_zt=23&_nc_ht=scontent.fdel8-2.fna&_nc_gid=8Xadkb4dVZpmSa9c9lnKkA&_nc_ss=7b2a8&oh=00_AQN2ecFlwvxvdJmQ1ojVBnFL-Yho6YzT1hUeN97U3yHFLg&oe=6AD3BE92")
        center/cover;
    }

    .hero::after {
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 130px;
      background: linear-gradient(transparent, #ffffff);
    }

    .hero .container {
      z-index: 1;
      padding-bottom: 90px;
    }

    .eyebrow {
      display: inline-flex;
      gap: 0.5rem;
      align-items: center;
      text-transform: uppercase;
      letter-spacing: 0.15em;
      font-size: 0.76rem;
      font-weight: 700;
      color: #ffe3a8;
    }

    .hero h1 {
      font-size: clamp(2.65rem, 5vw, 5.3rem);
      line-height: 1.05;
      max-width: 760px;
      text-shadow: 0 2px 18px rgba(0, 0, 0, 0.2);
    }

    .hero p {
      max-width: 620px;
      font-size: 1.14rem;
      color: #f8eee6;
    }

    .booking-box {
      background: #ffffff;
      color: var(--ink);
      border-radius: 14px;
      padding: 22px;
      box-shadow: 0 15px 45px rgba(24, 10, 4, 0.25);
      max-width: 870px;
    }

    .booking-box label {
      font-size: 0.78rem;
      font-weight: 700;
      color: #745f56;
    }

    .form-control,
    .form-select {
      border: 1px solid #eadfd7;
      padding: 0.72rem;
    }

    .section {
      padding: 85px 0;
    }

    .section-tag {
      color: var(--saffron);
      letter-spacing: 0.14em;
      text-transform: uppercase;
      font-weight: 800;
      font-size: 0.76rem;
    }

    .section-title {
      font-family: "Playfair Display", serif;
      font-size: clamp(2rem, 3.4vw, 3.25rem);
      font-weight: 700;
      color: var(--maroon);
    }

    .about-image {
      height: 450px;
      object-fit: cover;
      border-radius: 10px;
    }

    .floating-stat {
      position: absolute;
      right: -20px;
      bottom: 28px;
      background: var(--saffron);
      color: #ffffff;
      padding: 20px 24px;
      border-radius: 10px;
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18);
    }

    .feature-card {
      border: 1px solid #f1e3d9;
      border-radius: 12px;
      padding: 24px;
      height: 100%;
      transition: 0.25s;
      background: #ffffff;
    }

    .feature-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 13px 32px rgba(99, 40, 17, 0.12);
    }

    .feature-icon {
      width: 50px;
      height: 50px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #fff0e6;
      color: var(--saffron);
      font-size: 1.25rem;
    }

    .package-section {
      background: var(--cream);
    }

    .package-card {
      overflow: hidden;
      border: 0;
      border-radius: 13px;
      box-shadow: 0 7px 26px rgba(77, 37, 18, 0.09);
      height: 100%;
      background: #ffffff;
    }

    .package-card img {
      height: 220px;
      width: 100%;
      object-fit: cover;
    }

    .package-card .card-body {
      padding: 22px;
    }

    .price {
      color: var(--saffron);
      font-weight: 800;
      font-size: 1.15rem;
    }

    .package-meta {
      font-size: 0.88rem;
      color: #71645d;
    }

    .package-meta i {
      color: var(--saffron);
    }

    .place-card {
      height: 330px;
      position: relative;
      border-radius: 13px;
      overflow: hidden;
      color: #ffffff;
    }

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

    .place-card:hover img {
      transform: scale(1.07);
    }

    .place-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        0deg,
        rgba(31, 11, 4, 0.87),
        rgba(31, 11, 4, 0.04) 70%
      );
      display: flex;
      align-items: end;
      padding: 24px;
    }

    .place-overlay h3 {
      font-family: "Playfair Display", serif;
    }

    .testimonial {
      background: var(--maroon);
      color: #ffffff;
      border-radius: 14px;
      padding: 38px;
    }

    .testimonial .quote {
      color: #f8bd53;
      font-size: 2.5rem;
    }

    .cta {
      background:
        linear-gradient(
          90deg,
          rgba(98, 24, 14, 0.92),
          rgba(210, 81, 16, 0.8)
        ),
        url("assets/images/kashi-evening.jpg")
        center/cover;
      color: #ffffff;
    }

    .footer {
      background: #211613;
      color: #d5c8c2;
    }

    .footer h5 {
      color: #ffffff;
      font-family: "Playfair Display", serif;
    }

    .footer a {
      color: #d5c8c2;
      text-decoration: none;
    }

    .footer a:hover {
      color: #f7af45;
    }

    .whatsapp {
      position: fixed;
      right: 22px;
      bottom: 22px;
      z-index: 1000;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background: #25d366;
      color: #ffffff;
      display: grid;
      place-items: center;
      font-size: 1.9rem;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
      text-decoration: none;
    }

    .mini-info {
      background: #fff3e4;
      border-left: 4px solid var(--saffron);
      padding: 16px 18px;
      border-radius: 5px;
    }

    @media (max-width: 991px) {
      .hero {
        min-height: 780px;
      }

      .floating-stat {
        right: 10px;
      }

      .navbar .btn {
        margin-top: 0.6rem;
      }
    }

    @media (max-width: 576px) {
      .section {
        padding: 60px 0;
      }

      .hero h1 {
        font-size: 2.6rem;
      }

      .booking-box {
        padding: 18px;
      }

      .about-image {
        height: 360px;
      }
    }