@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap');

:root {
  --forest: #075f3b;
  --forest-dark: #043923;
  --forest-soft: #eaf4ee;
  --gold: #f3a712;
  --gold-dark: #d88900;
  --navy: #0b2c4d;
  --header-navy: #09192d;
  --sand: #f7f1e5;
  --cream: #fffdf8;
  --ink: #18302a;
  --muted: #65736f;
  --white: #ffffff;
  --shadow: 0 18px 50px rgba(4, 57, 35, 0.12);
  --radius: 1.25rem;
}

html { scroll-behavior: smooth; }

body {
  color: var(--ink);
  background: var(--cream);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  line-height: 1.7;
  overflow-x: hidden;
}

a { color: var(--forest); }
a:hover { color: var(--gold-dark); }
img { max-width: 100%; }

.section-pad { padding: 6rem 0; }
.section-soft { background: var(--forest-soft); }
.section-sand { background: var(--sand); }
.section-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  color: var(--forest);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.section-eyebrow::before { content: ""; width: 2.1rem; height: 2px; background: var(--gold); }
.section-title { font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.12; font-weight: 800; letter-spacing: -.035em; }
.section-lead { color: var(--muted); font-size: 1.08rem; max-width: 44rem; }

.btn {
  border-radius: 999px;
  font-weight: 700;
  padding: .78rem 1.45rem;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn-gold { color: #19281e; background: var(--gold); border-color: var(--gold); }
.btn-gold:hover, .btn-gold:focus { color: #19281e; background: #ffc13c; border-color: #ffc13c; box-shadow: 0 8px 24px rgba(243,167,18,.28); }
.btn-forest { color: var(--white); background: var(--forest); border-color: var(--forest); }
.btn-forest:hover, .btn-forest:focus { color: var(--white); background: var(--forest-dark); border-color: var(--forest-dark); }

/* Header */
.site-header { box-shadow: none; transition: box-shadow .3s ease; }
.top-bar { min-height: 54px; color: var(--white); background-color: transparent; transition: min-height .3s ease, background-color .3s ease, color .3s ease; }
.top-bar .container { min-height: 54px; transition: min-height .3s ease; }
.top-contact { display: flex; align-items: center; gap: .55rem; white-space: nowrap; }
.top-contact a { color: var(--white); font-size: .95rem; font-weight: 400; text-decoration: none; letter-spacing: .01em; transition: color .3s ease; }
.top-contact a:hover { color: var(--gold); }
.top-contact strong { font-weight: 500; }
.contact-divider { width: 1px; height: 22px; margin: 0 .15rem; background: rgba(255,255,255,.7); }
.top-social { display: flex; align-items: center; gap: .95rem; }
.social-icon { width: 24px; height: 28px; display: grid; place-items: center; color: var(--white); line-height: 1; overflow: visible; text-decoration: none; transition: color .3s ease; }
.social-icon .bi { width: 19px; height: 19px; display: block; flex: 0 0 19px; fill: currentColor; overflow: visible; }
.top-social a.social-icon:hover, .top-social a.social-icon:focus { color: var(--white); }
.site-header .main-navigation { min-height: 100px; padding: 0; background-color: transparent; transition: min-height .3s ease, padding .3s ease, background-color .3s ease; }
.site-header .main-navigation > .container { min-height: 100px; align-items: center; }
.site-header.header-scrolled { box-shadow: 0 8px 28px rgba(9,25,45,.16); }
.site-header.header-scrolled .top-bar,
.site-header.header-scrolled .top-bar .container { min-height: 38px; }
.site-header.header-scrolled .top-bar { background-color: var(--header-navy); }
.site-header.header-scrolled .main-navigation { min-height: 100px; padding: 0; background-color: var(--white); }
.navbar-brand { display: flex; align-items: center; padding: 0; }
.brand-logo-frame { width: 42px; height: 0; display: block; overflow: visible; background: transparent; flex: 0 0 auto; transition: width .3s ease, height .3s ease; }
.brand-logo { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; opacity: 0; visibility: hidden; transform: scale(.92); filter: drop-shadow(0 2px 4px rgba(0,0,0,.25)); transition: opacity .25s ease, visibility .25s ease, transform .3s ease; }
.site-header.header-scrolled .brand-logo-frame { width: 80px; height: 80px; }
.site-header.header-scrolled .brand-logo { opacity: 1; visibility: visible; transform: scale(1); }
.main-navigation .navbar-nav .nav-link { color: var(--white); font-size: 1.05rem; font-weight: 400; padding: .55rem 1rem; position: relative; transition: color .3s ease; }
.main-navigation .navbar-nav .nav-link::after { content: ""; position: absolute; left: 1rem; right: 1rem; bottom: .45rem; height: 2px; background: #f99b1c; transform: scaleX(0); transition: transform .2s ease; }
.main-navigation .navbar-nav .nav-link:hover, .main-navigation .navbar-nav .nav-link.active { color: #f08d12; }
.main-navigation .navbar-nav .nav-link:hover::after, .main-navigation .navbar-nav .nav-link.active::after { transform: scaleX(1); }
.header-scrolled .main-navigation .navbar-nav .nav-link { color: var(--header-navy); }
.header-scrolled .main-navigation .navbar-nav .nav-link:hover, .header-scrolled .main-navigation .navbar-nav .nav-link.active { color: #f08d12; }
.menu-actions { gap: .75rem; }
.header-action { min-height: 48px; display: inline-flex; align-items: stretch; color: var(--white); border: 1px solid transparent; border-radius: 5px; font-size: .95rem; font-weight: 500; line-height: 1; text-decoration: none; overflow: hidden; }
.header-action > span:last-child { display: flex; align-items: center; padding: 0 1.15rem; }
.header-action:hover { color: var(--white); transform: translateY(-1px); }
.action-icon { width: 45px; display: grid; place-items: center; border-right: 1px solid rgba(255,255,255,.65); }
.action-icon svg { width: 18px; height: 18px; fill: currentColor; }
.book-action { background: #f99b1c; border-color: #f99b1c; }
.book-action:hover { background: #e98a0d; border-color: #e98a0d; }
.whatsapp-action { color: #0acb62; background: var(--white); border-color: #0acb62; }
.whatsapp-action .action-icon { border-right-color: #0acb62; }
.whatsapp-action:hover { color: var(--white); background: #0acb62; }
.navbar-toggler { border-color: rgba(255,255,255,.65); transition: border-color .3s ease; }
.navbar-toggler-icon { filter: invert(1) grayscale(1) brightness(2); transition: filter .3s ease; }
.header-scrolled .navbar-toggler { border-color: rgba(9,25,45,.3); }
.header-scrolled .navbar-toggler-icon { filter: none; }

/* Hero carousel */
.hero-carousel, .hero-carousel .carousel-inner, .hero-carousel .carousel-item { min-height: 720px; height: 100vh; }
.hero-carousel .carousel-item { background: var(--forest-dark); }
.hero-image { width: 100%; height: 100%; object-fit: cover; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2,27,18,.9) 0%, rgba(2,27,18,.62) 42%, rgba(2,27,18,.2) 72%, rgba(2,27,18,.08) 100%); }
.hero-carousel .carousel-caption { top: 50%; bottom: auto; left: 0; right: 0; transform: translateY(-45%); text-align: left; z-index: 2; }
.hero-copy { max-width: 760px; }
.hero-eyebrow { display: inline-flex; align-items: center; gap: .7rem; color: #ffd77c; font-size: .82rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; margin-bottom: 1.1rem; }
.hero-eyebrow::before { content: ""; width: 2.4rem; height: 2px; background: var(--gold); }
.hero-title { font-size: clamp(2.65rem, 6vw, 5.25rem); line-height: 1.01; font-weight: 850; letter-spacing: -.045em; text-shadow: 0 3px 24px rgba(0,0,0,.25); }
.hero-text { max-width: 660px; font-size: clamp(1rem, 1.7vw, 1.2rem); color: rgba(255,255,255,.9); margin: 1.4rem 0 1.7rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.hero-actions .btn-outline-light:hover { color: var(--forest-dark); }
.hero-support { color: rgba(255,255,255,.78); font-size: .88rem; margin-top: 1.25rem; }
.hero-carousel .carousel-indicators { bottom: 2rem; }
.hero-carousel .carousel-indicators [data-bs-target] { width: 2.5rem; height: 3px; border: 0; opacity: .6; }
.hero-carousel .carousel-indicators .active { background-color: var(--gold); opacity: 1; }

/* Home content */
.intro-panel { padding: clamp(2rem,5vw,4.5rem); background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); }
.intro-aside { height: 100%; padding: 2rem; border-radius: var(--radius); background: var(--forest); color: var(--white); }
.intro-aside p { color: rgba(255,255,255,.78); }
.service-pill { display: inline-flex; margin: .22rem .12rem; padding: .45rem .8rem; border-radius: 999px; background: rgba(255,255,255,.12); font-size: .86rem; }

.tour-card { height: 100%; background: var(--white); border: 1px solid rgba(7,95,59,.1); border-radius: var(--radius); box-shadow: 0 12px 30px rgba(11,44,77,.06); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.tour-card:hover { transform: translateY(-7px); box-shadow: var(--shadow); }
.tour-card-top { position: relative; height: 160px; padding: 30px; color: var(--white); text-align: left; background: linear-gradient(135deg, #132d46 0%, #09192d 100%) center/cover no-repeat; overflow: hidden; }
.tour-card-top::before { content: ""; position: absolute; inset: 0; background: rgba(9,25,45,.48); }
.tour-card-sigiriya { background-image: url('../images/hero/heritage-hills.jpg'); background-position: 42% center; }
.tour-card-wildlife { background-image: url('../images/hero/wildlife-yala.jpg'); background-position: 32% center; }
.tour-card-tea { background-image: url('../images/hero/heritage-hills.jpg'); background-position: 78% center; }
.tour-card-culture { background-image: url('../images/hero/heritage-hills.jpg'); background-position: 40% center; }
.tour-card-coast { background-image: url('../images/hero/south-coast.jpg'); background-position: center; }
.tour-card-short { background-image: url('../images/hero/heritage-hills.jpg'); background-position: 44% center; }
.tour-duration { position: relative; z-index: 1; display: block; width: calc(100% - 80px); color: var(--white); font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 1px; text-transform: uppercase; overflow-wrap: anywhere; }
.tour-number { position: absolute; z-index: 1; top: 28px; right: 28px; color: rgba(255,255,255,.45); font-family: inherit; font-size: 56px; font-weight: 800; line-height: 1; pointer-events: none; }
.tour-card-body { padding: 1.5rem; }
.tour-card h3 { font-size: 1.25rem; font-weight: 800; }
.tour-card p { color: var(--muted); font-size: .94rem; }
.text-link { display: inline-flex; align-items: center; gap: .45rem; font-weight: 800; text-decoration: none; }
.text-link::after { content: "→"; transition: transform .2s ease; }
.text-link:hover::after { transform: translateX(4px); }

.experience-card { height: 100%; padding: 1.8rem; border-radius: var(--radius); background: var(--white); }
.icon-badge { width: 54px; height: 54px; display: inline-grid; place-items: center; border-radius: 16px; color: var(--forest); background: var(--forest-soft); margin-bottom: 1.25rem; }
.icon-badge svg { width: 26px; height: 26px; }
.experience-card h3, .benefit h3 { font-size: 1.08rem; font-weight: 800; }
.experience-card p, .benefit p { color: var(--muted); margin-bottom: 0; font-size: .94rem; }

.why-panel { position: relative; color: var(--white); background: #132d46; border-radius: calc(var(--radius) + .5rem); overflow: hidden; }
.why-panel::after { content: ""; position: absolute; width: 380px; height: 380px; right: -120px; top: -180px; border: 70px solid rgba(255,255,255,.05); border-radius: 50%; }
.why-copy { padding: clamp(2.3rem,5vw,5rem); position: relative; z-index: 1; }
.why-copy .section-eyebrow { color: #ffd77c; }
.why-panel .text-white-50 { color: #d5dee7 !important; }
.benefit { padding: 1.4rem 0; border-top: 1px solid rgba(255,255,255,.15); }
.benefit p { color: #d5dee7; }
.benefit-number { color: var(--gold); font-weight: 850; font-size: 1.4rem; }

.season-card { padding: clamp(2rem,5vw,4rem); border-radius: calc(var(--radius) + .5rem); background: linear-gradient(135deg, #fff 0%, #f6ead2 100%); border: 1px solid rgba(216,137,0,.18); box-shadow: var(--shadow); }
.season-note { color: var(--muted); font-size: .9rem; }

.step-card { position: relative; height: 100%; padding: 2rem; border-radius: var(--radius); background: var(--white); box-shadow: 0 12px 30px rgba(4,57,35,.07); }
.step-number { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 50%; color: var(--forest-dark); background: var(--gold); font-weight: 850; margin-bottom: 1.4rem; }
.step-card h3 { font-size: 1.14rem; font-weight: 800; }
.step-card p { color: var(--muted); margin: 0; }

.team-strip { padding: 3rem; color: var(--white); border-radius: calc(var(--radius) + .5rem); background: linear-gradient(120deg,var(--navy),var(--forest)); }
.team-strip p { color: rgba(255,255,255,.78); }
.final-cta { position: relative; padding: clamp(3rem,7vw,6.5rem) 0; color: var(--white); background: linear-gradient(rgba(9,25,45,.82),rgba(9,25,45,.72)), url('../images/hero/south-coast.jpg') center/cover; }
.final-cta p { max-width: 650px; color: rgba(255,255,255,.8); font-size: 1.08rem; }

/* Inner-page shells */
.page-hero { padding: 18rem 0 5rem; color: var(--white); background: linear-gradient(120deg,var(--forest-dark),var(--navy)); }
.page-hero h1 { font-size: clamp(2.4rem,5vw,4rem); font-weight: 850; }
.placeholder-content { min-height: 40vh; }

/* Tour collection page */
.tours-collection-banner { position: relative; min-height: 610px; display: flex; align-items: flex-end; color: var(--white); background: url('../images/hero/heritage-hills.jpg') center 46%/cover no-repeat; overflow: hidden; }
.tours-collection-banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,25,45,.9) 0%, rgba(9,25,45,.64) 50%, rgba(9,25,45,.22) 100%); }
.tours-collection-banner .container { position: relative; z-index: 1; padding-bottom: 5.5rem; }
.tours-banner-copy { max-width: 910px; }
.tours-banner-eyebrow { margin-bottom: .9rem; color: #ffd77c; font-size: .8rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.tours-collection-banner h1 { margin-bottom: 1.25rem; font-size: clamp(3.1rem, 6.5vw, 5.45rem); font-weight: 700; line-height: 1; letter-spacing: -.045em; text-shadow: 0 4px 24px rgba(0,0,0,.25); }
.tours-collection-banner p:last-child { max-width: 780px; margin: 0; color: rgba(255,255,255,.86); font-size: 1.1rem; line-height: 1.75; }
.tour-collection-intro { padding: 0 0 2rem; background: var(--cream); }
.tour-collection-intro-panel { position: relative; z-index: 2; max-width: 960px; margin: 0 auto; padding: clamp(2rem, 5vw, 4rem); background: var(--white); border: 1px solid rgba(9,25,45,.06); border-radius: 20px; box-shadow: 0 22px 60px rgba(9,25,45,.14); transform: translateY(-28%); }
.tour-collection-intro-panel h2 { margin-bottom: 1rem; color: var(--header-navy); font-size: clamp(2.2rem, 4.5vw, 3.5rem); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.tour-collection-intro-panel > p:last-child { max-width: 790px; margin: 0; color: #596976; font-size: 1.08rem; line-height: 1.8; }
.tour-duration-section { padding: 4.5rem 0 7rem; background: var(--cream); }
.tour-collection-heading { max-width: 800px; margin-bottom: 3rem; }
.tour-collection-heading h2 { margin-bottom: 1rem; color: var(--header-navy); font-size: clamp(2.4rem, 5vw, 4rem); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.tour-collection-heading > p:last-child { margin: 0; color: #596976; font-size: 1.06rem; line-height: 1.8; }
.tour-collection-heading.text-center .section-eyebrow { justify-content: center; }
.tour-collection-card .tour-card-top { height: 210px; }
.tour-collection-card .tour-card-body { padding: 2rem; }
.tour-collection-card h3 { font-size: 1.7rem; font-weight: 650; }
.tour-collection-card h3 a { color: var(--header-navy); text-decoration: none; }
.tour-collection-card h3 a:hover { color: var(--gold-dark); }
.tour-collection-card p { font-size: 1rem; line-height: 1.75; }
.tour-short-escapes { padding: 7rem 0; background: var(--sand); }
.tour-short-escapes .tour-collection-heading { margin-right: auto; margin-left: auto; }
.tour-planning-section { padding: 7rem 0; background: var(--white); }
.tour-planning-card { height: 100%; padding: clamp(2rem, 4.5vw, 3.5rem); background: var(--cream); border: 1px solid rgba(9,25,45,.08); border-radius: 22px; box-shadow: 0 16px 44px rgba(9,25,45,.07); }
.tour-planning-card h2 { margin-bottom: 1.25rem; color: var(--header-navy); font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.tour-planning-card > p:not(.section-eyebrow) { margin-bottom: 1.6rem; color: #596976; font-size: 1.04rem; line-height: 1.8; }
.tour-planning-card-dark { color: var(--white); background: #132d46; border-color: #132d46; }
.tour-planning-card-dark .section-eyebrow { color: #ffd77c; }
.tour-planning-card-dark h2 { color: var(--white); }
.tour-planning-card-dark > p:not(.section-eyebrow) { color: #d5dee7; }
.tour-collection-cta { position: relative; padding: 7rem 0; color: var(--white); background: url('../images/hero/south-coast.jpg') center 54%/cover no-repeat; overflow: hidden; }
.tour-collection-cta::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,25,45,.93), rgba(9,25,45,.76)); }
.tour-collection-cta .container { position: relative; z-index: 1; }
.tour-collection-cta-copy { max-width: 950px; }
.tour-collection-cta .section-eyebrow { color: #ffd77c; }
.tour-collection-cta h2 { margin-bottom: 1rem; color: var(--white); font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.tour-collection-cta-copy > p:not(.section-eyebrow) { max-width: 760px; margin-bottom: 1.75rem; color: rgba(255,255,255,.82); font-size: 1.06rem; line-height: 1.8; }

/* Tour package pages */
.package-banner { position: relative; min-height: 620px; display: flex; align-items: flex-end; color: var(--white); overflow: hidden; }
.package-seven-day { background: url('../images/hero/wildlife-yala.jpg') 32% center/cover no-repeat; }
.package-ten-day { background: url('../images/hero/south-coast.jpg') center 55%/cover no-repeat; }
.package-fourteen-day { background: url('../images/hero/heritage-hills.jpg') 68% center/cover no-repeat; }
.package-fifteen-day { background: url('../images/hero/heritage-hills.jpg') 42% center/cover no-repeat; }
.package-south-coast { background: url('../images/hero/south-coast.jpg') center 56%/cover no-repeat; }
.package-short-breaks { background: url('../images/hero/heritage-hills.jpg') center 48%/cover no-repeat; }
.package-banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,25,45,.9) 0%, rgba(9,25,45,.65) 48%, rgba(9,25,45,.25) 100%); }
.package-banner .container { position: relative; z-index: 1; padding-bottom: 6rem; }
.package-eyebrow { margin-bottom: .9rem; color: #ffd77c; font-size: .8rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.package-banner h1 { max-width: 850px; margin-bottom: 1.1rem; font-size: clamp(3.2rem, 7vw, 5.5rem); font-weight: 700; line-height: 1; letter-spacing: -.045em; text-shadow: 0 4px 24px rgba(0,0,0,.25); }
.package-banner p:last-child { max-width: 700px; margin: 0; color: rgba(255,255,255,.86); font-size: 1.12rem; line-height: 1.7; }
.package-summary { padding: 0 0 7rem; background: var(--cream); }
.package-facts { position: relative; z-index: 2; display: grid; grid-template-columns: .7fr 2fr 1.45fr; margin-bottom: 6rem; background: var(--white); border-radius: 18px; box-shadow: 0 20px 55px rgba(9,25,45,.16); transform: translateY(-50%); }
.package-fact { padding: 1.5rem; border-right: 1px solid rgba(9,25,45,.09); }
.package-fact:last-child { border-right: 0; }
.package-fact span { display: block; margin-bottom: .45rem; color: var(--gold-dark); font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.package-fact strong { display: block; color: var(--header-navy); font-size: .94rem; font-weight: 500; line-height: 1.55; }
.package-intro { max-width: 900px; margin: -2.5rem auto 0; text-align: center; }
.package-intro .section-eyebrow { justify-content: center; }
.package-intro h2,
.package-section-heading h2,
.package-guidance-card h2,
.package-booking-copy h2 { margin-bottom: 1.25rem; color: var(--header-navy); font-size: clamp(2.3rem, 4.5vw, 3.8rem); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.package-intro > p:last-child { margin: 0; color: #596976; font-size: 1.08rem; line-height: 1.8; }
.package-highlights { position: relative; padding: 7rem 0; color: var(--white); background: #132d46; overflow: hidden; }
.package-highlights::after { content: ""; position: absolute; right: -130px; top: -190px; width: 420px; height: 420px; border: 74px solid rgba(255,255,255,.05); border-radius: 50%; }
.package-highlights .container { position: relative; z-index: 1; }
.package-highlights .section-eyebrow { color: #ffd77c; }
.package-highlights h2 { margin: 0; color: var(--white); font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 700; }
.package-highlight-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .8rem; padding: 0; margin: 0; list-style: none; }
.package-highlight-list li { position: relative; padding: 1rem 1rem 1rem 3rem; color: #e1e8ef; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; }
.package-highlight-list li::before { content: "✓"; position: absolute; left: 1rem; top: 50%; color: var(--gold); font-size: 1.1rem; font-weight: 700; transform: translateY(-50%); }
.package-itinerary { padding: 7rem 0; background: var(--sand); }
.package-section-heading { max-width: 760px; margin: 0 auto 3.5rem; text-align: center; }
.package-section-heading .section-eyebrow { justify-content: center; }
.itinerary-timeline { position: relative; max-width: 1000px; margin: 0 auto; }
.itinerary-timeline::before { content: ""; position: absolute; left: 39px; top: 15px; bottom: 15px; width: 2px; background: rgba(216,137,0,.28); }
.itinerary-day { position: relative; display: grid; grid-template-columns: 80px minmax(0,1fr); gap: 1.5rem; margin-bottom: 1.25rem; }
.itinerary-day:last-child { margin-bottom: 0; }
.itinerary-day-number { position: relative; z-index: 1; width: 80px; height: 80px; display: grid; place-content: center; color: var(--header-navy); background: var(--gold); border: 7px solid var(--sand); border-radius: 50%; text-align: center; }
.itinerary-day-number span { font-size: .62rem; font-weight: 600; letter-spacing: .1em; line-height: 1; text-transform: uppercase; }
.itinerary-day-number strong { font-size: 1.55rem; font-weight: 700; line-height: 1; }
.itinerary-day-copy { padding: 1.7rem 1.9rem; background: var(--white); border: 1px solid rgba(9,25,45,.07); border-radius: 16px; box-shadow: 0 10px 30px rgba(9,25,45,.055); }
.itinerary-day-copy h3 { margin-bottom: .75rem; color: var(--header-navy); font-size: 1.45rem; font-weight: 650; }
.itinerary-day-copy > p:not(.overnight-note) { margin-bottom: 1rem; color: #5c6b77; line-height: 1.75; }
.overnight-note { display: inline-block; margin: 0; padding: .4rem .7rem; color: #6d4b09; background: rgba(243,167,18,.14); border-radius: 7px; font-size: .84rem; }
.overnight-note strong { font-weight: 600; }
.package-guidance { padding: 7rem 0; background: var(--white); }
.package-guidance-card { height: 100%; padding: clamp(2rem, 4vw, 3.5rem); background: var(--cream); border: 1px solid rgba(9,25,45,.07); border-radius: 20px; box-shadow: 0 15px 42px rgba(9,25,45,.07); }
.package-guidance-card h2 { font-size: clamp(2rem, 3.5vw, 2.8rem); }
.package-guidance-card > p:last-child { margin: 0; color: #5c6b77; font-size: 1.03rem; line-height: 1.8; }
.package-question-card { background: #132d46; }
.package-question-card .section-eyebrow { color: #ffd77c; }
.package-question-card h2 { color: var(--white); }
.package-question-card > p:last-child { color: #d5dee7; }
.package-booking { position: relative; padding: 7rem 0; color: var(--white); background: url('../images/hero/heritage-hills.jpg') center 48%/cover no-repeat; overflow: hidden; }
.package-booking::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,25,45,.92), rgba(9,25,45,.75)); }
.package-booking .container { position: relative; z-index: 1; }
.package-booking-copy { max-width: 880px; }
.package-booking-copy .section-eyebrow { color: #ffd77c; }
.package-booking-copy h2 { color: var(--white); }
.package-booking-copy > p:not(.section-eyebrow) { max-width: 760px; margin-bottom: 1.75rem; color: rgba(255,255,255,.82); font-size: 1.06rem; line-height: 1.8; }
.package-internal-links { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 2rem; }
.package-internal-links a { padding: .4rem .75rem; color: rgba(255,255,255,.78); border: 1px solid rgba(255,255,255,.25); border-radius: 999px; font-size: .78rem; text-decoration: none; }
.package-internal-links a:hover { color: var(--header-navy); background: var(--white); }

/* Combined Cultural Triangle and Kandy breaks page */
.short-tour-chooser { padding: 6rem 0; background: var(--cream); }
.short-tour-chooser-heading { max-width: 780px; margin: 0 auto 2.5rem; text-align: center; }
.short-tour-chooser-heading .section-eyebrow { justify-content: center; }
.short-tour-chooser-heading h2,
.short-package-heading h2,
.shared-booking-heading h2 { margin-bottom: 1rem; color: var(--header-navy); font-size: clamp(2.25rem, 4.5vw, 3.75rem); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.short-tour-chooser-heading > p:last-child { margin: 0; color: #596976; font-size: 1.05rem; line-height: 1.8; }
.short-tour-choice { height: 100%; display: flex; flex-direction: column; padding: 2rem; color: inherit; background: var(--white); border: 1px solid rgba(9,25,45,.08); border-radius: 18px; box-shadow: 0 14px 38px rgba(9,25,45,.08); text-decoration: none; transition: transform .25s ease, box-shadow .25s ease; }
.short-tour-choice:hover { color: inherit; transform: translateY(-4px); box-shadow: 0 20px 46px rgba(9,25,45,.13); }
.short-tour-choice-meta { margin-bottom: .75rem; color: var(--gold-dark); font-size: .75rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.short-tour-choice h3 { margin-bottom: .8rem; color: var(--header-navy); font-size: 1.65rem; font-weight: 650; }
.short-tour-choice p { margin-bottom: 1.35rem; color: #5c6b77; line-height: 1.7; }
.short-tour-choice strong { margin-top: auto; color: var(--gold-dark); font-size: .88rem; font-weight: 600; }
.short-package { scroll-margin-top: 145px; }
.short-package-intro { padding: 7rem 0; background: var(--white); }
.short-package-kandy .short-package-intro { background: var(--cream); }
.short-package-heading { max-width: 920px; margin-bottom: 2.5rem; }
.short-package-heading > p:last-child { margin: 0; color: #596976; font-size: 1.08rem; line-height: 1.8; }
.short-package-facts { display: grid; grid-template-columns: .7fr 2fr 1.25fr; margin-bottom: 2.75rem; background: var(--sand); border: 1px solid rgba(9,25,45,.07); border-radius: 18px; overflow: hidden; }
.short-package-kandy .short-package-facts { background: var(--white); }
.short-package-facts .package-fact:last-child { border-right: 0; }
.short-package-status { margin: 0; padding: .85rem 1rem; color: #6d4b09; background: rgba(243,167,18,.14); border-left: 3px solid var(--gold); border-radius: 0 8px 8px 0; font-size: .88rem; line-height: 1.6; }
.short-package-quote { padding: 5.5rem 0; color: var(--white); background: #09192d; }
.short-package-quote .section-eyebrow { color: #ffd77c; }
.short-package-quote h2 { margin-bottom: 1rem; color: var(--white); font-size: clamp(2.2rem, 4vw, 3.35rem); font-weight: 700; letter-spacing: -.035em; }
.short-package-quote p:not(.section-eyebrow) { max-width: 780px; margin-bottom: 1.6rem; color: #d5dee7; font-size: 1.03rem; line-height: 1.8; }
.short-package-divider { height: 1px; background: rgba(9,25,45,.12); }
.shared-booking { padding: 7rem 0; background: var(--sand); }
.shared-booking-heading { max-width: 760px; margin: 0 auto 3rem; text-align: center; }
.shared-booking-heading .section-eyebrow { justify-content: center; }
.shared-booking-card { height: 100%; padding: 2rem; background: var(--white); border: 1px solid rgba(9,25,45,.07); border-radius: 18px; box-shadow: 0 12px 34px rgba(9,25,45,.06); }
.shared-booking-card h3 { margin-bottom: 1rem; color: var(--header-navy); font-size: 1.45rem; font-weight: 650; }
.shared-booking-card p { margin-bottom: 1rem; color: #5c6b77; line-height: 1.75; }
.shared-booking-card p:last-child { margin-bottom: 0; }
.shared-booking-note { margin-top: 1.5rem; padding: 1.2rem 1.4rem; color: #d5dee7; background: #132d46; border-radius: 12px; line-height: 1.75; }
.shared-booking .package-internal-links a { color: var(--header-navy); border-color: rgba(9,25,45,.22); }
.shared-booking .package-internal-links a:hover { color: var(--header-navy); background: var(--gold); border-color: var(--gold); }

/* FAQ page */
.faq-banner { position: relative; min-height: 440px; display: flex; align-items: flex-end; color: var(--white); background: url('../images/hero/south-coast.jpg') center 55%/cover no-repeat; overflow: hidden; }
.faq-banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,25,45,.86) 0%, rgba(9,25,45,.58) 52%, rgba(9,25,45,.24) 100%); }
.faq-banner .container { position: relative; z-index: 1; padding-bottom: 4rem; }
.faq-eyebrow { margin-bottom: .9rem; color: #ffd77c; font-size: .8rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.faq-banner h1 { max-width: 860px; margin: 0; font-size: clamp(3rem, 6vw, 5rem); font-weight: 700; line-height: 1.03; letter-spacing: -.04em; text-shadow: 0 4px 24px rgba(0,0,0,.24); }
.faq-section { padding: 7rem 0; background: var(--sand); }
.faq-accordion { max-width: 980px; margin: 0 auto; }
.faq-accordion .accordion-item { margin-bottom: .9rem; background: var(--white); border: 1px solid rgba(9,25,45,.08); border-radius: 14px; box-shadow: 0 10px 28px rgba(9,25,45,.055); overflow: hidden; }
.faq-accordion .accordion-item:first-of-type,
.faq-accordion .accordion-item:last-of-type { border-radius: 14px; }
.faq-accordion .accordion-button { padding: 1.3rem 1.5rem; color: var(--header-navy); background: var(--white); font-size: 1.05rem; font-weight: 500; line-height: 1.45; box-shadow: none; }
.faq-accordion .accordion-button:not(.collapsed) { color: var(--header-navy); background: rgba(243,167,18,.12); }
.faq-accordion .accordion-button:focus { border-color: transparent; box-shadow: inset 0 0 0 2px rgba(243,167,18,.55); }
.faq-accordion .accordion-button::after { width: 1.1rem; height: 1.1rem; background-size: 1.1rem; }
.faq-accordion .accordion-body { padding: 1.25rem 1.5rem 1.5rem; color: #596976; font-size: .98rem; line-height: 1.8; border-top: 1px solid rgba(9,25,45,.07); }

/* Destinations page */
.destinations-banner { position: relative; min-height: 560px; display: flex; align-items: flex-end; color: var(--white); background: url('../images/hero/heritage-hills.jpg') center 48%/cover no-repeat; overflow: hidden; }
.destinations-banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,25,45,.88) 0%, rgba(9,25,45,.65) 48%, rgba(9,25,45,.28) 100%); }
.destinations-banner .container { position: relative; z-index: 1; padding-bottom: 4.5rem; }
.destinations-eyebrow { margin-bottom: .9rem; color: #ffd77c; font-size: .8rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.destinations-banner h1 { max-width: 920px; margin-bottom: 1.25rem; font-size: clamp(3rem, 6vw, 5rem); font-weight: 700; line-height: 1.02; letter-spacing: -.04em; text-shadow: 0 4px 24px rgba(0,0,0,.24); }
.destinations-banner p:last-child { max-width: 760px; margin: 0; color: rgba(255,255,255,.86); font-size: 1.08rem; line-height: 1.75; }
.destinations-section { padding: 7rem 0; }
.destination-heritage { background: var(--sand); }
.destination-section-heading { max-width: 780px; margin: 0 auto 3rem; text-align: center; }
.destination-section-heading .section-eyebrow { justify-content: center; }
.destination-section-heading h2,
.destination-custom-inner h2 { margin: 0; color: var(--header-navy); font-size: clamp(2.3rem, 4.5vw, 3.8rem); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.destination-card { height: 100%; display: flex; flex-direction: column; padding: 2rem; background: var(--white); border: 1px solid rgba(9,25,45,.07); border-radius: 18px; box-shadow: 0 14px 38px rgba(9,25,45,.07); }
.destination-card h3 { margin-bottom: 1.1rem; color: var(--header-navy); font-size: 1.55rem; font-weight: 650; }
.destination-card p { color: #5c6b77; font-size: .97rem; line-height: 1.75; }
.destination-links { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid rgba(9,25,45,.09); }
.destination-links span { margin-right: .15rem; color: #71808c; font-size: .72rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.destination-links a { padding: .36rem .68rem; color: var(--header-navy); background: rgba(243,167,18,.14); border-radius: 999px; font-size: .76rem; font-weight: 500; text-decoration: none; }
.destination-links a:hover { color: var(--white); background: var(--gold-dark); }
.destination-hills { color: var(--white); background: #132d46; }
.destination-hills .section-eyebrow { color: #ffd77c; }
.destination-hills .destination-section-heading h2 { color: var(--white); }
.destination-card-dark { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); box-shadow: none; }
.destination-card-dark h3 { color: var(--white); }
.destination-card-dark p { color: #d5dee7; }
.destination-card-dark .destination-links { border-top-color: rgba(255,255,255,.14); }
.destination-card-dark .destination-links span { color: rgba(255,255,255,.62); }
.destination-card-dark .destination-links a { color: #ffe1a0; background: rgba(243,167,18,.12); }
.destination-card-dark .destination-links a:hover { color: var(--header-navy); background: var(--gold); }
.destination-wildlife { background: var(--cream); }
.destination-feature { background: var(--white); border-radius: 24px; box-shadow: 0 22px 60px rgba(9,25,45,.13); overflow: hidden; }
.destination-feature-image { height: 100%; min-height: 520px; background: url('../images/hero/wildlife-yala.jpg') 31% center/cover no-repeat; }
.destination-feature-copy { height: 100%; display: flex; flex-direction: column; justify-content: center; padding: clamp(2.5rem, 5vw, 5rem); }
.destination-feature-copy h2 { margin-bottom: 1.3rem; color: var(--header-navy); font-size: clamp(2.75rem, 5vw, 4rem); font-weight: 700; }
.destination-feature-copy > p:not(.section-eyebrow) { color: #5c6b77; line-height: 1.8; }
.destination-coast { background: var(--white); }
.destination-section-heading-wide { max-width: none; display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.8fr); gap: 3rem; align-items: center; text-align: left; }
.destination-section-heading-wide .section-eyebrow { justify-content: flex-start; }
.destination-coast-image { min-height: 235px; background: url('../images/hero/south-coast.jpg') center 55%/cover no-repeat; border-radius: 20px; box-shadow: 0 16px 42px rgba(9,25,45,.12); }
.destination-card-wide { padding: 2.25rem; }
.destination-card-wide .row p { margin-bottom: 0; }
.destination-custom-route { position: relative; padding: 7rem 0; color: var(--white); background: url('../images/hero/south-coast.jpg') center/cover no-repeat; overflow: hidden; }
.destination-custom-route::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,25,45,.9), rgba(9,25,45,.72)); }
.destination-custom-route .container { position: relative; z-index: 1; }
.destination-custom-inner { max-width: 820px; }
.destination-custom-inner .section-eyebrow { color: #ffd77c; }
.destination-custom-inner h2 { margin-bottom: 1.25rem; color: var(--white); }
.destination-custom-inner > p:not(.section-eyebrow) { max-width: 760px; margin-bottom: 1.8rem; color: rgba(255,255,255,.82); font-size: 1.05rem; line-height: 1.8; }

/* About page */
.about-banner { position: relative; min-height: 480px; display: flex; align-items: flex-end; color: var(--white); background: url('../images/hero/heritage-hills.jpg') center 48%/cover no-repeat; overflow: hidden; }
.about-banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,25,45,.82) 0%, rgba(9,25,45,.5) 48%, rgba(9,25,45,.2) 100%); }
.about-banner .container { position: relative; z-index: 1; padding-bottom: 4.25rem; }
.about-banner-eyebrow { margin-bottom: .9rem; color: #ffd77c; font-size: .8rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.about-banner h1 { max-width: 820px; margin: 0; font-size: clamp(3rem, 6vw, 5rem); font-weight: 700; line-height: 1.02; letter-spacing: -.04em; text-shadow: 0 4px 24px rgba(0,0,0,.24); }
.about-story,
.about-priorities,
.about-services { padding: 7rem 0; }
.about-story { background: var(--cream); }
.about-section-title { margin-bottom: 1.35rem; color: var(--header-navy); font-size: clamp(2.25rem, 4.5vw, 3.75rem); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.about-copy { max-width: 720px; margin: 0; color: #596976; font-size: 1.08rem; line-height: 1.8; }
.about-story-image,
.about-priorities-image { min-height: 390px; border-radius: 24px; box-shadow: 0 22px 55px rgba(9,25,45,.15); }
.about-story-image { background: url('../images/hero/heritage-hills.jpg') 72% center/cover no-repeat; }
.about-contacts { position: relative; padding: 7rem 0; color: #d5dee7; background: #132d46; overflow: hidden; }
.about-contacts::after { content: ""; position: absolute; right: -140px; top: -190px; width: 430px; height: 430px; border: 76px solid rgba(255,255,255,.05); border-radius: 50%; }
.about-contacts .container { position: relative; z-index: 1; }
.about-contacts .section-eyebrow { color: #ffd77c; }
.about-contacts > .container > .row > div:first-child > p:last-child { max-width: 530px; margin: 0; line-height: 1.8; }
.travel-contact-card { height: 100%; padding: 1.75rem; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.13); border-radius: 18px; }
.contact-initial { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 1.25rem; color: var(--header-navy); background: var(--gold); border-radius: 50%; font-size: 1.15rem; font-weight: 700; }
.travel-contact-card h3 { margin-bottom: .35rem; color: var(--white); font-size: 1.35rem; font-weight: 600; }
.travel-contact-card a { color: #d5dee7; text-decoration: none; }
.travel-contact-card a:hover { color: #ffd77c; }
.travel-email { display: grid; grid-template-columns: 48px auto; column-gap: 1rem; align-items: center; padding: 1.3rem 1.5rem; color: #d5dee7; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.13); border-radius: 18px; text-decoration: none; }
.travel-email > span:first-child { width: 48px; height: 48px; display: grid; place-items: center; grid-row: span 2; color: var(--header-navy); background: var(--gold); border-radius: 50%; }
.travel-email svg { width: 20px; height: 20px; fill: currentColor; }
.travel-email strong { align-self: end; color: var(--white); font-weight: 600; }
.travel-email > span:last-child { align-self: start; overflow-wrap: anywhere; }
.travel-email:hover { color: #ffd77c; }
.about-priorities { background: var(--white); }
.about-priorities-image { background: url('../images/hero/wildlife-yala.jpg') 34% center/cover no-repeat; }
.about-services { background: var(--sand); }
.about-services-heading { max-width: 850px; margin: 0 auto 3rem; text-align: center; }
.about-services-heading .section-eyebrow { justify-content: center; }
.about-services-heading .about-copy { margin: 0 auto; }
.about-service-grid { margin-top: 1rem; }
.about-service-item { height: 100%; padding: 1.5rem; background: var(--white); border: 1px solid rgba(9,25,45,.07); border-radius: 16px; box-shadow: 0 12px 30px rgba(9,25,45,.06); }
.about-service-meta { display: flex; align-items: center; gap: .55rem; margin-bottom: 0; color: var(--gold-dark); }
.about-service-meta span { font-size: 40px; font-weight: 600; line-height: 1; letter-spacing: .14em; }
.about-service-meta i { font-size: 40px; line-height: 1; }
.about-service-item h3 { margin: 0; color: var(--header-navy); font-size: 1.08rem; font-weight: 600; line-height: 1.4; }
.about-cta { margin-top: 2.5rem; text-align: center; }

/* Travel services */
.service-banner,
.service-detail-banner { position: relative; display: flex; align-items: flex-end; color: var(--white); background: #132d46; overflow: hidden; }
.service-banner { min-height: 570px; background: url('../images/hero/heritage-hills.jpg') center 58%/cover no-repeat; }
.service-detail-banner { min-height: 540px; }
.service-driver-banner { background: url('../images/hero/heritage-hills.jpg') center 62%/cover no-repeat; }
.service-transfer-banner { background: url('../images/hero/south-coast.jpg') center 48%/cover no-repeat; }
.service-hotel-banner { background: url('../images/hero/heritage-hills.jpg') 72% 50%/cover no-repeat; }
.service-banner::before,
.service-detail-banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,25,45,.9) 0%, rgba(9,25,45,.64) 50%, rgba(9,25,45,.2) 100%); }
.service-banner .container,
.service-detail-banner .container { position: relative; z-index: 1; padding-bottom: 4.75rem; }
.service-banner h1,
.service-detail-banner h1 { max-width: 900px; margin: 0; font-size: clamp(3.1rem, 7vw, 5.8rem); font-weight: 700; line-height: 1.02; letter-spacing: -.045em; text-shadow: 0 4px 24px rgba(0,0,0,.25); }
.service-detail-banner h1 { font-size: clamp(2.9rem, 6vw, 5.15rem); }
.service-banner .container > p:last-child,
.service-detail-banner .container > p:last-child { max-width: 700px; margin: 1.2rem 0 0; color: rgba(255,255,255,.88); font-size: 1.15rem; line-height: 1.7; }
.service-banner-eyebrow { margin-bottom: 1rem; color: #ffd77c; font-size: .82rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.service-overview { padding: 7rem 0; background: var(--sand); }
.service-heading { max-width: 790px; margin-bottom: 3rem; }
.service-heading h2,
.service-process h2,
.service-detail-intro h2,
.service-booking-panel h2 { color: var(--header-navy); font-size: clamp(2.25rem, 4.5vw, 3.7rem); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; }
.service-heading > p:last-child,
.service-detail-intro .col-lg-7 > p:last-child { color: #596976; font-size: 1.08rem; line-height: 1.8; }
.service-card { position: relative; height: 100%; min-height: 390px; padding: 2rem; background: var(--white); border: 1px solid rgba(9,25,45,.08); border-radius: 22px; box-shadow: 0 16px 40px rgba(9,25,45,.08); overflow: hidden; }
.service-card-featured { color: rgba(255,255,255,.78); background: #132d46; transform: translateY(-12px); }
.service-card-icon { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 3.5rem; color: var(--header-navy); background: var(--gold); border-radius: 18px; font-size: 1.6rem; }
.service-number { position: absolute; top: 1.45rem; right: 1.7rem; margin: 0; color: rgba(9,25,45,.1); font-size: 4rem; font-weight: 700; line-height: 1; }
.service-card-featured .service-number { color: rgba(255,255,255,.1); }
.service-card h2 { color: var(--header-navy); font-size: 1.65rem; font-weight: 600; }
.service-card-featured h2 { color: var(--white); }
.service-card > p:not(.service-number) { margin-bottom: 1.65rem; color: #657480; }
.service-card-featured > p:not(.service-number) { color: rgba(255,255,255,.72); }
.service-card-featured .text-link { color: #ffd77c; }
.service-process { padding: 7rem 0; color: rgba(255,255,255,.76); background: #132d46; }
.service-process .section-eyebrow { color: #ffd77c; }
.service-process h2 { color: var(--white); }
.service-checklist { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; }
.service-checklist li { display: grid; grid-template-columns: 52px 1fr; gap: 1rem; align-items: center; padding: 1.25rem 1.4rem; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 16px; }
.service-checklist i { width: 52px; height: 52px; display: grid; place-items: center; color: var(--header-navy); background: var(--gold); border-radius: 50%; font-size: 1.25rem; }
.service-checklist span { display: flex; flex-direction: column; }
.service-checklist strong { color: var(--white); font-size: 1.05rem; }
.service-cta { padding: 7rem 0; background: var(--cream); }
.service-cta-panel { padding: clamp(2rem, 6vw, 5rem); color: rgba(255,255,255,.78); background: linear-gradient(120deg, #075f3b, #043923); border-radius: 28px; text-align: center; box-shadow: var(--shadow); }
.service-cta-panel .section-eyebrow { justify-content: center; color: #ffd77c; }
.service-cta-panel h2 { margin-bottom: 1rem; color: var(--white); font-size: clamp(2.35rem, 5vw, 4rem); font-weight: 700; letter-spacing: -.04em; }
.service-cta-panel p:not(.section-eyebrow) { max-width: 650px; margin: 0 auto 1.8rem; font-size: 1.06rem; }
.service-detail-intro { padding: 7rem 0; background: var(--cream); }
.service-quick-note { padding: 2rem; color: rgba(255,255,255,.75); background: #132d46; border-radius: 22px; box-shadow: 0 18px 45px rgba(9,25,45,.13); }
.service-quick-note > i { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 1.25rem; color: var(--header-navy); background: var(--gold); border-radius: 50%; font-size: 1.3rem; }
.service-quick-note h2 { margin-bottom: .75rem; color: var(--white); font-size: 1.5rem; }
.service-quick-note p { margin: 0; }
.service-detail-content { padding: 7rem 0; background: var(--sand); }
.service-content-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1.5rem; }
.service-content-grid article { grid-column: span 4; padding: 2rem; background: var(--white); border: 1px solid rgba(9,25,45,.08); border-radius: 20px; box-shadow: 0 12px 30px rgba(9,25,45,.06); }
.service-content-grid article > span { display: block; margin-bottom: 2.25rem; color: var(--gold-dark); font-size: 2.3rem; font-weight: 600; line-height: 1; }
.service-content-grid h2 { color: var(--header-navy); font-size: 1.5rem; font-weight: 600; }
.service-content-grid p { color: #5d6d79; }
.service-content-grid p:last-child { margin-bottom: 0; }
.service-booking { padding: 7rem 0; background: var(--cream); }
.service-booking-panel { max-width: 900px; margin: 0 auto; text-align: center; }
.service-booking-panel .section-eyebrow { justify-content: center; }
.service-booking-panel .btn { margin-top: 1rem; }

/* Contact page */
.contact-banner { position: relative; height: 380px; display: flex; align-items: flex-end; color: var(--white); background: url('../images/hero/south-coast.jpg') center 52%/cover no-repeat; overflow: hidden; }
.contact-banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,25,45,.7), rgba(9,25,45,.42)); }
.contact-banner .container { position: relative; z-index: 1; padding-bottom: 3.25rem; }
.contact-banner h1 { margin: 0; font-size: clamp(2.75rem, 6vw, 4.75rem); font-weight: 700; line-height: 1; letter-spacing: -.035em; text-shadow: 0 4px 20px rgba(0,0,0,.22); }
.contact-page { padding: 7rem 0; background: var(--sand); }
.contact-intro { padding: 2rem 1.25rem 2rem 0; }
.contact-intro .section-eyebrow { margin-bottom: .8rem; }
.contact-intro h2 { max-width: 620px; margin-bottom: 1.25rem; color: var(--header-navy); font-size: clamp(2.45rem, 5vw, 4.25rem); font-weight: 700; line-height: 1.06; letter-spacing: -.035em; }
.contact-lead { max-width: 570px; margin-bottom: 2.5rem; color: #53626f; font-size: 1.08rem; line-height: 1.75; }
.contact-details { padding-top: 1.75rem; border-top: 1px solid rgba(9,25,45,.12); }
.contact-details h2 { margin-bottom: 1.35rem; color: var(--header-navy); font-size: 1.45rem; font-weight: 600; }
.contact-detail-row { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.05rem; }
.contact-detail-row > div { display: flex; flex-direction: column; min-width: 0; }
.contact-detail-row strong { color: var(--header-navy); font-size: .9rem; font-weight: 500; }
.contact-detail-row a { color: #53626f; font-size: .96rem; text-decoration: none; overflow-wrap: anywhere; }
.contact-detail-row a:hover { color: var(--gold-dark); }
.contact-detail-icon { width: 44px; height: 44px; display: grid; place-items: center; flex: 0 0 44px; color: var(--header-navy); background: rgba(243,167,18,.16); border-radius: 50%; }
.contact-detail-icon svg { width: 20px; height: 20px; fill: currentColor; }
.contact-socials { display: flex; gap: .65rem; margin-top: 1.7rem; }
.contact-social-link { width: 42px; height: 42px; display: grid; place-items: center; color: var(--header-navy); background: var(--white); border: 1px solid rgba(9,25,45,.1); border-radius: 50%; box-shadow: 0 6px 18px rgba(9,25,45,.08); text-decoration: none; }
.contact-social-link svg { width: 18px; height: 18px; fill: currentColor; }
a.contact-social-link:hover { color: var(--white); background: var(--gold-dark); }
.trip-form-card { scroll-margin-top: 175px; padding: clamp(2rem, 4vw, 3.25rem); background: var(--white); border: 1px solid rgba(9,25,45,.07); border-radius: 24px; box-shadow: 0 24px 65px rgba(9,25,45,.14); }
.form-eyebrow { margin-bottom: .55rem; color: var(--gold-dark); font-size: .78rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.trip-form-card h2 { margin-bottom: 2rem; color: var(--header-navy); font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; letter-spacing: -.025em; }
.trip-form-card label { display: block; margin-bottom: .45rem; color: #20364c; font-size: .88rem; font-weight: 500; }
.trip-form-card label span { color: #758392; font-weight: 400; }
.trip-form-card .form-control,
.trip-form-card .form-select { min-height: 54px; padding: .75rem 1rem; color: var(--header-navy); background-color: #fbfcfd; border: 1px solid #dbe2e8; border-radius: 10px; box-shadow: none; }
.trip-form-card textarea.form-control { min-height: 140px; resize: vertical; }
.trip-form-card .form-control:focus,
.trip-form-card .form-select:focus { background-color: var(--white); border-color: var(--gold); box-shadow: 0 0 0 .22rem rgba(243,167,18,.14); }
.trip-form-card .was-validated .form-control:invalid,
.trip-form-card .was-validated .form-select:invalid { border-color: #b42318; }
.form-guidance { margin: 1.15rem 0 1.4rem; color: #6e7c89; font-size: .84rem; line-height: 1.65; }
.form-honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.form-status { display: none; margin-bottom: 1rem; padding: .8rem 1rem; border-radius: 9px; font-size: .9rem; }
.form-status.is-success { display: block; color: #146c43; background: #e8f6ef; border: 1px solid #b8e0cc; }
.form-status.is-error { display: block; color: #8f251d; background: #fcebea; border: 1px solid #f0c4c0; }
.contact-submit { min-height: 54px; padding: .85rem 1.7rem; color: #17231b; background: var(--gold); border: 1px solid var(--gold); border-radius: 8px; font-weight: 600; }
.contact-submit:hover,
.contact-submit:focus { color: #17231b; background: #ffc13c; border-color: #ffc13c; box-shadow: 0 10px 28px rgba(243,167,18,.26); }
.contact-submit:disabled { opacity: .65; cursor: wait; }

/* Gallery page */
.gallery-banner { position: relative; min-height: 540px; display: flex; align-items: flex-end; color: var(--white); background: var(--header-navy) url('../images/gallery/gallery-hero-wide.png') center 56%/cover no-repeat; overflow: hidden; }
.gallery-banner::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(9,25,45,.82) 0%, rgba(9,25,45,.5) 52%, rgba(9,25,45,.18) 100%); }
.gallery-banner .container { position: relative; z-index: 2; padding-bottom: 4.5rem; }
.gallery-banner-copy { max-width: 720px; }
.gallery-banner-eyebrow { display: inline-flex; align-items: center; gap: .7rem; margin-bottom: 1rem; color: #ffd77c; font-size: .8rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.gallery-banner-eyebrow::before { content: ""; width: 2.4rem; height: 2px; background: var(--gold); }
.gallery-banner h1 { margin-bottom: 1rem; font-size: clamp(3rem, 7vw, 5.5rem); font-weight: 700; line-height: .98; letter-spacing: -.04em; text-shadow: 0 4px 24px rgba(0,0,0,.25); }
.gallery-banner p:last-child { max-width: 630px; margin: 0; color: rgba(255,255,255,.86); font-size: 1.08rem; }
.gallery-section { padding: 6.5rem 0 7rem; background: var(--cream); }
.gallery-intro { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 2rem; margin-bottom: 2.75rem; }
.gallery-intro .section-title { max-width: 720px; margin-bottom: 0; color: var(--header-navy); }
.gallery-count { margin: 0 0 .35rem; color: var(--muted); font-size: .9rem; letter-spacing: .08em; text-transform: uppercase; }
.gallery-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-flow: dense; gap: 1rem; }
.gallery-item { grid-column: span 4; min-height: 280px; margin: 0; }
.gallery-item:nth-child(7n + 1), .gallery-item:nth-child(7n + 5) { grid-column: span 6; }
.gallery-item:nth-child(7n + 1) { min-height: 410px; }
.gallery-button { position: relative; width: 100%; height: 100%; min-height: inherit; display: block; padding: 0; color: var(--white); background: #d9e0dc; border: 0; border-radius: 16px; box-shadow: 0 10px 28px rgba(9,25,45,.08); cursor: zoom-in; overflow: hidden; }
.gallery-button::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 52%, rgba(9,25,45,.68)); opacity: .72; transition: opacity .3s ease; }
.gallery-button img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .55s ease; }
.gallery-button:hover img, .gallery-button:focus-visible img { transform: scale(1.045); }
.gallery-button:hover::after, .gallery-button:focus-visible::after { opacity: 1; }
.gallery-button:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.gallery-zoom { position: absolute; z-index: 1; right: 1rem; bottom: 1rem; width: 42px; height: 42px; display: grid; place-items: center; color: var(--header-navy); background: rgba(255,255,255,.92); border-radius: 50%; box-shadow: 0 5px 18px rgba(0,0,0,.18); transform: translateY(5px); opacity: 0; transition: opacity .25s ease, transform .25s ease; }
.gallery-zoom svg { width: 19px; height: 19px; fill: currentColor; }
.gallery-button:hover .gallery-zoom, .gallery-button:focus-visible .gallery-zoom { opacity: 1; transform: translateY(0); }
.gallery-lightbox { position: fixed; z-index: 1090; inset: 0; display: grid; place-items: center; padding: 5rem 6rem 3rem; background: rgba(3,12,20,.94); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; }
.gallery-lightbox.is-open { opacity: 1; visibility: visible; }
.gallery-lightbox-figure { width: 100%; height: 100%; display: grid; grid-template-rows: minmax(0,1fr) auto; place-items: center; margin: 0; }
.gallery-lightbox-image { max-width: 100%; max-height: calc(100vh - 9rem); width: auto; height: auto; object-fit: contain; border-radius: 6px; box-shadow: 0 24px 70px rgba(0,0,0,.48); }
.gallery-lightbox-caption { margin: .9rem 0 0; color: rgba(255,255,255,.72); font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; }
.gallery-lightbox-close, .gallery-lightbox-nav { position: absolute; display: grid; place-items: center; color: var(--white); background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); border-radius: 50%; transition: color .2s ease, background-color .2s ease; }
.gallery-lightbox-close:hover, .gallery-lightbox-close:focus-visible, .gallery-lightbox-nav:hover, .gallery-lightbox-nav:focus-visible { color: var(--header-navy); background: var(--gold); outline: 0; }
.gallery-lightbox-close { top: 1.25rem; right: 1.25rem; width: 46px; height: 46px; font-size: 1.8rem; line-height: 1; }
.gallery-lightbox-nav { top: 50%; width: 50px; height: 50px; font-size: 2rem; transform: translateY(-50%); }
.gallery-lightbox-prev { left: 1.25rem; }
.gallery-lightbox-next { right: 1.25rem; }
body.lightbox-open { overflow: hidden; }

/* Footer */
.site-footer { color: rgba(255,255,255,.76); background: #101113; }
.footer-main { padding: 5rem 0 3.5rem; }
.footer-brand { display: inline-flex; align-items: center; gap: 1rem; color: var(--white); text-decoration: none; }
.footer-brand:hover { color: var(--white); }
.footer-brand img { width: 78px; height: 78px; object-fit: contain; object-position: center; background: transparent; transform: none; }
.footer-brand span { display: flex; flex-direction: column; }
.footer-brand strong { font-size: 1.05rem; }
.footer-brand small { color: #f7cb69; }
.footer-intro { max-width: 500px; margin: 1.4rem 0 0; }
.footer-heading { color: var(--white); font-size: .85rem; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 1.3rem; }
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li + li { margin-top: .55rem; }
.footer-links a { color: rgba(255,255,255,.72); text-decoration: none; }
.footer-links a:hover { color: var(--gold); }
.footer-link-pair { display: flex; align-items: center; gap: .4rem; white-space: nowrap; }
.footer-link-pair span { color: rgba(255,255,255,.42); }
.footer-contact-copy { font-size: .92rem; }
.footer-bottom { padding: 1.3rem 0; border-top: 1px solid rgba(255,255,255,.1); font-size: .82rem; }
.footer-bottom p { margin: .2rem 0; }
.footer-bottom a { color: var(--white); font-weight: 500; text-decoration: none; }
.footer-bottom a:hover, .footer-bottom a:focus { color: var(--gold); }
.template-error { padding: 1rem; margin: 0; color: #721c24; background: #f8d7da; text-align: center; }

@media (max-width: 991.98px) {
  .top-bar, .top-bar .container { min-height: 44px; }
  .site-header .main-navigation { min-height: 100px; }
  .brand-logo-frame { width: 42px; height: 0; }
  .site-header.header-scrolled .top-bar,
  .site-header.header-scrolled .top-bar .container { min-height: 34px; }
  .site-header.header-scrolled .main-navigation { min-height: 100px; padding: 0; }
  .site-header.header-scrolled .brand-logo-frame { width: 42px; height: 42px; }
  .site-header .main-navigation > .container { position: relative; }
  .site-header .navbar-toggler { width: 42px; height: 42px; margin-left: auto; padding: .4rem; display: inline-flex; align-items: center; justify-content: center; position: relative; z-index: 2; }
  .site-header .navbar-toggler-icon { width: 1.45rem; height: 1.45rem; }
  .navbar-collapse { margin-top: .45rem; padding: .8rem 1rem 1.2rem; background: var(--white); border-radius: 0 0 12px 12px; box-shadow: 0 12px 24px rgba(9,25,45,.14); }
  .main-navigation .navbar-nav .nav-link { padding: .72rem .2rem; }
  .main-navigation .navbar-collapse .navbar-nav .nav-link { color: var(--header-navy); }
  .main-navigation .navbar-nav .nav-link::after { left: 0; right: auto; width: 30px; bottom: .45rem; }
  .menu-actions { margin-top: .9rem; flex-wrap: wrap; }
  .hero-carousel, .hero-carousel .carousel-inner, .hero-carousel .carousel-item { min-height: 680px; height: 92vh; }
  .hero-carousel .carousel-caption { transform: translateY(-42%); }
  .hero-overlay { background: linear-gradient(90deg,rgba(2,27,18,.9),rgba(2,27,18,.55)); }
  .package-banner { min-height: 560px; }
  .package-banner .container { padding-bottom: 5rem; }
  .package-facts { grid-template-columns: 1fr 1fr; transform: translateY(-35%); }
  .package-fact { border-bottom: 1px solid rgba(9,25,45,.09); }
  .package-fact-route { border-right: 0; }
  .package-fact-overnights { grid-column: 1 / -1; border-bottom: 0; }
  .package-summary { padding-bottom: 5.5rem; }
  .package-intro { margin-top: -3rem; }
  .package-highlights,
  .package-itinerary,
  .package-guidance,
  .package-booking { padding: 5.5rem 0; }
  .short-tour-chooser,
  .short-package-intro,
  .shared-booking { padding: 5.5rem 0; }
  .short-package-facts { grid-template-columns: 1fr 1fr; }
  .short-package-facts .package-fact-route { border-right: 0; }
  .short-package-facts .package-fact-overnights { grid-column: 1 / -1; border-top: 1px solid rgba(9,25,45,.09); }
  .faq-banner { min-height: 390px; }
  .faq-banner .container { padding-bottom: 3rem; }
  .faq-section { padding: 5.5rem 0; }
  .destinations-banner { min-height: 500px; }
  .destinations-banner .container { padding-bottom: 3.5rem; }
  .destinations-section,
  .destination-custom-route { padding: 5.5rem 0; }
  .destination-section-heading-wide { grid-template-columns: 1fr; text-align: center; }
  .destination-section-heading-wide .section-eyebrow { justify-content: center; }
  .destination-feature-image { min-height: 390px; }
  .about-banner { min-height: 410px; }
  .about-banner .container { padding-bottom: 3.25rem; }
  .about-story,
  .about-priorities,
  .about-services,
  .about-contacts { padding: 5.5rem 0; }
  .contact-banner { height: 320px; }
  .contact-banner .container { padding-bottom: 2.5rem; }
  .contact-page { padding-top: 5rem; }
  .contact-intro { padding-right: 0; }
  .service-banner { min-height: 500px; }
  .service-detail-banner { min-height: 490px; }
  .service-banner .container,
  .service-detail-banner .container { padding-bottom: 3.75rem; }
  .service-overview,
  .service-process,
  .service-cta,
  .service-detail-intro,
  .service-detail-content,
  .service-booking { padding: 5.5rem 0; }
  .service-card-featured { transform: none; }
  .service-content-grid article { grid-column: span 12; }
  .tours-collection-banner { min-height: 570px; }
  .tours-collection-banner .container { padding-bottom: 4.5rem; }
  .tour-collection-intro-panel { transform: translateY(-18%); }
  .tour-duration-section { padding-top: 3rem; }
  .tour-short-escapes,
  .tour-planning-section,
  .tour-collection-cta { padding: 5.5rem 0; }
  .gallery-banner { min-height: 500px; }
  .gallery-banner .container { padding-bottom: 3.5rem; }
  .gallery-section { padding: 5.5rem 0; }
  .gallery-item, .gallery-item:nth-child(7n + 1), .gallery-item:nth-child(7n + 5) { grid-column: span 6; min-height: 280px; }
  .gallery-lightbox { padding: 4.5rem 4.5rem 2rem; }
}

@media (max-width: 575.98px) {
  .top-contact { gap: .4rem; }
  .top-contact a { font-size: .72rem; }
  .top-contact a:last-child, .contact-divider { display: none; }
  .top-social { gap: .28rem; }
  .social-icon { width: 21px; height: 23px; }
  .site-header .main-navigation { min-height: 100px; }
  .brand-logo-frame { width: 38px; height: 0; }
  .site-header.header-scrolled .main-navigation { min-height: 100px; }
  .site-header.header-scrolled .brand-logo-frame { width: 38px; height: 38px; }
  .header-action { min-height: 44px; }
  .header-action > span:last-child { padding: 0 .8rem; }
  .tour-card-top { height: 160px; padding: 30px; }
  .tour-duration { width: calc(100% - 72px); }
  .tour-number { font-size: 44px; }
  .section-pad { padding: 4.5rem 0; }
  .hero-title { font-size: 2.65rem; }
  .hero-text { line-height: 1.55; }
  .hero-carousel .carousel-control-prev, .hero-carousel .carousel-control-next { display: none; }
  .hero-actions .btn { width: 100%; }
  .intro-panel, .team-strip { padding: 1.6rem; }
  .footer-main { padding-top: 4rem; }
  .package-banner { min-height: 520px; }
  .package-banner .container { padding-bottom: 4.5rem; }
  .package-banner h1 { font-size: 3.15rem; }
  .package-banner p:last-child { font-size: 1rem; }
  .package-facts { grid-template-columns: 1fr; margin-bottom: 4.5rem; transform: translateY(-18%); }
  .package-fact,
  .package-fact-route { border-right: 0; border-bottom: 1px solid rgba(9,25,45,.09); }
  .package-fact-overnights { grid-column: auto; border-bottom: 0; }
  .package-intro { margin-top: -2.5rem; }
  .package-highlights,
  .package-itinerary,
  .package-guidance,
  .package-booking { padding: 4.5rem 0; }
  .short-tour-chooser,
  .short-package-intro,
  .shared-booking { padding: 4.5rem 0; }
  .short-package-facts { grid-template-columns: 1fr; }
  .short-package-facts .package-fact,
  .short-package-facts .package-fact-route { border-right: 0; border-bottom: 1px solid rgba(9,25,45,.09); }
  .short-package-facts .package-fact-overnights { grid-column: auto; border-top: 0; border-bottom: 0; }
  .short-tour-choice { padding: 1.5rem; }
  .shared-booking-card { padding: 1.5rem; }
  .package-highlight-list { grid-template-columns: 1fr; }
  .itinerary-timeline::before { left: 25px; }
  .itinerary-day { grid-template-columns: 52px minmax(0,1fr); gap: .8rem; }
  .itinerary-day-number { width: 52px; height: 52px; border-width: 5px; }
  .itinerary-day-number span { display: none; }
  .itinerary-day-number strong { font-size: 1.2rem; }
  .itinerary-day-copy { padding: 1.3rem; }
  .package-guidance-card { border-radius: 16px; }
  .faq-banner { min-height: 350px; }
  .faq-banner .container { padding-bottom: 2.5rem; }
  .faq-banner h1 { font-size: 3rem; }
  .faq-section { padding: 4.5rem 0; }
  .faq-accordion .accordion-button { padding: 1.1rem 1.15rem; font-size: 1rem; }
  .faq-accordion .accordion-body { padding: 1rem 1.15rem 1.25rem; }
  .destinations-banner { min-height: 460px; }
  .destinations-banner .container { padding-bottom: 2.75rem; }
  .destinations-banner h1 { font-size: 3rem; }
  .destinations-banner p:last-child { font-size: .98rem; }
  .destinations-section,
  .destination-custom-route { padding: 4.5rem 0; }
  .destination-card,
  .destination-card-wide { padding: 1.5rem; border-radius: 15px; }
  .destination-feature { border-radius: 18px; }
  .destination-feature-image { min-height: 300px; }
  .destination-feature-copy { padding: 2rem 1.5rem; }
  .destination-coast-image { min-height: 190px; }
  .about-banner { min-height: 350px; }
  .about-banner .container { padding-bottom: 2.5rem; }
  .about-banner h1 { font-size: 3rem; }
  .about-story,
  .about-priorities,
  .about-services,
  .about-contacts { padding: 4.5rem 0; }
  .about-story-image,
  .about-priorities-image { min-height: 290px; border-radius: 18px; }
  .travel-email { grid-template-columns: 44px minmax(0,1fr); padding: 1rem; }
  .contact-page { padding-bottom: 4.5rem; }
  .contact-banner { height: 290px; }
  .contact-banner h1 { font-size: 2.75rem; }
  .contact-intro h2 { font-size: 2.5rem; }
  .trip-form-card { padding: 1.5rem; border-radius: 18px; }
  .trip-form-card h2 { font-size: 2rem; }
  .contact-submit { width: 100%; }
  .service-banner { min-height: 440px; }
  .service-detail-banner { min-height: 430px; }
  .service-banner .container,
  .service-detail-banner .container { padding-bottom: 2.75rem; }
  .service-banner h1,
  .service-detail-banner h1 { font-size: 3rem; }
  .service-overview,
  .service-process,
  .service-cta,
  .service-detail-intro,
  .service-detail-content,
  .service-booking { padding: 4.5rem 0; }
  .service-card { min-height: 0; padding: 1.5rem; border-radius: 18px; }
  .service-checklist li { grid-template-columns: 44px 1fr; padding: 1rem; }
  .service-checklist i { width: 44px; height: 44px; }
  .service-cta-panel { border-radius: 20px; }
  .service-content-grid article { padding: 1.5rem; }
  .tours-collection-banner { min-height: 520px; }
  .tours-collection-banner .container { padding-bottom: 3.25rem; }
  .tours-collection-banner h1 { font-size: 3rem; }
  .tours-collection-banner p:last-child { font-size: 1rem; }
  .tour-collection-intro { padding-bottom: 0; }
  .tour-collection-intro-panel { padding: 1.5rem; border-radius: 16px; transform: translateY(-10%); }
  .tour-duration-section { padding: 3rem 0 4.5rem; }
  .tour-collection-card .tour-card-top { height: 180px; }
  .tour-collection-card .tour-card-body { padding: 1.5rem; }
  .tour-short-escapes,
  .tour-planning-section,
  .tour-collection-cta { padding: 4.5rem 0; }
  .tour-planning-card { padding: 1.5rem; border-radius: 17px; }
  .gallery-banner { min-height: 440px; }
  .gallery-banner .container { padding-bottom: 2.75rem; }
  .gallery-banner h1 { font-size: 2.8rem; line-height: 1.02; }
  .gallery-section { padding: 4.5rem 0; }
  .gallery-intro { grid-template-columns: 1fr; gap: .75rem; margin-bottom: 2rem; }
  .gallery-item, .gallery-item:nth-child(7n + 1), .gallery-item:nth-child(7n + 5) { grid-column: span 12; min-height: 260px; }
  .gallery-item:nth-child(3n + 1) { min-height: 340px; }
  .gallery-zoom { opacity: 1; transform: none; }
  .gallery-lightbox { padding: 4.5rem .75rem 2rem; }
  .gallery-lightbox-nav { top: auto; bottom: 1rem; width: 46px; height: 46px; transform: none; }
  .gallery-lightbox-prev { left: 1rem; }
  .gallery-lightbox-next { right: 1rem; }
  .gallery-lightbox-caption { margin-bottom: 3.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}