/* Buy us a Memory button styling */
.bmc-button-container { display: flex; justify-content: center; align-items: center; margin: 2rem 0; }
.bmc-memory-button { display: flex; align-items: center; background-color: #8A2BE2; color: white; padding: 10px 20px; border-radius: 10px; text-decoration: none; box-shadow: 0 4px 8px rgba(0,0,0,0.2); transition: all 0.3s ease; border: none; }
.bmc-memory-button:hover { transform: translateY(-3px); box-shadow: 0 6px 12px rgba(0,0,0,0.3); background-color: #9370DB; color: white; border: none; }
.bmc-memory-button img { width: 40px; height: 40px; margin-right: 15px; }
.bmc-memory-button span { font-size: 1.2rem; font-weight: bold; }
.memory-text { position: relative; }
.memory-text .strikethrough { text-decoration: line-through; color: rgba(255,255,255,0.7); }
.tip-emoji { margin-left: 8px; font-size: 1.3rem; }

/* No bullet points for lists */
.no-bullets { list-style-type: none; }

/* Completed trips styling */
.faq-question strong { color: var(--light-text); background-color: green; padding: 2px 6px; border-radius: 4px; }

/* Stats section styling */
.stats-section { max-width: 100%; margin: 2rem auto; text-align: center; padding: 1.5rem; background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
.stats-section h2 { font-size: 2rem; margin-bottom: 1.5rem; color: var(--light-text); }
.stats-info { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; }
.stat-item { width: 180px; padding: 0.5rem; background: linear-gradient(135deg, var(--secondary-color), var(--primary-color)); border-radius: 10px; transition: transform 0.3s ease; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
.stat-item:hover { transform: translateY(-5px); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); }
.stat-item h3 { font-size: 1.1rem; color: var(--light-text); margin-bottom: 1rem; font-weight: 600; }
.stat-item p { font-size: 2rem; font-weight: bold; color: var(--link-color); margin: 0; }

/* Responsive adjustment for stats */
@media (max-width: 768px) {
  .stats-info { gap: 1rem; }
  .stat-item { width: calc(50% - 1rem); padding: 1rem; }
  .stat-item h3 { font-size: 1rem; margin-bottom: 0.5rem; }
  .stat-item p { font-size: 1.5rem; }
}

@media (max-width: 480px) {
  .stat-item { width: 100%; }
}

/* FAQ Section Customizations */
.faq-answer img { max-width: 100%; height: auto; display: block; margin: 1rem auto; border-radius: 8px; }
.faq-answer a { color: var(--link-color); text-decoration: underline; }
.faq-answer a:hover { color: var(--light-text); }

/* Additional typography */
h2.h1-primary { font-size: 3em; }