/* ==========================================================
   Ruhunu Maya Resort - Luxury Minimalist Navbar
   Gold accent sampled from the provided design: #DCA73A
   Dark text: #2B2118 | Header off-white: #FAF7F0
   ========================================================== */

:root {
  --ruhunu-gold: #DCA73A;
  --ruhunu-gold-dark: #C9942F;
  --ruhunu-ink: #2B2118;
  --ruhunu-soft: #FAF7F0;
  --ruhunu-line: #E8DFC8;
}

/* Reset old template header styles so the navbar stays clean and balanced */
.header-area,
.main-header,
.mobile_menu,
.slicknav_menu {
  display: none !important;
}

.ruhunu-site-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  width: 100%;
  background: var(--ruhunu-soft);
  border-bottom: 1px solid var(--ruhunu-line);
  box-shadow: 0 8px 24px rgba(43, 33, 24, 0.08);
  backdrop-filter: blur(12px);
}

.ruhunu-navbar {
  width: min(100% - 48px, 1240px);
  min-height: 82px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px; /* Main spacing between logo, nav group, and CTA button */
}

.ruhunu-logo-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 46px;
  padding: 0 24px;
  border: 1.7px solid var(--ruhunu-gold);
  color: var(--ruhunu-ink);
  background: rgba(255, 255, 255, 0.42);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none !important;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.ruhunu-logo-box:hover {
  color: var(--ruhunu-ink);
  background: rgba(220, 167, 58, 0.08);
  border-color: var(--ruhunu-gold-dark);
}

.ruhunu-nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  gap: 38px; /* Desktop spacing between menu links. Reduce to 28px or increase to 44px if needed. */
  margin: 0;
  padding: 0 18px;
  list-style: none;
}

.ruhunu-nav-links li {
  margin: 0;
  padding: 0;
}

.ruhunu-nav-links a {
  display: inline-flex;
  align-items: center;
  color: var(--ruhunu-ink);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
  transition: color 0.25s ease;
}

.ruhunu-nav-links a:hover,
.ruhunu-nav-links a:focus {
  color: var(--ruhunu-gold);
}

.ruhunu-book-btn,
.ruhunu-mobile-book-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 46px;
  padding: 0 26px;
  border: 1px solid var(--ruhunu-gold);
  background: var(--ruhunu-gold);
  color: #ffffff !important;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background 0.25s ease, border-color 0.25s ease;
}

.ruhunu-book-btn:hover,
.ruhunu-mobile-book-btn:hover {
  background: var(--ruhunu-gold-dark);
  border-color: var(--ruhunu-gold-dark);
  color: #ffffff !important;
}

.ruhunu-menu-toggle {
  display: none;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px; /* Spacing between hamburger lines */
  border: 1px solid rgba(220, 167, 58, 0.55);
  background: rgba(255, 255, 255, 0.38);
  cursor: pointer;
}

.ruhunu-menu-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--ruhunu-gold);
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.ruhunu-site-header.is-open .ruhunu-menu-toggle span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.ruhunu-site-header.is-open .ruhunu-menu-toggle span:nth-child(2) {
  opacity: 0;
}

.ruhunu-site-header.is-open .ruhunu-menu-toggle span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.ruhunu-mobile-menu {
  display: none;
}

@media (max-width: 1199.98px) {
  .ruhunu-navbar {
    width: min(100% - 36px, 1080px);
    gap: 22px;
  }

  .ruhunu-nav-links {
    gap: 26px; /* Tablet/small desktop menu spacing */
    padding: 0 10px;
  }

  .ruhunu-logo-box {
    padding: 0 18px;
    font-size: 17px;
  }

  .ruhunu-book-btn {
    padding: 0 22px;
  }
}

@media (max-width: 991.98px) {

  /* Mobile navbar freeze: keep the header fixed at the top while scrolling */
  .ruhunu-site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  body {
    padding-top: 74px;
  }
  .ruhunu-navbar {
    width: min(100% - 32px, 760px);
    min-height: 74px;
    gap: 16px; /* Mobile spacing between logo and hamburger */
  }

  .ruhunu-nav-links,
  .ruhunu-book-btn {
    display: none;
  }

  .ruhunu-menu-toggle {
    position: relative;
    z-index: 10003;
    display: inline-flex;
  }

  .ruhunu-logo-box {
    max-width: calc(100vw - 96px);
    min-height: 44px;
    padding: 0 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
  }

  /* Mobile slider drawer */
  .ruhunu-mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10002;
    display: flex;
    width: min(84vw, 360px);
    height: 100vh;
    height: 100dvh;
    margin: 0;
    padding: 92px 24px 28px;
    overflow-y: auto;
    flex-direction: column;
    background: var(--ruhunu-soft);
    border-left: 1px solid var(--ruhunu-line);
    box-shadow: -24px 0 50px rgba(43, 33, 24, 0.18);
    transform: translateX(105%);
    transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
  }

  .ruhunu-site-header.is-open .ruhunu-mobile-menu {
    transform: translateX(0);
  }

  .ruhunu-mobile-menu a {
    padding: 16px 2px;
    border-bottom: 1px solid rgba(232, 223, 200, 0.9);
    color: var(--ruhunu-ink);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none !important;
    transform: translateX(22px);
    opacity: 0;
    transition: color 0.25s ease, transform 0.32s ease, opacity 0.32s ease;
  }

  .ruhunu-site-header.is-open .ruhunu-mobile-menu a {
    transform: translateX(0);
    opacity: 1;
  }

  .ruhunu-site-header.is-open .ruhunu-mobile-menu a:nth-child(1) { transition-delay: 0.05s; }
  .ruhunu-site-header.is-open .ruhunu-mobile-menu a:nth-child(2) { transition-delay: 0.08s; }
  .ruhunu-site-header.is-open .ruhunu-mobile-menu a:nth-child(3) { transition-delay: 0.11s; }
  .ruhunu-site-header.is-open .ruhunu-mobile-menu a:nth-child(4) { transition-delay: 0.14s; }
  .ruhunu-site-header.is-open .ruhunu-mobile-menu a:nth-child(5) { transition-delay: 0.17s; }
  .ruhunu-site-header.is-open .ruhunu-mobile-menu a:nth-child(6) { transition-delay: 0.20s; }
  .ruhunu-site-header.is-open .ruhunu-mobile-menu a:nth-child(7) { transition-delay: 0.23s; }

  .ruhunu-mobile-menu a:hover {
    color: var(--ruhunu-gold);
  }

  .ruhunu-mobile-book-btn {
    align-self: flex-start;
    margin-top: 20px;
    padding: 0 24px !important;
    border-bottom: 1px solid var(--ruhunu-gold) !important;
  }

  .ruhunu-mobile-backdrop {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: rgba(43, 33, 24, 0.46);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.28s ease, visibility 0.28s ease;
  }

  .ruhunu-mobile-backdrop.is-visible {
    opacity: 1;
    visibility: visible;
  }

  body.ruhunu-menu-lock {
    overflow: hidden;
  }
}

@media (max-width: 420px) {
  .ruhunu-logo-box {
    padding: 0 12px;
    font-size: 14px;
  }

  .ruhunu-navbar {
    width: min(100% - 24px, 100%);
  }
}


/* ==========================================================
   Requested fixes: sticky desktop navbar + mobile alignment
   ========================================================== */

/* Keep navbar frozen on both desktop and mobile. */
.ruhunu-site-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
}

body {
  padding-top: 82px;
}

/* Small desktop safety: prevent nav item overlap. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .ruhunu-nav-links {
    gap: 22px;
  }

  .ruhunu-logo-box {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
  }

  .ruhunu-book-btn {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* About/company section mobile cleanup and center alignment. */
@media (max-width: 767.98px) {
  body {
    padding-top: 74px;
  }

  .make-customer-area {
    overflow: hidden;
    padding-top: 62px;
    padding-bottom: 70px;
  }

  .make-customer-area .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .make-customer-area .row {
    margin-left: 0;
    margin-right: 0;
  }

  .make-customer-area [class*="col-"] {
    padding-left: 20px;
    padding-right: 20px;
  }

  .customer-img {
    max-width: 360px;
    margin: 0 auto 78px !important;
    text-align: center;
  }

  .customer-img .customar-img1 {
    display: block;
    width: 100%;
    max-width: 310px !important;
    margin: 0 auto;
  }

  .service-experience {
    left: 50% !important;
    right: auto !important;
    bottom: -28px !important;
    width: 82vw;
    max-width: 286px;
    min-width: 0 !important;
    padding: 16px 12px !important;
    transform: translateX(-50%);
  }

  .service-experience h3 {
    margin: 0;
    font-size: 22px !important;
    line-height: 1.25;
  }

  .customer-caption {
    padding-left: 0 !important;
    text-align: center;
  }

  .customer-caption span,
  .customer-caption h2,
  .customer-caption .caption-details,
  .customer-caption .caption-details p {
    text-align: center;
  }

  .customer-caption h2 {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }

  .customer-caption .caption-details .pera-dtails,
  .customer-caption .caption-details p {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0 !important;
  }

  .customer-caption .caption-details p {
    margin-bottom: 34px;
  }

  .customer-caption .more-btn1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Testimonial mobile overlap fix. */
.testimonial-area {
  overflow: hidden;
}

.testimonial-area .single-testimonial {
  overflow: hidden;
}

.testimonial-area .font-back-tittle {
  overflow: hidden;
}

.testimonial-area .font-back-tittle img {
  max-width: min(100%, 520px);
  max-height: 280px;
  object-fit: cover;
}

@media (max-width: 767.98px) {
  .testimonial-padding {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  .testimonial-area .single-testimonial {
    padding-top: 0 !important;
  }

  .testimonial-area .font-back-tittle {
    min-height: 170px;
    margin-bottom: 34px !important;
  }

  .testimonial-area .font-back-tittle img {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    display: block;
    width: 100%;
    max-width: 335px;
    height: 170px;
    margin: 0 auto !important;
    transform: none !important;
    object-fit: cover;
  }

  .testimonial-area .font-back-tittle h3.archivment-back {
    display: none;
  }

  .testimonial-area .testimonial-caption p {
    margin-top: 0;
    margin-bottom: 28px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 17px !important;
    line-height: 1.7;
  }

  .testimonial-area .rattiong-caption span {
    display: inline-block;
    line-height: 1.5;
  }
}

/* Hide the homepage blog area even if cached HTML still has it. */
.blog-area.blog-padding {
  display: none !important;
}


/* Ruhunu Maya real image holders */
.room-img,
.gallery-img,
.customer-img,
.archivment-front {
  overflow: hidden;
}

.room-img img,
.gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.room-img img {
  min-height: 260px;
}

.gallery-active .gallery-img img {
  height: 320px;
  object-position: center;
}

.customer-img .customar-img1,
.customer-img .customar-img2 {
  object-fit: cover;
  object-position: center;
}

@media (max-width: 767.98px) {
  .gallery-active .gallery-img img {
    height: 260px;
  }

  .room-img img {
    min-height: 230px;
  }
}

/* Keep the "25 Years of Service Experience" box inside the image area.
   This removes the large side-hanging effect on mobile/tablet and keeps only a clean small overlap. */
.customer-img {
  overflow: visible !important;
}

.service-experience {
  box-sizing: border-box;
  z-index: 5;
}

.service-experience h3 {
  white-space: normal;
  word-break: normal;
}

@media (min-width: 992px) {
  .customer-img {
    padding-bottom: 72px;
  }

  .service-experience {
    right: 22px !important;
    left: auto !important;
    bottom: 8px !important;
    width: min(360px, calc(100% - 60px)) !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 22px 16px !important;
    transform: none !important;
  }

  .service-experience h3 {
    margin: 0;
    font-size: 30px !important;
    line-height: 1.18;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .customer-img {
    max-width: 560px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 74px;
  }

  .service-experience {
    left: 50% !important;
    right: auto !important;
    bottom: 8px !important;
    width: min(360px, calc(100% - 44px), calc(100vw - 48px)) !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 18px 14px !important;
    transform: translateX(-50%) !important;
  }

  .service-experience h3 {
    margin: 0;
    font-size: 25px !important;
    line-height: 1.2;
  }
}

@media (max-width: 767.98px) {
  .customer-img {
    max-width: calc(100vw - 40px);
    padding-bottom: 74px;
    margin-bottom: 42px !important;
  }

  .customer-img .customar-img1 {
    max-width: 100% !important;
  }

  .service-experience {
    left: 50% !important;
    right: auto !important;
    bottom: 12px !important;
    width: min(310px, calc(100% - 28px), calc(100vw - 44px)) !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 15px 10px !important;
    transform: translateX(-50%) !important;
  }

  .service-experience h3 {
    margin: 0;
    font-size: 20px !important;
    line-height: 1.22;
  }
}


/* Room category logo cards */
.ruhunu-room-section {
  padding-top: 90px;
  padding-bottom: 55px;
}
.ruhunu-room-card {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 1.395px 19.951px 38px 0 rgba(0, 0, 0, 0.06);
}
.ruhunu-room-logo-wrap {
  height: 245px;
  background: #fbfaf5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}
.ruhunu-room-logo-wrap a {
  display: block;
  width: 100%;
  height: 100%;
}
.room-img.ruhunu-room-logo-wrap img.ruhunu-room-logo-img {
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center;
  border-radius: 6px;
  background: #fbfaf5;
}
.single-room.ruhunu-room-card:hover .room-img img.ruhunu-room-logo-img {
  transform: scale(1.03);
}
.ruhunu-room-card .room-caption {
  min-height: 178px;
}
.ruhunu-room-card .room-caption h3 {
  margin-bottom: 10px;
}
.ruhunu-room-subtitle {
  margin-bottom: 12px;
  color: #6e7780;
  font-size: 15px;
  line-height: 1.7;
}
.ruhunu-room-card .per-night span {
  color: #112e41;
  font-size: 16px;
}
@media (max-width: 767.98px) {
  .ruhunu-room-section {
    padding-top: 65px;
    padding-bottom: 30px;
  }
  .ruhunu-room-logo-wrap {
    height: 210px;
    padding: 14px;
  }
  .ruhunu-room-card .room-caption {
    min-height: auto;
    padding: 24px 20px 26px;
    text-align: center;
  }
}

/* Standalone Gallery page: reliable grid, no carousel dependency */
.ruhunu-gallery-page {
  padding: 90px 0 75px;
  background: #fff;
}
.ruhunu-gallery-card {
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(17, 46, 65, 0.08);
}
.ruhunu-gallery-card a {
  display: block;
  overflow: hidden;
}
.ruhunu-gallery-card img {
  width: 100%;
  height: 245px;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .45s ease;
}
.ruhunu-gallery-card:hover img {
  transform: scale(1.06);
}
.ruhunu-gallery-card h4 {
  margin: 0;
  padding: 16px 18px;
  color: #112e41;
  font-size: 17px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .ruhunu-gallery-page {
    padding: 65px 0 45px;
  }
  .ruhunu-gallery-card img {
    height: 220px;
  }
}


/* Booking.com style information blocks from supplied screenshots */
.ruhunu-info-section {
  padding: 92px 0 64px;
  background: #fff;
}
.ruhunu-room-details-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}
.ruhunu-detail-card,
.ruhunu-info-card,
.ruhunu-policy-card {
  background: #fff;
  border: 1px solid rgba(232, 223, 200, .95);
  border-radius: 14px;
  box-shadow: 0 18px 42px rgba(17, 46, 65, .075);
}
.ruhunu-detail-card {
  padding: 24px;
  scroll-margin-top: 105px;
}
.ruhunu-detail-head {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 16px;
}
.ruhunu-detail-head img {
  width: 94px;
  height: 74px;
  object-fit: contain;
  border-radius: 10px;
  background: #fbfaf5;
  border: 1px solid rgba(232,223,200,.9);
  padding: 7px;
}
.ruhunu-detail-head h3 {
  margin: 0 0 5px;
  color: #112e41;
  font-size: 23px;
  line-height: 1.25;
}
.ruhunu-detail-head p,
.ruhunu-detail-card p {
  margin: 0;
  color: #555;
  line-height: 1.75;
}
.ruhunu-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 18px;
}
.ruhunu-badges span {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(220,167,58,.42);
  border-radius: 999px;
  background: #fffaf0;
  color: #3c332a;
  font-size: 13px;
  line-height: 1;
  padding: 8px 11px;
}
.ruhunu-mini-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.ruhunu-mini-columns h4,
.ruhunu-info-card h3 {
  margin: 0 0 12px;
  color: #112e41;
  font-size: 17px;
  font-weight: 700;
}
.ruhunu-mini-columns ul,
.ruhunu-info-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ruhunu-mini-columns li,
.ruhunu-info-card li {
  position: relative;
  margin-bottom: 9px;
  padding-left: 22px;
  color: #555;
  line-height: 1.55;
}
.ruhunu-mini-columns li::before,
.ruhunu-info-card li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #dca73a;
  font-weight: 700;
}
.ruhunu-resort-info-section {
  padding: 82px 0 92px;
  background: #faf7f0;
}
.ruhunu-info-title {
  max-width: 720px;
  margin: 0 auto 40px;
  text-align: center;
}
.ruhunu-info-title span {
  color: #dca73a;
  font-family: Georgia, 'Times New Roman', serif;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-size: 13px;
}
.ruhunu-info-title h2 {
  margin: 12px 0 0;
  color: #112e41;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 42px;
  line-height: 1.18;
}
.ruhunu-resort-info-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  margin-bottom: 28px;
}
.ruhunu-info-card {
  padding: 24px;
}
.ruhunu-policy-card {
  overflow: hidden;
}
.ruhunu-policy-card div {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 24px;
  padding: 18px 24px;
  border-bottom: 1px solid rgba(232,223,200,.95);
}
.ruhunu-policy-card div:last-child { border-bottom: 0; }
.ruhunu-policy-card strong {
  color: #112e41;
  font-weight: 700;
}
.ruhunu-policy-card span {
  color: #555;
  line-height: 1.6;
}
@media (max-width: 991.98px) {
  .ruhunu-room-details-grid,
  .ruhunu-resort-info-grid {
    grid-template-columns: 1fr;
  }
  .ruhunu-detail-card { padding: 20px; }
  .ruhunu-policy-card div {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}
@media (max-width: 767.98px) {
  .ruhunu-info-section { padding: 64px 0 42px; }
  .ruhunu-resort-info-section { padding: 60px 0 68px; }
  .ruhunu-detail-head {
    align-items: flex-start;
  }
  .ruhunu-detail-head img {
    width: 78px;
    height: 62px;
  }
  .ruhunu-detail-head h3 {
    font-size: 20px;
  }
  .ruhunu-mini-columns {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .ruhunu-info-title h2 {
    font-size: 30px;
  }
}


/* Professional icon system for room/facility sections */
.ruhunu-room-chips,
.ruhunu-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 14px 0 18px;
}
.ruhunu-room-chips {
  margin-top: 12px;
  margin-bottom: 14px;
}
.ruhunu-feature-chip,
.ruhunu-badges span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  border: 1px solid rgba(220,167,58,.33);
  border-radius: 999px;
  background: linear-gradient(135deg, #fffdf8 0%, #fff8e8 100%);
  color: #3c332a;
  font-size: 13px;
  line-height: 1;
  padding: 8px 11px;
  box-shadow: 0 8px 20px rgba(17,46,65,.045);
}
.ruhunu-feature-chip i,
.ruhunu-badges span i {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  border-radius: 50%;
  background: rgba(220,167,58,.14);
  color: #dca73a;
  font-size: 11px;
}
.ruhunu-room-meta-line {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  margin-top: 12px;
}
.ruhunu-room-meta-line span,
.ruhunu-detail-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #112e41 !important;
}
.ruhunu-room-meta-line i,
.ruhunu-detail-meta i {
  color: #dca73a;
  font-size: 14px;
}
.ruhunu-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 15px;
  margin-top: 7px !important;
}
.ruhunu-heading-icon,
.ruhunu-card-icon,
.ruhunu-policy-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  margin-right: 10px;
  border-radius: 50%;
  background: #fff6df;
  color: #dca73a;
  box-shadow: inset 0 0 0 1px rgba(220,167,58,.24);
}
.ruhunu-mini-columns h4,
.ruhunu-info-card h3,
.ruhunu-policy-card strong {
  display: flex;
  align-items: center;
}
.ruhunu-mini-columns li,
.ruhunu-info-card li {
  padding-left: 30px;
}
.ruhunu-mini-columns li::before,
.ruhunu-info-card li::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 19px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  top: 2px;
  border-radius: 50%;
  background: rgba(220,167,58,.13);
  color: #dca73a;
  font-size: 9px;
}
.ruhunu-info-card {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.ruhunu-info-card:hover,
.ruhunu-detail-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 56px rgba(17,46,65,.1);
  border-color: rgba(220,167,58,.36);
}
@media (max-width: 767.98px) {
  .ruhunu-room-chips,
  .ruhunu-badges,
  .ruhunu-room-meta-line,
  .ruhunu-detail-meta {
    justify-content: center;
  }
  .ruhunu-detail-head {
    flex-direction: column;
    align-items: center !important;
    text-align: center;
  }
  .ruhunu-detail-head img {
    width: 104px !important;
    height: 82px !important;
  }
  .ruhunu-detail-card,
  .ruhunu-info-card,
  .ruhunu-policy-card {
    text-align: center;
  }
  .ruhunu-mini-columns h4,
  .ruhunu-info-card h3,
  .ruhunu-policy-card strong {
    justify-content: center;
  }
  .ruhunu-mini-columns ul,
  .ruhunu-info-card ul {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
  .ruhunu-policy-card span {
    display: block;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Keep nested text inside icon chips clean after adding icon markup */
.ruhunu-feature-chip > span,
.ruhunu-badges .ruhunu-feature-chip > span {
  display: inline !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
.ruhunu-badges > .ruhunu-feature-chip {
  display: inline-flex !important;
}


/* Mobile icon polish update */
@media (max-width: 767.98px) {
  .ruhunu-feature-chip,
  .ruhunu-badges span {
    min-height: 36px;
    padding: 8px 14px;
    gap: 6px;
    border-color: rgba(220,167,58,.42);
    background: #fffdfa;
    box-shadow: 0 5px 12px rgba(17,46,65,.04);
  }
  .ruhunu-feature-chip i,
  .ruhunu-badges span i {
    width: auto;
    height: auto;
    flex: 0 0 auto;
    background: transparent;
    color: #5b5751;
    font-size: 12px;
    line-height: 1;
    border-radius: 0;
    box-shadow: none;
  }
  .ruhunu-feature-chip > span,
  .ruhunu-badges .ruhunu-feature-chip > span,
  .ruhunu-badges span > span {
    font-size: 12px !important;
    font-weight: 500;
    line-height: 1.2 !important;
  }
  .ruhunu-room-chips,
  .ruhunu-badges {
    gap: 8px;
  }
}


/* Footer detail polish / overlap fix */
.ruhunu-footer-logo-text {
  color: #ffffff;
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 18px;
  font-weight: 700;
}
.ruhunu-footer-brand p {
  color: #aeb6c2;
  line-height: 1.8;
  margin-bottom: 22px;
}
.ruhunu-footer-location ul li a {
  line-height: 1.8;
}
.ruhunu-developed-by {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.10);
  text-align: center;
  color: #aeb6c2;
  font-size: 14px;
  letter-spacing: .02em;
}
.ruhunu-developed-by strong {
  color: #dca73a;
  font-weight: 700;
}
.footer-social.footer-social2 a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ruhunu-explore-section,
.ruhunu-rules-section {
  padding: 110px 0;
}
.ruhunu-explore-card {
  height: calc(100% - 30px);
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  .footer-area .single-footer-caption {
    text-align: center;
  }
  .footer-tittle ul {
    padding-left: 0;
  }
  .ruhunu-footer-logo-text {
    font-size: 22px;
  }
  .ruhunu-developed-by {
    margin-bottom: 6px;
    font-size: 13px;
  }
  .ruhunu-explore-section,
  .ruhunu-rules-section {
    padding: 70px 0;
  }
}


/* Ruhunu Maya page loader - Uiverse dot spinner adapted */
.ruhunu-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  transition: opacity .45s ease, visibility .45s ease;
}
.ruhunu-loader::after {
  content: none;
  position: absolute;
  margin-top: 92px;
  color: #112e41;
  font-family: "Noto Serif", serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .08em;
}
.ruhunu-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.dot-spinner {
  --uib-size: 2.8rem;
  --uib-speed: .9s;
  --uib-color: #dca73a;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: var(--uib-size);
  width: var(--uib-size);
}
.dot-spinner__dot {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
}
.dot-spinner__dot::before {
  content: '';
  height: 20%;
  width: 20%;
  border-radius: 50%;
  background-color: var(--uib-color);
  transform: scale(0);
  opacity: 0.5;
  animation: pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;
  box-shadow: 0 0 20px rgba(220, 167, 58, 0.35);
}
.dot-spinner__dot:nth-child(2) {
  transform: rotate(45deg);
}
.dot-spinner__dot:nth-child(2)::before {
  animation-delay: calc(var(--uib-speed) * -0.875);
}
.dot-spinner__dot:nth-child(3) {
  transform: rotate(90deg);
}
.dot-spinner__dot:nth-child(3)::before {
  animation-delay: calc(var(--uib-speed) * -0.75);
}
.dot-spinner__dot:nth-child(4) {
  transform: rotate(135deg);
}
.dot-spinner__dot:nth-child(4)::before {
  animation-delay: calc(var(--uib-speed) * -0.625);
}
.dot-spinner__dot:nth-child(5) {
  transform: rotate(180deg);
}
.dot-spinner__dot:nth-child(5)::before {
  animation-delay: calc(var(--uib-speed) * -0.5);
}
.dot-spinner__dot:nth-child(6) {
  transform: rotate(225deg);
}
.dot-spinner__dot:nth-child(6)::before {
  animation-delay: calc(var(--uib-speed) * -0.375);
}
.dot-spinner__dot:nth-child(7) {
  transform: rotate(270deg);
}
.dot-spinner__dot:nth-child(7)::before {
  animation-delay: calc(var(--uib-speed) * -0.25);
}
.dot-spinner__dot:nth-child(8) {
  transform: rotate(315deg);
}
.dot-spinner__dot:nth-child(8)::before {
  animation-delay: calc(var(--uib-speed) * -0.125);
}
@keyframes pulse0112 {
  0%,
  100% {
    transform: scale(0);
    opacity: 0.5;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}
@media (max-width: 767.98px) {
  .ruhunu-loader {
    align-items: center;
    padding-bottom: 40px;
  }
  .dot-spinner {
    --uib-size: 2.45rem;
  }
  .ruhunu-loader::after {
    margin-top: 84px;
    font-size: 12px;
    letter-spacing: .06em;
  }
}




/* Booking room dropdown polish - rooms select only */
.single-select-box .select-this .select-itms.ruhunu-room-select {
  min-width: 260px;
}
.single-select-box .select-this .select-itms.ruhunu-room-select select,
.single-select-box .select-this .select-itms.ruhunu-room-select .nice-select {
  min-width: 260px;
  width: 260px;
}
.single-select-box .select-this .select-itms.ruhunu-room-select .nice-select .current {
  max-width: 205px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.single-select-box .select-this .select-itms.ruhunu-room-select .nice-select .list {
  min-width: 285px;
}
@media (max-width: 767.98px) {
  .single-select-box .select-this .select-itms.ruhunu-room-select {
    width: 100%;
    min-width: 0;
  }
  .single-select-box .select-this .select-itms.ruhunu-room-select select,
  .single-select-box .select-this .select-itms.ruhunu-room-select .nice-select {
    width: 100%;
    min-width: 100%;
  }
  .single-select-box .select-this .select-itms.ruhunu-room-select .nice-select .current {
    max-width: calc(100vw - 130px);
  }
  .single-select-box .select-this .select-itms.ruhunu-room-select .nice-select .list {
    width: 100%;
    min-width: 100%;
  }
}


/* Explore page gap fix */
.ruhunu-explore-section {
  padding: 70px 0 60px;
}
.ruhunu-explore-section + footer .footer-area {
  margin-top: 0;
}
@media (max-width: 767.98px) {
  .ruhunu-explore-section {
    padding: 55px 0 45px;
  }
  .ruhunu-explore-card {
    margin-bottom: 18px;
  }
}


/* About page moved information sections */
.ruhunu-room-info-section,
.ruhunu-resort-info-section {
  scroll-margin-top: 110px;
}
@media (max-width: 767.98px) {
  .ruhunu-room-info-section,
  .ruhunu-resort-info-section {
    padding-top: 65px;
    padding-bottom: 55px;
  }
}


/* FINAL: mobile policy center alignment, footer and SEO section polish */
.ruhunu-copyright {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.10);
  text-align: center;
  color: #aeb6c2;
  font-size: 14px;
  line-height: 1.7;
}
.ruhunu-developed-by {
  margin-top: 6px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}
@media (max-width: 767.98px) {
  .ruhunu-info-title {
    margin-bottom: 26px;
    padding: 0 10px;
  }
  .ruhunu-info-title span,
  .section-tittle span {
    display: block;
    margin-bottom: 8px;
    text-align: center;
    letter-spacing: .16em;
  }
  .ruhunu-info-title h2,
  .section-tittle h2 {
    font-size: 27px !important;
    line-height: 1.25 !important;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .ruhunu-policy-card {
    border-radius: 18px;
    overflow: hidden;
  }
  .ruhunu-policy-card div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: 118px;
    padding: 22px 18px !important;
    text-align: center !important;
  }
  .ruhunu-policy-card strong {
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    text-align: center !important;
    font-size: 17px;
    line-height: 1.25;
  }
  .ruhunu-policy-icon {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    margin: 0 !important;
  }
  .ruhunu-policy-card div > span {
    width: 100%;
    max-width: 310px;
    margin: 0 auto !important;
    display: block;
    text-align: center !important;
    line-height: 1.65;
  }
}
.ruhunu-nearby-section {
  padding: 25px 0 90px;
  background: #fff;
}
.ruhunu-nearby-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 42px;
  align-items: center;
  margin-top: 46px;
}
.ruhunu-nearby-row.reverse .ruhunu-nearby-img { order: 2; }
.ruhunu-nearby-img img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 24px 60px rgba(17,46,65,.12);
}
.ruhunu-nearby-text {
  padding: 18px 8px;
}
.ruhunu-nearby-text span {
  color: #dca73a;
  font-family: Georgia, 'Times New Roman', serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 13px;
}
.ruhunu-nearby-text h3 {
  margin: 12px 0 18px;
  color: #112e41;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 30px;
  line-height: 1.2;
}
.ruhunu-nearby-text p {
  color: #555;
  line-height: 1.85;
}
/* Final mobile drawer, floating actions & bottom navigation polish */
@media (max-width: 991.98px) {
  .ruhunu-mobile-menu {
    width: min(88vw, 360px);
    padding: 108px 20px 34px;
    background: radial-gradient(circle at top left, rgba(220,167,58,.14), transparent 42%), linear-gradient(180deg, #fffdf8 0%, #f8f2e6 100%);
    border-left: 1px solid rgba(220,167,58,.28);
    border-radius: 28px 0 0 28px;
    box-shadow: -28px 0 70px rgba(17,46,65,.18);
  }
  .ruhunu-mobile-menu::before {
    content: "Ruhunu Maya";
    position: absolute;
    top: 30px;
    left: 22px;
    right: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(220,167,58,.22);
    color: var(--ruhunu-ink);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 20px;
    font-weight: 700;
  }
  .ruhunu-mobile-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 15px 16px;
    border: 1px solid rgba(220,167,58,.12);
    border-radius: 18px;
    background: rgba(255,255,255,.62);
    box-shadow: 0 10px 25px rgba(17,46,65,.045);
    font-size: 16px;
  }
  .ruhunu-mobile-menu a::after {
    content: "›";
    color: var(--ruhunu-gold);
    font-size: 22px;
    line-height: 1;
  }
  .ruhunu-mobile-book-btn {
    width: 100%;
    justify-content: center !important;
    min-height: 50px;
    margin-top: 12px !important;
    border: 1px solid var(--ruhunu-gold) !important;
    border-radius: 999px !important;
    background: var(--ruhunu-gold) !important;
    color: #fff !important;
  }
  .ruhunu-mobile-book-btn::after { display: none; }
}
.ruhunu-floating-actions {
  position: fixed;
  right: 24px;
  bottom: 92px;
  z-index: 9997;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ruhunu-float-btn {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 18px 38px rgba(17,46,65,.18);
  transition: transform .22s ease, box-shadow .22s ease;
}
.ruhunu-float-btn:hover { transform: translateY(-3px); }
.ruhunu-float-btn svg { width: 25px; height: 25px; fill: currentColor; }
.ruhunu-whatsapp { background: #25D366; color: #fff !important; }
.ruhunu-location { background: #dca73a; color: #fff !important; }
.ruhunu-bottom-nav {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 9998;
  display: none;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
  padding: 9px 8px;
  border: 1px solid rgba(220,167,58,.20);
  border-radius: 24px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 50px rgba(17,46,65,.16);
  backdrop-filter: blur(16px);
}
.ruhunu-bottom-nav a {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #112e41;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none !important;
}
.ruhunu-bottom-nav i { color: #dca73a; font-size: 18px; }
@media (max-width: 767.98px) {
  body { padding-bottom: 92px; }
  .ruhunu-bottom-nav { display: grid; }
  .ruhunu-floating-actions { right: 16px; bottom: 96px; gap: 10px; }
  .ruhunu-float-btn { width: 48px; height: 48px; }
  .ruhunu-float-btn svg { width: 22px; height: 22px; }
  .ruhunu-nearby-section { padding: 10px 0 58px; }
  .ruhunu-nearby-row, .ruhunu-nearby-row.reverse { grid-template-columns: 1fr; gap: 18px; margin-top: 28px; text-align: center; }
  .ruhunu-nearby-row.reverse .ruhunu-nearby-img { order: 0; }
  .ruhunu-nearby-img img { height: 230px; border-radius: 18px; }
  .ruhunu-nearby-text h3 { font-size: 24px; }
}


/* Final mobile smooth polish */
html {
  scroll-behavior: smooth;
}

/* Loader: clean animation only, no text/logo */
.ruhunu-loader {
  background:
    radial-gradient(circle at center, rgba(220,167,58,.10), transparent 34%),
    #ffffff;
}
.ruhunu-loader::after {
  display: none !important;
  content: none !important;
}
.ruhunu-loader .dot-spinner {
  --uib-size: 3.05rem;
  --uib-color: #dca73a;
  filter: drop-shadow(0 18px 26px rgba(220,167,58,.25));
}
.ruhunu-loader .dot-spinner::after {
  content: "";
  position: absolute;
  inset: -18px;
  border-radius: 50%;
  border: 1px solid rgba(220,167,58,.20);
  animation: ruhunuLoaderRing 1.35s ease-in-out infinite;
}
@keyframes ruhunuLoaderRing {
  0%, 100% { transform: scale(.82); opacity: .35; }
  50% { transform: scale(1.08); opacity: .9; }
}

/* Make background hotel images visible on mobile */
.single-slider[data-background],
.hero-overly[data-background] {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
@media (max-width: 767.98px) {
  .slider-height {
    min-height: 640px !important;
    height: auto !important;
    padding: 105px 0 130px;
    background-position: center top !important;
  }
  .slider-height2 {
    min-height: 360px !important;
    height: auto !important;
    padding: 95px 0 70px;
    background-position: center center !important;
  }
  .hero-overly::before {
    opacity: .48;
  }
  .h1-slider-caption h1 {
    font-size: 36px !important;
    line-height: 1.16 !important;
  }
  .h1-slider-caption h3 {
    font-size: 18px !important;
  }
}

/* Mobile booking box: same side spacing, centered, equal widths */
@media (max-width: 767.98px) {
  .booking-area,
  .booking-wrap {
    margin-left: 12px !important;
    margin-right: 12px !important;
    border-radius: 18px !important;
  }
  .booking-wrap {
    padding: 26px 20px 28px !important;
  }
  .single-select-box {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left;
  }
  .single-select-box .boking-tittle,
  .single-select-box .boking-tittle span {
    text-align: left !important;
  }
  .single-select-box .select-this,
  .single-select-box .select-this form,
  .single-select-box .select-this .select-itms,
  .single-select-box .select-this .nice-select,
  .single-select-box .select-this input {
    width: 100% !important;
    max-width: 100% !important;
  }
  .single-select-box .select-this .nice-select,
  .single-select-box .select-this input {
    height: 53px !important;
    line-height: 53px !important;
  }
  .single-select-box .select-this .nice-select .current {
    max-width: calc(100vw - 150px) !important;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .single-select-box .nice-select .list {
    width: 100% !important;
  }
  .single-select-box .nice-select .option {
    white-space: normal;
    line-height: 1.35;
    min-height: 42px;
    display: flex;
    align-items: center;
  }
}

/* Mobile rules/cards center alignment */
@media (max-width: 767.98px) {
  .ruhunu-policy-card {
    border-radius: 20px;
  }
  .ruhunu-policy-card > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    text-align: center !important;
    padding: 24px 18px !important;
  }
  .ruhunu-policy-card strong {
    width: 100%;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    text-align: center !important;
  }
  .ruhunu-policy-card strong .ruhunu-policy-icon {
    margin-right: 0 !important;
  }
  .ruhunu-policy-card span:not(.ruhunu-policy-icon) {
    width: 100%;
    max-width: 310px;
    margin: 0 auto !important;
    text-align: center !important;
    line-height: 1.65;
  }
  .ruhunu-info-title,
  .section-tittle {
    text-align: center !important;
  }
  .ruhunu-info-title h2,
  .section-tittle h2 {
    font-size: 30px !important;
    line-height: 1.18 !important;
  }
}

/* Floating actions: keep scroll-up right, move WhatsApp/location to left on mobile */
@media (max-width: 767.98px) {
  .ruhunu-floating-actions {
    left: 16px !important;
    right: auto !important;
    bottom: 104px !important;
    gap: 10px !important;
    align-items: flex-start;
  }
  .ruhunu-float-btn {
    width: 46px !important;
    height: 46px !important;
  }
  #scrollUp {
    right: 16px !important;
    left: auto !important;
    bottom: 104px !important;
    width: 46px !important;
    height: 46px !important;
    line-height: 46px !important;
    border-radius: 50% !important;
    z-index: 9997 !important;
  }
  .ruhunu-bottom-nav {
    left: 10px !important;
    right: 10px !important;
    bottom: 9px !important;
    padding: 8px 6px !important;
    border-radius: 22px !important;
  }
  .ruhunu-bottom-nav a {
    font-size: 10.5px !important;
    gap: 3px !important;
  }
  .ruhunu-bottom-nav svg {
    width: 18px !important;
    height: 18px !important;
  }
}

/* Smooth reveal animations */
.reveal-up {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity .75s ease, transform .75s cubic-bezier(.22, 1, .36, 1);
}
.reveal-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.reveal-left {
  opacity: 0;
  transform: translateX(-34px);
  transition: opacity .75s ease, transform .75s cubic-bezier(.22, 1, .36, 1);
}
.reveal-left.is-visible {
  opacity: 1;
  transform: translateX(0);
}
.reveal-right {
  opacity: 0;
  transform: translateX(34px);
  transition: opacity .75s ease, transform .75s cubic-bezier(.22, 1, .36, 1);
}
.reveal-right.is-visible {
  opacity: 1;
  transform: translateX(0);
}
.h1-slider-caption h1,
.h1-slider-caption h3,
.hero-caption h2,
.hero-caption span,
.customer-caption span,
.customer-caption h2,
.section-tittle span,
.section-tittle h2,
.ruhunu-info-title span,
.ruhunu-info-title h2 {
  animation: ruhunuTextLift .85s cubic-bezier(.22,1,.36,1) both;
}
.customer-caption h2,
.section-tittle h2,
.ruhunu-info-title h2 {
  animation-delay: .08s;
}
@keyframes ruhunuTextLift {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal-up,
  .reveal-left,
  .reveal-right,
  .h1-slider-caption h1,
  .h1-slider-caption h3,
  .hero-caption h2,
  .hero-caption span,
  .customer-caption span,
  .customer-caption h2,
  .section-tittle span,
  .section-tittle h2,
  .ruhunu-info-title span,
  .ruhunu-info-title h2 {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}


/* Hosting final: room popup, explore cleanup, loader no-name */
.ruhunu-loader::after {
  display: none !important;
  content: none !important;
}
.ruhunu-popup-room-card {
  height: calc(100% - 50px);
}
.ruhunu-room-open {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: inherit;
  cursor: pointer;
}
.ruhunu-room-open .room-img {
  display: block;
}
.ruhunu-room-open .room-caption {
  display: block;
}
.ruhunu-room-title {
  display: block;
  color: #112e41;
  font-family: "Noto Serif", serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}
.ruhunu-view-details {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(220,167,58,.12);
  color: #dca73a;
  font-size: 13px;
  font-weight: 700;
}
.ruhunu-room-modal-layer {
  position: fixed;
  inset: 0;
  z-index: 10020;
  background: rgba(17,46,65,.56);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
}
.ruhunu-room-modal-layer.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.ruhunu-room-modal {
  position: fixed;
  inset: 0;
  z-index: 10021;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 28px;
}
.ruhunu-room-modal.is-open {
  display: flex;
}
.ruhunu-room-modal-box {
  position: relative;
  width: min(920px, 100%);
  max-height: min(86vh, 780px);
  overflow-y: auto;
  padding: 34px;
  border: 1px solid rgba(220,167,58,.28);
  border-radius: 28px;
  background: #fffdf8;
  box-shadow: 0 34px 90px rgba(17,46,65,.28);
  animation: ruhunuModalIn .28s cubic-bezier(.22,1,.36,1) both;
}
@keyframes ruhunuModalIn {
  from { opacity: 0; transform: translateY(22px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.ruhunu-room-modal-close {
  position: sticky;
  top: 0;
  float: right;
  z-index: 2;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: #112e41;
  color: #fff;
  font-size: 28px;
  line-height: 38px;
  cursor: pointer;
}
.ruhunu-modal-head {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-right: 48px;
}
.ruhunu-modal-head img {
  width: 124px;
  height: 96px;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid rgba(220,167,58,.25);
}
.ruhunu-modal-label {
  display: inline-block;
  margin-bottom: 6px;
  color: #dca73a;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ruhunu-modal-head h3 {
  margin: 0 0 8px;
  color: #112e41;
  font-size: 28px;
  line-height: 1.25;
}
.ruhunu-modal-desc {
  margin: 18px 0 22px;
  color: #4b5563;
  line-height: 1.85;
}
.ruhunu-modal-columns {
  margin-top: 18px;
}
.ruhunu-modal-actions {
  margin-top: 24px;
}
.ruhunu-modal-actions .btn {
  color: #fff !important;
}
body.ruhunu-modal-lock {
  overflow: hidden;
}
.ruhunu-nearby-section {
  padding: 70px 0 90px;
  background: #fff;
}
.ruhunu-nearby-row {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
  gap: 38px;
  align-items: center;
  margin-top: 42px;
}
.ruhunu-nearby-row.reverse .ruhunu-nearby-img {
  order: 2;
}
.ruhunu-nearby-img img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 28px;
  box-shadow: 0 24px 60px rgba(17,46,65,.13);
}
.ruhunu-nearby-text {
  padding: 24px;
}
.ruhunu-nearby-text span {
  color: #dca73a;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.ruhunu-nearby-text h3 {
  margin: 12px 0 14px;
  color: #112e41;
  font-size: 30px;
  line-height: 1.25;
}
.ruhunu-nearby-text p {
  color: #4b5563;
  line-height: 1.85;
}
@media (max-width: 767.98px) {
  .ruhunu-room-card {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }
  .ruhunu-room-title {
    text-align: center;
    font-size: 21px;
  }
  .ruhunu-view-details {
    margin-left: auto;
    margin-right: auto;
  }
  .ruhunu-room-modal {
    align-items: flex-end;
    padding: 0;
  }
  .ruhunu-room-modal-box {
    width: 100%;
    max-height: 88vh;
    padding: 24px 18px 28px;
    border-radius: 28px 28px 0 0;
  }
  .ruhunu-modal-head {
    flex-direction: column;
    align-items: center;
    padding-right: 0;
    text-align: center;
  }
  .ruhunu-room-modal-close {
    position: absolute;
    top: 12px;
    right: 14px;
    float: none;
    width: 38px;
    height: 38px;
    font-size: 25px;
  }
  .ruhunu-modal-head img {
    width: 118px;
    height: 92px;
  }
  .ruhunu-modal-head h3 {
    font-size: 24px;
  }
  .ruhunu-modal-desc {
    text-align: center;
    line-height: 1.75;
  }
  .ruhunu-modal-actions {
    text-align: center;
  }
  .ruhunu-nearby-section {
    padding: 50px 0 62px;
  }
  .ruhunu-nearby-row,
  .ruhunu-nearby-row.reverse {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 30px;
  }
  .ruhunu-nearby-row.reverse .ruhunu-nearby-img {
    order: 0;
  }
  .ruhunu-nearby-img img {
    height: 230px;
    border-radius: 22px;
  }
  .ruhunu-nearby-text {
    padding: 6px 4px 20px;
    text-align: center;
  }
  .ruhunu-nearby-text h3 {
    font-size: 24px;
  }
}


/* REAL FINAL MOBILE FIX: navbar, hero, booking popup, spacing */
@media (max-width: 767.98px) {
  body {
    padding-top: 84px !important;
    padding-bottom: 92px !important;
    overflow-x: hidden !important;
  }
  .ruhunu-site-header {
    height: 84px !important;
    display: flex !important;
    align-items: center !important;
    background: #fffdf8 !important;
  }
  .ruhunu-navbar {
    width: calc(100% - 28px) !important;
    min-height: 64px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }
  .ruhunu-logo-box {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 110px) !important;
    min-height: 52px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .ruhunu-menu-toggle {
    flex: 0 0 58px !important;
    width: 58px !important;
    min-width: 58px !important;
    height: 52px !important;
    margin: 0 !important;
  }

  .slider-height {
    min-height: 580px !important;
    padding: 78px 16px 150px !important;
    background-position: center center !important;
  }
  .h1-slider-caption {
    padding: 0 12px !important;
  }
  .h1-slider-caption h1 {
    font-size: 34px !important;
    line-height: 1.18 !important;
    letter-spacing: .03em !important;
  }
  .h1-slider-caption h3 {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }

  .booking-area {
    margin: -110px 12px 60px !important;
    position: relative !important;
    z-index: 20 !important;
  }
  .booking-wrap {
    width: 100% !important;
    margin: 0 !important;
    padding: 28px 22px 30px !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 55px rgba(17,46,65,.12) !important;
  }
  .booking-wrap .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .booking-wrap [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .single-select-box {
    width: 100% !important;
    margin: 0 0 22px !important;
    padding-top: 0 !important;
  }
  .single-select-box .boking-tittle {
    margin-bottom: 10px !important;
  }
  .single-select-box .boking-tittle span {
    display: block !important;
    text-align: left !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }
  .single-select-box .select-this,
  .single-select-box .select-this form,
  .single-select-box .select-this .select-itms,
  .single-select-box .select-this .nice-select,
  .single-select-box .select-this input {
    width: 100% !important;
    max-width: 100% !important;
  }
  .single-select-box .select-this .nice-select,
  .single-select-box .select-this input {
    height: 52px !important;
    line-height: 52px !important;
    border-radius: 6px !important;
  }
  .single-select-box .nice-select .list {
    width: 100% !important;
  }
  .single-select-box .nice-select .option {
    white-space: normal !important;
    min-height: 42px !important;
    line-height: 1.3 !important;
    display: flex !important;
    align-items: center !important;
  }
  .select-btn {
    width: 100% !important;
    margin-top: 4px !important;
  }
  .select-btn .btn {
    width: 100% !important;
    min-height: 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .ruhunu-floating-actions {
    position: fixed !important;
    left: 14px !important;
    right: auto !important;
    bottom: 100px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    z-index: 9996 !important;
  }
  .ruhunu-float-btn {
    width: 46px !important;
    height: 46px !important;
  }
  #scrollUp {
    right: 14px !important;
    left: auto !important;
    bottom: 100px !important;
    width: 46px !important;
    height: 46px !important;
    line-height: 46px !important;
    z-index: 9996 !important;
  }
  .ruhunu-bottom-nav {
    left: 10px !important;
    right: 10px !important;
    bottom: 8px !important;
    width: auto !important;
    min-height: 62px !important;
    padding: 8px 6px !important;
    display: grid !important;
    align-items: center !important;
    border-radius: 24px !important;
  }
  .ruhunu-bottom-nav a,
  .ruhunu-bottom-nav button {
    border: 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    color: #112e41 !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    padding: 0 !important;
    min-width: 0 !important;
  }
  .ruhunu-bottom-nav i {
    color: #dca73a !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }
}

/* Booking popup modal */
.ruhunu-booking-modal-layer {
  position: fixed;
  inset: 0;
  z-index: 10040;
  background: rgba(17,46,65,.58);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
}
.ruhunu-booking-modal-layer.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.ruhunu-booking-modal {
  position: fixed;
  inset: 0;
  z-index: 10041;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.ruhunu-booking-modal.is-open {
  display: flex;
}
.ruhunu-booking-modal-box {
  position: relative;
  width: min(720px, 100%);
  max-height: 88vh;
  overflow-y: auto;
  padding: 32px;
  border-radius: 28px;
  border: 1px solid rgba(220,167,58,.28);
  background: #fffdf8;
  box-shadow: 0 34px 90px rgba(17,46,65,.30);
}
.ruhunu-booking-modal-close {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: #112e41;
  color: #fff;
  font-size: 26px;
  line-height: 38px;
  cursor: pointer;
}
.ruhunu-booking-modal-box h3 {
  color: #112e41;
  font-size: 28px;
  margin: 6px 45px 10px 0;
}
.ruhunu-booking-modal-box p {
  color: #5c6470;
  line-height: 1.75;
  margin-bottom: 22px;
}
.ruhunu-popup-booking-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
}
.ruhunu-popup-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.ruhunu-popup-field-full {
  grid-column: 1 / -1;
}
.ruhunu-popup-field label {
  color: #112e41;
  font-weight: 700;
}
.ruhunu-popup-field input,
.ruhunu-popup-field select,
.ruhunu-popup-field textarea {
  width: 100%;
  border: 1px solid rgba(220,167,58,.45);
  border-radius: 10px;
  background: #fff;
  padding: 12px 14px;
  color: #3b3b3b;
}
.ruhunu-popup-submit {
  grid-column: 1 / -1;
  min-height: 52px;
  border: 0;
  border-radius: 10px;
  background: #dca73a;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.ruhunu-book-btn {
  border: 0;
  cursor: pointer;
}
.ruhunu-mobile-book-btn {
  border: 0;
  cursor: pointer;
  font-family: Georgia, 'Times New Roman', serif;
}
body.ruhunu-booking-lock {
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .ruhunu-booking-modal {
    align-items: flex-end;
    padding: 0;
  }
  .ruhunu-booking-modal-box {
    max-height: 88vh;
    padding: 26px 18px 24px;
    border-radius: 28px 28px 0 0;
  }
  .ruhunu-booking-modal-box h3,
  .ruhunu-booking-modal-box p {
    text-align: center;
    margin-right: 0;
  }
  .ruhunu-popup-booking-form {
    grid-template-columns: 1fr;
    gap: 13px;
  }
}


/* Real final screenshot cleanup */
@media (max-width: 767.98px) {
  .ruhunu-navbar {
    border: 0 !important;
    box-shadow: 0 8px 24px rgba(17,46,65,.06) !important;
  }
  .ruhunu-logo-box,
  .ruhunu-menu-toggle {
    border: 1px solid rgba(220,167,58,.55) !important;
    background: #fffdf8 !important;
  }
  .booking-area {
    max-width: calc(100% - 24px) !important;
  }
  .booking-wrap {
    overflow: visible !important;
  }
  .booking-wrap .single-select-box:last-child {
    margin-bottom: 0 !important;
  }
  .select-btn.btn,
  .select-btn .btn,
  button.select-btn {
    border: 0 !important;
  }
  .ruhunu-floating-actions {
    transform: translateY(-8px);
  }
  .ruhunu-floating-actions .ruhunu-float-btn {
    box-shadow: 0 12px 28px rgba(17,46,65,.18) !important;
  }
}

/* Book trigger buttons should look identical to existing links */
button.ruhunu-book-btn,
button.ruhunu-mobile-book-btn,
button.select-btn {
  appearance: none;
  -webkit-appearance: none;
}
button.ruhunu-book-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
button.ruhunu-mobile-book-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
button.select-btn {
  cursor: pointer;
}


/* FINAL GLOBAL MOBILE CENTER FIX
   Keeps desktop UI intact, fixes mobile left-heavy spacing across all pages. */
@media (max-width: 767.98px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  main,
  section,
  .slider-area,
  .room-area,
  .make-customer-area,
  .gallery-area,
  .testimonial-area,
  .ruhunu-info-section,
  .ruhunu-room-info-section,
  .ruhunu-resort-info-section,
  .ruhunu-explore-section,
  .ruhunu-nearby-section,
  .contact-section,
  .footer-area {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Center every Bootstrap container properly on phone */
  .container {
    width: calc(100% - 28px) !important;
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: center !important;
  }

  .row > [class*="col-"],
  [class*="col-"] {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Remove old desktop offset behavior on mobile */
  [class*="offset-"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Stop reveal animations from pulling sections left/right on phone */
  .reveal-left,
  .reveal-right,
  .reveal-up {
    transform: none !important;
  }
  .reveal-left.is-visible,
  .reveal-right.is-visible,
  .reveal-up.is-visible {
    transform: none !important;
  }

  /* Section titles always centered */
  .font-back-tittle,
  .archivment-front,
  .archivment-back,
  .section-tittle,
  .ruhunu-info-title,
  .hero-caption,
  .h1-slider-caption {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .font-back-tittle .archivment-front h3,
  .archivment-front h3,
  .section-tittle h2,
  .ruhunu-info-title h2 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Cards and blocks centered with balanced side spacing */
  .single-room,
  .ruhunu-room-card,
  .ruhunu-detail-card,
  .ruhunu-info-card,
  .ruhunu-policy-card,
  .ruhunu-gallery-card,
  .single-footer-caption,
  .single-testimonial,
  .customer-caption,
  .booking-wrap,
  .contact-info,
  .form-contact {
    width: 100% !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .ruhunu-detail-card,
  .ruhunu-info-card,
  .ruhunu-policy-card {
    text-align: center !important;
  }

  .ruhunu-room-details-grid,
  .ruhunu-resort-info-grid {
    width: 100% !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .ruhunu-detail-head,
  .ruhunu-modal-head {
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .ruhunu-detail-meta,
  .ruhunu-room-meta-line,
  .ruhunu-room-chips,
  .ruhunu-badges {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ruhunu-feature-chip {
    justify-content: center !important;
  }

  .ruhunu-mini-columns {
    width: 100% !important;
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .ruhunu-mini-columns h4 {
    justify-content: center !important;
    text-align: center !important;
  }

  .ruhunu-mini-columns ul,
  .ruhunu-info-card ul {
    width: 100% !important;
    max-width: 285px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
  }

  .ruhunu-detail-card p,
  .ruhunu-modal-desc,
  .customer-caption p,
  .ruhunu-nearby-text p,
  .single-testimonial p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* About/customer image block centered */
  .customer-img {
    width: 100% !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .customer-img img {
    max-width: 100% !important;
    height: auto !important;
  }
  .service-experience {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    max-width: calc(100% - 30px) !important;
  }

  /* Hero text and room titles */
  .h1-slider-caption h1,
  .hero-caption h2 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Booking form should not lean left/right */
  .booking-area {
    width: calc(100% - 24px) !important;
    max-width: 390px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .booking-wrap {
    max-width: 100% !important;
  }

  /* Explore zig-zag becomes centered single column */
  .ruhunu-nearby-row,
  .ruhunu-nearby-row.reverse {
    width: 100% !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: 1fr !important;
  }
  .ruhunu-nearby-row.reverse .ruhunu-nearby-img {
    order: 0 !important;
  }
  .ruhunu-nearby-img,
  .ruhunu-nearby-text {
    width: 100% !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  /* Gallery images centered */
  .gallery-area img,
  .ruhunu-gallery-card img,
  .single-gallery img {
    width: 100% !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    object-fit: cover !important;
  }

  /* Footer centered and balanced */
  .footer-area .row {
    justify-content: center !important;
    text-align: center !important;
  }
  .footer-area .single-footer-caption,
  .footer-tittle,
  .footer-tittle ul,
  .footer-pera,
  .footer-social {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .footer-tittle ul {
    max-width: 300px !important;
    padding-left: 0 !important;
  }

  /* Header actual phone width */
  .ruhunu-navbar {
    width: calc(100% - 24px) !important;
    max-width: 390px !important;
  }

  /* Keep fixed buttons away from content */
  .ruhunu-floating-actions {
    left: 14px !important;
    right: auto !important;
  }
  #scrollUp {
    right: 14px !important;
    left: auto !important;
  }
}

/* Slightly smaller phones */
@media (max-width: 380px) {
  .container,
  .booking-area,
  .ruhunu-navbar {
    width: calc(100% - 20px) !important;
  }
  .single-room,
  .ruhunu-room-card,
  .ruhunu-detail-card,
  .ruhunu-info-card,
  .ruhunu-policy-card,
  .ruhunu-gallery-card,
  .customer-caption,
  .customer-img {
    max-width: 340px !important;
  }
}


/* FINAL USER BUGFIX: mobile book button, testimonial, date width */
@media (max-width: 767.98px) {
  /* Hide desktop Book Online button from top mobile navbar */
  .ruhunu-navbar .ruhunu-book-btn,
  button.ruhunu-book-btn,
  a.ruhunu-book-btn {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .ruhunu-navbar {
    grid-template-columns: minmax(0, 1fr) 58px !important;
    display: grid !important;
    align-items: center !important;
  }

  .ruhunu-logo-box {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Bottom nav Book button popup style */
  .ruhunu-bottom-nav button.ruhunu-open-booking {
    border: 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    color: #112e41 !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    min-width: 0 !important;
  }
  .ruhunu-bottom-nav button.ruhunu-open-booking i {
    color: #dca73a !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  /* Date fields same width as select boxes */
  .single-select-box .select-this .input-group,
  .single-select-box .select-this .gj-datepicker,
  .single-select-box .select-this .gj-datepicker-bootstrap,
  .single-select-box .select-this .gj-unselectable,
  .single-select-box .select-this .gj-datepicker [role="input"],
  .single-select-box .select-this .gj-datepicker input,
  .single-select-box .select-this input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  .single-select-box .select-this .input-group {
    display: flex !important;
  }

  .single-select-box .select-this .gj-datepicker input,
  .single-select-box .select-this input[type="text"] {
    height: 52px !important;
    line-height: 52px !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
  }

  .single-select-box .select-this .input-group-append,
  .single-select-box .select-this .input-group-prepend {
    flex: 0 0 auto !important;
  }
}

/* Clean testimonial replacement */
.ruhunu-clean-testimonials {
  background: #ffffff;
  overflow: hidden;
}
.ruhunu-review-card {
  height: calc(100% - 30px);
  margin-bottom: 30px;
  padding: 32px 26px;
  border: 1px solid rgba(220,167,58,.22);
  border-radius: 24px;
  background: #fffdf8;
  text-align: center;
  box-shadow: 0 18px 45px rgba(17,46,65,.07);
}
.ruhunu-review-card .testimonial-ratting {
  margin-bottom: 18px;
}
.ruhunu-review-card .testimonial-ratting i {
  color: #dca73a;
  font-size: 16px;
}
.ruhunu-review-card p {
  margin: 0 auto 20px;
  max-width: 320px;
  color: #5b6470;
  font-size: 16px;
  line-height: 1.8;
}
.ruhunu-review-card h4 {
  margin: 0;
  color: #112e41;
  font-size: 20px;
  font-weight: 800;
}
.ruhunu-review-card span {
  display: block;
  margin-top: 6px;
  color: #777;
  font-size: 14px;
}
@media (max-width: 767.98px) {
  .ruhunu-clean-testimonials {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .ruhunu-review-card {
    width: 100% !important;
    max-width: 350px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 28px 20px !important;
  }
  .ruhunu-review-card p {
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
  }
}


/* FINAL DATE FIELD WIDTH FIX - match Adults / Children / Rooms on mobile */
@media (max-width: 767.98px) {
  .booking-wrap .single-select-box,
  .booking-wrap .single-select-box .select-this,
  .booking-wrap .single-select-box .select-this form,
  .booking-wrap .single-select-box .select-this .select-itms {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Gijgo datepicker wrapper */
  .booking-wrap .single-select-box .gj-datepicker,
  .booking-wrap .single-select-box .gj-datepicker-bootstrap,
  .booking-wrap .single-select-box .gj-unselectable,
  .booking-wrap .single-select-box .input-group {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
  }

  /* Date input itself */
  .booking-wrap .single-select-box .gj-datepicker input,
  .booking-wrap .single-select-box .gj-datepicker-bootstrap input,
  .booking-wrap .single-select-box input#datepicker1,
  .booking-wrap .single-select-box input#datepicker2,
  .booking-wrap .single-select-box input[type="text"] {
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 52px !important;
    line-height: 52px !important;
    padding-left: 78px !important;
    box-sizing: border-box !important;
  }

  /* Date icon button must not reduce whole field width */
  .booking-wrap .single-select-box .gj-datepicker button,
  .booking-wrap .single-select-box .gj-datepicker-bootstrap button,
  .booking-wrap .single-select-box .input-group-append,
  .booking-wrap .single-select-box .input-group-prepend {
    flex: 0 0 58px !important;
    width: 58px !important;
    max-width: 58px !important;
  }

  /* Make all visible booking inputs exactly the same visual width */
  .booking-wrap .single-select-box .nice-select,
  .booking-wrap .single-select-box input#datepicker1,
  .booking-wrap .single-select-box input#datepicker2,
  .booking-wrap .single-select-box .gj-datepicker,
  .booking-wrap .single-select-box .gj-datepicker-bootstrap {
    width: 100% !important;
  }
}


/* FINAL POPUP STICKY CLOSE FIX - applies to booking, room and image popups */
.ruhunu-room-modal-box,
.ruhunu-booking-modal-box {
  position: relative !important;
  scrollbar-width: thin;
}

/* Sticky close button inside scrolling popup content */
.ruhunu-room-modal-close,
.ruhunu-booking-modal-close {
  position: sticky !important;
  top: 10px !important;
  right: 10px !important;
  float: right !important;
  z-index: 10080 !important;
  margin-left: auto !important;
  margin-bottom: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #112e41 !important;
  color: #ffffff !important;
  font-size: 28px !important;
  line-height: 1 !important;
  box-shadow: 0 12px 28px rgba(17,46,65,.22) !important;
  cursor: pointer !important;
}

/* Keep popup title/content clear from sticky button */
.ruhunu-modal-head,
.ruhunu-booking-modal-box .ruhunu-modal-label,
.ruhunu-booking-modal-box h3 {
  clear: both;
}

/* Magnific gallery popup close button also stays visible */
.mfp-close {
  position: fixed !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 11050 !important;
  width: 46px !important;
  height: 46px !important;
  line-height: 46px !important;
  border-radius: 50% !important;
  background: rgba(17,46,65,.92) !important;
  color: #fff !important;
  opacity: 1 !important;
  text-align: center !important;
}

/* Modal open state must always appear above navbar/bottom nav/floating buttons */
.ruhunu-room-modal-layer,
.ruhunu-booking-modal-layer {
  z-index: 12000 !important;
}
.ruhunu-room-modal,
.ruhunu-booking-modal {
  z-index: 12001 !important;
}
body.ruhunu-modal-lock .ruhunu-bottom-nav,
body.ruhunu-booking-lock .ruhunu-bottom-nav,
body.ruhunu-modal-lock .ruhunu-floating-actions,
body.ruhunu-booking-lock .ruhunu-floating-actions,
body.ruhunu-modal-lock #scrollUp,
body.ruhunu-booking-lock #scrollUp {
  display: none !important;
}

@media (max-width: 767.98px) {
  .ruhunu-room-modal-close,
  .ruhunu-booking-modal-close {
    top: 8px !important;
    right: 8px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    font-size: 26px !important;
  }

  .ruhunu-room-modal-box,
  .ruhunu-booking-modal-box {
    scroll-padding-top: 64px;
  }

  .mfp-close {
    top: 10px !important;
    right: 10px !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
  }
}


/* FINAL MOBILE ICONS + CARDS + CENTER ALIGN POLISH */
@media (max-width: 767.98px) {
  /* Global safe center for all pages */
  html, body {
    overflow-x: hidden !important;
  }
  main,
  section,
  .container,
  .container-fluid {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  .container {
    width: calc(100% - 28px) !important;
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: center !important;
  }
  .row > [class*="col-"],
  [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [class*="offset-"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Titles/subtitles across all pages */
  .section-tittle,
  .ruhunu-info-title,
  .font-back-tittle,
  .archivment-front,
  .hero-caption,
  .h1-slider-caption,
  .customer-caption,
  .dining-caption,
  .testimonial-caption {
    width: 100% !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .section-tittle span,
  .ruhunu-info-title span,
  .customer-caption span,
  .hero-caption span {
    display: block !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .section-tittle h2,
  .ruhunu-info-title h2,
  .font-back-tittle h3,
  .archivment-front h3,
  .hero-caption h2,
  .customer-caption h2 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 360px !important;
    line-height: 1.16 !important;
  }
  .archivment-back {
    left: 50% !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  /* Standard cards centered */
  .single-room,
  .ruhunu-room-card,
  .ruhunu-detail-card,
  .ruhunu-info-card,
  .ruhunu-policy-card,
  .ruhunu-review-card,
  .ruhunu-gallery-card,
  .customer-caption,
  .customer-img,
  .single-footer-caption {
    width: 100% !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* Policy / rules section: beautiful compact card style */
  .ruhunu-policy-card {
    border: 1px solid rgba(220,167,58,.25) !important;
    border-radius: 24px !important;
    background: #fffdf8 !important;
    overflow: hidden !important;
    box-shadow: 0 18px 45px rgba(17,46,65,.06) !important;
  }
  .ruhunu-policy-card > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 24px 18px !important;
    border-bottom: 1px solid rgba(220,167,58,.18) !important;
    text-align: center !important;
  }
  .ruhunu-policy-card > div:last-child {
    border-bottom: 0 !important;
  }
  .ruhunu-policy-card strong {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 0 !important;
    color: #112e41 !important;
    font-size: 21px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    letter-spacing: .01em !important;
  }
  .ruhunu-policy-card span:not(.ruhunu-policy-icon) {
    width: 100% !important;
    max-width: 315px !important;
    display: block !important;
    margin: 0 auto !important;
    color: #5c6470 !important;
    font-size: 17px !important;
    line-height: 1.62 !important;
    text-align: center !important;
  }

  /* Icon system consistent and not broken-looking */
  .ruhunu-policy-icon,
  .ruhunu-card-icon,
  .ruhunu-heading-icon {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    margin: 0 auto !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff6df !important;
    color: #dca73a !important;
    box-shadow: inset 0 0 0 1px rgba(220,167,58,.28) !important;
  }
  .ruhunu-policy-icon i,
  .ruhunu-card-icon i,
  .ruhunu-heading-icon i {
    display: inline-block !important;
    color: #5f5f5f !important;
    font-size: 17px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* Room/info chips stay neat */
  .ruhunu-feature-chip {
    min-height: 38px !important;
    padding: 9px 14px !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .ruhunu-feature-chip i {
    background: transparent !important;
    box-shadow: none !important;
    color: #5f5f5f !important;
    font-size: 13px !important;
  }
  .ruhunu-room-chips,
  .ruhunu-badges,
  .ruhunu-detail-meta,
  .ruhunu-room-meta-line {
    justify-content: center !important;
    text-align: center !important;
  }

  /* Bullet/list sections: not too long-looking, centered but readable */
  .ruhunu-mini-columns,
  .ruhunu-room-details-grid,
  .ruhunu-resort-info-grid {
    width: 100% !important;
    max-width: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .ruhunu-mini-columns > div,
  .ruhunu-info-card {
    text-align: center !important;
  }
  .ruhunu-mini-columns h4,
  .ruhunu-info-card h3 {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    text-align: center !important;
  }
  .ruhunu-mini-columns ul,
  .ruhunu-info-card ul {
    width: 100% !important;
    max-width: 285px !important;
    margin: 16px auto 0 !important;
    padding-left: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    text-align: left !important;
    list-style: none !important;
  }
  .ruhunu-mini-columns li,
  .ruhunu-info-card li {
    padding-left: 28px !important;
    line-height: 1.5 !important;
    min-height: 22px !important;
  }

  /* Paragraphs and captions centered */
  .ruhunu-detail-card p,
  .ruhunu-modal-desc,
  .customer-caption p,
  .ruhunu-nearby-text p,
  .testimonial-caption p,
  .ruhunu-review-card p {
    max-width: 330px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    line-height: 1.72 !important;
  }

  /* Footer title/subtitle center */
  .footer-area,
  .footer-area .row,
  .footer-tittle,
  .footer-tittle h4,
  .footer-tittle ul,
  .footer-pera,
  .ruhunu-developed-by {
    text-align: center !important;
  }

  /* Remove sideways reveal pull on phones */
  .reveal-left,
  .reveal-right,
  .reveal-up,
  .reveal-left.is-visible,
  .reveal-right.is-visible,
  .reveal-up.is-visible {
    transform: none !important;
  }
}

@media (max-width: 380px) {
  .container {
    width: calc(100% - 22px) !important;
  }
  .single-room,
  .ruhunu-room-card,
  .ruhunu-detail-card,
  .ruhunu-info-card,
  .ruhunu-policy-card,
  .ruhunu-review-card,
  .ruhunu-gallery-card {
    max-width: 340px !important;
  }
}


/* ==========================================================
   CLEAN HOSTING PASS FINAL OVERRIDES
   ========================================================== */

/* Loader: stripe-line animation only, no logo/text */
.ruhunu-loader {
  background: #fffdf8 !important;
}
.ruhunu-loader::after {
  display: none !important;
  content: none !important;
}
.dot-spinner {
  display: none !important;
}
.ruhunu-loader::before {
  content: "" !important;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  display: block;
  background:
    repeating-conic-gradient(from 0deg, #dca73a 0deg 12deg, transparent 12deg 24deg);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 12px), #000 calc(100% - 11px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 12px), #000 calc(100% - 11px));
  animation: ruhunuStripeLoader .85s linear infinite;
  filter: drop-shadow(0 18px 28px rgba(220,167,58,.28));
}
@keyframes ruhunuStripeLoader {
  to { transform: rotate(360deg); }
}

/* Service badge real year */
.service-experience h3 {
  font-size: 26px;
}

/* Stable popup close */
.ruhunu-room-modal-close,
.ruhunu-booking-modal-close {
  position: sticky !important;
  top: 10px !important;
  float: right !important;
  z-index: 12500 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.mfp-close {
  position: fixed !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 13000 !important;
  background: rgba(17,46,65,.92) !important;
  color: #fff !important;
  border-radius: 50% !important;
  opacity: 1 !important;
}

/* Popup layers above every fixed element */
.ruhunu-room-modal-layer,
.ruhunu-booking-modal-layer { z-index: 12000 !important; }
.ruhunu-room-modal,
.ruhunu-booking-modal { z-index: 12001 !important; }
body.ruhunu-modal-lock .ruhunu-bottom-nav,
body.ruhunu-booking-lock .ruhunu-bottom-nav,
body.ruhunu-modal-lock .ruhunu-floating-actions,
body.ruhunu-booking-lock .ruhunu-floating-actions,
body.ruhunu-modal-lock #scrollUp,
body.ruhunu-booking-lock #scrollUp {
  display: none !important;
}

/* Mobile final stability */
@media (max-width: 767.98px) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-bottom: 92px !important;
  }

  .ruhunu-site-header {
    height: 84px !important;
    background: #fffdf8 !important;
  }

  .ruhunu-navbar {
    width: calc(100% - 24px) !important;
    max-width: 390px !important;
    min-height: 64px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 58px !important;
    gap: 10px !important;
    align-items: center !important;
    box-shadow: 0 8px 24px rgba(17,46,65,.06) !important;
  }

  .ruhunu-navbar .ruhunu-book-btn,
  button.ruhunu-book-btn,
  a.ruhunu-book-btn {
    display: none !important;
  }

  .ruhunu-logo-box {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 52px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(220,167,58,.55) !important;
    background: #fffdf8 !important;
    font-size: 18px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .ruhunu-menu-toggle {
    width: 58px !important;
    min-width: 58px !important;
    height: 52px !important;
    border: 1px solid rgba(220,167,58,.55) !important;
    background: #fffdf8 !important;
  }

  .container {
    width: calc(100% - 28px) !important;
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: center !important;
  }

  .row > [class*="col-"],
  [class*="col-"],
  [class*="offset-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .slider-height {
    min-height: 580px !important;
    padding: 78px 16px 150px !important;
    background-position: center center !important;
  }

  .booking-area {
    width: calc(100% - 24px) !important;
    max-width: 390px !important;
    margin: -110px auto 60px !important;
    position: relative !important;
    z-index: 20 !important;
  }

  .booking-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding: 28px 22px 30px !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 55px rgba(17,46,65,.12) !important;
  }

  .booking-wrap .single-select-box,
  .booking-wrap .single-select-box .select-this,
  .booking-wrap .single-select-box .select-this form,
  .booking-wrap .single-select-box .select-this .select-itms,
  .booking-wrap .single-select-box .nice-select,
  .booking-wrap .single-select-box .gj-datepicker,
  .booking-wrap .single-select-box .gj-datepicker-bootstrap,
  .booking-wrap .single-select-box .input-group,
  .booking-wrap .single-select-box input#datepicker1,
  .booking-wrap .single-select-box input#datepicker2,
  .booking-wrap .single-select-box input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .booking-wrap .single-select-box .gj-datepicker,
  .booking-wrap .single-select-box .gj-datepicker-bootstrap,
  .booking-wrap .single-select-box .input-group {
    display: flex !important;
  }

  .booking-wrap .single-select-box .gj-datepicker input,
  .booking-wrap .single-select-box .gj-datepicker-bootstrap input,
  .booking-wrap .single-select-box input#datepicker1,
  .booking-wrap .single-select-box input#datepicker2 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 52px !important;
    line-height: 52px !important;
  }

  .booking-wrap .single-select-box .input-group-append,
  .booking-wrap .single-select-box .input-group-prepend,
  .booking-wrap .single-select-box .gj-datepicker button {
    flex: 0 0 58px !important;
    width: 58px !important;
  }

  .select-btn,
  button.select-btn,
  .select-btn .btn {
    width: 100% !important;
  }

  .single-room,
  .ruhunu-room-card,
  .ruhunu-detail-card,
  .ruhunu-info-card,
  .ruhunu-policy-card,
  .ruhunu-review-card,
  .ruhunu-gallery-card,
  .customer-caption,
  .customer-img,
  .single-footer-caption {
    width: 100% !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .section-tittle,
  .ruhunu-info-title,
  .font-back-tittle,
  .archivment-front,
  .hero-caption,
  .h1-slider-caption,
  .customer-caption,
  .testimonial-caption {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .section-tittle h2,
  .ruhunu-info-title h2,
  .font-back-tittle h3,
  .archivment-front h3,
  .hero-caption h2,
  .customer-caption h2 {
    max-width: 360px !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ruhunu-policy-card {
    border-radius: 24px !important;
    background: #fffdf8 !important;
    overflow: hidden !important;
    box-shadow: 0 18px 45px rgba(17,46,65,.06) !important;
  }

  .ruhunu-policy-card > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 24px 18px !important;
    text-align: center !important;
  }

  .ruhunu-policy-card strong {
    width: 100% !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    text-align: center !important;
    font-size: 21px !important;
  }

  .ruhunu-policy-card span:not(.ruhunu-policy-icon) {
    max-width: 315px !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 1.62 !important;
  }

  .ruhunu-policy-icon,
  .ruhunu-card-icon,
  .ruhunu-heading-icon {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    margin: 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff6df !important;
    color: #dca73a !important;
    box-shadow: inset 0 0 0 1px rgba(220,167,58,.28) !important;
  }

  .ruhunu-policy-icon i,
  .ruhunu-card-icon i,
  .ruhunu-heading-icon i {
    color: #5f5f5f !important;
    font-size: 17px !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  .ruhunu-room-chips,
  .ruhunu-badges,
  .ruhunu-detail-meta,
  .ruhunu-room-meta-line {
    justify-content: center !important;
    text-align: center !important;
  }

  .ruhunu-mini-columns,
  .ruhunu-room-details-grid,
  .ruhunu-resort-info-grid {
    max-width: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .ruhunu-mini-columns h4,
  .ruhunu-info-card h3 {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .ruhunu-mini-columns ul,
  .ruhunu-info-card ul {
    max-width: 285px !important;
    margin: 16px auto 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
    list-style: none !important;
  }

  .ruhunu-detail-card p,
  .ruhunu-modal-desc,
  .customer-caption p,
  .ruhunu-nearby-text p,
  .testimonial-caption p,
  .ruhunu-review-card p {
    max-width: 330px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    line-height: 1.72 !important;
  }

  .ruhunu-floating-actions {
    left: 14px !important;
    right: auto !important;
    bottom: 100px !important;
    z-index: 9996 !important;
  }

  #scrollUp {
    right: 14px !important;
    left: auto !important;
    bottom: 100px !important;
    z-index: 9996 !important;
  }

  .ruhunu-bottom-nav {
    left: 10px !important;
    right: 10px !important;
    bottom: 8px !important;
    min-height: 62px !important;
    border-radius: 24px !important;
  }

  .ruhunu-bottom-nav a,
  .ruhunu-bottom-nav button {
    border: 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    color: #112e41 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    min-width: 0 !important;
  }

  .reveal-left,
  .reveal-right,
  .reveal-up,
  .reveal-left.is-visible,
  .reveal-right.is-visible,
  .reveal-up.is-visible {
    transform: none !important;
  }
}


/* FINAL MOBILE HERO IMAGE LOAD FIX */
.single-slider[data-background],
.hero-overly[data-background],
[data-background] {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
@media (max-width: 767.98px) {
  .single-slider[data-background],
  .hero-overly[data-background] {
    background-size: cover !important;
    background-position: center center !important;
    background-color: #222 !important;
  }
  .hero-overly::before {
    opacity: .38 !important;
  }
}


/* EXACT MOBILE DATE WIDTH FIX - Check In / Check Out same as Adults / Children / Rooms */
@media (max-width: 767.98px) {
  /* All booking fields use the same full row width */
  .booking-wrap .single-select-box {
    width: 100% !important;
    max-width: 100% !important;
  }

  .booking-wrap .single-select-box .select-this,
  .booking-wrap .single-select-box .select-this form,
  .booking-wrap .single-select-box .select-this .select-itms {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  /* Datepicker plugin creates extra wrappers — force them to match select width */
  .booking-wrap .single-select-box .gj-datepicker,
  .booking-wrap .single-select-box .gj-datepicker-bootstrap,
  .booking-wrap .single-select-box .gj-unselectable,
  .booking-wrap .single-select-box .input-group,
  .booking-wrap .single-select-box .gj-datepicker.input-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  /* Date input itself */
  .booking-wrap .single-select-box input#datepicker1,
  .booking-wrap .single-select-box input#datepicker2,
  .booking-wrap .single-select-box .gj-datepicker input,
  .booking-wrap .single-select-box .gj-datepicker-bootstrap input,
  .booking-wrap .single-select-box .input-group input,
  .booking-wrap .single-select-box input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 52px !important;
    line-height: 52px !important;
    padding-left: 68px !important;
    padding-right: 18px !important;
    display: block !important;
    box-sizing: border-box !important;
    border-radius: 6px !important;
  }

  /* Put calendar icon inside the full-width input without shrinking it */
  .booking-wrap .single-select-box .input-group-append,
  .booking-wrap .single-select-box .input-group-prepend,
  .booking-wrap .single-select-box .gj-datepicker button,
  .booking-wrap .single-select-box .gj-datepicker-bootstrap button,
  .booking-wrap .single-select-box [role="right-icon"] {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    z-index: 5 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
  }

  /* Select boxes stay same size too */
  .booking-wrap .single-select-box .nice-select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 52px !important;
    line-height: 52px !important;
    box-sizing: border-box !important;
  }
}


/* BOOKING POPUP HARD FINAL FIX - must stay at end of file */
html body .ruhunu-booking-modal-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: block !important;
  background: rgba(17, 46, 65, .62) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .25s ease, visibility .25s ease !important;
}
html body .ruhunu-booking-modal-layer.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
html body .ruhunu-booking-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483001 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}
html body .ruhunu-booking-modal.is-open {
  display: flex !important;
}
html body .ruhunu-booking-modal-box {
  position: relative !important;
  width: min(720px, 100%) !important;
  max-width: 720px !important;
  max-height: min(88vh, 780px) !important;
  overflow-y: auto !important;
  margin: 0 auto !important;
  padding: 34px 32px 32px !important;
  border: 1px solid rgba(220,167,58,.32) !important;
  border-radius: 28px !important;
  background: #fffdf8 !important;
  box-shadow: 0 35px 90px rgba(17,46,65,.34) !important;
  box-sizing: border-box !important;
  color: #112e41 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
}
html body .ruhunu-booking-modal-close {
  position: sticky !important;
  top: 8px !important;
  float: right !important;
  z-index: 2147483002 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  margin: -10px -8px 8px auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #112e41 !important;
  color: #fff !important;
  font-size: 29px !important;
  line-height: 1 !important;
  box-shadow: 0 12px 28px rgba(17,46,65,.24) !important;
  cursor: pointer !important;
}
html body .ruhunu-booking-modal-header {
  clear: both !important;
  text-align: center !important;
  max-width: 560px !important;
  margin: 0 auto 22px !important;
}
html body .ruhunu-booking-modal .ruhunu-modal-label {
  display: block !important;
  margin: 0 0 8px !important;
  color: #dca73a !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}
html body .ruhunu-booking-modal h3 {
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: #112e41 !important;
  font-size: 30px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  text-align: center !important;
}
html body .ruhunu-booking-modal p {
  margin: 0 auto !important;
  max-width: 520px !important;
  color: #5f6670 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  text-align: center !important;
}
html body .ruhunu-popup-booking-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .ruhunu-popup-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  min-width: 0 !important;
}
html body .ruhunu-popup-field-full {
  grid-column: 1 / -1 !important;
}
html body .ruhunu-popup-field label {
  display: block !important;
  margin: 0 !important;
  color: #112e41 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}
html body .ruhunu-popup-field input,
html body .ruhunu-popup-field select,
html body .ruhunu-popup-field textarea {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(220,167,58,.52) !important;
  border-radius: 10px !important;
  outline: none !important;
  background: #fff !important;
  color: #343434 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  font-family: Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}
html body .ruhunu-popup-field textarea {
  min-height: 92px !important;
  resize: vertical !important;
}
html body .ruhunu-popup-submit {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-height: 54px !important;
  margin: 4px 0 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #dca73a !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  cursor: pointer !important;
  box-shadow: 0 14px 30px rgba(220,167,58,.24) !important;
}
html body.ruhunu-booking-lock {
  overflow: hidden !important;
}
html body.ruhunu-booking-lock .ruhunu-bottom-nav,
html body.ruhunu-booking-lock .ruhunu-floating-actions,
html body.ruhunu-booking-lock #scrollUp {
  display: none !important;
}
@media (max-width: 767.98px) {
  html body .ruhunu-booking-modal {
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 !important;
  }
  html body .ruhunu-booking-modal-box {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 90vh !important;
    margin: 0 !important;
    padding: 24px 18px 26px !important;
    border-radius: 28px 28px 0 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }
  html body .ruhunu-booking-modal-close {
    top: 8px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: -8px -4px 6px auto !important;
    font-size: 27px !important;
  }
  html body .ruhunu-booking-modal h3 {
    font-size: 24px !important;
    line-height: 1.26 !important;
  }
  html body .ruhunu-booking-modal p {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
  html body .ruhunu-popup-booking-form {
    grid-template-columns: 1fr !important;
    gap: 13px !important;
  }
  html body .ruhunu-popup-field input,
  html body .ruhunu-popup-field select,
  html body .ruhunu-popup-field textarea {
    min-height: 50px !important;
    font-size: 15px !important;
  }
}


/* FINAL PC + MOBILE FLOATING BUTTON SEPARATION & POPUP CLOSE STICKY */
html body .ruhunu-floating-actions {
  position: fixed !important;
  left: 28px !important;
  right: auto !important;
  bottom: 34px !important;
  z-index: 9996 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  align-items: flex-start !important;
}
html body .ruhunu-floating-actions .ruhunu-float-btn {
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
}
html body #scrollUp {
  position: fixed !important;
  right: 28px !important;
  left: auto !important;
  bottom: 34px !important;
  z-index: 9996 !important;
  width: 54px !important;
  height: 54px !important;
  line-height: 54px !important;
  border-radius: 50% !important;
}

/* Popup close button visible while scrolling on BOTH PC and mobile */
html body .ruhunu-room-modal-box,
html body .ruhunu-booking-modal-box {
  position: relative !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

html body .ruhunu-room-modal-close,
html body .ruhunu-booking-modal-close {
  position: sticky !important;
  top: 8px !important;
  float: right !important;
  z-index: 2147483005 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  margin: -8px -6px 8px auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #112e41 !important;
  color: #fff !important;
  font-size: 28px !important;
  line-height: 1 !important;
  box-shadow: 0 12px 28px rgba(17,46,65,.26) !important;
  cursor: pointer !important;
}

/* Keep modal content below sticky close */
html body .ruhunu-modal-head,
html body .ruhunu-booking-modal-header {
  clear: both !important;
}

/* Hide floating/bottom nav while any popup is open */
html body.ruhunu-modal-lock .ruhunu-floating-actions,
html body.ruhunu-booking-lock .ruhunu-floating-actions,
html body.ruhunu-modal-lock #scrollUp,
html body.ruhunu-booking-lock #scrollUp,
html body.ruhunu-modal-lock .ruhunu-bottom-nav,
html body.ruhunu-booking-lock .ruhunu-bottom-nav {
  display: none !important;
}

@media (max-width: 767.98px) {
  html body .ruhunu-floating-actions {
    left: 14px !important;
    right: auto !important;
    bottom: 100px !important;
    gap: 10px !important;
  }
  html body .ruhunu-floating-actions .ruhunu-float-btn {
    width: 46px !important;
    height: 46px !important;
  }
  html body #scrollUp {
    right: 14px !important;
    left: auto !important;
    bottom: 100px !important;
    width: 46px !important;
    height: 46px !important;
    line-height: 46px !important;
  }

  html body .ruhunu-room-modal-close,
  html body .ruhunu-booking-modal-close {
    position: sticky !important;
    top: 8px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: -6px -2px 8px auto !important;
    font-size: 26px !important;
  }

  html body .ruhunu-room-modal-box,
  html body .ruhunu-booking-modal-box {
    scroll-padding-top: 58px !important;
  }
}

/* Gallery/lightbox close also always visible */
html body .mfp-close {
  position: fixed !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 2147483006 !important;
  width: 46px !important;
  height: 46px !important;
  line-height: 46px !important;
  border-radius: 50% !important;
  background: rgba(17,46,65,.92) !important;
  color: #fff !important;
  opacity: 1 !important;
}


/* Loader removed */
#ruhunu-loader,
.ruhunu-loader {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}