/* Türkiye CBI page — hero + investment options overrides */

.hero-turkiye::before {
  background-image: url("../assets/images/hero-turkiye.jpg");
}

@media (max-width: 980px) {
  .hero-turkiye {
    background-image: url("../assets/images/hero-turkiye-mobile.jpg");
  }
}

/* Reuse hero-eyebrow + window-facts styles from styles.css */

/* Investment options grid — 3 cols desktop, 2 tablet, 1 mobile */
.options-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: clamp(24px, 3vw, 40px);
  row-gap: clamp(28px, 3.5vw, 44px);
  max-width: 1140px;
  margin: 0 auto;
}

.option-card {
  padding: clamp(28px, 3vw, 40px);
  background: var(--white);
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  transition: transform 220ms ease, box-shadow 220ms ease;
}

.option-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
}

.option-amount {
  display: block;
  color: #9d8550;
  font-family: var(--display);
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 400;
  line-height: 1;
  margin-bottom: 14px;
}

.option-card h3 {
  margin: 0 0 10px;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(20px, 1.8vw, 24px);
  font-weight: 400;
  line-height: 1.2;
}

.option-card p {
  margin: 0;
  color: rgba(0, 0, 0, 0.72);
  font-family: var(--body);
  font-size: 15px;
  line-height: 1.5;
}

@media (max-width: 980px) {
  .options-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .options-grid {
    grid-template-columns: 1fr;
  }
}