/**
 * Hero block (BEM)
 */
.hero {
  position: relative;
  background-image: var(--hero-bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-block: 3rem;
  min-height: 22rem;
  display: flex;
  align-items: center;
}
.hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(19,19,19,0.55) 0%, rgba(19,19,19,0.88) 100%);
}
.hero__inner {
  position: relative;
  z-index: 1;
  max-width: 42rem;
}

.hero__breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-bottom: 1rem;
}
.hero__breadcrumb-item { display: flex; align-items: center; gap: 0.375rem; }
.hero__breadcrumb-link,
.hero__breadcrumb-current {
  font-size: var(--fs-small);
  color: var(--color-text-muted);
}
.hero__breadcrumb-link:hover { color: var(--color-gold); }
.hero__breadcrumb-current { color: var(--color-gold); }

.hero__rating {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  background: var(--color-gold-gradient);
  border-radius: var(--radius-pill);
  padding: 0.5rem 1rem;
  margin-bottom: 1.25rem;
}
.hero__rating-stars { color: var(--color-gold); letter-spacing: 2px; font-size: 0.875rem; }
.hero__rating-text { font-size: var(--fs-small); font-weight: var(--fw-medium); color: var(--color-white); }

.hero__title {
  margin-bottom: 1rem;
  text-transform: none;
}

.hero__subtitle {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  max-width: 34rem;
  margin-bottom: 1.75rem;
}

.hero__cta { padding-inline: 2.25rem; }

@media (min-width: 768px) {
  .hero { min-height: 26rem; padding-block: 4rem; }
}
@media (min-width: 1440px) {
  .hero { min-height: 30rem; }
}