/* Центрирование и ограничение ширины */

.container-custom {

  max-width: 1200px; /* ~max-w-6xl */

  margin-left: auto;

  margin-right: auto;

  padding-left: 1.5rem;

  padding-right: 1.5rem;

}



/* Кнопки */

.btn-main {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 0.75rem 1.5rem;

  border-radius: 9999px;

  font-weight: 600;

  background-color: #f59e0b; /* amber-500 */

  color: white;

  box-shadow: 0 4px 6px rgba(0,0,0,0.1);

  transition: opacity 0.2s ease;

}

.btn-main:hover {

  opacity: 0.9;

}



.btn-secondary {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 0.75rem 1.5rem;

  border-radius: 9999px;

  font-weight: 500;

  background-color: white;

  color: #111827; /* gray-900 */

  box-shadow: 0 4px 6px rgba(0,0,0,0.05);

  transition: background-color 0.2s ease;

}

.btn-secondary:hover {

  background-color: #f3f4f6; /* gray-100 */

}



/* Карточки */

.card-feature {

  padding: 1rem;

  background: white;

  border-radius: 0.5rem;

  box-shadow: 0 1px 2px rgba(0,0,0,0.05);

}



.card-details {

  background: white;

  border-radius: 0.5rem;

  padding: 1rem;

  box-shadow: 0 1px 2px rgba(0,0,0,0.05);

}

.card-details summary {

  cursor: pointer;

  font-weight: bold;

}

.card-details p {

  margin-top: 0.5rem;

  color: #374151; /* gray-700 */

}