/* ==========================================================================
   SURYA ENERGY - COMPONENT: FEATURE & CONTENT CARDS
   ========================================================================== */

/* Desktop Cards */
.se-feature-card {
  background: var(--se-card-bg);
  backdrop-filter: blur(16px);
  border: 1px solid var(--se-glass-border);
  border-radius: var(--se-radius-card);
  padding: 28px 20px;
  box-shadow: var(--se-neu-shadow-flat);
  transition: var(--se-transition);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}

.se-feature-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--se-neu-shadow-hover);
}

.se-feature-icon-badge {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.08);
  border: 1px solid rgba(37, 99, 235, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  color: var(--se-primary-blue);
  margin-bottom: 20px;
}

/* Mobile Cards */
.se-m-feature-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background: var(--se-card-bg);
  backdrop-filter: blur(16px);
  border: 1px solid var(--se-glass-border);
  border-radius: 20px;
  box-shadow: var(--se-neu-shadow-flat);
}

.se-m-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}