.premium-container {
  width: 85%;
  margin: 30px auto;
  padding: 30px;
  background: #fffef5; /* Match sidebar background */
  border: 1px solid #f4e6b3; /* Match sidebar border */
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  font-family: 'Segoe UI', sans-serif;
  color: #4b2e00; /* Match sidebar text */
  text-align: center;
}

.premium-container h1 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #4b2e00; /* Match sidebar text */
}

.alert {
  padding: 15px;
  margin: 20px 0;
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
}

.alert-success {
  background: #e6f4e6; /* Green for success, complementary to warm palette */
  color: #2e7d32;
  border: 1px solid #a5d6a7;
}

.alert-error {
  background: #fce4e4; /* Red for error, complementary to warm palette */
  color: #c62828;
  border: 1px solid #ef5350;
}

.pricing-cards {
  display: flex;
  gap: 20px;
  margin-top: 40px;
  justify-content: center;
  flex-wrap: wrap; /* Ensure responsiveness */
}

.pricing-card {
  flex: 1;
  max-width: 300px;
  border: 2px solid #f4e6b3; /* Match sidebar border */
  border-radius: 10px;
  padding: 20px;
  background: #fffef5; /* Match sidebar background */
  text-align: center;
  transition: transform 0.3s;
}

.pricing-card:hover {
  transform: translateY(-5px);
  border-color: #f57c00; /* Match sidebar button color */
}

.pricing-card.popular {
  border-color: #f57c00; /* Match sidebar button color */
  position: relative;
}

.popular-badge {
  position: absolute;
  top: -15px;
  right: 20px;
  background: #f57c00; /* Match sidebar button color */
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
}

.price {
  font-size: 28px;
  font-weight: bold;
  color: #d46b08; /* Match sidebar menu item color */
  margin: 20px 0;
}

.price-unit {
  font-size: 16px;
  color: #777; /* Match sidebar secondary text */
}

.features {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.features li {
  padding: 10px 0;
  border-bottom: 1px solid #f2e3c5; /* Match sidebar divider */
  font-size: 15px;
  color: #5a2d00; /* Match sidebar text */
}

.buy-button {
  width: 100%; /* Ensure consistent width */
  padding: 12px 25px; /* Consistent padding for equal size */
  background: #f57c00; /* Match sidebar button color */
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s;
  display: inline-block; /* Ensure button respects padding */
  min-width: 150px; /* Minimum width to match both buttons */
}

.buy-button:hover {
  background: #e46b00; /* Match sidebar button hover color */
}

.payment-info {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center; /* Center horizontally */
  justify-content: center; /* Center vertically */
  color: #666; /* Match sidebar secondary text */
  text-align: center; /* Ensure text is centered */
}

.payment-content {
  display: flex;
  flex-direction: column;
  align-items: center; /* Center child elements */
  justify-content: center; /* Center vertically */
}

.payment-info p {
  font-size: 15px;
  margin-bottom: 10px;
}

.payment-info img {
  height: 40px;
  margin: 0 auto; /* Additional centering for image */
}