body { font-family: 'Raleway', sans-serif; }
.display-font { font-family: 'Cormorant Garamond', serif; }
.gold-text { color: #c9a15a; }
.fade-up { opacity:0; transform: translateY(24px); animation: fadeUp .9s ease forwards; }
@keyframes fadeUp { to { opacity:1; transform: translateY(0); } }
.d1{animation-delay:.15s}.d2{animation-delay:.3s}.d3{animation-delay:.45s}.d4{animation-delay:.6s}
.overlay-dark { position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,8,10,.55), rgba(8,8,10,.9)); }
.hero-min { min-height: calc(88 * min(var(--vh, 1vh), 1vh)); }
.step { display:none; }
.step.active { display:block; }
.gold-divider { width:70px;height:2px;background:#c9a15a;margin:1.25rem auto; }
.card-hover { transition: transform .4s ease, box-shadow .4s ease; }
.card-hover:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -20px rgba(201,161,90,.35); }
input, select, textarea { font-family:'Raleway',sans-serif; }
.toast { transition: opacity .4s ease, transform .4s ease; }
.page { display:none; }
.page.active { display:block; animation: fadeUp .6s ease forwards; }
.nav-active { color:#c9a15a !important; }
.flow-hidden { display: none !important; }
.booking-btn { cursor: pointer; }
.select-card { cursor: pointer; transition: transform .4s ease, box-shadow .4s ease, border-color .3s ease; }
.select-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px -16px rgba(201,161,90,.3); border-color: rgba(201,161,90,.4); }
.select-card.selected { border-color: #c9a15a !important; box-shadow: 0 0 0 1px #c9a15a, 0 16px 32px -16px rgba(201,161,90,.35); }
.readonly-field { opacity: .85; cursor: not-allowed; }
.extra-option { transition: border-color .3s ease, box-shadow .3s ease; }
.extra-option:has(input[type="checkbox"]:checked) { border-color: rgba(201,161,90,.45); box-shadow: 0 0 0 1px rgba(201,161,90,.2); }
.extra-option input[type="checkbox"],
.extra-option input[type="radio"] { accent-color: #c9a15a; width: 1rem; height: 1rem; flex-shrink: 0; }
.extra-subsection { animation: fadeUp .35s ease forwards; }
.nav-brand-img { height: 3.5rem; width: auto; display: block; }
.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid rgba(201, 161, 90, 0.45);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.35);
}
.lang-btn {
  min-width: 2.25rem;
  padding: 0.3rem 0.55rem;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: rgb(212, 212, 212);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background .25s ease, color .25s ease;
}
.lang-btn:hover { color: #c9a15a; }
.lang-btn.active {
  background: rgb(201, 161, 90);
  color: rgb(8, 8, 10);
}
#services-list-view {
  position: relative;
  isolation: isolate;
}
#services-list-view::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url('assets/torote-logo.png'), url('assets/torote-logo.png');
  background-repeat: no-repeat, no-repeat;
  background-position: center 6%, center 68%;
  background-size: min(85vw, 700px), min(85vw, 700px);
  opacity: 0.14;
}
#services-list-view > * {
  position: relative;
  z-index: 1;
}
#booking-steps-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
#booking-steps-section::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url('assets/torote-logo-bg.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: min(70vw, 520px);
  opacity: 0.12;
}
#booking-steps-section > * {
  position: relative;
  z-index: 1;
}