/* Menü oldal – háromoszlopos váltakozó elrendezés */
.menu-page {
  padding: 1.875rem; /* 30px */
}

.menu-title {
  text-align: center;
  font-size: 2.25rem; /* 36px */
  color: #e63946;
  margin-bottom: 2.5rem; /* 40px */
}

.menu-row {
  display: grid;
  grid-template-columns: 1fr 2.5rem 1fr; /* 40px */
  align-items: center;
  margin: 3.125rem 0; /* 50px */
  gap: 3.125rem; /* 50px */
}

.menu-row.reverse {
  grid-template-columns: 1fr 2.5rem 1fr;
  direction: rtl;
}

.menu-row.reverse .menu-img-container,
.menu-row.reverse .menu-text {
  direction: ltr;
}

.menu-img-container,
.menu-text {
  max-width: 100%;
}

.menu-img {
  width: 100%;
  max-width: 34.375rem; /* 550px */
  border-radius: 0.625rem; /* 10px */
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.2); /* 2px 8px */
}

.menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem; /* 20px */
}

.menu-header h3 {
  margin: 0;
  color: #4e342e;
  font-size: 1.125rem; /* opcionálisan: 18px */
}

.menu-header .price {
  font-weight: bold;
  color: #ff914d;
  white-space: nowrap;
}

/* Vonal és rombusz középen */
.menu-center-line {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 115%;
  justify-content: space-between;
  padding: 1.25rem 0; /* 20px */
}

.line {
  width: 0.125rem; /* 2px */
  height: 100%;
  background-color: #ff914d;
}

.diamond {
  width: 0.9375rem; /* 15px */
  height: 1.125rem; /* 18px */
  background-color: #ff914d;
  transform: rotate(42deg);
  margin: 0.625rem 0; /* 10px */
}

/* Kedvenc édességek táblázat */
.fav-title {
  text-align: center;
  margin-top: 3.75rem; /* 60px */
  color: #e63946;
}

.fav-table {
  width: 70%;
  margin: 1.25rem auto; /* 20px */
  border-collapse: collapse;
  font-size: 1rem;
}

.fav-table th,
.fav-table td {
  border: 1px solid #ccc;
  padding: 0.75rem; /* 12px */
  text-align: left;
}

.fav-table th {
  background-color: #ff914d;
  color: #fff;
}

/* Mobil reszponzivitás */
@media (max-width: 768px) {
  .menu-row,
  .menu-row.reverse {
    grid-template-columns: 1fr;
    direction: ltr;
  }

  .menu-center-line {
    display: none;
  }

  .menu-img {
    max-width: 100%;
  }
}

.external-links {
  text-align: center;
  margin-top: 2.5rem; /* 40px */
}