/* Sight pages (Miracle Garden, Global Village) - extras on top of safari-pages.css */
.sight-hero .tb-dest-hero-bg { filter: saturate(1.05); }
.sight-garden .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(40,10,60,.45), rgba(20,40,30,.65)); }
.sight-village .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(8,8,30,.4), rgba(8,8,30,.65)); }

.sight-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 1.75rem; }
.sight-stat {
  background: #fff; border: 1px solid var(--border-color); border-radius: var(--radius-lg, 16px);
  padding: 18px 14px; text-align: center; box-shadow: 0 6px 20px rgba(0,0,0,.04);
}
.sight-stat b { display: block; font-family: 'Space Grotesk', sans-serif; font-size: clamp(1.25rem, 2.4vw, 1.75rem); color: var(--accent); line-height: 1.15; }
.sight-stat span { display: block; margin-top: 4px; font-size: .85rem; color: var(--text-muted); line-height: 1.3; }

.sight-hours {
  display: flex; gap: 16px; align-items: flex-start; margin-top: 1.25rem;
  padding: 18px 20px; border-radius: var(--radius-lg, 16px);
  background: rgba(var(--accent-rgb), .08); border: 1px solid rgba(var(--accent-rgb), .2);
}
.sight-hours > i { flex: 0 0 auto; margin-top: 3px; color: var(--accent); font-size: 1.25rem; }
.sight-hours h3 { font-size: 1.05rem; margin: 0 0 4px; color: var(--primary); }
.sight-hours p { margin: 0; color: var(--text-muted); line-height: 1.6; }

@media (max-width: 767.98px) {
  .sight-stats { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .sight-hours { flex-direction: column; gap: 8px; padding: 16px; }
}
@media (max-width: 380px) { .sight-stat { padding: 14px 8px; } }
.sight-tower .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(10,16,50,.4), rgba(10,16,50,.68)); }
.sight-pool .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(20,30,70,.45), rgba(0,60,90,.6)); }
.sight-palm .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(40,10,60,.4), rgba(10,30,70,.65)); }
.sight-airport .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(10,20,60,.42), rgba(10,20,50,.68)); }
.sight-museum .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(8,10,40,.4), rgba(8,10,40,.68)); }
.sight-water .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(0,60,100,.35), rgba(0,50,90,.62)); }
.sight-sky .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(20,40,100,.4), rgba(20,30,70,.62)); }
.sight-mall .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(30,10,50,.4), rgba(20,8,40,.66)); }
.sight-sail .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(40,20,80,.4), rgba(60,20,40,.6)); }
.sight-ferrari .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(90,10,20,.4), rgba(50,6,16,.68)); }
.sight-mosque .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(14,24,70,.42), rgba(30,24,70,.66)); }
.sight-skyview .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(10,18,60,.4), rgba(20,16,60,.66)); }
.sight-fountain .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(6,10,40,.4), rgba(40,16,60,.66)); }

/* Equal-height cards in pack and highlight grids */
.sf-pack > div > .sf-pack-card,
.sf-cards > div > .sf-card { height: 100%; }

/* Tables on these pages become stacked cards on small screens (no sideways scrolling) */
@media (max-width: 640px) {
  .sf-table-wrap:has(.sf-table-stack) { overflow: visible; border: 0; background: transparent; box-shadow: none; }
  .sf-table.sf-table-stack { min-width: 0; display: block; }
  .sf-table.sf-table-stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .sf-table.sf-table-stack tbody, .sf-table.sf-table-stack tr, .sf-table.sf-table-stack th, .sf-table.sf-table-stack td { display: block; }
  .sf-table.sf-table-stack tr {
    background: #fff; border: 1px solid var(--border-color); border-radius: var(--radius-lg, 16px);
    margin-bottom: 12px; padding: 6px 0 10px; box-shadow: 0 6px 20px rgba(0, 0, 0, .04);
  }
  .sf-table.sf-table-stack tbody th { background: transparent; border: 0; white-space: normal; padding: 12px 16px 4px; font-size: 1.02rem; }
  .sf-table.sf-table-stack tbody td, .sf-table.sf-table-stack tbody td:nth-child(2) {
    background: transparent; border: 0; padding: 3px 16px; font-weight: 400; color: #475569; font-size: .93rem;
  }
  .sf-table.sf-table-stack tbody td:nth-child(2) { color: var(--primary); font-weight: 600; }
  .sf-table.sf-table-stack tbody td::before { content: attr(data-label); display: block; font-size: .78rem; color: var(--accent); font-weight: 600; margin-bottom: 1px; }
}

/* Atlantis, Dubai */
.sight-atlantis .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(30,24,90,.4), rgba(20,30,80,.66)); }

/* Dubai Aquarium & Underwater Zoo */
.sight-aquarium .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(4,40,70,.42), rgba(3,25,55,.7)); }

/* Cruises & Boat Tours */
.sight-cruise .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(20,16,60,.3), rgba(10,18,50,.55)); }

/* Canal Cruises */
.sight-canal .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(20,16,60,.3), rgba(10,18,50,.55)); }
/* Quad & ATV Tours */
.sight-quad .tb-dest-hero-overlay { background: linear-gradient(180deg, rgba(60,20,20,.3), rgba(40,14,30,.55)); }