/* Maldives fleet comparison pages (Emperor + Carpe).
   Loaded AFTER /new/css/ghazala-comparison.css and only adds/overrides what
   differs: hero photo, 3-up grids for 3–5 boats, wider table, extra boat colours,
   text cabin cards (no deck-plan images). Scoped to .gf-page. */

/* ---------- Hero photo per page ---------- */
.mf-emperor .gf-hero::before {
  background-image:
    linear-gradient(90deg, rgba(0,25,55,.94) 0%, rgba(0,47,85,.78) 48%, rgba(0,0,0,.24) 100%),
    url('/holidays/liveaboards/maldives/serenity/gallery/image1.jpg');
  background-position: center 55%;
}
.mf-carpe .gf-hero::before {
  background-image:
    linear-gradient(90deg, rgba(0,25,55,.94) 0%, rgba(0,47,85,.78) 48%, rgba(0,0,0,.24) 100%),
    url('/holidays/liveaboards/maldives/carpenovo/gallery/image1.jpg');
  background-position: center 55%;
}

/* ---------- Boat cards: 3 across ---------- */
.mf-page .gf-boat-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.mf-page .gf-boat-card__image { height: 220px; }
.mf-page .gf-boat-card h3 { font-size: 26px; }
.mf-page .gf-boat-card__body { padding: 22px; }
.mf-page .gf-boat-card__body > p { min-height: 120px; font-size: 14.5px; }
.mf-page .gf-facts li:last-child strong { color: var(--gf-navy); }
.mf-page .gf-facts strong { font-size: 17px; }

/* ---------- Comparison table: 3–5 boat columns ---------- */
.mf-page .gf-table { min-width: 860px; }
.mf-emperor .gf-table { min-width: 1080px; }
.mf-page .gf-table tr > *:first-child { width: 17%; }
.mf-page .gf-table th,
.mf-page .gf-table td { padding: 15px 16px; }
.mf-page .gf-table thead th { white-space: nowrap; }
.mf-page .gf-dot--green { background: #2fd38a; }
.mf-page .gf-dot--coral { background: #ff7a59; }
.mf-page .gf-dot--white { background: #fff; }
.mf-page .gf-yes { color: #2fd38a; font-weight: 900; }
.mf-page .gf-no { color: rgba(255,255,255,.4); }
.mf-page .gf-table small { color: rgba(255,255,255,.6); display: block; font-size: 12px; margin-top: 3px; }

/* ---------- "Choose this boat if" — 3 across ---------- */
.mf-page .gf-choose { grid-template-columns: repeat(3, minmax(0,1fr)); }
.mf-page .gf-choose__card { padding: 26px; }
.mf-page .gf-choose__card h3 { font-size: 22px; }
.mf-page .gf-choose__card--green::before { background: #2fd38a; }
.mf-page .gf-choose__card--coral::before { background: #ff7a59; }
.mf-page .gf-choose__card--navy::before { background: var(--gf-navy); }

/* ---------- Cabin cards (text, no deck-plan image) ---------- */
.mf-cabins { display: grid; gap: 22px; grid-template-columns: repeat(3, minmax(0,1fr)); }
.mf-cabin-card { background: #fff; border: 1px solid var(--gf-line); border-radius: 18px; box-shadow: 0 10px 34px rgba(0,43,85,.08); display: flex; flex-direction: column; padding: 26px; scroll-margin-top: 80px; }
.mf-cabin-card h3 { color: var(--gf-navy); font-size: 24px; font-weight: 900; letter-spacing: -.02em; margin: 0 0 6px; }
.mf-cabin-card__sub { color: var(--gf-muted); font-size: 14px; margin: 0 0 16px; }
.mf-cabin-card .gf-cabin-list { flex: 1; }
.mf-cabin-card .gf-cabin-list dd { white-space: normal; }
.mf-cabin-card .gf-plan__foot { margin-bottom: 18px; }
.mf-cabin-card .gf-btn { align-self: flex-start; }

/* ---------- Small print ---------- */
.mf-note { color: rgba(255,255,255,.55); font-size: 12px; margin: 14px 0 0; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .mf-page .gf-boat-grid,
  .mf-page .gf-choose,
  .mf-cabins { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 920px) {
  .mf-page .gf-choose { grid-template-columns: 1fr; }
  .mf-page .gf-table { min-width: 760px; }
  .mf-emperor .gf-table { min-width: 960px; }
}
@media (max-width: 700px) {
  .mf-page .gf-boat-grid,
  .mf-cabins { grid-template-columns: 1fr; }
  .mf-page .gf-boat-card__body > p { min-height: 0; }
}