.social-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.social-card {
  display: flex;
  flex-direction: column;
  padding: clamp(22px, 4vw, 40px);
  border-radius: var(--cobidu-card-radius, 16px);
  background: #f9f9f9;
}

.social-logo {
  display: grid;
  place-items: center;
  width: min(100%, 200px);
  height: 100px;
  padding: 14px;
  margin-bottom: 24px;
  background: #fff;
  border-radius: var(--cobidu-card-radius, 16px);
}

.social-logo img { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.social-card h2 { font: 400 clamp(26px, 3vw, 36px)/1.22 "Playfair Display", Georgia, serif; margin: 0 0 16px; }
.social-card p { font: 400 16px/1.75 Inter, sans-serif; margin: 0 0 16px; }
.social-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; margin-top: auto; padding-top: 12px; }
.social-actions .main-button { display: inline-flex; min-height: 50px; margin: 0; }
.social-source--kalbim { --social-brand: #862484; }
.social-source--yetgen { --social-brand: #d91e36; }
.social-actions .social-source { background-color: var(--social-brand); color: #fff; }
.social-actions .social-source:hover { background-color: color-mix(in srgb, var(--social-brand), black 12%); color: #fff; }

@media (max-width: 767px) {
  .social-grid { grid-template-columns: minmax(0, 1fr); }
}