@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Platypi:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Poppins:wght@400;500;600;700&family=Satisfy&display=swap');

.oceidon-trip-page {
  --oceidon-package-primary: #10a6ad;
  --oceidon-package-dark: #122327;
  --oceidon-package-dark-2: #082d35;
  --oceidon-package-pale: #edf5f6;
  --oceidon-package-text: #87999d;
  --oceidon-package-white: #fff;
  --oceidon-package-title-font: "Bebas Neue", sans-serif;
  --oceidon-package-text-font: "Inter", sans-serif;
  --oceidon-package-brand-title-font: "Platypi", serif;
  --oceidon-package-brand-text-font: "Poppins", sans-serif;
  overflow: clip;
  background: #fff;
  color: var(--oceidon-package-text);
  font-family: var(--oceidon-package-text-font);
}

.oceidon-trip-page *,
.oceidon-trip-page *::before,
.oceidon-trip-page *::after { box-sizing: border-box; }
.oceidon-trip-page img { max-width: 100%; }
.oceidon-trip-page figure,
.oceidon-trip-page h1,
.oceidon-trip-page h2,
.oceidon-trip-page h3,
.oceidon-trip-page p,
.oceidon-trip-page ul,
.oceidon-trip-page ol { margin: 0; }
.oceidon-trip-page ul,
.oceidon-trip-page ol { padding: 0; list-style: none; }
.oceidon-trip-page a { color: inherit; text-decoration: none; }

.oceidon-layout-container {
  position: static;
  width: 100%;
  max-width: 1470px;
  margin: 0 auto;
  padding: 0 30px;
}

.oceidon-package-row { display: flex; flex-wrap: wrap; margin-inline: -15px; }
.oceidon-package-align-center { align-items: center; }
.oceidon-package-col-12,
.oceidon-package-col-9,
.oceidon-package-col-8,
.oceidon-package-col-6,
.oceidon-package-col-4,
.oceidon-package-col-3 { width: 100%; padding-inline: 15px; }
.oceidon-package-col-12 { flex: 0 0 100%; max-width: 100%; }
.oceidon-package-col-9 { flex: 0 0 75%; max-width: 75%; }
.oceidon-package-col-8 { flex: 0 0 66.666%; max-width: 66.666%; }
.oceidon-package-col-6 { flex: 0 0 50%; max-width: 50%; }
.oceidon-package-col-4 { flex: 0 0 33.333%; max-width: 33.333%; }
.oceidon-package-col-3 { flex: 0 0 25%; max-width: 25%; }
.oceidon-package-text-center { text-align: center; }

/* Section title declarations ported from the licensed source component. */
.oceidon-package-section-main-title { margin-bottom: 38px; }
.oceidon-package-section-title { margin-top: 15px; }
.oceidon-package-section-title h2 {
  color: var(--oceidon-package-white);
  font-family: var(--oceidon-package-title-font);
  font-size: clamp(3.8rem, 5.55vw, 5rem);
  font-weight: 400;
  line-height: .95;
  text-transform: uppercase;
}
.oceidon-package-section-title h2 span {
  position: relative;
  top: -21px;
  display: inline-block;
  margin-right: 3px;
  padding: 6px 25px;
  transform: rotate(350deg);
  border: 1px solid var(--oceidon-package-primary);
  border-radius: 40px;
  color: var(--oceidon-package-primary);
  font-family: Satisfy, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}

/* Inner-page breadcrumb hero. */
.oceidon-trip-hero {
  position: relative;
  z-index: 1;
  height: 640px;
  margin-top: -100px;
  padding-top: 170px;
  display: flex;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.oceidon-trip-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: linear-gradient(296deg, rgba(8,45,53,.35) 20%, rgba(4,33,40,.94) 72%);
}
.oceidon-trip-hero-content {
  width: min(1000px, 100%);
  color: #fff;
  font-family: var(--oceidon-package-brand-text-font);
}
.oceidon-trip-hero-content > span {
  display: inline-block;
  margin-bottom: 18px;
  color: #79e0dc;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.oceidon-trip-hero-content h1 {
  color: #fff;
  font-family: var(--oceidon-package-brand-title-font);
  font-size: clamp(3.2rem, 4.2vw, 5.1rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: normal;
  text-transform: none;
  text-wrap: balance;
}
.oceidon-trip-hero-content > p { width: min(680px, 100%); margin-top: 22px; color: rgba(255,255,255,.82); font-size: 18px; line-height: 1.65; }
.oceidon-breadcrumbs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px !important; color: rgba(255,255,255,.72); font-size: 14px; }
.oceidon-breadcrumbs a { color: #fff; transition: color .3s; }
.oceidon-breadcrumbs a:hover { color: var(--oceidon-package-primary); }
.oceidon-package-concept-note { display: block; margin-top: 12px; color: rgba(255,255,255,.62); font-size: 11px; }

/* Package titles need a deterministic safe area below the floating global header. */
.oceidon-trip-page--open > .oceidon-trip-hero,
.oceidon-trip-page--private > .oceidon-trip-hero {
  height: 760px;
  padding-top: 225px;
  align-items: flex-start;
}

/* Tour detail carousel and two-column booking composition. */
.oceidon-trip-details { padding: 120px 0; }
.oceidon-trip-carousel-shell { position: relative; z-index: 1; padding-bottom: 36px; }
.oceidon-trip-media { height: min(620px, 50vw); overflow: hidden; border-radius: 10px; }
.oceidon-trip-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.oceidon-package-detail-row { row-gap: 50px; }
.oceidon-package-blog-content-text { padding-right: 45px; }
.oceidon-package-blog-content-text .oceidon-package-section-title h2 { color: var(--oceidon-package-dark); font-size: clamp(3.2rem, 4.5vw, 4.8rem); }
.oceidon-package-quick-answer { margin: 0 33px 30px 0 !important; color: #53676b; font-size: 18px; line-height: 1.75; }
.oceidon-package-blog-title { margin: 0 0 18px !important; color: var(--oceidon-package-dark); font-family: var(--oceidon-package-title-font); font-size: 34px; font-weight: 400; letter-spacing: .03em; }
.oceidon-package-description { margin: 0 34px 28px 0 !important; color: #667a7e; line-height: 1.75; }
.oceidon-package-blog-details-list-item { margin: 29px 0 52px; }
.oceidon-package-blog-details-list { display: grid; gap: 14px; }
.oceidon-package-blog-details-list li { display: flex; align-items: flex-start; gap: 12px; color: var(--oceidon-package-dark); font-size: 16px; font-weight: 500; }
.oceidon-package-blog-details-list li > span { color: var(--oceidon-package-primary); font-size: 20px; }
.oceidon-package-blog-details-list strong,
.oceidon-package-blog-details-list small { display: block; }
.oceidon-package-blog-details-list small { margin-top: 3px; color: #78898c; font-weight: 400; line-height: 1.55; }
.oceidon-package-detail-image-row { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; margin-bottom: 40px; }
.oceidon-package-blog-detail-image { height: 310px; overflow: hidden; border-radius: 8px; }
.oceidon-package-blog-detail-image img { width: 100%; height: 100%; object-fit: cover; }
.oceidon-package-route-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 30px 0 48px !important; }
.oceidon-package-route-list li { display: flex; gap: 14px; padding: 16px; border: 1px solid #dbe6e7; border-radius: 10px; }
.oceidon-package-route-list li > span { color: var(--oceidon-package-primary); font-family: var(--oceidon-package-title-font); font-size: 28px; }
.oceidon-package-route-list strong,
.oceidon-package-route-list small { display: block; }
.oceidon-package-route-list strong { color: var(--oceidon-package-dark); }
.oceidon-package-route-list small { color: #7c8d90; }
.oceidon-package-scope-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.oceidon-package-scope-row section { padding: 28px; border-radius: 10px; background: var(--oceidon-package-pale); }
.oceidon-package-scope-row h3 { margin-bottom: 14px !important; color: var(--oceidon-package-dark); font-family: var(--oceidon-package-title-font); font-size: 28px; font-weight: 400; }
.oceidon-package-scope-row li { position: relative; padding: 7px 0 7px 22px; color: #617478; }
.oceidon-package-scope-row li::before { position: absolute; left: 0; content: "✓"; color: var(--oceidon-package-primary); font-weight: 800; }

/* Booking sidebar declarations follow the source tour sidebar. */
.oceidon-package-tour-sidebar-items {
  position: sticky;
  top: 120px;
  padding: 40px;
  border-radius: 10px;
  background: var(--oceidon-package-pale);
  filter: drop-shadow(10px 4px 60px rgba(215,215,215,.25));
}
.oceidon-package-sidebar-kicker { color: var(--oceidon-package-primary); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.oceidon-package-tour-sidebar-items > h3 { margin: 7px 0 8px !important; color: var(--oceidon-package-dark); font-family: var(--oceidon-package-title-font); font-size: 34px; font-weight: 400; }
.oceidon-package-tour-sidebar-items > p { color: #6f8084; font-size: 14px; line-height: 1.6; }
.oceidon-package-form-list { position: relative; margin-top: 10px !important; }
.oceidon-package-form-list li { display: flex; justify-content: space-between; align-items: center; padding: 15px 0 20px; border-bottom: 1px solid rgba(21,20,21,.09); color: #151415; font-size: 16px; font-weight: 500; }
.oceidon-package-form-control { width: 62%; }
.oceidon-package-tour-sidebar-items input,
.oceidon-package-tour-sidebar-items select {
  width: 100%;
  padding: 11px 16px;
  outline: none;
  border: 1px solid rgba(21,20,21,.15);
  border-radius: 8px;
  background: transparent;
  color: #455151;
  font: inherit;
}
.oceidon-package-tickets-list { margin: 20px 0; padding-bottom: 24px; border-bottom: 1px solid rgba(21,20,21,.09); }
.oceidon-package-tickets-list > label { display: block; margin-bottom: 15px; color: #455151; font-size: 14px; }
.oceidon-package-tickets-list > label input,
.oceidon-package-tickets-list > label select { margin-top: 8px; }
.oceidon-package-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; color: #455151; font-size: 14px; }
.oceidon-package-form-grid input { margin-top: 8px; }
.oceidon-package-rate-list { margin-top: 18px !important; border-top: 1px solid rgba(21,20,21,.09); }
.oceidon-package-rate-list li { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(21,20,21,.09); }
.oceidon-package-rate-list strong,
.oceidon-package-rate-list small { display: block; }
.oceidon-package-rate-list strong { color: var(--oceidon-package-dark); font-size: 13px; }
.oceidon-package-rate-list small { color: #809194; font-size: 11px; }
.oceidon-package-rate-list b { color: var(--oceidon-package-primary); font-size: 13px; text-align: right; }
.oceidon-package-extra-items { padding-bottom: 24px; border-bottom: 1px solid rgba(21,20,21,.09); }
.oceidon-package-extra-items p { margin-bottom: 8px !important; color: #455151; font-size: 16px; }
.oceidon-package-extra-items span { color: #77888b; font-size: 12px; line-height: 1.55; }
.oceidon-package-total-list { display: flex; justify-content: space-between; gap: 20px; padding-top: 24px !important; margin-bottom: 30px !important; color: var(--oceidon-package-dark); font-size: 20px; }
.oceidon-package-total-list li:last-child { text-align: right; }
.oceidon-package-total-list strong,
.oceidon-package-total-list small { display: block; }
.oceidon-package-total-list small { max-width: 190px; color: #7d8e91; font-size: 11px; }
.oceidon-package-theme-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  width: 100%;
  justify-content: center;
  padding: 15px 35px;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: var(--oceidon-package-dark);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: .5s;
}
.oceidon-package-theme-btn:hover { background: var(--oceidon-package-primary); }
.oceidon-package-sidebar-note { margin-top: 16px !important; text-align: center; color: #76878a !important; font-size: 11px !important; }

/* Yacht about component from the source's third homepage variant. */
.oceidon-trip-about-section {
  position: relative;
  z-index: 1;
  overflow: visible;
  margin-top: -20px;
  padding: 140px 0 120px;
  background: #fff;
}
.oceidon-package-about-thumb { position: relative; z-index: 1; margin-left: -122px; line-height: 0; }
.oceidon-package-about-thumb img { display: block; }
.oceidon-package-about-thumb small { display: block; max-width: 560px; margin: 15px 0 0 122px; color: #87979a; font-size: 11px; line-height: 1.5; }
.oceidon-package-about-content { padding-left: 20px; }
.oceidon-package-story-section .oceidon-package-about-content { max-width: 1180px; margin-inline: auto; padding-left: 0; }
.oceidon-package-story-section .oceidon-package-section-desc { max-width: 820px; width: 100%; }
.oceidon-package-about-content .oceidon-package-section-title h2 { color: var(--oceidon-package-dark); }
.oceidon-package-section-desc { width: 85%; margin: 20px 0 0 !important; color: #697c80; font-size: 18px; line-height: 1.7; }
.oceidon-package-about-main-wrapper { position: relative; z-index: 1; display: flex; gap: 45px; padding: 38px 0 12px; border-block: 1px solid #edf5f6; }
.oceidon-package-about-main-wrapper::before { position: absolute; left: 50%; bottom: 0; width: 1px; height: 100%; content: ""; background: #edf5f6; }
.oceidon-package-about-icon-box { display: flex; align-items: center; gap: 20px; flex: 1; margin-bottom: 18px; }
.oceidon-package-about-icon { flex: 0 0 65px; width: 65px; height: 65px; display: grid; place-items: center; border: 1px solid rgba(16,166,173,.6); border-radius: 50%; background: var(--oceidon-package-primary); }
.oceidon-package-about-icon img { filter: brightness(0) invert(1); }
.oceidon-package-about-icon-content h3 { color: var(--oceidon-package-dark); font-family: var(--oceidon-package-title-font); font-size: 26px; font-weight: 400; line-height: 1.05; letter-spacing: .03em; }
.oceidon-package-about-icon-content p { margin-top: 7px !important; color: #7d8e91; font-size: 12px; line-height: 1.5; }
.oceidon-package-about-actions { display: flex; align-items: center; gap: 28px; margin-top: 32px; }
.oceidon-package-about-actions > a { display: inline-block; padding: 12px 30px; border-radius: 30px; background: var(--oceidon-package-dark); color: #fff; font-family: var(--oceidon-package-title-font); font-size: 18px; letter-spacing: .08em; text-transform: uppercase; transition: .5s; }
.oceidon-package-about-actions > a:hover { background: var(--oceidon-package-primary); }
.oceidon-package-about-author { display: flex; align-items: center; gap: 15px; }
.oceidon-package-about-author > img { width: 62px; height: 62px; object-fit: contain; }
.oceidon-package-about-author h3 { color: var(--oceidon-package-dark); font-family: var(--oceidon-package-title-font); font-size: 24px; font-weight: 400; }
.oceidon-package-about-author p { color: #7c8d90; font-size: 12px; }

/* Three feature boxes and right-side source figure. */
.oceidon-trip-fit-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 100px 0 90px;
  background: url('/assets/images/oceidon/packages/components/oceidon-package-service-feature-background.jpg') center/cover no-repeat;
}
.oceidon-package-feature-right { position: absolute; z-index: -1; right: 0; bottom: 0; line-height: 0; }
.oceidon-trip-fit-section .oceidon-package-feature-row > .oceidon-package-col-3:not(:empty) {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.oceidon-trip-fit-section .oceidon-package-feature-row > .oceidon-package-col-3:not(:empty) > .oceidon-package-feature-single-box {
  flex: 1 1 auto;
}
.oceidon-package-feature-single-box { margin-bottom: 30px; padding: 35px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px 80px 20px 20px; background: rgba(255,255,255,.07); backdrop-filter: blur(100px); }
.oceidon-package-feature-single-box.oceidon-package-center { border-radius: 80px 80px 20px 20px; }
.oceidon-package-feature-icon { width: 65px; height: 65px; display: grid; place-items: center; border-radius: 50%; background: var(--oceidon-package-primary); transition: .5s; }
.oceidon-package-feature-single-box:hover .oceidon-package-feature-icon { transform: scaleX(-1); }
.oceidon-package-feature-content h3 { margin: 25px 0 12px !important; color: #fff; font-family: var(--oceidon-package-title-font); font-size: 28px; font-weight: 400; line-height: 34px; letter-spacing: 2px; }
.oceidon-package-feature-content p { min-height: 84px; color: #9cafb3; font-size: 16px; line-height: 28px; }
.oceidon-package-feature-thumb { margin-top: 27px; line-height: 0; }
.oceidon-package-feature-thumb img { width: 100%; height: auto; display: block; }
.oceidon-package-fit-lead { position: relative; z-index: 1; max-width: 780px; margin: -18px auto 34px !important; color: #b7c9cb; font-size: 16px; line-height: 1.65; text-align: center; }

/* Infinite gallery oceidon-marquee. */
.oceidon-package-photography-section { position: relative; z-index: 1; padding: 100px 0 94px; background: var(--oceidon-package-dark); }
.oceidon-package-gallery-heading { padding-bottom: 50px; }
.oceidon-package-gallery-heading .oceidon-package-section-main-title { position: relative; z-index: 1; margin-bottom: 0; }
.oceidon-package-gallery-heading p { width: min(720px, 85%); margin-top: 20px !important; color: #87999d; font-size: 16px; line-height: 1.65; }
.oceidon-package-gallery-marquee { width: 100%; overflow: hidden; }
.oceidon-package-gelary-track { display: flex; gap: 20px; width: max-content; animation: oceidonPackageMarquee 24s linear infinite; }
.oceidon-package-gallery-marquee:hover .oceidon-package-gelary-track { animation-play-state: paused; }
.oceidon-package-galary-thumb { width: min(384px, 24vw); flex: 0 0 auto; }
.oceidon-package-galary-thumb img { width: 100%; height: 500px; display: block; object-fit: cover; border-radius: 6px; }
@keyframes oceidonPackageMarquee { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 10px)); } }
.oceidon-package-counter-single-box { display: flex; align-items: center; gap: 15px; }
.oceidon-package-counter-title strong { color: var(--oceidon-package-primary); font-family: var(--oceidon-package-title-font); font-size: 100px; font-weight: 400; }
.oceidon-package-counter-description p { color: #87999d; font-family: var(--oceidon-package-title-font); font-size: 24px; line-height: 28px; }
.oceidon-package-gallery-shape-top,
.oceidon-package-gallery-shape-bottom { position: absolute; z-index: -1; left: 0; width: 100%; pointer-events: none; }
.oceidon-package-gallery-shape-top { top: 213px; }
.oceidon-package-gallery-shape-bottom { bottom: 0; }

/* Three-step booking process. */
.oceidon-trip-process-section { position: relative; z-index: 1; overflow: hidden; padding: 100px 0 110px; background: var(--oceidon-package-dark); }
.oceidon-trip-process-section .oceidon-package-section-main-title { margin-bottom: 105px; }
.oceidon-package-process-upper { position: relative; z-index: 1; text-align: center; }
.oceidon-package-process-upper::before { position: absolute; z-index: -1; top: -65px; left: 0; right: 0; width: 56%; height: 50px; margin: auto; content: ""; background: url('/assets/images/oceidon/packages/components/oceidon-package-process-route.png') center/contain no-repeat; }
.oceidon-package-process-single-box { position: relative; z-index: 1; text-align: center; }
.oceidon-package-process-bg-blur { position: absolute; top: -22px; left: 35%; right: 0; width: 24px; height: 24px; margin: auto; border: 1px solid var(--oceidon-package-primary); border-radius: 50%; }
.oceidon-package-process-bg-blur::before { position: absolute; inset: 4px; content: ""; border-radius: 50%; background: var(--oceidon-package-primary); }
.oceidon-package-process-single-box.oceidon-package-center .oceidon-package-process-bg-blur { top: -35px; left: 0; }
.oceidon-package-process-single-box.oceidon-package-right .oceidon-package-process-bg-blur { left: -32%; }
.oceidon-package-process-number { position: relative; display: inline-block; width: 120px; height: 120px; margin-bottom: 22px; overflow: hidden; border-radius: 50% 8% 50% 50%; background: var(--oceidon-package-primary); color: #fff; font-size: 36px; line-height: 120px; }
.oceidon-package-process-single-box.oceidon-package-center .oceidon-package-process-number { transform: rotate(45deg); border-radius: 50% 50% 8% 50%; }
.oceidon-package-process-single-box.oceidon-package-right .oceidon-package-process-number { border-radius: 8% 50% 50% 50%; }
.oceidon-package-process-number span { display: inline-block; width: 80px; height: 80px; border-radius: 50%; background: var(--oceidon-package-dark); color: #fff; font-family: var(--oceidon-package-title-font); font-size: 40px; line-height: 80px; }
.oceidon-package-process-single-box.oceidon-package-center .oceidon-package-process-number span { transform: rotate(-45deg); }
.oceidon-package-process-content h3 { margin: 0 0 12px !important; color: #fff; font-family: var(--oceidon-package-title-font); font-size: 34px; font-weight: 400; letter-spacing: 2px; }
.oceidon-package-process-content p { margin: 0 41px !important; color: #87999d; font-size: 17px; line-height: 28px; }
.oceidon-package-process-person,
.oceidon-package-process-map,
.oceidon-package-process-plane { position: absolute; z-index: -1; pointer-events: none; }
.oceidon-package-process-person { top: 17%; left: 12%; }
.oceidon-package-process-map { top: 0; left: 50%; transform: translateX(-50%); }
.oceidon-package-process-plane { top: 14%; right: 13%; }

/* Source CTA strip with adapted booking form. */
.oceidon-trip-booking-cta { position: relative; z-index: 1; padding: 10px 0 0; background: url('/assets/images/oceidon/packages/components/oceidon-package-service-cta-background.png') center/cover no-repeat; }
.oceidon-trip-booking-cta-title h2 { color: #fff; font-family: var(--oceidon-package-title-font); font-size: 52px; font-weight: 400; line-height: 1; text-transform: uppercase; }
.oceidon-package-news-img { text-align: center; line-height: 0; }
.oceidon-package-news-img img { max-height: 237px; }
.oceidon-package-news-img img.oceidon-package-cta-vessel-icon { width: 177px; max-height: none; object-fit: contain; filter: drop-shadow(0 14px 12px rgba(0,0,0,.18)); animation: oceidonPackageVesselFloat 4.8s ease-in-out infinite; }
@keyframes oceidonPackageVesselFloat { 0%, 100% { transform: translate3d(0, 5px, 0) rotate(-1deg); } 50% { transform: translate3d(0, -9px, 0) rotate(1deg); } }
@media (prefers-reduced-motion: reduce) { .oceidon-package-news-img img.oceidon-package-cta-vessel-icon { animation: none; } }
.oceidon-package-cta-form { padding: 0; background: transparent; }
.oceidon-package-form-input-box { position: relative; z-index: 1; }
.oceidon-package-form-input-box input { width: 100%; height: 56px; padding: 0 160px 0 28px; outline: 0; border: 1px solid rgba(255,255,255,.3); border-radius: 50px; background: rgba(255,255,255,.1); color: #fff; font: inherit; }
.oceidon-package-form-input-box button { position: absolute; top: 0; right: 0; height: 56px; padding: 0 28px; border: 0; border-radius: 0 50px 50px 0; background: #fff; color: var(--oceidon-package-primary); font-family: var(--oceidon-package-title-font); font-size: 18px; letter-spacing: .06em; cursor: pointer; }
.oceidon-package-cta-form > p { margin-top: 12px !important; color: rgba(255,255,255,.7); font-size: 12px; }

@media (max-width: 1199px) {
  .oceidon-layout-container { padding-inline: 24px; }
  .oceidon-package-col-8,
  .oceidon-package-col-4 { flex: 0 0 100%; max-width: 100%; }
  .oceidon-package-blog-content-text { padding-right: 0; }
  .oceidon-package-tour-sidebar-items { position: static; }
  .oceidon-package-about-thumb { margin-left: 0; }
  .oceidon-package-about-thumb small { margin-left: 0; }
  .oceidon-package-feature-right { right: -220px; opacity: .45; }
}

@media (max-width: 991px) {
  .oceidon-package-col-9,
  .oceidon-package-col-6,
  .oceidon-package-col-3 { flex: 0 0 100%; max-width: 100%; }
  .oceidon-package-feature-row .oceidon-package-col-3 { flex: 0 0 50%; max-width: 50%; }
  .oceidon-package-process-upper .oceidon-package-col-4 { flex: 0 0 100%; max-width: 100%; }
  .oceidon-trip-hero { height: 600px; }
  .oceidon-trip-page--open > .oceidon-trip-hero,
  .oceidon-trip-page--private > .oceidon-trip-hero {
    height: 640px;
    padding-top: 225px;
  }
  .oceidon-package-about-content { padding: 55px 0 0; }
  .oceidon-package-about-main-wrapper { gap: 30px; }
  .oceidon-package-gallery-heading { row-gap: 24px; }
  .oceidon-package-galary-thumb { width: 320px; }
  .oceidon-package-process-upper::before,
  .oceidon-package-process-bg-blur { display: none; }
  .oceidon-package-process-single-box { margin-bottom: 55px; }
  .oceidon-package-process-person,
  .oceidon-package-process-plane { opacity: .35; }
  .oceidon-trip-booking-cta { padding-top: 50px; }
  .oceidon-trip-booking-cta-title { text-align: center; }
  .oceidon-package-cta-form { padding-bottom: 50px; }
}

@media (max-width: 767px) {
  .oceidon-layout-container { padding-inline: 20px; }
  .oceidon-trip-hero { height: 580px; margin-top: -84px; padding-top: 130px; }
  .oceidon-trip-page--open > .oceidon-trip-hero,
  .oceidon-trip-page--private > .oceidon-trip-hero {
    height: 705px;
    margin-top: -84px;
    padding-top: 195px;
  }
  .oceidon-trip-hero-content h1 {
    font-size: clamp(2.55rem, 10.8vw, 4rem);
    line-height: 1.1;
  }
  .oceidon-trip-hero-content > p { font-size: 15px; }
  .oceidon-trip-details,
  .oceidon-trip-about-section,
  .oceidon-trip-fit-section,
  .oceidon-package-photography-section,
  .oceidon-trip-process-section { padding-block: 80px; }
  .oceidon-trip-media { height: 420px; }
  .oceidon-package-section-title h2 { font-size: 3.25rem; }
  .oceidon-package-section-title h2 span { top: -12px; padding: 4px 16px; font-size: 13px; }
  .oceidon-package-route-list,
  .oceidon-package-scope-row,
  .oceidon-package-detail-image-row { grid-template-columns: 1fr; }
  .oceidon-package-about-main-wrapper { display: block; }
  .oceidon-package-about-main-wrapper::before { display: none; }
  .oceidon-package-about-actions { align-items: flex-start; flex-direction: column; }
  .oceidon-package-feature-row .oceidon-package-col-3 { flex: 0 0 100%; max-width: 100%; }
  .oceidon-package-feature-right { display: none; }
  .oceidon-package-galary-thumb { width: 280px; }
  .oceidon-package-galary-thumb img { height: 390px; }
  .oceidon-package-counter-title strong { font-size: 72px; }
  .oceidon-package-process-content p { margin-inline: 0 !important; }
  .oceidon-package-process-map { width: 720px; max-width: none; }
  .oceidon-package-news-img img { max-height: 190px; }
  .oceidon-package-form-input-box input { padding-right: 28px; }
  .oceidon-package-form-input-box button { position: static; width: 100%; margin-top: 10px; border-radius: 50px; }
}

@media (max-width: 480px) {
  .oceidon-package-tour-sidebar-items { padding: 26px 20px; }
  .oceidon-package-form-grid { grid-template-columns: 1fr; }
  .oceidon-package-form-list li { display: block; }
  .oceidon-package-form-control { width: 100%; margin-top: 8px; }
  .oceidon-package-total-list { font-size: 17px; }
  .oceidon-package-about-thumb img { width: 125%; max-width: 125%; margin-left: -12%; }
  .oceidon-trip-booking-cta-title h2 { font-size: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  .oceidon-package-gelary-track { animation: none; }
}

/* Package heroes: keep the offer legible and visually centered below the global header. */
.oceidon-trip-page--open > .oceidon-trip-hero,
.oceidon-trip-page--private > .oceidon-trip-hero {
  margin-top: 0;
}

.oceidon-trip-page--open > .oceidon-trip-hero {
  align-items: center;
  padding-top: 100px;
}
.oceidon-trip-page--open .oceidon-trip-hero-content {
  margin-inline: auto;
  text-align: center;
}
.oceidon-trip-page--open .oceidon-trip-hero-content > p {
  margin-inline: auto;
}

/* All three Oceidon Trip pages share the same centered hero composition. */
.oceidon-trip-page--private > .oceidon-trip-hero {
  align-items: center;
  padding-top: 100px;
}
.oceidon-trip-page--private .oceidon-trip-hero-content {
  margin-inline: auto;
  text-align: center;
}
.oceidon-trip-page--private .oceidon-trip-hero-content > p,
.oceidon-trip-page--private .oceidon-package-concept-note {
  margin-inline: auto;
}

/* Open Trip corrections: keep the template accent label readable instead of
   letting its legacy negative offset collide with the heading. */
.oceidon-package-story-section .oceidon-accent-heading h2 {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  text-wrap: balance;
}
.oceidon-package-story-section .oceidon-accent-heading h2 > span {
  position: static;
  flex: 0 0 auto;
  margin: 10px 0 0;
  transform: rotate(-6deg);
  white-space: nowrap;
}
.oceidon-package-story-section .oceidon-accent-heading h2 > .oceidon-package-section-title-text {
  display: block;
  min-width: 0;
  flex: 1 1 0;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  text-transform: inherit;
}

.oceidon-package-open-fit-section .oceidon-package-feature-thumb {
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 12px;
}
.oceidon-package-open-fit-section .oceidon-package-feature-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oceidon-package-open-fit-section .oceidon-package-feature-right {
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: min(34%, 540px);
  overflow: hidden;
  opacity: .9;
}
.oceidon-package-open-fit-section .oceidon-package-feature-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.oceidon-package-private-fit-section .oceidon-package-feature-thumb,
.oceidon-one-day-contingency-section .oceidon-package-feature-thumb {
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 12px;
}
.oceidon-package-private-fit-section .oceidon-package-feature-thumb img,
.oceidon-one-day-contingency-section .oceidon-package-feature-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oceidon-package-private-fit-section .oceidon-package-feature-right,
.oceidon-one-day-contingency-section .oceidon-package-feature-right {
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: min(34%, 540px);
  overflow: hidden;
  opacity: .9;
}
.oceidon-package-private-fit-section .oceidon-package-feature-right img,
.oceidon-one-day-contingency-section .oceidon-package-feature-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.oceidon-package-private-fit-section .oceidon-package-feature-row,
.oceidon-package-private-fit-section .oceidon-package-section-main-title,
.oceidon-one-day-contingency-section .oceidon-package-feature-row,
.oceidon-one-day-contingency-section .oceidon-package-section-main-title {
  position: relative;
  z-index: 1;
}
.oceidon-package-open-fit-section .oceidon-package-feature-row,
.oceidon-package-open-fit-section .oceidon-package-section-main-title {
  position: relative;
  z-index: 1;
}

/* Generated process cutouts use larger source canvases than the legacy
   decorations; constrain them here so they remain proportional at every size. */
.oceidon-package-process-person {
  width: clamp(140px, 18vw, 250px);
  height: auto;
}
.oceidon-package-process-plane {
  width: clamp(130px, 18vw, 260px);
  height: auto;
}

@media (max-width: 767px) {
  .oceidon-package-story-section .oceidon-accent-heading h2 {
    flex-direction: column;
    gap: 12px;
  }
  .oceidon-package-story-section .oceidon-accent-heading h2 > span {
    margin-top: 0;
    transform: rotate(-4deg);
  }
  .oceidon-package-story-section .oceidon-accent-heading h2 > .oceidon-package-section-title-text {
    width: 100%;
    flex-basis: auto;
  }
  .oceidon-package-open-fit-section .oceidon-package-feature-right {
    display: none;
  }
  .oceidon-package-private-fit-section .oceidon-package-feature-right,
  .oceidon-one-day-contingency-section .oceidon-package-feature-right {
    display: none;
  }
}