/* Kona Luxe Home Vacations — final, scoped refinement layer.
   Existing page content, fonts, imagery and booking destinations stay native. */
body.klh-refined {
  --klh-ink: #172e32;
  --klh-teal: #006975;
  --klh-teal-deep: #004e58;
  --klh-muted: #526268;
  --klh-soft: #f3f7f6;
  --klh-border: #dfe9e6;
  --klh-radius: 24px;
  --klh-ease: cubic-bezier(.22,1,.36,1);
  --klh-shadow: 0 10px 32px rgba(16,54,55,.055);
  -webkit-font-smoothing: antialiased;
}
body.klh-refined :is(#klh-main, #amenities, #location, #contact, #klh-faq) { scroll-margin-top: 110px; }
body.klh-refined :is(a, button, summary, input, textarea, select):focus-visible {
  outline: 3px solid var(--klh-teal);
  outline-offset: 4px;
}
body.klh-refined :is(.am-section, .ct-section, .luxe-footer-top) :is(a, button):focus-visible {
  outline-color: #fff;
}
body.klh-refined :is(.loc-card, .ct-card, .cp-form-card, .cp-side, .review-links article, .luxe-blog-card) { min-width: 0; }
body.klh-refined :is(.ct-card-info, .cp-info-value, .luxe-footer-bottom a) { overflow-wrap: anywhere; }

/* Floating navigation keeps every destination reachable on short screens. */
body.klh-refined .klh-nav .nav-inner {
  background-color: rgba(255,255,255,.94);
  border-color: rgba(255,255,255,.82);
  box-shadow: 0 8px 32px rgba(10,40,43,.1);
}
body.klh-refined .klh-nav .nav-link { min-height: 44px; display: inline-flex; align-items: center; }
body.klh-refined .klh-nav .nav-link[aria-current="page"] .nav-text { color: var(--klh-teal-deep); }
body.klh-refined .klh-nav .nav-link[aria-current="page"] { background: #e6f1ef; }
body.klh-refined .klh-nav .nav-link[aria-current="page"]:hover .nav-text { color: #fff; }
body.klh-refined .klh-nav #mobile-menu-btn { width: 44px; height: 44px; flex-shrink: 0; }
body.klh-refined .klh-nav .mobile-menu {
  background: rgba(255,255,255,.98);
  border-color: var(--klh-border);
  scrollbar-width: thin;
  overscroll-behavior: contain;
}
body.klh-refined .klh-nav .mobile-menu.open {
  max-height: calc(100vh - 114px);
  max-height: calc(100dvh - 114px);
  overflow-y: auto;
}
body.klh-refined .klh-nav .mobile-menu-inner { padding: 12px 20px 18px; }
body.klh-refined .klh-nav .mobile-nav-link {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 12px 8px;
  border-color: #edf2f0;
  border-radius: 8px;
}
body.klh-refined .klh-nav .mobile-nav-link[aria-current="page"] {
  color: var(--klh-teal-deep);
  background: #eaf4f2;
}
body.klh-refined .klh-nav :is(#cta-btn, .mobile-cta-btn) { background: var(--klh-teal); }
body.klh-refined .klh-nav .mobile-cta-btn { flex-shrink: 0; min-height: 48px; }

/* Consistent section rhythm without touching Elementor's container system. */
body.klh-refined :is(.am-section, .loc-section, .ct-section) { padding: clamp(64px,7.2vw,112px) 24px; }
body.klh-refined .klh-about > section { padding: clamp(64px,7.2vw,112px) 24px; }
body.klh-refined .klh-about > section > div:first-child { margin-bottom: 42px; }
body.klh-refined .klh-about > section > div:first-child p { color: var(--klh-muted); font-weight: 400; }
body.klh-refined :is(.loc-header, .ct-header, .rw-header) { margin-bottom: 40px; }
body.klh-refined :is(.loc-title, .ct-title, .rw-title, .am-title, .luxe-blog-title, .cp-title, .klh-about h2) { text-wrap: balance; }
body.klh-refined :is(.loc-eyebrow, .rw-badge, .cp-eyebrow) { color: var(--klh-teal); }

/* Four photos and a video form a compact, usable mosaic at every width. */
body.klh-refined .klh-about .klh-home-gallery {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);
  gap: 18px !important;
  height: clamp(420px,49vw,640px) !important;
  width: 100%;
}
body.klh-refined .klh-about .klh-home-gallery > div {
  width: 100% !important;
  height: 100% !important;
  min-width: 0;
  min-height: 0;
}
body.klh-refined .klh-about .klh-home-gallery > div:nth-child(-n+2) {
  display: grid;
  grid-template-rows: minmax(0,1fr) minmax(0,1fr);
  gap: 18px;
}
body.klh-refined .klh-about .klh-home-gallery > div:nth-child(2) { grid-template-rows: minmax(0,1.15fr) minmax(0,.85fr); }
body.klh-refined .klh-about .klh-home-gallery > div:nth-child(-n+2) > div {
  width: 100%;
  height: 100% !important;
  min-height: 0;
  border-radius: var(--klh-radius);
}
body.klh-refined .klh-about .klh-home-gallery > div:nth-child(3) { border-radius: var(--klh-radius); cursor: default; }
body.klh-refined .klh-about .klh-home-gallery :is(img, video) { width: 100%; height: 100%; object-fit: cover; }
body.klh-refined .klh-about .klh-home-gallery video { transform: none !important; }
body.klh-refined .klh-photo-tile { position: relative; }
body.klh-refined .klh-photo-trigger {
  position: absolute;
  inset: 0;
  z-index: 12;
  width: 100%;
  height: 100%;
  min-height: 44px;
  margin: 0;
  border: 0;
  border-radius: inherit;
  background: linear-gradient(transparent 64%, rgba(4,26,28,.45));
  color: #fff;
  cursor: zoom-in;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 14px;
  text-align: left;
}
body.klh-refined .klh-photo-trigger span {
  display: inline-flex;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 99px;
  background: rgba(9,31,34,.58);
  font: 500 12px/1.2 Inter,sans-serif;
}
body.klh-refined .klh-photo-trigger:focus-visible { outline-color: #fff; outline-offset: -6px; }
body.klh-refined .klh-gallery-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 24px;
  margin-top: 28px;
  border: 1px solid var(--klh-border);
  border-radius: 99px;
  background: var(--klh-soft);
  color: var(--klh-teal-deep);
  font: 600 15px/1.4 Manrope,sans-serif;
  text-decoration: none;
}

/* Amenities, working stays and location cards. */
body.klh-refined :is(.am-section, .ct-section) { background: #005f6b; }
body.klh-refined .am-title { margin-bottom: 22px; }
body.klh-refined .am-pill { border-color: rgba(255,255,255,.27); background: rgba(255,255,255,.1); line-height: 1.45; }
body.klh-refined :is(.am-show-btn, .ct-cta, .loc-card-btn, .luxe-blog-btn) { min-height: 48px; }
body.klh-refined #amModal { padding: 20px; }
body.klh-refined #amModal .am-modal-dialog { max-height: calc(100dvh - 40px); border-radius: 24px; }
body.klh-refined #amModal .am-modal-body { padding: 76px 36px 32px; overscroll-behavior: contain; }
body.klh-refined #amModal .am-modal-close { width: 44px; height: 44px; top: 16px; right: 16px; }
body.klh-refined #rw-section { padding: clamp(64px,7.2vw,112px) 24px !important; }
body.klh-refined #rw-section .rw-tabs-container { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 8px !important; margin-bottom: 28px !important; }
body.klh-refined #rw-section .rw-tab-btn { min-height: 48px !important; padding: 12px 20px !important; line-height: 1.45 !important; }
body.klh-refined #rw-section .rw-tab-btn.active { background: var(--klh-teal) !important; color: #fff !important; }
body.klh-refined #rw-section .rw-image-box { border-radius: 28px !important; height: clamp(380px,47vw,600px) !important; }
body.klh-refined #rw-section .rw-desc-card { border-radius: 22px !important; box-shadow: 0 8px 32px rgba(13,43,45,.1) !important; }
body.klh-refined #rw-section .rw-desc-text { color: var(--klh-muted) !important; }
body.klh-refined .loc-address { background: var(--klh-soft); border-color: var(--klh-border); box-shadow: none; }
body.klh-refined .loc-map { border-color: var(--klh-border); box-shadow: var(--klh-shadow); }
body.klh-refined .loc-card { border-color: var(--klh-border); box-shadow: var(--klh-shadow); padding: 28px; }
body.klh-refined .loc-card-title { color: var(--klh-ink); }
body.klh-refined .loc-card-head svg { stroke: var(--klh-teal); }
body.klh-refined .loc-card-desc { color: var(--klh-muted); }
body.klh-refined .loc-card-btn { display: inline-flex; align-items: center; background: #eaf2ef; color: var(--klh-teal-deep); }
body.klh-refined .ct-card { padding: 28px; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.08); }
body.klh-refined .ct-card-desc { line-height: 1.7; opacity: 1; }
body.klh-refined :is(.ct-card h3, .cp-form-title, .cp-info-card h3, #luxe-reviews-embed article h3) { font: 600 22px/1.4 Manrope,sans-serif !important; letter-spacing: -.02em; }
body.klh-refined #amModal h3 { font: 600 22px/1.4 Manrope,sans-serif !important; letter-spacing: -.02em; margin-bottom: 18px; }
body.klh-refined a.ct-card-info { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; }

/* Property cards show facts and actions immediately, including search results. */
body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) { display: grid !important; gap: 26px !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) .grid-item { min-width: 0; height: auto !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.klh-refined .eshb-item-grid .klh-card-photo { display: block; order: 0; }
body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) .item-inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
  background: #fff !important;
  border: 1px solid var(--klh-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--klh-shadow) !important;
  overflow: hidden;
  transition: box-shadow 280ms var(--klh-ease), border-color 280ms ease !important;
}
body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) .thumbnail {
  position: static !important;
  display: block;
  order: 0;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 0 !important;
  transform: none !important;
}
body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) :is(.hover-bg-one, .hover-bg-two) { display: none !important; }
body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) :is(.details-info, .pricing-info) {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  background: transparent !important;
  text-align: left !important;
}
body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) .details-info { order: 1; padding: 24px 24px 0 !important; }
body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) .details-info .title {
  font-family: Manrope,sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.32 !important;
  letter-spacing: -.025em;
  color: var(--klh-ink) !important;
  margin: 0 0 14px !important;
}
body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) .title a { color: inherit; text-decoration: none; }
body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) .capacities { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start; }
body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) .capacity { margin: 0 !important; padding: 6px 12px; border-radius: 99px; background: var(--klh-soft); color: var(--klh-muted) !important; font-size: 13px; }
body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) .pricing-info { order: 2; margin-top: auto !important; padding: 20px 24px 24px !important; }
body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) .details-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 11px 22px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 99px !important;
  background: var(--klh-teal) !important;
  color: #fff !important;
  font: 600 14px/1.4 Manrope,sans-serif;
}
body.klh-refined.single-eshb_accomodation #eshb-contents .kl-property-facts > div { border: 1px solid var(--klh-border); }
body.klh-refined.single-eshb_accomodation #eshb-contents .kl-property-summary .kl-book { min-height: 48px; }
body.klh-refined.single-eshb_accomodation #eshb-contents .kl-property-summary { line-height: 1.75; }
body.klh-refined.single-eshb_accomodation #eshb-contents .kl-property-summary p { line-height: 1.75; }
body.klh-refined.single-eshb_accomodation #eshb-contents .kl-property-facts dd { overflow-wrap: anywhere; }
body.klh-refined .klh-gallery-fallback { display: block; width: 100%; height: clamp(320px,50vw,660px); object-fit: cover; }

/* Gallery keeps all images, using generous three-column photography. */
body.klh-refined.page-id-50 .elementor-image-gallery .gallery { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 20px !important; margin: 0 !important; }
body.klh-refined.page-id-50 .elementor-image-gallery .gallery-item { float: none !important; width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; min-width: 0; }
body.klh-refined.page-id-50 .elementor-image-gallery .gallery-icon a { display: block; border-radius: 20px; overflow: hidden; }
body.klh-refined.page-id-50 .elementor-image-gallery .gallery-icon img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; border: 0 !important; border-radius: 20px !important; transition: transform 400ms var(--klh-ease); }
body.klh-refined.page-id-50 .rt-bg-video { background: #132b30; }
body.klh-refined .dialog-lightbox-close-button { display: flex !important; align-items: center; justify-content: center; width: 44px !important; height: 44px !important; min-width: 44px; min-height: 44px; }
body.klh-refined.home [class*="swiper-pagination-"] .swiper-pagination-bullet { width: 44px !important; height: 44px !important; margin: 0 !important; }
body.klh-refined.home [class*="swiper-pagination-"] .swiper-pagination-bullet::before { inset: auto !important; top: 50%; left: 50%; width: 8px; height: 8px; transform: translate(-50%,-50%); }

/* Honest review links and journal cards share a steady visual hierarchy. */
body.klh-refined #luxe-reviews-embed { padding: clamp(64px,7.2vw,112px) 24px; }
body.klh-refined #luxe-reviews-embed .intro { color: var(--klh-muted); }
body.klh-refined #luxe-reviews-embed .intro:first-child { color: var(--klh-teal); margin-bottom: 14px; }
body.klh-refined #luxe-reviews-embed article { display: flex; flex-direction: column; padding: 28px; border-color: var(--klh-border); background: var(--klh-soft); box-shadow: none; }
body.klh-refined #luxe-reviews-embed article h3 { color: var(--klh-ink); margin-top: 0; }
body.klh-refined #luxe-reviews-embed article p { color: var(--klh-muted); margin-bottom: 20px; }
body.klh-refined #luxe-reviews-embed article a { min-height: 48px; align-items: center; justify-content: center; margin-top: auto; background: var(--klh-teal); font-size: 14px; }
body.klh-refined #luxe-blog-embed { padding: clamp(64px,7.2vw,112px) 24px !important; background: #f5f8f6 !important; }
body.klh-refined #luxe-blog-embed .luxe-blog-header { margin-bottom: 40px !important; }
body.klh-refined #luxe-blog-embed .luxe-blog-grid { gap: 24px !important; margin-bottom: 32px !important; }
body.klh-refined #luxe-blog-embed .luxe-blog-card { border: 1px solid var(--klh-border); border-radius: 24px !important; box-shadow: var(--klh-shadow) !important; }
body.klh-refined #luxe-blog-embed .luxe-blog-card:hover { transform: translateY(-3px) !important; }
body.klh-refined #luxe-blog-embed .luxe-blog-img-wrapper { padding: 12px 12px 0 !important; }
body.klh-refined #luxe-blog-embed .luxe-blog-img-inner { border-radius: 16px !important; padding-top: 66.6667% !important; }
body.klh-refined #luxe-blog-embed .luxe-blog-content { padding: 24px !important; }
body.klh-refined #luxe-blog-embed .luxe-blog-article-title { font-family: Manrope,sans-serif !important; font-weight: 600 !important; line-height: 1.35 !important; color: var(--klh-ink) !important; }
body.klh-refined #luxe-blog-embed .luxe-blog-desc { color: var(--klh-muted) !important; margin-bottom: 20px !important; }
body.klh-refined #luxe-blog-embed .luxe-blog-meta { flex-wrap: wrap !important; }
body.klh-refined #luxe-blog-embed .luxe-blog-pill { padding: 6px 12px !important; font-size: 12px !important; }
body.klh-refined #luxe-blog-embed .luxe-blog-btn { background: #e5efeb !important; color: var(--klh-teal-deep) !important; }

/* Blog archive is a readable editorial list; article copy stays fully visible. */
body.klh-refined .reactheme-blog.blog-page .blog-item { border: 1px solid var(--klh-border); border-radius: 24px; overflow: hidden; background: #fff; box-shadow: var(--klh-shadow); margin-bottom: 32px; }
body.klh-refined .reactheme-blog.blog-page .blog-img { margin: 0; }
body.klh-refined .reactheme-blog.blog-page .blog-img a { display: block; }
body.klh-refined .reactheme-blog.blog-page .blog-img img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
body.klh-refined .reactheme-blog.blog-page .rt-blog-content-part { padding: 28px !important; }
body.klh-refined .reactheme-blog.blog-page .blog-title { font-family: Manrope,sans-serif; font-size: 26px; line-height: 1.35; letter-spacing: -.025em; margin: 12px 0 16px; }
body.klh-refined .reactheme-blog.blog-page .blog-title a { color: var(--klh-ink); }
body.klh-refined .reactheme-blog.blog-page .rt-blog-desc { color: var(--klh-muted); font-size: 16px; line-height: 1.75; }
body.klh-refined .reactheme-blog.blog-page .rt-user-meta-info { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; padding-top: 20px; margin: 0; }
body.klh-refined .reactheme-blog.blog-page .rt-user-meta-info li { margin: 0; font-size: 12px; color: var(--klh-muted); }
body.klh-refined .reactheme-blog.blog-page .button-blog { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border-radius: 99px; background: var(--klh-soft); color: var(--klh-teal-deep); }
body.klh-refined .reactheme-blog.blog-page .rt-cate-info a { display: inline-flex; align-items: center; min-height: 44px; color: var(--klh-teal); }
body.klh-refined .widget-area .widget { border-color: var(--klh-border); border-radius: 20px; }
body.klh-refined.single-post .bs-desc :is(p, li) { line-height: 1.75 !important; }
body.klh-refined.single-post .bs-desc h2 { scroll-margin-top: 110px; }
body.klh-refined.single-post .bs-desc :is(table, pre) { display: block; min-width: 0 !important; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
body.klh-refined.single-post .bs-desc figure { max-width: 100%; }
body.klh-refined.single-post .bs-desc img { max-width: 100%; height: auto; }

/* Contact page keeps its email-draft behavior and makes every field comfortable. */
body.klh-refined .cp-section { padding: clamp(64px,7.2vw,112px) 24px; }
body.klh-refined .cp-header { margin-bottom: 40px; }
body.klh-refined .cp-subtitle { color: var(--klh-muted); line-height: 1.75; }
body.klh-refined :is(.cp-form-card, .cp-info-card, .cp-map-card) { border: 1px solid var(--klh-border); box-shadow: var(--klh-shadow); border-radius: 24px; }
body.klh-refined .cp-form-card { padding: 32px; }
body.klh-refined .cp-form-desc { color: var(--klh-muted); line-height: 1.75; }
body.klh-refined :is(.cp-input, .cp-textarea) { min-height: 52px; border-color: #cbd9d4; border-radius: 14px; background: #fff; font-size: 16px; color: var(--klh-ink); }
body.klh-refined .cp-textarea { min-height: 180px; resize: vertical; }
body.klh-refined .cp-submit { min-height: 48px; border-radius: 99px; }
body.klh-refined #cpEmailDraft { display: inline-flex; align-items: center; min-height: 44px; color: var(--klh-teal); text-decoration: underline; text-underline-offset: 4px; }
body.klh-refined #cpStatus { line-height: 1.65; }
body.klh-refined a.cp-info-value { display: inline-flex; align-items: center; min-height: 44px; }
body.klh-refined .cp-image-card { border-radius: 24px; }

/* FAQ has a generous summary target and a clear open state. */
body.klh-refined #klh-faq { padding: clamp(64px,7.2vw,104px) 24px; }
body.klh-refined #klh-faq .eyebrow { color: var(--klh-teal); }
body.klh-refined #klh-faq details { border-color: var(--klh-border); border-radius: 20px; padding: 14px 24px; background: #fff; margin: 12px 0; }
body.klh-refined #klh-faq details[open] { background: var(--klh-soft); border-color: #a7c8bf; }
body.klh-refined #klh-faq summary { min-height: 48px; padding: 10px 0; line-height: 1.5; font-size: 17px; color: var(--klh-ink); }
body.klh-refined #klh-faq details p { margin: 8px 0 12px; color: var(--klh-muted); }

/* Native dialog: full image, large controls, readable caption and safe viewport fit. */
body.klh-refined .klh-photo-dialog {
  box-sizing: border-box;
  width: min(1080px, calc(100vw - 40px));
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  padding: 16px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 24px;
  background: #11282c;
  color: #fff;
  box-shadow: 0 28px 100px rgba(0,0,0,.32);
  overflow-y: auto;
  overscroll-behavior: contain;
}
body.klh-refined .klh-photo-dialog::backdrop { background: rgba(2,16,20,.82); backdrop-filter: blur(7px); }
body.klh-refined .klh-photo-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
body.klh-refined .klh-photo-count { margin: 0; font: 500 14px/1.4 Inter,sans-serif; color: #d4e8e4; }
body.klh-refined .klh-photo-dialog figure { margin: 0; min-width: 0; }
body.klh-refined .klh-photo-dialog .klh-photo-large { display: block; width: 100%; height: auto; max-height: calc(100vh - 255px); max-height: calc(100dvh - 255px); object-fit: contain; border-radius: 14px; background: #0a1d20; }
body.klh-refined .klh-photo-dialog figcaption { padding: 14px 8px 6px; text-align: center; font: 400 15px/1.6 Inter,sans-serif; color: #e4efed; }
body.klh-refined .klh-photo-controls { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 10px; }
body.klh-refined .klh-photo-dialog button { min-height: 44px; min-width: 44px; border: 1px solid rgba(255,255,255,.26); border-radius: 99px; padding: 10px 18px; margin: 0; background: rgba(255,255,255,.1); color: #fff; cursor: pointer; font: 500 14px/1.4 Inter,sans-serif; }
body.klh-refined .klh-photo-dialog button:focus-visible { outline-color: #fff; }
body.klh-refined .klh-photo-dialog button:hover { background: rgba(255,255,255,.18); }
body.klh-refined .klh-photo-close { flex-shrink: 0; }

/* Footer retains the serif statement while reducing empty vertical space. */
body.klh-refined .luxe-footer-container .luxe-footer-top { height: auto !important; min-height: 660px; padding: 100px 24px 160px; justify-content: center !important; }
body.klh-refined .luxe-footer-container .luxe-footer-content { padding: 0 !important; }
body.klh-refined .luxe-footer-container .luxe-footer-heading { font-size: clamp(56px,7.8vw,96px) !important; }
body.klh-refined .luxe-footer-container .luxe-footer-btn { min-height: 48px !important; padding: 12px 22px !important; }
body.klh-refined .luxe-footer-social a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 12px; }
body.klh-refined .luxe-footer-bottom a[href^="mailto:"] { display: inline-flex; align-items: center; min-height: 44px; }

/* Visible elements receive a brief transform only; nothing is hidden awaiting JS. */
@media (prefers-reduced-motion: no-preference) {
  body.klh-refined .klh-reveal { animation: klh-visible-reveal 480ms var(--klh-ease) both; }
  @keyframes klh-visible-reveal { from { transform: translateY(14px); } to { transform: translateY(0); } }
}
@media (hover: hover) {
  body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) .item-inner:hover { border-color: #b8d0c9 !important; box-shadow: 0 16px 40px rgba(16,54,55,.1) !important; }
  body.klh-refined.page-id-50 .elementor-image-gallery .gallery-icon a:hover img { transform: scale(1.025); }
  body.klh-refined .klh-gallery-cta:hover { background: #e5efeb; }
}

@media (max-width: 1023px) {
  body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 20px !important; }
  body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) .details-info { padding: 20px 20px 0 !important; }
  body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) .pricing-info { padding: 18px 20px 20px !important; }
  body.klh-refined .loc-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
  body.klh-refined .loc-card { padding: 22px; }
  body.klh-refined .loc-card-head { flex-wrap: wrap; }
  body.klh-refined .ct-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
  body.klh-refined .ct-card { padding: 24px; }
  body.klh-refined .ct-card-info { font-size: 16px; }
}
@media (max-width: 767px) {
  body.klh-refined :is(.am-section, .loc-section, .ct-section, .cp-section) { padding: 64px 20px; }
  body.klh-refined .klh-about > section { padding: 64px 20px; }
  body.klh-refined .klh-about > section > div:first-child { margin-bottom: 32px; }
  body.klh-refined .klh-about .klh-home-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); height: auto !important; gap: 12px !important; }
  body.klh-refined .klh-about .klh-home-gallery > div:nth-child(-n+2) { height: clamp(260px,68vw,420px) !important; grid-template-rows: minmax(0,1fr) minmax(0,1fr); gap: 12px; }
  body.klh-refined .klh-about .klh-home-gallery > div:nth-child(3) { grid-column: 1/-1; height: auto !important; aspect-ratio: 16/10; }
  body.klh-refined .klh-about .klh-home-gallery > div:nth-child(-n+2) > div { border-radius: 18px; }
  body.klh-refined .klh-photo-trigger { padding: 10px; }
  body.klh-refined .klh-photo-trigger span { font-size: 11px; padding: 6px 8px; }
  body.klh-refined .am-pills { gap: 8px; margin-bottom: 32px; }
  body.klh-refined .am-pill { padding: 10px 13px; font-size: 13px; }
  body.klh-refined #rw-section { padding: 64px 20px !important; }
  body.klh-refined #rw-section .rw-tabs-container { gap: 8px !important; }
  body.klh-refined #rw-section .rw-tab-btn { flex: 1 1 calc(50% - 8px); white-space: normal !important; min-height: 48px !important; padding: 11px 12px !important; font-size: 13px !important; }
  body.klh-refined #rw-section .rw-image-box { height: 430px !important; border-radius: 22px !important; }
  body.klh-refined #rw-section .rw-desc-card { left: 14px !important; right: 14px !important; bottom: 14px !important; width: auto !important; padding: 22px !important; }
  body.klh-refined :is(.loc-grid, .ct-grid) { grid-template-columns: 1fr; gap: 14px; }
  body.klh-refined :is(.loc-card, .ct-card) { padding: 24px; border-radius: 20px; }
  body.klh-refined .loc-card-head { flex-wrap: nowrap; }
  body.klh-refined .loc-map iframe { height: 320px; }
  body.klh-refined .ct-card { min-height: auto; }
  body.klh-refined .ct-card-desc { padding-bottom: 14px; }
  body.klh-refined .ct-grid { margin-bottom: 32px; }
  body.klh-refined #luxe-reviews-embed { padding: 64px 20px; }
  body.klh-refined #luxe-reviews-embed .review-links { grid-template-columns: 1fr; gap: 16px; }
  body.klh-refined #luxe-reviews-embed article { padding: 24px; }
  body.klh-refined #luxe-blog-embed { padding: 64px 20px !important; }
  body.klh-refined #luxe-blog-embed .luxe-blog-grid { gap: 20px !important; }
  body.klh-refined #luxe-blog-embed .luxe-blog-content { padding: 22px !important; }
  body.klh-refined #klh-faq { padding: 64px 20px; }
  body.klh-refined #klh-faq details { padding: 12px 18px; }
  body.klh-refined .cp-form-card { padding: 24px; }
  body.klh-refined .cp-grid { gap: 24px; }
  body.klh-refined .cp-title { font-size: clamp(32px,8.5vw,40px) !important; line-height: 1.15 !important; }
  body.klh-refined.page-id-48 .elementor-element-ce805f2 h1 { font-size: clamp(46px,12vw,54px) !important; line-height: 1.08 !important; }
  body.klh-refined.home .swiper-pagination--style1 { display: grid; grid-template-columns: repeat(6,44px); gap: 4px; justify-content: center; }
  body.klh-refined .reactheme-blog.blog-page .rt-blog-content-part { padding: 22px !important; }
  body.klh-refined .reactheme-blog.blog-page .blog-title { font-size: 23px; }
  body.klh-refined.page-id-50 .elementor-image-gallery .gallery { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; }
  body.klh-refined.page-id-50 .elementor-image-gallery :is(.gallery-icon a,.gallery-icon img) { border-radius: 14px !important; }
  body.klh-refined .luxe-footer-container .luxe-footer-top { min-height: 520px; padding: 80px 20px 130px; }
  body.klh-refined .luxe-footer-container .luxe-footer-heading { font-size: clamp(46px,10vw,66px) !important; }
  body.klh-refined .klh-photo-dialog { width: calc(100vw - 20px); max-width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 18px; padding: 12px; }
  body.klh-refined .klh-photo-dialog .klh-photo-large { max-height: calc(100dvh - 225px); }
  body.klh-refined .klh-photo-dialog figcaption { font-size: 14px; }
  body.klh-refined #amModal { padding: 12px; }
  body.klh-refined #amModal .am-modal-dialog { max-height: calc(100dvh - 24px); }
  body.klh-refined #amModal .am-modal-body { padding: 72px 24px 24px; }
}
@media (max-width: 599px) {
  body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) { grid-template-columns: minmax(0,1fr) !important; gap: 24px !important; }
  body.klh-refined :is(.eshb-item-grid, #klh-main .eshb-item-grid) .details-info .title { font-size: 22px !important; }
  body.klh-refined .cp-row { grid-template-columns: 1fr; gap: 20px; }
  body.klh-refined #wpvibe-preview-banner { padding: 8px 12px !important; font-size: 11px !important; line-height: 1.35 !important; max-height: 90px; overflow-y: auto; }
  body.klh-refined #wpvibe-preview-banner p { margin: 4px 0 !important; }
}
@media (max-height: 520px) {
  body.klh-refined .klh-nav .mobile-menu.open { max-height: calc(100dvh - 100px); }
  body.klh-refined .klh-photo-dialog .klh-photo-large { max-height: calc(100dvh - 180px); }
  body.klh-refined .klh-photo-dialog figcaption { padding: 8px 4px 0; }
}
@media (prefers-reduced-motion: reduce) {
  body.klh-refined .klh-reveal { animation: none !important; transform: none !important; }
  body.klh-refined :is(.klh-nav *, .klh-home-gallery *, .luxe-blog-card, .loc-card, .ct-card, .eshb-item-grid *, .klh-photo-dialog *, .cp-submit) { transition: none !important; animation: none !important; }
  body.klh-refined :is(.luxe-blog-card, .loc-card, .ct-card):hover { transform: none !important; }
  body.klh-refined.page-id-50 .elementor-image-gallery .gallery-icon a:hover img { transform: none; }
}