[data-live-campaign-card="1"] {
  background: #ffffff !important;
  border: 1px solid rgba(6, 107, 68, 0.08) !important;
  border-radius: 32px !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08), 0 10px 18px rgba(6, 107, 68, 0.07) !important;
  overflow: hidden !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

[data-live-campaign-card="1"]:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 50px rgba(15, 23, 42, 0.12), 0 14px 24px rgba(6, 107, 68, 0.1) !important;
}

[data-live-campaign-image="1"] {
  position: relative !important;
  height: 214px !important;
  overflow: hidden !important;
}

[data-live-campaign-image="1"]::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 44%;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.82) 28%, rgba(255, 255, 255, 0));
  pointer-events: none;
}

[data-live-campaign-heart="1"] {
  width: 46px !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.14) !important;
  color: #dc2626 !important;
}

[data-live-campaign-heart="1"] svg {
  width: 18px !important;
  height: 18px !important;
}

[data-live-campaign-badge="1"] {
  background: linear-gradient(135deg, #066b44, #0f8d5d) !important;
  color: #fff !important;
  border-radius: 16px 16px 16px 4px !important;
  padding: 11px 16px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 12px 22px rgba(6, 107, 68, 0.24);
}

[data-live-campaign-body="1"] {
  padding: 16px 18px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  text-align: center !important;
}

[data-live-campaign-ngo="1"] {
  color: #8c5b28;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
}

[data-live-campaign-title="1"] {
  color: #0f2940 !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  min-height: 58px !important;
  height: auto !important;
  margin: 0 !important;
}

[data-live-campaign-meta="1"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  margin: 0 !important;
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

[data-live-campaign-meta="1"] .live-campaign-divider {
  width: 1px;
  height: 18px;
  background: rgba(15, 23, 42, 0.14);
}

[data-live-campaign-progress="1"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 2px !important;
}

[data-live-campaign-progress-head="1"] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #066b44;
  font-size: 13px;
  font-weight: 900;
}

[data-live-campaign-progress-line="1"] {
  width: 100% !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #edf7f2 !important;
  overflow: hidden !important;
}

[data-live-campaign-progress-line="1"] > div,
[data-live-campaign-progress-line="1"] > span {
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #0a8f5b, #066b44) !important;
  box-shadow: 0 8px 14px rgba(6, 107, 68, 0.24);
}

[data-live-campaign-stats="1"] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding-top: 12px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

[data-live-campaign-stat="1"] {
  padding: 0 10px;
  border-left: 1px solid rgba(15, 23, 42, 0.08);
}

html[dir="rtl"] [data-live-campaign-stat="1"]:last-child,
html:not([dir="rtl"]) [data-live-campaign-stat="1"]:first-child {
  border-left: 0;
}

[data-live-campaign-stat-label="1"] {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  margin-bottom: 6px;
}

[data-live-campaign-stat-value="1"] {
  color: #0f172a;
  font-size: 15px;
  font-weight: 900;
}

[data-live-campaign-stat-value="collected"] {
  color: #066b44;
}

[data-live-campaign-btn="1"] {
  width: 150px !important;
  margin: 4px auto 0 !important;
  min-height: 50px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #05833f, #0a8f5b) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  box-shadow: 0 16px 30px rgba(6, 107, 68, 0.22) !important;
  cursor: pointer !important;
}

[data-live-campaign-btn="1"]:hover {
  background: linear-gradient(135deg, #046d34, #077247) !important;
}