/* ======================================================
   CITY GOLD — FINAL STABLE VERSION (2026)
   ====================================================== */

.delecon-foundation {
  background: #fcfcfc;
}

/* SECTION */
.dcc-sec {
  margin: 25px auto;
  max-width: 1200px;
  padding: 0 15px;
}

/* CARD */
.dcc-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

/* HERO */
.cg-hero-img {
  width: 100%;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.cg-hero-card {
  background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
}

.cg-title {
  font-size: 2.5rem;
  color: #0f172a;
  margin: 15px 0;
}

.cg-title span { color: #c5a059; }

.cg-hero-text {
  max-width: 860px;
  margin: 0 auto;
  color: #64748b;
  line-height: 1.8;
}

/* SERVICE MINI */
.svc-mini {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
  gap: 15px;
  margin-top: 25px;
}

.svc-mini a {
  border: 1px solid #e2e8f0;
  padding: 15px;
  border-radius: 12px;
  display: flex;
  gap: 12px;
  text-decoration: none;
  color: #1e293b;
}

.svc-mini i {
  color: #c5a059;
  font-size: 1.5rem;
}

/* ===============================
   FEATURE CARDS (FIXED)
================================ */

.cg-two-col {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 20px;
}

.cg-feature-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cg-feature-card h2 {
  font-size: 1.6rem;
  margin-bottom: 10px;
}

.cg-feature-card p {
  color: #555;
  line-height: 1.6;
  margin-bottom: 20px;
}

/* CTA — GUARANTEED VISIBILITY */
.cg-outline-btn {
  margin-top: auto;
  display: block;
  padding: 16px;
  border: 2px solid #c5a059;
  border-radius: 40px;
  text-align: center;
  font-weight: 700;
  text-decoration: none;
  color: #c5a059;
  background: #fff;
  transition: 0.3s;
}

.cg-outline-btn:hover {
  background: #c5a059;
  color: #fff;
}

/* ===============================
   INFO / MAP
================================ */

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.nerul-layout {
  display: flex;
  gap: 30px;
  align-items: stretch;
}

.nerul-text,
.panvel-map-box {
  flex: 1;
  min-width: 320px;
}

.cg-info-box {
  margin-top: auto;
  padding: 15px;
  background: #fdfaf3;
  border-left: 4px solid #c5a059;
  font-size: 13px;
}

.cg-map {
  height: 100%;
  min-height: 450px;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #c5a059;
}

/* TABLE */
.cg-spec-card { border-top: 4px solid #c5a059; }

.spec-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.spec-table th,
.spec-table td {
  border: 1px solid #e2e8f0;
  padding: 12px;
}

/* LINKS */
.link-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(140px,1fr));
  gap: 10px;
}

/* FAQ */
.cg-faq { border-top: 4px solid #0f172a; }

/* ===============================
   MOBILE FIXES
================================ */

@media (max-width: 768px) {

  .cg-two-col {
    grid-template-columns: 1fr;
  }

  .nerul-layout {
    flex-direction: column;
  }

  .cg-title {
    font-size: 1.8rem;
  }

  .cg-outline-btn {
    width: 100%;
  }

  .cg-map {
    min-height: 350px;
  }
}/* ===============================
   CITY GOLD – FEATURE CARD CTA
   FINAL STABLE VERSION
================================ */

.cg-two-col {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.cg-feature-card {
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
}

.cg-feature-card h2 {
  font-size: 1.5rem;
  margin-bottom: 12px;
  color: #333;
}

.cg-feature-card p {
  color: #666;
  margin-bottom: 20px;
  line-height: 1.6;
}

/* BUTTON – DO NOT TOUCH */
.cg-outline-btn {
  margin-top: auto;                /* pushes button to bottom */
  display: block;                  /* critical */
  width: 100%;                     /* critical */
  padding: 16px;
  border: 2px solid #c5a059;
  border-radius: 50px;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  color: #c5a059;
  background: #fff;
  transition: all 0.3s ease;
}

.cg-outline-btn:hover {
  background: #c5a059;
  color: #fff;
}

/* MOBILE SAFETY LOCK */
@media (max-width: 768px) {
  .cg-two-col {
    flex-direction: column;
  }
}