/* ==========================================================================
   Hero — full-width cover video
   ========================================================================== */

.hero {
  position: relative;
  width: 100%;
  height: calc(100svh - var(--header-h));
  min-height: 420px;
  overflow: hidden;
  background: var(--c-black);
}

.hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Buy panel over the hero video (left, bottom) */
.hero__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8, 7, 6, 0.78) 0%, rgba(8, 7, 6, 0.45) 38%, transparent 62%),
    linear-gradient(0deg, rgba(8, 7, 6, 0.6) 0%, transparent 40%);
  pointer-events: none;
}

.hero__buy {
  position: absolute;
  left: clamp(20px, 6vw, 110px);
  bottom: clamp(32px, 9vh, 110px);
  z-index: 2;
  width: min(560px, calc(100% - 40px));
  color: #fff;
}

.hero__title {
  margin: 4px 0 14px;
  font-family: var(--font-head);
  font-size: clamp(40px, 5.2vw, 84px);
  font-weight: 900;
  line-height: 0.95;
  text-transform: uppercase;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.45);
}

.hero__text { max-width: 480px; margin: 0 0 18px; font-size: clamp(16px, 1.25vw, 19px); line-height: 1.55; color: rgba(255, 255, 255, 0.92); text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6); }

.hero__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin: 0 0 24px; font-size: 15px; color: rgba(255, 255, 255, 0.85); }
.hero__meta strong { font-size: 20px; color: #fff; }
.hero__meta a { display: inline-flex; align-items: center; gap: 8px; color: #fff; }
.hero__meta a:hover { text-decoration: underline; }
.hero__meta .rv-stars i { width: 14px; height: 14px; }

.hero__btns { display: flex; flex-wrap: wrap; gap: 12px; }

@media (max-width: 767px) {
  .hero__shade { background: linear-gradient(0deg, rgba(8, 7, 6, 0.9) 0%, rgba(8, 7, 6, 0.55) 50%, rgba(8, 7, 6, 0.1) 100%); }
  .hero__buy { left: 20px; right: 20px; bottom: 28px; width: auto; }
  .hero__btns .st-btn { flex: 1 1 100%; }
}