@media (max-width: 1024px) {
  .cc-desktop-only {
    display: none !important;
  }

  .cc-section {
    padding-block: 52px;
  }
}

@media (min-width: 1025px) {
  .cc-mobile-only {
    display: none !important;
  }
}

@media (max-width: 640px) {
  :root {
    --cc-control-h: 46px;
  }

  .cc-actions,
  .cc-picker__toolbar,
  .media-picker__toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .cc-btn,
  .btn,
  .button {
    width: 100%;
  }

  .cc-card,
  .feature-card,
  .trust-card,
  .path-card,
  .support-card,
  .verification-card {
    padding: 20px;
  }

  .cc-media-grid,
  .media-grid,
  .media-library-grid {
    grid-template-columns: 1fr;
  }
}