/* =========================================================
   LET ME DISCOVER — HOMEPAGE
   ========================================================= */

:root {
  --navy: #071b35;
  --navy-soft: #102945;
  --navy-card: #142d49;
  --cream: #f6f2e9;
  --white: #ffffff;
  --orange: #f59a23;
  --orange-hover: #e8870f;
  --text: #10223a;
  --muted: #6c7786;
  --line: #e8e1d5;
  --green-soft: #edf7f1;
  --green-text: #47755d;
  --shadow: 0 12px 30px rgba(9, 30, 56, 0.10);
  --radius: 16px;
  --serif: "Playfair Display", Georgia, serif;
  --sans: "DM Sans", Arial, sans-serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

.hero {
  position: relative;
  background: linear-gradient(180deg, rgba(14,27,44,0.55), rgba(14,27,44,0.75)),
              url("/images/home/homephoto.png") center/cover no-repeat;
}
body {
  overflow-x: hidden;
  background: var(--cream);
  color: var(--text);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

button,
select {
  cursor: pointer;
}

.page-shell {
  width: min(1120px, calc(100% - 48px));
  margin-inline: auto;
}

/* HEADER */

.site-header {
  position: relative;
  z-index: 20;
  height: 84px;
  padding: 0 max(32px, calc((100vw - 1120px) / 2));
  display: grid;
  grid-template-columns: 180px 1fr auto;
  align-items: center;
  gap: 28px;
  background: #faf8f2;
}

.brand img {
  width: 128px;
  height: auto;
}

.desktop-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 28px;
}

.desktop-nav a {
  position: relative;
  color: #1d2d42;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.desktop-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -7px;
  height: 2px;
  background: var(--orange);
  transition: right 0.25s ease;
}

.desktop-nav a:hover::after {
  right: 0;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bookings-button {
  padding: 11px 18px;
  border-radius: 999px;
  background: var(--navy);
  color: white;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  transition: transform 0.2s ease, background 0.2s ease;
}

.bookings-button:hover {
  transform: translateY(-2px);
  background: var(--navy-soft);
}

.language-button {
  border: 0;
  background: transparent;
  color: var(--navy);
  font-weight: 700;
}

/* HERO */

.hero {
  position: relative;
  min-height: 540px;
  overflow: hidden;
  color: white;
  background:
    linear-gradient(90deg, rgba(5, 24, 48, 0.88) 0%, rgba(5, 24, 48, 0.54) 42%, rgba(5, 24, 48, 0.16) 72%),
    url("/images/home/firstone.png") center 46% / cover no-repeat;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(3, 18, 35, 0.46));
  pointer-events: none;
}

.hero-inner {
  position: relative;
  z-index: 2;
  min-height: 540px;
  padding-top: 68px;
  padding-bottom: 22px;
  display: flex;
  flex-direction: column;
}

.hero-copy {
  max-width: 500px;
}

.hero-copy h1 {
  font-family: var(--serif);
  font-size: clamp(3rem, 5vw, 4.7rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.035em;
}

.hero-copy h1 em {
  color: var(--orange);
  font-weight: 600;
}

.hero-copy p {
  margin-top: 22px;
  color: rgba(255, 255, 255, 0.91);
  font-size: 1rem;
  line-height: 1.55;
}

.search-panel {
  width: 100%;
  min-height: 82px;
  margin-top: 42px;
  padding: 8px;
  display: grid;
  grid-template-columns: 1.1fr 1fr 0.95fr 1fr auto;
  align-items: stretch;
  overflow: hidden;
  border: 5px solid rgba(255, 255, 255, 0.24);
  border-radius: 18px;
  background: white;
  box-shadow: 0 22px 55px rgba(1, 13, 29, 0.34);
}

.search-control {
  min-width: 0;
  padding: 9px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-right: 1px solid #eae6df;
}

.control-icon {
  flex: 0 0 auto;
  color: var(--navy);
  font-size: 1.25rem;
}

.control-copy {
  min-width: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}

.control-label {
  color: #7a8290;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.search-control input,
.search-control select {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #475264;
  font-size: 0.79rem;
}

.search-control input::placeholder {
  color: #6f7885;
}

.search-button {
  min-width: 150px;
  border: 0;
  border-radius: 12px;
  background: var(--orange);
  color: white;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  transition: background 0.2s ease, transform 0.2s ease;
}

.search-button:hover {
  background: var(--orange-hover);
  transform: translateY(-1px);
}

.trust-strip {
  margin-top: auto;
  padding-top: 24px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}

.trust-strip article {
  display: flex;
  align-items: center;
  gap: 11px;
}

.trust-icon {
  flex: 0 0 auto;
  color: var(--orange);
  font-size: 1.45rem;
}

.trust-icon.stars {
  font-size: 0.82rem;
  letter-spacing: 2px;
}

.trust-strip strong,
.trust-strip small {
  display: block;
}

.trust-strip strong {
  color: #fff;
  font-size: 0.78rem;
}

.trust-strip small {
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.73);
  font-size: 0.64rem;
}

/* GENERAL SECTIONS */

.content-section {
  padding: 68px 0;
}

.section-heading {
  margin-bottom: 28px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
}

.eyebrow {
  display: inline-block;
  margin-bottom: 9px;
  color: var(--orange);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.section-heading h2,
.reviews-heading h2 {
  font-family: var(--serif);
  color: var(--navy);
  font-size: clamp(2rem, 3vw, 2.8rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.section-heading p {
  margin-top: 8px;
  color: var(--muted);
  font-size: 0.86rem;
}

.outline-button {
  padding: 12px 20px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  border: 1px solid #d7d1c8;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.35);
  color: var(--navy);
  box-shadow: 0 4px 14px rgba(14, 34, 57, 0.05);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.outline-button:hover {
  border-color: var(--orange);
  transform: translateY(-2px);
}

/* DESTINATIONS */

.destination-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.destination-card {
  position: relative;
  min-height: 250px;
  overflow: hidden;
  border-radius: 11px;
  background-image: var(--card-image);
  background-position: center;
  background-size: cover;
  box-shadow: 0 8px 20px rgba(12, 31, 53, 0.10);
}

.destination-card--wide {
  grid-column: span 2;
  min-height: 230px;
}

.destination-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.82));
}

.destination-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(7, 27, 53, 0.08);
  transition: background 0.35s ease;
}

.destination-card:hover::after {
  background: rgba(7, 27, 53, 0);
}

.destination-card:hover {
  background-size: 108%;
}

.destination-content {
  position: absolute;
  z-index: 2;
  left: 17px;
  right: 15px;
  bottom: 15px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: white;
}

.destination-content h3 {
  margin-bottom: 8px;
  font-size: 1.02rem;
  line-height: 1;
  text-transform: uppercase;
}

.destination-content p {
  color: rgba(255, 255, 255, 0.84);
  font-size: 0.68rem;
  line-height: 1.5;
}

.circle-arrow {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 50%;
  backdrop-filter: blur(5px);
}

/* EXPERIENCE SECTION */

.experience-section {
  position: relative;
  padding: 62px 0;
  overflow: hidden;
  background: var(--navy);
  color: white;
}

.experience-section::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.11;
  background: url("/images/home/2(1).png") center right / cover no-repeat;
}

.experience-section .page-shell {
  position: relative;
  z-index: 1;
}

.section-heading--dark h2 {
  color: white;
}

.section-heading--dark p {
  color: #abb8c7;
}

.experience-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.experience-card {
  min-height: 180px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(26, 53, 83, 0.94), rgba(16, 40, 67, 0.94));
  transition: transform 0.22s ease, border-color 0.22s ease;
}

.experience-card:hover {
  transform: translateY(-5px);
  border-color: rgba(245, 154, 35, 0.6);
}

.experience-icon {
  color: var(--orange);
  font-size: 1.65rem;
}

.experience-card h3 {
  margin-top: 17px;
  font-family: var(--serif);
  font-size: 1.12rem;
}

.experience-card p {
  margin-top: 8px;
  color: #b7c1cd;
  font-size: 0.76rem;
  line-height: 1.55;
}

.experience-link {
  margin-top: auto;
  padding-top: 18px;
  display: flex;
  justify-content: space-between;
  color: white;
  font-size: 0.7rem;
}

/* ACTIVITY CARDS */

.trending-section {
  padding-bottom: 0;
}

.activity-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  width: 110%;
}

.activity-card {
  overflow: hidden;
  border: 1px solid #e7e0d6;
  border-radius: 10px;
  background: white;
  box-shadow: 0 8px 20px rgba(14, 34, 57, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.activity-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 28px rgba(14, 34, 57, 0.12);
}

.activity-image {
  position: relative;
  height: 150px;
  display: block;
  background-position: center;
  background-size: cover;
}

.rating-badge {
  position: absolute;
  top: 9px;
  left: 9px;
  padding: 4px 8px;
  border-radius: 5px;
  background: white;
  color: var(--navy);
  font-size: 0.67rem;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.favorite-button {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: rgba(7, 27, 53, 0.28);
  color: #f59a23;
  font-size: 1.22rem;
  backdrop-filter: blur(5px);
}

.activity-copy {
  padding: 13px;
}

.activity-copy h3 {
  font-family: var(--serif);
  color: var(--navy);
  font-size: 0.96rem;
}

.activity-copy p {
  margin-top: 5px;
  color: var(--muted);
  font-size: 0.72rem;
}

.activity-copy strong {
  display: block;
  margin-top: 8px;
  color: var(--navy);
  font-size: 0.77rem;
}

.activity-tags {
  margin-top: 13px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.activity-tags span {
  padding: 4px 7px;
  border-radius: 999px;
  background: var(--green-soft);
  color: var(--green-text);
  font-size: 0.58rem;
}

/* =========================================================
   PREMIUM CTA BANNER
   ========================================================= */

.cta-banner {
  position: relative;
  min-height: 245px;
  margin-top: 36px;
  overflow: hidden;
  border-radius: 18px;
  background: var(--navy);
  color: #ffffff;
  box-shadow: 0 18px 45px rgba(7, 27, 53, 0.16);
}

.cta-background-image {
  position: absolute;
  inset: 0;
  background:
      linear-gradient(
          90deg,
          rgba(7, 27, 53, 0.99) 0%,
          rgba(7, 27, 53, 0.94) 38%,
          rgba(7, 27, 53, 0.69) 66%,
          rgba(7, 27, 53, 0.30) 100%
      ),
      url("/images/home/2(2).png") center right / cover no-repeat;
}

.cta-content {
  position: relative;
  z-index: 2;

  min-height: 245px;
  padding: 38px 42px;

  display: grid;
  grid-template-columns: 1.15fr 1fr;
  align-items: center;
  gap: 44px;
}

.cta-copy {
  max-width: 500px;
}

.cta-eyebrow {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--orange);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.cta-copy h2 {
  max-width: 470px;
  font-family: var(--serif);
  color: #ffffff;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.cta-copy p {
  max-width: 450px;
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.82rem;
  line-height: 1.65;
}

.cta-copy .primary-button {
  margin-top: 22px;
  padding: 13px 21px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 999px;
  background: var(--orange);
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition:
      background 0.2s ease,
      transform 0.2s ease,
      box-shadow 0.2s ease;
}

.cta-copy .primary-button:hover {
  background: var(--orange-hover);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(245, 154, 35, 0.28);
}

.cta-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.cta-benefits div {
  min-height: 115px;
  padding: 18px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(8px);
}

.cta-benefits span {
  color: var(--orange);
  font-size: 1.15rem;
}

.cta-benefits strong {
  margin-top: 10px;
  color: #ffffff;
  font-size: 0.72rem;
}

.cta-benefits small {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.67);
  font-size: 0.62rem;
}

@media (max-width: 860px) {
  .cta-content {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .cta-background-image {
    background:
        linear-gradient(
            180deg,
            rgba(7, 27, 53, 0.98) 0%,
            rgba(7, 27, 53, 0.88) 65%,
            rgba(7, 27, 53, 0.60) 100%
        ),
        url("/images/home/donwtown.png") center / cover no-repeat;
  }
}

@media (max-width: 620px) {
  .cta-content {
    padding: 30px 22px;
  }

  .cta-benefits {
    grid-template-columns: 1fr;
  }

  .cta-benefits div {
    min-height: 90px;
  }
}

.primary-button {
  margin-top: 20px;
  padding: 12px 20px;
  display: inline-block;
  border-radius: 5px;
  background: var(--orange);
  color: white;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
}

.primary-button:hover {
  background: var(--orange-hover);
}

.cta-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.cta-benefits div {
  min-height: 76px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid rgba(255, 255, 255, 0.17);
}

.cta-benefits span {
  color: var(--orange);
  font-size: 1.15rem;
}

.cta-benefits strong,
.cta-benefits small {
  display: block;
}

.cta-benefits strong {
  margin-top: 8px;
  font-size: 0.7rem;
}

.cta-benefits small {
  margin-top: 3px;
  color: #bbc5d0;
  font-size: 0.62rem;
}

/* REVIEWS */

.reviews-heading {
  margin-top: 40px;
  margin-bottom: 21px;
}

.review-grid {
  display: grid;
  grid-template-columns: 0.8fr repeat(3, 1fr);
  gap: 14px;
  padding-bottom: 52px;
}

.trustpilot-card,
.review-card {
  min-height: 175px;
  padding: 19px;
  border: 1px solid #e7e0d6;
  border-radius: 10px;
  background: white;
  box-shadow: 0 7px 18px rgba(14, 34, 57, 0.05);
}

.trustpilot-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.trustpilot-logo {
  color: #075f4b;
  font-size: 0.88rem;
}

.trust-score {
  margin-top: 9px;
  color: var(--navy);
  font-family: var(--serif);
  font-size: 2rem;
}

.trustpilot-card > strong:not(.trustpilot-logo) {
  margin-top: 2px;
  font-size: 0.76rem;
}

.trust-stars {
  width: fit-content;
  margin-top: 8px;
  padding: 3px 5px;
  background: #00b67a;
  color: white;
  font-size: 0.7rem;
  letter-spacing: 2px;
}

.trustpilot-card small {
  margin-top: 8px;
  color: var(--muted);
  font-size: 0.62rem;
}

.reviewer {
  display: flex;
  align-items: center;
  gap: 10px;
}

.reviewer img {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: cover;
  background: #d9d9d9;
}

.reviewer strong,
.reviewer small {
  display: block;
}

.reviewer strong {
  font-size: 0.72rem;
}

.reviewer small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 0.59rem;
}

.review-stars {
  margin-top: 11px;
  color: var(--orange);
  font-size: 0.72rem;
  letter-spacing: 2px;
}

.review-card p {
  margin-top: 12px;
  color: #4c5968;
  font-size: 0.72rem;
  line-height: 1.55;
}

/* FOOTER */

.site-footer {
  padding-top: 38px;
  background: var(--navy);
  color: #aeb9c6;
}

.footer-grid {
  padding-bottom: 30px;
  display: grid;
  grid-template-columns: 1.5fr repeat(4, 1fr);
  gap: 36px;
}

.footer-brand img {
  width: 120px;
  filter: brightness(1.08);
}

.footer-brand p {
  max-width: 230px;
  margin-top: 12px;
  font-size: 0.69rem;
  line-height: 1.55;
}

.social-links {
  margin-top: 16px;
  display: flex;
  gap: 13px;
}

.social-links a {
  color: white;
  font-size: 0.78rem;
}

.footer-column {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.footer-column h3 {
  margin-bottom: 4px;
  color: white;
  font-size: 0.66rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.footer-column a,
.footer-column span {
  color: #aeb9c6;
  font-size: 0.68rem;
}

.footer-column a:hover {
  color: var(--orange);
}

.footer-bottom {
  min-height: 55px;
  padding: 14px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  color: #7f8c9c;
  font-size: 0.62rem;
}

.payment-methods {
  display: flex;
  align-items: center;
  gap: 8px;
}

.payment-methods b {
  padding: 4px 7px;
  border-radius: 3px;
  background: white;
  color: var(--navy);
  font-size: 0.56rem;
}

/* RESPONSIVE */

@media (max-width: 1080px) {
  .site-header {
    grid-template-columns: 150px 1fr auto;
  }

  .desktop-nav {
    gap: 16px;
  }

  .desktop-nav a {
    font-size: 0.65rem;
  }

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

  .search-control {
    border-bottom: 1px solid #eae6df;
  }

  .search-button {
    min-height: 55px;
    grid-column: span 2;
  }

  .hero,
  .hero-inner {
    min-height: 680px;
  }

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

@media (max-width: 860px) {
  .desktop-nav {
    display: none;
  }

  .site-header {
    padding-inline: 24px;
    grid-template-columns: 1fr auto;
  }

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

  .destination-card--wide {
    grid-column: span 1;
  }

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

  .cta-banner {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 620px) {
  .page-shell {
    width: min(100% - 28px, 1120px);
  }

  .site-header {
    height: 72px;
  }

  .brand img {
    width: 105px;
  }

  .language-button {
    display: none;
  }

  .bookings-button {
    padding: 9px 12px;
    font-size: 0.62rem;
  }

  .hero,
  .hero-inner {
    min-height: 870px;
  }

  .hero-inner {
    padding-top: 42px;
  }

  .hero-copy h1 {
    font-size: 2.85rem;
  }

  .hero-copy p br {
    display: none;
  }

  .search-panel {
    margin-top: 28px;
    grid-template-columns: 1fr;
  }

  .search-control {
    min-height: 62px;
    border-right: 0;
  }

  .search-button {
    grid-column: span 1;
    min-height: 54px;
  }

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

  .section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .content-section {
    padding: 52px 0;
  }

  .destination-grid,
  .experience-grid,
  .activity-grid,
  .review-grid {
    grid-template-columns: 1fr;
  }

  .destination-card,
  .destination-card--wide {
    min-height: 235px;
  }

  .cta-banner {
    padding: 28px 22px;
  }

  .cta-benefits {
    grid-template-columns: 1fr;
  }

  .cta-benefits div {
    min-height: auto;
    padding: 12px 0;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }

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

  .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .payment-methods {
    flex-wrap: wrap;
  }
}


/* =========================================================
   ICON FIXES — FONT AWESOME
   ========================================================= */

.control-icon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #718096;
  font-size: 0.95rem;
}

.search-button i {
  margin-right: 7px;
  color: #ffffff;
}

.language-button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.language-button .fa-globe {
  color: var(--navy);
  font-size: 0.85rem;
}

.language-button .fa-chevron-down {
  color: var(--navy);
  font-size: 0.52rem;
}

.trust-icon {
  width: 28px;
  min-width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--orange);
  font-size: 1.05rem;
}

.trust-icon.stars {
  width: auto;
  min-width: 92px;
  justify-content: flex-start;
  gap: 3px;
  color: var(--orange);
  font-size: 0.66rem;
  letter-spacing: 0;
}

.circle-arrow i {
  color: #ffffff;
  font-size: 0.68rem;
}

.experience-icon {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--orange);
  font-size: 1.35rem;
}

.experience-link i {
  color: #ffffff;
  font-size: 0.65rem;
}

.rating-badge i {
  margin-right: 3px;
  color: var(--orange);
}

.favorite-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.favorite-button i {
  color: #ffffff;
  font-size: 0.95rem;
}

.favorite-button:hover i {
  color: var(--orange);
}

.cta-benefits span {
  display: inline-flex;
  color: var(--orange);
  font-size: 1rem;
}

.trustpilot-logo i {
  color: #00b67a;
}

.trust-stars {
  display: inline-flex;
  gap: 2px;
  letter-spacing: 0;
}

.trust-stars i {
  color: #ffffff;
  font-size: 0.62rem;
}

.review-stars {
  display: flex;
  gap: 3px;
  letter-spacing: 0;
}

.review-stars i {
  color: var(--orange);
  font-size: 0.68rem;
}

.social-links a {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 50%;
  color: #ffffff;
  transition: 0.2s ease;
}

.social-links a:hover {
  border-color: var(--orange);
  color: var(--orange);
  transform: translateY(-2px);
}

.footer-column span i {
  width: 15px;
  margin-right: 6px;
  color: var(--orange);
  text-align: center;
}

/* =========================================================
   ADDED — TOUR SEARCH RESULTS & TOUR DETAIL PAGE
   (appended only; nothing above this line was changed)
   ========================================================= */

.search-panel--bar {
  position: static;
  background: #fff;
  box-shadow: var(--shadow);
  border-radius: var(--radius);
  margin: 0;
}

.tour-card-book-btn {
  display: block;
  text-align: center;
  margin-top: 12px;
  padding: 9px;
  border-radius: 8px;
  font-size: 0.78rem;
}

.tour-detail-main {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 40px;
  align-items: start;
  padding-bottom: 60px;
}

.tour-gallery {
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
}

.tour-gallery img {
  width: 100%;
  height: 460px;
  object-fit: cover;
}

.tour-section {
  margin-top: 34px;
}

.tour-section h2 {
  font-family: var(--serif);
  color: var(--navy);
  font-size: 1.5rem;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}

.tour-paragraph {
  color: var(--text);
  line-height: 1.7;
  margin-bottom: 14px;
  font-size: 0.94rem;
}

.tour-bullet-list,
.tour-expect-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tour-bullet-list li {
  position: relative;
  padding-left: 22px;
  font-size: 0.92rem;
  color: var(--text);
}

.tour-bullet-list li::before {
  content: "•";
  position: absolute;
  left: 4px;
  color: var(--orange);
  font-weight: 700;
}

.tour-expect-list li {
  font-size: 0.92rem;
  line-height: 1.6;
  color: var(--text);
}

.tour-expect-list li strong {
  color: var(--navy);
  font-family: var(--serif);
}

.tour-sidebar-card {
  position: sticky;
  top: 24px;
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 26px;
  border: 1px solid var(--line);
}

.tour-sidebar-card h3 {
  font-family: var(--serif);
  color: var(--navy);
  font-size: 1.2rem;
  margin-bottom: 8px;
}

.tour-stars {
  color: var(--orange);
  margin-bottom: 16px;
  font-size: 0.85rem;
}

.tour-info-table div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 0;
  border-bottom: 1px solid var(--line);
  font-size: 0.83rem;
}

.tour-info-table span {
  color: var(--muted);
}

.tour-info-table strong {
  color: var(--navy);
  text-align: right;
}

.tour-login-btn {
  display: block;
  text-align: center;
  margin-top: 20px;
  padding: 13px;
  border-radius: 10px;
  background: #1f6fe5;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.01em;
  transition: background 0.2s ease;
}

.tour-login-btn:hover {
  background: #185ac0;
}

.tour-cancel-box {
  margin-top: 22px;
  padding: 14px 16px;
  background: var(--cream);
  border-radius: 10px;
  border: 1px solid var(--line);
}

.tour-cancel-box strong {
  display: block;
  margin-bottom: 6px;
  color: var(--navy);
  font-size: 0.85rem;
}

.tour-cancel-box p {
  font-size: 0.72rem;
  line-height: 1.55;
  color: var(--muted);
  letter-spacing: 0.01em;
}

@media (max-width: 900px) {
  .tour-detail-main { grid-template-columns: 1fr; }
  .tour-sidebar-card { position: static; }
}

/* =========================================================
   ADDED — BACKOFFICE (ADMIN) PAGES
   ========================================================= */

.backoffice-body {
  background: var(--cream);
  font-family: var(--sans);
  color: var(--text);
}

.backoffice-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.backoffice-title {
  font-family: var(--serif);
  font-weight: 700;
  color: var(--navy);
  font-size: 1.1rem;
}

.backoffice-wrap {
  padding: 40px 0 80px;
}

.backoffice-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  margin-top: 20px;
}

.backoffice-table th,
.backoffice-table td {
  padding: 14px 16px;
  text-align: left;
  font-size: 0.85rem;
  border-bottom: 1px solid var(--line);
}

.backoffice-table th {
  background: var(--navy);
  color: #fff;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.backoffice-row-actions {
  display: flex;
  gap: 14px;
  align-items: center;
}

.backoffice-row-actions a,
.backoffice-delete-btn {
  color: var(--navy);
  background: none;
  border: none;
  font-size: 0.95rem;
  cursor: pointer;
}

.backoffice-delete-btn:hover { color: #c0392b; }

.backoffice-form {
  margin-top: 24px;
}

.backoffice-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.backoffice-form-wide {
  grid-column: 1 / -1;
}

.backoffice-form fieldset {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.backoffice-form legend {
  font-family: var(--serif);
  color: var(--navy);
  font-weight: 700;
  padding: 0 6px;
}

.backoffice-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--navy);
}

.backoffice-form input,
.backoffice-form select,
.backoffice-form textarea {
  border: 1px solid #dcd6c9;
  border-radius: 8px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 0.88rem;
  color: var(--text);
  font-weight: 400;
  resize: vertical;
}

@media (max-width: 800px) {
  .backoffice-form-grid { grid-template-columns: 1fr; }
}

/* =========================================================
   ADDED — HOMEPAGE DESTINATION AUTOCOMPLETE
   ========================================================= */

.destination-control {
  position: relative;
}

.destination-suggestions {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 16px 34px rgba(9, 30, 56, 0.18);
  overflow: hidden;
  z-index: 40;
  max-height: 320px;
  overflow-y: auto;
}

.destination-suggestions.is-open {
  display: block;
}

.destination-suggestion {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: #fff;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
}

.destination-suggestion:last-child {
  border-bottom: 0;
}

.destination-suggestion:hover {
  background: var(--cream);
}

.destination-suggestion i {
  color: var(--orange);
  font-size: 0.9rem;
}

.destination-suggestion strong {
  display: block;
  color: var(--navy);
  font-size: 0.88rem;
  font-family: var(--sans);
}

.destination-suggestion small {
  display: block;
  color: var(--muted);
  font-size: 0.75rem;
  margin-top: 1px;
}

/* =========================================================
   ADDED — ACCOUNT PAGE (My Bookings) PROFILE CARD
   ========================================================= */

.account-profile-card {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 18px 22px;
  margin-top: 20px;
}

.account-profile-row {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.86rem;
  color: var(--text);
}

.account-profile-row i {
  color: var(--orange);
  width: 16px;
  text-align: center;
}

/* =========================================================
   ADDED — DASHBOARD ACCOUNT BAR & STAT CARDS (Backoffice/Supplier)
   ========================================================= */

.dashboard-account-bar {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 24px;
}

.dashboard-account-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--serif);
  font-weight: 700;
  font-size: 1.1rem;
  flex-shrink: 0;
}

.dashboard-account-bar strong {
  display: block;
  color: var(--navy);
  font-family: var(--serif);
  font-size: 1rem;
}

.dashboard-account-bar span {
  display: block;
  color: var(--muted);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.dashboard-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 22px;
}

.dashboard-stat-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dashboard-stat-value {
  font-family: var(--serif);
  font-size: 1.7rem;
  color: var(--navy);
  font-weight: 700;
}

.dashboard-stat-label {
  font-size: 0.74rem;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

@media (max-width: 700px) {
  .dashboard-stats { grid-template-columns: 1fr; }
}

/* =========================================================
   ADDED — SHARED FORM HELPERS (payment page, register page)
   ========================================================= */

.form-section-label {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--orange);
  margin: 22px 0 12px;
}
.form-section-label:first-of-type { margin-top: 0; }

.form-row {
  display: grid;
  gap: 14px;
  margin-bottom: 14px;
}
.form-row--2 { grid-template-columns: 1fr 1fr; }

.auth-field { margin-bottom: 0; }
.auth-field label { display:block; font-size: 0.75rem; font-weight: 600; margin-bottom: 6px; color: var(--navy); }
.auth-field input,
.auth-field select,
.auth-field textarea {
  width: 100%; padding: 12px 14px; border-radius: 10px;
  border: 1px solid #e2e2e2; font-family: inherit; font-size: 0.9rem;
  color: var(--text);
}

@media (max-width: 640px) {
  .form-row--2 { grid-template-columns: 1fr; }
}

/* =========================================================
   ADDED — PAYMENT PAGE
   ========================================================= */

.payment-page {
  max-width: 640px;
  padding: 50px 0 90px;
}

.payment-summary {
  display: flex;
  gap: 18px;
  align-items: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 18px;
  margin-bottom: 30px;
}

.payment-summary img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 12px;
  flex-shrink: 0;
}

.payment-summary h2 {
  font-family: var(--serif);
  color: var(--navy);
  font-size: 1.2rem;
  margin: 4px 0;
}

.payment-summary p {
  color: var(--muted);
  font-size: 0.85rem;
}

.payment-summary strong {
  display: block;
  margin-top: 6px;
  color: var(--orange);
  font-size: 0.9rem;
}

.payment-form {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 26px 28px;
}

.payment-note {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.76rem;
  color: var(--muted);
  margin-top: 18px;
}

.payment-submit {
  width: 100%;
  text-align: center;
  margin-top: 18px;
  padding: 14px;
  font-size: 0.95rem;
}

/* =========================================================
   ADDED — RECEIPT PAGE
   ========================================================= */

.receipt-card {
  background: #fff;
  width: min(480px, 100%);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 36px 34px;
  text-align: center;
}

.receipt-check {
  font-size: 2.6rem;
  color: #1a7d3a;
  margin-bottom: 10px;
}

.receipt-card h2 {
  font-family: var(--serif);
  color: var(--navy);
  margin-bottom: 6px;
}

.receipt-sub {
  color: var(--muted);
  font-size: 0.85rem;
  margin-bottom: 6px;
}

.receipt-divider {
  height: 1px;
  background: var(--line);
  margin: 20px 0;
}

.receipt-tour {
  display: flex;
  align-items: center;
  gap: 14px;
  text-align: left;
}

.receipt-tour img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 10px;
  flex-shrink: 0;
}

.receipt-tour strong {
  display: block;
  color: var(--navy);
  font-family: var(--serif);
}

.receipt-tour span {
  color: var(--muted);
  font-size: 0.82rem;
}

.receipt-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.receipt-table td {
  padding: 8px 0;
  font-size: 0.85rem;
  color: var(--text);
  border-bottom: 1px solid var(--line);
}

.receipt-table td:first-child {
  color: var(--muted);
}

.receipt-table td:last-child {
  text-align: right;
  font-weight: 600;
}

.receipt-total-row td {
  border-bottom: none;
  padding-top: 14px;
  font-size: 1rem;
  color: var(--navy);
}

/* =========================================================
   ADDED — MY BOOKINGS LIST
   ========================================================= */

.bookings-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.booking-row {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: var(--shadow);
  padding: 14px 18px;
  transition: transform 0.15s ease;
}

.booking-row:hover {
  transform: translateY(-2px);
}

.booking-row img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 10px;
  flex-shrink: 0;
}

.booking-row-info {
  flex: 1;
  min-width: 0;
}

.booking-row-info strong {
  display: block;
  color: var(--navy);
  font-family: var(--serif);
  font-size: 0.95rem;
}

.booking-row-info span {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
  margin-top: 2px;
}

.booking-row-info small {
  display: block;
  color: var(--muted);
  font-size: 0.7rem;
  margin-top: 2px;
}

.booking-row-amount {
  text-align: right;
  flex-shrink: 0;
}

.booking-row-amount strong {
  display: block;
  color: var(--navy);
  font-size: 1rem;
}

.booking-status-badge {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 9px;
  border-radius: 999px;
  background: var(--green-soft);
  color: var(--green-text);
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
}

/* =========================================================
   ADDED — ADMIN DASHBOARD SHELL (sidebar layout)
   ========================================================= */

.admin-shell {
  display: flex;
  min-height: 100vh;
}

.admin-sidebar {
  width: 240px;
  flex-shrink: 0;
  background: var(--navy);
  color: #fff;
  display: flex;
  flex-direction: column;
  padding: 26px 20px;
}

.admin-sidebar-brand img {
  width: 110px;
  margin-bottom: 30px;
}

.admin-sidebar-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}

.admin-sidebar-nav a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  border-radius: 10px;
  color: rgba(255,255,255,0.75);
  font-size: 0.85rem;
  font-weight: 600;
  transition: background 0.15s ease, color 0.15s ease;
}

.admin-sidebar-nav a i { width: 16px; text-align: center; }

.admin-sidebar-nav a:hover {
  background: rgba(255,255,255,0.08);
  color: #fff;
}

.admin-sidebar-nav a.is-active {
  background: var(--orange);
  color: #fff;
}

.admin-sidebar-logout {
  margin-top: 20px;
}

.admin-sidebar-logout button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.25);
  color: rgba(255,255,255,0.8);
  padding: 10px;
  border-radius: 10px;
  font-size: 0.82rem;
  font-weight: 600;
}

.admin-sidebar-logout button:hover {
  border-color: #fff;
  color: #fff;
}

.admin-content {
  flex: 1;
  padding: 36px 44px 70px;
  max-width: 1200px;
}

.admin-panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 30px;
}

.admin-panel {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 20px 22px;
}

.admin-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.admin-panel-header h3 {
  font-family: var(--serif);
  color: var(--navy);
  font-size: 1rem;
}

.admin-panel-header a {
  font-size: 0.78rem;
  color: var(--orange);
  font-weight: 600;
}

.admin-empty {
  color: var(--muted);
  font-size: 0.85rem;
  padding: 18px 0;
  text-align: center;
}

.dashboard-stat-card--alert {
  border-color: var(--orange);
  background: #fff8ef;
}

@media (max-width: 900px) {
  .admin-shell { flex-direction: column; }
  .admin-sidebar { width: 100%; flex-direction: row; align-items: center; padding: 14px 20px; }
  .admin-sidebar-brand img { margin-bottom: 0; margin-right: 14px; width: 80px; }
  .admin-sidebar-nav { flex-direction: row; overflow-x: auto; }
  .admin-sidebar-logout { margin-top: 0; margin-left: auto; }
  .admin-content { padding: 24px 18px 60px; }
  .admin-panels { grid-template-columns: 1fr; }
}

/* =========================================================
   ADDED — STATUS BADGES & APPROVE/REJECT BUTTONS
   ========================================================= */

.status-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  background: #eee;
  color: #555;
}

.status-badge--approved {
  background: var(--green-soft);
  color: var(--green-text);
}

.status-badge--pending {
  background: #fff3e0;
  color: #b06a00;
}

.status-badge--rejected {
  background: #fdecea;
  color: #c0392b;
}

.status-badge--suspended {
  background: #ececec;
  color: #444;
}

.status-approve-btn,
.status-reject-btn {
  border: none;
  border-radius: 7px;
  padding: 6px 10px;
  font-size: 0.8rem;
  cursor: pointer;
  color: #fff;
  transition: transform 0.15s ease, opacity 0.15s ease;
}

.status-approve-btn:hover,
.status-reject-btn:hover,
.backoffice-delete-btn:hover {
  transform: translateY(-1px);
  opacity: 0.92;
}

.status-approve-btn {
  background: #1a7d3a;
}

.status-reject-btn {
  background: #c0392b;
}
/* =========================================================
   ACCOUNT DROPDOWN
   ========================================================= */

.header-actions {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}

.account-dropdown {
  position: relative;

}

.bookings-button {
  min-height: 44px;
  padding: 11px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 0;
  border-radius: 999px;
  background: #e8870f;
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
  transition:
      transform 0.2s ease,
      background 0.2s ease,
      box-shadow 0.2s ease;
}

.bookings-button:hover {
  transform: translateY(-2px);
  background: var(--navy-soft);
  box-shadow: 0 10px 24px rgba(7, 27, 53, 0.18);
}

.bookings-button .fa-user {
  font-size: 0.82rem;
}

.dropdown-arrow {
  font-size: 0.58rem;
  transition: transform 0.25s ease;
}

.account-dropdown.is-open .dropdown-arrow {
  transform: rotate(180deg);
}

.account-dropdown-menu {
  position: absolute;
  top: calc(100% + 13px);
  right: 0;
  z-index: 1000;

  width: 230px;
  padding: 9px;

  border: 1px solid rgba(7, 27, 53, 0.08);
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(7, 27, 53, 0.18);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: translateY(10px) scale(0.98);
  transform-origin: top right;

  transition:
      opacity 0.2s ease,
      visibility 0.2s ease,
      transform 0.2s ease;
}

.account-dropdown-menu::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 28px;
  width: 12px;
  height: 12px;
  border-top: 1px solid rgba(7, 27, 53, 0.08);
  border-left: 1px solid rgba(7, 27, 53, 0.08);
  background: #ffffff;
  transform: rotate(45deg);
}

.account-dropdown.is-open .account-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.account-dropdown-menu a {
  position: relative;
  z-index: 2;

  min-height: 46px;
  padding: 11px 13px;

  display: flex;
  align-items: center;
  gap: 12px;

  border-radius: 10px;
  color: var(--navy);
  font-size: 0.78rem;
  font-weight: 600;

  transition:
      background 0.2s ease,
      color 0.2s ease,
      transform 0.2s ease;
}

.account-dropdown-menu a:hover {
  background: #fff4e7;
  color: var(--orange);
  transform: translateX(2px);
}

.account-dropdown-menu a i {
  width: 20px;
  color: var(--orange);
  text-align: center;
  font-size: 0.88rem;
}

@media (max-width: 620px) {
  .bookings-button {
    min-height: 40px;
    padding: 9px 13px;
    font-size: 0.62rem;
  }

  .account-dropdown-menu {
    position: fixed;
    top: 76px;
    left: 14px;
    right: 14px;
    width: auto;
  }

  .account-dropdown-menu::before {
    display: none;
  }
}

/*experience page*/
/* =========================================================
   LET ME DISCOVER — EXPERIENCES PAGE
   ========================================================= */

:root {
  --experiences-navy: #071b35;
  --experiences-navy-soft: #102945;
  --experiences-orange: #f59a23;
  --experiences-orange-hover: #e8870f;
  --experiences-cream: #f6f2e9;
  --experiences-white: #ffffff;
  --experiences-text: #10223a;
  --experiences-muted: #6c7786;
  --experiences-line: #e8e1d5;
  --experiences-green: #47755d;
  --experiences-green-soft: #edf7f1;
  --experiences-shadow: 0 18px 45px rgba(7, 27, 53, 0.10);
  --experiences-shadow-strong: 0 24px 60px rgba(7, 27, 53, 0.16);
  --experiences-serif: "Playfair Display", Georgia, serif;
  --experiences-sans: "DM Sans", Arial, sans-serif;
}

.experiences-shell {
  width: min(1120px, calc(100% - 48px));
  margin-inline: auto;
}

.experiences-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  color: var(--experiences-orange);
  font-family: var(--experiences-sans);
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

/* =========================================================
   HEADER ACTIVE STATE
   ========================================================= */

.desktop-nav .active-nav::after {
  right: 0;
}

.account-dropdown {
  position: relative;
}

.dropdown-toggle {
  border: 0;
}

.account-dropdown-menu {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 9999;

  width: 245px;
  padding: 10px;

  border: 1px solid var(--experiences-line);
  border-radius: 14px;
  background: var(--experiences-white);
  box-shadow: var(--experiences-shadow-strong);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: translateY(10px);

  transition:
      opacity 0.2s ease,
      visibility 0.2s ease,
      transform 0.2s ease;
}

.account-dropdown.is-open .account-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.account-dropdown-menu a {
  padding: 11px 12px;
  display: flex;
  align-items: center;
  gap: 12px;

  border-radius: 10px;
  color: var(--experiences-navy);

  transition:
      background 0.2s ease,
      transform 0.2s ease;
}

.account-dropdown-menu a:hover {
  background: var(--experiences-cream);
  transform: translateX(2px);
}

.account-dropdown-menu .dropdown-icon {
  width: 34px;
  height: 34px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  border-radius: 50%;
  background: var(--experiences-cream);
  color: var(--experiences-orange);
}

.account-dropdown-menu strong,
.account-dropdown-menu small {
  display: block;
}

.account-dropdown-menu strong {
  color: var(--experiences-navy);
  font-size: 0.78rem;
}

.account-dropdown-menu small {
  margin-top: 2px;
  color: var(--experiences-muted);
  font-size: 0.64rem;
}

.account-dropdown .fa-chevron-down {
  transition: transform 0.2s ease;
}

.account-dropdown.is-open .fa-chevron-down {
  transform: rotate(180deg);
}

/* =========================================================
   HERO
   ========================================================= */

.experiences-hero {
  position: relative;
  min-height: 610px;
  overflow: hidden;

  background:
      linear-gradient(
          90deg,
          rgba(4, 21, 42, 0.92) 0%,
          rgba(4, 21, 42, 0.70) 47%,
          rgba(4, 21, 42, 0.25) 100%
      ),
      url("/images/experiences/hero.png") center 48% / cover no-repeat;

  color: var(--experiences-white);
}

.experiences-hero-overlay {
  position: absolute;
  inset: 0;

  background:
      linear-gradient(
          180deg,
          rgba(2, 13, 27, 0.06),
          rgba(2, 13, 27, 0.34)
      );
}

.experiences-hero-content {
  position: relative;
  z-index: 2;

  min-height: 610px;
  padding-top: 95px;
  padding-bottom: 46px;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.experiences-hero-content h1 {
  max-width: 760px;

  font-family: var(--experiences-serif);
  font-size: clamp(3.2rem, 6vw, 5.6rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.experiences-hero-content h1 em {
  color: var(--experiences-orange);
  font-weight: 600;
}

.experiences-hero-content > p {
  max-width: 640px;
  margin-top: 24px;

  color: rgba(255, 255, 255, 0.84);
  font-size: 1rem;
  line-height: 1.7;
}

.experience-search {
  width: 100%;
  margin-top: 42px;
  padding: 8px;

  display: grid;
  grid-template-columns: 1.2fr 0.85fr 1fr auto;
  align-items: stretch;

  border: 5px solid rgba(255, 255, 255, 0.20);
  border-radius: 18px;
  background: var(--experiences-white);
  box-shadow: 0 25px 60px rgba(0, 10, 24, 0.38);
}

.experience-search-field {
  min-width: 0;
  padding: 10px 18px;

  display: flex;
  align-items: center;
  gap: 13px;

  border-right: 1px solid #ece7de;
}

.experience-search-field > i {
  width: 22px;
  color: var(--experiences-navy);
  font-size: 1.05rem;
  text-align: center;
}

.experience-search-field > div {
  min-width: 0;
  flex: 1;
}

.experience-search-field label {
  display: block;
  margin-bottom: 4px;

  color: #89919c;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.experience-search-field input,
.experience-search-field select {
  width: 100%;
  min-width: 0;

  border: 0;
  outline: 0;
  background: transparent;

  color: #465264;
  font-size: 0.82rem;
}

.experience-search-field input::placeholder {
  color: #737d89;
}

.experience-search-button {
  min-width: 155px;

  border: 0;
  border-radius: 12px;
  background: var(--experiences-orange);
  color: var(--experiences-white);

  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;

  transition:
      background 0.2s ease,
      transform 0.2s ease;
}

.experience-search-button i {
  margin-right: 7px;
}

.experience-search-button:hover {
  background: var(--experiences-orange-hover);
  transform: translateY(-1px);
}

/* =========================================================
   SHARED HEADINGS
   ========================================================= */

.experiences-section-heading {
  margin-bottom: 32px;
}

.experiences-section-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
}

.experiences-section-heading h2,
.experience-reviews-heading h2,
.local-stories-content h2,
.experience-final-cta-content h2 {
  font-family: var(--experiences-serif);
  color: var(--experiences-navy);
  font-size: clamp(2.2rem, 4vw, 3.3rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.experiences-section-heading p,
.experience-reviews-heading p {
  max-width: 620px;
  margin-top: 10px;

  color: var(--experiences-muted);
  font-size: 0.9rem;
  line-height: 1.65;
}

.experiences-outline-button {
  flex-shrink: 0;

  padding: 12px 20px;

  display: inline-flex;
  align-items: center;
  gap: 12px;

  border: 1px solid #d9d2c7;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.45);
  color: var(--experiences-navy);

  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;

  transition:
      border-color 0.2s ease,
      transform 0.2s ease;
}

.experiences-outline-button:hover {
  border-color: var(--experiences-orange);
  transform: translateY(-2px);
}

/* =========================================================
   CATEGORIES
   ========================================================= */

.experience-categories-section {
  padding: 82px 0;
  background: var(--experiences-cream);
}

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

.experience-category-card {
  position: relative;
  min-height: 310px;
  overflow: hidden;

  border-radius: 16px;
  box-shadow: var(--experiences-shadow);

  color: var(--experiences-white);
}

.experience-category-image {
  position: absolute;
  inset: 0;

  background-position: center;
  background-size: cover;

  transition: transform 0.6s ease;
}

.experience-category-overlay {
  position: absolute;
  inset: 0;

  background:
      linear-gradient(
          180deg,
          rgba(7, 27, 53, 0.05) 12%,
          rgba(7, 27, 53, 0.25) 48%,
          rgba(7, 27, 53, 0.94) 100%
      );
}

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

.experience-category-content {
  position: absolute;
  z-index: 2;
  left: 24px;
  right: 22px;
  bottom: 22px;

  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: end;
  gap: 14px;
}

.experience-category-icon {
  width: 42px;
  height: 42px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255, 255, 255, 0.30);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);

  color: var(--experiences-orange);
  backdrop-filter: blur(8px);
}

.experience-category-content h3 {
  font-family: var(--experiences-serif);
  font-size: 1.35rem;
}

.experience-category-content p {
  margin-top: 5px;

  color: rgba(255, 255, 255, 0.75);
  font-size: 0.74rem;
  line-height: 1.5;
}

.experience-category-arrow {
  width: 34px;
  height: 34px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 50%;

  transition:
      background 0.2s ease,
      transform 0.2s ease;
}

.experience-category-card:hover .experience-category-arrow {
  background: var(--experiences-orange);
  border-color: var(--experiences-orange);
  transform: translateX(3px);
}

/* =========================================================
   FEATURED EXPERIENCES
   ========================================================= */

.featured-experiences-section {
  padding: 82px 0;
  background: #fcfaf6;
}

.featured-experience-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.featured-experience-card {
  overflow: hidden;

  border: 1px solid var(--experiences-line);
  border-radius: 16px;
  background: var(--experiences-white);
  box-shadow: 0 12px 30px rgba(7, 27, 53, 0.07);

  transition:
      transform 0.25s ease,
      box-shadow 0.25s ease;
}

.featured-experience-card:hover {
  transform: translateY(-7px);
  box-shadow: var(--experiences-shadow-strong);
}

.featured-experience-image {
  position: relative;
  height: 230px;
  display: block;

  background-position: center;
  background-size: cover;
}

.featured-experience-image::after {
  content: "";
  position: absolute;
  inset: 0;

  background:
      linear-gradient(
          180deg,
          rgba(7, 27, 53, 0.04),
          rgba(7, 27, 53, 0.22)
      );
}

.featured-badge {
  position: absolute;
  z-index: 2;
  top: 13px;
  left: 13px;

  padding: 6px 10px;

  border-radius: 999px;
  background: var(--experiences-orange);
  color: var(--experiences-white);

  font-size: 0.61rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.featured-rating {
  position: absolute;
  z-index: 2;
  left: 13px;
  bottom: 13px;

  padding: 6px 9px;

  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  color: var(--experiences-navy);

  font-size: 0.69rem;
  font-weight: 700;
}

.featured-rating i {
  margin-right: 4px;
  color: var(--experiences-orange);
}

.featured-favorite {
  position: absolute;
  z-index: 3;
  top: 12px;
  right: 12px;

  width: 38px;
  height: 38px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 0;
  border-radius: 50%;
  background: rgba(7, 27, 53, 0.38);
  color: var(--experiences-white);
  backdrop-filter: blur(8px);

  transition:
      background 0.2s ease,
      color 0.2s ease;
}

.featured-favorite:hover {
  background: var(--experiences-white);
  color: var(--experiences-orange);
}

.featured-experience-content {
  padding: 20px;
}

.featured-experience-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  color: var(--experiences-muted);
  font-size: 0.67rem;
}

.featured-experience-meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.featured-experience-meta i {
  color: var(--experiences-orange);
}

.featured-experience-content h3 {
  margin-top: 13px;

  font-family: var(--experiences-serif);
  color: var(--experiences-navy);
  font-size: 1.24rem;
  line-height: 1.2;
}

.featured-experience-content > p {
  margin-top: 9px;

  color: var(--experiences-muted);
  font-size: 0.76rem;
  line-height: 1.6;
}

.featured-experience-tags {
  margin-top: 15px;

  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.featured-experience-tags span {
  padding: 5px 8px;

  border-radius: 999px;
  background: var(--experiences-green-soft);
  color: var(--experiences-green);

  font-size: 0.59rem;
}

.featured-experience-tags i {
  margin-right: 3px;
}

.featured-experience-footer {
  margin-top: 18px;
  padding-top: 17px;

  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 15px;

  border-top: 1px solid var(--experiences-line);
}

.featured-price small,
.featured-price strong,
.featured-price span {
  display: block;
}

.featured-price small {
  color: var(--experiences-muted);
  font-size: 0.61rem;
}

.featured-price strong {
  margin-top: 2px;
  color: var(--experiences-navy);
  font-size: 1.15rem;
}

.featured-price span {
  margin-top: 1px;
  color: var(--experiences-muted);
  font-size: 0.58rem;
}

.featured-book-button {
  padding: 10px 14px;

  border-radius: 9px;
  background: var(--experiences-navy);
  color: var(--experiences-white);

  font-size: 0.64rem;
  font-weight: 700;
  text-transform: uppercase;

  transition:
      background 0.2s ease,
      transform 0.2s ease;
}

.featured-book-button:hover {
  background: var(--experiences-orange);
  transform: translateY(-2px);
}

/* =========================================================
   BENEFITS
   ========================================================= */

.experiences-benefits-section {
  padding: 78px 0;
  background: var(--experiences-navy);
  color: var(--experiences-white);
}

.benefits-heading h2 {
  color: var(--experiences-white);
}

.benefits-heading p {
  color: #abb8c7;
}

.experiences-benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.experiences-benefits-grid article {
  min-height: 220px;
  padding: 28px 24px;

  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background:
      linear-gradient(
          145deg,
          rgba(25, 53, 84, 0.94),
          rgba(14, 39, 67, 0.94)
      );

  transition:
      transform 0.22s ease,
      border-color 0.22s ease;
}

.experiences-benefits-grid article:hover {
  transform: translateY(-6px);
  border-color: rgba(245, 154, 35, 0.55);
}

.experiences-benefits-grid article > span {
  width: 46px;
  height: 46px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  background: rgba(245, 154, 35, 0.12);
  color: var(--experiences-orange);

  font-size: 1.15rem;
}

.experiences-benefits-grid h3 {
  margin-top: 22px;

  font-family: var(--experiences-serif);
  color: var(--experiences-white);
  font-size: 1.15rem;
}

.experiences-benefits-grid p {
  margin-top: 10px;

  color: #b8c3cf;
  font-size: 0.76rem;
  line-height: 1.65;
}

/* =========================================================
   LOCAL STORIES
   ========================================================= */

.local-stories-section {
  padding: 90px 0;
  background: var(--experiences-cream);
}

.local-stories-layout {
  display: grid;
  grid-template-columns: 1fr 0.95fr;
  align-items: center;
  gap: 72px;
}

.local-stories-image {
  position: relative;
}

.local-stories-image > img {
  width: 100%;
  height: 540px;
  object-fit: cover;

  border-radius: 20px;
  box-shadow: var(--experiences-shadow-strong);
}

.local-story-floating-card {
  position: absolute;
  right: -28px;
  bottom: 34px;

  width: 270px;
  padding: 24px;

  border-radius: 16px;
  background: var(--experiences-white);
  box-shadow: var(--experiences-shadow-strong);
}

.local-story-floating-card > span {
  color: var(--experiences-orange);
  font-size: 1.2rem;
}

.local-story-floating-card p {
  margin-top: 10px;

  color: var(--experiences-navy);
  font-family: var(--experiences-serif);
  font-size: 1rem;
  line-height: 1.5;
}

.local-stories-content h2 {
  margin-top: 2px;
}

.local-stories-content > p {
  margin-top: 20px;

  color: var(--experiences-muted);
  font-size: 0.92rem;
  line-height: 1.75;
}

.local-stories-content ul {
  margin-top: 25px;

  display: flex;
  flex-direction: column;
  gap: 14px;

  list-style: none;
}

.local-stories-content li {
  display: flex;
  align-items: center;
  gap: 11px;

  color: var(--experiences-text);
  font-size: 0.82rem;
}

.local-stories-content li i {
  width: 25px;
  height: 25px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  border-radius: 50%;
  background: var(--experiences-green-soft);
  color: var(--experiences-green);

  font-size: 0.63rem;
}

.local-stories-button {
  margin-top: 30px;
  padding: 13px 20px;

  display: inline-flex;
  align-items: center;
  gap: 11px;

  border-radius: 999px;
  background: var(--experiences-orange);
  color: var(--experiences-white);

  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;

  transition:
      background 0.2s ease,
      transform 0.2s ease;
}

.local-stories-button:hover {
  background: var(--experiences-orange-hover);
  transform: translateY(-2px);
}

/* =========================================================
   REVIEWS
   ========================================================= */

.experience-reviews-section {
  padding: 82px 0;
  background: #fcfaf6;
}

.experience-reviews-heading {
  max-width: 650px;
  margin-bottom: 32px;
}

.experience-reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.experience-review-card {
  padding: 25px;

  border: 1px solid var(--experiences-line);
  border-radius: 16px;
  background: var(--experiences-white);
  box-shadow: 0 10px 26px rgba(7, 27, 53, 0.06);
}

.experience-review-top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
}

.experience-review-avatar {
  width: 42px;
  height: 42px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background: var(--experiences-navy);
  color: var(--experiences-white);

  font-family: var(--experiences-serif);
  font-size: 0.86rem;
}

.experience-review-top strong,
.experience-review-top small {
  display: block;
}

.experience-review-top strong {
  color: var(--experiences-navy);
  font-size: 0.77rem;
}

.experience-review-top small {
  margin-top: 2px;
  color: var(--experiences-muted);
  font-size: 0.62rem;
}

.experience-review-quote {
  color: #e6ded1;
  font-size: 1.2rem;
}

.experience-review-stars {
  margin-top: 18px;

  display: flex;
  gap: 4px;

  color: var(--experiences-orange);
  font-size: 0.72rem;
}

.experience-review-card > p {
  margin-top: 14px;

  color: #4f5b69;
  font-size: 0.77rem;
  line-height: 1.7;
}

/* =========================================================
   FINAL CTA
   ========================================================= */

.experience-final-cta {
  position: relative;
  min-height: 300px;
  overflow: hidden;

  background: var(--experiences-navy);
  color: var(--experiences-white);
}

.experience-final-cta-background {
  position: absolute;
  inset: 0;

  background:
      linear-gradient(
          90deg,
          rgba(7, 27, 53, 0.98),
          rgba(7, 27, 53, 0.82),
          rgba(7, 27, 53, 0.35)
      ),
      url("/images/experiences/final-cta.png") center / cover no-repeat;
}

.experience-final-cta-content {
  position: relative;
  z-index: 2;

  min-height: 300px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.experience-final-cta-content h2 {
  max-width: 650px;
  color: var(--experiences-white);
}

.experience-final-cta-content p {
  margin-top: 12px;

  color: rgba(255, 255, 255, 0.70);
  font-size: 0.88rem;
}

.experience-final-cta-content > a {
  flex-shrink: 0;

  padding: 14px 22px;

  display: inline-flex;
  align-items: center;
  gap: 12px;

  border-radius: 999px;
  background: var(--experiences-orange);
  color: var(--experiences-white);

  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;

  transition:
      background 0.2s ease,
      transform 0.2s ease;
}

.experience-final-cta-content > a:hover {
  background: var(--experiences-orange-hover);
  transform: translateY(-2px);
}

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

@media (max-width: 1050px) {

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

  .experience-search-field {
    border-bottom: 1px solid #ece7de;
  }

  .experience-search-button {
    min-height: 58px;
    grid-column: span 2;
  }

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

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

  .local-stories-layout {
    gap: 44px;
  }
}

@media (max-width: 820px) {

  .experiences-section-heading-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .local-stories-layout {
    grid-template-columns: 1fr;
  }

  .local-story-floating-card {
    right: 20px;
  }

  .experience-reviews-grid {
    grid-template-columns: 1fr;
  }

  .experience-final-cta-content {
    padding: 54px 0;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
}

@media (max-width: 620px) {

  .experiences-shell {
    width: min(100% - 28px, 1120px);
  }

  .experiences-hero,
  .experiences-hero-content {
    min-height: 760px;
  }

  .experiences-hero-content {
    padding-top: 65px;
  }

  .experiences-hero-content h1 {
    font-size: 3.1rem;
  }

  .experience-search {
    margin-top: 30px;
    grid-template-columns: 1fr;
  }

  .experience-search-field {
    min-height: 66px;
    border-right: 0;
  }

  .experience-search-button {
    min-height: 54px;
    grid-column: span 1;
  }

  .experience-categories-section,
  .featured-experiences-section,
  .experiences-benefits-section,
  .local-stories-section,
  .experience-reviews-section {
    padding: 58px 0;
  }

  .experience-category-grid,
  .featured-experience-grid,
  .experiences-benefits-grid {
    grid-template-columns: 1fr;
  }

  .experience-category-card {
    min-height: 285px;
  }

  .local-stories-image > img {
    height: 410px;
  }

  .local-story-floating-card {
    position: relative;
    right: auto;
    bottom: auto;

    width: calc(100% - 28px);
    margin: -55px auto 0;
  }

  .experience-final-cta-content {
    min-height: 340px;
  }

  .account-dropdown-menu {
    right: 0;
    width: 230px;
  }
}

/* =========================================================
   FIX CONTACT + EXPERIENCES HEADER CONFLICT
   Keep this at the VERY BOTTOM of style.css
   ========================================================= */

.contact-page .site-header,
.experiences-page .site-header {
  position: relative;
  z-index: 100;
  width: 100%;
  height: 84px;

  /* Remove the homepage header grid from the outer header */
  display: block;
  padding: 0;

  background: #faf8f2;
}

.contact-page .header-shell,
.experiences-page .header-shell {
  width: min(1120px, calc(100% - 48px));
  height: 84px;
  margin-inline: auto;

  display: grid;
  grid-template-columns: 180px 1fr auto;
  align-items: center;
  gap: 28px;
}

/* Logo */

.contact-page .brand,
.experiences-page .brand {
  display: block;
  width: fit-content;
}

.contact-page .brand img,
.experiences-page .brand img {
  width: 128px;
  height: auto;
}

/* Navigation */

.contact-page .desktop-nav,
.experiences-page .desktop-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 28px;
}

.contact-page .desktop-nav a,
.experiences-page .desktop-nav a {
  position: relative;
  padding: 0;

  color: #1d2d42;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.035em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.contact-page .desktop-nav a::after,
.experiences-page .desktop-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -8px;

  height: 2px;
  background: var(--orange);
  transition: right 0.25s ease;
}

.contact-page .desktop-nav a:hover::after,
.contact-page .desktop-nav a.active::after,
.contact-page .desktop-nav a.active-nav::after,
.experiences-page .desktop-nav a:hover::after,
.experiences-page .desktop-nav a.active::after,
.experiences-page .desktop-nav a.active-nav::after {
  right: 0;
}

/* Account area */

.contact-page .header-actions,
.experiences-page .header-actions {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.contact-page .account-button,
.experiences-page .account-button,
.contact-page .bookings-button,
.experiences-page .bookings-button {
  min-width: 122px;
  min-height: 44px;
  padding: 0 18px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  border: 0;
  border-radius: 999px;
  background: var(--orange);
  color: #ffffff;

  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1;
  text-transform: uppercase;
}

.contact-page .account-button:hover,
.experiences-page .account-button:hover,
.contact-page .bookings-button:hover,
.experiences-page .bookings-button:hover {
  background: var(--orange-hover);
}

/* Remove any accidental line above the header */

.contact-page,
.experiences-page {
  border-top: 0;
}

.contact-page .site-header::before,
.experiences-page .site-header::before {
  display: none;
}

/* Tablet */

@media (max-width: 860px) {
  .contact-page .site-header,
  .experiences-page .site-header {
    height: 76px;
  }

  .contact-page .header-shell,
  .experiences-page .header-shell {
    width: min(100% - 32px, 1120px);
    height: 76px;
    grid-template-columns: 1fr auto;
  }

  .contact-page .desktop-nav,
  .experiences-page .desktop-nav {
    display: none;
  }

  .contact-page .brand img,
  .experiences-page .brand img {
    width: 110px;
  }
}

/* Mobile */

@media (max-width: 520px) {
  .contact-page .header-shell,
  .experiences-page .header-shell {
    width: min(100% - 24px, 1120px);
  }

  .contact-page .account-button,
  .experiences-page .account-button,
  .contact-page .bookings-button,
  .experiences-page .bookings-button {
    min-width: 108px;
    min-height: 40px;
    padding: 0 13px;
    font-size: 0.62rem;
  }
}
/* =========================================================
   LET ME DISCOVER — CONTACT PAGE

   ========================================================= */

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
select {
  cursor: pointer;
}

.contact-shell,
.header-shell {
  width: min(1120px, calc(100% - 48px));
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.site-header {
  position: relative;
  z-index: 100;
  height: 72px;
  background: #fbf9f4;
}

.header-shell {
  height: 100%;
  display: grid;
  grid-template-columns: 180px 1fr auto;
  align-items: center;
  gap: 34px;
}

.brand {
  width: fit-content;
}

.brand img {
  width: 118px;
  height: auto;
}

.desktop-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 36px;
}

.desktop-nav a {
  position: relative;
  padding: 27px 0 23px;
  color: var(--navy);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.desktop-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 18px;
  height: 2px;
  background: var(--orange);
  transition: right 0.2s ease;
}

.desktop-nav a:hover::after,
.desktop-nav a.active::after {
  right: 0;
}

.header-actions {
  display: flex;
  align-items: center;
}

.account-dropdown {
  position: relative;
}

.account-button {
  min-width: 122px;
  min-height: 42px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 0;
  border-radius: 999px;
  background: var(--orange);
  color: #fff;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  transition: 0.2s ease;
}

.account-button:hover {
  background: var(--orange-dark);
  transform: translateY(-1px);
}

.account-button i {
  font-size: 0.58rem;
}

.account-menu {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: 250px;
  padding: 8px;
  display: none;
  border: 1px solid rgba(7, 27, 53, 0.08);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(7, 27, 53, 0.18);
}

.account-dropdown.is-open .account-menu {
  display: block;
}

.account-menu a {
  padding: 11px 10px;
  display: flex;
  align-items: center;
  gap: 11px;
  border-radius: 10px;
}

.account-menu a:hover {
  background: #f7f3ec;
}

.account-menu-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #fff3e5;
  color: var(--orange);
}

.account-menu strong,
.account-menu small {
  display: block;
}

.account-menu strong {
  color: var(--navy);
  font-size: 0.77rem;
}

.account-menu small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 0.64rem;
}

/* =========================================================
   HERO
   ========================================================= */

.contact-hero {
  position: relative;
  min-height: 246px;
  overflow: hidden;
  color: #fff;
  background: var(--navy);
}

.contact-hero-background {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(6, 27, 53, 0.99) 0%,
      rgba(6, 27, 53, 0.92) 29%,
      rgba(6, 27, 53, 0.70) 53%,
      rgba(6, 27, 53, 0.30) 74%,
      rgba(6, 27, 53, 0.05) 100%
    ),
    url("/images/contact/contact.png") center right / cover no-repeat;
}

.contact-hero-layout {
  position: relative;
  z-index: 2;
  min-height: 246px;
  padding: 40px 0 42px;
  display: grid;
  grid-template-columns: 1.02fr 1.38fr;
  align-items: center;
  gap: 70px;
}

.contact-eyebrow {
  display: block;
  margin-bottom: 10px;
  color: var(--orange);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.contact-hero-copy h1 {
  font-family: var(--serif);
  font-size: clamp(2.8rem, 4.1vw, 4rem);
  font-weight: 600;
  line-height: 0.96;
  letter-spacing: -0.038em;
}

.contact-hero-copy h1 em {
  color: var(--orange);
  font-weight: 600;
}

.contact-hero-support {
  max-width: 520px;
  align-self: center;
}

.contact-hero-support > p {
  max-width: 355px;
  color: rgba(255, 255, 255, 0.94);
  font-size: 0.82rem;
  line-height: 1.55;
}

.hero-support-list {
  margin-top: 26px;
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: start;
  gap: 0;
}

.hero-support-list article {
  min-width: 132px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-left: 1px solid rgba(255, 255, 255, 0.19);
}

.hero-support-list article:first-child {
  padding-left: 0;
  border-left: 0;
}

.hero-support-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--orange);
  font-size: 0.95rem;
}

.hero-support-list strong {
  color: #fff;
  font-size: 0.67rem;
  line-height: 1.5;
}

/* =========================================================
   CONTACT CONTENT
   ========================================================= */

.contact-main-section {
  position: relative;
  z-index: 5;
  margin-top: -10px;
  padding-bottom: 16px;
  background:
    radial-gradient(circle at 15% 0%, rgba(255, 255, 255, 0.95), transparent 35%),
    var(--cream);
}

.contact-main-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.66fr) minmax(300px, 1fr);
  gap: 28px;
  align-items: stretch;
}

.contact-form-card,
.sidebar-card {
  border: 1px solid rgba(7, 27, 53, 0.06);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.97);
  box-shadow: var(--shadow);
}

.contact-form-card {
  padding: 26px 28px 28px;
}

.card-heading {
  display: flex;
  align-items: center;
  gap: 15px;
}

.card-heading-icon,
.sidebar-card-heading > span {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff3e5;
  color: var(--orange);
  font-size: 1.05rem;
}

.card-heading h2,
.sidebar-card-heading h2,
.agency-content h2 {
  font-family: var(--serif);
  color: var(--navy);
  font-size: 1.12rem;
  font-weight: 700;
}

.card-heading p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 0.76rem;
}

.contact-form {
  margin-top: 24px;
}

.contact-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.form-field {
  margin-bottom: 14px;
}

.form-field label {
  display: block;
  margin-bottom: 7px;
  color: var(--navy);
  font-size: 0.62rem;
  font-weight: 700;
}

.form-field input,
.form-field select,
.form-field textarea {
  width: 100%;
  border: 1px solid #ded9d1;
  border-radius: 8px;
  outline: none;
  background: #fff;
  color: var(--text);
  font-size: 0.74rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-field input,
.form-field select {
  height: 42px;
  padding: 0 13px;
}

.form-field textarea {
  min-height: 112px;
  padding: 12px 13px;
  resize: vertical;
}

.form-field input::placeholder,
.form-field textarea::placeholder {
  color: #8b96a4;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 3px rgba(255, 148, 24, 0.12);
}

.send-message-button {
  min-height: 40px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  border: 0;
  border-radius: 999px;
  background: var(--orange);
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.2s ease;
}

.send-message-button:hover {
  background: var(--orange-dark);
  transform: translateY(-1px);
}

.send-message-button i {
  font-size: 0.72rem;
}

.contact-sidebar {
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 14px;
}

.sidebar-card {
  padding: 20px 22px;
}

.sidebar-card-heading {
  display: flex;
  align-items: center;
  gap: 13px;
}

.sidebar-card-heading > span {
  width: 44px;
  height: 44px;
  font-size: 0.95rem;
}

.sidebar-card-heading p {
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.66rem;
}

.contact-information-list {
  margin: 13px 0 0 58px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.contact-information-list a,
.contact-information-list div {
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--text);
  font-size: 0.70rem;
}

.contact-information-list i {
  width: 14px;
  color: var(--orange);
  text-align: center;
}

.agency-card {
  min-height: 128px;
  padding: 21px 24px;
  display: grid;
  grid-template-columns: 54px 1fr;
  align-items: center;
  gap: 17px;
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 0% 0%, rgba(255,255,255,0.05), transparent 35%),
    linear-gradient(145deg, #071d38, #0b2d52);
  box-shadow: var(--shadow);
  color: #fff;
}

.agency-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: var(--orange);
  font-size: 1.25rem;
}

.agency-content h2 {
  color: #fff;
  font-family: var(--sans);
  font-size: 0.78rem;
}

.agency-content p {
  max-width: 230px;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.80);
  font-size: 0.65rem;
  line-height: 1.5;
}

.agency-content a {
  width: fit-content;
  min-height: 34px;
  margin-top: 12px;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  gap: 17px;
  border-radius: 999px;
  background: #fff;
  color: var(--navy);
  font-size: 0.61rem;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.2s ease;
}

.agency-content a:hover {
  transform: translateY(-1px);
  color: var(--orange-dark);
}

.business-hours-card {
  padding-top: 18px;
  padding-bottom: 18px;
}

.business-hours-list {
  margin: 10px 0 0 58px;
  display: grid;
  gap: 7px;
}

.business-hours-list div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  color: var(--muted);
  font-size: 0.65rem;
}

.business-hours-list strong {
  color: var(--text);
  font-weight: 500;
}

/* =========================================================
   BENEFITS
   ========================================================= */

.contact-benefits-section {
  padding: 18px 0 20px;
  background: #fbf8f2;
  border-top: 1px solid rgba(7, 27, 53, 0.04);
}

.contact-benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.contact-benefits-grid article {
  min-height: 66px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  gap: 16px;
  border-left: 1px solid #ddd6cc;
}

.contact-benefits-grid article:first-child {
  padding-left: 0;
  border-left: 0;
}

.benefit-icon {
  width: 34px;
  flex: 0 0 auto;
  color: var(--navy);
  font-size: 1.45rem;
  text-align: center;
}

.contact-benefits-grid h3 {
  color: var(--navy);
  font-size: 0.70rem;
}

.contact-benefits-grid p {
  max-width: 150px;
  margin-top: 4px;
  color: var(--muted);
  font-size: 0.62rem;
  line-height: 1.45;
}

/* =========================================================
   FOOTER
   ========================================================= */

.site-footer {
  padding-top: 20px;
  background: var(--navy);
  color: #aeb9c6;
}

.footer-grid {
  padding: 0 0 18px;
  display: grid;
  grid-template-columns: 1.55fr 0.72fr 0.88fr 1fr;
  gap: 58px;
}

.footer-brand img {
  width: 116px;
}

.footer-brand p {
  max-width: 230px;
  margin-top: 10px;
  color: #bdc6d0;
  font-size: 0.62rem;
  line-height: 1.55;
}

.social-links {
  margin-top: 15px;
  display: flex;
  gap: 10px;
}

.social-links a {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  color: #fff;
  font-size: 0.70rem;
  transition: 0.2s ease;
}

.social-links a:hover {
  border-color: var(--orange);
  color: var(--orange);
  transform: translateY(-2px);
}

.footer-column {
  padding-top: 5px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.footer-column h3 {
  margin-bottom: 3px;
  color: #fff;
  font-size: 0.62rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.footer-column a,
.footer-column span {
  color: #b8c2cd;
  font-size: 0.61rem;
  line-height: 1.45;
}

.footer-column a:hover {
  color: var(--orange);
}

.footer-column i {
  width: 15px;
  margin-right: 7px;
  color: var(--orange);
  text-align: center;
}

.footer-bottom {
  min-height: 34px;
  display: grid;
  place-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: #8593a3;
  font-size: 0.58rem;
  text-align: center;
}

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

@media (max-width: 980px) {
  .contact-hero-layout {
    gap: 35px;
  }

  .contact-main-layout {
    grid-template-columns: 1fr;
  }

  .contact-sidebar {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
  }

  .business-hours-card {
    grid-column: 1 / -1;
  }

  .contact-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 16px;
  }

  .contact-benefits-grid article:nth-child(3) {
    border-left: 0;
  }
}

@media (max-width: 760px) {
  .contact-shell,
  .header-shell {
    width: min(100% - 30px, 1120px);
  }

  .site-header {
    height: auto;
    min-height: 70px;
  }

  .header-shell {
    grid-template-columns: 1fr auto;
  }

  .desktop-nav {
    display: none;
  }

  .contact-hero-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .contact-hero {
    min-height: 410px;
  }

  .contact-hero-layout {
    min-height: 410px;
  }

  .contact-hero-support > p {
    max-width: 520px;
  }

  .contact-hero-background {
    background:
      linear-gradient(
        180deg,
        rgba(6, 27, 53, 0.96) 0%,
        rgba(6, 27, 53, 0.88) 58%,
        rgba(6, 27, 53, 0.58) 100%
      ),
      url("/images/contact/contact.png") center / cover no-repeat;
  }

  .contact-form-row,
  .contact-sidebar {
    grid-template-columns: 1fr;
  }

  .business-hours-card {
    grid-column: auto;
  }

  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}

@media (max-width: 540px) {
  .brand img {
    width: 104px;
  }

  .account-button {
    min-width: 112px;
    padding-inline: 14px;
  }

  .contact-hero-copy h1 {
    font-size: 2.55rem;
  }

  .hero-support-list {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .hero-support-list article {
    min-width: 0;
    padding: 0;
    border-left: 0;
  }

  .contact-form-card,
  .sidebar-card {
    padding-left: 18px;
    padding-right: 18px;
  }

  .contact-information-list,
  .business-hours-list {
    margin-left: 0;
    margin-top: 16px;
  }

  .agency-card {
    grid-template-columns: 46px 1fr;
    padding: 18px;
  }

  .agency-icon {
    width: 46px;
    height: 46px;
  }

  .contact-benefits-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .contact-benefits-grid article,
  .contact-benefits-grid article:nth-child(3) {
    padding: 12px 0;
    border-left: 0;
    border-top: 1px solid #ddd6cc;
  }

  .contact-benefits-grid article:first-child {
    border-top: 0;
  }
}
/* =========================================================
   EXPERIENCES PAGE
   Paste this entire section UNDER your existing style.css
   Hero image:
   /images/experiences/banner.png
   ========================================================= */

.experiences-page {
  background: #f8f4ed;
}

.experience-shell {
  width: min(1120px, calc(100% - 48px));
  margin-inline: auto;
}

/* HERO */

.experiences-hero {
  position: relative;
  min-height: 350px;
  overflow: hidden;
  background: #061b35;
  color: #fff;
}

.experiences-hero-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(6, 27, 53, 0.98) 0%,
      rgba(6, 27, 53, 0.89) 32%,
      rgba(6, 27, 53, 0.50) 60%,
      rgba(6, 27, 53, 0.10) 100%
    ),
    url("/images/experience/experience.png") center right / cover no-repeat;
}

.experiences-hero-inner {
  position: relative;
  z-index: 2;
  min-height: 350px;
  padding: 48px 0 26px;
}

.experiences-hero-copy {
  max-width: 560px;
}

.experiences-eyebrow,
.experience-section-eyebrow {
  display: block;
  margin-bottom: 10px;
  color: var(--orange);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.experiences-hero-copy h1 {
  font-family: var(--serif);
  font-size: clamp(3rem, 5vw, 4.65rem);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.experiences-hero-copy h1 em {
  color: var(--orange);
  font-weight: 600;
}

.experiences-hero-copy p {
  max-width: 430px;
  margin-top: 14px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.83rem;
  line-height: 1.55;
}

.experience-search-panel {
  width: min(780px, 100%);
  min-height: 64px;
  margin-top: 28px;
  padding: 7px;
  display: grid;
  grid-template-columns: 1.12fr 1fr 0.82fr auto;
  align-items: stretch;
  border: 4px solid rgba(255, 255, 255, 0.18);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26);
}

.experience-search-control {
  min-width: 0;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  gap: 11px;
  border-right: 1px solid #e5e0d8;
}

.experience-search-icon {
  width: 22px;
  color: var(--navy);
  text-align: center;
  font-size: 0.88rem;
}

.experience-search-copy {
  min-width: 0;
  flex: 1;
}

.experience-search-copy small {
  display: block;
  margin-bottom: 3px;
  color: #788494;
  font-size: 0.54rem;
  font-weight: 700;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.experience-search-copy input,
.experience-search-copy select {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #6c7888;
  font-size: 0.68rem;
}

.experience-search-button {
  min-width: 118px;
  border: 0;
  border-radius: 10px;
  background: var(--orange);
  color: #fff;
  font-size: 0.67rem;
  font-weight: 700;
  text-transform: uppercase;
}

.experience-search-button i {
  margin-right: 7px;
}

/* STORIES */

.experience-stories-section {
  padding: 28px 0 12px;
  background: #fbf8f3;
}

.experience-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
}

.experience-section-heading h2,
.experience-testimonials-section h2,
.experience-inspire-copy h2,
.experience-bottom-cta h2 {
  font-family: var(--serif);
  color: var(--navy);
  font-size: clamp(2rem, 3vw, 2.75rem);
  line-height: 1.05;
  letter-spacing: -0.025em;
}

.experience-section-heading p {
  margin-top: 5px;
  color: var(--muted);
  font-size: 0.72rem;
}

.experience-upload-outline {
  min-height: 38px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  border-radius: 999px;
  background: var(--navy);
  color: #fff;
  font-size: 0.61rem;
  font-weight: 700;
  text-transform: uppercase;
}

.experience-filter-tabs {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.experience-filter-tabs button {
  min-height: 31px;
  padding: 0 18px;
  border: 1px solid #ded8d0;
  border-radius: 999px;
  background: transparent;
  color: #5f6977;
  font-size: 0.61rem;
}

.experience-filter-tabs button.is-active {
  border-color: var(--navy);
  background: var(--navy);
  color: #fff;
}

.experience-story-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.experience-story-card {
  position: relative;
  min-height: 210px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--navy);
  box-shadow: 0 10px 22px rgba(7, 27, 53, 0.10);
}

.experience-story-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.experience-story-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.03) 32%, rgba(4,18,34,0.90) 100%);
}

.experience-rating {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 4px 7px;
  border-radius: 5px;
  background: #fff;
  color: var(--navy);
  font-size: 0.58rem;
  font-weight: 700;
}

.experience-rating i {
  color: var(--orange);
}

.experience-story-content {
  position: absolute;
  left: 13px;
  right: 12px;
  bottom: 12px;
  color: #fff;
}

.experience-author {
  display: block;
  margin-bottom: 4px;
  font-size: 0.58rem;
}

.experience-story-content h3 {
  font-family: var(--serif);
  font-size: 0.94rem;
  line-height: 1.08;
}

.experience-story-content p {
  margin-top: 3px;
  color: rgba(255,255,255,0.80);
  font-size: 0.58rem;
}

.experience-load-wrap {
  margin-top: 17px;
  text-align: center;
}

.experience-load-button {
  min-height: 34px;
  padding: 0 18px;
  border: 1px solid #ddd7ce;
  border-radius: 999px;
  background: transparent;
  color: var(--navy);
  font-size: 0.61rem;
  font-weight: 700;
  text-transform: uppercase;
}

.experience-load-button i {
  margin-left: 9px;
}

.experience-stats {
  margin-top: 15px;
  padding: 19px 18px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-radius: 12px;
  background: linear-gradient(135deg, #071e3a, #0b2d52);
  color: #fff;
}

.experience-stats article {
  text-align: center;
  border-left: 1px solid rgba(255,255,255,0.15);
}

.experience-stats article:first-child {
  border-left: 0;
}

.experience-stats i {
  display: block;
  color: var(--orange);
  font-size: 1.1rem;
}

.experience-stats strong {
  display: block;
  margin-top: 6px;
  font-size: 1.2rem;
}

.experience-stats span {
  display: block;
  margin-top: 3px;
  font-size: 0.62rem;
}

/* INSPIRE */

.experience-inspire-section {
  padding: 42px 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,255,255,0.90), transparent 32%),
    #f5efe6;
}

.experience-inspire-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr 1fr;
  align-items: center;
  gap: 44px;
}

.experience-polaroids {
  position: relative;
  min-height: 235px;
}

.experience-polaroids > img {
  position: absolute;
  width: 128px;
  height: 155px;
  padding: 7px;
  object-fit: cover;
  background: #fff;
  box-shadow: 0 12px 26px rgba(7,27,53,0.15);
}

.polaroid-one {
  left: 5px;
  top: 36px;
  transform: rotate(-9deg);
}

.polaroid-two {
  left: 90px;
  top: 0;
  z-index: 2;
  transform: rotate(-4deg);
}

.polaroid-three {
  left: 173px;
  top: 45px;
  transform: rotate(10deg);
}

.polaroid-quote {
  position: absolute;
  left: 56px;
  bottom: 0;
  z-index: 3;
  width: 168px;
  padding: 13px 14px;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(7,27,53,0.10);
}

.polaroid-quote i {
  color: var(--orange);
}

.polaroid-quote strong {
  display: block;
  margin-top: 5px;
  color: var(--navy);
  font-size: 0.72rem;
  line-height: 1.35;
}

.experience-inspire-copy {
  padding-left: 15px;
}

.experience-inspire-copy p {
  max-width: 310px;
  margin-top: 12px;
  color: #5f6a78;
  font-size: 0.72rem;
  line-height: 1.6;
}

.experience-upload-button {
  min-height: 38px;
  margin-top: 17px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  border-radius: 999px;
  background: var(--orange);
  color: #fff;
  font-size: 0.60rem;
  font-weight: 700;
  text-transform: uppercase;
}

.experience-benefit-list {
  padding-left: 32px;
  border-left: 1px solid #ddd7ce;
}

.experience-benefit-list article {
  display: flex;
  gap: 14px;
  margin-bottom: 17px;
}

.experience-benefit-list article:last-child {
  margin-bottom: 0;
}

.experience-benefit-list article > span {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff1df;
  color: var(--orange);
}

.experience-benefit-list h3 {
  color: var(--navy);
  font-size: 0.72rem;
}

.experience-benefit-list p {
  margin-top: 4px;
  color: #6c7785;
  font-size: 0.64rem;
  line-height: 1.5;
}

/* TESTIMONIALS */

.experience-testimonials-section {
  padding: 12px 0 34px;
  background: #f5efe6;
}

.experience-testimonials-section h2 {
  font-size: 1.7rem;
}

.experience-testimonial-grid {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.experience-testimonial-card {
  min-height: 150px;
  padding: 18px;
  border: 1px solid #e5ded4;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(7,27,53,0.07);
}

.testimonial-person {
  display: flex;
  align-items: center;
  gap: 10px;
}

.testimonial-person img {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: cover;
}

.testimonial-person strong,
.testimonial-person span {
  display: block;
}

.testimonial-person strong {
  color: var(--navy);
  font-size: 0.68rem;
}

.testimonial-person span {
  margin-top: 2px;
  color: var(--muted);
  font-size: 0.58rem;
}

.testimonial-stars {
  margin-top: 11px;
  color: var(--orange);
  font-size: 0.65rem;
  letter-spacing: 2px;
}

.experience-testimonial-card p {
  margin-top: 10px;
  color: #5f6977;
  font-size: 0.66rem;
  line-height: 1.55;
}

/* BOTTOM CTA */

.experience-bottom-cta {
  padding: 24px 0;
  background: linear-gradient(130deg, #071e3a, #0b2f55);
  color: #fff;
}

.experience-bottom-cta-inner {
  display: grid;
  grid-template-columns: 1.2fr 1fr auto;
  align-items: center;
  gap: 40px;
}

.experience-bottom-cta h2 {
  color: #fff;
  font-size: 2.1rem;
}

.experience-bottom-cta p {
  color: rgba(255,255,255,0.86);
  font-size: 0.72rem;
  line-height: 1.5;
}

.experience-bottom-cta a {
  min-height: 42px;
  padding: 0 23px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  border-radius: 999px;
  background: var(--orange);
  color: #fff;
  font-size: 0.63rem;
  font-weight: 700;
  text-transform: uppercase;
}

/* FOOTER OVERRIDE FOR 5 COLUMNS */

.experiences-page .footer-grid {
  grid-template-columns: 1.35fr repeat(4, 0.8fr);
  gap: 35px;
}

/* RESPONSIVE */

@media (max-width: 980px) {
  .experience-search-panel {
    grid-template-columns: repeat(2, 1fr);
  }

  .experience-search-control:nth-child(2) {
    border-right: 0;
  }

  .experience-search-button {
    grid-column: span 2;
    min-height: 45px;
  }

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

  .experience-inspire-grid {
    grid-template-columns: 1fr 1fr;
  }

  .experience-benefit-list {
    grid-column: 1 / -1;
    padding-left: 0;
    border-left: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
  }

  .experience-testimonial-grid {
    grid-template-columns: 1fr;
  }

  .experience-bottom-cta-inner {
    grid-template-columns: 1fr 1fr;
  }

  .experience-bottom-cta a {
    grid-column: 1 / -1;
    width: fit-content;
  }

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

@media (max-width: 720px) {
  .experience-shell {
    width: min(100% - 30px, 1120px);
  }

  .experiences-hero {
    min-height: 480px;
  }

  .experiences-hero-inner {
    min-height: 480px;
  }

  .experiences-hero-bg {
    background:
      linear-gradient(
        180deg,
        rgba(6,27,53,0.98) 0%,
        rgba(6,27,53,0.90) 58%,
        rgba(6,27,53,0.60) 100%
      ),
      url("/images/experience/experience.png") center / cover no-repeat;
  }

  .experience-search-panel {
    grid-template-columns: 1fr;
  }

  .experience-search-control,
  .experience-search-control:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid #e5e0d8;
  }

  .experience-search-button {
    grid-column: span 1;
  }

  .experience-section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .experience-story-grid,
  .experience-stats,
  .experience-inspire-grid,
  .experience-benefit-list,
  .experience-bottom-cta-inner {
    grid-template-columns: 1fr;
  }

  .experience-stats article {
    padding: 14px 0;
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,0.15);
  }

  .experience-stats article:first-child {
    border-top: 0;
  }

  .experience-polaroids {
    min-height: 250px;
  }

  .experience-benefit-list {
    display: block;
  }

  .experience-inspire-copy {
    padding-left: 0;
  }

  .experiences-page .footer-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .experiences-hero-copy h1 {
    font-size: 2.75rem;
  }

  .experience-story-grid {
    grid-template-columns: 1fr;
  }

  .experience-filter-tabs {
    gap: 7px;
  }

  .experience-filter-tabs button {
    padding-inline: 13px;
  }

  .experience-polaroids {
    transform: scale(0.88);
    transform-origin: left center;
  }
}

/*tours search*/
/* =========================================================
   TOURS SEARCH PAGE FILTERS
   Paste at the VERY BOTTOM of style.css
   ========================================================= */

.tours-search-page {
  background: #f8f4ed;
}

.tours-search-page .site-header {
  position: relative;
  z-index: 100;
  width: 100%;
  height: 84px;
  padding: 0;
  display: block;
  background: #faf8f2;
}

.tours-search-page .header-shell {
  width: min(1120px, calc(100% - 48px));
  height: 84px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 180px 1fr auto;
  align-items: center;
  gap: 28px;
}

.tours-search-page .brand img {
  width: 128px;
}

.tours-search-page .desktop-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 28px;
}

.tours-search-page .desktop-nav a {
  position: relative;
  padding: 0;
  white-space: nowrap;
}

.tours-search-page .desktop-nav a.active::after {
  right: 0;
}

.tours-results-page {
  min-height: 680px;
  background:
    radial-gradient(circle at 15% 0%, rgba(255,255,255,0.92), transparent 34%),
    #f8f4ed;
}

.tours-search-page .search-panel--bar {
  position: relative;
  z-index: 20;
  margin: 0;
  background: #fff;
  box-shadow: 0 18px 42px rgba(7,27,53,0.11);
}

.tours-layout {
  margin-top: 34px;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

.tours-filter-sidebar {
  min-width: 0;
}

.filter-heading {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.filter-heading h2 {
  color: var(--navy);
  font-size: 0.68rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.filter-heading button {
  border: 0;
  background: transparent;
  color: #657185;
  font-size: 0.61rem;
}

.filter-heading button i {
  margin-right: 5px;
}

.filter-card {
  overflow: hidden;
  border: 1px solid #e5ded4;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(7,27,53,0.07);
}

.filter-group {
  padding: 18px 14px;
  border-bottom: 1px solid #ebe5dc;
}

.filter-group:last-child {
  border-bottom: 0;
}

.filter-group h3 {
  margin-bottom: 13px;
  color: var(--navy);
  font-size: 0.62rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.filter-group input[type="range"] {
  width: 100%;
  accent-color: var(--orange);
}

.price-values {
  margin-top: 6px;
  display: flex;
  justify-content: space-between;
  color: #5f6c7f;
  font-size: 0.58rem;
}

.price-values strong {
  color: var(--navy);
}

.filter-check {
  min-height: 27px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #435064;
  font-size: 0.63rem;
}

.filter-check input {
  width: 13px;
  height: 13px;
  accent-color: var(--orange);
}

.tours-results-content {
  min-width: 0;
}

.results-topbar {
  margin-top: -34px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.tours-heading {
  margin-bottom: 18px;
}

.sort-control {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #556276;
  font-size: 0.62rem;
}

.sort-control select {
  min-width: 145px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid #dfd8ce;
  border-radius: 8px;
  background: #fff;
  color: var(--navy);
  font-size: 0.62rem;
}

.tours-activity-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 13px;
}

.tour-filter-card[hidden] {
  display: none !important;
}

.tours-activity-grid .activity-card {
  min-width: 0;
}

.tours-activity-grid .activity-image {
  height: 145px;
}

.tours-activity-grid .activity-copy h3 {
  min-height: 34px;
  line-height: 1.15;
}

.tours-activity-grid .tour-card-book-btn {
  margin-top: 10px;
}

.tour-client-empty {
  padding: 70px 20px;
  text-align: center;
  color: var(--muted);
}

.tour-client-empty[hidden] {
  display: none !important;
}

.tour-client-empty i {
  color: var(--orange);
  font-size: 2rem;
}

.tour-client-empty h3 {
  margin-top: 12px;
  font-family: var(--serif);
  color: var(--navy);
  font-size: 1.35rem;
}

.tour-client-empty p {
  margin-top: 6px;
  font-size: 0.75rem;
}

.tours-search-page .site-footer {
  margin-top: 0;
}

.tours-search-page .footer-grid {
  grid-template-columns: 1.45fr 0.8fr 0.9fr 1fr;
}

/* Destination suggestions above cards */
.tours-search-page .destination-control {
  position: relative;
}

.tours-search-page .destination-suggestions {
  z-index: 200;
}

@media (max-width: 1100px) {
  .tours-activity-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .tours-layout {
    grid-template-columns: 1fr;
  }

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

  .filter-group {
    border-right: 1px solid #ebe5dc;
  }

  .results-topbar {
    margin-top: 0;
  }

  .tours-activity-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .tours-search-page .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 620px) {
  .tours-search-page .header-shell {
    width: min(100% - 28px, 1120px);
    grid-template-columns: 1fr auto;
  }

  .tours-search-page .desktop-nav {
    display: none;
  }

  .filter-card,
  .tours-activity-grid,
  .tours-search-page .footer-grid {
    grid-template-columns: 1fr !important;
  }

  .filter-group {
    border-right: 0;
  }

  .results-topbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .sort-control {
    width: 100%;
    justify-content: space-between;
  }

  .sort-control select {
    flex: 1;
  }

  .tours-activity-grid .activity-image {
    height: 220px;
  }
}

/*tours details*/
.experiences-page {
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,0.95), transparent 34%),
    #f8f4ed;
}

/* ---------------------------------------------------------
   HEADER FIX
   --------------------------------------------------------- */

.experiences-page .site-header {
  position: relative;
  z-index: 100;
  width: 100%;
  height: 84px;
  padding: 0;
  display: block;
  background: #faf8f2;
}

.experiences-page .header-shell {
  width: min(1120px, calc(100% - 48px));
  height: 84px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 180px 1fr auto;
  align-items: center;
  gap: 28px;
}

.experiences-page .brand img {
  width: 128px;
  height: auto;
}

.experiences-page .desktop-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 28px;
}

.experiences-page .desktop-nav a {
  position: relative;
  padding: 0;
  color: var(--navy);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}

.experiences-page .desktop-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -8px;
  height: 2px;
  background: var(--orange);
  transition: right 0.2s ease;
}

.experiences-page .desktop-nav a:hover::after,
.experiences-page .desktop-nav a.active::after {
  right: 0;
}

.experiences-page .header-actions {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.experiences-page .account-button {
  min-width: 122px;
  min-height: 44px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 0;
  border-radius: 999px;
  background: var(--orange);
  color: #fff;
  font-size: 0.70rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.experiences-page .account-button:hover {
  background: var(--orange-hover);
}

/* ---------------------------------------------------------
   MAIN LAYOUT
   --------------------------------------------------------- */

.experiences-page .content-section {
  padding-bottom: 54px;
}

.experiences-page .tour-detail-main {
  width: min(1120px, calc(100% - 48px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 315px;
  gap: 34px;
  align-items: start;
}

.tour-detail-left {
  min-width: 0;
}

/* ---------------------------------------------------------
   MAIN IMAGE
   --------------------------------------------------------- */

.experiences-page .tour-gallery {
  overflow: hidden;
  border-radius: 16px;
  background: #d9d9d9;
  box-shadow: 0 16px 42px rgba(7, 27, 53, 0.12);
}

.experiences-page .tour-gallery img {
  width: 100%;
  height: 405px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.experiences-page .tour-gallery:hover img {
  transform: scale(1.015);
}

/* ---------------------------------------------------------
   CONTENT SECTIONS
   --------------------------------------------------------- */

.experiences-page .tour-section {
  margin-top: 30px;
}

.experiences-page .tour-section h2 {
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 11px;
  border-bottom: 1px solid #e3dcd2;
  font-family: var(--serif);
  color: var(--navy);
  font-size: 1.55rem;
  line-height: 1.15;
}

.experiences-page .tour-section h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 34px;
  height: 2px;
  background: var(--orange);
}

.experiences-page .tour-paragraph {
  margin-bottom: 13px;
  color: #314055;
  font-size: 0.83rem;
  line-height: 1.75;
}

.experiences-page .tour-bullet-list,
.experiences-page .tour-expect-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.experiences-page .tour-bullet-list li {
  position: relative;
  padding-left: 18px;
  color: #314055;
  font-size: 0.82rem;
  line-height: 1.55;
}

.experiences-page .tour-bullet-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--orange);
}

.experiences-page .tour-expect-list li {
  position: relative;
  padding: 12px 14px 12px 45px;
  border-radius: 10px;
  background: rgba(255,255,255,0.55);
  color: #314055;
  font-size: 0.80rem;
  line-height: 1.55;
}

.experiences-page .tour-expect-list li::before {
  content: "\f02d";
  position: absolute;
  left: 14px;
  top: 13px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #fff3e4;
  color: var(--orange);
  font-family: "Font Awesome 6 Free";
  font-size: 0.66rem;
  font-weight: 900;
}

.experiences-page .tour-expect-list strong {
  color: var(--navy);
  font-weight: 700;
}

.experiences-page .tour-section:last-child .tour-paragraph {
  margin-bottom: 0;
  padding: 16px 18px;
  border: 1px solid #cfe2cf;
  border-radius: 10px;
  background: #edf7ef;
  color: #395645;
  font-size: 0.75rem;
  line-height: 1.55;
}

/* ---------------------------------------------------------
   SIDEBAR
   --------------------------------------------------------- */

.experiences-page .tour-sidebar-card {
  position: sticky;
  top: 22px;
  padding: 22px;
  border: 1px solid #e5ded4;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(7, 27, 53, 0.10);
}

.experiences-page .tour-sidebar-card h3 {
  margin-bottom: 7px;
  font-family: var(--serif);
  color: var(--navy);
  font-size: 1.35rem;
  line-height: 1.15;
}

.experiences-page .tour-stars {
  margin-bottom: 16px;
  color: var(--orange);
  font-size: 0.76rem;
  letter-spacing: 2px;
}

.experiences-page .tour-info-table {
  margin-top: 5px;
}

.experiences-page .tour-info-table div {
  min-height: 43px;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid #ece6dd;
}

.experiences-page .tour-info-table div:last-child {
  border-bottom: 0;
}

.experiences-page .tour-info-table span {
  color: #7c8795;
  font-size: 0.70rem;
}

.experiences-page .tour-info-table strong {
  max-width: 155px;
  color: var(--navy);
  font-size: 0.71rem;
  font-weight: 700;
  text-align: right;
}

.experiences-page .tour-login-btn {
  width: 100%;
  min-height: 43px;
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--orange);
  color: #fff;
  font-size: 0.73rem;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.2s ease;
}

.experiences-page .tour-login-btn:hover {
  background: var(--orange-hover);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(245,154,35,0.22);
}

.experiences-page .tour-cancel-box {
  margin-top: 16px;
  padding: 15px;
  border: 1px solid #dce8d8;
  border-radius: 10px;
  background: #f2f8ef;
}

.experiences-page .tour-cancel-box strong {
  display: block;
  margin-bottom: 7px;
  color: var(--navy);
  font-size: 0.72rem;
}

.experiences-page .tour-cancel-box p {
  color: #667568;
  font-size: 0.62rem;
  line-height: 1.6;
}

/* ---------------------------------------------------------
   INFORMATION STRIP STYLE
   Reuses first four visible sections after overview
   --------------------------------------------------------- */

.experiences-page .tour-detail-left::after {
  content: "";
  display: block;
  clear: both;
}

/* ---------------------------------------------------------
   FOOTER
   --------------------------------------------------------- */

.experiences-page .site-footer {
  margin-top: 0;
  padding-top: 28px;
}

.experiences-page .footer-grid {
  grid-template-columns: 1.45fr 0.8fr 0.9fr 1fr;
  gap: 42px;
}

.experiences-page .footer-brand img {
  width: 120px;
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 980px) {
  .experiences-page .tour-detail-main {
    grid-template-columns: 1fr;
  }

  .experiences-page .tour-sidebar-card {
    position: static;
  }

  .experiences-page .tour-gallery img {
    height: 360px;
  }
}

@media (max-width: 860px) {
  .experiences-page .site-header,
  .experiences-page .header-shell {
    height: 76px;
  }

  .experiences-page .header-shell {
    width: min(100% - 32px, 1120px);
    grid-template-columns: 1fr auto;
  }

  .experiences-page .desktop-nav {
    display: none;
  }

  .experiences-page .brand img {
    width: 110px;
  }

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

@media (max-width: 620px) {
  .experiences-page .tour-detail-main {
    width: min(100% - 28px, 1120px);
  }

  .experiences-page .tour-gallery img {
    height: 260px;
  }

  .experiences-page .tour-section h2 {
    font-size: 1.35rem;
  }

  .experiences-page .tour-sidebar-card {
    padding: 18px;
  }

  .experiences-page .footer-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   TOUR GALLERY ADDITIONS
   ========================================================= */

.experiences-page .tour-gallery-area {
  margin-bottom: 22px;
}

.experiences-page .tour-gallery {
  position: relative;
}

.experiences-page .tour-gallery-arrow {
  position: absolute;
  z-index: 5;
  top: 50%;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 50%;
  background: rgba(7, 27, 53, 0.65);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  transform: translateY(-50%);
  transition: 0.2s ease;
  backdrop-filter: blur(8px);
}

.experiences-page .tour-gallery:hover .tour-gallery-arrow {
  opacity: 1;
}

.experiences-page .tour-gallery-arrow:hover {
  background: var(--orange);
}

.experiences-page .tour-gallery-prev {
  left: 16px;
}

.experiences-page .tour-gallery-next {
  right: 16px;
}

.experiences-page .tour-gallery-open {
  position: absolute;
  z-index: 5;
  right: 16px;
  bottom: 16px;
  min-height: 35px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 999px;
  background: rgba(7, 27, 53, 0.72);
  color: #fff;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.68rem;
  font-weight: 700;
  backdrop-filter: blur(8px);
}

.experiences-page .tour-gallery-counter {
  position: absolute;
  z-index: 5;
  left: 16px;
  bottom: 16px;
  min-height: 31px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 999px;
  background: rgba(7, 27, 53, 0.72);
  color: #fff;
  font-size: 0.67rem;
  font-weight: 700;
  backdrop-filter: blur(8px);
}

.experiences-page .tour-gallery-thumbnails {
  margin-top: 11px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.experiences-page .tour-gallery-thumb {
  height: 78px;
  padding: 0;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 9px;
  background: #ddd;
  cursor: pointer;
  opacity: 0.72;
  transition: 0.2s ease;
}

.experiences-page .tour-gallery-thumb:hover,
.experiences-page .tour-gallery-thumb.active {
  border-color: var(--orange);
  opacity: 1;
  transform: translateY(-2px);
}

.experiences-page .tour-gallery-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* =========================================================
   BENEFITS BANNER
   ========================================================= */

.experiences-page .tour-benefits-banner {
  margin-top: 19px;
  padding: 17px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
  border: 1px solid #e5ded4;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.65);
}

.experiences-page .tour-benefit-item {
  display: flex;
  align-items: center;
  gap: 11px;
}

.experiences-page .tour-benefit-item:not(:last-child) {
  padding-right: 15px;
  border-right: 1px solid #e6dfd5;
}

.experiences-page .tour-benefit-item > span {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #fff3e4;
  color: var(--orange);
}

.experiences-page .tour-benefit-item strong,
.experiences-page .tour-benefit-item small {
  display: block;
}

.experiences-page .tour-benefit-item strong {
  margin-bottom: 3px;
  color: var(--navy);
  font-size: 0.72rem;
}

.experiences-page .tour-benefit-item small {
  color: #7c8795;
  font-size: 0.61rem;
  line-height: 1.4;
}

/* =========================================================
   MEETING AND PICKUP
   ========================================================= */

.experiences-page .tour-meeting-section {
  margin-top: 36px;
}

.experiences-page .tour-section-toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e3dcd2;
}

.experiences-page .tour-section-toggle h2 {
  width: 100%;
  margin-bottom: 0;
  border-bottom: 0;
}

.experiences-page .tour-section-toggle button {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: var(--navy);
  cursor: pointer;
  transition: transform 0.25s ease;
}

.experiences-page .tour-section-toggle button.is-collapsed {
  transform: rotate(180deg);
}

.experiences-page .tour-meeting-box {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #dcd6ce;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.68);
}

.experiences-page .tour-meeting-box.is-hidden {
  display: none;
}

.experiences-page .tour-meeting-column {
  min-width: 0;
  padding: 25px;
}

.experiences-page .tour-meeting-column:first-child {
  border-right: 1px solid #dcd6ce;
}

.experiences-page .tour-meeting-heading {
  margin-bottom: 23px;
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--navy);
  font-size: 1rem;
}

.experiences-page .tour-meeting-heading i {
  color: #009979;
  font-size: 1.12rem;
}

.experiences-page .tour-meeting-column label {
  margin-bottom: 10px;
  display: block;
  color: var(--navy);
  font-size: 0.78rem;
  font-weight: 600;
}

.experiences-page .meeting-point-search {
  position: relative;
}

.experiences-page .meeting-point-search input {
  width: 100%;
  height: 47px;
  padding: 0 43px 0 15px;
  border: 1px solid #cfc8bf;
  border-radius: 9px 9px 0 0;
  background: #fff;
  color: var(--navy);
  font-family: inherit;
  font-size: 0.78rem;
  outline: none;
}

.experiences-page .meeting-point-search input:focus {
  border-color: var(--orange);
}

.experiences-page .meeting-point-search i {
  position: absolute;
  top: 50%;
  right: 15px;
  color: var(--navy);
  transform: translateY(-50%);
}

.experiences-page .meeting-points-list {
  max-height: 255px;
  overflow-y: auto;
  border: 1px solid #cfc8bf;
  border-top: 0;
  border-radius: 0 0 9px 9px;
  background: #fff;
}

.experiences-page .meeting-point-option {
  width: 100%;
  padding: 15px 14px;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  border: 0;
  border-bottom: 1px solid #eee8df;
  background: transparent;
  color: var(--navy);
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: background 0.2s ease;
}

.experiences-page .meeting-point-option:last-child {
  border-bottom: 0;
}

.experiences-page .meeting-point-option:hover,
.experiences-page .meeting-point-option.active {
  background: #f4fbf8;
}

.experiences-page .meeting-point-option > i {
  margin-top: 3px;
  color: #009979;
  font-size: 1rem;
}

.experiences-page .meeting-point-option span,
.experiences-page .meeting-point-option strong,
.experiences-page .meeting-point-option small {
  display: block;
}

.experiences-page .meeting-point-option strong {
  margin-bottom: 3px;
  font-size: 0.77rem;
}

.experiences-page .meeting-point-option small {
  color: #647286;
  font-size: 0.69rem;
  line-height: 1.45;
}

.experiences-page .tour-end-point-content > strong {
  display: block;
  margin-bottom: 5px;
  color: var(--navy);
  font-size: 0.85rem;
}

.experiences-page .tour-end-point-content > p {
  margin-bottom: 14px;
  color: #314055;
  font-size: 0.78rem;
  line-height: 1.55;
}

.experiences-page .tour-end-point-content > a {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--navy);
  font-size: 0.77rem;
  font-weight: 700;
  text-decoration: underline;
}

.experiences-page .tour-end-point-content .download-location-button {
  width: fit-content;
  min-height: 40px;
  padding: 0 15px;
  display: inline-flex;
  border-radius: 8px;
  background: var(--orange);
  color: #fff;
  text-decoration: none;
}

.experiences-page .tour-end-point-content .tour-end-description {
  margin-top: 18px;
}

.experiences-page .selected-meeting-point {
  margin-top: 22px;
  padding: 14px;
  border: 1px solid #cfe2d8;
  border-radius: 10px;
  background: #eff8f4;
}

.experiences-page .selected-meeting-point small,
.experiences-page .selected-meeting-point strong,
.experiences-page .selected-meeting-point span {
  display: block;
}

.experiences-page .selected-meeting-point small {
  margin-bottom: 5px;
  color: #71817a;
  font-size: 0.62rem;
  text-transform: uppercase;
}

.experiences-page .selected-meeting-point strong {
  margin-bottom: 3px;
  color: var(--navy);
  font-size: 0.76rem;
}

.experiences-page .selected-meeting-point span {
  color: #5e7068;
  font-size: 0.67rem;
  line-height: 1.45;
}

.experiences-page .selected-meeting-point a {
  margin-top: 11px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #007f66;
  font-size: 0.68rem;
  font-weight: 700;
}

/* =========================================================
   SIDEBAR EXTRA SECTIONS
   ========================================================= */

.experiences-page .tour-sidebar-section {
  margin-top: 17px;
  padding-top: 17px;
  border-top: 1px solid #ece6dd;
}

.experiences-page .tour-sidebar-section-title {
  display: block;
  margin-bottom: 12px;
  color: var(--navy);
  font-size: 0.76rem;
}

.experiences-page .tour-share-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.experiences-page .tour-share-buttons a,
.experiences-page .tour-share-buttons button {
  width: 35px;
  height: 35px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid #e1dad1;
  border-radius: 50%;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: 0.2s ease;
}

.experiences-page .tour-share-buttons a:hover,
.experiences-page .tour-share-buttons button:hover {
  border-color: var(--orange);
  background: var(--orange);
  color: #fff;
  transform: translateY(-2px);
}

.experiences-page .tour-copy-status {
  display: block;
  height: 0;
  overflow: hidden;
  color: #33804f;
  font-size: 0.64rem;
  opacity: 0;
  transition: 0.2s ease;
}

.experiences-page .tour-copy-status.is-visible {
  height: 22px;
  padding-top: 8px;
  opacity: 1;
}

.experiences-page .why-book-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.experiences-page .why-book-list li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.experiences-page .why-book-list li > i {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #edf7ef;
  color: #348153;
  font-size: 0.55rem;
}

.experiences-page .why-book-list strong,
.experiences-page .why-book-list small {
  display: block;
}

.experiences-page .why-book-list strong {
  margin-bottom: 2px;
  color: var(--navy);
  font-size: 0.68rem;
}

.experiences-page .why-book-list small {
  color: #7c8795;
  font-size: 0.6rem;
  line-height: 1.4;
}

.experiences-page .tour-help-box {
  margin-top: 18px;
  padding: 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border-radius: 11px;
  background: var(--navy);
  color: #fff;
}

.experiences-page .tour-help-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.12);
  color: var(--orange);
}

.experiences-page .tour-help-box strong {
  display: block;
  margin-bottom: 5px;
  font-size: 0.78rem;
}

.experiences-page .tour-help-box p {
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.61rem;
  line-height: 1.5;
}

.experiences-page .tour-help-box a {
  margin-top: 7px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  font-size: 0.61rem;
}

/* =========================================================
   FULLSCREEN GALLERY
   ========================================================= */

.tour-gallery-modal {
  position: fixed;
  z-index: 2000;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(3, 15, 30, 0.94);
}

.tour-gallery-modal.is-open {
  display: flex;
}

.tour-gallery-modal-content {
  position: relative;
  width: min(1000px, calc(100% - 150px));
  height: min(720px, calc(100vh - 100px));
  display: flex;
  align-items: center;
  justify-content: center;
}

.tour-gallery-modal-content img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 10px;
  object-fit: contain;
}

.tour-gallery-modal-close {
  position: absolute;
  z-index: 3;
  top: 24px;
  right: 28px;
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
}

.tour-gallery-modal-arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  cursor: pointer;
  transform: translateY(-50%);
}

.tour-gallery-modal-arrow:hover,
.tour-gallery-modal-close:hover {
  background: var(--orange);
}

.modal-gallery-prev {
  left: 28px;
}

.modal-gallery-next {
  right: 28px;
}

.tour-gallery-modal-counter {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(7, 27, 53, 0.75);
  color: #fff;
  font-size: 0.7rem;
}

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

@media (max-width: 760px) {
  .experiences-page .tour-benefits-banner {
    grid-template-columns: 1fr;
  }

  .experiences-page .tour-benefit-item:not(:last-child) {
    padding-right: 0;
    padding-bottom: 12px;
    border-right: 0;
    border-bottom: 1px solid #e6dfd5;
  }

  .experiences-page .tour-meeting-box {
    grid-template-columns: 1fr;
  }

  .experiences-page .tour-meeting-column:first-child {
    border-right: 0;
    border-bottom: 1px solid #dcd6ce;
  }

  .tour-gallery-modal-content {
    width: calc(100% - 30px);
    height: calc(100vh - 140px);
  }
}

@media (max-width: 620px) {
  .experiences-page .tour-gallery-arrow {
    width: 36px;
    height: 36px;
    opacity: 1;
  }

  .experiences-page .tour-gallery-thumbnails {
    display: flex;
    overflow-x: auto;
    padding-bottom: 5px;
  }

  .experiences-page .tour-gallery-thumb {
    min-width: 82px;
    height: 60px;
  }

  .experiences-page .tour-gallery-open {
    right: 10px;
    bottom: 10px;
  }

  .experiences-page .tour-gallery-counter {
    left: 10px;
    bottom: 10px;
  }

  .experiences-page .tour-meeting-column {
    padding: 18px;
  }

  .tour-gallery-modal-arrow {
    width: 40px;
    height: 40px;
  }

  .modal-gallery-prev {
    left: 10px;
  }

  .modal-gallery-next {
    right: 10px;
  }

  .tour-gallery-modal-close {
    top: 16px;
    right: 16px;
  }
}
/* Premium tour-details page. Load this after style.css. */
.experiences-page {
  --tour-navy: var(--navy, #071b35);
  --tour-orange: var(--orange, #f59a23);
  --tour-orange-hover: var(--orange-hover, #e78813);
  --tour-cream: #f7f3ec;
  --tour-border: #e6dfd5;
  --tour-muted: #6f7c8e;
  background: radial-gradient(circle at 10% 0%, rgba(255,255,255,.96), transparent 36%), #f7f3ec;
}

.experiences-page .site-header { position: relative; z-index: 100; width: 100%; height: 84px; padding: 0; background: rgba(250,248,242,.96); border-bottom: 1px solid rgba(7,27,53,.05); backdrop-filter: blur(14px); }
.experiences-page .header-shell { width: min(1180px, calc(100% - 48px)); height: 84px; margin-inline: auto; display: grid; grid-template-columns: 180px 1fr auto; align-items: center; gap: 28px; }
.experiences-page .brand img { width: 128px; height: auto; }
.experiences-page .desktop-nav { display: flex; justify-content: flex-end; align-items: center; gap: 30px; }
.experiences-page .desktop-nav a { position: relative; color: var(--tour-navy); font-size: .72rem; font-weight: 700; letter-spacing: .035em; text-transform: uppercase; white-space: nowrap; }
.experiences-page .desktop-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-9px; height:2px; background:var(--tour-orange); transition:right .2s ease; }
.experiences-page .desktop-nav a:hover::after, .experiences-page .desktop-nav a.active::after { right:0; }
.experiences-page .header-actions { position:relative; display:flex; align-items:center; justify-content:flex-end; }
.experiences-page .account-button { min-width:124px; min-height:44px; padding:0 18px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border:0; border-radius:999px; background:var(--tour-orange); color:#fff; font-size:.7rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; cursor:pointer; }

.experiences-page .content-section { padding: 32px 0 64px; }
.experiences-page .page-shell { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }
.experiences-page .tour-breadcrumb { margin-bottom:18px; display:flex; align-items:center; gap:9px; color:#8490a0; font-size:.72rem; }
.experiences-page .tour-breadcrumb a { color:#687588; }
.experiences-page .tour-breadcrumb i { font-size:.5rem; color:#b1a99f; }
.experiences-page .tour-breadcrumb span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--tour-navy); font-weight:600; }

.experiences-page .tour-hero-heading { margin-bottom:24px; display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
.experiences-page .tour-eyebrow { margin-bottom:8px; display:inline-flex; align-items:center; gap:7px; color:var(--tour-orange); font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.experiences-page .tour-hero-heading h1 { margin:0; max-width:800px; font-family:var(--serif); color:var(--tour-navy); font-size:clamp(2rem,3.4vw,3rem); line-height:1.08; }
.experiences-page .tour-hero-meta { margin-top:12px; display:flex; align-items:center; flex-wrap:wrap; gap:9px; color:#667487; font-size:.75rem; }
.experiences-page .tour-stars { margin:0; color:var(--tour-orange); font-size:.72rem; letter-spacing:2px; }
.experiences-page .tour-hero-meta strong { color:var(--tour-navy); }
.experiences-page .meta-divider { width:1px; height:14px; background:#d9d1c7; }
.experiences-page .tour-top-actions { display:flex; gap:9px; }
.experiences-page .tour-top-actions button { min-height:42px; padding:0 15px; display:inline-flex; align-items:center; gap:8px; border:1px solid #ddd5cb; border-radius:999px; background:#fff; color:var(--tour-navy); font-family:inherit; font-size:.7rem; font-weight:700; cursor:pointer; transition:.2s ease; }
.experiences-page .tour-top-actions button:hover, .experiences-page .tour-top-actions button.is-active { border-color:var(--tour-orange); color:var(--tour-orange); transform:translateY(-1px); }

.experiences-page .tour-detail-main { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:36px; align-items:start; }
.experiences-page .tour-detail-left { min-width:0; }

.experiences-page .tour-gallery-area { margin-bottom:20px; }
.experiences-page .tour-gallery { position:relative; overflow:hidden; border-radius:20px; background:#d8d8d8; box-shadow:0 22px 55px rgba(7,27,53,.14); }
.experiences-page .tour-gallery img { width:100%; height:470px; display:block; object-fit:cover; cursor:zoom-in; transition:transform .45s ease; }
.experiences-page .tour-gallery:hover img { transform:scale(1.018); }
.experiences-page .gallery-overlay { position:absolute; inset:auto 0 0; height:34%; pointer-events:none; background:linear-gradient(transparent, rgba(4,18,37,.46)); }
.experiences-page .tour-gallery-arrow { position:absolute; z-index:5; top:50%; width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(7,27,53,.62); color:#fff; cursor:pointer; opacity:0; transform:translateY(-50%); transition:.2s ease; backdrop-filter:blur(8px); }
.experiences-page .tour-gallery:hover .tour-gallery-arrow { opacity:1; }
.experiences-page .tour-gallery-arrow:hover { background:var(--tour-orange); }
.experiences-page .tour-gallery-prev { left:18px; }
.experiences-page .tour-gallery-next { right:18px; }
.experiences-page .tour-gallery-open, .experiences-page .tour-gallery-counter { position:absolute; z-index:5; bottom:16px; min-height:36px; display:inline-flex; align-items:center; gap:7px; border-radius:999px; background:rgba(7,27,53,.72); color:#fff; backdrop-filter:blur(8px); }
.experiences-page .tour-gallery-open { right:16px; padding:0 14px; border:1px solid rgba(255,255,255,.35); font-family:inherit; font-size:.68rem; font-weight:700; cursor:pointer; }
.experiences-page .tour-gallery-counter { left:16px; padding:0 12px; font-size:.67rem; font-weight:700; }
.experiences-page .tour-gallery-thumbnails { margin-top:12px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.experiences-page .tour-gallery-thumb { height:82px; padding:0; overflow:hidden; border:2px solid transparent; border-radius:11px; background:#ddd; cursor:pointer; opacity:.7; transition:.2s ease; }
.experiences-page .tour-gallery-thumb:hover, .experiences-page .tour-gallery-thumb.active { border-color:var(--tour-orange); opacity:1; transform:translateY(-2px); }
.experiences-page .tour-gallery-thumb img { width:100%; height:100%; object-fit:cover; }

.experiences-page .tour-trust-strip { margin:22px 0 34px; padding:18px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; border:1px solid var(--tour-border); border-radius:16px; background:rgba(255,255,255,.72); box-shadow:0 12px 30px rgba(7,27,53,.05); }
.experiences-page .tour-trust-strip > div { min-width:0; display:flex; align-items:center; gap:11px; }
.experiences-page .tour-trust-strip > div:not(:last-child) { padding-right:14px; border-right:1px solid #e7e0d7; }
.experiences-page .tour-trust-strip > div > span { width:39px; height:39px; flex:0 0 39px; display:grid; place-items:center; border-radius:12px; background:#fff3e4; color:var(--tour-orange); }
.experiences-page .tour-trust-strip strong, .experiences-page .tour-trust-strip small { display:block; }
.experiences-page .tour-trust-strip strong { margin-bottom:3px; color:var(--tour-navy); font-size:.7rem; }
.experiences-page .tour-trust-strip small { color:#7d8998; font-size:.59rem; line-height:1.35; }

.experiences-page .tour-section { margin-top:34px; }
.experiences-page .tour-section h2 { position:relative; margin-bottom:18px; padding-bottom:12px; border-bottom:1px solid #e2dbd1; font-family:var(--serif); color:var(--tour-navy); font-size:1.7rem; line-height:1.15; }
.experiences-page .tour-section h2::after { content:""; position:absolute; left:0; bottom:-1px; width:38px; height:2px; background:var(--tour-orange); }
.experiences-page .tour-paragraph { margin-bottom:13px; color:#34445a; font-size:.84rem; line-height:1.82; }
.experiences-page .tour-bullet-list { list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 18px; }
.experiences-page .tour-bullet-list li { position:relative; min-height:46px; padding:13px 14px 13px 42px; border:1px solid #ebe4db; border-radius:12px; background:rgba(255,255,255,.66); color:#314055; font-size:.78rem; line-height:1.45; }
.experiences-page .tour-bullet-list li::before { position:absolute; left:14px; top:13px; width:20px; height:20px; display:grid; place-items:center; border-radius:50%; font-family:"Font Awesome 6 Free"; font-size:.56rem; font-weight:900; }
.experiences-page .included-list li::before { content:"\f00c"; background:#edf8f1; color:#2f8352; }
.experiences-page .exclusion-list li::before { content:"\f00d"; background:#fff0ed; color:#c15b46; }
.experiences-page .tour-expect-list { list-style:none; display:flex; flex-direction:column; gap:10px; }
.experiences-page .tour-expect-list li { position:relative; padding:15px 16px 15px 48px; border:1px solid #eee8df; border-radius:12px; background:rgba(255,255,255,.7); color:#314055; font-size:.8rem; line-height:1.55; transition:.2s ease; }
.experiences-page .tour-expect-list li:hover { transform:translateX(3px); box-shadow:0 10px 24px rgba(7,27,53,.05); }
.experiences-page .tour-expect-list li::before { content:"\f5fd"; position:absolute; left:14px; top:13px; width:24px; height:24px; display:grid; place-items:center; border-radius:8px; background:#fff3e4; color:var(--tour-orange); font-family:"Font Awesome 6 Free"; font-size:.66rem; font-weight:900; }
.experiences-page .tour-expect-list strong { color:var(--tour-navy); }

.experiences-page .tour-section-toggle { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e2dbd1; }
.experiences-page .tour-section-toggle h2 { width:100%; margin:0; border:0; }
.experiences-page .tour-section-toggle button { width:40px; height:40px; display:grid; place-items:center; border:0; background:transparent; color:var(--tour-navy); cursor:pointer; transition:transform .25s ease; }
.experiences-page .tour-section-toggle button.is-collapsed { transform:rotate(180deg); }
.experiences-page .premium-meeting-card { margin-top:18px; overflow:hidden; display:grid; grid-template-columns:38% 1fr; border:1px solid #ded7ce; border-radius:18px; background:#fff; box-shadow:0 18px 45px rgba(7,27,53,.07); }
.experiences-page .premium-meeting-card.is-hidden { display:none; }
.experiences-page .meeting-map-visual { position:relative; min-height:310px; overflow:hidden; background:#e9eee9; }
.experiences-page .map-grid { position:absolute; inset:0; opacity:.64; background-image:linear-gradient(rgba(7,27,53,.08) 1px, transparent 1px),linear-gradient(90deg,rgba(7,27,53,.08) 1px,transparent 1px),linear-gradient(35deg,transparent 46%,rgba(245,154,35,.18) 47%,rgba(245,154,35,.18) 52%,transparent 53%); background-size:34px 34px,34px 34px,100% 100%; }
.experiences-page .map-pin { position:absolute; top:44%; left:50%; width:52px; height:52px; display:grid; place-items:center; border:7px solid rgba(255,255,255,.92); border-radius:50%; background:var(--tour-orange); color:#fff; font-size:1.1rem; box-shadow:0 14px 30px rgba(7,27,53,.22); transform:translate(-50%,-50%); }
.experiences-page .map-label { position:absolute; right:16px; bottom:16px; left:16px; padding:12px 14px; border:1px solid rgba(255,255,255,.7); border-radius:12px; background:rgba(255,255,255,.88); backdrop-filter:blur(8px); }
.experiences-page .map-label small, .experiences-page .map-label strong { display:block; }
.experiences-page .map-label small { margin-bottom:3px; color:#748092; font-size:.61rem; text-transform:uppercase; letter-spacing:.07em; }
.experiences-page .map-label strong { color:var(--tour-navy); font-size:.82rem; }
.experiences-page .meeting-content { padding:28px; }
.experiences-page .meeting-kicker { margin-bottom:10px; color:#00856c; font-size:.67rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.experiences-page .meeting-content h3 { margin:0 0 12px; font-family:var(--serif); color:var(--tour-navy); font-size:1.35rem; }
.experiences-page .meeting-description { color:#37475b; font-size:.82rem; line-height:1.75; white-space:pre-line; }
.experiences-page .meeting-notice { margin-top:17px; padding:12px 13px; display:flex; gap:9px; border:1px solid #d9ebe4; border-radius:11px; background:#f1faf6; color:#4d695e; font-size:.69rem; line-height:1.5; }
.experiences-page .meeting-notice i { margin-top:2px; color:#00856c; }
.experiences-page .meeting-actions { margin-top:18px; display:flex; flex-wrap:wrap; gap:10px; }
.experiences-page .meeting-actions a, .experiences-page .meeting-actions button { min-height:42px; padding:0 14px; display:inline-flex; align-items:center; gap:8px; border:1px solid #ddd5cb; border-radius:9px; background:#fff; color:var(--tour-navy); font-family:inherit; font-size:.68rem; font-weight:700; cursor:pointer; }
.experiences-page .meeting-actions a { border-color:var(--tour-orange); background:var(--tour-orange); color:#fff; }
.experiences-page .copy-inline-status { display:block; height:0; overflow:hidden; color:#2f8050; font-size:.65rem; opacity:0; transition:.2s ease; }
.experiences-page .copy-inline-status.is-visible { height:23px; padding-top:9px; opacity:1; }

.experiences-page .additional-info-card, .experiences-page .cancellation-policy-card { padding:17px 18px; display:flex; gap:12px; border-radius:13px; }
.experiences-page .additional-info-card { border:1px solid #dce4ee; background:#f3f7fb; }
.experiences-page .additional-info-card > i { margin-top:4px; color:#3a6f9f; }
.experiences-page .additional-info-card .tour-paragraph { margin:0; }
.experiences-page .cancellation-policy-card { align-items:flex-start; border:1px solid #cfe4d5; background:#edf8f1; }
.experiences-page .cancellation-policy-card > span { width:36px; height:36px; flex:0 0 36px; display:grid; place-items:center; border-radius:10px; background:#fff; color:#318252; }
.experiences-page .cancellation-policy-card p { margin:0; color:#3d5b49; font-size:.76rem; line-height:1.6; }

.experiences-page .tour-sidebar-card { position:sticky; top:22px; padding:24px; border:1px solid #e4ddd3; border-radius:20px; background:rgba(255,255,255,.96); box-shadow:0 22px 55px rgba(7,27,53,.12); }
.experiences-page .sidebar-badge { width:fit-content; margin-bottom:13px; padding:7px 10px; display:inline-flex; align-items:center; gap:6px; border-radius:999px; background:#fff3e4; color:#b9690f; font-size:.61rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.experiences-page .tour-sidebar-card h3 { margin:0 0 8px; font-family:var(--serif); color:var(--tour-navy); font-size:1.45rem; line-height:1.14; }
.experiences-page .sidebar-price { margin:18px 0 8px; padding:16px 0; border-top:1px solid #ece6dd; border-bottom:1px solid #ece6dd; }
.experiences-page .sidebar-price span { display:block; color:#7e8997; font-size:.64rem; }
.experiences-page .sidebar-price strong { margin-right:5px; font-family:var(--serif); color:var(--tour-navy); font-size:2rem; }
.experiences-page .sidebar-price small { color:#7e8997; font-size:.62rem; }
.experiences-page .tour-info-table div { min-height:43px; padding:10px 0; display:flex; justify-content:space-between; align-items:center; gap:14px; border-bottom:1px solid #eee8df; }
.experiences-page .tour-info-table span { display:flex; align-items:center; gap:7px; color:#778394; font-size:.68rem; }
.experiences-page .tour-info-table span i { width:14px; color:var(--tour-orange); text-align:center; }
.experiences-page .tour-info-table strong { max-width:155px; color:var(--tour-navy); font-size:.7rem; text-align:right; }
.experiences-page .tour-login-btn { width:100%; min-height:48px; margin-top:18px; display:flex; align-items:center; justify-content:center; gap:10px; border-radius:10px; background:var(--tour-orange); color:#fff; font-size:.72rem; font-weight:700; text-transform:uppercase; transition:.2s ease; }
.experiences-page .tour-login-btn:hover { background:var(--tour-orange-hover); transform:translateY(-1px); box-shadow:0 10px 22px rgba(245,154,35,.24); }
.experiences-page .booking-reassurance { margin-top:11px; display:flex; justify-content:center; flex-wrap:wrap; gap:8px 12px; color:#6e7b8c; font-size:.58rem; }
.experiences-page .booking-reassurance i { color:#338052; }
.experiences-page .tour-sidebar-section { margin-top:18px; padding-top:18px; border-top:1px solid #ece6dd; }
.experiences-page .tour-sidebar-section-title { display:block; margin-bottom:13px; color:var(--tour-navy); font-size:.75rem; }
.experiences-page .why-book-list { list-style:none; display:flex; flex-direction:column; gap:12px; }
.experiences-page .why-book-list li { display:flex; align-items:flex-start; gap:9px; }
.experiences-page .why-book-list li > i { width:20px; height:20px; flex:0 0 20px; display:grid; place-items:center; border-radius:50%; background:#edf7ef; color:#348153; font-size:.55rem; }
.experiences-page .why-book-list strong, .experiences-page .why-book-list small { display:block; }
.experiences-page .why-book-list strong { margin-bottom:2px; color:var(--tour-navy); font-size:.67rem; }
.experiences-page .why-book-list small { color:#7b8796; font-size:.59rem; line-height:1.4; }
.experiences-page .tour-cancel-box { margin-top:17px; padding:14px; border:1px solid #dce8d8; border-radius:11px; background:#f1f8ef; }
.experiences-page .tour-cancel-box strong { display:block; margin-bottom:7px; color:var(--tour-navy); font-size:.69rem; }
.experiences-page .tour-cancel-box strong i { color:#348153; }
.experiences-page .tour-cancel-box p { color:#667568; font-size:.61rem; line-height:1.55; }
.experiences-page .tour-share-buttons { display:flex; align-items:center; gap:8px; }
.experiences-page .tour-share-buttons a, .experiences-page .tour-share-buttons button { width:36px; height:36px; padding:0; display:grid; place-items:center; border:1px solid #e1dad1; border-radius:50%; background:#fff; color:var(--tour-navy); cursor:pointer; transition:.2s ease; }
.experiences-page .tour-share-buttons a:hover, .experiences-page .tour-share-buttons button:hover { border-color:var(--tour-orange); background:var(--tour-orange); color:#fff; transform:translateY(-2px); }
.experiences-page .tour-copy-status { display:block; height:0; overflow:hidden; color:#33804f; font-size:.63rem; opacity:0; transition:.2s ease; }
.experiences-page .tour-copy-status.is-visible { height:22px; padding-top:8px; opacity:1; }
.experiences-page .tour-help-box { margin-top:18px; padding:16px; display:flex; align-items:flex-start; gap:12px; border-radius:13px; background:linear-gradient(145deg,#071b35,#0c2d52); color:#fff; box-shadow:0 14px 28px rgba(7,27,53,.2); }
.experiences-page .tour-help-icon { width:39px; height:39px; flex:0 0 39px; display:grid; place-items:center; border-radius:11px; background:rgba(255,255,255,.1); color:var(--tour-orange); }
.experiences-page .tour-help-box strong { display:block; margin-bottom:5px; font-size:.75rem; }
.experiences-page .tour-help-box p { margin-bottom:10px; color:rgba(255,255,255,.73); font-size:.59rem; line-height:1.5; }
.experiences-page .tour-help-box a { margin-top:7px; display:flex; align-items:center; gap:7px; color:#fff; font-size:.6rem; }

.tour-gallery-modal { position:fixed; z-index:2000; inset:0; display:none; align-items:center; justify-content:center; background:rgba(3,15,30,.95); }
.tour-gallery-modal.is-open { display:flex; }
.tour-gallery-modal-content { position:relative; width:min(1050px,calc(100% - 150px)); height:min(760px,calc(100vh - 100px)); display:flex; align-items:center; justify-content:center; }
.tour-gallery-modal-content img { max-width:100%; max-height:100%; border-radius:12px; object-fit:contain; }
.tour-gallery-modal-close, .tour-gallery-modal-arrow { position:absolute; z-index:3; width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.28); border-radius:50%; background:rgba(255,255,255,.1); color:#fff; cursor:pointer; }
.tour-gallery-modal-close { top:24px; right:28px; }
.tour-gallery-modal-arrow { top:50%; transform:translateY(-50%); }
.tour-gallery-modal-close:hover, .tour-gallery-modal-arrow:hover { background:var(--tour-orange); }
.modal-gallery-prev { left:28px; }
.modal-gallery-next { right:28px; }
.tour-gallery-modal-counter { position:absolute; right:12px; bottom:12px; padding:7px 11px; border-radius:999px; background:rgba(7,27,53,.78); color:#fff; font-size:.7rem; }

.experiences-page .site-footer { margin-top:0; padding-top:30px; }
.experiences-page .footer-grid { grid-template-columns:1.45fr .8fr .9fr 1fr; gap:42px; }
.experiences-page .footer-brand img { width:120px; }

@media (max-width: 1020px) {
  .experiences-page .tour-detail-main { grid-template-columns:1fr; }
  .experiences-page .tour-sidebar-card { position:static; }
  .experiences-page .tour-trust-strip { grid-template-columns:repeat(2,1fr); }
  .experiences-page .tour-trust-strip > div:nth-child(2) { border-right:0; }
}
@media (max-width: 860px) {
  .experiences-page .site-header, .experiences-page .header-shell { height:76px; }
  .experiences-page .header-shell { width:min(100% - 32px,1180px); grid-template-columns:1fr auto; }
  .experiences-page .desktop-nav { display:none; }
  .experiences-page .brand img { width:110px; }
  .experiences-page .tour-hero-heading { align-items:flex-start; flex-direction:column; }
  .experiences-page .premium-meeting-card { grid-template-columns:1fr; }
  .experiences-page .meeting-map-visual { min-height:220px; }
  .experiences-page .footer-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 620px) {
  .experiences-page .page-shell { width:min(100% - 28px,1180px); }
  .experiences-page .tour-gallery img { height:290px; }
  .experiences-page .tour-gallery-arrow { width:38px; height:38px; opacity:1; }
  .experiences-page .tour-gallery-thumbnails { display:flex; overflow-x:auto; padding-bottom:5px; }
  .experiences-page .tour-gallery-thumb { min-width:86px; height:62px; }
  .experiences-page .tour-trust-strip { grid-template-columns:1fr; }
  .experiences-page .tour-trust-strip > div:not(:last-child) { padding-right:0; padding-bottom:12px; border-right:0; border-bottom:1px solid #e7e0d7; }
  .experiences-page .tour-bullet-list { grid-template-columns:1fr; }
  .experiences-page .tour-section h2 { font-size:1.45rem; }
  .experiences-page .meeting-content { padding:20px; }
  .experiences-page .tour-sidebar-card { padding:20px; }
  .experiences-page .footer-grid { grid-template-columns:1fr; }
  .tour-gallery-modal-content { width:calc(100% - 28px); height:calc(100vh - 130px); }
  .tour-gallery-modal-arrow { width:40px; height:40px; }
  .modal-gallery-prev { left:10px; }
  .modal-gallery-next { right:10px; }
  .tour-gallery-modal-close { top:16px; right:16px; }
}

/* My Account dropdown */

.account-dropdown {
  position: relative;
}

.account-menu {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 9999;

  width: 250px;
  padding: 8px;

  display: none;

  border: 1px solid rgba(7, 27, 53, 0.08);
  border-radius: 14px;
  background: #ffffff;

  box-shadow: 0 18px 45px rgba(7, 27, 53, 0.18);
}

.account-dropdown.is-open .account-menu {
  display: block;
}

.account-menu a {
  padding: 11px 10px;
  display: flex;
  align-items: center;
  gap: 11px;
  border-radius: 10px;
}

.account-menu a:hover {
  background: #f7f3ec;
}

.account-menu-icon {
  width: 35px;
  height: 35px;
  flex: 0 0 auto;

  display: grid;
  place-items: center;

  border-radius: 9px;
  background: #fff3e5;
  color: var(--orange);
}

.account-menu strong,
.account-menu small {
  display: block;
}

.account-menu strong {
  color: var(--navy);
  font-size: 0.77rem;
}

.account-menu small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 0.64rem;
}
/*add new tour page */
/* =========================================================
   BACK-OFFICE TOUR FORM
   Paste at the VERY BOTTOM of style.css
   ========================================================= */

.backoffice-body {
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(
      circle at 15% 0%,
      rgba(255, 255, 255, 0.96),
      transparent 34%
    ),
    #f6f1e9;
  color: #0b2340;
  font-family: "DM Sans", Arial, sans-serif;
}

/* Header */

.backoffice-body .backoffice-header {
  width: 100%;
  min-height: 78px;
  padding: 0 max(24px, calc((100% - 1120px) / 2));

  display: grid;
  grid-template-columns: 180px 1fr 180px;
  align-items: center;
  gap: 24px;

  background: #ffffff;
  border-bottom: 1px solid rgba(11, 35, 64, 0.06);
  box-shadow: 0 5px 22px rgba(11, 35, 64, 0.05);
}

.backoffice-body .backoffice-header .brand {
  width: fit-content;
}

.backoffice-body .backoffice-header .brand img {
  width: 128px;
  height: auto;
}

.backoffice-title {
  color: #0b2340;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.45rem;
  font-weight: 700;
  text-align: center;
}

.backoffice-header .header-actions {
  display: flex;
  justify-content: flex-end;
}

.backoffice-header .outline-button {
  min-height: 39px;
  padding: 0 17px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #ded6cb;
  border-radius: 999px;
  background: #ffffff;
  color: #0b2340;

  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;

  box-shadow: 0 5px 14px rgba(11, 35, 64, 0.05);
  transition: 0.2s ease;
}

.backoffice-header .outline-button:hover {
  border-color: #f7931e;
  color: #f7931e;
  transform: translateY(-1px);
}

/* Main wrapper */

.backoffice-wrap {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
  padding: 42px 0 60px;
}

.backoffice-form {
  width: 100%;
}

.backoffice-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  align-items: start;
}

/* Fix fieldset and legend */

.backoffice-form fieldset {
  min-width: 0;
  margin: 0;
  padding: 25px 22px 22px;

  position: relative;

  border: 1px solid #e5ded3;
  border-radius: 15px;
  background: #ffffff;

  box-shadow:
    0 12px 30px rgba(11, 35, 64, 0.06),
    0 2px 7px rgba(11, 35, 64, 0.03);
}

.backoffice-form fieldset:hover {
  box-shadow:
    0 16px 35px rgba(11, 35, 64, 0.08),
    0 3px 8px rgba(11, 35, 64, 0.04);
}

/*
  This keeps Basic Info, Sidebar Details, Images, etc.
  INSIDE the white card instead of floating above it.
*/
.backoffice-form fieldset legend {
  width: auto;
  max-width: 100%;
  margin: 0 0 19px;
  padding: 0;

  position: static;
  float: left;

  color: #0b2340;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

.backoffice-form fieldset legend::after {
  content: "";
  width: 30px;
  height: 2px;
  margin-top: 7px;
  display: block;
  border-radius: 999px;
  background: #f7931e;
}

/* Clear floated legend before fields */

.backoffice-form fieldset > label:first-of-type {
  clear: both;
}

.backoffice-form-wide {
  grid-column: 1 / -1;
}

/* Form labels */

.backoffice-form label {
  margin-bottom: 15px;
  display: block;

  color: #0b2340;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.4;
}

.backoffice-form label:last-child {
  margin-bottom: 0;
}

/* Inputs */

.backoffice-form input,
.backoffice-form select,
.backoffice-form textarea {
  width: 100%;
  margin-top: 7px;

  border: 1px solid #ddd6cc;
  border-radius: 8px;
  outline: none;

  background: #ffffff;
  color: #24364d;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 0.74rem;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}

.backoffice-form input,
.backoffice-form select {
  min-height: 42px;
  padding: 0 12px;
}

.backoffice-form textarea {
  min-height: 105px;
  padding: 12px;
  resize: vertical;
  line-height: 1.55;
}

.backoffice-form input::placeholder,
.backoffice-form textarea::placeholder {
  color: #9aa3af;
}

.backoffice-form input:focus,
.backoffice-form select:focus,
.backoffice-form textarea:focus {
  border-color: #f7931e;
  background: #fffefa;
  box-shadow: 0 0 0 3px rgba(247, 147, 30, 0.12);
}

/* Date and number fields */

.backoffice-form input[type="date"] {
  color-scheme: light;
}

.backoffice-form input[type="number"] {
  appearance: textfield;
}

.backoffice-form input[type="number"]::-webkit-inner-spin-button,
.backoffice-form input[type="number"]::-webkit-outer-spin-button {
  margin: 0;
}

/* Detail content section */

.backoffice-form-wide textarea {
  min-height: 112px;
}

.backoffice-form-wide label:first-of-type textarea {
  min-height: 145px;
}

/* Save button */

.backoffice-form > .primary-button {
  min-height: 43px;
  margin-top: 24px !important;
  padding: 0 24px;

  border: 0;
  border-radius: 8px;

  background: #f7931e;
  color: #ffffff;

  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;

  box-shadow: 0 8px 20px rgba(247, 147, 30, 0.22);
  transition: 0.2s ease;
}

.backoffice-form > .primary-button:hover {
  background: #df7d09;
  transform: translateY(-1px);
  box-shadow: 0 11px 24px rgba(247, 147, 30, 0.28);
}

/* Validation */

.backoffice-form input:invalid:focus,
.backoffice-form select:invalid:focus,
.backoffice-form textarea:invalid:focus {
  border-color: #d94b4b;
  box-shadow: 0 0 0 3px rgba(217, 75, 75, 0.10);
}

/* Responsive */

@media (max-width: 900px) {
  .backoffice-body .backoffice-header {
    grid-template-columns: 130px 1fr auto;
    padding-inline: 22px;
  }

  .backoffice-body .backoffice-header .brand img {
    width: 108px;
  }

  .backoffice-form-grid {
    grid-template-columns: 1fr;
  }

  .backoffice-form-wide {
    grid-column: auto;
  }
}

@media (max-width: 620px) {
  .backoffice-body .backoffice-header {
    min-height: 72px;
    grid-template-columns: 1fr auto;
    gap: 14px;
  }

  .backoffice-title {
    display: none;
  }

  .backoffice-wrap {
    width: min(100% - 28px, 1120px);
    padding-top: 28px;
  }

  .backoffice-form fieldset {
    padding: 21px 16px 18px;
  }
}
/*my bookings employee page*/

body {
  background:
    radial-gradient(
      circle at 15% 0%,
      rgba(255, 255, 255, 0.95),
      transparent 34%
    ),
    #f7f2ea;
  color: var(--navy);
}

/* Header */

body > .site-header {
  width: 100%;
  min-height: 84px;
  padding: 0 max(24px, calc((100% - 1120px) / 2));

  display: grid;
  grid-template-columns: 180px 1fr auto;
  align-items: center;
  gap: 30px;

  background: #fbf9f4;
  border-bottom: 1px solid rgba(7, 27, 53, 0.05);
  box-shadow: 0 5px 20px rgba(7, 27, 53, 0.04);
}

body > .site-header .brand {
  width: fit-content;
}

body > .site-header .brand img {
  width: 128px;
  height: auto;
}

body > .site-header .desktop-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 32px;
}

body > .site-header .desktop-nav a {
  position: relative;
  color: var(--navy);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body > .site-header .desktop-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -8px;
  height: 2px;
  background: var(--orange);
  transition: right 0.2s ease;
}

body > .site-header .desktop-nav a:hover::after {
  right: 0;
}

body > .site-header .header-actions {
  display: flex;
  justify-content: flex-end;
}

body > .site-header .header-actions form {
  margin: 0;
}

body > .site-header .outline-button {
  min-height: 42px;
  padding: 0 20px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #ded6cb;
  border-radius: 999px;
  background: #ffffff;
  color: var(--navy);

  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;

  box-shadow: 0 7px 18px rgba(7, 27, 53, 0.06);
  transition: 0.2s ease;
}

body > .site-header .outline-button:hover {
  border-color: var(--orange);
  color: var(--orange);
  transform: translateY(-1px);
}

/* Main shell */

body > main.page-shell {
  width: min(1120px, calc(100% - 48px));
  margin-inline: auto;
  padding: 54px 0 80px !important;
}

/* Heading */

body > main .section-heading {
  margin-bottom: 28px;
}

body > main .section-heading .eyebrow {
  display: block;
  margin-bottom: 9px;

  color: var(--orange);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

body > main .section-heading h2 {
  font-family: var(--serif);
  color: var(--navy);
  font-size: clamp(2.4rem, 4.5vw, 4rem);
  line-height: 1;
  letter-spacing: -0.035em;
}

body > main .section-heading p {
  margin-top: 10px;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.55;
}

/* Profile card */

.account-profile-card {
  padding: 20px 24px;

  display: flex;
  flex-wrap: wrap;
  gap: 18px 34px;

  border: 1px solid #e5ded4;
  border-radius: 15px;
  background: #ffffff;

  box-shadow:
    0 14px 35px rgba(7, 27, 53, 0.07),
    0 2px 8px rgba(7, 27, 53, 0.03);
}

.account-profile-row {
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 12px;

  color: #314055;
  font-size: 0.78rem;
}

.account-profile-row i {
  width: 34px;
  height: 34px;

  display: grid;
  place-items: center;

  border-radius: 50%;
  background: #fff2e3;
  color: var(--orange);
  font-size: 0.80rem;
}

/* Action buttons row */

.account-profile-card + div {
  margin-top: 26px !important;
  margin-bottom: 34px !important;
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.account-profile-card + div .primary-button,
.account-profile-card + div .outline-button {
  min-height: 43px;
  padding: 0 20px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 8px;

  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;

  transition: 0.2s ease;
}

.account-profile-card + div .primary-button {
  border: 1px solid var(--orange);
  background: var(--orange);
  color: #ffffff;

  box-shadow: 0 8px 18px rgba(247, 147, 30, 0.20);
}

.account-profile-card + div .primary-button:hover {
  background: var(--orange-hover);
  border-color: var(--orange-hover);
  transform: translateY(-1px);
}

.account-profile-card + div .outline-button {
  border: 1px solid #ddd6cc;
  background: #ffffff;
  color: var(--navy);
}

.account-profile-card + div .outline-button:hover {
  border-color: var(--orange);
  color: var(--orange);
  transform: translateY(-1px);
}

/* Bookings list */

.bookings-list {
  display: grid;
  gap: 16px;
}

.bookings-list > div {
  margin-bottom: 0 !important;
}

.booking-row {
  min-height: 126px;
  padding: 14px;

  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;

  border: 1px solid #e5ded4;
  border-radius: 14px;
  background: #ffffff;

  box-shadow:
    0 12px 28px rgba(7, 27, 53, 0.07),
    0 2px 7px rgba(7, 27, 53, 0.03);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.booking-row:hover {
  transform: translateY(-3px);
  box-shadow:
    0 17px 35px rgba(7, 27, 53, 0.11),
    0 3px 9px rgba(7, 27, 53, 0.04);
}

.booking-row img {
  width: 150px;
  height: 98px;
  object-fit: cover;

  border-radius: 10px;
  background: #ece6dc;
}

.booking-row-info {
  min-width: 0;
}

.booking-row-info strong,
.booking-row-info span,
.booking-row-info small {
  display: block;
}

.booking-row-info strong {
  color: var(--navy);
  font-family: var(--serif);
  font-size: 1.1rem;
  line-height: 1.2;
}

.booking-row-info span {
  margin-top: 6px;
  color: #536174;
  font-size: 0.76rem;
}

.booking-row-info small {
  margin-top: 7px;
  color: var(--muted);
  font-size: 0.64rem;
}

.booking-row-amount {
  min-width: 130px;
  text-align: right;
}

.booking-row-amount > strong {
  display: block;
  color: var(--navy);
  font-size: 1rem;
}

.status-badge {
  width: fit-content;
  margin: 8px 0 0 auto;
  padding: 5px 9px;

  display: inline-flex;
  align-items: center;

  border-radius: 999px;

  font-size: 0.57rem;
  font-weight: 700;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.status-badge--approved {
  background: #eaf6ee;
  color: #39714a;
}

.status-badge--pending {
  background: #fff3de;
  color: #a5670a;
}

.status-badge--rejected {
  background: #fdeaea;
  color: #a43d3d;
}

/* Cancellation button */

.bookings-list form {
  margin-top: 10px !important;
  text-align: right;
}

.bookings-list form .outline-button {
  min-height: 36px;
  padding: 0 15px !important;

  border: 1px solid #e0d8ce;
  border-radius: 7px;
  background: #ffffff;
  color: #9c3f3f;

  font-size: 0.62rem !important;
  font-weight: 700;
  text-transform: uppercase;
}

.bookings-list form .outline-button:hover {
  border-color: #c95555;
  background: #fff7f7;
}

/* Empty state spacing */

.section-heading + .account-profile-card {
  margin-top: 26px;
}

/* Responsive */

@media (max-width: 850px) {
  body > .site-header {
    grid-template-columns: 140px 1fr auto;
    padding-inline: 24px;
  }

  body > .site-header .brand img {
    width: 110px;
  }

  .booking-row {
    grid-template-columns: 120px minmax(0, 1fr);
  }

  .booking-row img {
    width: 120px;
    height: 88px;
  }

  .booking-row-amount {
    grid-column: 2;
    min-width: 0;
    text-align: left;
  }

  .status-badge {
    margin-left: 0;
  }
}

@media (max-width: 620px) {
  body > .site-header {
    min-height: 72px;
    grid-template-columns: 1fr auto;
    gap: 14px;
    padding-inline: 16px;
  }

  body > .site-header .desktop-nav {
    display: none;
  }

  body > main.page-shell {
    width: min(100% - 28px, 1120px);
    padding-top: 34px !important;
  }

  body > main .section-heading h2 {
    font-size: 2.6rem;
  }

  .account-profile-card {
    padding: 17px;
    flex-direction: column;
    gap: 10px;
  }

  .account-profile-card + div {
    flex-direction: column;
  }

  .account-profile-card + div .primary-button,
  .account-profile-card + div .outline-button {
    width: 100%;
  }

  .booking-row {
    grid-template-columns: 1fr;
  }

  .booking-row img {
    width: 100%;
    height: 190px;
  }

  .booking-row-amount {
    grid-column: auto;
  }
}
/* ================= Let Me Discover: language switcher + cart/favorites (added) ================= */
.lmd-header-tools {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-inline-end: 10px;
}
.lmd-icon-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  color: inherit;
  font-size: 1rem;
  text-decoration: none;
  transition: background .15s ease;
}
.lmd-icon-link:hover { background: rgba(255,255,255,0.18); }
.lmd-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  background: var(--orange, #e07a2c);
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 999px;
  padding: 0 4px;
}
.lmd-lang-dropdown { position: relative; }
.lmd-lang-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  border: none;
  color: inherit;
  font-size: 1rem;
  cursor: pointer;
  transition: background .15s ease;
}
.lmd-lang-btn:hover { background: rgba(255,255,255,0.18); }
.lmd-lang-menu {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  background: #fff;
  color: #222;
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.2);
  min-width: 150px;
  padding: 6px;
  z-index: 200;
}
.lmd-lang-dropdown.is-open .lmd-lang-menu { display: block; }
.lmd-lang-menu a {
  display: block;
  padding: 9px 12px;
  border-radius: 7px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #222;
  text-decoration: none;
}
.lmd-lang-menu a:hover { background: #f4f0e8; }

/* Dark headers (auth pages, backoffice) need a visible icon colour */
.backoffice-header .lmd-icon-link,
.backoffice-header .lmd-lang-btn { color: #fff; }

/* Favorite / cart buttons on tour cards */
.lmd-card-actions {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.lmd-fav-btn, .lmd-cart-btn {
  border: 1px solid var(--line, #e2e2e2);
  background: #fff;
  border-radius: 8px;
  padding: 9px 12px;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--navy, #1b2a41);
}
.lmd-fav-btn.is-active { color: #c0392b; border-color: #f0b4b4; background: #fdecec; }
.lmd-fav-btn.is-active i { font-weight: 900; }
.lmd-cart-btn.is-active { color: #1a7d3a; border-color: #b7e2c5; background: #eafbf0; }

/* Report page */
.report-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 14px;
  margin-bottom: 26px;
}
.report-summary .dashboard-stat-card { text-align: left; }

/* RTL support */
html[dir="rtl"] body { direction: rtl; }
html[dir="rtl"] .lmd-lang-menu { right: auto; left: 0; }
html[dir="rtl"] .lmd-badge { right: auto; left: -4px; }

/*careers page*/
/* ==========================================================
   LET ME DISCOVER — CAREERS PAGE
   Fully isolated styles: every selector uses lmd-careers-
   ========================================================== */

:root {
    --lmd-careers-navy: #071f3d;
    --lmd-careers-navy-soft: #112e4f;
    --lmd-careers-orange: #f59a17;
    --lmd-careers-orange-dark: #dd7f00;
    --lmd-careers-cream: #f7f2ea;
    --lmd-careers-cream-dark: #eee6da;
    --lmd-careers-white: #ffffff;
    --lmd-careers-text: #5d6875;
    --lmd-careers-line: #ded9d1;
    --lmd-careers-shadow: 0 22px 55px rgba(7, 31, 61, 0.12);
    --lmd-careers-radius: 20px;
    --lmd-careers-shell: 1180px;
}

.lmd-careers-page,
.lmd-careers-page * {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body.lmd-careers-page {
    margin: 0;
    background: var(--lmd-careers-cream);
    color: var(--lmd-careers-navy);
    font-family: "DM Sans", Arial, sans-serif;
    line-height: 1.6;
}

.lmd-careers-page img {
    display: block;
    max-width: 100%;
}

.lmd-careers-page a {
    color: inherit;
    text-decoration: none;
}

.lmd-careers-page button {
    font: inherit;
}

.lmd-careers-shell {
    width: min(var(--lmd-careers-shell), calc(100% - 42px));
    margin: 0 auto;
}

.lmd-careers-section {
    padding: 92px 0;
}

.lmd-careers-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: var(--lmd-careers-orange-dark);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.lmd-careers-kicker::before {
    content: "";
    width: 25px;
    height: 2px;
    background: currentColor;
}

.lmd-careers-kicker-light {
    color: #ffc361;
}

.lmd-careers-page h1,
.lmd-careers-page h2,
.lmd-careers-page h3,
.lmd-careers-page p {
    margin-top: 0;
}

.lmd-careers-page h1,
.lmd-careers-page h2 {
    font-family: "Playfair Display", Georgia, serif;
    letter-spacing: -0.045em;
    line-height: 1.05;
}

.lmd-careers-page h2 {
    margin-bottom: 0;
    font-size: clamp(2.2rem, 4vw, 3.6rem);
}

.lmd-careers-button {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: transform 0.22s ease,
                background 0.22s ease,
                color 0.22s ease,
                border-color 0.22s ease;
}

.lmd-careers-button:hover {
    transform: translateY(-2px);
}

.lmd-careers-button-primary {
    background: var(--lmd-careers-orange);
    color: var(--lmd-careers-white);
    box-shadow: 0 12px 25px rgba(245, 154, 23, 0.25);
}

.lmd-careers-button-primary:hover {
    background: var(--lmd-careers-orange-dark);
}

.lmd-careers-button-outline {
    background: var(--lmd-careers-white);
       color: var(--lmd-careers-navy);
}



/* Header */

.lmd-careers-header {
    position: relative;
    z-index: 100;
    background: #fffdfa;
    border-bottom: 1px solid rgba(7, 31, 61, 0.08);
}

.lmd-careers-header-inner {
    min-height: 82px;
    display: flex;
    align-items: center;
    gap: 28px;
}

.lmd-careers-logo {
    display: inline-flex;
    align-items: center;
    margin-right: auto;
}

.lmd-careers-logo img {
    width: 124px;
    height: auto;
}

.lmd-careers-nav {
    display: flex;
    align-items: center;
    gap: 31px;
}

.lmd-careers-nav a {
    position: relative;
    color: var(--lmd-careers-navy);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}

.lmd-careers-nav a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -13px;
    left: 0;
    height: 2px;
    background: var(--lmd-careers-orange);
    transform: scaleX(0);
    transition: transform 0.2s ease;
}

.lmd-careers-nav a:hover::after,
.lmd-careers-nav a.is-active::after {
    transform: scaleX(1);
}

.lmd-careers-nav a.is-active {
    color: var(--lmd-careers-orange-dark);
}

.lmd-careers-header-tools {
    display: flex;
    align-items: center;
    gap: 16px;
}

.lmd-careers-icon-link {
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    color: var(--lmd-careers-navy);
    font-size: 0.84rem;
}

.lmd-careers-account-button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 20px;
    border-radius: 999px;
    background: var(--lmd-careers-orange);
    color: var(--lmd-careers-white);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.lmd-careers-menu-button {
    display: none;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--lmd-careers-navy);
    cursor: pointer;
}

.lmd-careers-menu-button span {
    width: 18px;
    height: 2px;
    display: block;
    margin: 4px auto;
    background: var(--lmd-careers-white);
}

/* Hero */

.lmd-careers-hero {
    position: relative;
    min-height: 610px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        linear-gradient(
            90deg,
            rgba(5, 24, 43, 0.88) 0%,
            rgba(6, 27, 48, 0.65) 48%,
            rgba(7, 30, 51, 0.14) 100%
        ),
        url("/images/careers/careers (2).png")
        center 45% / cover no-repeat;
}

.lmd-careers-hero-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.02) 55%,
            rgba(4, 23, 43, 0.35) 100%
        );
}

.lmd-careers-hero-inner {
    position: relative;
    z-index: 2;
}

.lmd-careers-hero-copy {
    max-width: 650px;
    padding: 70px 0;
}

.lmd-careers-hero-copy h1 {
    margin-bottom: 23px;
    color: var(--lmd-careers-white);
    font-size: clamp(3.9rem, 7vw, 6.4rem);
}

.lmd-careers-hero-copy h1 em {
    color: var(--lmd-careers-orange);
    font-style: normal;
}

.lmd-careers-hero-copy p {
    max-width: 520px;
    margin-bottom: 31px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 1.03rem;
}

.lmd-careers-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}

/* Values */

.lmd-careers-values {
    background: var(--lmd-careers-cream);
}

.lmd-careers-heading {
    margin-bottom: 45px;
}

.lmd-careers-values-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.lmd-careers-value-card {
    min-height: 220px;
    padding: 8px 42px 12px 0;
    border-right: 1px solid var(--lmd-careers-line);
}

.lmd-careers-value-card:not(:first-child) {
    padding-left: 42px;
}

.lmd-careers-value-card:last-child {
    border-right: 0;
    padding-right: 0;
}

.lmd-careers-value-icon {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    margin-bottom: 23px;
    border: 1.5px solid var(--lmd-careers-orange);
    border-radius: 50%;
    color: var(--lmd-careers-orange);
    font-size: 1.45rem;
}

.lmd-careers-value-card h3 {
    margin-bottom: 10px;
    font-size: 1rem;
    font-family: "DM Sans", Arial, sans-serif;
}

.lmd-careers-value-card p {
    max-width: 220px;
    margin-bottom: 0;
    color: var(--lmd-careers-text);
    font-size: 0.86rem;
    line-height: 1.65;
}

/* Application */

.lmd-careers-application {
    padding-top: 18px;
    background: var(--lmd-careers-cream);
}

.lmd-careers-application-card {
    display: grid;
    grid-template-columns: 1.12fr 0.88fr;
    min-height: 450px;
    border: 1px solid rgba(7, 31, 61, 0.08);
    border-radius: var(--lmd-careers-radius);
    background: var(--lmd-careers-white);
    box-shadow: var(--lmd-careers-shadow);
    overflow: hidden;
}

.lmd-careers-application-copy {
    padding: 62px;
}

.lmd-careers-application-copy h2 {
    max-width: 620px;
    margin-bottom: 23px;
}

.lmd-careers-application-copy > p {
    max-width: 620px;
    margin-bottom: 28px;
    color: var(--lmd-careers-text);
}

.lmd-careers-application-points {
    display: grid;
    gap: 11px;
    margin-bottom: 30px;
}

.lmd-careers-application-points span {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--lmd-careers-navy);
    font-size: 0.88rem;
    font-weight: 600;
}

.lmd-careers-application-points i {
    color: var(--lmd-careers-orange);
}

.lmd-careers-application-visual {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    padding: 52px;
    background:
        radial-gradient(circle at 86% 16%, rgba(245, 154, 23, 0.17), transparent 28%),
        linear-gradient(145deg, var(--lmd-careers-navy), var(--lmd-careers-navy-soft));
    overflow: hidden;
}

.lmd-careers-application-badge {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(6px);
    color: var(--lmd-careers-white);
}

.lmd-careers-application-badge span {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--lmd-careers-orange);
    font-size: 0.72rem;
    font-weight: 800;
}

.lmd-careers-application-badge strong {
    font-size: 0.9rem;
}

.lmd-careers-route-line {
    position: absolute;
    right: -80px;
    bottom: -75px;
    width: 340px;
    height: 250px;
    border: 2px dashed rgba(255, 255, 255, 0.14);
    border-radius: 50%;
    transform: rotate(-12deg);
}

/* Benefits */

.lmd-careers-benefits {
    padding-top: 25px;
    padding-bottom: 28px;
    background: var(--lmd-careers-cream);
}

.lmd-careers-benefits-panel {
    display: grid;
    grid-template-columns: 1.2fr 2.8fr;
    gap: 45px;
    align-items: center;
    padding: 36px 40px;
    border: 1px solid rgba(7, 31, 61, 0.06);
    border-radius: 15px;
    background: var(--lmd-careers-cream-dark);
}

.lmd-careers-benefits-title h2 {
    font-size: clamp(2rem, 3vw, 2.8rem);
}

.lmd-careers-benefits-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.lmd-careers-benefits-grid article {
    min-height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 10px 20px;
    border-left: 1px solid rgba(7, 31, 61, 0.12);
    text-align: center;
}

.lmd-careers-benefits-grid i {
    color: var(--lmd-careers-orange);
    font-size: 1.5rem;
}

.lmd-careers-benefits-grid strong {
    font-size: 0.78rem;
    line-height: 1.45;
}

/* Final CTA */

.lmd-careers-final {
    padding-top: 28px;
    background: var(--lmd-careers-cream);
}

.lmd-careers-final-card {
    position: relative;
    min-height: 345px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: var(--lmd-careers-radius);
    background:
        url("/images/careers/carer1.png")
        center / cover no-repeat;
}

.lmd-careers-final-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(6, 31, 61, 0.98) 0%,
            rgba(7, 35, 65, 0.91) 50%,
            rgba(9, 43, 77, 0.36) 100%
        );
}

.lmd-careers-final-content {
    position: relative;
    z-index: 2;
    max-width: 620px;
    padding: 52px;
    color: var(--lmd-careers-white);
}

.lmd-careers-final-content h2 {
    margin-bottom: 18px;
}

.lmd-careers-final-content p {
    margin-bottom: 27px;
    color: rgba(255, 255, 255, 0.77);
}

/* Footer */

.lmd-careers-footer {
    padding: 70px 0 65px;
    background: var(--lmd-careers-navy);
    color: rgba(255, 255, 255, 0.68);
}

.lmd-careers-footer-grid {
    display: grid;
    grid-template-columns: 1.45fr repeat(3, 0.75fr);
    gap: 70px;
}

.lmd-careers-footer-brand img {
    width: 130px;
    margin-bottom: 19px;
}

.lmd-careers-footer-brand p {
    max-width: 300px;
    margin-bottom: 20px;
    font-size: 0.78rem;
}

.lmd-careers-socials {
    display: flex;
    gap: 10px;
}

.lmd-careers-socials a {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    font-size: 0.76rem;
    transition: 0.2s ease;
}

.lmd-careers-socials a:hover {
    border-color: var(--lmd-careers-orange);
    color: var(--lmd-careers-orange);
}

.lmd-careers-footer-column h3 {
    margin-bottom: 18px;
    color: var(--lmd-careers-white);
    font-family: "DM Sans", Arial, sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lmd-careers-footer-column a,
.lmd-careers-footer-column span {
    display: block;
    margin-bottom: 10px;
    font-size: 0.76rem;
}

.lmd-careers-footer-column a:hover {
    color: var(--lmd-careers-orange);
}

.lmd-careers-footer-column i {
    width: 18px;
    color: var(--lmd-careers-orange);
}

/* Responsive */

@media (max-width: 1080px) {

    .lmd-careers-menu-button {
        display: block;
        order: 3;
    }

    .lmd-careers-nav {
        position: absolute;
        top: 82px;
        right: 21px;
        left: 21px;
        display: none;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        padding: 27px;
        border-radius: 14px;
        background: var(--lmd-careers-white);
        box-shadow: var(--lmd-careers-shadow);
    }

    .lmd-careers-nav.is-open {
        display: flex;
    }

    .lmd-careers-nav a::after {
        bottom: -5px;
    }

    .lmd-careers-values-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px 0;
    }

    .lmd-careers-value-card:nth-child(2) {
        border-right: 0;
    }

    .lmd-careers-value-card:nth-child(3) {
        padding-left: 0;
    }

    .lmd-careers-application-card {
        grid-template-columns: 1fr;
    }

    .lmd-careers-benefits-panel {
        grid-template-columns: 1fr;
    }

    .lmd-careers-benefits-grid article:first-child {
        border-left: 0;
    }

    .lmd-careers-footer-grid {
        grid-template-columns: 1.3fr repeat(3, 1fr);
        gap: 35px;
    }
}

@media (max-width: 800px) {

    .lmd-careers-section {
        padding: 72px 0;
    }

    .lmd-careers-header-tools .lmd-careers-icon-link {
        display: none;
    }

    .lmd-careers-hero {
        min-height: 560px;
        background-position: 62% center;
    }

    .lmd-careers-hero-copy {
        max-width: 560px;
    }

    .lmd-careers-hero-copy h1 {
        font-size: clamp(3.4rem, 12vw, 5.3rem);
    }

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

    .lmd-careers-benefits-grid article {
        border-left: 0;
        border-top: 1px solid rgba(7, 31, 61, 0.12);
    }

    .lmd-careers-benefits-grid article:nth-child(odd) {
        border-right: 1px solid rgba(7, 31, 61, 0.12);
    }

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

@media (max-width: 570px) {

    .lmd-careers-shell {
        width: min(var(--lmd-careers-shell), calc(100% - 26px));
    }

    .lmd-careers-header-inner {
        min-height: 72px;
    }

    .lmd-careers-logo img {
        width: 105px;
    }

    .lmd-careers-account-button {
        display: none;
    }

    .lmd-careers-nav {
        top: 72px;
        right: 13px;
        left: 13px;
    }

    .lmd-careers-hero {
        min-height: 620px;
    }

    .lmd-careers-hero-copy h1 {
        font-size: 3.45rem;
    }

    .lmd-careers-hero-actions {
        flex-direction: column;
    }

    .lmd-careers-button {
        width: 100%;
    }

    .lmd-careers-values-grid {
        grid-template-columns: 1fr;
    }

    .lmd-careers-value-card,
    .lmd-careers-value-card:not(:first-child),
    .lmd-careers-value-card:nth-child(3) {
        min-height: auto;
        padding: 0 0 28px;
        border-right: 0;
        border-bottom: 1px solid var(--lmd-careers-line);
    }

    .lmd-careers-value-card:last-child {
        border-bottom: 0;
    }

    .lmd-careers-application-copy,
    .lmd-careers-application-visual {
        padding: 34px 24px;
    }

    .lmd-careers-benefits-panel {
        padding: 30px 22px;
    }

    .lmd-careers-benefits-grid {
        grid-template-columns: 1fr;
    }

    .lmd-careers-benefits-grid article,
    .lmd-careers-benefits-grid article:nth-child(odd) {
        border-right: 0;
    }

    .lmd-careers-final-content {
        padding: 38px 24px;
    }

    .lmd-careers-final-content h2 {
        font-size: 2.6rem;
    }

    .lmd-careers-footer-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== Integrated live features ===== */
.calendar-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.calendar-actions a{text-align:center}.admin-calendar-card{background:#fff;border:1px solid #e6dfd5;border-radius:18px;padding:28px;margin-bottom:30px;box-shadow:0 12px 35px rgba(7,31,61,.07)}.admin-calendar-heading{margin-bottom:20px}.admin-calendar-heading h2{margin:0 0 6px}.admin-calendar-heading p{margin:0;color:#687483}.fc .fc-button-primary{background:#0a294b;border-color:#0a294b}.fc .fc-button-primary:hover{background:#f59a17;border-color:#f59a17}.fc .fc-daygrid-event{background:#f59a17;border-color:#f59a17;padding:2px 5px}.experience-upload-section{padding:90px 0;background:#f7f2ea}.experience-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.experience-upload-copy h2{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.05;color:#071f3d}.experience-upload-copy p{color:#647080;max-width:540px}.experience-instagram-link{display:inline-flex;align-items:center;gap:10px;color:#e96b55;font-weight:700;margin-top:15px}.experience-upload-form{background:#fff;border-radius:18px;padding:32px;box-shadow:0 20px 50px rgba(7,31,61,.1);display:grid;gap:16px}.experience-upload-form label{display:grid;gap:7px;font-size:.78rem;font-weight:700;color:#071f3d}.experience-upload-form input,.experience-upload-form textarea{width:100%;border:1px solid #ded8cf;border-radius:10px;padding:13px 14px;font:inherit}.photo-file-label input{padding:10px;background:#f7f2ea}.upload-alert{padding:12px 14px;border-radius:9px}.upload-alert.success{background:#e8f7ef;color:#17724f}.upload-alert.error{background:#fdecec;color:#b32d2d}.admin-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-photo-card{display:grid;grid-template-columns:140px 1fr;background:#fff;border:1px solid #e5dfd6;border-radius:15px;overflow:hidden}.admin-photo-placeholder{display:grid;place-items:center;background:#0a294b;color:#f59a17;font-size:2rem}.admin-photo-copy{padding:20px}.admin-photo-copy h3{margin:0 0 6px}.admin-photo-copy p{margin:5px 0;color:#66717e}.admin-photo-actions{display:flex;gap:10px;align-items:center;margin-top:15px}.admin-photo-actions form{margin:0}[dir="rtl"] body{text-align:right}[dir="rtl"] .desktop-nav,[dir="rtl"] .header-actions,[dir="rtl"] .lmd-header-tools{flex-direction:row-reverse}
@media(max-width:800px){.experience-upload-grid{grid-template-columns:1fr}.admin-photo-grid{grid-template-columns:1fr}.calendar-actions{grid-template-columns:1fr}.admin-photo-card{grid-template-columns:100px 1fr}}
.booking-calendar-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.booking-calendar-links .outline-button{font-size:.72rem;padding:8px 13px}


/* Experience page refinements */
.experience-upload-form .experience-search-button{
  width:100%;
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 24px;
  border:0;
  border-radius:999px;
  background:#f59a17;
  color:#fff;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 12px 25px rgba(245,154,23,.24);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.experience-upload-form .experience-search-button:hover{
  background:#df8300;
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(245,154,23,.3);
}
.photo-file-label input[type="file"]{
  padding:12px;
  border:1px dashed #d8cfc2;
  background:#fbf8f3;
  cursor:pointer;
}
.photo-file-label input[type="file"]::file-selector-button{
  margin-right:12px;
  padding:10px 15px;
  border:0;
  border-radius:8px;
  background:#0a294b;
  color:#fff;
  font:700 .75rem "DM Sans",sans-serif;
  cursor:pointer;
}
.experience-trust-grid .experience-testimonial-card{padding:30px;min-height:220px;text-align:left}
.experience-trust-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#fff3df;color:#f59a17;font-size:1.2rem;margin-bottom:20px}
.experience-trust-grid h3{font-family:"Playfair Display",serif;color:#071f3d;font-size:1.35rem;margin:0 0 10px}
.experience-trust-grid p{margin:0;color:#657181;line-height:1.7}
[dir="rtl"] .experience-trust-grid .experience-testimonial-card{text-align:right}


/* Persistent admin language control */
.admin-sidebar-language{position:relative;margin:0 20px 18px}
.admin-sidebar-language .lmd-lang-btn{
  width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgba(255,255,255,.14);
  border-radius:11px;background:rgba(255,255,255,.06);color:#fff;font-weight:700;cursor:pointer;text-align:left
}
.admin-sidebar-language .lmd-lang-btn i{color:#f59a17;width:20px;text-align:center}
.admin-sidebar-language .lmd-lang-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1000;display:none;padding:8px;border-radius:11px;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.admin-sidebar-language.is-open .lmd-lang-menu{display:grid}
.admin-sidebar-language .lmd-lang-menu a{padding:10px 12px;border-radius:7px;color:#071f3d;font-size:.78rem;font-weight:700}
.admin-sidebar-language .lmd-lang-menu a:hover{background:#f7f2ea;color:#f59a17}


/* =========================================================
   Experience gallery modal — Bali Waterfalls Adventure
   ========================================================= */
.experience-story-card--clickable {
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease;
}
.experience-story-card--clickable:hover,
.experience-story-card--clickable:focus-visible {
  transform: translateY(-5px);
  box-shadow: 0 22px 42px rgba(5, 28, 54, .2);
  outline: none;
}
.experience-gallery-open { overflow: hidden; }
.experience-gallery-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 28px;
}
.experience-gallery-modal.is-open { display: flex; }
.experience-gallery-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 20, 39, .82);
  backdrop-filter: blur(10px);
}
.experience-gallery-dialog {
  position: relative;
  z-index: 1;
  width: min(1180px, 100%);
  max-height: calc(100vh - 56px);
  overflow-y: auto;
  padding: 38px;
  border-radius: 24px;
  background: #f9f5ee;
  box-shadow: 0 35px 90px rgba(0, 0, 0, .35);
}
.experience-gallery-close {
  position: absolute;
  top: 22px;
  right: 22px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #071f3d;
  color: #fff;
  cursor: pointer;
}
.experience-gallery-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  padding-right: 58px;
  margin-bottom: 28px;
}
.experience-gallery-heading h2 {
  margin: 0 0 8px;
  color: #071f3d;
  font-family: var(--experiences-serif, Georgia, serif);
  font-size: clamp(2.2rem, 4vw, 4rem);
}
.experience-gallery-heading p { margin: 0; color: #687485; }
.experience-gallery-count {
  flex: 0 0 auto;
  padding: 10px 15px;
  border-radius: 999px;
  background: #fff;
  color: #071f3d;
  font-size: .78rem;
  font-weight: 700;
}
.experience-gallery-grid {
  display: grid;
  grid-template-columns: 1.45fr 1fr 1fr;
  grid-template-rows: repeat(2, 235px);
  gap: 12px;
}
.experience-gallery-item {
  position: relative;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 14px;
  background: #071f3d;
  cursor: zoom-in;
}
.experience-gallery-item--main { grid-row: 1 / 3; }
.experience-gallery-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .35s ease;
}
.experience-gallery-item:hover img { transform: scale(1.045); }
.experience-lightbox {
  position: fixed;
  inset: 0;
  z-index: 11000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(0, 0, 0, .92);
}
.experience-lightbox.is-open { display: flex; }
.experience-lightbox img {
  max-width: min(1200px, 94vw);
  max-height: 88vh;
  object-fit: contain;
  border-radius: 14px;
}
.experience-lightbox-close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  color: #fff;
  cursor: pointer;
}
@media (max-width: 800px) {
  .experience-gallery-modal { padding: 12px; }
  .experience-gallery-dialog { padding: 26px 18px 20px; border-radius: 18px; }
  .experience-gallery-heading { display: block; padding-right: 50px; }
  .experience-gallery-count { display: inline-flex; margin-top: 14px; }
  .experience-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 260px repeat(2, 150px);
  }
  .experience-gallery-item--main { grid-column: 1 / 3; grid-row: 1; }
}

/* =========================================================
   2026-08-13 Tours + Experiences visual refinement
   ========================================================= */
/* TOURS: compact three-card row */
.tours-search-page .page-shell{width:min(1320px,calc(100% - 54px))}
.tours-search-page .tours-layout{grid-template-columns:250px minmax(0,1fr);gap:34px}
.tours-search-page .tours-filter-sidebar{background:rgba(255,255,255,.92);border-radius:22px;padding:22px 20px;box-shadow:0 14px 35px rgba(8,47,92,.06)}
.tours-search-page .filter-card{border:0;box-shadow:none;background:transparent}
.tours-search-page .filter-group{padding:20px 0}
.tours-search-page .filter-heading h2{font-family:'Playfair Display',Georgia,serif;font-size:20px;font-style:italic}
.tours-search-page .filter-heading button{color:#1d9dec;font-size:12px;font-weight:700}
.tours-search-page .tours-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px}
.tours-search-page .tours-activity-grid .activity-card{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 34px rgba(10,49,93,.09);transition:transform .28s ease,box-shadow .28s ease}
.tours-search-page .tours-activity-grid .activity-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(10,49,93,.14)}
.tours-search-page .tours-activity-grid .activity-image{height:165px;transition:transform .5s ease}
.tours-search-page .tours-activity-grid .activity-card:hover .activity-image{transform:scale(1.015)}
.tours-search-page .tours-activity-grid .activity-copy{padding:14px 15px 15px}
.tours-search-page .tours-activity-grid .activity-copy h3{font-family:'Playfair Display',Georgia,serif;font-size:18px;min-height:auto;margin-bottom:7px}
.tours-search-page .tours-activity-grid .activity-copy p{font-size:12px}
.tours-search-page .tours-activity-grid .activity-copy>strong{font-size:13px;color:#ff6f00}
.tours-search-page .tours-activity-grid .activity-tags{gap:6px;margin-top:10px}
.tours-search-page .tours-activity-grid .activity-tags span{font-size:10px;padding:5px 8px;border-radius:999px}
.tours-search-page .tours-activity-grid .lmd-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
.tours-search-page .tours-activity-grid .lmd-fav-btn,.tours-search-page .tours-activity-grid .lmd-cart-btn{width:100%;min-height:38px;padding:0 8px;border-radius:9px;font-size:11px;justify-content:center}
.tours-search-page .tours-activity-grid .tour-card-book-btn{height:40px;margin-top:8px;border-radius:9px;font-size:12px}
@media(max-width:1120px){.tours-search-page .tours-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.tours-search-page .tours-activity-grid{grid-template-columns:1fr!important}.tours-search-page .tours-layout{grid-template-columns:1fr}.tours-search-page .tours-filter-sidebar{padding:18px}}

/* EXPERIENCES: light editorial design matching reference */
.experiences-page{background:#fff}
.experiences-page .experiences-hero{min-height:430px;background:linear-gradient(90deg,#fffaf2 0%,#fff 47%,#f5fbff 100%);color:var(--navy);overflow:hidden}
.experiences-page .experiences-hero-bg{inset:0 0 0 45%;background:url('/images/experience/experience.png') center right/contain no-repeat;opacity:1;animation:experienceFloat 7s ease-in-out infinite}
.experiences-page .experiences-hero-inner{min-height:430px;padding:66px 0 35px;display:flex;flex-direction:column;justify-content:flex-start}
.experiences-page .experiences-hero-copy{max-width:470px}
.experiences-page .experiences-hero-copy h1{color:var(--navy);font-size:clamp(3rem,4.4vw,4.45rem);line-height:.98}
.experiences-page .experiences-hero-copy p{color:#52667d;font-size:.78rem;max-width:390px}
.experiences-page .experience-search-panel{width:610px;max-width:55%;margin-top:28px;grid-template-columns:1.2fr .8fr auto;border:1px solid #e3eaf1;border-radius:13px;box-shadow:0 16px 36px rgba(8,47,92,.10)}
.experiences-page .experience-search-control{border-right:1px solid #e6ebf0}
.experiences-page .experience-search-button{background:linear-gradient(90deg,#ff7900,#ff9518);box-shadow:0 9px 20px rgba(255,121,0,.22)}
.experiences-page .experience-stories-section{padding:34px 0 26px;background:#fff}
.experiences-page .experience-section-heading{align-items:center}
.experiences-page .experience-section-heading p{display:none}
.experiences-page .experience-upload-outline{background:var(--navy);padding:0 18px}
.experiences-page .experience-story-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.experiences-page .experience-story-card{min-height:0;border-radius:13px;background:#fff;border:1px solid #e7edf3;box-shadow:0 10px 26px rgba(8,47,92,.07);overflow:hidden;transition:transform .28s ease,box-shadow .28s ease}
.experiences-page .experience-story-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(8,47,92,.13)}
.experiences-page .experience-story-card img{height:155px;display:block;transition:transform .5s ease}
.experiences-page .experience-story-card:hover img{transform:scale(1.045)}
.experiences-page .experience-story-overlay{display:none}
.experiences-page .experience-rating{top:9px;left:9px;border-radius:999px;padding:5px 8px;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.experiences-page .experience-story-content{position:relative;left:auto;right:auto;bottom:auto;padding:12px 13px 14px;color:var(--navy)}
.experiences-page .experience-author{color:#738399;font-size:.56rem;margin-bottom:5px}
.experiences-page .experience-story-content h3{font-family:'Playfair Display',Georgia,serif;font-size:.94rem;color:var(--navy)}
.experiences-page .experience-story-content p{color:#697c92;font-size:.57rem;margin-top:5px}
.experiences-page .experience-stats{margin-top:28px;padding:20px 16px;border:1px solid #e7eff6;background:linear-gradient(90deg,#f6fbff,#f3f9ff);color:var(--navy);box-shadow:0 10px 28px rgba(8,47,92,.04)}
.experiences-page .experience-stats article{border-left:1px solid #dce8f1}
.experiences-page .experience-stats i{color:#ff9f00}
.experiences-page .experience-stats strong{font-family:'Playfair Display',Georgia,serif;font-size:1.45rem}
.experiences-page .experience-inspire-section{background:linear-gradient(90deg,#fffaf3,#fff 50%,#fff9ef);padding:48px 0}
.experiences-page .experience-polaroid-quote{display:none}
.experiences-page .experience-testimonials-section{background:#fffaf1;padding:32px 0 42px}
.experiences-page .experience-trust-grid{grid-template-columns:repeat(4,1fr)}
.experiences-page .experience-testimonial-card{min-height:150px;border-radius:14px}
.experiences-page .experience-bottom-cta{background:linear-gradient(90deg,#072d58,#064477);padding:30px 0}
.experiences-page #share-experience{background:linear-gradient(90deg,#f7fcff,#fff9ee)}
@keyframes experienceFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:980px){.experiences-page .experiences-hero-bg{inset:0;opacity:.22;background-position:center}.experiences-page .experience-search-panel{max-width:100%;width:min(680px,100%)}.experiences-page .experience-story-grid{grid-template-columns:repeat(2,1fr)}.experiences-page .experience-trust-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.experiences-page .experience-story-grid,.experiences-page .experience-trust-grid{grid-template-columns:1fr}.experiences-page .experiences-hero-inner{padding-top:48px}.experiences-page .experience-search-panel{grid-template-columns:1fr}.experiences-page .experience-search-control{border-right:0;border-bottom:1px solid #e6ebf0}.experiences-page .experience-search-button{grid-column:auto;min-height:44px}}


/* =========================================================
   2026-08-14 targeted image/background fixes (V8)
   ========================================================= */

/* Use the supplied footer artwork on every public footer. */
body:not(.backoffice-body) .site-footer,
.lmd-careers-page .lmd-careers-footer {
  position: relative !important;
  background-color: #062f55 !important;
  background-image: url('/images/home/footer.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}
body:not(.backoffice-body) .site-footer::before,
body:not(.backoffice-body) .site-footer::after,
.lmd-careers-page .lmd-careers-footer::before,
.lmd-careers-page .lmd-careers-footer::after {
  display: none !important;
  content: none !important;
}
body:not(.backoffice-body) .site-footer .footer-column h3,
body:not(.backoffice-body) .site-footer .footer-column a,
body:not(.backoffice-body) .site-footer .footer-column span,
body:not(.backoffice-body) .site-footer .footer-brand p,
.lmd-careers-page .lmd-careers-footer,
.lmd-careers-page .lmd-careers-footer a,
.lmd-careers-page .lmd-careers-footer p,
.lmd-careers-page .lmd-careers-footer span,
.lmd-careers-page .lmd-careers-footer h3 {
  color: #fff !important;
}

/* Homepage: use the supplied UP artwork behind Find the experience that fits you. */
.home-page .experience-section {
  position: relative !important;
  background-color: transparent !important;
  background-image: url('/images/home/up.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
}
.home-page .experience-section::before,
.home-page .experience-section::after {
  display: none !important;
  content: none !important;
}

/* Homepage: use the supplied DOWN artwork behind Your next adventure is one search away. */
.home-page .cta-banner {
  position: relative !important;
  background-color: #07365f !important;
  background-image: url('/images/home/down.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
}
.home-page .cta-banner::before,
.home-page .cta-banner::after,
.home-page .cta-background-image {
  display: none !important;
  content: none !important;
}

/* Tours: keep decorative touches away from RESULTS and Recommended. */
.tours-search-page .tours-results-page::after {
  display: none !important;
  content: none !important;
}
.tours-search-page .tours-filter-sidebar::before {
  left: 155px !important;
  top: 32px !important;
  pointer-events: none !important;
}
.tours-search-page .tours-heading .eyebrow {
  padding-left: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}
.tours-search-page .tours-heading .eyebrow::before {
  display: none !important;
  content: none !important;
}
.tours-search-page .tours-heading .eyebrow::after {
  left: 0 !important;
  bottom: -16px !important;
  z-index: -1 !important;
  opacity: .85 !important;
}
.tours-search-page .sort-control {
  position: relative !important;
  z-index: 5 !important;
}
.tours-search-page .sort-control::before,
.tours-search-page .sort-control::after {
  display: none !important;
  content: none !important;
}


/* ===== CONSOLIDATED LEGACY UI STYLES — 2026-08-14 ===== */


/* --- merged from destinations.css --- */
:root{--d-navy:#071f3d;--d-orange:#f59a17;--d-cream:#f7f2ea;--d-text:#617080;--d-white:#fff;--d-line:#e4ddd3;--d-shell:1180px}*{box-sizing:border-box}.continent-page{margin:0;background:var(--d-cream);color:var(--d-navy);font-family:"DM Sans",sans-serif}.continent-page a{text-decoration:none;color:inherit}.continent-shell{width:min(var(--d-shell),calc(100% - 40px));margin:auto}.continent-topbar{background:#fff;position:relative;z-index:5;border-bottom:1px solid #eee}.continent-topbar .continent-shell{min-height:82px;display:flex;align-items:center;justify-content:space-between}.continent-topbar img{width:130px}.continent-topbar nav{display:flex;gap:30px}.continent-topbar nav a{font-size:.72rem;font-weight:800;text-transform:uppercase}.continent-topbar nav a.active{color:var(--d-orange)}.all-destinations-hero{padding:110px 0 85px;background:var(--d-navy);color:#fff}.all-destinations-hero span,.continent-hero-copy>span,.continent-kicker,.continent-cta span{color:var(--d-orange);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.all-destinations-hero h1,.continent-hero h1,.continent-page h2{font-family:"Playfair Display",serif;line-height:1.05;letter-spacing:-.04em}.all-destinations-hero h1{font-size:clamp(3.5rem,7vw,6rem);margin:10px 0 20px}.all-destinations-hero p{max-width:680px;color:#c7d0dc}.continent-list-section{padding:80px 0}.continent-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.continent-list-card{min-height:360px;position:relative;display:flex;align-items:flex-end;padding:34px;border-radius:20px;overflow:hidden;color:#fff;background:linear-gradient(180deg,transparent 15%,rgba(2,18,36,.9)),var(--continent-image) center/cover}.continent-list-card div{position:relative;z-index:2}.continent-list-card span{color:#ffc15b;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.continent-list-card h2{font-size:3rem;margin:8px 0}.continent-list-card p{max-width:480px;color:#dbe2ea;font-size:.88rem}.continent-list-card b{color:#ffc15b;font-size:.78rem;text-transform:uppercase}.continent-hero{min-height:620px;position:relative;display:flex;align-items:center;color:#fff;background:var(--hero-image) center/cover}.continent-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,19,38,.94),rgba(3,25,49,.62) 55%,rgba(0,0,0,.15))}.continent-hero-copy{position:relative;z-index:2}.continent-hero h1{font-size:clamp(5rem,11vw,9rem);margin:8px 0 20px}.continent-hero-copy>p{max-width:650px;color:#e1e6ec;font-size:1.05rem}.continent-stats{display:flex;gap:12px;margin-top:35px}.continent-stats div{min-width:160px;padding:18px 22px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.continent-stats strong,.continent-stats small{display:block}.continent-stats strong{font-family:"Playfair Display",serif;font-size:2rem;color:#ffc15b}.continent-stats small{font-size:.75rem;color:#dbe2ea}.continent-intro,.continent-countries,.continent-tours{padding:90px 0}.continent-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.continent-intro h2,.continent-section-heading h2{font-size:clamp(2.5rem,5vw,4.2rem);margin:12px 0}.continent-intro p{color:var(--d-text);font-size:1.02rem}.continent-countries{background:#fff}.continent-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.continent-section-heading>a{font-size:.78rem;font-weight:800;text-transform:uppercase}.country-chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.country-chip-grid a{display:flex;justify-content:space-between;align-items:center;padding:22px;border:1px solid var(--d-line);border-radius:12px;background:#fff;transition:.2s}.country-chip-grid a:hover{transform:translateY(-3px);border-color:var(--d-orange);box-shadow:0 12px 25px rgba(7,31,61,.08)}.country-chip-grid strong{font-size:.95rem}.country-chip-grid span{color:var(--d-text);font-size:.78rem}.continent-empty{padding:45px;border:1px dashed var(--d-line);border-radius:15px;text-align:center}.continent-tour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.continent-tour-grid article{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 15px 35px rgba(7,31,61,.08)}.continent-tour-image{height:230px;display:block;padding:14px;background-position:center;background-size:cover}.continent-tour-image>span{display:inline-flex;padding:6px 10px;border-radius:7px;background:#fff;color:var(--d-orange);font-size:.72rem}.continent-tour-grid article>div{padding:22px}.continent-tour-grid small{color:var(--d-orange);font-weight:700}.continent-tour-grid h3{font-family:"Playfair Display",serif;font-size:1.45rem;margin:8px 0}.continent-tour-grid p{color:var(--d-text);font-size:.82rem;min-height:65px}.continent-tour-grid article>div>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--d-line);padding-top:15px}.continent-tour-grid article>div>div a{font-size:.75rem;font-weight:800}.continent-cta{padding:85px 0;background:var(--d-navy);color:#fff}.continent-cta .continent-shell>div{max-width:720px}.continent-cta h2{font-size:clamp(2.8rem,6vw,5rem);margin:12px 0 30px}.continent-cta a{display:inline-flex;padding:14px 24px;border-radius:999px;background:var(--d-orange);font-weight:800;font-size:.78rem;text-transform:uppercase}.homepage-empty-tours{padding:45px;border:1px dashed #ddd;border-radius:14px;text-align:center}.homepage-empty-tours i{font-size:2rem;color:#f59a17}@media(max-width:900px){.continent-list-grid,.continent-intro-grid{grid-template-columns:1fr}.country-chip-grid,.continent-tour-grid{grid-template-columns:repeat(2,1fr)}.continent-topbar nav{display:none}}@media(max-width:600px){.continent-shell{width:calc(100% - 26px)}.continent-list-grid,.country-chip-grid,.continent-tour-grid{grid-template-columns:1fr}.continent-hero h1{font-size:4.4rem}.continent-stats{flex-direction:column}.continent-section-heading{display:block}}

/* Premium informative region layout */
.continent-overview{padding:100px 0;background:var(--d-cream)}
.continent-overview-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start}
.continent-overview-copy h2{font-size:clamp(2.8rem,5vw,4.8rem);margin:12px 0 22px}
.continent-overview-copy>p{color:var(--d-text);font-size:1.02rem;line-height:1.85}
.continent-tip{margin-top:30px;padding:22px 24px;border-left:3px solid var(--d-orange);background:#fff;border-radius:0 12px 12px 0;box-shadow:0 12px 30px rgba(7,31,61,.06)}
.continent-tip b,.continent-tip span{display:block}.continent-tip b{color:var(--d-orange);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.continent-tip span{color:var(--d-text);font-size:.88rem}
.continent-info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.continent-info-cards article{position:relative;min-height:360px;padding:34px;border-radius:18px;background:var(--d-navy);color:#fff;overflow:hidden}
.continent-info-cards article:nth-child(2){background:#fff;color:var(--d-navy);border:1px solid var(--d-line)}
.continent-info-cards article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--d-orange);color:#fff;font-size:.72rem;font-weight:800}
.continent-info-cards h3{font-family:"Playfair Display",serif;font-size:2rem;margin:55px 0 22px}
.continent-info-cards ul{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.continent-info-cards li{position:relative;padding-left:18px;color:#cbd5df;font-size:.86rem}
.continent-info-cards article:nth-child(2) li{color:var(--d-text)}
.continent-info-cards li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--d-orange)}
.continent-empty a{display:inline-flex;margin-top:14px;padding:12px 20px;border-radius:999px;background:var(--d-orange);color:#fff;font-size:.75rem;font-weight:800;text-transform:uppercase}
@media(max-width:900px){.continent-overview-grid{grid-template-columns:1fr;gap:45px}}
@media(max-width:600px){.continent-info-cards{grid-template-columns:1fr}.continent-info-cards article{min-height:auto}.continent-overview{padding:72px 0}}


/* 2026 hero refinement: one continuous image across the entire hero */
.continent-hero{
  min-height:clamp(560px,72vh,760px);
  background-image:var(--continent-image)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  isolation:isolate;
}
.continent-hero-overlay{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(2,19,38,.88) 0%,rgba(3,25,49,.69) 48%,rgba(4,27,49,.45) 100%),
    linear-gradient(180deg,rgba(0,0,0,.05) 40%,rgba(2,19,38,.38) 100%);
  pointer-events:none;
}
.continent-hero-copy{position:relative;z-index:1}
.continent-hero--europe{background-position:center 58%!important}
.continent-hero--north-america{background-position:center 52%!important}
@media(max-width:700px){
  .continent-hero{min-height:600px;background-position:center center!important}
  .continent-hero-overlay{background:linear-gradient(90deg,rgba(2,19,38,.9),rgba(3,25,49,.62))}
}


/* --- merged from theme-refresh.css --- */
/* =========================================================
   LET ME DISCOVER — 2026 BRIGHT TRAVEL REFRESH
   Visual direction: light blue + sunshine yellow + orange,
   responsive cards, playful brush/doodle accents.
   Loaded after the existing page CSS so it stays non-destructive.
   ========================================================= */

:root{
  --lmd-blue:#dff4ff;
  --lmd-blue-2:#bfe8ff;
  --lmd-sky:#77cdf6;
  --lmd-yellow:#ffc928;
  --lmd-orange:#ff8a16;
  --lmd-orange-2:#ff6f12;
  --lmd-navy:#08233f;
  --lmd-ink:#102744;
  --lmd-white:#fff;
  --lmd-soft:#fbfdff;
  --lmd-line:#e2edf5;
  --lmd-shadow:0 14px 42px rgba(8,35,63,.10);
}

html{overflow-x:hidden}
body{
  overflow-x:hidden;
  background:
    radial-gradient(circle at 0 22%,rgba(255,201,40,.08),transparent 22rem),
    radial-gradient(circle at 100% 50%,rgba(119,205,246,.10),transparent 28rem),
    #fff;
  color:var(--lmd-ink);
}

/* ---------- Shared public header ---------- */
body:not(.backoffice-body) .site-header{
  min-height:76px;
  height:auto;
  padding-top:10px;
  padding-bottom:10px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(8,35,63,.06);
  box-shadow:0 4px 24px rgba(8,35,63,.035);
}
body:not(.backoffice-body) .brand img{max-width:126px}
body:not(.backoffice-body) .desktop-nav a{color:var(--lmd-navy)}
body:not(.backoffice-body) .desktop-nav a::after{background:var(--lmd-orange)}
body:not(.backoffice-body) .bookings-button,
body:not(.backoffice-body) .account-button,
body:not(.backoffice-body) .primary-button,
body:not(.backoffice-body) .search-button,
body:not(.backoffice-body) .experience-search-button,
body:not(.backoffice-body) .auth-submit{
  background:linear-gradient(135deg,var(--lmd-orange),#ff9f20);
  border-color:transparent;
  color:#fff;
  box-shadow:0 9px 22px rgba(255,138,22,.22);
}
body:not(.backoffice-body) .bookings-button:hover,
body:not(.backoffice-body) .account-button:hover,
body:not(.backoffice-body) .primary-button:hover,
body:not(.backoffice-body) .search-button:hover,
body:not(.backoffice-body) .experience-search-button:hover,
body:not(.backoffice-body) .auth-submit:hover{background:var(--lmd-orange-2);transform:translateY(-1px)}

/* ---------- Homepage hero ---------- */
.hero{
  min-height:570px!important;
  color:var(--lmd-navy)!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 26%,rgba(255,255,255,.20) 52%,rgba(255,255,255,.03) 100%),
    url('/images/home/hero-bright.png') center/cover no-repeat!important;
  isolation:isolate;
}
.hero::before,
.hero::after{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  opacity:.96;
}
.hero::before{
  left:-58px;
  top:24px;
  width:180px;
  height:130px;
  background:linear-gradient(145deg,var(--lmd-orange),var(--lmd-yellow));
  clip-path:polygon(0 42%,62% 24%,28% 48%,90% 54%,30% 61%,74% 92%,20% 72%,0 100%);
  transform:rotate(-8deg);
}
.hero::after{
  right:-45px;
  bottom:-30px;
  width:220px;
  height:170px;
  background:linear-gradient(145deg,#14aee9,#68ddf1);
  clip-path:polygon(9% 5%,54% 26%,92% 8%,78% 50%,100% 78%,49% 68%,12% 98%,22% 54%,0 31%);
}
.hero-overlay{background:none!important}
.hero-inner{min-height:570px!important;padding-top:50px!important}
.hero-copy{max-width:470px}
.hero-copy h1{
  color:var(--lmd-navy)!important;
  text-shadow:0 2px 0 rgba(255,255,255,.35);
}
.hero-copy h1 em{color:var(--lmd-orange)!important}
.hero-copy p{color:#29415b!important;font-weight:500}
.hero-copy::after{
  content:"✈";
  display:block;
  width:max-content;
  margin:12px 0 0 260px;
  color:var(--lmd-yellow);
  font-size:26px;
  transform:rotate(-14deg);
}
.search-panel{
  border:0!important;
  border-radius:22px!important;
  box-shadow:0 16px 42px rgba(8,35,63,.17)!important;
  background:rgba(255,255,255,.97)!important;
}
.search-control{border-color:#e9eef2!important}
.control-icon,.trust-icon{color:var(--lmd-orange)!important}
.trust-strip{
  margin-top:18px!important;
  padding:15px 22px!important;
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:0 10px 30px rgba(8,35,63,.08);
  backdrop-filter:blur(8px);
}
.trust-strip strong{color:var(--lmd-navy)!important}
.trust-strip small{color:#5f7183!important}

/* ---------- Homepage section rhythm ---------- */
.content-section,.trending-section{background:transparent!important}
.section-heading h2,.reviews-heading h2{color:var(--lmd-navy)!important}
.eyebrow{color:var(--lmd-orange)!important}
.outline-button{
  background:#fff!important;
  border-color:#dde8f0!important;
  box-shadow:0 8px 24px rgba(8,35,63,.06);
}

.activity-grid{gap:18px!important}
.activity-card{
  border:1px solid var(--lmd-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:var(--lmd-shadow)!important;
  overflow:hidden!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
.activity-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(8,35,63,.14)!important}
.activity-image{min-height:190px}
.rating-badge{border-radius:999px!important}
.activity-tags span{background:#effbf6!important;color:#27845e!important}

/* Experience ribbon: bright, fun, still content-readable */
.experience-section{
  position:relative;
  margin:18px auto 72px!important;
  width:min(1120px,calc(100% - 48px));
  overflow:hidden;
  border-radius:24px;
  background:
    linear-gradient(90deg,rgba(255,248,235,.98) 0%,rgba(255,249,239,.93) 46%,rgba(255,255,255,.12) 70%),
    url('/images/home/experience-bright.png') center/cover no-repeat!important;
  box-shadow:var(--lmd-shadow);
}
.experience-section::before{
  content:"〰  ✈  ✧";
  position:absolute;
  top:18px;
  right:35%;
  color:#ff8a16;
  font-size:23px;
  letter-spacing:9px;
  transform:rotate(-6deg);
  opacity:.9;
}
.experience-section .page-shell{width:100%!important;padding:42px 30px!important}
.experience-section .section-heading--dark h2,.experience-section .section-heading--dark p{color:var(--lmd-navy)!important}
.experience-grid{max-width:720px;background:rgba(255,255,255,.72);border-radius:18px;padding:14px;backdrop-filter:blur(5px)}
.experience-card{background:transparent!important;border:0!important;color:var(--lmd-navy)!important}
.experience-icon{color:var(--lmd-orange)!important}

/* Destinations */
.destination-card{
  border-radius:18px!important;
  box-shadow:0 10px 30px rgba(8,35,63,.10)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
.destination-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(8,35,63,.16)!important}
.destination-grid{gap:14px!important}

/* CTA banner */
.cta-banner{
  position:relative;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(223,244,255,.98) 0%,rgba(223,244,255,.91) 48%,rgba(223,244,255,.08) 72%),
    url('/images/home/cta-bright.png') center/cover no-repeat!important;
  box-shadow:var(--lmd-shadow)!important;
}
.cta-background-image{display:none!important}
.cta-banner::after{
  content:"✈  〰  ✦";
  position:absolute;
  right:30px;
  top:22px;
  color:#12a9e5;
  font-size:24px;
  letter-spacing:10px;
}
.cta-copy h2,.cta-copy p,.cta-benefits strong,.cta-benefits small{color:var(--lmd-navy)!important}
.cta-benefits>div{background:rgba(255,255,255,.80)!important;border-color:rgba(255,255,255,.9)!important}

/* Reviews/footer */
.review-card,.trustpilot-card{border:1px solid var(--lmd-line)!important;border-radius:16px!important;box-shadow:0 8px 25px rgba(8,35,63,.07)!important}
.site-footer{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f4fbff,#fff)!important;
  color:#53687b!important;
  border-top:1px solid var(--lmd-line);
}
.site-footer::before,.site-footer::after{
  content:"";position:absolute;bottom:-30px;width:170px;height:100px;background:#27b9ef;opacity:.18;clip-path:polygon(0 63%,17% 40%,26% 66%,42% 25%,55% 62%,76% 29%,100% 72%,100% 100%,0 100%);
}
.site-footer::before{left:0}.site-footer::after{right:0;transform:scaleX(-1)}
.site-footer h3,.site-footer strong{color:var(--lmd-navy)!important}

/* ---------- Shared bright treatment for inner pages ---------- */
.experiences-page,
.tours-search-page,
.contact-page,
.lmd-careers-page,
.auth-wrapper,
.auth-wrapper--wide{
  background:
    radial-gradient(circle at 0 15%,rgba(255,201,40,.09),transparent 22rem),
    radial-gradient(circle at 100% 55%,rgba(119,205,246,.14),transparent 28rem),
    #fff!important;
}

.experiences-hero,.contact-hero,.lmd-careers-hero{
  border-radius:0 0 34px 34px;
  overflow:hidden;
}
.experience-search-panel,.contact-card,.experience-upload-form,.auth-card,.auth-card--wide,
.account-profile-card,.receipt-card,.payment-summary,.payment-form,.backoffice-table{
  border-color:var(--lmd-line)!important;
  box-shadow:var(--lmd-shadow)!important;
}
.experiences-eyebrow,.contact-eyebrow,.lmd-careers-kicker,.form-section-label{color:var(--lmd-orange)!important}
.experience-upload-section{background:#f6fbff!important}
.experience-upload-form{border-radius:22px!important}
.photo-file-label input[type=file]{background:#f4fbff!important;border-color:#bfe5f8!important}

/* Careers */
.lmd-careers-values,.lmd-careers-benefits,.lmd-careers-final{background:#f7fcff!important}
.lmd-careers-value-icon{border-color:var(--lmd-orange)!important;color:var(--lmd-orange)!important}
.lmd-careers-benefits-panel{background:linear-gradient(135deg,#fff7dc,#eaf8ff)!important}

/* Forms / tables */
.auth-field input,.auth-field select,.auth-field textarea,
.experience-upload-form input,.experience-upload-form textarea,
.search-control input,.search-control select{
  border-radius:12px;
}
.backoffice-table{border-radius:16px;overflow:hidden}

/* ---------- Destination / continent pages ---------- */
.destination-hero,.continent-hero{
  border-radius:0 0 34px 34px!important;
  overflow:hidden!important;
}
.destination-page,.continent-page{background:#fff!important}
.destination-section,.continent-section{background:transparent!important}
.country-card,.continent-info-card,.destination-info-card{
  border-color:var(--lmd-line)!important;
  box-shadow:var(--lmd-shadow)!important;
}

/* ---------- Responsive ---------- */
@media (max-width:1050px){
  .page-shell,.experience-shell,.contact-shell,.lmd-careers-shell{width:min(100% - 32px,1120px)!important}
  body:not(.backoffice-body) .site-header{padding-left:22px!important;padding-right:22px!important;grid-template-columns:145px 1fr auto!important;gap:14px!important}
  body:not(.backoffice-body) .desktop-nav{gap:16px!important}
  body:not(.backoffice-body) .desktop-nav a{font-size:.67rem!important}
  .search-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}
  .search-button{min-height:58px;grid-column:1/-1;margin-top:6px}
  .search-control:nth-of-type(2){border-right:0!important}
  .trust-strip{grid-template-columns:repeat(3,1fr)!important}
  .activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .experience-section{width:calc(100% - 32px)!important}
  .experience-grid{grid-template-columns:repeat(2,1fr)!important}
  .review-grid{grid-template-columns:repeat(2,1fr)!important}
}

@media (max-width:780px){
  body:not(.backoffice-body) .site-header{
    display:flex!important;
    min-height:70px!important;
    flex-wrap:wrap!important;
    justify-content:space-between!important;
    gap:8px 14px!important;
  }
  body:not(.backoffice-body) .brand{order:1}
  body:not(.backoffice-body) .header-actions{order:2;margin-left:auto}
  body:not(.backoffice-body) .desktop-nav{
    order:3;width:100%;justify-content:flex-start!important;gap:18px!important;overflow-x:auto;padding:8px 2px 4px;scrollbar-width:none;
  }
  body:not(.backoffice-body) .desktop-nav::-webkit-scrollbar{display:none}
  body:not(.backoffice-body) .desktop-nav a{white-space:nowrap}
  .lmd-header-tools{gap:5px!important}
  .hero{min-height:690px!important;background-position:64% center!important}
  .hero::before{width:115px;height:90px;left:-36px}
  .hero::after{width:135px;height:110px}
  .hero-inner{min-height:690px!important;padding-top:34px!important}
  .hero-copy{max-width:72%}
  .hero-copy h1{font-size:clamp(2.7rem,12vw,4.2rem)!important}
  .hero-copy p{font-size:.92rem}
  .hero-copy::after{margin-left:110px}
  .search-panel{grid-template-columns:1fr!important;margin-top:28px!important;border-radius:18px!important}
  .search-control{border-right:0!important;border-bottom:1px solid #edf1f4;padding:12px 14px!important}
  .search-button{grid-column:auto;margin-top:4px;min-height:52px}
  .trust-strip{grid-template-columns:repeat(2,1fr)!important;gap:13px!important;padding:15px!important}
  .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .experience-section{margin-bottom:48px!important}
  .experience-section .page-shell{padding:32px 20px!important}
  .experience-section::before{right:14%;font-size:16px}
  .experience-grid{max-width:100%;grid-template-columns:repeat(2,1fr)!important}
  .cta-banner{min-height:360px!important;background-position:70% center!important}
  .cta-content{display:block!important;padding:34px 24px!important}
  .cta-copy{max-width:60%}
  .cta-benefits{margin-top:25px;grid-template-columns:1fr!important;max-width:250px}
  .review-grid{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:28px!important}
  .experience-upload-grid,.contact-hero-layout,.contact-main-grid,.payment-page{grid-template-columns:1fr!important}
  .lmd-careers-values-grid{grid-template-columns:repeat(2,1fr)!important}
}

@media (max-width:520px){
  .page-shell,.experience-shell,.contact-shell,.lmd-careers-shell{width:calc(100% - 22px)!important}
  body:not(.backoffice-body) .site-header{padding-left:11px!important;padding-right:11px!important}
  body:not(.backoffice-body) .brand img{width:96px!important}
  body:not(.backoffice-body) .bookings-button,body:not(.backoffice-body) .account-button{padding:9px 12px!important;font-size:.63rem!important}
  .hero{min-height:760px!important;background-position:70% center!important}
  .hero-copy{max-width:84%}
  .hero-copy h1{font-size:2.75rem!important}
  .trust-strip{grid-template-columns:1fr 1fr!important}
  .trust-strip article{align-items:flex-start!important}
  .activity-grid{grid-template-columns:1fr!important}
  .activity-image{min-height:220px!important}
  .experience-grid{grid-template-columns:1fr!important}
  .experience-section{background-position:72% center!important}
  .experience-section .section-heading{max-width:72%}
  .destination-grid{grid-template-columns:1fr!important}
  .cta-copy{max-width:72%}
  .footer-grid{grid-template-columns:1fr!important}
  .lmd-careers-values-grid{grid-template-columns:1fr!important}
  .form-row,.form-row--2,.form-row--3,.form-row--phone{grid-template-columns:1fr!important}
  .calendar-actions{grid-template-columns:1fr!important}
  .booking-row{display:block!important}
}

/* =========================================================
   HIGH-AGENCY POLISH — 2026-08-13
   Stronger footer contrast, livelier auth pages, brighter
   Experiences + Contact, and refined homepage proportions.
   ========================================================= */

/* ---------- Homepage refinement ---------- */
.hero{
  min-height:590px!important;
  background-position:center 46%!important;
}
.hero-inner{min-height:590px!important;padding-top:42px!important}
.hero-copy{max-width:430px!important}
.hero-copy h1{font-size:clamp(3.65rem,6.6vw,6.15rem)!important;line-height:.92!important}
.hero-copy p{max-width:390px!important;line-height:1.55!important}
.search-panel{max-width:1120px!important}
.trust-strip{max-width:1120px!important}

.experience-section{
  min-height:330px!important;
  margin-top:30px!important;
  background:
    linear-gradient(90deg,rgba(255,248,236,.98) 0%,rgba(255,250,241,.92) 42%,rgba(255,255,255,.10) 66%),
    url('/images/home/experience-bright.png') 66% center/cover no-repeat!important;
}
.experience-section .section-heading{max-width:560px!important;margin-bottom:24px!important}
.experience-section .section-heading h2{font-size:clamp(2.4rem,4vw,3.7rem)!important;line-height:1.02!important}
.experience-grid{max-width:690px!important;padding:10px!important}
.experience-card{min-height:142px!important;padding:22px 18px!important}

.cta-banner{min-height:280px!important;background-position:72% center!important}
.cta-content{padding:44px 46px!important}
.cta-copy{max-width:430px!important}
.cta-copy h2{font-size:clamp(2.3rem,4vw,3.5rem)!important;line-height:1.02!important}

/* ---------- High agency footer ---------- */
body:not(.backoffice-body) .site-footer,
.experiences-page .site-footer,
.contact-page .site-footer,
body .site-footer{
  position:relative!important;
  overflow:hidden!important;
  margin-top:70px!important;
  padding:72px 0 28px!important;
  background: url("/images/home/footer.png") center 46% / cover no-repeat;
  border-top:0!important;
  box-shadow:0 -14px 50px rgba(5,29,52,.08)!important;
}
body .site-footer::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto!important;
  width:100%!important;
  height:7px!important;
  background:linear-gradient(90deg,#28bdf1 0 34%,#ffc928 34% 63%,#ff8a16 63% 100%)!important;
  clip-path:none!important;
  opacity:1!important;
}
body .site-footer::after{
  content:""!important;
  position:absolute!important;
  right:-70px!important;
  bottom:-60px!important;
  width:290px!important;
  height:190px!important;
  background:rgba(48,193,241,.13)!important;
  clip-path:polygon(0 64%,16% 42%,30% 66%,43% 28%,57% 65%,76% 34%,100% 71%,100% 100%,0 100%)!important;
  opacity:1!important;
}
body .site-footer .page-shell,
body .site-footer .contact-shell,
.experiences-page .site-footer .experience-shell{
  position:relative!important;
  z-index:2!important;
}
body .site-footer .footer-grid{
  display:grid!important;
  grid-template-columns:minmax(240px,1.45fr) repeat(3,minmax(150px,.8fr))!important;
  gap:52px!important;
  align-items:start!important;
  padding:0!important;
}
body .site-footer .footer-brand img{width:150px!important;filter:drop-shadow(0 8px 20px rgba(0,0,0,.12))!important}
body .site-footer .footer-brand p{max-width:330px!important;color:rgba(255,255,255,.66)!important;font-size:.84rem!important;line-height:1.8!important}
body .site-footer .footer-column h3,
body .site-footer h3{
  color:#fff!important;
  font-size:.75rem!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  margin-bottom:20px!important;
}
body .site-footer .footer-column a,
body .site-footer .footer-column span{
  color:rgba(255,255,255,.72)!important;
  font-size:.82rem!important;
  line-height:1.65!important;
  margin-bottom:9px!important;
  transition:color .18s ease,transform .18s ease!important;
}
body .site-footer .footer-column a:hover{color:#ffc928!important;transform:translateX(3px)!important}
body .site-footer .footer-column i{color:#ff9a20!important;margin-right:8px!important}
body .site-footer .social-links{display:flex!important;gap:10px!important;margin-top:22px!important}
body .site-footer .social-links a{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.07)!important;color:#fff!important;
}
body .site-footer .social-links a:hover{background:#ff8a16!important;border-color:#ff8a16!important;color:#fff!important;transform:translateY(-2px)!important}
body .site-footer .footer-bottom{
  margin-top:46px!important;
  padding:22px 0 0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  background:transparent!important;
  color:rgba(255,255,255,.5)!important;
}

/* ---------- Auth pages: bright and premium ---------- */
.auth-wrapper,
.auth-wrapper--wide{
  position:relative!important;
  isolation:isolate!important;
  min-height:100vh!important;
  padding:58px 24px!important;
  background:
    radial-gradient(circle at 10% 14%,rgba(255,201,40,.30),transparent 18rem),
    radial-gradient(circle at 92% 22%,rgba(79,194,239,.30),transparent 23rem),
    linear-gradient(145deg,#eefaff 0%,#fffaf1 46%,#fff 100%)!important;
  overflow:hidden!important;
}
.auth-wrapper::before,
.auth-wrapper--wide::before{
  content:"";
  position:absolute;
  left:-90px;bottom:-110px;
  width:350px;height:260px;
  background:linear-gradient(145deg,#27bdf1,#9ee4ff);
  clip-path:polygon(0 70%,18% 44%,31% 68%,47% 25%,59% 65%,78% 34%,100% 74%,100% 100%,0 100%);
  opacity:.22;z-index:-1;
}
.auth-wrapper::after,
.auth-wrapper--wide::after{
  content:"✈";
  position:absolute;
  right:8%;top:13%;
  font-size:70px;
  color:rgba(255,147,20,.14);
  transform:rotate(-15deg);
  z-index:-1;
}
.auth-card,
.auth-card--wide{
  position:relative!important;
  z-index:2!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(139,205,236,.42)!important;
  box-shadow:0 28px 80px rgba(8,35,63,.14)!important;
  backdrop-filter:blur(10px)!important;
  overflow:hidden!important;
}
.auth-card::before,
.auth-card--wide::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:7px;
  background:linear-gradient(90deg,#28bdf1,#ffc928,#ff8a16);
}
.auth-card{width:min(430px,100%)!important;padding:50px 42px 42px!important;border-radius:26px!important}
.auth-card--wide{width:min(860px,100%)!important;padding:48px 48px 42px!important;border-radius:28px!important}
.auth-card h2,.auth-card--wide h2{color:var(--lmd-navy)!important;font-family:"Playfair Display",Georgia,serif!important;font-size:2.35rem!important;line-height:1.05!important}
.auth-card p.sub,.auth-card--wide p.sub{color:#65798d!important}
.auth-logo img{width:145px!important}
.register-type{
  margin:24px -14px 32px!important;
  padding:16px 18px!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(90deg,#edfaff,#fff7dc)!important;
}
.form-section-label{color:#f47c0d!important;font-size:.72rem!important;letter-spacing:.12em!important}
.auth-field label{color:#143250!important}
.auth-field input,
.auth-field select,
.auth-field textarea{
  min-height:50px!important;
  border:1px solid #d9e8f2!important;
  background:#fbfdff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.auth-field input:focus,
.auth-field select:focus,
.auth-field textarea:focus{
  outline:none!important;
  border-color:#42bce9!important;
  box-shadow:0 0 0 4px rgba(66,188,233,.12)!important;
  background:#fff!important;
}
.auth-submit{
  min-height:54px!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,#ff8a16,#ffa31f)!important;
  box-shadow:0 14px 30px rgba(255,138,22,.25)!important;
  font-size:.95rem!important;
}
.auth-submit:hover{background:linear-gradient(90deg,#f57c00,#ff9514)!important;transform:translateY(-2px)!important}
.auth-footer{color:#637689!important}
.auth-footer a{color:#f27806!important}
.lmd-register-lang .lmd-lang-btn{
  width:44px!important;height:44px!important;border-radius:50%!important;
  background:#fff!important;color:#0a3153!important;box-shadow:0 8px 25px rgba(8,35,63,.10)!important;
}

/* ---------- Experiences: fun but professional ---------- */
.experiences-page main{
  background:
    radial-gradient(circle at 0 30%,rgba(255,203,52,.10),transparent 22rem),
    radial-gradient(circle at 100% 62%,rgba(61,194,242,.12),transparent 28rem),
    #fff!important;
}
.experiences-page .experience-stories-section,
.experiences-page .experience-inspire-section,
.experiences-page .experience-testimonials-section,
.experiences-page .experience-upload-section{position:relative!important}
.experiences-page .experience-stories-section{background:linear-gradient(180deg,#fff 0%,#f6fcff 100%)!important}
.experiences-page .experience-story-card{
  border-radius:20px!important;
  overflow:hidden!important;
  border:1px solid #dcebf4!important;
  box-shadow:0 16px 36px rgba(8,35,63,.10)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.experiences-page .experience-story-card:hover{transform:translateY(-6px)!important;box-shadow:0 24px 45px rgba(8,35,63,.16)!important}
.experiences-page .experience-rating{background:#fff!important;color:#173654!important;border-radius:999px!important;box-shadow:0 5px 14px rgba(0,0,0,.08)!important}
.experiences-page .experience-section-eyebrow{color:#ff870f!important;letter-spacing:.13em!important}
.experiences-page .experience-section-heading h2,
.experiences-page .experience-inspire-copy h2,
.experiences-page .experience-testimonials-section h2{color:#082c4c!important}
.experiences-page .experience-stats{
  border-radius:20px!important;
  background:linear-gradient(105deg,#082b4b,#0c4774)!important;
  box-shadow:0 16px 40px rgba(8,35,63,.14)!important;
}
.experiences-page .experience-stats i{color:#ffc928!important}
.experiences-page .experience-inspire-section{
  background:linear-gradient(135deg,#fff8df 0%,#effaff 55%,#fff 100%)!important;
}
.experiences-page .experience-benefit-list article,
.experiences-page .experience-testimonial-card{
  border:1px solid #dcecf5!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(8,35,63,.075)!important;
}
.experiences-page .experience-benefit-list article>span,
.experiences-page .experience-trust-icon{background:#fff3d1!important;color:#f4820b!important}
.experiences-page .experience-upload-section{
  background:linear-gradient(145deg,#eaf8ff 0%,#fff7de 48%,#fff 100%)!important;
}
.experiences-page .experience-upload-form{
  background:#fff!important;
  border:1px solid #d7eaf4!important;
  border-radius:24px!important;
  box-shadow:0 24px 60px rgba(8,35,63,.11)!important;
}
.experiences-page .experience-upload-button,
.experiences-page .experience-upload-form button[type=submit]{
  background:linear-gradient(90deg,#ff8613,#ffa51e)!important;
  color:#fff!important;
  border-radius:999px!important;
  box-shadow:0 12px 28px rgba(255,138,22,.24)!important;
}

/* ---------- Contact: brighter premium panels ---------- */
.contact-page,
body:has(.contact-main-section){
  background:
    radial-gradient(circle at 4% 18%,rgba(255,201,40,.12),transparent 24rem),
    radial-gradient(circle at 100% 52%,rgba(76,197,241,.14),transparent 26rem),
    #fff!important;
}
.contact-hero{
  position:relative!important;
  min-height:510px!important;
  background:linear-gradient(135deg,#e9f8ff 0%,#fff7df 52%,#fff 100%)!important;
  border-radius:0 0 38px 38px!important;
  overflow:hidden!important;
}
.contact-hero::before{
  content:"";
  position:absolute;right:-60px;top:-55px;width:330px;height:250px;
  background:linear-gradient(145deg,#2fc1f0,#9ce8ff);
  clip-path:polygon(0 42%,50% 22%,35% 48%,90% 55%,40% 65%,76% 92%,24% 76%,0 100%);
  opacity:.22;
}
.contact-hero::after{
  content:"✦  ✈  〰";
  position:absolute;right:12%;bottom:42px;color:#ff9917;font-size:25px;letter-spacing:14px;transform:rotate(-6deg);opacity:.75;
}
.contact-hero-background{opacity:.18!important;filter:saturate(1.15)!important}
.contact-hero-copy h1{color:#082c4c!important;text-shadow:none!important}
.contact-hero-copy h1 em{color:#ff8613!important}
.contact-eyebrow{color:#f47b08!important}
.contact-hero-support{background:rgba(255,255,255,.76)!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:22px!important;padding:28px!important;box-shadow:0 18px 45px rgba(8,35,63,.09)!important;backdrop-filter:blur(10px)!important}
.contact-main-section{background:transparent!important;padding-top:76px!important}
.contact-form-card,
.contact-sidebar .sidebar-card,
.contact-sidebar .agency-card{
  border:1px solid #dcebf4!important;
  border-radius:22px!important;
  box-shadow:0 18px 45px rgba(8,35,63,.09)!important;
}
.contact-form-card{background:#fff!important}
.contact-sidebar .agency-card{background:linear-gradient(135deg,#082d4d,#0d507f)!important;color:#fff!important}
.contact-sidebar .agency-card h2,.contact-sidebar .agency-card p{color:#fff!important}
.contact-sidebar .agency-card a{background:#ff9318!important;color:#fff!important;border-radius:999px!important}
.card-heading-icon,.sidebar-card-heading>span,.benefit-icon{background:#fff3d4!important;color:#f47c0a!important}
.contact-form input,.contact-form select,.contact-form textarea{border-color:#dceaf3!important;background:#fbfdff!important;border-radius:13px!important}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none!important;border-color:#42bce9!important;box-shadow:0 0 0 4px rgba(66,188,233,.12)!important;background:#fff!important}
.send-message-button{background:linear-gradient(90deg,#ff8612,#ffa21d)!important;border-radius:999px!important;box-shadow:0 12px 28px rgba(255,138,22,.24)!important}
.contact-benefits-section{background:linear-gradient(90deg,#edfaff,#fff8df)!important}
.contact-benefits-grid article{border-radius:18px!important;padding:24px!important}

/* ---------- Responsive polish ---------- */
@media(max-width:900px){
  body .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px!important}
  .auth-card--wide{padding:42px 30px!important}
  .contact-hero{min-height:auto!important;padding:46px 0!important}
}
@media(max-width:620px){
  .hero-copy{max-width:90%!important}
  .experience-section{min-height:auto!important;background-position:78% center!important}
  .experience-section .section-heading{max-width:78%!important}
  .experience-grid{background:rgba(255,255,255,.86)!important}
  .auth-wrapper,.auth-wrapper--wide{padding:74px 14px 36px!important;align-items:flex-start!important}
  .auth-card{padding:44px 24px 30px!important;border-radius:22px!important}
  .auth-card--wide{padding:42px 20px 30px!important;border-radius:22px!important}
  .register-type{flex-wrap:wrap!important;gap:12px 22px!important}
  body .site-footer{padding-top:58px!important}
  body .site-footer .footer-grid{grid-template-columns:1fr!important;gap:30px!important}
  body .site-footer .footer-brand{padding-bottom:10px!important}
  .contact-hero::after{display:none!important}
}

/* =========================================================
   V3 VISUAL MATCH — homepage reference + livelier contact
   ========================================================= */

/* HOME HERO: crisp, airy and closer to the approved reference */
.hero{
  min-height:565px!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.70) 30%,rgba(255,255,255,.06) 58%),
    url('/images/home/hero-bright.png') center 48%/cover no-repeat!important;
  border-radius:0 0 32px 32px!important;
  overflow:hidden!important;
}
.hero-overlay{display:none!important}
.hero-inner{min-height:565px!important;padding-top:52px!important}
.hero-copy{max-width:430px!important}
.hero-copy h1{font-size:clamp(3.75rem,6.4vw,5.85rem)!important;line-height:.92!important;color:#082944!important}
.hero-copy p{max-width:360px!important;color:#2c4660!important}
.hero::before{
  content:""!important;
  position:absolute!important;
  left:-28px!important;top:58px!important;
  width:120px!important;height:118px!important;
  background:#ff9b19!important;
  clip-path:polygon(0 43%,100% 0,34% 45%,100% 64%,0 74%)!important;
  opacity:.95!important;
}
.hero::after{
  content:""!important;
  position:absolute!important;
  right:-34px!important;bottom:0!important;
  width:160px!important;height:135px!important;
  background:#18b9ee!important;
  clip-path:polygon(15% 0,100% 28%,64% 52%,100% 100%,8% 72%)!important;
  opacity:.92!important;
}
.search-panel{border-radius:20px!important;box-shadow:0 18px 48px rgba(7,37,67,.13)!important}
.trust-strip{border-radius:18px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 14px 35px rgba(7,37,67,.08)!important}

/* EXPERIENCE BANNER: one traveler only; no legacy second image */
.experience-section{
  min-height:300px!important;
  width:min(1120px,calc(100% - 48px))!important;
  margin:30px auto 74px!important;
  border-radius:24px!important;
  background:
    linear-gradient(90deg,rgba(255,249,239,.99) 0%,rgba(255,248,236,.96) 43%,rgba(255,255,255,.04) 68%),
    url('/images/home/experience-bright.png') center/cover no-repeat!important;
  box-shadow:0 20px 50px rgba(8,35,63,.12)!important;
}
.experience-section::before{
  content:""!important;
  background:none!important;
  opacity:0!important;
}
.experience-section::after{
  content:"✦   〰   ✈"!important;
  position:absolute!important;
  top:22px!important;left:42%!important;
  color:#ff9417!important;
  font-size:20px!important;
  letter-spacing:8px!important;
  opacity:.72!important;
  transform:rotate(-5deg)!important;
}
.experience-section .page-shell{padding:34px 30px 30px!important}
.experience-section .section-heading{max-width:520px!important;margin-bottom:18px!important}
.experience-section .section-heading h2{font-size:clamp(2.35rem,3.65vw,3.25rem)!important;line-height:1.01!important}
.experience-section .section-heading p{max-width:420px!important;color:#637487!important}
.experience-grid{
  max-width:690px!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:2px!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.75)!important;
  background:rgba(255,255,255,.80)!important;
  border-radius:18px!important;
  box-shadow:0 12px 30px rgba(8,35,63,.08)!important;
  backdrop-filter:blur(9px)!important;
}
.experience-card{min-height:128px!important;padding:18px 16px!important;border-radius:14px!important}
.experience-card:hover{background:rgba(255,245,222,.88)!important;transform:translateY(-3px)!important}

/* CTA: compact, light-blue, happy traveler on right like the reference */
.cta-banner{
  min-height:245px!important;
  width:min(1120px,calc(100% - 48px))!important;
  margin:52px auto 0!important;
  border-radius:24px!important;
  background:url('/images/home/cta-bright.png') center/cover no-repeat!important;
  box-shadow:0 20px 50px rgba(8,35,63,.11)!important;
}
.cta-banner::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(221,243,255,.97) 0%,rgba(221,243,255,.86) 46%,rgba(221,243,255,.02) 68%);
  pointer-events:none;
}
.cta-banner::after{content:"〰  ✈  ✦"!important;right:36px!important;top:22px!important;color:#18b8ee!important}
.cta-content{min-height:245px!important;padding:36px 42px!important;grid-template-columns:1fr 1fr!important;gap:28px!important}
.cta-copy{max-width:390px!important}
.cta-copy h2{font-size:clamp(2.05rem,3.25vw,2.9rem)!important;line-height:1.03!important}
.cta-copy p{font-size:.86rem!important;color:#445e77!important}
.cta-benefits{align-self:center!important;justify-self:center!important;gap:12px!important;transform:translateX(-30px)!important}
.cta-benefits>div{min-width:120px!important;padding:14px 12px!important;border-radius:16px!important;background:rgba(255,255,255,.90)!important;box-shadow:0 10px 24px rgba(8,35,63,.08)!important}

/* CONTACT HERO: fun, bright, human and still premium */
.contact-hero{
  min-height:500px!important;
  background:#eefaff!important;
  border-radius:0 0 38px 38px!important;
}
.contact-hero-background{
  opacity:1!important;
  filter:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.90) 34%,rgba(255,255,255,.56) 54%,rgba(255,255,255,.05) 76%),
    url('/images/home/cta-bright.png') 78% center/cover no-repeat!important;
}
.contact-hero::before{
  content:""!important;
  left:-25px!important;top:76px!important;right:auto!important;
  width:130px!important;height:110px!important;
  background:#ff9a19!important;
  clip-path:polygon(0 46%,100% 0,38% 47%,100% 65%,0 78%)!important;
  opacity:.96!important;
}
.contact-hero::after{
  content:"✦  ✈  〰"!important;
  position:absolute!important;
  right:7%!important;bottom:28px!important;
  color:#16b9ee!important;font-size:24px!important;letter-spacing:12px!important;
  opacity:.78!important;transform:rotate(-5deg)!important;
}
.contact-hero-layout{
  min-height:500px!important;
  padding:56px 0!important;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr)!important;
  gap:42px!important;
}
.contact-hero-copy{align-self:center!important}
.contact-hero-copy h1{font-size:clamp(3.45rem,5.2vw,5.25rem)!important;line-height:.93!important;max-width:620px!important}
.contact-hero-support{
  max-width:420px!important;
  margin-left:0!important;
  justify-self:start!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 20px 50px rgba(8,35,63,.12)!important;
}
.contact-hero-support>p{color:#52687e!important;font-size:.88rem!important;max-width:340px!important}
.contact-hero-support strong{color:#0b3152!important}
.hero-support-icon{background:#fff3d4!important;color:#ff8d16!important}

/* Contact content gets more playful color without touching the approved footer */
.contact-main-section{padding-top:68px!important}
.contact-form-card{position:relative!important;overflow:hidden!important}
.contact-form-card::before{
  content:"";position:absolute;right:-45px;top:-50px;width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,#c9efff 0 45%,transparent 46%);opacity:.45;pointer-events:none;
}
.contact-sidebar .contact-information-card{background:linear-gradient(145deg,#ffffff,#f3fbff)!important}
.contact-sidebar .sidebar-card:last-child{background:linear-gradient(145deg,#fffdf7,#fff5da)!important}
.contact-benefits-section{border-top:1px solid #dff1f8!important;border-bottom:1px solid #f5e5ad!important}

@media(max-width:900px){
  .hero{min-height:690px!important;background-position:62% center!important}
  .hero-inner{min-height:690px!important}
  .experience-grid{grid-template-columns:repeat(2,1fr)!important;max-width:520px!important}
  .cta-benefits{transform:none!important;grid-template-columns:repeat(3,1fr)!important}
  .contact-hero-layout{grid-template-columns:1fr!important;gap:24px!important}
  .contact-hero-support{max-width:520px!important}
}
@media(max-width:620px){
  .hero{min-height:760px!important;background-position:68% center!important;border-radius:0 0 24px 24px!important}
  .hero-copy{max-width:86%!important}
  .hero-copy h1{font-size:3.05rem!important}
  .experience-section{width:calc(100% - 24px)!important;background-position:68% center!important}
  .experience-section .page-shell{padding:30px 18px!important}
  .experience-section .section-heading{max-width:78%!important}
  .experience-grid{grid-template-columns:1fr 1fr!important;max-width:100%!important}
  .experience-card{min-height:112px!important;padding:14px 12px!important}
  .cta-banner{width:calc(100% - 24px)!important;min-height:430px!important;background-position:70% bottom!important}
  .cta-banner::before{background:linear-gradient(180deg,rgba(221,243,255,.98) 0%,rgba(221,243,255,.88) 44%,rgba(221,243,255,.10) 70%)!important}
  .cta-content{grid-template-columns:1fr!important;align-items:start!important;padding:30px 22px!important}
  .cta-copy{max-width:82%!important}
  .cta-benefits{display:none!important}
  .contact-hero{min-height:650px!important}
  .contact-hero-background{background-position:68% bottom!important}
  .contact-hero-layout{padding:42px 0 180px!important}
  .contact-hero-copy h1{font-size:3.15rem!important}
  .contact-hero-support{padding:22px!important;background:rgba(255,255,255,.92)!important}
}


/* --- merged from ui-final-v5.css --- */
/* =========================================================
   Let Me Discover — final visual match pass (2026-08-13)
   Loaded LAST on Home / Contact / Tours / Experiences.
   ========================================================= */
:root{--v5-navy:#082d52;--v5-orange:#ff7900;--v5-yellow:#ffbd17;--v5-blue:#29b6ec;--v5-ink:#0b2e50;--v5-muted:#64768a}

/* Shared motion */
@keyframes v5Rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes v5Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes v5Pulse{0%,100%{box-shadow:0 12px 28px rgba(255,121,0,.22)}50%{box-shadow:0 16px 36px rgba(255,121,0,.34)}}
.home-page .activity-card,.contact-page .contact-form-card,.contact-page .contact-sidebar>section,.tours-search-page .activity-card,.experiences-page .experience-story-card{animation:v5Rise .65s ease both}
.home-page .activity-card:nth-child(2),.experiences-page .experience-story-card:nth-child(2){animation-delay:.08s}.home-page .activity-card:nth-child(3),.experiences-page .experience-story-card:nth-child(3){animation-delay:.16s}.home-page .activity-card:nth-child(4),.experiences-page .experience-story-card:nth-child(4){animation-delay:.24s}

/* =========================================================
   EXPERIENCE — make the dark statistics strip readable
   ========================================================= */
.experiences-page .experience-stats{
  background:linear-gradient(90deg,#0a3158,#0c4b77)!important;
  border:0!important;border-radius:20px!important;
  box-shadow:0 18px 42px rgba(8,45,82,.16)!important;
  padding:24px 20px!important;
}
.experiences-page .experience-stats article{border-left:1px solid rgba(255,255,255,.35)!important}
.experiences-page .experience-stats article:first-child{border-left:0!important}
.experiences-page .experience-stats strong,
.experiences-page .experience-stats span{color:#fff!important;text-shadow:none!important}
.experiences-page .experience-stats strong{font-weight:700!important;font-size:1.65rem!important}
.experiences-page .experience-stats span{opacity:.86!important}
.experiences-page .experience-stats i{color:#ffc928!important;font-size:1.18rem!important}

/* =========================================================
   CONTACT — match supplied reference using the real contact art
   ========================================================= */
.contact-page{background:#fff!important;color:var(--v5-ink)}
.contact-page .contact-hero{
  min-height:515px!important;
  padding:0!important;
  border-radius:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
.contact-page .contact-hero-background{
  display:block!important;position:absolute!important;inset:0!important;opacity:1!important;filter:none!important;
  background:url('/images/contact/contact.png') center right/cover no-repeat!important;
  animation:none!important;
}
.contact-page .contact-hero::before,.contact-page .contact-hero::after{display:none!important}
.contact-page .contact-hero-layout{
  min-height:515px!important;display:block!important;padding:54px 0 40px!important;position:relative!important;z-index:2!important
}
.contact-page .contact-hero-copy{max-width:520px!important;align-self:auto!important}
.contact-page .contact-eyebrow{display:block!important;color:#f47608!important;text-transform:uppercase!important;letter-spacing:2.3px!important;font-size:.69rem!important;font-weight:800!important;margin-bottom:16px!important}
.contact-page .contact-hero-copy h1{margin:0!important;max-width:500px!important;color:#082d52!important;font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(3.35rem,5.3vw,5.35rem)!important;line-height:.91!important;letter-spacing:-2px!important}
.contact-page .contact-hero-copy h1 em{color:#ff7900!important;font-style:italic!important}
.contact-page .contact-hero-support{
  margin-top:25px!important;padding:0!important;max-width:505px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important
}
.contact-page .contact-hero-support>p{margin:0 0 20px!important;max-width:500px!important;color:#586c82!important;font-size:.85rem!important;line-height:1.62!important}
.contact-page .hero-support-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.contact-page .hero-support-list article{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;min-height:62px!important;background:rgba(255,255,255,.86)!important;border:1px solid #dfeaf2!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(8,45,82,.05)!important;transition:transform .25s ease,box-shadow .25s ease!important}
.contact-page .hero-support-list article:hover{transform:translateY(-4px)!important;box-shadow:0 14px 30px rgba(8,45,82,.10)!important}
.contact-page .hero-support-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:50%!important;background:#eefaff!important;color:#1aaee7!important;display:grid!important;place-items:center!important}
.contact-page .hero-support-list article:nth-child(2) .hero-support-icon{background:#fff5d9!important;color:#f3a000!important}.contact-page .hero-support-list article:nth-child(3) .hero-support-icon{background:#fff0e7!important;color:#ff6e21!important}
.contact-page .hero-support-list strong{color:#0b3152!important;font-size:.75rem!important;line-height:1.25!important}
.contact-page .contact-main-section{padding:34px 0 30px!important;background:linear-gradient(180deg,#fff 0%,#f9fcff 100%)!important}
.contact-page .contact-main-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.82fr)!important;gap:24px!important;align-items:start!important}
.contact-page .contact-form-card,.contact-page .sidebar-card,.contact-page .agency-card{border-radius:20px!important;border:1px solid #dceaf3!important;box-shadow:0 16px 40px rgba(8,45,82,.07)!important}
.contact-page .contact-form-card{padding:28px!important;background:#fff!important}
.contact-page .card-heading h2,.contact-page .sidebar-card-heading h2{font-family:'Playfair Display',Georgia,serif!important;color:#082d52!important}
.contact-page .card-heading-icon,.contact-page .sidebar-card-heading>span{background:#e8f8ff!important;color:#1aaee7!important}
.contact-page .contact-form input,.contact-page .contact-form select,.contact-page .contact-form textarea{background:#fbfdff!important;border:1px solid #d9e7f0!important;border-radius:10px!important;min-height:46px!important;transition:border-color .2s,box-shadow .2s!important}
.contact-page .contact-form textarea{min-height:135px!important}
.contact-page .send-message-button{min-width:160px!important;border-radius:999px!important;background:linear-gradient(90deg,#ff7900,#ff9c18)!important;animation:v5Pulse 2.7s ease-in-out infinite!important}
.contact-page .contact-information-card{background:#fff!important}.contact-page .agency-card{background:linear-gradient(135deg,#082d52,#0b4776)!important;color:#fff!important}.contact-page .agency-card h2,.contact-page .agency-card p{color:#fff!important}
.contact-page .business-hours-card{background:linear-gradient(135deg,#fffdf5,#fff7da)!important}
.contact-page .contact-benefits-section{padding:30px 0 38px!important;background:linear-gradient(180deg,#f7fbff,#eaf7ff)!important}
.contact-page .contact-benefits-grid{background:transparent!important;box-shadow:none!important;border:0!important}
.contact-page .contact-benefits-grid article{background:transparent!important;border-radius:0!important;padding:12px 18px!important}

/* =========================================================
   HOME — use the actual mountain artwork and reference proportions
   ========================================================= */
.home-page{background:#fff!important}
.home-page .hero{
  min-height:610px!important;border-radius:0!important;overflow:visible!important;
  background:url('/images/home/homephoto.png') center right/cover no-repeat!important;
  position:relative!important
}
.home-page .hero::before,.home-page .hero::after{display:none!important}.home-page .hero-overlay{display:none!important}
.home-page .hero-inner{min-height:610px!important;padding-top:54px!important;position:relative!important}
.home-page .hero-copy{max-width:385px!important;animation:v5Rise .65s ease both!important}
.home-page .hero-copy h1{font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(3.5rem,5.6vw,5.25rem)!important;line-height:.94!important;color:#082d52!important;letter-spacing:-2px!important}
.home-page .hero-copy h1 em{color:#ff7900!important}.home-page .hero-copy p{color:#52687e!important;font-size:.84rem!important;line-height:1.55!important}
.home-page .search-panel{position:absolute!important;left:0!important;right:0!important;bottom:92px!important;width:100%!important;max-width:none!important;grid-template-columns:1.18fr .9fr .9fr 1fr auto!important;border:1px solid #e2ebf2!important;border-radius:16px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 16px 38px rgba(8,45,82,.12)!important;padding:7px!important}
.home-page .search-control{min-height:64px!important;padding:8px 14px!important}.home-page .search-button{min-height:54px!important;border-radius:12px!important;background:linear-gradient(90deg,#ff7900,#ff9819)!important;animation:v5Pulse 2.8s ease-in-out infinite!important}
.home-page .trust-strip{position:absolute!important;left:0!important;right:0!important;bottom:18px!important;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;border:1px solid #edf1f4!important;border-radius:15px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 30px rgba(8,45,82,.07)!important;padding:9px 12px!important}
.home-page .trust-strip article{padding:6px 11px!important;gap:8px!important}.home-page .trust-strip strong{font-size:.7rem!important}.home-page .trust-strip small{font-size:.53rem!important}
.home-page .trending-section{padding:44px 0 30px!important}.home-page .section-heading h2{font-family:'Playfair Display',Georgia,serif!important;color:#082d52!important}.home-page .eyebrow{color:#ff7900!important;letter-spacing:1.4px!important;font-weight:800!important}
.home-page .activity-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}.home-page .activity-card{border-radius:14px!important;overflow:hidden!important;background:#fff!important;border:1px solid #e8eef3!important;box-shadow:0 10px 28px rgba(8,45,82,.07)!important;transition:transform .28s ease,box-shadow .28s ease!important}.home-page .activity-card:hover{transform:translateY(-7px)!important;box-shadow:0 18px 38px rgba(8,45,82,.13)!important}.home-page .activity-image{height:205px!important}.home-page .activity-copy{padding:14px!important}.home-page .activity-copy h3{font-size:1rem!important}.home-page .activity-copy p,.home-page .activity-copy strong{font-size:.68rem!important}
.home-page .experience-section{width:min(1180px,calc(100% - 48px))!important;min-height:270px!important;margin:34px auto 50px!important;border-radius:24px!important;background:linear-gradient(90deg,#e9f9ff 0%,#f8fcff 68%,#fff7e7 100%)!important;box-shadow:none!important;overflow:hidden!important}.home-page .experience-section::before{display:block!important;content:""!important;position:absolute!important;inset:auto -15px -40px auto!important;width:210px!important;height:210px!important;border-radius:50%!important;background:rgba(255,188,28,.16)!important}.home-page .experience-section::after{content:"✈  〰"!important;display:block!important;position:absolute!important;right:80px!important;top:28px!important;color:#f3a000!important;letter-spacing:10px!important;animation:v5Float 5s ease-in-out infinite!important}
.home-page .experience-grid{max-width:none!important;grid-template-columns:repeat(4,1fr)!important;background:transparent!important;border:0!important;box-shadow:none!important;gap:18px!important;padding:0!important}.home-page .experience-card{background:#fff!important;border:1px solid #e3edf4!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(8,45,82,.05)!important}
.home-page .destination-grid{gap:16px!important}.home-page .destination-card{border-radius:14px!important;transition:transform .28s ease,box-shadow .28s ease!important}.home-page .destination-card:hover{transform:translateY(-6px)!important;box-shadow:0 18px 34px rgba(8,45,82,.14)!important}
.home-page .cta-banner{background:linear-gradient(90deg,#082d52,#0a4775)!important;min-height:230px!important;border-radius:22px!important;overflow:hidden!important}.home-page .cta-banner::before{background:none!important}.home-page .cta-copy h2,.home-page .cta-copy p{color:#fff!important}.home-page .cta-copy .eyebrow{color:#ffb316!important}

/* =========================================================
   TOURS — match supplied search/results reference, 3 cards per row
   ========================================================= */
.tours-search-page{background:linear-gradient(120deg,#fff9ea 0%,#f4fbff 48%,#fff 100%)!important}
.tours-search-page .content-section{padding-top:24px!important;background:transparent!important}
.tours-search-page .page-shell{width:min(1320px,calc(100% - 48px))!important}
.tours-search-page .search-panel--bar{grid-template-columns:1.15fr 1fr 1fr 1.05fr 150px!important;gap:0!important;background:#fff!important;border:1px solid #e5eef4!important;border-radius:18px!important;padding:8px!important;box-shadow:0 14px 35px rgba(8,45,82,.08)!important}
.tours-search-page .search-panel--bar .search-control{min-height:65px!important;padding:8px 18px!important;border-right:1px solid #e5ebf0!important}.tours-search-page .search-panel--bar .search-button{margin-left:8px!important;min-height:54px!important;border-radius:12px!important;background:linear-gradient(90deg,#ff7900,#ff9519)!important}
.tours-search-page .tours-layout{grid-template-columns:265px minmax(0,1fr)!important;gap:34px!important;margin-top:34px!important}.tours-search-page .tours-filter-sidebar{align-self:start!important;background:#fff!important;border-radius:20px!important;padding:24px!important;box-shadow:0 14px 34px rgba(8,45,82,.07)!important;position:sticky!important;top:100px!important}.tours-search-page .filter-card{background:transparent!important;border:0!important;box-shadow:none!important}.tours-search-page .filter-heading h2{color:#082d52!important;font-family:'Playfair Display',Georgia,serif!important;font-style:italic!important}.tours-search-page .filter-heading button{color:#1aaee7!important}.tours-search-page .filter-group{border-top:1px solid #edf1f4!important;padding:24px 0!important}.tours-search-page .filter-group:first-of-type{border-top:0!important}.tours-search-page input[type=range]{accent-color:#ff7900!important}
.tours-search-page .results-topbar{align-items:flex-end!important;margin-bottom:18px!important}.tours-search-page .tours-heading{margin-top:0!important}.tours-search-page .tours-heading h2{font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(2.8rem,4vw,4rem)!important;color:#082d52!important;line-height:.95!important}.tours-search-page .tours-heading h2::first-letter{color:#082d52!important}.tours-search-page .sort-control select{border-radius:10px!important;border:1px solid #e0e9ef!important;background:#fff!important;padding:12px 35px 12px 14px!important}
.tours-search-page .tours-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.tours-search-page .tours-activity-grid .activity-card{min-width:0!important;border-radius:15px!important;background:#fff!important;border:1px solid #e6edf2!important;box-shadow:0 12px 30px rgba(8,45,82,.08)!important;overflow:hidden!important;transition:transform .28s ease,box-shadow .28s ease!important}.tours-search-page .tours-activity-grid .activity-card:hover{transform:translateY(-7px)!important;box-shadow:0 19px 42px rgba(8,45,82,.14)!important}.tours-search-page .tours-activity-grid .activity-image{height:190px!important}.tours-search-page .tours-activity-grid .activity-copy{padding:14px!important}.tours-search-page .tours-activity-grid .activity-copy h3{font-family:'Playfair Display',Georgia,serif!important;font-size:1rem!important;color:#082d52!important}.tours-search-page .tours-activity-grid .activity-copy p{font-size:.66rem!important}.tours-search-page .tours-activity-grid .activity-copy>strong{font-size:.75rem!important;color:#ff7900!important}.tours-search-page .tours-activity-grid .activity-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.tours-search-page .tours-activity-grid .activity-tags span{font-size:.57rem!important;border-radius:999px!important}.tours-search-page .tours-activity-grid .lmd-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:11px!important}.tours-search-page .lmd-fav-btn,.tours-search-page .lmd-cart-btn{min-height:36px!important;border-radius:8px!important;font-size:.61rem!important}.tours-search-page .tour-card-book-btn{min-height:38px!important;border-radius:8px!important;background:linear-gradient(90deg,#ff7900,#ff9818)!important}

@media(max-width:1100px){.home-page .activity-grid,.tours-search-page .tours-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-page .trust-strip{grid-template-columns:repeat(3,1fr)!important}.contact-page .contact-hero-background{background-position:58% center!important}.contact-page .contact-main-layout{grid-template-columns:1fr!important}}
@media(max-width:820px){.home-page .hero{background-position:62% center!important;min-height:760px!important}.home-page .hero-copy{max-width:68%!important}.home-page .search-panel{position:relative!important;bottom:auto!important;margin-top:220px!important;grid-template-columns:1fr 1fr!important}.home-page .trust-strip{position:relative!important;bottom:auto!important;margin-top:14px!important}.tours-search-page .search-panel--bar{grid-template-columns:1fr 1fr!important}.tours-search-page .search-panel--bar .search-button{grid-column:1/-1!important}.tours-search-page .tours-layout{grid-template-columns:1fr!important}.tours-search-page .tours-filter-sidebar{position:relative!important;top:auto!important}.contact-page .contact-hero-background{background-position:66% center!important;opacity:.35!important}.contact-page .contact-hero-copy{max-width:560px!important}.contact-page .hero-support-list{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:620px){.home-page .activity-grid,.tours-search-page .tours-activity-grid,.home-page .experience-grid{grid-template-columns:1fr!important}.home-page .hero-copy{max-width:92%!important}.home-page .hero-copy h1{font-size:3rem!important}.home-page .search-panel{grid-template-columns:1fr!important;margin-top:250px!important}.home-page .trust-strip{grid-template-columns:1fr 1fr!important}.contact-page .contact-hero{min-height:650px!important}.contact-page .contact-hero-background{background-position:72% bottom!important;opacity:.22!important}.contact-page .contact-hero-copy h1{font-size:3.15rem!important}.contact-page .hero-support-list{grid-template-columns:1fr!important;max-width:260px!important}.tours-search-page .search-panel--bar{grid-template-columns:1fr!important}.tours-search-page .search-panel--bar .search-control{border-right:0!important;border-bottom:1px solid #e5ebf0!important}}


/* --- merged from ui-fix-v6.css --- */
/* Let Me Discover UI Fix V6 — Contact navbar + Tours reference match */

/* CONTACT: force the same centered navbar geometry used by the other public pages */
.contact-page > .site-header{
  height:84px!important;
  min-height:84px!important;
  padding:0!important;
  display:block!important;
  background:#fff!important;
  border-bottom:1px solid rgba(8,35,63,.06)!important;
  box-shadow:0 4px 24px rgba(8,35,63,.035)!important;
}
.contact-page > .site-header > .header-shell{
  width:min(1320px,calc(100% - 64px))!important;
  height:84px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:28px!important;
}
.contact-page > .site-header .brand{display:flex!important;align-items:center!important;width:max-content!important;margin:0!important}
.contact-page > .site-header .brand img{width:126px!important;max-width:126px!important;height:auto!important;display:block!important}
.contact-page > .site-header .desktop-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:34px!important;margin:0!important}
.contact-page > .site-header .desktop-nav a{font-size:.72rem!important;font-weight:800!important;letter-spacing:.035em!important;color:#082d52!important;text-transform:uppercase!important}
.contact-page > .site-header .header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;margin:0!important;position:relative!important}
.contact-page > .site-header .lmd-header-tools{display:flex!important;align-items:center!important;gap:14px!important}
.contact-page > .site-header .bookings-button{min-height:44px!important;padding:0 22px!important;border-radius:999px!important;white-space:nowrap!important}

/* TOURS: recreate the screenshot's airy blue/cream search results layout */
.tours-search-page{
  background:linear-gradient(115deg,#fff8e8 0%,#eef9ff 40%,#f8fcff 78%,#fff 100%)!important;
}
.tours-search-page .tours-results-page{background:transparent!important;padding-bottom:0!important;min-height:690px!important}
.tours-search-page .page-shell{width:min(1380px,calc(100% - 56px))!important;margin-inline:auto!important}
.tours-search-page .search-panel--bar{
  max-width:1110px!important;
  margin:24px auto 0!important;
  grid-template-columns:1.05fr .95fr .95fr 1fr 145px!important;
  border-radius:18px!important;
  padding:8px 10px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 15px 38px rgba(8,45,82,.09)!important;
}
.tours-search-page .search-panel--bar .search-control{min-height:64px!important;padding:8px 18px!important}
.tours-search-page .search-panel--bar .control-label{font-size:.59rem!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#6b7890!important;font-weight:700!important}
.tours-search-page .search-panel--bar input,.tours-search-page .search-panel--bar select{font-size:.77rem!important;color:#233c5b!important}
.tours-search-page .search-panel--bar .control-icon{color:#ff7a00!important;font-size:1.1rem!important}
.tours-search-page .search-panel--bar .search-button{height:54px!important;align-self:center!important;border-radius:11px!important;font-size:.78rem!important;font-weight:800!important}

.tours-search-page .tours-layout{
  grid-template-columns:275px minmax(0,1fr)!important;
  gap:40px!important;
  margin-top:36px!important;
  align-items:start!important;
}
.tours-search-page .tours-filter-sidebar{
  width:275px!important;
  min-height:505px!important;
  padding:24px 24px 0!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 14px 34px rgba(8,45,82,.07)!important;
  overflow:hidden!important;
  position:relative!important;
  top:auto!important;
}
.tours-search-page .tours-filter-sidebar::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:140px;
  background:linear-gradient(165deg,transparent 20%,rgba(119,205,246,.22) 21%,rgba(119,205,246,.08) 78%),radial-gradient(circle at 72% 75%,rgba(255,181,15,.22) 0 4px,transparent 5px);
  pointer-events:none;
}
.tours-search-page .filter-heading h2{font-family:'Playfair Display',Georgia,serif!important;font-style:italic!important;font-size:1.3rem!important;letter-spacing:0!important;text-transform:uppercase!important}
.tours-search-page .filter-heading button{font-size:.7rem!important;color:#19a8e5!important;font-weight:700!important}
.tours-search-page .filter-group h3{font-size:.75rem!important;color:#082d52!important;text-transform:uppercase!important;letter-spacing:.025em!important}
.tours-search-page .filter-check{font-size:.76rem!important;color:#586b82!important;gap:10px!important}

.tours-search-page .results-topbar{margin-bottom:20px!important;align-items:center!important}
.tours-search-page .section-heading.tours-heading{margin-top:0!important}
.tours-search-page .tours-heading .eyebrow{display:block!important;color:#ff7900!important;font-size:.68rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin-bottom:10px!important}
.tours-search-page .tours-heading h2{font-size:3.55rem!important;line-height:.96!important;font-family:'Playfair Display',Georgia,serif!important;color:#082d52!important;margin:0!important}
.tours-search-page .tours-heading h2::after{content:""}
.tours-search-page .tours-heading p{font-size:.86rem!important;color:#6d7d90!important;margin-top:10px!important}
.tours-search-page .sort-control{margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important;color:#7b8796!important;font-size:.68rem!important}
.tours-search-page .sort-control select{min-width:185px!important;height:42px!important;border-radius:9px!important;font-weight:700!important;color:#263e5b!important;box-shadow:0 7px 18px rgba(8,45,82,.05)!important}

/* Three compact columns when data exists; a single result stays compact like the reference */
.tours-search-page .tours-activity-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
.tours-search-page .tours-activity-grid .activity-card{
  width:100%!important;
  max-width:none!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e5edf3!important;
  box-shadow:0 12px 30px rgba(8,45,82,.08)!important;
  animation:v6CardIn .55s ease both!important;
}
.tours-search-page .tours-activity-grid .activity-image{height:176px!important;border-radius:0!important;background-size:cover!important;background-position:center!important}
.tours-search-page .tours-activity-grid .activity-copy{padding:12px 13px 13px!important}
.tours-search-page .tours-activity-grid .activity-copy h3{font-size:.98rem!important;line-height:1.15!important;margin-bottom:7px!important}
.tours-search-page .tours-activity-grid .activity-copy p{font-size:.64rem!important;margin:0 0 8px!important}
.tours-search-page .tours-activity-grid .activity-copy>strong{display:block!important;font-size:.76rem!important;margin-bottom:9px!important}
.tours-search-page .tours-activity-grid .activity-tags span{font-size:.56rem!important;padding:5px 8px!important}
.tours-search-page .tours-activity-grid .lmd-card-actions{grid-template-columns:1fr 1fr!important;margin-top:9px!important}
.tours-search-page .tour-card-book-btn{margin-top:8px!important;min-height:36px!important;font-size:.66rem!important}
.tours-search-page .tours-activity-grid .activity-card:hover{transform:translateY(-6px) scale(1.01)!important}

@keyframes v6CardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1180px){
 .contact-page > .site-header > .header-shell{width:min(100% - 32px,1100px)!important;grid-template-columns:155px minmax(0,1fr) auto!important;gap:18px!important}
 .contact-page > .site-header .desktop-nav{gap:20px!important}
 .tours-search-page .tours-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:820px){
 .contact-page > .site-header{height:auto!important;min-height:76px!important}
 .contact-page > .site-header > .header-shell{height:76px!important;grid-template-columns:130px 1fr!important}
 .contact-page > .site-header .desktop-nav{display:none!important}
 .contact-page > .site-header .header-actions{grid-column:2!important}
 .tours-search-page .tours-layout{grid-template-columns:1fr!important}
 .tours-search-page .tours-filter-sidebar{width:100%!important;min-height:auto!important}
}
@media(max-width:620px){.tours-search-page .tours-activity-grid{grid-template-columns:1fr!important}.tours-search-page .page-shell{width:calc(100% - 28px)!important}}


/* --- merged from ui-v7-reference-match.css --- */
/* Let Me Discover V7 — direct reference-match overrides for Home + Tours */
:root{--v7navy:#082f56;--v7orange:#ff7900;--v7sky:#2bb9ee;--v7yellow:#ffbd1a;--v7ink:#183b5c;--v7muted:#667c91}

/* ---------- shared ---------- */
.home-page,.tours-search-page{background:#fff!important}
.home-page .page-shell,.tours-search-page .page-shell{width:min(1280px,calc(100% - 64px))!important;margin-inline:auto!important}
.home-page .site-header,.tours-search-page .site-header{background:#fff!important;box-shadow:none!important;border-bottom:1px solid #edf2f5!important}
.home-page .header-shell,.tours-search-page .header-shell{width:min(1280px,calc(100% - 64px))!important;min-height:94px!important}
.home-page .brand img,.tours-search-page .brand img{width:132px!important;height:auto!important}
.home-page .desktop-nav,.tours-search-page .desktop-nav{gap:38px!important}
.home-page .desktop-nav a,.tours-search-page .desktop-nav a{font-size:.72rem!important;font-weight:800!important;letter-spacing:.025em!important;color:#082f56!important}
.home-page .account-button,.tours-search-page .account-button{background:linear-gradient(135deg,#ff7300,#ffa41c)!important;box-shadow:0 9px 22px rgba(255,121,0,.22)!important}

/* ---------- HOME HERO: photo + search + trust are stacked like the supplied design ---------- */
.home-page .hero{position:relative!important;min-height:650px!important;margin:0!important;padding:0!important;background:#fff url('/images/home/homephoto.png') center top/1280px auto no-repeat!important;overflow:visible!important;border-radius:0!important}
.home-page .hero::before,.home-page .hero::after,.home-page .hero-overlay{display:none!important}
.home-page .hero-inner{position:relative!important;min-height:650px!important;padding:70px 0 0!important}
.home-page .hero-copy{position:relative!important;width:390px!important;max-width:390px!important;margin:0!important;z-index:2!important}
.home-page .hero-copy h1{font-size:clamp(3.8rem,5.5vw,5.55rem)!important;line-height:.88!important;letter-spacing:-.055em!important;color:var(--v7navy)!important;text-shadow:none!important;margin:0!important}
.home-page .hero-copy h1 em{color:var(--v7orange)!important;font-weight:600!important}
.home-page .hero-copy p{margin-top:24px!important;max-width:350px!important;color:#465f78!important;font-size:.86rem!important;line-height:1.6!important}
.home-page .hero-copy::after{content:'➤'!important;position:absolute!important;right:-65px!important;top:95px!important;margin:0!important;color:#ff9b0d!important;font-size:42px!important;transform:rotate(-22deg)!important;animation:v7float 3.8s ease-in-out infinite!important}

.home-page .hero .search-panel{position:absolute!important;left:50%!important;bottom:108px!important;transform:translateX(-50%)!important;width:min(1120px,calc(100% - 24px))!important;max-width:none!important;height:84px!important;margin:0!important;padding:7px 8px!important;display:grid!important;grid-template-columns:1.05fr .95fr .95fr 1fr 155px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 42px rgba(8,47,86,.13)!important;z-index:5!important}
.home-page .hero .search-control{min-height:70px!important;padding:9px 18px!important;border-right:1px solid #edf1f4!important;border-radius:0!important}
.home-page .hero .search-control:last-of-type{border-right:0!important}
.home-page .hero .control-icon{font-size:1.1rem!important;color:var(--v7orange)!important}
.home-page .hero .control-label{font-size:.57rem!important;font-weight:800!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:#718196!important}
.home-page .hero .search-control input,.home-page .hero .search-control select{font-size:.72rem!important;color:#294863!important}
.home-page .hero .search-button{height:62px!important;align-self:center!important;border-radius:11px!important;background:linear-gradient(135deg,#ff7300,#ff9918)!important;font-size:.74rem!important;font-weight:800!important;box-shadow:0 9px 22px rgba(255,121,0,.21)!important}
.home-page .hero .trust-strip{position:absolute!important;left:50%!important;bottom:23px!important;transform:translateX(-50%)!important;width:min(1120px,calc(100% - 24px))!important;max-width:none!important;height:70px!important;margin:0!important;padding:8px 18px!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 14px 35px rgba(8,47,86,.09)!important;z-index:4!important}
.home-page .hero .trust-strip article{min-width:0!important;padding:0 12px!important;border-right:1px solid #edf1f4!important;gap:10px!important}
.home-page .hero .trust-strip article:last-child{border-right:0!important}
.home-page .hero .trust-icon{font-size:1.05rem!important;color:var(--v7orange)!important}
.home-page .hero .trust-strip strong{font-size:.69rem!important;color:var(--v7navy)!important;white-space:nowrap!important}
.home-page .hero .trust-strip small{font-size:.52rem!important;line-height:1.25!important;color:#738397!important}

/* HOME sections: reset malformed-old spacing and reproduce reference proportions */
.home-page .content-section{padding:54px 0!important;background:#fff!important}
.home-page .trending-section{padding:56px 0 36px!important}
.home-page .section-heading{margin-bottom:28px!important;align-items:flex-end!important}
.home-page .section-heading h2,.home-page .reviews-heading h2{font-size:2.7rem!important;line-height:1!important;color:var(--v7navy)!important}
.home-page .section-heading p{font-size:.74rem!important;color:#718196!important}
.home-page .eyebrow{font-size:.61rem!important;color:var(--v7orange)!important;letter-spacing:.1em!important}
.home-page .outline-button{padding:10px 18px!important;font-size:.6rem!important;border-color:#e4edf3!important;background:#fff!important;box-shadow:0 8px 22px rgba(8,47,86,.06)!important}

.home-page .activity-grid{width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}
.home-page .activity-card{border-radius:14px!important;border:1px solid #e7eef3!important;box-shadow:0 11px 28px rgba(8,47,86,.08)!important;animation:v7rise .6s ease both!important}
.home-page .activity-image{height:210px!important;min-height:210px!important}
.home-page .activity-copy{padding:14px 14px 16px!important}
.home-page .activity-copy h3{font-size:1rem!important;line-height:1.18!important}
.home-page .activity-copy p{font-size:.62rem!important;margin-top:7px!important}
.home-page .activity-copy>strong{font-size:.67rem!important;color:var(--v7navy)!important}
.home-page .activity-tags span{font-size:.52rem!important;padding:5px 7px!important}

/* Experience ribbon exactly below Trending, not nested/overlapping */
.home-page .experience-section{width:min(1120px,calc(100% - 64px))!important;min-height:300px!important;margin:18px auto 68px!important;padding:0!important;border-radius:24px!important;background:url("/images/home/up.png") center 46% / cover no-repeat;box-shadow:none!important;overflow:hidden!important}
.home-page .experience-section::before{content:'✦   〰   ✈'!important;display:block!important;position:absolute!important;right:80px!important;top:28px!important;color:#f8a315!important;font-size:24px!important;letter-spacing:12px!important;opacity:.8!important;background:none!important;animation:v7float 4s ease-in-out infinite!important}
.home-page .experience-section::after{content:''!important;position:absolute!important;right:-36px!important;bottom:-56px!important;width:190px!important;height:190px!important;border-radius:50%!important;background:radial-gradient(circle,#ffd06f 0 38%,transparent 39%)!important;opacity:.45!important}
.home-page .experience-section .page-shell{width:100%!important;min-height:300px!important;padding:48px 30px!important;display:grid!important;grid-template-columns:350px 1fr!important;gap:34px!important;align-items:center!important}
.home-page .experience-section .section-heading{margin:0!important;display:block!important}
.home-page .experience-section .section-heading h2{font-size:2.55rem!important;max-width:330px!important;color:var(--v7navy)!important}
.home-page .experience-section .section-heading p{max-width:300px!important}
.home-page .experience-grid{max-width:none!important;padding:0!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;background:transparent!important}
.home-page .experience-card{min-height:185px!important;padding:22px 18px!important;border:1px solid #e5edf2!important;border-radius:16px!important;background:rgba(255,255,255,.93)!important;box-shadow:0 9px 24px rgba(8,47,86,.06)!important;color:var(--v7navy)!important}
.home-page .experience-card h3{font-size:.92rem!important;margin-top:15px!important;color:var(--v7navy)!important}
.home-page .experience-card p{font-size:.61rem!important;color:#7a8998!important}
.home-page .experience-link{display:none!important}
.home-page .experience-icon{color:#27b7e9!important;font-size:1.5rem!important}

/* Popular destinations: same compact 4 + 2 visual hierarchy as available data */
.home-page .destination-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.home-page .destination-card{min-height:210px!important;border-radius:15px!important;box-shadow:0 10px 25px rgba(8,47,86,.09)!important}
.home-page .destination-card--wide{grid-column:span 2!important;min-height:190px!important}
.home-page .destination-content h3{font-size:.82rem!important;margin-bottom:5px!important}
.home-page .destination-content p{font-size:.55rem!important;line-height:1.3!important}

/* Navy CTA like the reference */
.home-page .cta-banner{width:min(1120px,calc(100% - 64px))!important;min-height:270px!important;margin:58px auto 62px!important;padding:0!important;border-radius:24px!important;background:url("/images/home/down.png") center 46% / cover no-repeat;box-shadow:0 18px 42px rgba(8,47,86,.15)!important;color:#fff!important}
.home-page .cta-banner::before{content:'〰 ✈  · · ·'!important;position:absolute!important;left:42%;top:30px!important;color:#13b9ed!important;font-size:28px!important;letter-spacing:12px!important;opacity:.65!important}
.home-page .cta-banner::after{content:'◉'!important;right:32px!important;top:42px!important;color:#f3a11a!important;font-size:64px!important;opacity:.5!important}
.home-page .cta-content{min-height:270px!important;padding:42px 48px!important;display:grid!important;grid-template-columns:1fr 1.15fr!important;align-items:center!important;gap:38px!important}
.home-page .cta-copy h2{font-size:2.65rem!important;line-height:1.02!important;color:#fff!important}
.home-page .cta-copy p{max-width:360px!important;color:#c7d8e7!important;font-size:.7rem!important}
.home-page .cta-benefits{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
.home-page .cta-benefits>div{min-height:130px!important;background:#fff!important;border:0!important;border-radius:16px!important;color:var(--v7navy)!important}
.home-page .cta-benefits strong,.home-page .cta-benefits small{color:var(--v7navy)!important}

.home-page .reviews-heading,.home-page .review-grid{width:min(1120px,calc(100% - 64px))!important;margin-inline:auto!important}
.home-page .reviews-heading{margin-bottom:26px!important}
.home-page .review-grid{grid-template-columns:repeat(4,1fr)!important;gap:18px!important;margin-bottom:68px!important}
.home-page .review-card,.home-page .trustpilot-card{min-height:180px!important;border-radius:14px!important;border:1px solid #e7eef3!important;box-shadow:0 10px 26px rgba(8,47,86,.06)!important}

/* ---------- TOURS reference: airy blue/orange decoration, larger visual card, proper sidebar ---------- */
.tours-search-page .tours-results-page{position:relative!important;min-height:720px!important;padding:28px 0 0!important;background:linear-gradient(112deg,#fff9ea 0%,#eef9ff 37%,#f7fcff 77%,#fff 100%)!important;overflow:hidden!important}
.tours-search-page .tours-results-page::before{content:''!important;position:absolute!important;left:-38px!important;top:0!important;width:190px!important;height:130px!important;background:#ffc94a!important;clip-path:polygon(0 0,100% 0,0 100%)!important;opacity:.45!important}
.tours-search-page .tours-results-page::after{content:'✈  · · ·  ✦'!important;position:absolute!important;right:55px!important;top:165px!important;color:#f5a400!important;font-size:32px!important;letter-spacing:10px!important;transform:rotate(-12deg)!important;opacity:.9!important;animation:v7float 4s ease-in-out infinite!important}
.tours-search-page .search-panel--bar{width:min(1120px,100%)!important;max-width:none!important;height:86px!important;margin:0 auto!important;padding:8px 10px!important;grid-template-columns:1.05fr .95fr .95fr 1fr 150px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 17px 38px rgba(8,47,86,.10)!important}
.tours-search-page .search-panel--bar .search-control{min-height:68px!important;padding:9px 20px!important;border-right:1px solid #edf1f4!important}
.tours-search-page .search-panel--bar .search-control:last-of-type{border-right:0!important}
.tours-search-page .search-panel--bar .search-button{height:60px!important;border-radius:11px!important;background:linear-gradient(135deg,#ff7200,#ff9312)!important;box-shadow:0 9px 20px rgba(255,121,0,.20)!important}

.tours-search-page .tours-layout{grid-template-columns:285px minmax(0,1fr)!important;gap:42px!important;margin-top:38px!important}
.tours-search-page .tours-filter-sidebar{position:relative!important;width:285px!important;min-height:530px!important;padding:25px 25px 0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 13px 32px rgba(8,47,86,.07)!important;overflow:hidden!important}
.tours-search-page .tours-filter-sidebar::before{content:'〰〰'!important;position:absolute!important;top:27px!important;left:108px!important;color:#ffc31c!important;font-size:22px!important;letter-spacing:-5px!important}
.tours-search-page .tours-filter-sidebar::after{content:'❧  · · ·'!important;position:absolute!important;left:45px!important;right:auto!important;bottom:24px!important;height:auto!important;background:none!important;color:#76ccef!important;font-size:70px!important;line-height:1!important;letter-spacing:8px!important;opacity:.45!important;transform:rotate(-10deg)!important}
.tours-search-page .filter-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.tours-search-page .filter-heading{margin-bottom:26px!important}
.tours-search-page .filter-heading h2{font-size:1.45rem!important;color:var(--v7navy)!important}
.tours-search-page .filter-heading button{font-size:.72rem!important;color:#1faee7!important}
.tours-search-page .filter-group{padding:18px 0 24px!important;border-bottom:1px solid #edf1f4!important;position:relative!important;z-index:2!important}
.tours-search-page .filter-group h3{font-size:.74rem!important;margin-bottom:18px!important}
.tours-search-page .filter-group input[type=range]{height:5px!important;accent-color:var(--v7orange)!important}
.tours-search-page .price-values{font-size:.65rem!important;margin-top:10px!important}
.tours-search-page .filter-check{min-height:39px!important;font-size:.73rem!important;gap:9px!important;color:#526a82!important}
.tours-search-page .filter-check input{width:15px!important;height:15px!important}
.tours-search-page .tour-filter-icon{width:20px!important;text-align:center!important;color:#ff9800!important;font-size:.83rem!important}

.tours-search-page .results-topbar{margin:0 0 22px!important;align-items:center!important;min-height:115px!important}
.tours-search-page .section-heading.tours-heading{margin:0!important}
.tours-search-page .tours-heading .eyebrow{position:relative!important;margin-bottom:10px!important;color:var(--v7orange)!important}
.tours-search-page .tours-heading .eyebrow::after{content:'〰'!important;position:absolute!important;left:0!important;bottom:-11px!important;color:#ffc11d!important;font-size:28px!important}
.tours-search-page .tours-heading h2{font-size:3.8rem!important;line-height:.94!important;color:var(--v7navy)!important;white-space:nowrap!important}
.tours-search-page .tours-heading h2 span:last-child{color:var(--v7orange)!important;font-style:italic!important;font-weight:600!important}
.tours-search-page .tours-heading h2::after{content:'✦'!important;display:inline-block!important;color:#43bce9!important;font-family:Arial,sans-serif!important;font-size:1.8rem!important;margin-left:14px!important;vertical-align:top!important;transform:rotate(18deg)!important}
.tours-search-page .tours-heading p{font-size:.82rem!important;color:#687d92!important;margin-top:12px!important}
.tours-search-page .sort-control{margin:0 0 5px auto!important;font-size:.66rem!important}
.tours-search-page .sort-control select{min-width:170px!important;height:42px!important;border:1px solid #dfe9ef!important;border-radius:9px!important;background:#fff!important;box-shadow:0 7px 18px rgba(8,47,86,.05)!important}

/* Card dimensions follow the supplied reference; grid can hold three when there are three tours */
.tours-search-page .tours-activity-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:start!important}
.tours-search-page .tours-activity-grid .activity-card{max-width:none!important;width:100%!important;border:1px solid #e5edf2!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 28px rgba(8,47,86,.08)!important;overflow:hidden!important}
.tours-search-page .tours-activity-grid .activity-image{height:190px!important;min-height:190px!important;position:relative!important}
.tours-search-page .tours-activity-grid .activity-image::after{content:'♡'!important;position:absolute!important;right:13px!important;top:10px!important;color:#fff!important;font-size:29px!important;line-height:1!important;text-shadow:0 2px 8px rgba(0,0,0,.25)!important}
.tours-search-page .tours-activity-grid .activity-copy{padding:13px 14px 14px!important}
.tours-search-page .tours-activity-grid .activity-copy h3{font-size:1rem!important;min-height:auto!important;margin:0 0 7px!important;color:var(--v7navy)!important}
.tours-search-page .tours-activity-grid .activity-copy p{font-size:.62rem!important;color:#6c7d8f!important;margin:0 0 8px!important}
.tours-search-page .tours-activity-grid .activity-copy>strong{font-size:.73rem!important;color:var(--v7orange)!important;margin-bottom:10px!important}
.tours-search-page .tours-activity-grid .activity-tags{gap:6px!important}
.tours-search-page .tours-activity-grid .activity-tags span{font-size:.52rem!important;padding:5px 8px!important;border-radius:999px!important}
.tours-search-page .lmd-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:11px!important}
.tours-search-page .lmd-fav-btn,.tours-search-page .lmd-cart-btn{min-height:38px!important;border-radius:9px!important;font-size:.59rem!important}
.tours-search-page .lmd-fav-btn{border-color:#ff765f!important;color:#ef513c!important;background:#fff!important}
.tours-search-page .lmd-cart-btn{border-color:#78d49f!important;color:#2c9660!important;background:#f6fff9!important}
.tours-search-page .tour-card-book-btn{min-height:39px!important;margin-top:9px!important;border-radius:9px!important;background:linear-gradient(135deg,#ff7500,#ff9a13)!important;font-size:.64rem!important;box-shadow:none!important}
.tours-search-page .activity-card:hover{transform:translateY(-6px)!important;box-shadow:0 20px 40px rgba(8,47,86,.13)!important}

@keyframes v7rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes v7float{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-9px) rotate(-7deg)}}

@media(max-width:1100px){
 .home-page .hero{background-size:1100px auto!important;background-position:center top!important}
 .home-page .hero .search-panel{grid-template-columns:repeat(2,1fr)!important;height:auto!important;bottom:115px!important}
 .home-page .hero .trust-strip{grid-template-columns:repeat(3,1fr)!important;height:auto!important;bottom:10px!important}
 .home-page .experience-section .page-shell{grid-template-columns:1fr!important}
 .home-page .activity-grid,.home-page .review-grid{grid-template-columns:repeat(2,1fr)!important}
 .tours-search-page .tours-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:800px){
 .home-page .page-shell,.tours-search-page .page-shell,.home-page .header-shell,.tours-search-page .header-shell{width:calc(100% - 28px)!important}
 .home-page .hero{min-height:850px!important;background-size:920px auto!important;background-position:58% 110px!important}
 .home-page .hero-inner{min-height:850px!important;padding-top:35px!important}
 .home-page .hero-copy{width:78%!important;max-width:78%!important}
 .home-page .hero-copy h1{font-size:3.4rem!important}
 .home-page .hero .search-panel{position:absolute!important;bottom:190px!important;grid-template-columns:1fr!important;width:calc(100% - 20px)!important}
 .home-page .hero .trust-strip{bottom:10px!important;grid-template-columns:repeat(2,1fr)!important;width:calc(100% - 20px)!important}
 .home-page .experience-grid{grid-template-columns:repeat(2,1fr)!important}
 .home-page .destination-grid{grid-template-columns:repeat(2,1fr)!important}
 .home-page .destination-card--wide{grid-column:span 1!important}
 .home-page .cta-content{grid-template-columns:1fr!important}
 .tours-search-page .tours-layout{grid-template-columns:1fr!important}
 .tours-search-page .tours-filter-sidebar{width:100%!important;min-height:420px!important}
}
@media(max-width:580px){
 .home-page .activity-grid,.home-page .experience-grid,.home-page .review-grid,.home-page .destination-grid,.tours-search-page .tours-activity-grid{grid-template-columns:1fr!important}
 .home-page .hero-copy h1{font-size:2.8rem!important}
 .tours-search-page .tours-heading h2{font-size:2.7rem!important;white-space:normal!important}
}


/* =========================================================
   FINAL PERMANENT UI FIXES — 2026-08-14
   Single-source overrides after all consolidated legacy CSS.
   ========================================================= */

/* ---------- HOME: hero spacing / search never covers intro copy ---------- */
.home-page .hero {
  min-height: 770px !important;
  background-color: #fff !important;
  background-image: url('/images/home/homephoto.png') !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: 1280px auto !important;
  overflow: hidden !important;
}
.home-page .hero-inner {
  min-height: 770px !important;
  padding-top: 66px !important;
}
.home-page .hero-copy {
  position: relative !important;
  z-index: 3 !important;
}
.home-page .hero-copy p {
  position: relative !important;
  z-index: 4 !important;
  margin-bottom: 0 !important;
}
.home-page .hero .search-panel {
  top: 650px !important;
  bottom: auto !important;
  z-index: 8 !important;
}

/* The removed stats/trust box must stay removed from the homepage hero. */
.home-page .hero .trust-strip { display: none !important; }

/* ---------- HOME: supplied artwork is the real section background ---------- */
.home-page .experience-section {
  position: relative !important;
  isolation: isolate !important;
  background: url('/images/home/up.png') center center / 100% 100% no-repeat !important;
  min-height: 300px !important;
  overflow: hidden !important;
}
.home-page .experience-section::before,
.home-page .experience-section::after { content: none !important; display: none !important; }
.home-page .experience-section > .page-shell {
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
}
.home-page .experience-grid { background: transparent !important; }

.home-page .cta-banner {
  position: relative !important;
  isolation: isolate !important;
  background: #07365f url('/images/home/down.png') center center / 100% 100% no-repeat !important;
  min-height: 270px !important;
  overflow: hidden !important;
}
.home-page .cta-banner::before,
.home-page .cta-banner::after,
.home-page .cta-background-image { content: none !important; display: none !important; }
.home-page .cta-banner .cta-content {
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
}

/* ---------- TOURS: decorative details must never cover labels ---------- */
.tours-search-page .tours-results-page::after,
.tours-search-page .sort-control::before,
.tours-search-page .sort-control::after,
.tours-search-page .tours-heading .eyebrow::before {
  content: none !important;
  display: none !important;
}

/* Filters squiggle: placed inline after the word, never positioned over it. */
.tours-search-page .tours-filter-sidebar::before {
  content: none !important;
  display: none !important;
}
.tours-search-page .filter-heading h2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  white-space: nowrap !important;
}
.tours-search-page .filter-heading h2::after {
  content: '〰' !important;
  position: static !important;
  display: inline-block !important;
  color: #ffc31c !important;
  font-family: Arial, sans-serif !important;
  font-size: 26px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  transform: none !important;
  pointer-events: none !important;
}

/* Results underline: it sits below RESULTS with guaranteed clearance. */
.tours-search-page .tours-heading .eyebrow {
  position: relative !important;
  display: inline-block !important;
  padding: 0 0 10px !important;
  margin-bottom: 6px !important;
  z-index: 2 !important;
  overflow: visible !important;
}
.tours-search-page .tours-heading .eyebrow::after {
  content: '〰' !important;
  position: absolute !important;
  left: 0 !important;
  top: 100% !important;
  bottom: auto !important;
  margin-top: -7px !important;
  color: #ffc11d !important;
  font-family: Arial, sans-serif !important;
  font-size: 25px !important;
  line-height: 1 !important;
  z-index: 1 !important;
  opacity: .95 !important;
  pointer-events: none !important;
}

/* Blue sparkle belongs beside the result title, with its own clear gap. */
.tours-search-page .tours-heading h2 {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
}
.tours-search-page .tours-heading h2::after {
  content: '✦' !important;
  position: static !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  margin: 7px 0 0 0 !important;
  color: #43bce9 !important;
  font-family: Arial, sans-serif !important;
  font-size: 1.65rem !important;
  line-height: 1 !important;
  transform: rotate(18deg) !important;
  pointer-events: none !important;
}
.tours-search-page .sort-control {
  position: relative !important;
  z-index: 10 !important;
}

/* Keep subtle decorative leaf/artwork only in the empty lower part of filter card. */
.tours-search-page .tours-filter-sidebar::after {
  content: '❧  · · ·' !important;
  position: absolute !important;
  left: 38px !important;
  bottom: 22px !important;
  color: #76ccef !important;
  background: none !important;
  font-size: 64px !important;
  line-height: 1 !important;
  letter-spacing: 8px !important;
  opacity: .42 !important;
  transform: rotate(-10deg) !important;
  pointer-events: none !important;
}

/* ---------- shared public footer artwork ---------- */
body:not(.backoffice-body) .site-footer,
.lmd-careers-page .lmd-careers-footer {
  background: #062f55 url('/images/home/footer.png') center center / cover no-repeat !important;
}

@media (max-width: 1100px) {
  .home-page .hero { min-height: 900px !important; background-size: 1100px auto !important; }
  .home-page .hero-inner { min-height: 900px !important; }
  .home-page .hero .search-panel { top: 690px !important; bottom: auto !important; }
}
@media (max-width: 800px) {
  .home-page .hero { min-height: 1020px !important; background-size: 920px auto !important; background-position: 58% 110px !important; }
  .home-page .hero-inner { min-height: 1020px !important; }
  .home-page .hero .search-panel {
    top: 650px !important;
    bottom: auto !important;
    position: absolute !important;
    grid-template-columns: 1fr !important;
  }
  .home-page .experience-section,
  .home-page .cta-banner { background-size: cover !important; }
}
@media (max-width: 580px) {
  .home-page .hero { min-height: 1060px !important; }
  .home-page .hero .search-panel { top: 620px !important; }
  .tours-search-page .tours-heading h2 { display: block !important; }
  .tours-search-page .tours-heading h2::after { margin-left: 10px !important; vertical-align: top !important; }
}

/* =========================================================
   TOUR EDITOR V10 — premium agency form + permanent homepage spacing
   ========================================================= */
.home-page .hero .search-panel{top:615px!important}
@media(max-width:1100px){.home-page .hero .search-panel{top:655px!important}}
@media(max-width:800px){.home-page .hero .search-panel{top:620px!important}}
@media(max-width:580px){.home-page .hero .search-panel{top:590px!important}}

.tour-editor-page{background:#f8fbfd;color:#082e55;font-family:'DM Sans',sans-serif}
.tour-editor-header{height:94px;background:#fff;border-bottom:1px solid #e9eef3;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;padding:0 max(38px,calc((100vw - 1280px)/2));position:relative;z-index:5}
.tour-editor-brand img{width:135px;height:auto;display:block}
.tour-editor-title-wrap{text-align:center}
.tour-editor-title-wrap h1{font-family:'Playfair Display',serif;font-size:30px;margin:0;color:#082e55;letter-spacing:-.02em}
.tour-editor-title-wrap span{display:block;width:38px;height:3px;border-radius:8px;background:#ff7a00;margin:10px auto 0}
.tour-editor-back{justify-self:end;text-decoration:none;color:#0d3b67;border:1px solid #b9d7ed;background:#fff;border-radius:999px;padding:12px 20px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;transition:.25s ease}
.tour-editor-back:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(24,79,118,.12);border-color:#ff9a2e}
.tour-editor-main{position:relative;max-width:1240px;margin:0 auto;padding:118px 28px 54px;background:linear-gradient(180deg,#f8fbfd 0,#f5f9fc 100%)}
.tour-editor-main:before{content:'';position:absolute;right:-10px;top:14px;width:520px;height:250px;background:linear-gradient(180deg,rgba(225,239,249,.8),rgba(225,239,249,0)),url('/images/home/homephoto.png') center 19%/650px auto no-repeat;opacity:.38;filter:saturate(.7);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);pointer-events:none}
.tour-editor-art{position:absolute;top:48px;left:38px;color:#ff8a00;font-size:42px;transform:rotate(-7deg);animation:tourEditorFloat 5s ease-in-out infinite}
.tour-editor-art:after{content:'';position:absolute;width:250px;height:100px;border-top:2px dashed #ff9a2e;border-radius:50%;left:-160px;top:14px;transform:rotate(12deg)}
@keyframes tourEditorFloat{50%{transform:translateY(-8px) rotate(-2deg)}}
.tour-editor-form{position:relative;z-index:2}
.tour-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tour-editor-card{background:rgba(255,255,255,.95);border:1px solid #e3edf4;border-radius:15px;padding:24px;box-shadow:0 14px 38px rgba(36,76,108,.07);animation:tourEditorIn .55s ease both}
.tour-editor-card:nth-child(2){animation-delay:.05s}.tour-editor-card:nth-child(3){animation-delay:.1s}.tour-editor-card:nth-child(4){animation-delay:.15s}
@keyframes tourEditorIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.editor-card-heading{display:flex;gap:14px;align-items:center;margin-bottom:22px}
.editor-card-heading h2{font-family:'Playfair Display',serif;margin:0;color:#0a3158;font-size:19px}
.editor-card-heading p{margin:3px 0 0;color:#8091a4;font-size:12px}
.editor-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:18px;flex:0 0 auto}
.editor-icon.orange{background:#fff0df;color:#ff8200}.editor-icon.peach{background:#fff2e8;color:#ff8b55}.editor-icon.blue{background:#e9f7ff;color:#179ee6}.editor-icon.green{background:#e8faf0;color:#18aa68}.editor-icon.yellow{background:#fff8d8;color:#eaa700}.editor-icon.purple{background:#f4eaff;color:#8b5ee8}
.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.editor-fields.four-cols{grid-template-columns:repeat(4,1fr)}
.editor-field{display:flex;flex-direction:column;gap:7px;color:#15395f;font-size:11px;font-weight:700}
.editor-field.full{grid-column:1/-1}
.editor-field input,.editor-field select,.editor-field textarea,.content-editor-row textarea{width:100%;box-sizing:border-box;border:1px solid #dce6ee;background:#fff;border-radius:8px;padding:12px 14px;color:#183a5d;font-family:inherit;outline:none;transition:.2s ease;min-height:44px}
.editor-field textarea,.content-editor-row textarea{resize:vertical}
.editor-field input:focus,.editor-field select:focus,.editor-field textarea:focus,.content-editor-row textarea:focus{border-color:#58b9e8;box-shadow:0 0 0 3px rgba(79,181,231,.12)}
.editor-field input::placeholder,.editor-field textarea::placeholder,.content-editor-row textarea::placeholder{color:#a7b3c0}
.input-prefix{display:flex;align-items:center;border:1px solid #dce6ee;border-radius:8px;background:#fff;overflow:hidden}.input-prefix b{padding:0 13px;color:#526d87;border-right:1px solid #e5edf3}.input-prefix input{border:0!important;box-shadow:none!important;border-radius:0}
.star-picker{display:flex;gap:12px}.star-picker button{appearance:none;border:0;background:transparent;color:#6b849d;font-size:30px;line-height:1;cursor:pointer;padding:0;transition:.2s}.star-picker button:hover{transform:scale(1.12);color:#ff9a00}
.editor-note{display:flex;gap:10px;align-items:flex-start;background:#ebf7ff;color:#53708a;border-radius:8px;padding:12px 14px;font-size:11px;line-height:1.45}.editor-note i{color:#168de0;margin-top:2px}
.upload-stack{display:grid;gap:16px}.upload-box{min-height:140px;border:1.5px dashed #70bdf0;border-radius:9px;background:linear-gradient(180deg,#fff,#fbfdff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;cursor:pointer;color:#0d3964;transition:.25s}.upload-box:hover{background:#f5fbff;transform:translateY(-2px);box-shadow:0 10px 25px rgba(39,127,186,.08)}.upload-box input{display:none}.upload-box i{font-size:25px;color:#1f75c9}.upload-box strong{font-size:12px}.upload-box span{display:inline-block;border:1px solid #dbe8f1;border-radius:7px;padding:7px 15px;background:#fff;color:#2b6fa7;font-size:11px;font-weight:700}.upload-box small{color:#9aa9b7;font-size:10px}
.existing-image-grid,.image-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.existing-image,.image-preview-item{position:relative;border-radius:9px;overflow:hidden;background:#eef4f8;aspect-ratio:4/3}.existing-image img,.image-preview-item img{width:100%;height:100%;object-fit:cover;display:block}.existing-image span,.image-preview-item span{position:absolute;left:7px;bottom:7px;background:rgba(6,43,77,.85);color:#fff;padding:4px 7px;border-radius:6px;font-size:9px;font-weight:700}
.tour-editor-wide{margin-top:20px}.commercial-card{padding-bottom:28px}.detail-content-card{margin-top:20px}.content-editor-list{display:grid;gap:13px}.content-editor-row{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start}.content-editor-row>div{display:flex;flex-direction:column;gap:7px}.content-editor-row strong{font-size:12px;color:#173a5d}.content-row-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:13px;margin-top:21px}.content-row-icon.blue{background:#e7f4ff;color:#2b8fd7}.content-row-icon.orange{background:#fff0e5;color:#ff7c31}.content-row-icon.green{background:#e9f9ef;color:#24a96d}.content-row-icon.red{background:#ffeded;color:#ee5b5b}.content-row-icon.sky{background:#e8f7ff;color:#35a4e6}.content-row-icon.purple{background:#f3ecff;color:#8465dc}.content-row-icon.yellow{background:#fff7d9;color:#d69a00}
.tour-editor-actions{margin-top:24px}.tour-save-button{border:0;border-radius:9px;background:linear-gradient(90deg,#ff8b12,#ffb118);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.02em;padding:15px 28px;min-width:190px;box-shadow:0 12px 26px rgba(255,139,18,.23);cursor:pointer;transition:.25s}.tour-save-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(255,139,18,.3)}.tour-save-button i{margin-right:8px}
.tour-editor-footer{background:#06365f url('/images/home/footer.png') center/cover no-repeat;color:#fff;padding:48px 28px;margin-top:0;border-top:4px solid transparent;border-image:linear-gradient(90deg,#29b7ed 0 33%,#f5c21b 33% 66%,#ff7a00 66%) 1}.tour-editor-footer-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:54px}.tour-editor-footer img{width:150px}.tour-editor-footer div div{display:flex;flex-direction:column;gap:12px;font-size:12px;color:#d7e5f1}.tour-editor-footer b{color:#fff;font-size:12px;letter-spacing:.05em;margin-bottom:5px}
@media(max-width:980px){.tour-editor-header{grid-template-columns:150px 1fr 150px;padding:0 20px}.tour-editor-grid{grid-template-columns:1fr}.editor-fields.four-cols{grid-template-columns:repeat(2,1fr)}.tour-editor-main:before{opacity:.2}.tour-editor-footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.tour-editor-header{height:auto;min-height:90px;grid-template-columns:1fr 1fr;padding:14px}.tour-editor-title-wrap{grid-column:1/-1;grid-row:2}.tour-editor-brand img{width:108px}.tour-editor-back{padding:9px 12px}.tour-editor-main{padding:78px 14px 34px}.tour-editor-art{left:20px}.editor-fields,.editor-fields.four-cols{grid-template-columns:1fr}.tour-editor-card{padding:18px}.existing-image-grid,.image-preview-grid{grid-template-columns:repeat(2,1fr)}.tour-editor-footer-inner{grid-template-columns:1fr}}

/* ===== Tour editor V11 — persistent MySQL lookups / multi-location / supplier defaults ===== */
.field-title-with-action{display:flex!important;align-items:center;gap:8px;justify-content:flex-start}
.field-title-with-action .mini-add-btn,.mini-add-btn{width:24px;height:24px;border:1px solid #ffd4a8;border-radius:50%;background:#fff7ee;color:#ff7a00;display:inline-grid;place-items:center;cursor:pointer;transition:.2s ease;padding:0;font-size:10px;box-shadow:0 4px 12px rgba(255,122,0,.08)}
.mini-add-btn:hover{transform:translateY(-1px) scale(1.06);background:#ff8a00;color:#fff;border-color:#ff8a00}
.editor-field small,.field-help{display:block;color:#8192a5;font-size:10px;line-height:1.35;margin-top:5px;font-weight:500}
.multi-location-picker{min-height:45px;border:1px solid #d9e6ef;border-radius:8px;background:#fff;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 10px;transition:.2s ease}
.multi-location-picker:focus-within{border-color:#64b9ea;box-shadow:0 0 0 3px rgba(54,171,232,.08)}
.multi-location-picker>input{flex:1;min-width:220px;border:0!important;box-shadow:none!important;padding:6px 2px!important;height:auto!important;background:transparent!important}
.location-chips{display:flex;flex-wrap:wrap;gap:6px}.location-chip{display:inline-flex;align-items:center;gap:6px;background:#eaf7ff;color:#0c5e91;border:1px solid #c9eaff;border-radius:999px;padding:5px 8px;font-size:10px}.location-chip i{color:#2da9e9}.location-chip b{font-weight:700}.location-chip button{border:0;background:transparent;color:#63869b;font-size:15px;line-height:1;cursor:pointer;padding:0 2px}
.rating-visibility-row{display:grid!important;grid-template-columns:1fr 1fr;gap:18px;align-items:end}.rating-visibility-row .star-field{display:flex;flex-direction:column;gap:7px}.website-toggle{border:1px solid #dfeaf2;background:#f8fbfd;border-radius:10px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;cursor:pointer}.website-toggle input{display:none}.toggle-track{width:42px;height:23px;border-radius:20px;background:#c9d6df;position:relative;grid-row:1/3;transition:.22s}.toggle-track i{position:absolute;width:17px;height:17px;background:#fff;border-radius:50%;left:3px;top:3px;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.22s}.website-toggle input:checked+.toggle-track{background:#23b56e}.website-toggle input:checked+.toggle-track i{transform:translateX(19px)}.website-toggle b{font-size:11px;color:#143b5d}.website-toggle small{margin:2px 0 0}
.availability-choice{border-top:1px solid #edf2f5;padding-top:14px}.check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 10px;margin-top:8px}.check-grid label{display:flex;align-items:center;gap:7px;font-size:10px;color:#45627a;background:#fbfdff;border:1px solid #e5edf3;padding:8px 9px;border-radius:7px;cursor:pointer}.check-grid input{accent-color:#28aee8}.months-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.days-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.input-suffix{display:grid;grid-template-columns:1fr 36px;align-items:center;border:1px solid #dce7ef;border-radius:8px;overflow:hidden;background:#fff}.input-suffix input{border:0!important;border-radius:0!important}.input-suffix b{text-align:center;color:#ff7a00;border-left:1px solid #e5edf2;font-size:12px}
.tour-editor-modal[hidden]{display:none!important}.tour-editor-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(4,31,55,.45);backdrop-filter:blur(4px)}.modal-panel{position:relative;width:min(430px,94vw);background:#fff;border-radius:18px;padding:28px;box-shadow:0 30px 90px rgba(0,34,62,.28);animation:tourEditorIn .22s ease both}.modal-close{position:absolute;right:14px;top:12px;border:0;background:#f2f6f9;width:30px;height:30px;border-radius:50%;font-size:19px;color:#61768a;cursor:pointer}.modal-icon{width:44px;height:44px;border-radius:12px;background:#fff1e2;color:#ff7a00;display:grid;place-items:center;margin-bottom:12px}.modal-panel h3{font-family:'Playfair Display',serif;color:#0b3157;font-size:22px;margin:0}.modal-panel>p{font-size:11px;color:#71869a;margin:6px 0 18px}.modal-panel label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#274764;margin-bottom:12px}.modal-panel input,.modal-panel select{height:43px;border:1px solid #dbe7ee;border-radius:8px;padding:0 12px;font:500 12px 'DM Sans',sans-serif;color:#173b5d;background:#fff}.modal-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-save{width:100%;height:44px;border:0;border-radius:9px;background:linear-gradient(90deg,#ff7b00,#ffa919);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(255,129,0,.22)}.modal-status{text-align:center;min-height:18px;margin-top:8px;font-size:11px;color:#168b5b}.modal-open{overflow:hidden}
@media(max-width:720px){.rating-visibility-row{grid-template-columns:1fr}.check-grid,.months-grid,.days-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-two{grid-template-columns:1fr}}


/* ===== Tour editor V12 permanent refinements ===== */
.tour-editor-page .check-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px!important;margin-top:7px}
.tour-editor-page .check-grid label{min-height:40px!important;padding:7px 9px!important;border-radius:9px!important;font-size:10px!important;gap:8px!important;background:#fff!important}
.tour-editor-page .check-grid input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:17px!important;height:17px!important;min-width:17px;border:1.5px solid #b9c9d6;border-radius:4px;background:#fff;display:grid;place-content:center;margin:0}
.tour-editor-page .check-grid input[type="checkbox"]:checked{background:#22aee5;border-color:#22aee5}
.tour-editor-page .check-grid input[type="checkbox"]:checked:after{content:"✓";color:#fff;font-weight:900;font-size:12px;line-height:1}
.tour-editor-page .availability-choice{padding-top:10px}
.tour-editor-page .website-toggle{position:relative;user-select:none}
.tour-editor-page .website-toggle input[type="hidden"]{display:none!important}
.tour-editor-page .website-toggle .website-toggle-input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none}
.tour-editor-page .website-toggle .website-toggle-input:checked + .toggle-track{background:#23b56e}
.tour-editor-page .website-toggle .website-toggle-input:checked + .toggle-track i{transform:translateX(19px)}
.tour-editor-page .commercial-card .editor-fields.four-cols{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
.tour-editor-page .supplier-field{grid-column:auto!important;width:auto!important;min-width:0}
.tour-editor-page .supplier-field select{width:100%}
.tour-editor-page .meeting-editor-row{align-items:flex-start}
.tour-editor-page .meeting-editor-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;margin-top:8px}
.tour-editor-page .meeting-editor-grid label:first-child{grid-column:1/-1}
.tour-editor-page .meeting-editor-grid label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#47627a;font-weight:700}
.tour-editor-page .meeting-editor-grid input,.tour-editor-page .meeting-editor-grid textarea{width:100%;border:1px solid #dfe8ef;border-radius:8px;padding:10px 11px;font:inherit;color:#153956;background:#fff;box-sizing:border-box}
.tour-editor-page .image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.meeting-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin:12px 0;padding:11px 13px;border:1px solid #e4edf4;border-radius:10px;background:#f8fbfd;color:#35536b;font-size:13px}
@media(max-width:980px){.tour-editor-page .commercial-card .editor-fields.four-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.tour-editor-page .meeting-editor-grid{grid-template-columns:1fr 1fr}.tour-editor-page .meeting-editor-grid label:first-child{grid-column:1/-1}}
@media(max-width:620px){.tour-editor-page .check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tour-editor-page .commercial-card .editor-fields.four-cols,.tour-editor-page .meeting-editor-grid{grid-template-columns:1fr}.tour-editor-page .meeting-editor-grid label:first-child{grid-column:auto}}

/* =========================================================
   V13 — STAFF TOURS + MY ACCOUNT AGENCY-LEVEL DASHBOARDS
   ========================================================= */
.staff-tours-dashboard{margin:0;background:linear-gradient(120deg,#fffdf9 0%,#fff 48%,#eef8ff 100%);color:#082e56;min-height:100vh}
.staff-dashboard-header{height:112px;background:#fff;border-radius:0 0 32px 32px;box-shadow:0 10px 28px rgba(18,60,96,.08);display:grid;grid-template-columns:280px 1fr 340px;align-items:center;padding:0 max(5vw,42px);position:relative;z-index:5}
.staff-dashboard-brand img{width:150px;display:block}.staff-dashboard-title{margin:0;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:31px;color:#062d56}.staff-dashboard-title em{font-style:normal;color:#ff8300}.staff-dashboard-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.staff-dashboard-header-actions form{margin:0}.staff-home-button,.staff-logout-button{height:50px;padding:0 24px;border:1px solid #d9e5ef;border-radius:28px;background:#fff;color:#082e56;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.05em;display:inline-flex;align-items:center;gap:9px;box-shadow:0 8px 20px rgba(12,45,77,.06);transition:.25s}.staff-home-button:hover,.staff-logout-button:hover{transform:translateY(-2px);border-color:#ff8a00;color:#ff7900}.staff-logout-button{cursor:pointer}
.staff-dashboard-main{position:relative;max-width:1500px;margin:auto;padding:54px 6vw 95px;overflow:hidden}.staff-dashboard-main:after{content:"";position:absolute;right:-40px;top:110px;width:550px;height:420px;background:radial-gradient(circle at 60% 80%,rgba(108,193,242,.18),transparent 58%),linear-gradient(145deg,transparent 52%,rgba(171,219,247,.18) 52% 74%,transparent 74%);z-index:-1}.staff-dashboard-sky-art{position:absolute;right:8%;top:78px;color:#ff9800;font-size:42px;transform:rotate(-10deg);opacity:.9}.staff-dashboard-sky-art .flight-line{position:absolute;width:260px;height:80px;left:38px;top:15px;border-top:2px dashed #ff9a00;border-radius:50%;transform:rotate(11deg)}
.staff-profile-mini{display:flex;align-items:center;gap:15px;margin-bottom:12px}.staff-profile-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#072f59,#001b37);color:#fff;font:700 22px Georgia}.staff-profile-mini strong{display:block;font-family:Georgia,serif;font-size:22px}.staff-profile-mini span{display:block;font-size:12px;font-weight:800;color:#66809a;letter-spacing:.08em;text-transform:uppercase}.staff-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ff8400;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 32px}.staff-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.staff-title-row h2{font-family:Georgia,serif;font-size:70px;line-height:.95;margin:0;color:#062d56}.staff-title-wave{display:block;width:45px;height:8px;margin:17px 0 15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='8' viewBox='0 0 46 8'%3E%3Cpath d='M1 5c4-6 8 6 12 0s8 6 12 0 8 6 12 0 8 6 8 0' fill='none' stroke='%233aa8f7' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat}.staff-title-row p{font-size:16px;color:#647c94;margin:0}.staff-add-tour{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(90deg,#ff8d00,#ff9e18);color:white!important;text-decoration:none;text-transform:uppercase;font-weight:800;border-radius:20px;padding:18px 30px;box-shadow:0 14px 26px rgba(255,135,0,.25);transition:.25s}.staff-add-tour:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(255,135,0,.32)}
.staff-alert{display:flex;gap:12px;align-items:center;padding:16px 20px;border-radius:16px;margin-top:24px}.staff-alert div{display:grid}.staff-alert-warn{background:#fff8e8;border:1px solid #ffe1a8}.staff-alert-danger{background:#fff0f0;border:1px solid #ffd0d0}.staff-tours-card{margin-top:26px;background:rgba(255,255,255,.94);border:1px solid #e0edf7;border-radius:24px;box-shadow:0 18px 55px rgba(21,68,101,.09);padding:22px 26px;overflow-x:auto}.staff-tours-head,.staff-tour-row{min-width:1160px;display:grid;grid-template-columns:2.2fr 1.35fr 1.35fr 1.25fr 1fr .75fr .85fr 1.15fr;align-items:center;gap:12px}.staff-tours-head{background:linear-gradient(90deg,#eef8ff,#e9f5ff);border-radius:18px;padding:17px 15px;margin-bottom:18px}.staff-tours-head span{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:900;text-transform:uppercase;color:#0a3158}.staff-tours-head i{color:#278bf0;background:white;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.staff-tour-row{padding:16px 8px;border-bottom:1px solid #edf2f6;min-height:120px}.staff-tour-row:last-child{border-bottom:0}.staff-tour-title-cell{display:flex;align-items:center;gap:16px}.staff-tour-title-cell img{width:138px;height:92px;object-fit:cover;border-radius:13px}.staff-tour-title-cell strong{font:700 18px/1.25 Georgia,serif;display:block;color:#082e56}.staff-tour-title-cell small{display:block;margin-top:8px;color:#f28400}.staff-tour-destination,.staff-tour-date,.staff-travelers{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5}.staff-tour-destination i{color:#ff8c00}.staff-tour-date i{color:#2a88eb}.staff-travelers i{color:#ff8a00}.staff-category-chip{display:inline-flex;align-items:center;gap:8px;background:#eef8ff;padding:12px 14px;border-radius:14px;font-size:12px;color:#456987}.staff-category-chip i{color:#2e8ce8}.staff-price{font-weight:900;font-size:17px}.staff-row-actions{display:flex;align-items:center;gap:9px}.staff-row-actions a,.staff-row-actions button{width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:#edf8ff;color:#1774bb;cursor:pointer;transition:.2s}.staff-row-actions a:nth-child(2){background:#fff4e7;color:#ef8b13}.staff-row-actions button{background:#fff0f1;color:#ed4b53}.staff-row-actions a:hover,.staff-row-actions button:hover{transform:translateY(-2px)}.staff-row-actions form{margin:0}.staff-empty{text-align:center;padding:65px 20px;color:#68829a;display:grid;gap:8px;place-items:center}.staff-empty i{font-size:40px;color:#36a6ef}.staff-empty strong{font-size:20px;color:#0a3158}

.account-dashboard-page{margin:0;background:#f8fbfd;color:#082e56}.account-dashboard-header{height:108px;background:white;display:grid;grid-template-columns:250px 1fr auto;align-items:center;padding:0 8vw;box-shadow:0 2px 10px rgba(16,53,82,.04);position:relative;z-index:5}.account-dashboard-header .brand img{width:145px}.account-dashboard-header nav{display:flex;justify-content:flex-end;gap:38px;margin-right:35px}.account-dashboard-header nav a{color:#082e56;text-decoration:none;text-transform:uppercase;font-weight:900;font-size:12px}.account-header-actions{display:flex;align-items:center;gap:23px;color:#072f59}.account-header-actions a{color:#072f59;font-size:19px}.account-header-actions form{margin:0}.account-header-actions button{border:1px solid #d8e4ed;background:white;border-radius:25px;padding:15px 26px;text-transform:uppercase;color:#082e56;font-weight:900;box-shadow:0 8px 20px rgba(8,46,86,.07)}
.account-dashboard-hero{position:relative;min-height:660px;background:linear-gradient(110deg,#eef9ff 0%,#edf8ff 44%,#dff3ff 100%);overflow:hidden;display:grid;grid-template-columns:44% 56%;align-items:center}.account-dashboard-hero:before{content:"";position:absolute;left:-80px;top:-80px;width:400px;height:280px;border-radius:50%;background:rgba(255,255,255,.55)}.account-dashboard-copy{padding:70px 0 120px max(8vw,80px);position:relative;z-index:2}.account-kicker{display:block;text-transform:uppercase;color:#f68500;font-size:13px;font-weight:900;letter-spacing:.08em;margin-bottom:22px}.account-dashboard-copy h1{font:700 62px/1 Georgia,serif;margin:0 0 28px;color:#062d56;position:relative}.account-dashboard-copy h1 b{display:inline-block;width:90px;height:8px;background:#ffb000;border-radius:50%;margin-left:-86px;transform:translateY(19px) rotate(-4deg)}.account-dashboard-copy h2{font:italic 34px/1.2 cursive;margin:0 0 30px;color:#082e56}.account-dashboard-copy p{font-size:18px;line-height:1.55;max-width:480px;color:#4b6783}.account-hero-actions{display:flex;gap:22px;align-items:center;margin-top:45px}.account-primary,.account-secondary{height:54px;padding:0 30px;border-radius:28px;display:inline-flex;align-items:center;gap:26px;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:900}.account-primary{background:linear-gradient(90deg,#ff8a00,#ff9e18);color:white!important;box-shadow:0 14px 28px rgba(255,135,0,.25)}.account-secondary{background:white;border:1.5px solid #459bf0;color:#082e56!important}.account-dashboard-hero-image{position:absolute;right:0;top:0;width:62%;height:100%;background-image:linear-gradient(90deg,rgba(232,248,255,.1),rgba(232,248,255,0)),url('/images/dashobard/mydash.png');background-size:cover;background-position:center right;background-repeat:no-repeat}.account-dashboard-hero-image:after{content:"";position:absolute;inset:auto 0 0 0;height:170px;background:linear-gradient(to top,#f8fbfd,transparent)}
.account-dashboard-stats{position:relative;z-index:3;width:min(84%,1380px);margin:-82px auto 60px;background:white;border:1px solid #dbe8f2;border-radius:26px;box-shadow:0 18px 50px rgba(13,62,95,.13);display:grid;grid-template-columns:repeat(4,1fr);padding:28px 35px}.account-dashboard-stats>div{min-height:118px;display:grid;grid-template-columns:90px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:0 28px;border-right:1px solid #dae5ed}.account-dashboard-stats>div:last-child{border-right:0}.account-stat-icon{grid-row:1/3;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-size:31px}.account-stat-icon.warm{background:#fff3dc;color:#ff7e00}.account-stat-icon.cool{background:#eaf6ff;color:#2e82ef}.account-dashboard-stats strong{align-self:end;font:700 48px Georgia,serif;color:#062d56}.account-dashboard-stats small{align-self:start;font-size:14px;font-weight:900;color:#082e56}.account-personal-link a{grid-row:1/3;align-self:center;color:#082e56;text-decoration:none;font-weight:900;font-size:15px;display:flex;justify-content:space-between;gap:15px}.account-bookings-section{max-width:1280px;margin:0 auto;padding:20px 30px 80px}.account-booking-wrap{margin-bottom:14px}
@media(max-width:1100px){.staff-dashboard-header{grid-template-columns:170px 1fr auto;padding:0 25px}.staff-dashboard-title{font-size:24px}.staff-title-row h2{font-size:54px}.account-dashboard-header{padding:0 25px;grid-template-columns:180px 1fr auto}.account-dashboard-hero{grid-template-columns:1fr}.account-dashboard-copy{padding:70px 50px 300px}.account-dashboard-hero-image{width:100%;height:55%;top:auto;bottom:0;background-position:center}.account-dashboard-stats{grid-template-columns:repeat(2,1fr)}.account-dashboard-stats>div:nth-child(2){border-right:0}}
@media(max-width:720px){.staff-dashboard-header{height:auto;min-height:95px;grid-template-columns:100px 1fr;padding:12px 16px}.staff-dashboard-brand img{width:95px}.staff-dashboard-title{font-size:17px;text-align:left}.staff-dashboard-header-actions{grid-column:1/3;justify-content:flex-end}.staff-home-button,.staff-logout-button{height:40px;padding:0 14px}.staff-dashboard-main{padding:35px 16px 60px}.staff-title-row{align-items:flex-start;flex-direction:column}.staff-title-row h2{font-size:46px}.account-dashboard-header{height:auto;padding:14px 18px;grid-template-columns:110px 1fr}.account-dashboard-header .brand img{width:100px}.account-dashboard-header nav{display:none}.account-header-actions{justify-content:flex-end;gap:14px}.account-header-actions button{padding:10px 14px}.account-dashboard-copy{padding:55px 24px 300px}.account-dashboard-copy h1{font-size:46px}.account-dashboard-copy h2{font-size:25px}.account-hero-actions{flex-wrap:wrap}.account-dashboard-stats{width:92%;grid-template-columns:1fr;padding:10px 20px;margin-top:-45px}.account-dashboard-stats>div{border-right:0;border-bottom:1px solid #dae5ed;padding:15px 5px}.account-dashboard-stats>div:last-child{border-bottom:0}}

/* ===== Dashboard refinements 2026-08-14 V14 ===== */
.staff-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.staff-search{display:flex;align-items:center;gap:8px;margin:0}
.staff-search-box{height:52px;min-width:280px;border:1px solid #d9e7f2;border-radius:16px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 15px;box-shadow:0 10px 25px rgba(17,65,103,.06)}
.staff-search-box i{color:#2f95e8}.staff-search-box input{width:100%;border:0;outline:0;background:transparent;color:#0b3159;font:600 14px 'DM Sans',Arial,sans-serif}.staff-search-box input::placeholder{color:#8ea2b4}
.staff-search>button{height:52px;border:0;border-radius:16px;padding:0 20px;background:#0c3a66;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(10,55,94,.12);transition:.2s}.staff-search>button:hover{transform:translateY(-2px);background:#135083}
.staff-add-tour{height:52px;box-sizing:border-box;border-radius:16px;padding:0 24px}
.staff-tours-head,.staff-tour-row{min-width:1040px;grid-template-columns:.55fr 2.2fr 1.55fr 1.25fr .8fr .9fr 1.15fr}
.staff-tour-id{font-weight:900;color:#66819a;font-size:13px}.staff-tour-title-cell img{width:110px;height:78px}.staff-tour-title-cell strong{font-size:17px}.staff-tour-title-cell small{display:none!important}
.website-status{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:9px 13px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em}
.website-status:before{content:"";width:8px;height:8px;border-radius:50%;margin-right:7px}
.website-status--online{background:#eaf8ee;color:#23824c}.website-status--online:before{background:#2dbb66;box-shadow:0 0 0 4px rgba(45,187,102,.12)}
.website-status--offline{background:#f2f4f7;color:#68798a}.website-status--offline:before{background:#8a9aaa}
.account-dashboard-stats{grid-template-columns:repeat(3,1fr)}
.account-dashboard-stats>div:nth-child(3){border-right:0}
@media(max-width:1100px){.staff-title-actions{width:100%;justify-content:flex-start}.staff-title-row{align-items:flex-start;flex-wrap:wrap}.account-dashboard-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.staff-search{width:100%;flex-wrap:wrap}.staff-search-box{min-width:0;flex:1}.staff-search>button{padding:0 16px}.staff-title-actions{width:100%}.staff-add-tour{width:100%;justify-content:center}.account-dashboard-stats{grid-template-columns:1fr}.account-dashboard-stats>div{border-right:0}}

/* ===== V15 public tour polish: hero, dynamic categories, equal cards, detailed public view ===== */
.home-page .hero .search-panel{
  top:575px!important;
  bottom:auto!important;
}
@media(max-width:1100px){.home-page .hero .search-panel{top:615px!important}}
@media(max-width:800px){.home-page .hero .search-panel{top:595px!important}}
@media(max-width:580px){.home-page .hero .search-panel{top:565px!important}}

.home-page .dynamic-category-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.home-page .dynamic-category-grid .experience-card{min-height:210px}
@media(max-width:900px){.home-page .dynamic-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.home-page .dynamic-category-grid{grid-template-columns:1fr!important}}

.tours-search-page .tours-activity-grid{align-items:stretch!important}
.tours-search-page .tours-activity-grid .activity-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:520px!important;
}
.tours-search-page .tours-activity-grid .activity-image{
  flex:0 0 190px!important;
  height:190px!important;
}
.tours-search-page .tours-activity-grid .activity-copy{
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  min-height:0!important;
}
.tours-search-page .tours-activity-grid .activity-copy h3{
  min-height:2.6em!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.tours-search-page .tours-activity-grid .activity-copy>p{
  min-height:2.7em!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.tours-search-page .tours-activity-grid .activity-tags{min-height:31px!important}
.tours-search-page .tours-activity-grid .lmd-card-actions{margin-top:auto!important}
.tours-search-page .tours-activity-grid .tour-card-book-btn{flex:0 0 auto!important}

.experiences-page .public-tour-facts,.experiences-page .public-pricing-section{
  border:1px solid #e4edf4;
  background:linear-gradient(145deg,#fff 0%,#fbfdff 65%,#f1f9ff 100%);
  border-radius:22px;
  padding:25px;
  box-shadow:0 18px 44px rgba(8,47,86,.07);
}
.public-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:19px}
.public-section-heading h2{margin:2px 0 0!important;font-size:1.55rem!important;color:#082f58!important}
.public-section-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#ff7a00;font-weight:800}
.public-section-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e8f6ff;color:#239ee7;font-size:1.1rem;box-shadow:inset 0 0 0 1px #d9edf9}
.public-section-icon.pricing{background:#fff2df;color:#ff7a00;box-shadow:inset 0 0 0 1px #ffe2b9}
.public-facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.public-fact{display:flex;gap:11px;align-items:flex-start;padding:15px;border-radius:15px;background:#fff;border:1px solid #e9eef3;min-height:102px;box-shadow:0 8px 22px rgba(8,47,86,.04);transition:.25s ease}
.public-fact:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(8,47,86,.08);border-color:#d9eaf7}
.public-fact>i{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#fff2df;color:#ff7900;flex:0 0 auto}
.public-fact span{display:flex;flex-direction:column;min-width:0}
.public-fact small{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:#7b8b9e;font-weight:800}
.public-fact strong{margin-top:3px;color:#0a3158;font-size:.84rem;line-height:1.25;overflow-wrap:anywhere}
.public-fact em{font-style:normal;color:#72839a;font-size:.67rem;margin-top:3px;line-height:1.3}
.public-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.public-price-card{padding:18px;border-radius:17px;background:#fff;border:1px solid #e7edf3;position:relative;overflow:hidden}
.public-price-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#20a9ef,#ffd039,#ff7900)}
.public-price-card>span{display:flex;align-items:center;gap:7px;color:#173d62;font-size:.75rem;font-weight:800}
.public-price-card>span i{color:#ff7900}
.public-price-card>strong{display:block;font-family:'Playfair Display',Georgia,serif;color:#082f58;font-size:1.55rem;margin:9px 0 1px}
.public-price-card>small{color:#7a889b;font-size:.68rem}
.sidebar-price-tiers{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:-2px 0 12px}
.sidebar-price-tiers span{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:10px;background:#f6faff;border:1px solid #e5edf5;font-size:.69rem;color:#5e7087}
.sidebar-price-tiers strong{color:#0b3158;font-size:.72rem}
@media(max-width:900px){.public-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-price-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.public-facts-grid,.public-price-grid{grid-template-columns:1fr}}

/* ===== V16 homepage trending controls, exact experience composition & Asia reference page ===== */
.home-page .hero .search-panel{top:545px!important}
@media(max-width:1100px){.home-page .hero .search-panel{top:585px!important}}
@media(max-width:800px){.home-page .hero .search-panel{top:565px!important}}
@media(max-width:580px){.home-page .hero .search-panel{top:540px!important}}

.publishing-toggles{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
.publishing-toggles .website-toggle{min-height:92px}
.trending-toggle{background:linear-gradient(135deg,#fff8e8,#fff)!important;border-color:#ffe0a5!important}
@media(max-width:720px){.publishing-toggles{grid-template-columns:1fr}}

.home-page .trending-carousel{position:relative;padding:0 38px}
.home-page .trending-track.activity-grid{display:flex!important;grid-template-columns:none!important;gap:22px!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 22px;margin:0!important}
.home-page .trending-track::-webkit-scrollbar{display:none}
.home-page .trending-track .activity-card{flex:0 0 calc((100% - 66px)/4);min-width:0;scroll-snap-align:start}
.home-page .trending-arrow{position:absolute;top:44%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border:1px solid #dce9f1;border-radius:50%;background:#fff;color:#0a3158;display:grid;place-items:center;box-shadow:0 12px 28px rgba(7,47,86,.13);cursor:pointer;transition:.2s ease}
.home-page .trending-arrow:hover{background:#ff8200;color:#fff;border-color:#ff8200;transform:translateY(-50%) scale(1.05)}
.home-page .trending-arrow--left{left:-4px}.home-page .trending-arrow--right{right:-4px}
@media(max-width:980px){.home-page .trending-track .activity-card{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:580px){.home-page .trending-carousel{padding:0 28px}.home-page .trending-track .activity-card{flex-basis:100%}.home-page .trending-arrow{width:38px;height:38px}}

/* Restore the approved reference treatment for Find the experience that fits you. */
.home-page .experience-section{width:min(1200px,calc(100% - 52px))!important;min-height:330px!important;margin:34px auto 72px!important;border-radius:26px!important;background:#eefaff url('/images/home/up.png') center/cover no-repeat!important;box-shadow:0 18px 48px rgba(7,47,86,.07)!important}
.home-page .experience-section>.page-shell{width:100%!important;min-height:330px!important;padding:48px 44px!important;display:grid!important;grid-template-columns:330px minmax(0,1fr)!important;gap:36px!important;align-items:center!important}
.home-page .experience-section .section-heading{margin:0!important;align-self:center!important}.home-page .experience-section .section-heading h2{font-size:2.65rem!important;line-height:1.02!important;max-width:320px!important}.home-page .experience-section .section-heading p{max-width:280px!important}
.home-page .dynamic-category-grid{display:flex!important;gap:14px!important;overflow-x:auto;scrollbar-width:none;padding:8px 4px 12px!important;align-items:stretch!important}.home-page .dynamic-category-grid::-webkit-scrollbar{display:none}
.home-page .dynamic-category-grid .experience-card{flex:0 0 190px!important;min-height:190px!important;padding:24px 18px!important;border:1px solid rgba(207,226,238,.9)!important;border-radius:17px!important;background:rgba(255,255,255,.93)!important;box-shadow:0 13px 28px rgba(8,47,86,.07)!important}.home-page .dynamic-category-grid .experience-card p{font-size:.72rem!important;line-height:1.45!important}.home-page .dynamic-category-grid .experience-link{display:none!important}
@media(max-width:900px){.home-page .experience-section>.page-shell{grid-template-columns:1fr!important}.home-page .experience-section .section-heading h2{max-width:none!important}}

/* Asia reference page: editorial, bright and premium. */
.continent-page:has(.asia-reference-page){background:linear-gradient(180deg,#fff 0%,#f9fcff 100%);color:#082f58}.continent-page:has(.asia-reference-page) .continent-topbar{height:94px;background:#fff;border-bottom:1px solid #edf2f6}.continent-page:has(.asia-reference-page) .continent-topbar .continent-shell{height:100%;display:flex;align-items:center;justify-content:space-between}.continent-page:has(.asia-reference-page) .continent-topbar img{width:135px}.continent-page:has(.asia-reference-page) .continent-topbar nav{display:flex;gap:34px}.continent-page:has(.asia-reference-page) .continent-topbar nav a{font-size:12px;font-weight:800;text-transform:uppercase;color:#082f58;text-decoration:none}
.asia-ref-shell{width:min(1160px,calc(100% - 52px));margin-inline:auto}.asia-ref-hero{position:relative;padding:34px 0 18px;overflow:hidden;background:radial-gradient(circle at 0 75%,rgba(255,220,128,.22),transparent 22%),radial-gradient(circle at 100% 68%,rgba(57,167,240,.13),transparent 24%)}.asia-ref-hero-grid{display:grid;grid-template-columns:380px 1fr;align-items:center;min-height:500px}.asia-breadcrumb{display:flex;gap:10px;align-items:center;font-size:11px;color:#667c93;margin-bottom:25px}.asia-breadcrumb a{text-decoration:none;color:#315b86}.asia-ref-copy h1{font:700 76px/1 'Playfair Display',serif;margin:0;color:#092f58}.asia-ref-copy h2{font:600 italic 32px/1.1 'Playfair Display',serif;color:#ff7a00;margin:13px 0 28px;position:relative;display:inline-block}.asia-ref-copy h2:after{content:'';position:absolute;left:0;bottom:-11px;width:190px;height:4px;border-radius:999px;background:linear-gradient(90deg,#ffbd1d,#ff7a00)}.asia-ref-copy>p{font-size:15px;line-height:1.7;color:#233f5d;max-width:355px}.asia-country-stat{margin-top:26px;width:260px;padding:20px;border:1px solid #d8e8f5;border-radius:18px;background:rgba(245,251,255,.9);display:flex;align-items:center;gap:16px;box-shadow:0 12px 30px rgba(8,47,86,.07)}.asia-country-stat>i{font-size:34px;color:#246bef}.asia-country-stat div{display:flex;flex-direction:column}.asia-country-stat strong{font:600 20px 'Playfair Display',serif}.asia-country-stat span{font-size:12px;color:#58718c;margin-top:4px}.asia-ref-art{height:470px;border-radius:44% 16% 37% 35%/25% 23% 32% 31%;background:linear-gradient(180deg,rgba(235,247,255,.15),rgba(255,255,255,.02)),url('/images/destinations/asia.png') center/cover no-repeat;position:relative;filter:saturate(.92) brightness(1.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.asia-ref-art:before{content:'';position:absolute;right:-60px;bottom:-40px;width:170px;height:170px;border-radius:50%;background:#ffd65b;opacity:.82}.asia-ref-art:after{content:'✦  ·  ·  ·';position:absolute;right:-8px;top:34px;color:#4cb4ef;font-size:24px;letter-spacing:10px}.asia-art-paper{position:absolute;left:-68px;top:80px;width:60px;height:60px;color:#187af0;font-size:42px;transform:rotate(-12deg)}.asia-art-paper:after{content:'';position:absolute;right:32px;top:45px;width:130px;height:80px;border-bottom:2px dashed #ff7a00;border-radius:50%;transform:rotate(24deg)}
.asia-feature-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e6eef4;border-radius:22px;padding:26px 18px;box-shadow:0 18px 44px rgba(8,47,86,.08);position:relative;z-index:2}.asia-feature-strip article{display:flex;align-items:center;gap:14px;padding:4px 20px;border-right:1px solid #e6edf2}.asia-feature-strip article:last-child{border-right:0}.asia-feature-strip article>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#eaf5ff;color:#167ee8;font-size:22px}.asia-feature-strip article:nth-child(2)>span{background:#fff4db;color:#ff9800}.asia-feature-strip article:nth-child(3)>span{background:#fff1e8;color:#ff733e}.asia-feature-strip b{display:block;font-size:13px}.asia-feature-strip small{display:block;font-size:11px;color:#6c7f92;line-height:1.5;margin-top:5px}
.asia-seasons{padding:54px 10px 20px}.asia-section-title h2,.asia-country-heading h2{font:700 29px 'Playfair Display',serif;margin:0 0 7px;color:#082f58}.asia-section-title h2:after,.asia-country-heading h2:after{content:'';display:block;width:54px;height:3px;background:#ff7a00;border-radius:10px;margin-top:8px}.asia-section-title p,.asia-country-heading p{margin:0;color:#536c85;font-size:13px}.season-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.season-tab{border:1px solid #dce7ef;border-radius:16px 16px 0 0;background:#fff;padding:18px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:11px;text-align:left;color:#0b3158;cursor:pointer}.season-tab i{grid-row:1/3;font-size:24px;align-self:center;color:#21a55c}.season-tab:nth-child(2)i{color:#ff9b00}.season-tab:nth-child(3)i{color:#ef7543}.season-tab:nth-child(4)i{color:#4e8fe9}.season-tab b{font-size:12px}.season-tab span{font-size:11px;color:#607a94;margin-top:3px}.season-tab.active{border-color:#66c788;box-shadow:0 -2px 0 #48b86f inset;background:#fbfffc}.season-panel{border:1px solid #68c58a;border-radius:0 18px 18px 18px;padding:28px;background:#fff;box-shadow:0 15px 35px rgba(8,47,86,.05)}.season-panel h3{font:700 21px 'Playfair Display',serif;color:#178747;margin:0 0 10px}.season-panel>p{font-size:13px;color:#334e69;max-width:850px}.season-country-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:22px}.season-country-cards article{overflow:hidden;border:1px solid #e2e9ee;border-radius:12px;background:#fff;box-shadow:0 6px 15px rgba(8,47,86,.04)}.season-img{height:100px;background-size:cover;background-position:center}.season-img--1{background-image:url('/images/home/homephoto.png')}.season-img--2{background-image:url('/images/destinations/asia.png')}.season-img--3{background-image:url('/images/home/2.png')}.season-img--4{background-image:url('/images/home/3.png')}.season-img--5{background-image:url('/images/home/4.png')}.season-img--6{background-image:url('/images/home/middle2.png')}.season-country-cards b,.season-country-cards span{display:block;padding:0 12px}.season-country-cards b{font-size:11px;margin-top:10px}.season-country-cards span{font-size:10px;color:#60758b;line-height:1.4;padding-bottom:12px;margin-top:5px;min-height:40px}.asia-travel-tip{display:flex;align-items:center;gap:10px;padding:14px 22px;background:#f0fbf4;border:1px solid #d6efe0;border-radius:0 0 14px 14px;color:#315f49;font-size:12px}.asia-travel-tip i{color:#18a55d}.asia-country-explorer{padding:34px 10px 70px}.asia-country-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.asia-country-heading label{width:260px;height:44px;display:flex;align-items:center;border:1px solid #dce8f0;border-radius:12px;padding:0 14px;background:#fff}.asia-country-heading input{border:0;outline:0;flex:1;font:500 12px 'DM Sans';color:#274766}.asia-country-heading i{color:#356fbc}.asia-country-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}.asia-country-grid a{height:48px;padding:0 15px;display:flex;align-items:center;gap:10px;border:1px solid #e2eaf0;border-radius:11px;background:#fff;text-decoration:none;color:#0b3158;font-size:16px;box-shadow:0 4px 12px rgba(8,47,86,.025)}.asia-country-grid a b{font-size:11px}.asia-country-grid a:hover{border-color:#73aef1;transform:translateY(-2px)}.asia-country-grid .asia-more{font-size:11px;color:#196be8;font-weight:800;justify-content:center}.asia-view-all{display:flex;width:max-content;margin:18px auto 0;padding:12px 22px;border:1px solid #2e7be9;border-radius:999px;text-decoration:none;color:#1a69dc;font-size:12px;font-weight:800;gap:12px;align-items:center}
@media(max-width:900px){.asia-ref-hero-grid{grid-template-columns:1fr}.asia-ref-art{margin-top:30px}.asia-feature-strip{grid-template-columns:1fr 1fr}.asia-feature-strip article:nth-child(2){border-right:0}.season-country-cards{grid-template-columns:repeat(3,1fr)}.asia-country-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.asia-ref-shell{width:calc(100% - 28px)}.asia-ref-copy h1{font-size:58px}.asia-ref-art{height:330px}.asia-feature-strip{grid-template-columns:1fr}.asia-feature-strip article{border-right:0;border-bottom:1px solid #e6edf2}.season-tabs{grid-template-columns:1fr 1fr}.season-country-cards{grid-template-columns:1fr 1fr}.asia-country-heading{align-items:stretch;flex-direction:column}.asia-country-heading label{width:100%}.asia-country-grid{grid-template-columns:1fr 1fr}}

/* =====================================================================
   V17 — premium public tour detail + exact 8 experience categories
   ===================================================================== */

/* Homepage: keep the approved background and present the 8 core categories as 4 + 4. */
.home-page .experience-section{
  position:relative!important;
  width:min(1200px,calc(100% - 52px))!important;
  min-height:430px!important;
  margin:34px auto 72px!important;
  border-radius:28px!important;
  background:#eefaff url('/images/home/up.png') center/cover no-repeat!important;
  box-shadow:0 20px 55px rgba(7,47,86,.08)!important;
  overflow:hidden!important;
}
.home-page .experience-section>.page-shell{
  width:100%!important;
  min-height:430px!important;
  padding:44px!important;
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:34px!important;
  align-items:center!important;
}
.home-page .experience-section .section-heading{margin:0!important;align-self:center!important}
.home-page .experience-section .section-heading h2{font-size:2.55rem!important;line-height:1.03!important;max-width:290px!important;margin-bottom:12px!important}
.home-page .experience-section .section-heading p{max-width:270px!important;color:#61758a!important}
.home-page .dynamic-category-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,1fr)!important;
  gap:14px!important;
  overflow:visible!important;
  padding:0!important;
  background:transparent!important;
}
.home-page .dynamic-category-grid .experience-card{
  min-width:0!important;
  min-height:148px!important;
  padding:19px 16px!important;
  border-radius:17px!important;
  border:1px solid rgba(211,227,238,.95)!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 11px 28px rgba(8,47,86,.07)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.home-page .dynamic-category-grid .experience-card:hover{transform:translateY(-5px)!important;box-shadow:0 18px 34px rgba(8,47,86,.12)!important;border-color:#c5e2f2!important}
.home-page .dynamic-category-grid .experience-icon{width:42px!important;height:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#e8f7ff!important;color:#22a6e9!important;font-size:1rem!important}
.home-page .dynamic-category-grid .experience-card:nth-child(2n) .experience-icon{background:#fff2df!important;color:#ff870f!important}
.home-page .dynamic-category-grid .experience-card h3{font-size:.91rem!important;line-height:1.18!important;margin:11px 0 5px!important;color:#082f58!important}
.home-page .dynamic-category-grid .experience-card p{font-size:.66rem!important;line-height:1.45!important;color:#748498!important;margin:0!important}
.home-page .dynamic-category-grid .experience-link{display:none!important}
@media(max-width:1050px){
  .home-page .experience-section>.page-shell{grid-template-columns:1fr!important}
  .home-page .experience-section .section-heading h2,.home-page .experience-section .section-heading p{max-width:620px!important}
}
@media(max-width:760px){.home-page .dynamic-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important}.home-page .experience-section>.page-shell{padding:30px 24px!important}}
@media(max-width:480px){.home-page .dynamic-category-grid{grid-template-columns:1fr!important}}

/* Public tour detail — clean travel-agency composition matching the approved reference. */
body.experiences-page.tours-search-page{background:linear-gradient(180deg,#fff 0%,#f7fbff 74%,#fff 100%)!important}
body.experiences-page.tours-search-page main>.content-section{padding:24px 0 54px!important;background:radial-gradient(circle at 0 34%,rgba(229,247,255,.82),transparent 30%),radial-gradient(circle at 100% 55%,rgba(255,241,208,.38),transparent 27%)!important}
body.experiences-page.tours-search-page main .page-shell{width:min(1250px,calc(100% - 50px))!important}
.experiences-page .tour-breadcrumb{margin:3px 0 22px!important;font-size:.72rem!important;color:#74869a!important}
.experiences-page .tour-breadcrumb a{color:#3f607f!important;text-decoration:none!important}
.experiences-page .tour-hero-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:30px!important;margin:0 0 20px!important}
.experiences-page .tour-hero-heading>div:first-child{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:9px 12px!important;max-width:820px!important}
.experiences-page .tour-category-pill{order:1;display:inline-flex!important;align-items:center!important;width:max-content!important;padding:8px 13px!important;border-radius:999px!important;background:#ff850f!important;color:#fff!important;font-size:.66rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.07em!important}
.experiences-page .tour-eyebrow{order:2!important;width:100%!important;font-size:.67rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.03em!important;color:#ff7900!important;margin:2px 0 0!important}
.experiences-page .tour-hero-heading h1{order:3!important;width:100%!important;font:700 clamp(2.2rem,4vw,4rem)/.98 'Playfair Display',serif!important;color:#082f58!important;margin:4px 0 2px!important;max-width:720px!important}
.experiences-page .tour-hero-meta{order:4!important;width:100%!important;display:flex!important;align-items:center!important;gap:9px!important;color:#536d87!important;font-size:.72rem!important}
.experiences-page .tour-stars{color:#ff8a00!important}
.experiences-page .tour-top-actions{display:flex!important;gap:10px!important;align-self:flex-start!important;margin-top:4px!important}
.experiences-page .tour-top-actions button{height:44px!important;padding:0 18px!important;border-radius:999px!important;border:1px solid #dde8ef!important;background:#fff!important;color:#173d62!important;font-weight:700!important;box-shadow:0 8px 22px rgba(8,47,86,.06)!important}
.experiences-page .tour-detail-main{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:24px!important;align-items:start!important}
.experiences-page .tour-detail-left{min-width:0!important}
.experiences-page .tour-gallery-area{margin:0!important}
.experiences-page .tour-gallery{height:520px!important;border-radius:24px!important;overflow:hidden!important;background:#eef5f8!important;box-shadow:0 18px 42px rgba(8,47,86,.10)!important}
.experiences-page .tour-gallery img{width:100%!important;height:100%!important;object-fit:cover!important}
.experiences-page .tour-gallery-thumbnails{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important;overflow:hidden!important}
.experiences-page .tour-gallery-thumb{height:86px!important;border-radius:12px!important;overflow:hidden!important;border:2px solid transparent!important;padding:0!important;background:#fff!important}
.experiences-page .tour-gallery-thumb.active{border-color:#ff8a00!important;box-shadow:0 7px 18px rgba(255,126,0,.16)!important}
.experiences-page .tour-gallery-counter{left:18px!important;right:auto!important;bottom:18px!important;background:rgba(5,33,59,.78)!important;color:#fff!important;border-radius:999px!important;padding:8px 12px!important}
.experiences-page .tour-gallery-open{right:18px!important;bottom:18px!important;border-radius:999px!important;background:#fff!important;color:#10375d!important;border:0!important;box-shadow:0 8px 24px rgba(0,0,0,.14)!important}
.experiences-page .tour-trust-strip{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin:18px 0!important;background:#fff!important;border:1px solid #e4edf4!important;border-radius:19px!important;padding:16px!important;box-shadow:0 12px 34px rgba(8,47,86,.06)!important}
.experiences-page .tour-trust-strip>div{padding:5px 13px!important;border-right:1px solid #e9eff4!important;min-width:0!important}
.experiences-page .tour-trust-strip>div:last-child{border-right:0!important}
.experiences-page .tour-trust-strip>div>span{width:38px!important;height:38px!important;border-radius:11px!important;background:#edf7ff!important;color:#1e9ee7!important}
.experiences-page .tour-trust-strip strong{font-size:.73rem!important;color:#0b3158!important}.experiences-page .tour-trust-strip small{font-size:.59rem!important;line-height:1.35!important;color:#75869a!important}
.experiences-page .public-tour-facts,.experiences-page .public-pricing-section,.experiences-page .tour-section{border:1px solid #e5edf3!important;border-radius:20px!important;background:#fff!important;box-shadow:0 13px 34px rgba(8,47,86,.055)!important;margin:16px 0!important;padding:22px!important}
.experiences-page .public-facts-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.experiences-page .public-fact{min-height:96px!important;border-radius:14px!important;background:#fbfdff!important;box-shadow:none!important}
.experiences-page .public-pricing-section{background:linear-gradient(135deg,#fff 0%,#f7fbff 100%)!important}
.experiences-page .tour-sidebar-card{position:sticky!important;top:105px!important;border-radius:22px!important;background:#fff!important;border:1px solid #e1eaf1!important;padding:22px!important;box-shadow:0 20px 52px rgba(7,43,76,.11)!important;overflow:hidden!important}
.experiences-page .tour-sidebar-card:before{content:''!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:4px!important;background:linear-gradient(90deg,#1ba7ee,#ffd22e,#ff7a00)!important}
.experiences-page .tour-sidebar-card h3{font:700 1.45rem/1.12 'Playfair Display',serif!important;color:#0a3158!important;margin:8px 0 8px!important}
.experiences-page .sidebar-price{padding:18px 0!important;border-top:1px solid #e8eef3!important;border-bottom:1px solid #e8eef3!important;margin:14px 0!important}
.experiences-page .sidebar-price span{display:block!important;font-size:.65rem!important;color:#718297!important}.experiences-page .sidebar-price strong{font:700 2.15rem 'Playfair Display',serif!important;color:#082f58!important}.experiences-page .sidebar-price small{color:#6f8297!important;font-size:.64rem!important}
.experiences-page .tour-login-btn{height:52px!important;border-radius:13px!important;background:linear-gradient(90deg,#ff7500,#ff9a13)!important;color:#fff!important;box-shadow:0 12px 26px rgba(255,126,0,.24)!important;text-transform:uppercase!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.04em!important}
.experiences-page .lmd-cart-btn{min-height:49px!important;border-radius:13px!important;background:#fff!important;border:1px solid #75ca91!important;color:#168b44!important}
.experiences-page .tour-info-table>div{padding:11px 0!important;border-bottom:1px solid #edf1f4!important}.experiences-page .tour-info-table>div:last-child{border-bottom:0!important}
.experiences-page .tour-help-box{background:#082f58!important;color:#fff!important;border-radius:16px!important}.experiences-page .tour-help-box a,.experiences-page .tour-help-box p,.experiences-page .tour-help-box strong{color:#fff!important}
.experiences-page .tour-cancel-box{border-radius:14px!important;background:#eefaf2!important;border:1px solid #d6efde!important;color:#1b6840!important}

/* Same-city/same-country recommendations. */
.related-tours-section{margin:52px 0 8px!important;padding-top:12px!important;position:relative!important}
.related-tours-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;margin-bottom:20px!important}
.related-eyebrow{display:block!important;color:#ff7900!important;text-transform:uppercase!important;font-size:.64rem!important;font-weight:800!important;letter-spacing:.12em!important;margin-bottom:6px!important}
.related-tours-heading h2{font:700 2.25rem/1.05 'Playfair Display',serif!important;color:#082f58!important;margin:0!important}.related-tours-heading p{margin:6px 0 0!important;color:#72849a!important;font-size:.78rem!important}
.related-tours-heading>a{text-decoration:none!important;color:#173d62!important;font-size:.71rem!important;font-weight:800!important;white-space:nowrap!important}.related-tours-heading>a i{margin-left:8px!important;color:#ff8200!important}
.related-carousel{position:relative!important;padding:0 30px!important}
.related-track{display:flex!important;gap:18px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;padding:4px 2px 18px!important}.related-track::-webkit-scrollbar{display:none!important}
.related-tour-card{flex:0 0 calc((100% - 54px)/4)!important;min-width:245px!important;scroll-snap-align:start!important;text-decoration:none!important;color:#0a3158!important;background:#fff!important;border:1px solid #e3ebf1!important;border-radius:17px!important;overflow:hidden!important;box-shadow:0 13px 32px rgba(8,47,86,.075)!important;transition:.25s ease!important}.related-tour-card:hover{transform:translateY(-5px)!important;box-shadow:0 19px 40px rgba(8,47,86,.13)!important}
.related-tour-image{height:180px!important;position:relative!important;overflow:hidden!important}.related-tour-image img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .4s ease!important}.related-tour-card:hover .related-tour-image img{transform:scale(1.045)!important}
.related-rating{position:absolute!important;left:10px!important;top:10px!important;background:#fff!important;border-radius:999px!important;padding:6px 9px!important;font-size:.68rem!important;box-shadow:0 5px 14px rgba(0,0,0,.12)!important}.related-rating i{color:#ff8b00!important}.related-heart{position:absolute!important;right:10px!important;top:10px!important;width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(8,47,86,.5)!important;color:#fff!important}
.related-tour-copy{padding:14px 15px 16px!important}.related-category{display:block!important;color:#8a98a8!important;font-size:.58rem!important;text-transform:uppercase!important;font-weight:800!important;letter-spacing:.06em!important}.related-tour-copy h3{font:700 1rem/1.18 'Playfair Display',serif!important;color:#082f58!important;margin:5px 0 7px!important;min-height:2.36em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.related-tour-copy p{font-size:.66rem!important;color:#718298!important;margin:0 0 12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.related-tour-copy p i{color:#ff8300!important;margin-right:5px!important}.related-tour-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;border-top:1px solid #edf1f4!important;padding-top:10px!important;font-size:.66rem!important;color:#6c7e91!important}.related-tour-bottom strong{color:#ff7300!important;font-size:.8rem!important}.related-tour-bottom>i{color:#0b3158!important}
.related-arrow{position:absolute!important;top:46%!important;transform:translateY(-50%)!important;z-index:5!important;width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid #dae7ef!important;background:#fff!important;color:#0b3158!important;box-shadow:0 10px 24px rgba(8,47,86,.12)!important;cursor:pointer!important}.related-arrow--left{left:-2px!important}.related-arrow--right{right:-2px!important}.related-arrow:hover{background:#ff8300!important;color:#fff!important;border-color:#ff8300!important}

@media(max-width:1050px){.experiences-page .tour-detail-main{grid-template-columns:1fr!important}.experiences-page .tour-sidebar-card{position:relative!important;top:auto!important}.related-tour-card{flex-basis:calc((100% - 36px)/3)!important}}
@media(max-width:760px){.experiences-page .tour-gallery{height:370px!important}.experiences-page .tour-trust-strip{grid-template-columns:1fr 1fr!important}.experiences-page .tour-trust-strip>div{border-right:0!important;border-bottom:1px solid #e9eff4!important}.experiences-page .public-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.related-tour-card{flex-basis:calc((100% - 18px)/2)!important}.related-tours-heading{align-items:flex-start!important;flex-direction:column!important}}
@media(max-width:520px){body.experiences-page.tours-search-page main .page-shell{width:calc(100% - 24px)!important}.experiences-page .tour-hero-heading{align-items:flex-start!important;flex-direction:column!important}.experiences-page .tour-gallery{height:290px!important}.experiences-page .tour-gallery-thumbnails{grid-template-columns:repeat(4,1fr)!important}.experiences-page .tour-gallery-thumb{height:64px!important}.experiences-page .public-facts-grid{grid-template-columns:1fr!important}.related-carousel{padding:0 23px!important}.related-tour-card{flex-basis:100%!important}.related-arrow{width:36px!important;height:36px!important}}

/* V17b: reference hero uses title + gallery + booking card in one premium row. */
@media(min-width:1051px){
  .experiences-page .tour-reference-layout{
    display:grid!important;
    grid-template-columns:300px minmax(0,1fr) 320px!important;
    grid-auto-rows:auto!important;
    column-gap:22px!important;
    row-gap:16px!important;
    align-items:start!important;
  }
  .experiences-page .tour-reference-layout>.tour-hero-heading{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    margin:0!important;
    padding:14px 4px 0 0!important;
    align-self:start!important;
  }
  .experiences-page .tour-hero-heading>div:first-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
  .experiences-page .tour-hero-heading h1{font-size:clamp(2.3rem,3.2vw,3.45rem)!important;max-width:290px!important;margin:3px 0 6px!important}
  .experiences-page .tour-hero-meta{flex-wrap:wrap!important;gap:7px!important}
  .experiences-page .tour-top-actions{margin-top:18px!important;display:flex!important;flex-wrap:wrap!important}
  .experiences-page .tour-detail-main{display:contents!important}
  .experiences-page .tour-detail-left{display:contents!important}
  .experiences-page .tour-gallery-area{grid-column:2!important;grid-row:1!important;margin:0!important}
  .experiences-page .tour-gallery{height:455px!important}
  .experiences-page .tour-sidebar-card{grid-column:3!important;grid-row:1 / span 20!important;position:sticky!important;top:105px!important;margin:0!important}
  .experiences-page .tour-detail-left>.tour-trust-strip,
  .experiences-page .tour-detail-left>.tour-section{
    grid-column:1 / 3!important;
    width:100%!important;
    margin:0!important;
  }
  .experiences-page .tour-detail-left>.tour-trust-strip{margin-top:2px!important}
}


/* =========================================================
   2026-08-14 V18 — Asia shell parity + tour action alignment
   ========================================================= */
/* Asia / continent pages use exactly the same public navigation proportions as Home. */
.continent-page > .site-header{
  position:relative!important;
  z-index:120!important;
  width:100%!important;
}
.continent-page .asia-ref-hero{padding-top:34px!important;}

/* Keep Favorites and Cart actions perfectly equal regardless of translated text length. */
.tours-search-page .tours-activity-grid .lmd-card-actions{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
}
.tours-search-page .tours-activity-grid .lmd-card-actions form{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  margin:0!important;
}
.tours-search-page .tours-activity-grid .lmd-fav-btn,
.tours-search-page .tours-activity-grid .lmd-cart-btn{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  line-height:1!important;
}
@media(max-width:520px){
  .tours-search-page .tours-activity-grid .lmd-fav-btn,
  .tours-search-page .tours-activity-grid .lmd-cart-btn{font-size:10px!important;padding:0 7px!important;}
}


/* V19 — reference continent pages */
.asia-country-grid .country-extra{display:none}
.asia-country-grid.show-all-countries .country-extra{display:flex}
.asia-view-all.country-toggle{background:#fff;cursor:pointer;font-family:'DM Sans',sans-serif}
.africa-reference-page .asia-ref-hero{background:radial-gradient(circle at 0 75%,rgba(255,207,85,.18),transparent 22%),radial-gradient(circle at 100% 68%,rgba(57,167,240,.12),transparent 24%)}
.africa-reference-page .asia-ref-copy h2:after{background:linear-gradient(90deg,#ff9a00,#ff6f00)}
.africa-reference-page .asia-country-stat{background:linear-gradient(135deg,#fff9e9,#fff2cf);border-color:#ffe0a2}
.africa-reference-page .asia-country-stat>i{color:#ff7a00}
.africa-reference-page .asia-ref-art{background:linear-gradient(180deg,rgba(235,247,255,.08),rgba(255,255,255,.02)),url('/images/destinations/africa.png') center/contain no-repeat;filter:saturate(.95) brightness(1.03)}
.africa-reference-page .asia-ref-art:before{background:#ffd95e}
.africa-reference-page .asia-feature-strip article:nth-child(3)>span{background:#edf9ef;color:#20a35a}
.africa-reference-page .asia-feature-strip article:nth-child(4)>span{background:#eef5ff;color:#257bea}
.africa-reference-page .season-img--1{background-image:url('/images/home/2.png')}
.africa-reference-page .season-img--2{background-image:url('/images/destinations/africa.png')}
.africa-reference-page .season-img--3{background-image:url('/images/home/4.png')}
.africa-reference-page .season-img--4{background-image:url('/images/home/3.png')}
.africa-reference-page .season-img--5{background-image:url('/images/home/middle1.png')}
.africa-reference-page .season-img--6{background-image:url('/images/home/middle2.png')}


/* V20 — reliable region interactions + Europe reference design */
.region-reference-page .season-tab,
.region-reference-page .country-toggle{position:relative;z-index:3;pointer-events:auto!important}
.region-reference-page .country-extra{display:none!important}
.region-reference-page .region-country-grid.show-all-countries .country-extra{display:flex!important}
.europe-reference-page .asia-ref-hero{background:radial-gradient(circle at 0 75%,rgba(255,207,85,.15),transparent 22%),radial-gradient(circle at 100% 68%,rgba(57,167,240,.12),transparent 24%)}
.europe-reference-page .asia-ref-copy h2:after{background:linear-gradient(90deg,#ff9a00,#ff6f00)}
.europe-reference-page .asia-country-stat{background:linear-gradient(135deg,#f7fbff,#eef6ff);border-color:#d9e8f6}
.europe-reference-page .asia-country-stat>i{color:#2f7ee8}
.europe-reference-page .asia-ref-art{background:linear-gradient(180deg,rgba(235,247,255,.05),rgba(255,255,255,.01)),url('/images/destinations/europe.png') center/contain no-repeat;filter:saturate(.96) brightness(1.03)}
.europe-reference-page .asia-ref-art:before{background:#ffd95e}
.europe-reference-page .asia-feature-strip article:nth-child(1)>span{background:#eef5ff;color:#257bea}
.europe-reference-page .asia-feature-strip article:nth-child(2)>span{background:#fff2df;color:#ff870f}
.europe-reference-page .asia-feature-strip article:nth-child(3)>span{background:#edf9ef;color:#20a35a}
.europe-reference-page .asia-feature-strip article:nth-child(4)>span{background:#eef5ff;color:#257bea}
.europe-reference-page .season-img--1{background-image:url('/images/home/destinations/europe.png')}
.europe-reference-page .season-img--2{background-image:url('/images/home/homephoto.png')}
.europe-reference-page .season-img--3{background-image:url('/images/home/destinations/europe.png')}
.europe-reference-page .season-img--4{background-image:url('/images/destinations/europe.png')}
.europe-reference-page .season-img--5{background-image:url('/images/home/homephoto.png')}
.europe-reference-page .season-img--6{background-image:url('/images/destinations/europe.png')}

/* V21 destination reference pages */
.north-america-reference-page .asia-ref-art{background:linear-gradient(180deg,rgba(235,247,255,.05),rgba(255,255,255,.01)),url('/images/destinations/north.png') center/contain no-repeat;filter:saturate(.98) brightness(1.03)}
.south-america-reference-page .asia-ref-art{background:linear-gradient(180deg,rgba(235,247,255,.05),rgba(255,255,255,.01)),url('/images/destinations/south.png') center/contain no-repeat;filter:saturate(.98) brightness(1.03)}
.oceania-reference-page .asia-ref-art{background:linear-gradient(180deg,rgba(235,247,255,.05),rgba(255,255,255,.01)),url('/images/destinations/ocieana.png') center/contain no-repeat;filter:saturate(.98) brightness(1.03)}
.north-america-reference-page .asia-ref-hero,.south-america-reference-page .asia-ref-hero,.oceania-reference-page .asia-ref-hero{background:radial-gradient(circle at 0 78%,rgba(255,207,85,.14),transparent 22%),radial-gradient(circle at 100% 68%,rgba(57,167,240,.12),transparent 24%)}
.north-america-reference-page .asia-ref-copy h2:after,.south-america-reference-page .asia-ref-copy h2:after,.oceania-reference-page .asia-ref-copy h2:after{background:linear-gradient(90deg,#ff9a00,#ff6f00)}
.north-america-reference-page .asia-country-stat,.south-america-reference-page .asia-country-stat,.oceania-reference-page .asia-country-stat{background:linear-gradient(135deg,#f7fbff,#eef6ff);border-color:#d9e8f6}
.north-america-reference-page .asia-country-stat>i,.south-america-reference-page .asia-country-stat>i,.oceania-reference-page .asia-country-stat>i{color:#2f7ee8}
.north-america-reference-page .season-img--1,.north-america-reference-page .season-img--4{background-image:url('/images/destinations/north.png')}
.north-america-reference-page .season-img--2,.north-america-reference-page .season-img--5{background-image:url('/images/home/homephoto.png')}
.north-america-reference-page .season-img--3,.north-america-reference-page .season-img--6{background-image:url('/images/home/4.png')}
.south-america-reference-page .season-img--1,.south-america-reference-page .season-img--4{background-image:url('/images/destinations/south.png')}
.south-america-reference-page .season-img--2,.south-america-reference-page .season-img--5{background-image:url('/images/home/middle1.png')}
.south-america-reference-page .season-img--3,.south-america-reference-page .season-img--6{background-image:url('/images/home/homephoto.png')}
.oceania-reference-page .season-img--1,.oceania-reference-page .season-img--4{background-image:url('/images/destinations/ocieana.png')}
.oceania-reference-page .season-img--2,.oceania-reference-page .season-img--5{background-image:url('/images/home/middle2.png')}
.oceania-reference-page .season-img--3,.oceania-reference-page .season-img--6{background-image:url('/images/home/homephoto.png')}

/* Share + favourite controls on tour detail */
.tour-top-actions{position:relative;display:flex;gap:10px;align-items:center}
.tour-share-menu{position:absolute;right:0;top:calc(100% + 12px);z-index:60;width:300px;padding:14px;border:1px solid #dce9f4;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(9,47,86,.16);display:none}
.tour-share-menu.is-open{display:block;animation:lmdShareIn .2s ease-out}
@keyframes lmdShareIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.tour-share-menu h4{margin:0 0 10px;color:#0b3159;font:700 16px 'DM Sans',sans-serif}
.tour-share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.tour-share-grid a,.tour-share-grid button{min-height:58px;border:1px solid #e4edf5;border-radius:14px;background:#f9fcff;color:#0c3158;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;text-decoration:none;font-size:11px;cursor:pointer}
.tour-share-grid i{font-size:18px;color:#ff7a00}.tour-share-grid a:hover,.tour-share-grid button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(10,49,89,.1)}
@media(max-width:640px){.tour-share-menu{position:fixed;left:14px;right:14px;top:auto;bottom:18px;width:auto}.tour-share-grid{grid-template-columns:repeat(4,1fr)}}


/* V23 Trending favorite interaction */
.home-page .trending-image-wrap{position:relative!important;display:block!important;background-size:cover!important;background-position:center!important;overflow:hidden!important}
.home-page .trending-image-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.home-page .trending-image-wrap .rating-badge{position:absolute;z-index:3;left:12px;top:12px}
.home-page .trending-favorite-form{position:absolute;z-index:5;right:12px;top:12px;margin:0}
.home-page .trending-favorite-button{position:static!important;width:40px!important;height:40px!important;border:0!important;border-radius:50%!important;background:rgba(9,42,72,.48)!important;color:#fff!important;display:grid!important;place-items:center!important;cursor:pointer!important;font-size:18px!important;box-shadow:0 8px 20px rgba(0,0,0,.12)!important;transition:.2s ease!important}
.home-page .trending-favorite-button:hover,.home-page .trending-favorite-button.is-active{background:#fff!important;color:#ff6f3c!important;transform:scale(1.07)!important}
/* V24 reliable Trending favorite heart */
.home-page .trending-favorite-button .favorite-heart-glyph{display:block;font-family:Arial,sans-serif;font-size:25px;line-height:1;color:#fff;transform:translateY(-1px)}
.home-page .trending-favorite-button.is-active .favorite-heart-glyph,.home-page .trending-favorite-button:hover .favorite-heart-glyph{color:#ff6f3c}
.home-page .trending-favorite-button[data-busy="1"]{opacity:.65;pointer-events:none}

/* v28: tour image library controls */
.existing-image,.image-preview-item{position:relative;overflow:hidden}
.remove-tour-image,.remove-new-image{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:#fff;color:#ef4444;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 16px rgba(8,42,76,.18);z-index:4;transition:.2s ease}
.remove-tour-image:hover,.remove-new-image:hover{background:#ef4444;color:#fff;transform:scale(1.06)}

/* v28 hold-booking checkout */
.booking-payment-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 18px}.booking-pay-option{display:block;border:1px solid #dbe7f2;border-radius:16px;background:#fff;cursor:pointer;transition:.2s ease}.booking-pay-option input{position:absolute;opacity:0}.booking-pay-option>span{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;padding:17px}.booking-pay-option i{grid-row:1/4;color:#ff7a00;font-size:20px}.booking-pay-option b{color:#0a2e52}.booking-pay-option small{color:#6f8398}.booking-pay-option strong{color:#ff7000;margin-top:6px}.booking-pay-option.selected{border-color:#ff8a1c;box-shadow:0 8px 24px rgba(255,122,0,.12);background:#fffaf4}.hold-policy{display:flex;gap:12px;background:#eff8ff;border:1px solid #cfe7fb;padding:14px 16px;border-radius:14px;margin-bottom:20px;color:#214968}.hold-policy i{color:#1687d9;font-size:20px}.hold-policy p{margin:4px 0 0;font-size:13px;line-height:1.55}.hold-receipt-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff8ed;border:1px solid #ffd8a8;padding:18px 22px;border-radius:16px;margin:22px 0}.hold-receipt-card>div{display:flex;gap:12px;align-items:center}.hold-receipt-card i{font-size:24px;color:#ff7a00}.hold-receipt-card span{display:flex;flex-direction:column;gap:4px}.hold-receipt-card small{color:#7b6a56}@media(max-width:700px){.booking-payment-options{grid-template-columns:1fr}.hold-receipt-card{align-items:flex-start;flex-direction:column}}

/* ===== LMD LIVE CUSTOMER CHAT ===== */
.lmd-livechat{position:fixed;right:24px;bottom:24px;z-index:9999;font-family:Inter,Arial,sans-serif}.lmd-chat-launch{border:0;background:linear-gradient(135deg,#ff7a00,#ffac20);color:#fff;border-radius:999px;padding:14px 19px;display:flex;align-items:center;gap:9px;font-weight:800;box-shadow:0 14px 35px rgba(255,122,0,.28);cursor:pointer}.lmd-chat-launch i{font-size:18px}.lmd-chat-panel{position:absolute;right:0;bottom:64px;width:360px;height:520px;background:#fff;border:1px solid #dfebf4;border-radius:22px;box-shadow:0 25px 70px rgba(6,38,69,.2);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto auto auto;opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;transition:.22s ease}.lmd-chat-panel.open{opacity:1;transform:none;pointer-events:auto}.lmd-chat-panel>header{padding:17px 18px;background:linear-gradient(135deg,#082f55,#0e568b);color:#fff;display:flex;align-items:center;justify-content:space-between}.lmd-chat-panel header>div{display:grid;grid-template-columns:10px 1fr;column-gap:8px}.lmd-chat-panel header strong,.lmd-chat-panel header small{grid-column:2}.lmd-chat-panel header small{opacity:.75;font-size:11px;margin-top:2px}.lmd-chat-status{width:9px;height:9px;background:#4cd792;border-radius:50%;grid-row:1/3;align-self:center;box-shadow:0 0 0 4px rgba(76,215,146,.15)}.lmd-chat-panel header button{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;width:32px;height:32px;font-size:22px;cursor:pointer}.lmd-chat-messages{overflow:auto;padding:16px;background:linear-gradient(180deg,#f7fbff,#fff)}.lmd-chat-welcome{display:grid;gap:4px;background:#fff8ef;border:1px solid #ffe1bc;border-radius:13px;padding:12px;color:#38536c;font-size:12px;margin-bottom:12px}.lmd-chat-msg{max-width:78%;padding:10px 12px;border-radius:14px;margin:8px 0;font-size:12px;line-height:1.4}.lmd-chat-msg.customer{margin-left:auto;background:#ff8a18;color:#fff;border-bottom-right-radius:4px}.lmd-chat-msg.support{background:#edf6ff;color:#173d61;border-bottom-left-radius:4px}.lmd-chat-profile{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 0}.lmd-chat-profile input{height:38px;border:1px solid #dce7ef;border-radius:10px;padding:0 10px;font:inherit;font-size:12px;outline:0}.lmd-chat-compose{display:grid;grid-template-columns:1fr 44px;gap:8px;padding:10px 12px}.lmd-chat-compose textarea{resize:none;height:46px;border:1px solid #dce7ef;border-radius:12px;padding:11px;font:inherit;font-size:12px;outline:0}.lmd-chat-compose button{border:0;border-radius:12px;background:#ff8516;color:#fff;cursor:pointer}.lmd-chat-panel>footer{text-align:center;padding:0 12px 12px;font-size:10px;color:#8594a4}.lmd-chat-panel>footer i{color:#22ae68;margin-right:4px}@media(max-width:560px){.lmd-livechat{right:14px;bottom:14px}.lmd-chat-panel{position:fixed;right:10px;left:10px;bottom:78px;width:auto;height:min(560px,72vh)}.lmd-chat-launch span{display:none}.lmd-chat-launch{width:52px;height:52px;justify-content:center;padding:0}}

/* ===== Public account dropdown reliability ===== */
.site-header, .site-header .header-shell, .header-actions { overflow: visible !important; }
.account-dropdown { position: relative; z-index: 10050; }
.account-menu, .account-dropdown-menu { z-index: 10060 !important; }
.account-menu-form { margin: 0; }
.account-menu-logout { width:100%; border:0; background:transparent; padding:11px 10px; display:flex; align-items:center; gap:11px; border-radius:10px; cursor:pointer; text-align:left; font:inherit; }
.account-menu-logout:hover { background:#f7f3ec; }
.account-menu-logout strong, .account-menu-logout small { display:block; }
.account-menu-logout strong { color:var(--navy,#0a2b50); font-size:.77rem; }
.account-menu-logout small { margin-top:2px; color:var(--muted,#78869a); font-size:.64rem; }

/* ===== Voucher download button ===== */
.voucher-download-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border:1px solid #bdddf8;border-radius:16px;background:linear-gradient(135deg,#eef8ff,#fff9df);color:#0a2b50;font-weight:800;box-shadow:0 12px 28px rgba(30,120,190,.10);transition:.2s ease;}
.voucher-download-button i{color:#ff7a00;font-size:1.1rem}.voucher-download-button:hover{transform:translateY(-2px);border-color:#ffbf45;box-shadow:0 16px 34px rgba(255,122,0,.16)}

/* ===== V32 account dropdown hardening ===== */
.site-header{overflow:visible!important;isolation:auto!important}
.site-header .header-shell,.site-header .header-actions,.lmd-header-tools{overflow:visible!important}
.account-dropdown{position:relative!important;z-index:2147483000!important}
.account-menu,.account-dropdown-menu{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;z-index:2147483640!important;min-width:250px!important;height:auto!important;max-height:none!important;overflow:visible!important;background:#fff!important;border:1px solid rgba(10,43,80,.10)!important;border-radius:16px!important;box-shadow:0 22px 55px rgba(7,27,53,.20)!important;padding:8px!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(-5px)!important;transition:opacity .16s ease,transform .16s ease!important}
.account-dropdown.is-open .account-menu,.account-dropdown.is-open .account-dropdown-menu{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}
.account-menu a,.account-dropdown-menu a,.account-menu-logout{visibility:visible!important;opacity:1!important}

/* V33 — B2B account-credit checkout */
.b2b-credit-banner{display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid #cfe8fb;border-radius:16px;background:linear-gradient(135deg,#f0f9ff,#fff8e9);margin:0 0 18px;box-shadow:0 12px 32px rgba(18,70,110,.06)}.b2b-credit-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e4f4ff;color:#1684de;font-size:20px}.b2b-credit-banner>div:nth-child(2){display:grid;gap:2px;flex:1}.b2b-credit-banner small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#70849a;font-weight:800}.b2b-credit-banner strong{font-size:16px;color:#0d3155}.b2b-credit-banner p{margin:2px 0 0;color:#647b91;font-size:11px}.b2b-balance{text-align:right;display:grid;gap:4px}.b2b-balance b{font-size:23px;color:#0aa460}.payment-error-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #ffcfc9;background:#fff2f0;color:#b8443c;border-radius:11px;margin-bottom:15px;font-size:12px;font-weight:700}.b2b-checkout-note{display:flex;gap:12px;padding:14px 15px;border-radius:12px;background:#f5faff;border:1px solid #d7eaf9;margin:18px 0}.b2b-checkout-note>i{color:#1684de;margin-top:3px}.b2b-checkout-note b{display:block;color:#103653;margin-bottom:3px}.b2b-checkout-note p{margin:0;color:#657b90;font-size:11px;line-height:1.5}.b2b-insufficient-hint{text-align:center;color:#b34b42;font-size:11px;font-weight:700;margin:10px 0 0}.payment-submit:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}
@media(max-width:680px){.b2b-credit-banner{align-items:flex-start;flex-wrap:wrap}.b2b-balance{width:100%;text-align:left;padding-left:62px}}


/* =========================================================
   V35 — homepage experience icons, experience hero cleanup,
   unified public footer, careers reference design
   ========================================================= */
/* Center the icon tile above each experience card title. */
.home-page .dynamic-category-grid .experience-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
.home-page .dynamic-category-grid .experience-icon{margin:0 auto 14px!important;align-self:center!important;display:grid!important;place-items:center!important}
.home-page .dynamic-category-grid .experience-card h3,.home-page .dynamic-category-grid .experience-card p{width:100%!important;text-align:center!important}
.home-page .dynamic-category-grid .experience-link{display:none!important}

/* Experiences hero: user requested removal of destination/rating search box. */
.experiences-page .experiences-hero{min-height:520px!important}
.experiences-page .experiences-hero-inner{min-height:520px!important;justify-content:center!important;padding:60px 0!important}
.experiences-page .experiences-hero-copy{max-width:520px!important}
.experiences-page .experience-search-panel{display:none!important}

/* One footer, identical public structure on every public template. */
body .site-footer.lmd-unified-footer{background:#062f54 url('/images/home/footer.png') center/cover no-repeat!important;min-height:360px!important;padding:72px 0 48px!important;margin-top:0!important;color:#fff!important;border-top:0!important;position:relative!important;overflow:hidden!important}
body .site-footer.lmd-unified-footer::before,body .site-footer.lmd-unified-footer::after{display:none!important}
body .site-footer.lmd-unified-footer .page-shell{width:min(1180px,calc(100% - 64px))!important;margin:auto!important}
body .site-footer.lmd-unified-footer .footer-grid{display:grid!important;grid-template-columns:1.55fr .8fr .75fr 1fr!important;gap:70px!important;align-items:start!important}
body .site-footer.lmd-unified-footer .footer-brand img{width:185px!important;height:auto!important;margin-bottom:8px!important}
body .site-footer.lmd-unified-footer .footer-brand p{max-width:380px!important;color:#fff!important;opacity:.92!important;font-size:16px!important;line-height:1.75!important;margin:0 0 24px!important}
body .site-footer.lmd-unified-footer .footer-column{display:flex!important;flex-direction:column!important;gap:20px!important}
body .site-footer.lmd-unified-footer .footer-column h3{margin:0 0 14px!important;color:#fff!important;text-transform:uppercase!important;font-size:17px!important;letter-spacing:.1em!important}
body .site-footer.lmd-unified-footer .footer-column a,body .site-footer.lmd-unified-footer .footer-column span{color:#fff!important;font-size:16px!important;line-height:1.55!important;text-decoration:none!important}
body .site-footer.lmd-unified-footer .footer-column a:hover{color:#ff9a17!important;transform:translateX(3px)!important}
body .site-footer.lmd-unified-footer .footer-column i{color:#ff9419!important;margin-right:8px!important;width:18px!important;text-align:center!important}
body .site-footer.lmd-unified-footer .social-links{display:flex!important;gap:12px!important;margin-top:8px!important}
body .site-footer.lmd-unified-footer .social-links a{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;color:#fff!important;background:rgba(255,255,255,.07)!important}
body .site-footer.lmd-unified-footer .social-links a:hover{background:#ff8a16!important;border-color:#ff8a16!important;transform:translateY(-2px)!important}
@media(max-width:900px){body .site-footer.lmd-unified-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:42px!important}}
@media(max-width:620px){body .site-footer.lmd-unified-footer .page-shell{width:calc(100% - 34px)!important}body .site-footer.lmd-unified-footer .footer-grid{grid-template-columns:1fr!important;gap:34px!important}}

/* CAREERS — reference-matched light travel editorial page */
.lmd-careers-page{background:#fff!important;color:#082f57!important}.career-reference-main{overflow:hidden;background:#fff}.career-ref-shell{width:min(1180px,calc(100% - 56px));margin:0 auto}.career-ref-kicker{display:block;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:12px;color:#ff810c;margin-bottom:14px}.career-ref-hero{position:relative;background:linear-gradient(110deg,#fff 0%,#fff 48%,#ecf8ff 100%);padding:64px 0 0;overflow:hidden}.career-ref-hero::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:#e8f7ff;left:-170px;top:40px}.career-ref-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center;min-height:510px}.career-ref-copy{position:relative;z-index:2;padding:20px 0 72px}.career-ref-copy h1,.career-ref-section-head h2,.career-ref-open h2,.career-ref-culture h2,.career-ref-final h2{font-family:'Playfair Display',serif;color:#082f57}.career-ref-copy h1{font-size:clamp(4rem,6vw,6.3rem);line-height:.84;margin:0 0 28px;letter-spacing:-.045em}.career-ref-copy h1 em{display:block;color:#ff7a0b;font-weight:600}.career-ref-copy h1 span{color:#f5aa16}.career-ref-copy p{font-size:17px;line-height:1.75;color:#49657f;max-width:520px}.career-ref-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.career-ref-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:15px 26px;font-weight:800;text-transform:uppercase;font-size:12px;text-decoration:none;transition:.2s ease}.career-ref-btn-primary{background:linear-gradient(90deg,#ff7a0b,#ff9e21);color:#fff;box-shadow:0 14px 28px rgba(255,124,10,.22)}.career-ref-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(255,124,10,.3)}.career-ref-btn-outline{border:1px solid #8ea6bb;color:#082f57;background:#fff}.career-ref-hero-art{height:510px;position:relative}.career-ref-hero-art::before{content:"";position:absolute;inset:24px 0 20px 26px;border-radius:48% 52% 41% 59% / 39% 42% 58% 61%;background:#fff1cf;transform:rotate(-2deg)}.career-ref-hero-art img{position:absolute;inset:44px 0 0 18px;width:100%;height:430px;object-fit:cover;border-radius:48% 52% 42% 58% / 41% 45% 55% 59%;z-index:1;box-shadow:0 22px 60px rgba(8,47,87,.13)}
.career-ref-benefits{background:linear-gradient(180deg,#f2fbff,#fff);padding:50px 0 70px}.career-ref-benefit-panel{background:#fff;border-radius:30px;padding:38px 42px;box-shadow:0 20px 52px rgba(8,47,87,.07);border:1px solid #e4eef6}.career-ref-section-head.centered{text-align:center}.career-ref-section-head h2{font-size:42px;margin:0 0 30px}.career-ref-benefit-grid{display:grid;grid-template-columns:repeat(5,1fr)}.career-ref-benefit-grid article{text-align:center;padding:5px 22px;min-height:170px;border-right:1px solid #e6edf3}.career-ref-benefit-grid article:last-child{border-right:0}.career-ref-benefit-grid article span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#fff8ee;color:#ff8212;font-size:24px;margin:0 auto 18px}.career-ref-benefit-grid h3{font-size:15px;line-height:1.35;color:#082f57;margin:0 0 10px}.career-ref-benefit-grid p{font-size:13px;line-height:1.55;color:#65788d;margin:0}
.career-ref-open{padding:82px 0;background:#fff}.career-ref-open-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.career-ref-open h2{font-size:54px;line-height:.94;margin:0 0 28px}.career-ref-open h2 em{display:block;color:#ff7d0b;font-weight:500}.career-ref-jobs{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}.career-ref-jobs a{display:grid;grid-template-columns:44px 1fr 32px;gap:12px;align-items:center;border:1px solid #dfe9f1;border-radius:13px;padding:10px 12px;text-decoration:none;color:#082f57;background:#fff;transition:.18s ease}.career-ref-jobs a:hover{border-color:#ff9b28;transform:translateX(4px);box-shadow:0 10px 24px rgba(8,47,87,.08)}.career-ref-jobs i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#ff8311;border:1px solid #ffd3a2;background:#fffaf3}.career-ref-jobs strong,.career-ref-jobs small{display:block}.career-ref-jobs small{margin-top:4px;color:#718398}.career-ref-jobs b{color:#ff8311;font-size:22px}.career-ref-open-image{position:relative}.career-ref-open-image::before{content:"";position:absolute;left:-40px;bottom:-30px;width:120px;height:120px;border-radius:50%;background:#ddf4ff}.career-ref-open-image img{position:relative;width:100%;aspect-ratio:1/1.05;object-fit:cover;border-radius:28px;box-shadow:0 26px 55px rgba(8,47,87,.12)}
.career-ref-culture{padding:82px 0;background:linear-gradient(90deg,#fff9ec,#f2fbff)}.career-ref-culture-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:76px;align-items:center}.career-ref-culture h2{font-size:48px;line-height:1.02;margin:0 0 18px}.career-ref-culture-copy p{max-width:460px;color:#526b82;line-height:1.7}.career-ref-avatars{display:flex;align-items:center;margin:28px 0 12px}.career-ref-avatars span,.career-ref-avatars b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin-right:-8px;border:3px solid #fff;background:#dff2fb;color:#0b4f83}.career-ref-avatars b{background:#56aef0;color:#fff}.career-ref-quote{background:#fff;border-radius:28px;padding:42px 48px;box-shadow:0 18px 45px rgba(8,47,87,.07);position:relative}.career-ref-quote-mark{font-family:Georgia,serif;font-size:92px;line-height:.6;color:#ffd359}.career-ref-quote>p{font-size:20px;line-height:1.65;color:#314e69;margin:8px 0 30px}.career-ref-person{display:flex;gap:12px;align-items:center}.career-ref-person>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e9f5fb;color:#0b4f83;font-weight:800}.career-ref-person small{display:block;color:#7b8b9b;margin-top:2px}
.career-ref-final{padding:74px 0 86px;background:#fff}.career-ref-final-card{min-height:250px;border-radius:30px;padding:45px 70px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;background:linear-gradient(100deg,#e7f8ff,#fff 48%,#edf8ff);border:1px solid #d9ecf8;overflow:hidden;position:relative}.career-ref-final-card::after{content:"";position:absolute;right:-70px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:rgba(83,180,240,.12)}.career-ref-luggage{font-size:120px;color:#ff8b18;filter:drop-shadow(0 15px 12px rgba(255,129,15,.18));text-align:center}.career-ref-final h2{font-size:46px;line-height:1.02;margin:0 0 12px}.career-ref-final p{color:#61778c;margin-bottom:24px}.lmd-careers-page .site-footer{margin-top:0!important}
@media(max-width:900px){.career-ref-hero-grid,.career-ref-open-grid,.career-ref-culture-grid,.career-ref-final-card{grid-template-columns:1fr}.career-ref-hero-art{height:380px}.career-ref-hero-art img{height:330px}.career-ref-benefit-grid{grid-template-columns:repeat(2,1fr)}.career-ref-benefit-grid article{border-right:0;border-bottom:1px solid #e6edf3}.career-ref-benefit-grid article:last-child{grid-column:1/-1}.career-ref-open-image{max-width:600px;margin:auto}.career-ref-luggage{display:none}}
@media(max-width:620px){.career-ref-shell{width:calc(100% - 28px)}.career-ref-copy h1{font-size:3.5rem}.career-ref-benefit-grid{grid-template-columns:1fr}.career-ref-benefit-grid article:last-child{grid-column:auto}.career-ref-open h2,.career-ref-culture h2,.career-ref-final h2{font-size:2.6rem}.career-ref-benefit-panel{padding:28px 20px}.career-ref-final-card{padding:34px 24px}.career-ref-quote{padding:32px 26px}}


/* V36 careers image + homepage category icon refinements */
.home-page .dynamic-category-grid .experience-icon{
  margin-left:auto!important;
  margin-right:auto!important;
  align-self:center!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
}
.home-page .dynamic-category-grid .experience-icon i{
  display:block!important;
  width:1em!important;
  height:1em!important;
  line-height:1!important;
  text-align:center!important;
  margin-left: 13px;
}

.lmd-careers-page .career-ref-hero{
  min-height:560px!important;
  padding:0!important;
  background:#fff url('/images/careers/carer1.png') center center/cover no-repeat!important;
}
.lmd-careers-page .career-ref-hero::before{display:none!important}
.lmd-careers-page .career-ref-hero-grid{
  min-height:560px!important;
  display:block!important;
  position:relative!important;
}
.lmd-careers-page .career-ref-copy{
  width:min(510px,43%)!important;
  padding:78px 0 70px!important;
  position:relative!important;
  z-index:2!important;
}
.lmd-careers-page .career-ref-hero-art{display:none!important}
.lmd-careers-page .career-ref-team-note{
  margin-top:24px!important;
  max-width:500px!important;
  color:#526b82!important;
  line-height:1.7!important;
  font-size:15px!important;
}
.lmd-careers-page .career-ref-quote{min-height:250px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.lmd-careers-page .career-ref-quote>p{margin-bottom:0!important;font-size:20px!important}
.lmd-careers-page .career-ref-person,.lmd-careers-page .career-ref-avatars{display:none!important}

.lmd-careers-page .career-ref-final-card{
  min-height:300px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  padding:45px 70px!important;
  background:#eef8ff url('/images/careers/thirdcareer.png') center center/cover no-repeat!important;
  border:1px solid #d9ecf8!important;
  border-radius:30px!important;
}
.lmd-careers-page .career-ref-final-card::after{display:none!important}
.lmd-careers-page .career-ref-final-content{
  width:min(520px,54%)!important;
  position:relative!important;
  z-index:2!important;
}
@media(max-width:900px){
  .lmd-careers-page .career-ref-hero{background-position:58% center!important;min-height:620px!important}
  .lmd-careers-page .career-ref-hero-grid{min-height:620px!important}
  .lmd-careers-page .career-ref-copy{width:58%!important;padding-top:64px!important}
  .lmd-careers-page .career-ref-final-card{min-height:340px!important;background-position:42% center!important;padding:38px!important}
  .lmd-careers-page .career-ref-final-content{width:58%!important;margin-left:auto!important}
}
@media(max-width:620px){
  .lmd-careers-page .career-ref-hero{background-image:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)),url('/images/careers/carer1.png')!important;background-position:70% center!important}
  .lmd-careers-page .career-ref-copy{width:100%!important;padding:56px 0!important}
  .lmd-careers-page .career-ref-final-card{background-image:linear-gradient(rgba(255,255,255,.86),rgba(255,255,255,.86)),url('/images/careers/thirdcareer.png')!important;background-position:center!important;justify-content:center!important}
  .lmd-careers-page .career-ref-final-content{width:100%!important;text-align:center!important}
}

/* =========================================================
   HELP CENTER — premium public support page
   ========================================================= */
.help-page{background:#fff;color:#082c55;font-family:'DM Sans',sans-serif}.help-page .site-header{position:relative;z-index:60}.help-main{overflow:hidden}.help-hero{padding:54px 0 22px;background:linear-gradient(90deg,#fff9ef 0%,#fff 38%,#eef9ff 100%)}.help-hero-grid{position:relative;min-height:430px;display:grid;grid-template-columns:.84fr 1.26fr;align-items:center;gap:28px}.help-hero-copy{z-index:2;padding-left:22px}.help-eyebrow{display:inline-block;color:#ff7600;font-weight:800;letter-spacing:.11em;font-size:13px;margin-bottom:16px}.help-hero-copy h1{font-family:'Playfair Display',serif;font-size:clamp(54px,5.8vw,92px);line-height:.84;letter-spacing:-.045em;margin:0;color:#092f58}.help-hero-copy h1 em{color:#ff7900;font-weight:600}.help-hero-copy p{max-width:410px;margin:25px 0 0;font-size:17px;line-height:1.65;color:#526d89}.help-hero-art{height:390px;display:flex;align-items:center;justify-content:flex-end}.help-hero-art img{width:100%;max-width:850px;height:100%;object-fit:contain;object-position:center}.help-search{position:absolute;z-index:5;left:10%;right:12%;bottom:2px;height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:8px 9px 8px 24px;border:1px solid #dbe8f2;border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 16px 45px rgba(30,78,110,.13)}.help-search>i{color:#7f93aa}.help-search input{border:0;outline:0;font:inherit;font-size:15px;color:#173d64;background:transparent;min-width:0}.help-search input::placeholder{color:#8da0b5}.help-search button{height:58px;min-width:150px;border:0;border-radius:12px;background:linear-gradient(135deg,#ff7600,#ff9d1b);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 22px rgba(255,122,0,.25)}.help-search button:hover{transform:translateY(-1px)}
.help-section{margin-top:32px;border:1px solid #dce9f3;border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(31,73,105,.06);padding:30px}.help-section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.help-section-heading h2{font-family:'Playfair Display',serif;font-size:31px;line-height:1.1;margin:0 0 7px;color:#0b3159}.help-section-heading p{margin:0;color:#6b8198;font-size:14px}.help-topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.help-topic-card{min-height:214px;border:1px solid #dce8f1;border-radius:16px;padding:24px 21px;display:flex;flex-direction:column;background:#fff;transition:.24s ease}.help-topic-card:hover{transform:translateY(-4px);box-shadow:0 13px 28px rgba(16,66,101,.1);border-color:#c4def0}.help-topic-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin-bottom:22px;font-size:20px}.help-topic-icon.blue{background:#e7f6ff;color:#1ca2e9}.help-topic-icon.orange{background:#fff3e8;color:#ff7300}.help-topic-icon.gold{background:#fff5df;color:#eda01b}.help-topic-card h3{font-family:'Playfair Display',serif;font-size:18px;margin:0 0 9px;color:#0d3158}.help-topic-card p{font-size:13px;line-height:1.55;color:#6a7f95;margin:0 0 18px;flex:1}.help-topic-card a{font-size:13px;font-weight:800;color:#123b64;text-decoration:none}.help-topic-card a i{font-size:10px;margin-left:5px}.help-no-results{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px;color:#72889d}.help-no-results i{font-size:28px;color:#ffa11a}.help-faq-section{background:linear-gradient(135deg,#fff 0,#fbfdff 100%)}.help-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.help-faq-column{display:flex;flex-direction:column;gap:8px}.help-faq-column details{border-bottom:1px solid #e4ecf2;background:#fff}.help-faq-column summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:15px 14px;font-weight:700;font-size:14px;color:#163b61}.help-faq-column summary::-webkit-details-marker{display:none}.help-faq-column summary span{color:#ff7900;font-size:21px;font-weight:500}.help-faq-column details p{margin:0;padding:0 14px 16px;color:#6b8095;font-size:13px;line-height:1.6}.help-contact-section{margin-bottom:38px}.help-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.help-contact-card{border:1px solid #dbe8f1;border-radius:17px;min-height:190px;padding:24px;display:flex;align-items:center;gap:22px;background:#fff}.help-contact-card h3{font-family:'Playfair Display',serif;font-size:18px;color:#0d3159;margin:0 0 10px}.help-contact-card p{font-size:13px;color:#70849a;line-height:1.6;margin:0 0 14px}.help-contact-illustration{min-width:92px;height:105px;border-radius:24px;display:grid;place-items:center;font-size:48px}.help-contact-illustration.mail{background:linear-gradient(140deg,#eaf7ff,#fff0d8);color:#f3a321;transform:rotate(-4deg)}.help-contact-illustration.chat{background:linear-gradient(140deg,#e8f8ff,#e6f1ff);color:#1784da}.help-contact-illustration.phone{background:linear-gradient(140deg,#fff8df,#fff0e2);color:#efa11c}.help-outline-btn{display:inline-flex;height:38px;align-items:center;justify-content:center;padding:0 24px;border:1px solid #93ccee;border-radius:999px;color:#1483c5;text-decoration:none;font-weight:700;background:#fff;cursor:pointer}.help-outline-btn.orange{border-color:#ff9d44;color:#ff7900}.help-phone{font-weight:800;color:#ff7900;text-decoration:none}.help-account-logout{all:unset;display:flex;align-items:center;gap:12px;width:100%;cursor:pointer;padding:12px 16px;box-sizing:border-box}.help-page .lmd-unified-footer{margin-top:36px}
@media(max-width:1100px){.help-hero-grid{grid-template-columns:1fr 1.1fr}.help-topic-grid{grid-template-columns:repeat(2,1fr)}.help-contact-grid{grid-template-columns:1fr}.help-contact-card{min-height:auto}.help-search{left:4%;right:4%}}@media(max-width:760px){.help-hero{padding-top:30px}.help-hero-grid{grid-template-columns:1fr;min-height:auto;padding-bottom:96px}.help-hero-copy{padding:0 6px}.help-hero-copy h1{font-size:58px}.help-hero-art{height:270px}.help-search{position:absolute;left:0;right:0;bottom:4px;height:auto;grid-template-columns:auto 1fr;padding:12px 14px}.help-search button{grid-column:1/-1;width:100%;height:48px}.help-section{padding:20px 15px;border-radius:18px}.help-topic-grid,.help-faq-grid{grid-template-columns:1fr}.help-contact-card{align-items:flex-start}.help-contact-illustration{min-width:72px;width:72px;height:78px;font-size:34px}.help-section-heading h2{font-size:27px}}


/* V38 Help Center hero/search spacing: search is its own row and never overlaps hero copy. */
.help-page .help-hero-grid{min-height:0;grid-template-rows:auto auto;padding-bottom:22px}
.help-page .help-search{position:relative;left:auto;right:auto;bottom:auto;grid-column:1/-1;width:min(1080px,88%);margin:4px auto 0}
@media(max-width:760px){.help-page .help-hero-grid{padding-bottom:18px}.help-page .help-search{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin:6px auto 0}}


/* V39 — compact tour availability controls */
.tour-editor-page .availability-choice .check-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;margin-top:6px!important}
.tour-editor-page .availability-choice .check-grid label{min-height:30px!important;padding:5px 7px!important;border-radius:7px!important;font-size:9px!important;gap:6px!important;justify-content:flex-start;background:#fff!important}
.tour-editor-page .availability-choice .check-grid input[type="checkbox"]{width:13px!important;height:13px!important;min-width:13px!important;border-radius:3px!important;border-width:1px!important}
.tour-editor-page .availability-choice .check-grid input[type="checkbox"]:checked:after{font-size:9px!important}
.tour-editor-page .availability-choice>span{font-size:11px!important;margin-bottom:2px!important}
@media(max-width:1100px){.tour-editor-page .availability-choice .check-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:760px){.tour-editor-page .availability-choice .check-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
\n\n/* V40 final availability + receipt action refinements */\n.tour-editor-page .availability-choice .check-grid{\n  grid-template-columns:repeat(4,minmax(130px,1fr))!important;\n  gap:7px 8px!important;\n}\n.tour-editor-page .availability-choice .check-grid label{\n  min-height:34px!important;\n  padding:6px 9px!important;\n  font-size:10px!important;\n  line-height:1.15!important;\n  gap:7px!important;\n  white-space:normal!important;\n  overflow:visible!important;\n  justify-content:flex-start!important;\n}\n.tour-editor-page .availability-choice .check-grid input[type="checkbox"]{\n  width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;\n}\n@media(max-width:1000px){.tour-editor-page .availability-choice .check-grid{grid-template-columns:repeat(3,minmax(125px,1fr))!important}}\n@media(max-width:700px){.tour-editor-page .availability-choice .check-grid{grid-template-columns:repeat(2,minmax(120px,1fr))!important}}\n.calendar-actions{align-items:stretch!important}\n.calendar-actions .receipt-action-button{\n  width:100%!important; min-height:62px!important; height:62px!important; padding:0 18px!important;\n  border-radius:16px!important; display:flex!important; align-items:center!important; justify-content:center!important;\n  gap:10px!important; font-weight:800!important; font-size:.93rem!important; line-height:1.15!important; box-sizing:border-box!important;\n}\n.calendar-actions .primary-button.receipt-action-button{margin:0!important; box-shadow:0 12px 28px rgba(255,126,0,.16)!important}\n.calendar-actions .voucher-download-button.receipt-action-button{margin:0!important; box-shadow:0 12px 28px rgba(30,120,190,.10)!important}\n

/* V41 compact availability chips - checkbox + label in one small box */
.tour-editor-page .availability-choice .check-grid{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;grid-template-columns:none!important;
}
.tour-editor-page .availability-choice .check-grid label{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  width:auto!important;min-width:112px!important;max-width:145px!important;min-height:38px!important;
  padding:7px 10px!important;gap:8px!important;border:1px solid #dce8f1!important;border-radius:9px!important;
  background:#fbfdff!important;font-size:11px!important;line-height:1.1!important;white-space:nowrap!important;
  overflow:visible!important;box-sizing:border-box!important;
}
.tour-editor-page .availability-choice .days-grid label{min-width:108px!important}
.tour-editor-page .availability-choice .check-grid input[type="checkbox"]{
  appearance:none!important;-webkit-appearance:none!important;width:15px!important;height:15px!important;
  min-width:15px!important;min-height:15px!important;margin:0!important;border:1.5px solid #9db5c8!important;
  border-radius:3px!important;background:#fff!important;display:grid!important;place-content:center!important;cursor:pointer!important;
}
.tour-editor-page .availability-choice .check-grid input[type="checkbox"]:checked{background:#24a9e8!important;border-color:#24a9e8!important}
.tour-editor-page .availability-choice .check-grid input[type="checkbox"]:checked::after{content:"✓";color:#fff;font-size:11px;font-weight:900;line-height:1}
@media(max-width:700px){.tour-editor-page .availability-choice .check-grid label{min-width:105px!important;max-width:135px!important}}

/* V41 receipt actions - exact matching geometry */
.calendar-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
.calendar-actions .receipt-action-button{
  width:100%!important;min-width:0!important;height:64px!important;min-height:64px!important;max-height:64px!important;
  margin:0!important;padding:0 18px!important;box-sizing:border-box!important;border-radius:14px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  gap:10px!important;font-size:.92rem!important;font-weight:800!important;line-height:1.15!important;
}
.calendar-actions .receipt-action-button i{flex:0 0 auto!important}
@media(max-width:560px){.calendar-actions{grid-template-columns:1fr!important}}


/* V42 - final availability layout: compact, non-overlapping, readable */
.tour-editor-page .availability-choice .check-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px 10px!important;
  width:100%!important;
  margin-top:8px!important;
  align-items:stretch!important;
}
.tour-editor-page .availability-choice .check-grid label,
.tour-editor-page .availability-choice .days-grid label{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:42px!important;
  padding:8px 10px!important;
  gap:9px!important;
  box-sizing:border-box!important;
  border:1px solid #dce8f1!important;
  border-radius:10px!important;
  background:#fbfdff!important;
  color:#45627a!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.15!important;
  white-space:normal!important;
  overflow:visible!important;
}
.tour-editor-page .availability-choice .check-grid input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
  border:1.5px solid #9db5c8!important;
  border-radius:3px!important;
  background:#fff!important;
  display:grid!important;
  place-content:center!important;
}
.tour-editor-page .availability-choice .check-grid input[type="checkbox"]:checked{
  background:#24a9e8!important;
  border-color:#24a9e8!important;
}
.tour-editor-page .availability-choice .check-grid input[type="checkbox"]:checked::after{
  content:"✓"!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
}
@media(max-width:980px){.tour-editor-page .availability-choice .check-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:680px){.tour-editor-page .availability-choice .check-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:430px){.tour-editor-page .availability-choice .check-grid{grid-template-columns:1fr!important}}

/* V42 account header - logout matches the navbar scale */
.account-header-actions button{
  height:42px!important;
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:22px!important;
  font-size:12px!important;
  line-height:1!important;
  box-shadow:0 6px 16px rgba(8,46,86,.06)!important;
}

/* B2B passenger checkout */
.b2b-passenger-section{margin-top:24px}.b2b-passenger-intro{margin:-4px 0 18px;color:#70839c;font-size:14px}.b2b-passenger-section textarea{width:100%;min-height:110px;resize:vertical;border:1px solid #d7e4ef;border-radius:14px;padding:14px 16px;font:inherit;color:#0a315d;background:#fff;outline:none}.b2b-passenger-section textarea:focus{border-color:#46a8ee;box-shadow:0 0 0 3px rgba(70,168,238,.12)}
.receipt-check.pending{color:#f59e0b}.pending-credit-card{border-color:#ffd58c;background:#fffaf0}.pending-credit-card>div>i{color:#f59e0b}
.pending-account-bookings{width:min(1500px,92vw);margin:26px auto;background:#fff;border:1px solid #dbe8f3;border-radius:24px;padding:24px;box-shadow:0 18px 45px rgba(8,47,86,.08)}.pending-account-head h2{font-family:'Playfair Display',serif;color:#082f59;margin:3px 0 4px;font-size:28px}.pending-account-head p{margin:0;color:#70839a}.pending-account-grid{display:grid;gap:12px;margin-top:18px}.pending-account-card{display:grid;grid-template-columns:76px 1fr auto;gap:16px;align-items:center;padding:12px;border:1px solid #e0ebf4;border-radius:18px;background:#fbfdff}.pending-account-card img{width:76px;height:66px;object-fit:cover;border-radius:12px}.pending-account-card small{color:#f97316;font-weight:800}.pending-account-card h3{margin:2px 0;color:#0b315d}.pending-account-card p{margin:0;color:#71859d}.pending-account-money{text-align:right}.pending-account-money span{display:block;color:#8293a9;font-size:12px}.pending-account-money strong{display:block;color:#0b315d;font-size:20px}.pending-account-money a{display:inline-flex;gap:7px;align-items:center;margin-top:7px;color:#1684df;font-weight:800;text-decoration:none}@media(max-width:700px){.pending-account-card{grid-template-columns:64px 1fr}.pending-account-card img{width:64px;height:58px}.pending-account-money{grid-column:1/-1;text-align:left}}

/* V45 season cards: text only, no destination photos */
.region-reference-page .season-country-cards .season-img{display:none!important}
.region-reference-page .season-country-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.region-reference-page .season-country-cards article.season-text-card{min-height:92px;padding:16px 16px 14px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:10px;align-content:center;border:1px solid #dce8f0;border-radius:14px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 7px 18px rgba(8,47,86,.045);overflow:visible}
.region-reference-page .season-country-cards article.season-text-card em{grid-row:1/3;width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#edf7ff;color:#1976d2;font-style:normal;font-size:11px;font-weight:900}
.region-reference-page .season-country-cards article.season-text-card b{margin:0;padding:0;font-size:13px;line-height:1.25;color:#0a3158}
.region-reference-page .season-country-cards article.season-text-card span{margin:5px 0 0;padding:0;min-height:0;font-size:11px;line-height:1.45;color:#60758b}
.region-reference-page .season-panel>p{font-weight:700;color:#6b8195;letter-spacing:.02em}
@media(max-width:820px){.region-reference-page .season-country-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.region-reference-page .season-country-cards{grid-template-columns:1fr}}

/* Experiences 2026 destination cards + multi-photo upload */
.experiences-page .experience-story-card--destination{
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
.experiences-page .experience-story-card--destination:focus-visible{
  outline:3px solid rgba(255,126,0,.35);
  outline-offset:4px;
}
.experiences-page .photo-upload-hint{
  margin:-4px 0 10px;
  color:#71879c;
  font-size:.88rem;
}
.experiences-page .photo-upload-hint i{color:#ff7a00;margin-right:6px}

/* v55 public promotion presentation */
.activity-image,.trending-image-wrap{position:relative}
.tour-promo-badge{position:absolute;top:14px;left:74px;z-index:5;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#ff7a00,#ff9f1a);color:#fff;box-shadow:0 8px 18px rgba(255,122,0,.28);font-size:12px;font-weight:900;letter-spacing:.02em;pointer-events:none}
.tour-promo-badge i{font-size:10px}.tour-price-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.tour-old-price{color:#8a97a5;text-decoration:line-through;font-size:12px;font-weight:700}.tour-price-line strong{color:#ff6f00}
@media(max-width:640px){.tour-promo-badge{top:10px;left:62px;padding:7px 10px;font-size:11px}}

/* v56 promotion checkout polish */
.promo-code-box{margin:18px 0 22px;padding:18px;border:1px solid #dce9f4;border-radius:18px;background:linear-gradient(135deg,#fbfdff,#f7fbff);box-shadow:0 10px 26px rgba(15,57,93,.06)}
.promo-code-box--active{border-color:#ffd7a3;background:linear-gradient(135deg,#fffaf2,#f8fcff)}
.promo-code-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.promo-code-heading>div{display:grid;gap:2px;min-width:0}.promo-code-heading strong{font-size:15px;color:#0a3158}.promo-code-heading small{font-size:12px;color:#75879a}.promo-code-icon{width:42px;height:42px;border-radius:13px;background:#fff0dc;color:#ff7800;display:grid;place-items:center;flex:0 0 auto}.promo-auto-badge{margin-left:auto;padding:8px 11px;border-radius:999px;background:linear-gradient(135deg,#ff7a00,#ff9e18);color:#fff;font-weight:900;font-size:11px;white-space:nowrap}
.promo-code-row{display:grid!important;grid-template-columns:minmax(180px,260px) 1fr!important;gap:14px!important;align-items:center!important}.promo-code-row input{height:50px!important;width:100%!important;border:1px solid #cdddea!important;border-radius:12px!important;padding:0 15px!important;background:#fff!important;color:#0b3158!important;font-size:14px!important;outline:none!important;box-sizing:border-box!important}.promo-code-row input:focus{border-color:#57a8ed!important;box-shadow:0 0 0 4px rgba(51,145,230,.09)!important}.promo-code-row span{font-size:12px!important;line-height:1.55!important;color:#6d8195!important}.promo-code-row b{color:#ff7200!important;font-size:13px}.promo-code-row del{color:#8b98a6}
@media(max-width:700px){.promo-code-row{grid-template-columns:1fr!important}.promo-auto-badge{margin-left:0}}

/* promotion prices on tour detail */
.promo-price-wrap{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.promo-price-old{font-size:14px!important;color:#94a1ad!important;text-decoration:line-through}.promo-price-new{color:#ff7200!important}.promo-price-note{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:6px 9px;border-radius:999px;background:#fff0dd;color:#df6500;font-size:11px;font-weight:800}.public-price-card .promo-tier-old{display:block;font-size:12px;color:#8c9aa7;text-decoration:line-through;margin-bottom:2px}.public-price-card .promo-tier-new{color:#ff7200}

/* v57 promotion tiers on checkout */
.checkout-tier-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.checkout-tier-card{border:1px solid #dbe9f5;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fcff);padding:12px 14px;display:grid;gap:3px}.checkout-tier-card small{font-weight:800;color:#6f8498;text-transform:uppercase;letter-spacing:.05em;font-size:10px}.checkout-tier-card del{color:#95a4b3;font-size:12px}.checkout-tier-card strong{font-size:20px;color:#ff7800}.checkout-tier-card:not(:has(del)) strong{color:#0d3459}@media(max-width:650px){.checkout-tier-prices{grid-template-columns:1fr}}

/* v59 checkout: account-credit bookings + Wish Money pending payments */
.credit-booking-panel,.wish-payment-section{margin-top:24px}
.passenger-section-heading{display:flex;align-items:flex-start;gap:13px;margin:0 0 18px;padding:16px;border:1px solid #dce9f4;border-radius:16px;background:linear-gradient(135deg,#f8fcff,#fff)}
.passenger-section-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eaf6ff;color:#1688dc;font-size:18px;flex:0 0 auto}
.passenger-section-heading h3{margin:1px 0 4px;color:#0a3158;font-size:18px}.passenger-section-heading p{margin:0;color:#71859a;font-size:12px;line-height:1.55}
.credit-status-card{display:flex;align-items:flex-start;gap:13px;padding:16px 17px;border-radius:16px;margin:16px 0 4px;border:1px solid #dce9f4;transition:.2s ease}
.credit-status-card--ready{background:linear-gradient(135deg,#f1fcf7,#f9fffc);border-color:#bcebd2}.credit-status-card--pending{background:linear-gradient(135deg,#fffaf1,#fff);border-color:#ffd7a0}
.credit-status-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}.credit-status-card--ready .credit-status-icon{background:#dff8ea;color:#16a362}.credit-status-card--pending .credit-status-icon{background:#fff0d7;color:#f28a00}
.credit-status-card small{display:block;color:#7b8da0;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.credit-status-card strong{display:block;color:#0a3158;font-size:18px;margin:2px 0 3px}.credit-status-card p{margin:0;color:#677c92;font-size:12px;line-height:1.55}
.wish-payment-card{border:1px solid #ffd6a0;border-radius:20px;padding:20px;background:linear-gradient(145deg,#fffaf2 0%,#fff 55%,#f4fbff 100%);box-shadow:0 14px 32px rgba(14,52,86,.07)}
.wish-payment-top{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:start}.wish-payment-logo{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#ff7b00,#ffa31a);color:#fff;font-size:21px;box-shadow:0 8px 18px rgba(255,126,0,.25)}
.wish-payment-top small{display:block;color:#ff7600;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.wish-payment-top h3{margin:3px 0 5px;color:#0a3158;font-size:20px}.wish-payment-top p{margin:0;color:#6b8095;font-size:12px;line-height:1.55}.wish-pending-badge{align-self:start;padding:7px 10px;border-radius:999px;background:#fff0dc;color:#df6c00;font-size:10px;font-weight:900;white-space:nowrap}
.wish-payment-number{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 14px;padding:14px 15px;border-radius:15px;border:1px dashed #f6ae56;background:#fff}.wish-payment-number span{display:block;color:#7b8da0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.wish-payment-number strong{display:block;margin-top:2px;color:#0b3158;font-size:19px}.wish-copy-button{border:1px solid #d6e5f0;background:#f8fcff;color:#0b5c99;border-radius:11px;padding:10px 13px;font-weight:800;cursor:pointer}.wish-copy-button:hover{background:#edf7ff}
.wish-payment-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wish-payment-steps span{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:12px;background:#fff;border:1px solid #e5edf4;color:#60778e;font-size:11px;line-height:1.4}.wish-payment-steps b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eaf6ff;color:#167fc8;font-size:10px;flex:0 0 auto}
.payment-submit-v59{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin-top:18px!important}.payment-submit-v59 #paymentActionAmount{padding-left:8px;border-left:1px solid rgba(255,255,255,.45)}.payment-submit-help{text-align:center;margin:9px 0 0;color:#71849a;font-size:11px;line-height:1.5}
@media(max-width:680px){.wish-payment-top{grid-template-columns:48px 1fr}.wish-pending-badge{grid-column:1/-1;justify-self:start}.wish-payment-steps{grid-template-columns:1fr}.wish-payment-number{align-items:flex-start;flex-direction:column}.wish-copy-button{width:100%}}
.wish-receipt-pending{display:flex;gap:13px;align-items:flex-start;margin:18px 0 4px;padding:15px 16px;border:1px solid #ffd49a;border-radius:15px;background:#fffaf1;color:#0a3158}.wish-receipt-pending>i{width:36px;height:36px;border-radius:11px;background:#fff0d8;color:#f28a00;display:grid;place-items:center;flex:0 0 auto}.wish-receipt-pending b{display:block;margin-bottom:3px}.wish-receipt-pending p{margin:0;color:#6f8296;font-size:12px;line-height:1.5}
.pending-pay-now{display:inline-flex;align-items:center;gap:7px;margin-top:7px;border:0;background:none;color:#1684df;font:inherit;font-weight:800;padding:0;cursor:pointer}.pending-pay-now:hover{text-decoration:underline}


/* v61 agency account dashboard refinements */
.account-dashboard-page .account-public-header.site-header{position:relative;top:auto;left:auto;right:auto;z-index:50}
.account-dashboard-page main{padding-top:0}
.account-dashboard-page .account-dashboard-stats{margin:-82px auto 30px;position:relative;z-index:8}
.account-dashboard-page .pending-account-bookings{margin:0 auto 64px;position:relative;z-index:7;padding:28px 30px}
.account-dashboard-page .pending-account-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.account-dashboard-page .pending-account-grid{margin-top:0}
.account-dashboard-page .pending-account-card{grid-template-columns:96px minmax(0,1fr) 190px;gap:20px;padding:18px 20px;min-height:108px;overflow:hidden}
.account-dashboard-page .pending-account-card img{width:96px;height:76px}
.account-dashboard-page .pending-account-card h3{font-size:20px;line-height:1.2;margin:4px 0 3px}
.account-dashboard-page .pending-account-card p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-dashboard-page .pending-account-money{min-width:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}
.account-dashboard-page .pending-pay-now{border:0;background:transparent;color:#1684df;font-weight:900;font-size:15px;cursor:pointer;padding:6px 0;white-space:nowrap}
.account-dashboard-page .pending-hold-badge{display:inline-flex;margin-top:8px;padding:5px 9px;border-radius:999px;background:#fff2df;color:#d86500;font-weight:900;font-size:10px;letter-spacing:.05em}
@media(max-width:900px){.account-dashboard-page .pending-account-card{grid-template-columns:76px minmax(0,1fr)}.account-dashboard-page .pending-account-card img{width:76px;height:64px}.account-dashboard-page .pending-account-money{grid-column:1/-1;align-items:flex-start;padding-left:96px}.account-dashboard-page .account-dashboard-stats{margin-top:-45px}}
@media(max-width:620px){.account-dashboard-page .pending-account-money{padding-left:0}.account-dashboard-page .pending-account-bookings{padding:20px 16px}.account-dashboard-page .pending-account-card{padding:14px}}


/* ===== V62 agency pending-booking receipt polish ===== */
.receipt-pending-page .page-shell{align-items:flex-start;background:linear-gradient(135deg,#fffaf2 0%,#f5fbff 52%,#eef9ff 100%);min-height:calc(100vh - 90px)}
.receipt-card-pending{width:min(720px,92vw)!important;max-width:720px!important;padding:34px 38px!important;border:1px solid #e2edf6!important;border-top:5px solid #ff8a00!important;border-radius:28px!important;box-shadow:0 28px 70px rgba(10,45,82,.12)!important;background:#fff!important}
.receipt-card-pending .receipt-check{width:58px;height:58px;margin:0 auto 14px;border-radius:18px;display:grid;place-items:center;background:#fff4df;color:#f59e0b;font-size:26px}
.receipt-card-pending h2{font-size:34px;line-height:1.05;margin:0 0 10px;color:#082f5b;text-align:center}
.receipt-card-pending .receipt-sub{max-width:520px;margin:0 auto 24px;text-align:center;color:#6c8198;font-size:15px;line-height:1.55}
.receipt-card-pending .receipt-tour{background:#f8fbfe;border:1px solid #e1ebf3;border-radius:18px;padding:14px;gap:16px;align-items:center}
.receipt-card-pending .receipt-tour img{width:92px;height:76px;border-radius:14px;object-fit:cover}
.receipt-card-pending .receipt-tour strong{font-size:20px;color:#082f5b}.receipt-card-pending .receipt-tour span{color:#6f8296}
.receipt-card-pending .receipt-table{margin-top:18px;border:1px solid #e8eef4;border-radius:18px;border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff}
.receipt-card-pending .receipt-table tr:nth-child(odd){background:#fbfdff}.receipt-card-pending .receipt-table td{padding:11px 14px;border-bottom:1px solid #edf2f6}.receipt-card-pending .receipt-table tr:last-child td{border-bottom:0}.receipt-card-pending .receipt-table td:first-child{color:#71849a}.receipt-card-pending .receipt-table td:last-child{color:#092f58;font-weight:800;text-align:right}
.pending-credit-panel{margin-top:22px;padding:20px;border:1px solid #ffd6a0;border-radius:20px;background:linear-gradient(135deg,#fffaf1,#fff7e9);display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.pending-credit-summary{display:flex;align-items:center;gap:14px}.pending-credit-icon{width:48px;height:48px;border-radius:15px;background:#ff8a00;color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 18px rgba(255,138,0,.2)}
.pending-credit-summary small{display:block;color:#f07a00;font-size:10px;letter-spacing:.16em;font-weight:900}.pending-credit-summary strong{display:block;color:#092f58;font-size:17px;margin:3px 0}.pending-credit-summary p{margin:0;color:#6f8192;font-size:13px}
.pending-pay-button{min-width:210px;border-radius:12px!important;padding:13px 18px!important;white-space:nowrap}.pending-credit-error{grid-column:1/-1;display:flex;gap:9px;align-items:center;background:#fff1e8;border:1px solid #ffd1ba;color:#b94c16;padding:11px 13px;border-radius:12px;font-size:13px;font-weight:700}
.receipt-back-button{display:flex!important;align-items:center;justify-content:center;gap:8px;margin-top:16px!important;border-radius:12px!important}
@media(max-width:700px){.receipt-card-pending{padding:24px 18px!important}.receipt-card-pending h2{font-size:28px}.pending-credit-panel{grid-template-columns:1fr}.pending-pay-button{width:100%;min-width:0}}
.owner-row-actions a.voucher{color:#e24a2a;background:#fff4f1;border-color:#ffd5ca}.owner-row-actions a.voucher:hover{background:#ffe8e1;color:#c93418}

.owner-row-actions a.voucher-preview{color:#176fc1;background:#eef8ff;border-color:#cfe7fb}.owner-row-actions a.voucher-preview:hover{background:#dff1ff;color:#0b559b}

/* =========================================================
   V64 — one consistent public navbar on every public page
   ========================================================= */
body:not(.backoffice-body) > .site-header,
body:not(.backoffice-body) .site-header.account-public-header{
  position:relative!important;
  z-index:10000!important;
  width:100%!important;
  min-height:92px!important;
  height:92px!important;
  padding:0 max(28px,calc((100vw - 1500px)/2))!important;
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:34px!important;
  background:#fff!important;
  border-bottom:1px solid #e9eef3!important;
  box-shadow:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
body:not(.backoffice-body) > .site-header > .brand,
body:not(.backoffice-body) .site-header.account-public-header > .brand{
  display:flex!important;
  align-items:center!important;
  justify-self:start!important;
  width:150px!important;
  margin:0!important;
  padding:0!important;
}
body:not(.backoffice-body) > .site-header > .brand img,
body:not(.backoffice-body) .site-header.account-public-header > .brand img{
  display:block!important;
  width:146px!important;
  max-width:146px!important;
  height:auto!important;
  margin:0!important;
}
body:not(.backoffice-body) > .site-header > .desktop-nav,
body:not(.backoffice-body) .site-header.account-public-header > .desktop-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:38px!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
}
body:not(.backoffice-body) > .site-header > .desktop-nav a,
body:not(.backoffice-body) .site-header.account-public-header > .desktop-nav a{
  color:#082f58!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
body:not(.backoffice-body) > .site-header > .header-actions,
body:not(.backoffice-body) .site-header.account-public-header > .header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:18px!important;
  margin:0!important;
  padding:0!important;
  min-width:max-content!important;
  overflow:visible!important;
}
body:not(.backoffice-body) .site-header .lmd-header-tools{display:flex!important;align-items:center!important;gap:18px!important}
body:not(.backoffice-body) .site-header .lmd-icon-link,
body:not(.backoffice-body) .site-header .lmd-lang-btn{
  width:28px!important;height:42px!important;display:grid!important;place-items:center!important;
  padding:0!important;margin:0!important;border:0!important;background:transparent!important;
  color:#082f58!important;font-size:19px!important;box-shadow:none!important;
}
body:not(.backoffice-body) .site-header .bookings-button{
  min-width:150px!important;
  height:56px!important;
  min-height:56px!important;
  padding:0 25px!important;
  border:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#ff7a00,#ff9e20)!important;
  box-shadow:0 12px 28px rgba(255,126,0,.19)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}
body:not(.backoffice-body) .site-header .account-dropdown{position:relative!important;z-index:2147483000!important}
body:not(.backoffice-body) .site-header .account-dropdown-menu{
  top:calc(100% + 12px)!important;right:0!important;min-width:285px!important;padding:10px!important;border-radius:18px!important;
}
@media(max-width:1100px){
  body:not(.backoffice-body) > .site-header,
  body:not(.backoffice-body) .site-header.account-public-header{padding:0 24px!important;grid-template-columns:150px minmax(0,1fr) auto!important;gap:20px!important}
  body:not(.backoffice-body) > .site-header > .desktop-nav,
  body:not(.backoffice-body) .site-header.account-public-header > .desktop-nav{gap:22px!important}
  body:not(.backoffice-body) > .site-header > .desktop-nav a,
  body:not(.backoffice-body) .site-header.account-public-header > .desktop-nav a{font-size:11px!important}
  body:not(.backoffice-body) .site-header .lmd-header-tools{gap:10px!important}
  body:not(.backoffice-body) .site-header .bookings-button{min-width:126px!important;padding:0 18px!important}
}
@media(max-width:820px){
  body:not(.backoffice-body) > .site-header,
  body:not(.backoffice-body) .site-header.account-public-header{height:78px!important;min-height:78px!important;grid-template-columns:130px 1fr!important;padding:0 16px!important}
  body:not(.backoffice-body) > .site-header > .desktop-nav,
  body:not(.backoffice-body) .site-header.account-public-header > .desktop-nav{display:none!important}
  body:not(.backoffice-body) > .site-header > .header-actions,
  body:not(.backoffice-body) .site-header.account-public-header > .header-actions{grid-column:2!important}
  body:not(.backoffice-body) > .site-header > .brand img,
  body:not(.backoffice-body) .site-header.account-public-header > .brand img{width:122px!important;max-width:122px!important}
}


/* v65 — one public navbar typography everywhere */
body:not(.backoffice-body) > .site-header > .desktop-nav a,
body:not(.backoffice-body) .site-header.account-public-header > .desktop-nav a,
.home-page .desktop-nav a, .tours-search-page .desktop-nav a,
.experiences-page .desktop-nav a, .contact-page .desktop-nav a {
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.012em!important;
  line-height:1!important;
}

/* =========================================================
   v66 - cross-device responsive hardening
   Keeps the existing visual system while preventing clipping/overflow on
   phones, tablets, laptops and smaller desktop windows.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
img,video,svg,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%;min-width:0}
.owner-table-scroll,.table-responsive,.table-wrap,.admin-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:1100px){
  .site-header{height:auto;min-height:78px;padding:12px 22px;grid-template-columns:140px 1fr auto;gap:18px}
  .brand img{width:116px}
  .desktop-nav{gap:18px}
  .desktop-nav a{font-size:.68rem}
  .header-actions{gap:8px}
  .bookings-button{padding:10px 14px}
  .page-shell{width:min(100% - 32px,1120px)}
}
@media(max-width:820px){
  .site-header{grid-template-columns:1fr auto;align-items:center;padding:10px 16px}
  .brand{justify-self:start}.brand img{width:105px}
  .desktop-nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:flex-start;overflow-x:auto;gap:20px;padding:8px 2px 5px;scrollbar-width:none;white-space:nowrap}
  .desktop-nav::-webkit-scrollbar{display:none}
  .header-actions{justify-self:end}
  .lmd-header-tools{gap:5px}.lmd-icon-link,.lmd-lang-btn{width:34px!important;height:34px!important}
  .bookings-button{height:40px!important;padding:0 13px!important;font-size:.68rem!important}
  .account-dropdown-menu{position:fixed!important;top:76px!important;right:12px!important;left:auto!important;width:min(310px,calc(100vw - 24px))!important;max-width:none!important}
  .page-shell{width:calc(100% - 24px)}
  .hero-content,.account-hero-inner,.contact-hero-inner,.careers-hero-inner{grid-template-columns:1fr!important}
  .hero-copy,.account-hero-copy{max-width:none!important}
  .search-bar,.hero-search,.tour-search-bar{width:100%!important;max-width:100%!important}
  .experience-grid,.category-grid,.tour-grid,.destination-grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .site-header{padding:9px 12px;gap:8px}.brand img{width:92px}
  .header-actions{gap:4px}.lmd-header-tools{gap:2px}.lmd-icon-link,.lmd-lang-btn{width:31px!important;height:31px!important;font-size:13px!important}
  .bookings-button{height:36px!important;padding:0 11px!important;font-size:.62rem!important}
  .desktop-nav{gap:16px;padding-top:6px}.desktop-nav a{font-size:.64rem}
  h1{overflow-wrap:anywhere}
  .experience-grid,.category-grid,.tour-grid,.destination-grid,.footer-grid{grid-template-columns:1fr!important}
  .hero,.hero-section,.account-hero{min-height:auto!important}
  .hero-copy h1,.account-hero h1{font-size:clamp(2.2rem,13vw,4rem)!important;line-height:.98!important}
  .search-bar,.tour-search-bar{display:grid!important;grid-template-columns:1fr!important;height:auto!important}
  .search-bar>* ,.tour-search-bar>*{width:100%!important;border-right:0!important;border-bottom:1px solid #edf0f3!important}
  .search-bar button,.tour-search-bar button{min-height:50px!important}
  .activity-card,.tour-card{min-width:0!important;width:100%!important}
  .modal,.dialog,.auth-card,.payment-card{width:calc(100vw - 24px)!important;max-width:none!important}
}

/* v67 - complete public responsive navigation + mobile hero stabilization */
.mobile-menu{display:none;position:relative}
.mobile-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 13px;border:1px solid #dce7ef;border-radius:12px;background:#fff;color:#082f56;font-weight:750;font-size:12px}
.mobile-menu>summary::-webkit-details-marker{display:none}
.mobile-menu-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(300px,calc(100vw - 24px));padding:10px;background:#fff;border:1px solid #e2eaf0;border-radius:16px;box-shadow:0 18px 45px rgba(8,47,86,.16);z-index:2147483600}
.mobile-menu-panel>a{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 12px;border-radius:10px;text-decoration:none;color:#0a3158;font-size:13px;font-weight:650}
.mobile-menu-panel>a:hover,.mobile-menu-panel>a.active{background:#fff4e8;color:#ef7300}
.mobile-menu-panel>a i{width:18px;text-align:center;color:#ff7900}
.mobile-menu-divider{height:1px;background:#edf2f6;margin:6px 3px}
.mobile-language-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:8px 4px 2px}
.mobile-language-row button{height:34px;border:1px solid #dce7ef;background:#f8fbfd;color:#10385d;border-radius:9px;font-weight:800;cursor:pointer}
@media(max-width:820px){
  body:not(.backoffice-body)>.site-header,body:not(.backoffice-body) .site-header.account-public-header{height:72px!important;min-height:72px!important;padding:0 12px!important;grid-template-columns:minmax(96px,125px) 1fr auto!important;gap:8px!important;position:relative!important;overflow:visible!important}
  body:not(.backoffice-body)>.site-header>.brand,body:not(.backoffice-body) .site-header.account-public-header>.brand{grid-column:1!important;min-width:0!important}
  body:not(.backoffice-body)>.site-header>.brand img,body:not(.backoffice-body) .site-header.account-public-header>.brand img{width:112px!important;max-width:100%!important;height:auto!important}
  body:not(.backoffice-body)>.site-header>.desktop-nav,body:not(.backoffice-body) .site-header.account-public-header>.desktop-nav{display:none!important}
  .mobile-menu{display:block!important;grid-column:2!important;justify-self:end!important;z-index:2147483550}.mobile-menu>summary span{display:none}
  body:not(.backoffice-body)>.site-header>.header-actions,body:not(.backoffice-body) .site-header.account-public-header>.header-actions{grid-column:3!important;display:flex!important;justify-self:end!important;gap:5px!important;margin:0!important}
  body:not(.backoffice-body) .site-header .lmd-header-tools{display:none!important}
  body:not(.backoffice-body) .site-header .bookings-button{height:42px!important;min-width:0!important;padding:0 14px!important;font-size:11px!important;border-radius:999px!important}
  body:not(.backoffice-body) .site-header .account-dropdown-menu{right:0!important;left:auto!important;width:min(285px,calc(100vw - 20px))!important}
  .home-page .hero{min-height:auto!important;background:none!important;padding:0 0 22px!important;overflow:hidden!important}
  .home-page .hero-inner{min-height:0!important;padding:34px 0 0!important;display:flex!important;flex-direction:column!important}
  .home-page .hero-copy{width:100%!important;max-width:100%!important;padding:0 18px!important}
  .home-page .hero-copy h1{font-size:clamp(2.55rem,12vw,4rem)!important;line-height:.91!important;letter-spacing:-.045em!important;max-width:380px!important}
  .home-page .hero-copy p{font-size:.82rem!important;max-width:330px!important;margin-top:18px!important}.home-page .hero-copy::after{display:none!important}
  .home-page .hero-inner::after{content:"";display:block!important;width:100%!important;aspect-ratio:1.02/1!important;margin-top:-54px!important;background:url('/images/home/homephoto.png') center top/cover no-repeat!important;position:relative!important;z-index:0!important}
  .home-page .hero .search-panel{position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:calc(100% - 24px)!important;height:auto!important;margin:-10px auto 0!important;grid-template-columns:1fr!important;z-index:3!important}
  .home-page .hero .search-control{min-height:60px!important;border-right:0!important;border-bottom:1px solid #edf1f4!important}.home-page .hero .search-button{height:54px!important;width:100%!important}.home-page .hero .trust-strip{display:none!important}
  .page-shell{width:min(100% - 24px,1180px)!important}img,video,svg{max-width:100%;height:auto}.content-section,.experience-section,.popular-destinations,.why-section{overflow:hidden}.activity-grid,.experience-grid,.destination-grid,.contact-main-layout,.help-topics-grid,.career-grid{grid-template-columns:1fr!important}.tour-detail-layout,.booking-layout,.payment-layout{grid-template-columns:1fr!important}
}
@media(max-width:480px){body:not(.backoffice-body)>.site-header,body:not(.backoffice-body) .site-header.account-public-header{grid-template-columns:96px 42px 1fr!important;padding:0 8px!important}body:not(.backoffice-body)>.site-header>.brand img,body:not(.backoffice-body) .site-header.account-public-header>.brand img{width:92px!important}.mobile-menu{grid-column:2!important}body:not(.backoffice-body)>.site-header>.header-actions,body:not(.backoffice-body) .site-header.account-public-header>.header-actions{grid-column:3!important}body:not(.backoffice-body) .site-header .bookings-button{max-width:128px!important;padding:0 12px!important}.home-page .hero-copy{padding:0 14px!important}.home-page .hero-copy h1{font-size:2.65rem!important}.home-page .hero-inner::after{margin-top:-34px!important;aspect-ratio:.88/1!important;background-position:58% top!important}}

/* v67 - responsive coverage for the rest of the public site */
@media(max-width:820px){
  html,body{max-width:100%;overflow-x:hidden}
  .payment-page,.account-shell,.contact-shell,.experience-shell,.asia-ref-shell,.help-page .page-shell{width:calc(100% - 24px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
  .payment-form,.receipt-card,.cart-panel,.favorite-card,.contact-form-card,.sidebar-card{min-width:0!important;max-width:100%!important}
  .form-row,.form-row--2,.auth-form-grid,.auth-form-grid.two,.auth-form-grid.three,.contact-form-row,.checkout-tier-prices,.promo-code-row{grid-template-columns:1fr!important}
  .auth-field,input,select,textarea,button{max-width:100%}
  .cart-header-row{display:none!important}.cart-item-row{grid-template-columns:1fr!important;gap:12px!important}.cart-tour-cell{min-width:0!important}.cart-item-actions{justify-content:flex-start!important}
  .favorites-layout{grid-template-columns:1fr!important}.favorite-card{width:100%!important}
  .calendar-actions{grid-template-columns:1fr!important}.receipt-card{padding:22px 16px!important}.receipt-tour{grid-template-columns:72px 1fr!important}.receipt-table{font-size:13px!important}
  .tour-reference-layout,.tour-detail-main{grid-template-columns:1fr!important}.tour-top-actions{position:static!important;margin-top:12px!important}.tour-gallery-area,.tour-booking-card{width:100%!important;max-width:none!important}.tour-gallery-main{min-height:300px!important}.tour-detail-sidebar{position:static!important;width:100%!important}
  .tours-layout{grid-template-columns:1fr!important}.tours-filter-sidebar{position:static!important;width:100%!important}.tours-results-grid,.tour-grid{grid-template-columns:1fr!important}
  .contact-hero-layout,.contact-main-layout,.help-hero-grid,.experiences-hero-inner{grid-template-columns:1fr!important}.contact-hero{min-height:auto!important}.contact-hero-background{opacity:.18!important}.contact-hero-copy{padding:42px 0!important}.contact-sidebar{width:100%!important}
  .help-hero-grid{min-height:0!important;padding-bottom:96px!important}.help-hero-art{height:250px!important}.help-search{left:12px!important;right:12px!important;bottom:15px!important;height:auto!important;min-height:64px!important;grid-template-columns:auto 1fr!important;padding:8px 12px!important}.help-search button{grid-column:1/-1!important;width:100%!important;height:48px!important}.help-topic-grid{grid-template-columns:1fr!important}
  .experiences-hero{min-height:auto!important}.experiences-hero-copy{padding:48px 0 18px!important}.experience-story-grid{grid-template-columns:1fr!important}
  .asia-ref-hero-grid{grid-template-columns:1fr!important}.asia-ref-art{min-height:320px!important}.asia-feature-strip{grid-template-columns:1fr 1fr!important}.season-tabs{display:grid!important;grid-template-columns:1fr 1fr!important}.season-country-cards{grid-template-columns:1fr 1fr!important}.country-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:520px){
  .asia-feature-strip,.season-tabs,.season-country-cards,.country-grid{grid-template-columns:1fr!important}
  .tour-gallery-main{min-height:240px!important}.tour-hero-heading h1{font-size:2.2rem!important}.page-hero h1{font-size:2.35rem!important}
}

/* =========================================================
   v68 - polished mobile/tablet navigation and true responsive layout
   ========================================================= */
.mobile-menu-head,.mobile-account-card,.mobile-account-links{display:none}
@media (max-width: 900px){
  body:not(.backoffice-body)>.site-header,
  body:not(.backoffice-body) .site-header.account-public-header{
    width:100%!important;height:76px!important;min-height:76px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:12px!important;padding:0 16px!important;
    background:#fff!important;border-bottom:1px solid #eaf0f4!important;
    box-shadow:0 8px 28px rgba(8,47,86,.055)!important;overflow:visible!important;
    position:relative!important;z-index:2147483500!important;
  }
  body:not(.backoffice-body)>.site-header>.brand,
  body:not(.backoffice-body) .site-header.account-public-header>.brand{
    grid-column:1!important;display:flex!important;align-items:center!important;justify-self:start!important;
    width:auto!important;max-width:150px!important;min-width:0!important;margin:0!important;
  }
  body:not(.backoffice-body)>.site-header>.brand img,
  body:not(.backoffice-body) .site-header.account-public-header>.brand img{
    width:132px!important;max-width:132px!important;height:auto!important;object-fit:contain!important;
  }
  body:not(.backoffice-body)>.site-header>.desktop-nav,
  body:not(.backoffice-body) .site-header.account-public-header>.desktop-nav,
  body:not(.backoffice-body)>.site-header>.header-actions,
  body:not(.backoffice-body) .site-header.account-public-header>.header-actions{display:none!important}
  .mobile-menu{display:block!important;grid-column:2!important;justify-self:end!important;position:static!important;z-index:2147483600!important}
  .mobile-menu>summary{
    width:46px!important;height:46px!important;padding:0!important;border-radius:14px!important;
    border:1px solid #dbe7f0!important;background:#f8fbfd!important;color:#0a3158!important;
    box-shadow:0 5px 14px rgba(8,47,86,.06)!important;font-size:17px!important;
  }
  .mobile-menu>summary span{display:none!important}
  .mobile-menu[open]>summary{background:#fff1e3!important;border-color:#ffd6ad!important;color:#ef7300!important}
  .mobile-menu-panel{
    position:fixed!important;top:84px!important;left:12px!important;right:12px!important;width:auto!important;
    max-height:calc(100dvh - 96px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    padding:14px!important;border-radius:22px!important;border:1px solid #dfe9f0!important;background:#fff!important;
    box-shadow:0 24px 70px rgba(7,38,66,.22)!important;z-index:2147483640!important;
  }
  .mobile-menu-panel:before{content:"";position:fixed;inset:76px 0 0;background:rgba(5,29,50,.34);backdrop-filter:blur(4px);z-index:-1;pointer-events:none}
  .mobile-menu-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:4px 4px 12px!important;border-bottom:1px solid #edf2f6!important}
  .mobile-menu-brand{display:flex;align-items:center;gap:10px;min-width:0}.mobile-menu-brand img{width:76px!important;max-width:76px!important}.mobile-menu-brand div{display:grid;gap:2px}.mobile-menu-brand strong{color:#092f56;font-size:14px}.mobile-menu-brand small{color:#7b8ea1;font-size:10px}
  .mobile-menu-close{width:36px;height:36px;border:1px solid #e1e9ef;border-radius:11px;background:#f8fbfd;color:#123b61;display:grid;place-items:center;cursor:pointer}
  .mobile-account-card{display:flex!important;align-items:center!important;gap:11px!important;padding:12px!important;margin:12px 0 8px!important;border-radius:14px!important;background:linear-gradient(135deg,#fff8ef,#f3f9ff)!important;border:1px solid #e5edf3!important}.mobile-account-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff0dc;color:#f07800}.mobile-account-card div{display:grid;gap:2px}.mobile-account-card small{font-size:10px;color:#8192a3}.mobile-account-card strong{font-size:14px;color:#092f56}
  .mobile-menu-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:4px 0!important}
  .mobile-menu-links>a,.mobile-logout-form button{
    min-height:52px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 13px!important;
    border:1px solid #e7eef3!important;border-radius:13px!important;background:#fbfdff!important;color:#123958!important;
    text-decoration:none!important;font-size:13px!important;font-weight:700!important;box-sizing:border-box!important;width:100%!important;
  }
  .mobile-menu-links>a i,.mobile-logout-form button i{width:18px;text-align:center;color:#ff7900}.mobile-menu-links>a span,.mobile-logout-form button span{min-width:0}.mobile-menu-links>a b{margin-left:auto;min-width:22px;height:22px;border-radius:99px;display:grid;place-items:center;background:#ff7900;color:#fff;font-size:10px}
  .mobile-menu-links>a.active{background:#fff3e7!important;border-color:#ffd8b0!important;color:#e96d00!important}
  .mobile-menu-divider{margin:9px 0!important}.mobile-account-links{display:grid!important;grid-template-columns:1fr!important}.mobile-logout-form{margin:0!important}.mobile-logout-form button{cursor:pointer;font-family:inherit;text-align:left}.mobile-language-row{padding:10px 0 2px!important}.mobile-language-row button{height:40px!important}

  /* universal width containment */
  main,section,.page-shell,.container,.content-shell,.home-page,.tours-search-page,.account-dashboard-page{max-width:100%!important;min-width:0!important}
  .page-shell,.container{width:min(100% - 24px,1180px)!important;margin-left:auto!important;margin-right:auto!important}
  .home-page .hero-inner{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .home-page .hero-copy{position:relative!important;z-index:2!important}
  .home-page .hero .search-panel{max-width:calc(100vw - 24px)!important}
}
@media (max-width: 560px){
  body:not(.backoffice-body)>.site-header,
  body:not(.backoffice-body) .site-header.account-public-header{height:70px!important;min-height:70px!important;padding:0 12px!important}
  body:not(.backoffice-body)>.site-header>.brand img,
  body:not(.backoffice-body) .site-header.account-public-header>.brand img{width:112px!important;max-width:112px!important}
  .mobile-menu>summary{width:43px!important;height:43px!important;border-radius:13px!important}
  .mobile-menu-panel{top:78px!important;left:8px!important;right:8px!important;max-height:calc(100dvh - 86px)!important;padding:12px!important;border-radius:18px!important}
  .mobile-menu-panel:before{inset:70px 0 0!important}
  .mobile-menu-links{grid-template-columns:1fr!important}
  .mobile-menu-links>a,.mobile-logout-form button{min-height:49px!important}

  /* Home hero: text first, complete search form, image below - never overlaid. */
  .home-page .hero{padding:0!important;overflow:visible!important}.home-page .hero-inner{display:flex!important;flex-direction:column!important;padding:28px 0 0!important;min-height:0!important}
  .home-page .hero-copy{padding:0 18px!important;width:100%!important}.home-page .hero-copy h1{font-size:clamp(2.45rem,12.6vw,3.45rem)!important;line-height:.9!important;max-width:360px!important}.home-page .hero-copy p{font-size:.84rem!important;line-height:1.55!important;margin:18px 0 0!important;max-width:330px!important}
  .home-page .hero .search-panel{order:2!important;position:relative!important;inset:auto!important;transform:none!important;width:calc(100% - 24px)!important;margin:24px auto 0!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 18px 38px rgba(8,47,86,.12)!important;background:#fff!important}
  .home-page .hero-inner::after{order:3!important;margin:-4px 0 0!important;width:100%!important;aspect-ratio:.86/1!important;background:url('/images/home/homephoto.png') 58% top/cover no-repeat!important;content:""!important;display:block!important;position:relative!important;z-index:0!important}
  .home-page .hero .search-control{min-height:62px!important;padding:10px 14px!important}.home-page .hero .search-button{min-height:54px!important;margin:8px!important;width:calc(100% - 16px)!important;border-radius:12px!important}
}