/* ============================================================
   RIROTHE FUNERAL SERVICES — CUSTOM HOME PAGE
   ============================================================ */

/* === CSS VARIABLES === */
:root {
  --rh-gold:        #FFB200;
  --rh-gold-dark:   #D99E00;
  --rh-gold-light:  rgba(255, 178, 0, 0.12);
  --rh-black:       #0A0A0A;
  --rh-black-2:     #141414;
  --rh-black-3:     #1E1E1E;
  --rh-white:       #FFFFFF;
  --rh-off-white:   #F6F6F6;
  --rh-text:        #2A2A2A;
  --rh-muted:       #767676;
  --rh-border:      #E5E5E5;
  --rh-shadow-sm:   0 2px 16px rgba(0,0,0,0.06);
  --rh-shadow-md:   0 8px 40px rgba(0,0,0,0.10);
  --rh-shadow-lg:   0 20px 64px rgba(0,0,0,0.16);
  --rh-radius:      3px;
  --rh-radius-lg:   8px;
  --rh-ease:        cubic-bezier(0.4, 0, 0.2, 1);
  --rh-transition:  all 0.3s var(--rh-ease);
}

/* ============================================================
   PAGE LAYOUT — remove Customizer-injected top padding
   ============================================================ */
.rh-page #exp-wapper #exp-main,
.rh-page #exp-main {
  padding-top: 0 !important;
}

/* ============================================================
   HARD RESET — fight Emarat theme overrides
   ============================================================ */
.rh-topbar,
.rh-topbar *,
.rh-header,
.rh-header *,
.rh-nav,
.rh-nav *,
.rh-hero,
.rh-hero *,
.rh-welcome,
.rh-welcome *,
.rh-why,
.rh-why *,
.rh-plans,
.rh-plans *,
.rh-video,
.rh-video *,
.rh-cta,
.rh-cta * {
  box-sizing: border-box !important;
}

/* ============================================================
   CONTAINER  — force padding regardless of theme
   ============================================================ */
.rh-wrap {
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
}

/* ============================================================
   SECTION BLOCKS — base spacing
   ============================================================ */
.rh-topbar,
.rh-header,
.rh-nav,
.rh-hero,
.rh-welcome,
.rh-why,
.rh-plans,
.rh-video,
.rh-cta {
  display: block !important;
  visibility: visible !important;
  float: none !important;
}

/* ============================================================
   TYPOGRAPHY BASE
   ============================================================ */
.rh-topbar a,
.rh-header a,
.rh-nav a,
.rh-hero a,
.rh-welcome a,
.rh-why a,
.rh-plans a,
.rh-video a,
.rh-cta a {
  text-decoration: none !important;
  color: inherit !important;
}

.rh-why ul,
.rh-plans ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================================
   GLOBAL ATOMS
   ============================================================ */

/* --- Overline label --- */
.rh-overline {
  display: block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: var(--rh-gold) !important;
  margin: 0 0 10px 0 !important;
}

/* --- Section heading block --- */
.rh-section-title {
  text-align: center !important;
  margin: 0 0 56px 0 !important;
  padding: 0 !important;
}
.rh-section-title h2 {
  font-family: 'Raleway', sans-serif !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  font-weight: 700 !important;
  color: var(--rh-black) !important;
  line-height: 1.18 !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}
.rh-section-title.rh-light h2 { color: var(--rh-white) !important; }
.rh-section-title p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 16px !important;
  color: var(--rh-muted) !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  line-height: 1.6 !important;
}

/* --- Arrow link --- */
.rh-arrow-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--rh-black) !important;
  background: transparent !important;
  border: 2px solid var(--rh-gold) !important;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  margin-top: 28px !important;
  text-decoration: none !important;
  transition: var(--rh-transition) !important;
}
.rh-arrow-link i { transition: transform 0.25s !important; }
.rh-arrow-link:hover {
  background: var(--rh-gold) !important;
  color: var(--rh-black) !important;
}
.rh-arrow-link:hover i { transform: translateX(6px) !important; }

/* --- Buttons --- */
.rh-btn,
.rh-btn-outline,
.rh-btn-sm,
.rh-btn-outline-sm {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  border-radius: var(--rh-radius) !important;
  transition: var(--rh-transition) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.rh-btn {
  font-size: 12px !important;
  padding: 15px 34px !important;
  background: var(--rh-gold) !important;
  color: var(--rh-black) !important;
  border: 2px solid var(--rh-gold) !important;
}
.rh-btn:hover {
  background: var(--rh-black) !important;
  border-color: var(--rh-black) !important;
  color: var(--rh-gold) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 32px rgba(255,178,0,0.28) !important;
}

.rh-btn-outline {
  font-size: 12px !important;
  padding: 13px 32px !important;
  background: transparent !important;
  color: var(--rh-white) !important;
  border: 2px solid rgba(255,255,255,0.55) !important;
}
.rh-btn-outline:hover {
  background: var(--rh-white) !important;
  border-color: var(--rh-white) !important;
  color: var(--rh-black) !important;
}

.rh-btn-sm {
  font-size: 11px !important;
  padding: 10px 22px !important;
  background: var(--rh-gold) !important;
  color: var(--rh-black) !important;
  border: 2px solid var(--rh-gold) !important;
}
.rh-btn-sm:hover {
  background: var(--rh-black) !important;
  border-color: var(--rh-black) !important;
  color: var(--rh-gold) !important;
}

.rh-btn-outline-sm {
  font-size: 11px !important;
  padding: 8px 18px !important;
  background: transparent !important;
  color: var(--rh-gold) !important;
  border: 1.5px solid var(--rh-gold) !important;
}
.rh-btn-outline-sm:hover {
  background: var(--rh-gold) !important;
  color: var(--rh-black) !important;
}

/* ============================================================
   TOP BAR
   ============================================================ */
.rh-topbar {
  background: var(--rh-black-2) !important;
  border-bottom: 1px solid rgba(255,178,0,0.14) !important;
}
.rh-topbar .rh-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 44px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.rh-topbar__left,
.rh-topbar__right {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.rh-topbar__left a {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.6) !important;
  transition: var(--rh-transition) !important;
  text-decoration: none !important;
}
.rh-topbar__left a:hover { color: var(--rh-gold) !important; }
.rh-topbar__left a i { color: var(--rh-gold) !important; font-size: 11px !important; }

.rh-topbar__sep {
  width: 1px !important;
  height: 14px !important;
  background: rgba(255,255,255,0.16) !important;
  display: block !important;
}
.rh-topbar__social {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 50% !important;
  color: rgba(255,255,255,0.5) !important;
  font-size: 11px !important;
  transition: var(--rh-transition) !important;
  text-decoration: none !important;
}
.rh-topbar__social:hover {
  background: var(--rh-gold) !important;
  border-color: var(--rh-gold) !important;
  color: var(--rh-black) !important;
}

/* ============================================================
   HEADER
   ============================================================ */
.rh-header {
  background: var(--rh-white) !important;
  border-bottom: 1px solid var(--rh-border) !important;
}
.rh-header .rh-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.rh-header__logo {
  flex-shrink: 0 !important;
}
.rh-header__logo img {
  height: 70px !important;
  width: auto !important;
  display: block !important;
  object-fit: contain !important;
}
.rh-header__contacts {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  flex: 1 !important;
  justify-content: center !important;
}
.rh-header__contact-item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}
.rh-header__icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: var(--rh-gold-light) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  color: var(--rh-gold) !important;
  flex-shrink: 0 !important;
  transition: var(--rh-transition) !important;
}
.rh-header__contact-item:hover .rh-header__icon {
  background: var(--rh-gold) !important;
  color: var(--rh-black) !important;
}
.rh-header__label {
  display: block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--rh-muted) !important;
  margin: 0 0 4px 0 !important;
}
.rh-header__value {
  display: block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--rh-black) !important;
  transition: var(--rh-transition) !important;
  text-decoration: none !important;
}
.rh-header__value:hover { color: var(--rh-gold) !important; }
.rh-header__contact-sep {
  width: 1px !important;
  height: 46px !important;
  background: var(--rh-border) !important;
  display: block !important;
}

/* ============================================================
   NAVIGATION
   ============================================================ */
.rh-nav {
  background: var(--rh-black) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  transition: box-shadow 0.3s !important;
}
body.admin-bar .rh-nav { top: 32px !important; }
.rh-nav.is-scrolled {
  box-shadow: 0 4px 28px rgba(0,0,0,0.35) !important;
}
.rh-nav .rh-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.rh-nav__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 62px !important;
}
.rh-nav__menu {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.rh-nav__item { position: relative !important; }
.rh-nav__item > a {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  height: 62px !important;
  padding: 0 16px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.78) !important;
  transition: var(--rh-transition) !important;
  border-bottom: 3px solid transparent !important;
  text-decoration: none !important;
}
.rh-nav__item > a i { font-size: 8px !important; transition: transform 0.25s !important; }
.rh-nav__item:hover > a,
.rh-nav__item.is-active > a {
  color: var(--rh-gold) !important;
  border-bottom-color: var(--rh-gold) !important;
}
.rh-nav__item:hover > a i { transform: rotate(180deg) !important; }

/* Dropdown */
.rh-nav__dropdown {
  position: absolute !important;
  top: calc(100% + 1px) !important;
  left: 0 !important;
  min-width: 200px !important;
  background: var(--rh-white) !important;
  border-top: 3px solid var(--rh-gold) !important;
  border-radius: 0 0 var(--rh-radius-lg) var(--rh-radius-lg) !important;
  box-shadow: var(--rh-shadow-lg) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-6px) !important;
  transition: var(--rh-transition) !important;
  z-index: 999 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.rh-nav__item--dd:hover .rh-nav__dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}
.rh-nav__dropdown li a {
  display: block !important;
  padding: 12px 20px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--rh-text) !important;
  border-bottom: 1px solid var(--rh-border) !important;
  transition: var(--rh-transition) !important;
  text-decoration: none !important;
}
.rh-nav__dropdown li:last-child a { border-bottom: none !important; }
.rh-nav__dropdown li a:hover {
  color: var(--rh-gold) !important;
  padding-left: 28px !important;
  background: rgba(255,178,0,0.04) !important;
}

/* Nav actions */
.rh-nav__actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.rh-nav__search-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border: none !important;
  background: rgba(255,255,255,0.07) !important;
  color: rgba(255,255,255,0.65) !important;
  border-radius: var(--rh-radius) !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: var(--rh-transition) !important;
}
.rh-nav__search-btn:hover {
  background: var(--rh-gold) !important;
  color: var(--rh-black) !important;
}
.rh-nav__search-bar {
  display: none !important;
  padding: 12px 0 !important;
  background: var(--rh-black-2) !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
}
.rh-nav__search-bar.is-open { display: block !important; }
.rh-nav__search-bar form {
  display: flex !important;
  max-width: 560px !important;
  margin: 0 auto !important;
}
.rh-nav__search-bar input[type="search"] {
  flex: 1 !important;
  padding: 10px 18px !important;
  font-size: 14px !important;
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-right: none !important;
  color: var(--rh-white) !important;
  outline: none !important;
  border-radius: var(--rh-radius) 0 0 var(--rh-radius) !important;
}
.rh-nav__search-bar input[type="submit"] {
  padding: 10px 20px !important;
  background: var(--rh-gold) !important;
  color: var(--rh-black) !important;
  font-weight: 700 !important;
  border: none !important;
  cursor: pointer !important;
  border-radius: 0 var(--rh-radius) var(--rh-radius) 0 !important;
  transition: var(--rh-transition) !important;
}
.rh-nav__hamburger {
  display: none !important;
  flex-direction: column !important;
  gap: 5px !important;
  width: 36px !important;
  height: 36px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 7px 5px !important;
}
.rh-nav__hamburger span {
  display: block !important;
  height: 2px !important;
  background: var(--rh-white) !important;
  border-radius: 2px !important;
  transition: var(--rh-transition) !important;
}

/* ============================================================
   HERO
   ============================================================ */
.rh-hero {
  position: relative !important;
  min-height: 94vh !important;
  display: flex !important;
  align-items: center !important;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: fixed !important;
  overflow: hidden !important;
}
.rh-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    110deg,
    rgba(8,8,8,0.92) 0%,
    rgba(10,10,10,0.78) 50%,
    rgba(10,10,10,0.45) 100%
  ) !important;
  z-index: 1 !important;
}
.rh-hero .rh-wrap {
  position: relative !important;
  z-index: 2 !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.rh-hero__inner {
  max-width: 680px !important;
}
.rh-hero__eyebrow {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: var(--rh-gold) !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
}
.rh-hero__eyebrow::before {
  content: '' !important;
  display: block !important;
  width: 40px !important;
  height: 2px !important;
  background: var(--rh-gold) !important;
  flex-shrink: 0 !important;
}
.rh-hero__title {
  font-family: 'Raleway', sans-serif !important;
  font-size: clamp(40px, 5.5vw, 68px) !important;
  font-weight: 700 !important;
  color: var(--rh-white) !important;
  line-height: 1.06 !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
}
.rh-hero__title em {
  font-style: italic !important;
  color: var(--rh-gold) !important;
  display: block !important;
}
.rh-hero__desc {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 16px !important;
  color: rgba(255,255,255,0.68) !important;
  line-height: 1.78 !important;
  max-width: 520px !important;
  margin: 0 0 38px 0 !important;
  padding: 0 !important;
}
.rh-hero__cta {
  display: flex !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin: 0 0 56px 0 !important;
}
.rh-hero__stats {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 32px 0 0 0 !important;
  margin: 0 !important;
  border-top: 1px solid rgba(255,255,255,0.12) !important;
}
.rh-hero__stat {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 36px 0 0 !important;
  margin: 0 36px 0 0 !important;
  border-right: 1px solid rgba(255,255,255,0.15) !important;
}
.rh-hero__stat:last-child {
  border-right: none !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
}
.rh-hero__stat-num {
  font-family: 'Raleway', sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--rh-gold) !important;
  line-height: 1 !important;
  display: block !important;
  margin: 0 0 5px 0 !important;
}
.rh-hero__stat-label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: rgba(255,255,255,0.45) !important;
  display: block !important;
  margin: 0 !important;
}

/* Scroll hint */
.rh-hero__scroll {
  position: absolute !important;
  bottom: 44px !important;
  right: 60px !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
}
.rh-hero__scroll-text {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.38) !important;
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  display: block !important;
}
.rh-hero__scroll-line {
  width: 1px !important;
  height: 60px !important;
  background: linear-gradient(to bottom, var(--rh-gold), transparent) !important;
  animation: rh-pulse-line 2.2s ease-in-out infinite !important;
}
@keyframes rh-pulse-line {
  0%,100% { opacity: 1; transform: scaleY(1); }
  50%      { opacity: 0.35; transform: scaleY(0.55); }
}

/* ============================================================
   WELCOME / ABOUT
   ============================================================ */
.rh-welcome {
  background: var(--rh-white) !important;
  padding: 100px 0 !important;
}
.rh-welcome__grid {
  display: grid !important;
  grid-template-columns: 380px 1fr !important;
  gap: 80px !important;
  align-items: center !important;
}
.rh-welcome__heading {
  font-family: 'Raleway', sans-serif !important;
  font-size: clamp(34px, 3.6vw, 50px) !important;
  font-weight: 700 !important;
  color: var(--rh-black) !important;
  line-height: 1.16 !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}
.rh-welcome__divider {
  width: 52px !important;
  height: 4px !important;
  background: linear-gradient(to right, var(--rh-gold), rgba(255,178,0,0.12)) !important;
  border-radius: 2px !important;
  display: block !important;
}
.rh-welcome__lead {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  color: var(--rh-black) !important;
  line-height: 1.65 !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
}
.rh-welcome__body {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 17px !important;
  color: var(--rh-muted) !important;
  line-height: 1.88 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================================
   WHY CHOOSE US
   ============================================================ */
.rh-why {
  background: var(--rh-off-white) !important;
  padding: 90px 0 !important;
}
.rh-why__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
}
.rh-why-card {
  background: var(--rh-white) !important;
  border-radius: var(--rh-radius-lg) !important;
  padding: 40px 28px !important;
  text-align: center !important;
  border-bottom: 3px solid transparent !important;
  box-shadow: var(--rh-shadow-sm) !important;
  transition: var(--rh-transition) !important;
}
.rh-why-card:hover {
  transform: translateY(-8px) !important;
  border-bottom-color: var(--rh-gold) !important;
  box-shadow: var(--rh-shadow-md) !important;
}
.rh-why-card__icon {
  width: 68px !important;
  height: 68px !important;
  border-radius: 50% !important;
  margin: 0 auto 22px auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 26px !important;
  color: var(--rh-gold) !important;
  background: var(--rh-gold-light) !important;
  transition: var(--rh-transition) !important;
}
.rh-why-card:hover .rh-why-card__icon {
  background: var(--rh-gold) !important;
  color: var(--rh-black) !important;
}
.rh-why-card h3 {
  font-family: 'Raleway', sans-serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  color: var(--rh-black) !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}
.rh-why-card p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 16px !important;
  color: var(--rh-muted) !important;
  line-height: 1.75 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================================
   COVER PLANS
   ============================================================ */
.rh-plans {
  background: var(--rh-off-white) !important;
  padding: 100px 0 !important;
}
.rh-plans__grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 28px !important;
}

/* ── Plan card — white, clean, reference style ── */
.rh-plan {
  display: flex !important;
  flex-direction: column !important;
  background: var(--rh-white) !important;
  border: 1px solid var(--rh-border) !important;
  border-radius: var(--rh-radius-lg) !important;
  padding: 36px !important;
  gap: 0 !important;
  box-shadow: var(--rh-shadow-sm) !important;
  transition: var(--rh-transition) !important;
  overflow: visible !important;
}
.rh-plan:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--rh-shadow-lg) !important;
  border-color: var(--rh-gold) !important;
}

/* ── Plan top: badge + name + rule ── */
.rh-plan__top {
  margin: 0 0 28px 0 !important;
  padding: 0 !important;
}
.rh-plan__badge {
  display: inline-block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--rh-white) !important;
  background: var(--rh-black) !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  margin: 0 0 14px 0 !important;
}

.rh-plan__badge_price
{
  display: inline-block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: var(--rh-black) !important;
  background: var(--rh-gold) !important;
  padding: 6px 18px !important;
  border-radius: 8px !important;
  margin: 12px 0 0 0 !important;
  line-height: 1.2 !important;
}

.rh-plan__badge--gold {
  background: var(--rh-gold) !important;
  color: var(--rh-black) !important;
}
.rh-plan__name {
  font-family: 'Raleway', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--rh-black) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  display: block !important;
}
.rh-plan__rule {
  width: 56px !important;
  height: 3px !important;
  background: linear-gradient(to right, var(--rh-gold), rgba(255,178,0,0.15)) !important;
  border-radius: 2px !important;
  display: block !important;
}

/* ── Plan middle: icon + details ── */
.rh-plan__mid {
  display: flex !important;
  align-items: flex-start !important;
  gap: 22px !important;
  flex: 1 !important;
  margin: 0 0 24px 0 !important;
}
.rh-plan__icon-wrap {
  width: 76px !important;
  height: 76px !important;
  border-radius: 50% !important;
  background: rgba(255,178,0,0.08) !important;
  border: 1px solid rgba(255,178,0,0.18) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 28px !important;
  color: var(--rh-gold) !important;
  flex-shrink: 0 !important;
  transition: var(--rh-transition) !important;
}
.rh-plan:hover .rh-plan__icon-wrap {
  background: var(--rh-gold) !important;
  border-color: var(--rh-gold) !important;
  color: var(--rh-black) !important;
}
.rh-plan__details {
  flex: 1 !important;
}
.rh-plan__desc {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15.5px !important;
  color: var(--rh-muted) !important;
  line-height: 1.75 !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}
.rh-plan__cash {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  color: var(--rh-text) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.rh-plan__cash strong {
  color: var(--rh-gold) !important;
  font-weight: 700 !important;
}

/* ── Plan footer: READ MORE link ── */
.rh-plan__foot {
  border-top: 1px solid var(--rh-border) !important;
  padding-top: 20px !important;
  margin-top: auto !important;
}
.rh-plan__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--rh-black) !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 2px solid var(--rh-gold) !important;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  margin: 0 !important;
  width: 100% !important;
  transition: var(--rh-transition) !important;
}
.rh-plan__cta i {
  font-size: 10px !important;
  transition: transform 0.25s !important;
}
.rh-plan__cta:hover {
  background: var(--rh-gold) !important;
  color: var(--rh-black) !important;
}
.rh-plan__cta:hover i {
  transform: translateX(5px) !important;
}

/* ============================================================
   VIDEO
   ============================================================ */
.rh-video {
  padding: 100px 0 !important;
  background: var(--rh-black-2) !important;
}
.rh-video__wrap {
  max-width: 880px !important;
  margin: 0 auto !important;
  border-radius: var(--rh-radius-lg) !important;
  overflow: hidden !important;
  box-shadow: 0 32px 96px rgba(0,0,0,0.55) !important;
  background: var(--rh-black) !important;
  display: block !important;
}
.rh-video__wrap video {
  width: 100% !important;
  display: block !important;
  max-height: 540px !important;
  object-fit: cover !important;
}

/* ============================================================
   CONTACT CTA
   ============================================================ */
.rh-cta {
  padding: 90px 0 !important;
  background: var(--rh-black-3) !important;
  position: relative !important;
  overflow: hidden !important;
}
.rh-cta::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse at 0% 50%, rgba(255,178,0,0.08) 0%, transparent 55%) !important;
  pointer-events: none !important;
}
.rh-cta__text--centered {
  position: relative !important;
  z-index: 2 !important;
  text-align: center !important;
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.rh-cta__text h2 {
  font-family: 'Raleway', sans-serif !important;
  font-size: clamp(28px, 3.4vw, 44px) !important;
  font-weight: 700 !important;
  color: var(--rh-white) !important;
  line-height: 1.18 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}
.rh-cta__text p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 16px !important;
  color: rgba(255,255,255,0.55) !important;
  line-height: 1.75 !important;
  margin: 0 0 28px 0 !important;
  padding: 0 !important;
}

/* ============================================================
   SCROLL REVEAL
   ============================================================ */
.rh-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s var(--rh-ease), transform 0.6s var(--rh-ease);
}
.rh-reveal.is-visible { opacity: 1; transform: translateY(0); }
.rh-reveal-delay-1 { transition-delay: 0.1s; }
.rh-reveal-delay-2 { transition-delay: 0.2s; }
.rh-reveal-delay-3 { transition-delay: 0.3s; }
.rh-reveal-delay-4 { transition-delay: 0.4s; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1100px) {
  .rh-wrap { padding-left: 36px !important; padding-right: 36px !important; }
  .rh-why__grid { grid-template-columns: repeat(2, 1fr) !important; }
  .rh-welcome__grid { grid-template-columns: 1fr !important; gap: 44px !important; }
  .rh-cta__text--centered { max-width: 100% !important; }
}

@media (max-width: 768px) {
  .rh-wrap { padding-left: 20px !important; padding-right: 20px !important; }
  .rh-topbar__left a + a { display: none !important; }
  .rh-topbar__sep { display: none !important; }
  .rh-header__contacts { display: none !important; }

  .rh-nav__menu {
    display: none !important;
    flex-direction: column !important;
    position: absolute !important;
    top: 62px !important;
    left: 0 !important;
    right: 0 !important;
    background: var(--rh-black-2) !important;
    padding: 8px 0 !important;
    z-index: 990 !important;
    box-shadow: var(--rh-shadow-lg) !important;
  }
  .rh-nav__menu.is-open { display: flex !important; }
  .rh-nav__item > a {
    height: auto !important;
    padding: 13px 24px !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  }
  .rh-nav__dropdown {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
    border-top: none !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,0.04) !important;
    display: none !important;
  }
  .rh-nav__item--dd.is-open .rh-nav__dropdown { display: block !important; }
  .rh-nav__hamburger { display: flex !important; }
  .rh-nav__btn { display: none !important; }

  .rh-hero { min-height: 88vh !important; background-attachment: scroll !important; }
  .rh-hero__scroll { display: none !important; }
  .rh-hero__stats { flex-wrap: wrap !important; gap: 16px !important; }
  .rh-hero__stat { border-right: none !important; margin: 0 !important; padding: 0 !important; }

  .rh-plans__grid { grid-template-columns: 1fr !important; }
  .rh-plan { padding: 28px !important; }
  .rh-why__grid { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 480px) {
  .rh-why__grid { grid-template-columns: 1fr !important; }
  .rh-hero__title { font-size: 36px !important; }
}