/* Additional styles for the reorganized features section */

.additional-features {
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.feature-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.feature-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm);
  background-color: var(--white);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

.feature-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.feature-check {
  color: var(--or-accent);
  font-weight: bold;
  font-size: 1.2rem;
}

/* Additional responsive styles */
@media only screen and (max-width: 479px) {
  .feature-item {
    padding: var(--spacing-xs);
  }

  .feature-item strong {
    font-size: 0.9rem;
  }

  .feature-check {
    font-size: 1rem;
  }

  #app-preview .preview-grid {
    gap: var(--spacing-sm);
  }

  #app-preview .preview-item {
    min-height: 150px;
  }

  #app-preview .image-placeholder {
    aspect-ratio: 16/9;
  }
}

/* Tablet responsive styles */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #app-preview .preview-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
  }
}

/* Responsive styles */
@media only screen and (min-width: 768px) {
  .additional-features {
    flex-direction: row;
    justify-content: space-between;
  }

  .feature-list {
    flex: 1;
  }
}