/* =========================
   HERO (CLEAN + LIGHTER)
========================= */
.packages-hero {
  min-height: 70vh;
  position: relative;

  background-image:
    linear-gradient(
      90deg,
      rgba(15, 10, 8, 0.82) 0%,
      rgba(15, 10, 8, 0.58) 42%,
      rgba(15, 10, 8, 0.18) 100%
    ),
    url("Packages.png");

  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}

/* REMOVE old overlay if still in HTML */
.packages-hero .hero-overlay {
  display: none;
}

/* HERO CONTENT */
.packages-hero-inner {
  width: min(1180px, 92%);
  margin: 0 auto;
  min-height: 70vh;

  display: flex;
  align-items: center;

  padding: 100px 0 40px;
}

.packages-hero-copy {
  max-width: 520px;
}

.packages-hero h1 {
  font-size: clamp(2.8rem, 6vw, 4.6rem);
  line-height: 0.95;
  margin-bottom: 14px;

  text-shadow: 0 10px 30px rgba(0,0,0,0.6);
}

.packages-hero .hero-text {
  max-width: 420px;
  font-size: 0.95rem;
  opacity: 0.9;
}

.packages-hero .hero-buttons {
  margin-top: 24px;
}

/* =========================
   PACKAGES SECTION
========================= */
.packages-clean {
  width: min(1040px, 92%);
  margin: 0 auto;
  padding: 60px 0 30px;
}

.packages-title {
  margin-bottom: 24px;
}

.packages-title h2 {
  font-family: "URW Chancery L", cursive;
  font-size: clamp(2.2rem, 4vw, 3rem);
}

/* GRID */
.packages-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

/* =========================
   PACKAGE CARD (UPGRADED)
========================= */
.package-card {
  padding: 22px;
  border-radius: 14px;

  border: 1px solid rgba(255,255,255,0.06);

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.02),
      rgba(255,255,255,0.01)
    );

  transition: all 0.25s ease;
}

.package-card:hover {
  transform: translateY(-4px);
  border-color: rgba(242, 196, 141, 0.3);
}

/* HEADER */
.package-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}

.package-tag {
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #caa97a;
  margin-bottom: 6px;
}

.package-card h3 {
  font-family: "URW Chancery L", cursive;
  font-size: 1.6rem;
}

.package-price {
  font-size: 0.9rem;
  color: #caa97a;
  font-weight: 700;
}

/* FEATURES */
.package-features {
  list-style: none;
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.package-features li {
  font-size: 0.9rem;
  padding-left: 14px;
  position: relative;
}

.package-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  background: #caa97a;
  border-radius: 50%;
}

/* NOTE */
.package-note {
  margin-top: 10px;
  font-size: 0.85rem;
  color: #caa97a;
}

/* VEHICLE PRICING */
.vehicle-pricing {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.06);
}

.vehicle-pricing span {
  font-size: 0.9rem;
  font-weight: 600;
}

/* =========================
   CTA SECTION
========================= */
.packages-cta {
  width: min(720px, 92%);
  margin: 40px auto 30px;

  padding: 40px 20px;
  text-align: center;

  border-radius: 20px;

  background: linear-gradient(
    180deg,
    rgba(42, 29, 23, 0.8),
    rgba(31, 21, 17, 0.95)
  );

  border: 1px solid rgba(255,255,255,0.06);
}

.packages-cta h2 {
  font-family: "URW Chancery L", cursive;
  font-size: clamp(2rem, 4vw, 2.8rem);
  margin-bottom: 12px;
}

.packages-cta .cta-copy {
  max-width: 520px;
  margin: 0 auto 20px;
  font-size: 0.95rem;
}

.packages-cta-buttons {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 900px) {
  .packages-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .packages-hero h1 {
    font-size: clamp(2.4rem, 10vw, 3.6rem);
  }

  .package-card {
    padding: 18px;
  }
}