/* RVs page – tiny helpers. We keep all tokens/components from home.css. */

/* Hero background only */
.rvs-hero{
  background-image:url('https://halconcaravans.com/assets/img/hero/our-rvs-bg.png'); /* travel road vibe */
}

:root{
  --hero-ratio: 2998 / 1275;
}


/* Checklist styling to match brand cards */
.rvs-checklist{
  display:grid;
  gap:12px;
  margin:12px 0 6px;
  padding:0;
  list-style:none;
}
.rvs-checklist li{
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px 12px;
  box-shadow:var(--shadow-sm);
  position:relative;
  padding-left:38px;
}
.rvs-checklist li::before{
  content:"\f00c"; /* fa-check */
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute; left:12px; top:50%; transform:translateY(-50%);
  color:#16a34a;
}

/* Card CTA micro */
.rvs-card__cta{ display:inline-block; margin-bottom:10px; color:#1d4ed8; font-weight:600;}

/* CTA row */
.rvs-cta-row{ display:flex; gap:10px; flex-wrap:wrap; }

/* Keep anchored cards visible below sticky header when deep-linking */
.rvs-card{ scroll-margin-top: 110px; }
.rvs-card:hover{ transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#d1d5db;}

/* ===== Model details shared helpers (used by van/truck/trailer pages) ===== */
.detail-back{ padding: 10px 0; }
.detail-back .hc-btn i{ margin-right:8px; }

/* Smaller, centered model hero media */
.detail-hero-media{
  max-width: min(1040px, 94vw);
  margin-inline: auto;
  padding: 0;        /* reuse .hc-card's surface/shadow without inner padding */
  overflow: hidden;  /* keep rounded corners clean */
}

/* Mobile sticky back bar */
.detail-back-sticky{
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
  background: var(--surface);
  border-top: 1px solid var(--line);
  padding: 10px;
  box-shadow: var(--shadow-sm);
  display: none;
}
.detail-back-sticky .hc-btn{ width: 100%; justify-content: center; }

@media (max-width:720px){
  .detail-back-sticky{ display: block; }
}

/* RVs: edge-to-edge media for the three model cards */
.hc-card.rvs-card > .ratio-16x9{
  margin: calc(var(--space-4) * -1) calc(var(--space-4) * -1) 12px;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  display: block;
}
.hc-card.rvs-card > .ratio-16x9 > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Reduce font size inside feature cards */
.hc-card ul li {
  font-size: 0.9rem;   /* smaller than default */
  line-height: 1.6;    /* better readability */
}
/* Ensure RV cards keep CTA at bottom */
.hc-card.rvs-card {
  display: flex;
  flex-direction: column;
}

.hc-card.rvs-card p {
  flex-grow: 1; /* pushes CTA to bottom */
}

.rvs-card__cta {
  margin-top: auto;   /* sticks CTA at the end */
  display: block;
}
/* Smaller text for RVs overview card descriptions */
.rvs-card p {
  font-size: 0.9rem;   /* smaller than normal */
  line-height: 1.4;
  color: #475569;      /* softer gray for readability */
  margin-top: 10px;
}



.rv-description {
  margin: 20px auto;
  max-width: 900px;
  text-align: justify;   /* or left if you prefer */
  font-size: 1rem;
  line-height: 1.6;
  color: #374151;
}