#varieties .card__img span, .varieties-mango .card__img span {
    border-bottom: 1px solid #ddd;
}

#varieties .card__img{
	background:#fff !important;
}

#regions .card__img.leaf-pattern-bg img {
   object-fit:cover;
   width:100%;
   height:100%;
}
#locations .card__img.leaf-pattern-bg img {
   object-fit:cover;
   width:100%;
   height:100%;
}
  
/* --- CTA Banner --- */
.cta-banner {
  background: linear-gradient(135deg, var(--mango-500) 0%, var(--mango-600) 100%);
  color: var(--white);
  padding: 64px;
  border-radius: var(--radius-xl);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cta-banner::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -30%;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
}
.cta-banner h2 { color: var(--white); margin-bottom: 12px; }
.cta-banner p { color: rgba(255,255,255,0.85); margin-bottom: 24px; }

/* --- Forms --- */
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
}
@media (max-width: 768px) {
  .form-grid { grid-template-columns: 1fr; gap: 32px; }
}

.form-card {
  background: rgba(255,255,255,0.12);
  backdrop-filter: blur(8px);
  border-radius: var(--radius-lg);
  padding: 28px;
  border: 1px solid rgba(255,255,255,0.15);
}
.form-card--standalone {
  background: var(--white);
  border: 1px solid var(--gray-200);
  box-shadow: var(--shadow-lg);
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 480px) {
  .form-row { grid-template-columns: 1fr; }
}

.form-field {
  margin-bottom: 16px;
}
.form-field label {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 6px;
  color: rgba(255,255,255,0.8);
}
.form-card--standalone .form-field label {
  color: var(--gray-700);
}

.form-field input,
.form-field textarea,
.form-field select {
  width: 100%;
  padding: 10px 14px;
  font-family: var(--font-body);
  font-size: 0.9rem;
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: var(--radius-sm);
  background: rgba(255,255,255,0.1);
  color: var(--white);
  outline: none;
  transition: border-color var(--transition), background var(--transition);
}
.form-field input::placeholder,
.form-field textarea::placeholder {
  color: rgba(255,255,255,0.45);
}
.form-field input:focus,
.form-field textarea:focus {
  border-color: rgba(255,255,255,0.5);
  background: rgba(255,255,255,0.18);
}

/* Standalone form (white bg) overrides */
.form-card--standalone .form-field input,
.form-card--standalone .form-field textarea,
.form-card--standalone .form-field select {
  background: var(--gray-50);
  border: 1px solid var(--gray-300);
  color: var(--gray-800);
}
.form-card--standalone .form-field input::placeholder,
.form-card--standalone .form-field textarea::placeholder {
  color: var(--gray-400);
}
.form-card--standalone .form-field input:focus,
.form-card--standalone .form-field textarea:focus {
  border-color: var(--mango-400);
  background: var(--white);
  box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.1);
}

.form-field textarea { resize: vertical; min-height: 60px; }

@media (max-width: 640px) {
  .cta-banner { padding: 40px 24px; }
}

@media (max-width: 768px) {
.nav.open {
    transform: translateY(0);
    top: 72px;
}
.nav{
	top:0px;
}
}