/* REA Website V14 — final natural-photo and contrast corrections */
.page-index .hero::before {
  background-image:
    linear-gradient(90deg, rgba(5, 15, 29, .88) 0%, rgba(5, 15, 29, .72) 43%, rgba(5, 15, 29, .38) 100%),
    url('https://images.unsplash.com/photo-1724230758718-406bab979e67?auto=format&fit=crop&w=1800&q=84'),
    url('https://images.unsplash.com/photo-1772864462605-529fcae85a53?auto=format&fit=crop&w=1500&q=84'),
    url('https://images.unsplash.com/photo-1785650250759-f9d4e5715dd9?auto=format&fit=crop&w=1500&q=84');
  background-size: cover, 42% 100%, 30% 100%, 30% 100% !important;
  background-position: center, left center, 60% center, right center !important;
  background-repeat: no-repeat !important;
  background-image:
    linear-gradient(90deg, rgba(5, 15, 29, .88) 0%, rgba(5, 15, 29, .72) 43%, rgba(5, 15, 29, .38) 100%),
    url('https://images.unsplash.com/photo-1724230758718-406bab979e67?auto=format&fit=crop&w=1800&q=84'),
    url('https://images.unsplash.com/photo-1772864462605-529fcae85a53?auto=format&fit=crop&w=1500&q=84'),
    url('https://images.unsplash.com/photo-1785650250759-f9d4e5715dd9?auto=format&fit=crop&w=1500&q=84') !important;
}

.page-index .hero h1,
.page-index .hero p,
.page-index .hero .eyebrow,
.page-index .status span {
  color: #fff;
  text-shadow: 0 3px 16px rgba(0, 0, 0, .42);
}

.page-index .hero .eyebrow { color: #d8eaff; }
.page-index .status { border-top-color: rgba(255, 255, 255, .30); }
.page-index .hero .btn:not(.primary) {
  background: rgba(255, 255, 255, .14);
  border-color: rgba(255, 255, 255, .48);
  color: #fff;
  backdrop-filter: blur(8px);
}

/* Hotel: one authentic reception image — no split composition. */
.page-hotel .pagehero::before {
  background-image:
    linear-gradient(90deg, rgba(7, 18, 34, .80), rgba(7, 18, 34, .30)),
    url('https://images.unsplash.com/photo-1724230758718-406bab979e67?auto=format&fit=crop&w=1800&q=84');
  background-image:
    linear-gradient(90deg, rgba(7, 18, 34, .80), rgba(7, 18, 34, .30)),
    url('https://images.unsplash.com/photo-1724230758718-406bab979e67?auto=format&fit=crop&w=1800&q=84') !important;
  background-size: cover !important;
  background-position: center 42% !important;
  background-repeat: no-repeat !important;
}

/* Restaurant: real table service with a waiter, not an isolated dish. */
.page-restaurant .pagehero::before {
  background-image:
    linear-gradient(90deg, rgba(7, 18, 34, .82), rgba(7, 18, 34, .34)),
    url('https://images.unsplash.com/photo-1772864462605-529fcae85a53?auto=format&fit=crop&w=1800&q=84');
  background-image:
    linear-gradient(90deg, rgba(7, 18, 34, .82), rgba(7, 18, 34, .34)),
    url('https://images.unsplash.com/photo-1772864462605-529fcae85a53?auto=format&fit=crop&w=1800&q=84') !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Cafe: working barista and a lively, natural hospitality atmosphere. */
.page-cafe .pagehero::before {
  background-image:
    linear-gradient(90deg, rgba(7, 18, 34, .80), rgba(7, 18, 34, .30)),
    url('https://images.unsplash.com/photo-1785650250759-f9d4e5715dd9?auto=format&fit=crop&w=1800&q=84');
  background-image:
    linear-gradient(90deg, rgba(7, 18, 34, .80), rgba(7, 18, 34, .30)),
    url('https://images.unsplash.com/photo-1785650250759-f9d4e5715dd9?auto=format&fit=crop&w=1800&q=84') !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Spa: real treatment scene with a therapist and client. */
.page-spa .pagehero::before {
  background-image:
    linear-gradient(90deg, rgba(7, 18, 34, .76), rgba(7, 18, 34, .25)),
    url('https://images.unsplash.com/photo-1639162906614-0603b0ae95fd?auto=format&fit=crop&w=1800&q=84');
  background-image:
    linear-gradient(90deg, rgba(7, 18, 34, .76), rgba(7, 18, 34, .25)),
    url('https://images.unsplash.com/photo-1639162906614-0603b0ae95fd?auto=format&fit=crop&w=1800&q=84') !important;
  background-size: cover !important;
  background-position: center 48% !important;
}

@media (max-width: 720px) {
  .page-index .hero::before {
    background-image:
      linear-gradient(90deg, rgba(5, 15, 29, .86), rgba(5, 15, 29, .56)),
      url('https://images.unsplash.com/photo-1724230758718-406bab979e67?auto=format&fit=crop&w=1100&q=82');
    background-image:
      linear-gradient(90deg, rgba(5, 15, 29, .86), rgba(5, 15, 29, .56)),
      url('https://images.unsplash.com/photo-1724230758718-406bab979e67?auto=format&fit=crop&w=1100&q=82') !important;
    background-size: cover !important;
    background-position: center !important;
  }
}

/* V17 — reliable homepage hero and truly transparent module list */
.page-index .hero::before {
  background-image:
    linear-gradient(90deg, rgba(5,14,27,.82) 0%, rgba(5,14,27,.62) 40%, rgba(5,14,27,.20) 68%, rgba(5,14,27,.06) 100%),
    url('./assets/images/index-hero-v16.png?v=17') !important;
  background-size: cover !important;
  background-position: center, center center !important;
  background-repeat: no-repeat !important;
}
.page-index .panel {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}
.page-index .panel-head,
.page-index .kpis { display: none !important; }
.page-index .panel-body { padding: 0 !important; }
.page-index .oplist { gap: 9px !important; }
.page-index .op {
  min-height: 44px;
  padding: 11px 13px !important;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.42);
}
.page-index .op i {
  width: 7px !important;
  height: 7px !important;
  box-shadow: 0 0 0 4px rgba(32,162,103,.18);
}
@media (max-width: 980px) {
  .page-index .panel { margin-top: 8px; }
  .page-index .op { background: transparent !important; }
}
@media (max-width: 620px) {
  .page-index .oplist { grid-template-columns: 1fr !important; }
}