body {    font-family: 'Montserrat', sans-serif;    background-color: #f4faff;    padding: 20px;    margin: 0;    text-align: center;    color: #113f67;}h1 {  margin-bottom: 30px;  color: #388e3c;}}.popup {    position: fixed;    top: 50%;    left: 5%;    transform: translateY(-50%);    width: 90%;    max-width: 480px;    background: #ffffff;    border: 3px solid #005a8d;    border-radius: 16px;    padding: 30px 35px;    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);    z-index: 9999;    text-align: left;}.menu-grid {  display: grid;  grid-template-columns: repeat(5, 1fr);  gap: 20px;  max-width: 960px;  margin: 0 auto 30px auto;}.menu-grid button {  background-color: #ffffff;  border: 2px solid #c8e6c9;  border-radius: 16px;  font-size: 0.95rem;  cursor: pointer;  transition: all 0.25s ease;  box-shadow: 0 4px 10px rgba(0,0,0,0.08);  text-align: center;  position: relative;  overflow: hidden;  padding: 14px 10px;  height: 120px;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  background-image: linear-gradient(to bottom right, #ffffff, #f1fef3);}.menu-grid button:hover {  background-color: #e8f5e9;  transform: translateY(-4px) scale(1.03);  box-shadow: 0 8px 16px rgba(56, 142, 60, 0.3);  border-color: #a5d6a7;}.menu-grid button .emoji {  font-size: 28px;  display: block;  transition: transform 0.4s ease;  margin-bottom: 8px;}.menu-grid button:hover .emoji {  transform: scale(1.25) rotate(3deg);}.menu-grid button::after {  content: "";  position: absolute;  inset: 0;  background: radial-gradient(circle at top left, rgba(56, 142, 60, 0.05), transparent);  opacity: 0;  transition: opacity 0.3s ease;  z-index: 0;}.menu-grid button:hover::after {  opacity: 1;}.emoji {  font-size: 2rem;  display: block;  margin-bottom: 4px;}.daily-feedback-wrapper {  max-width: 900px;  margin: 20px auto;  padding: 16px;  background-color: #fefefe;  border-radius: 12px;  box-shadow: 0 4px 10px rgba(0,0,0,0.08);  text-align: center;}.daily-tip {  font-size: 1.1rem;  font-weight: 500;  color: #00695c;  margin-bottom: 20px;}.feedback-box {  margin-top: 10px;}.feedback-box p {  font-weight: 600;  margin-bottom: 8px;}.emoji-row {  display: flex;  justify-content: center;  gap: 12px;  margin-bottom: 8px;}.feedback-emoji {  font-size: 1.8rem;  cursor: pointer;  transition: transform 0.2s ease;}.feedback-emoji:hover {  transform: scale(1.2);}#koszonoUzenet {  color: #2e7d32;  font-weight: bold;  margin-top: 10px;}.valasz-visszajelzes {  font-size: 1.2rem;  margin-top: 10px;  opacity: 0;  transition: opacity 0.4s ease, transform 0.4s ease;  text-align: center;}.valasz-visszajelzes.megjelenik {  opacity: 1;  transform: scale(1.1);}.valasz-visszajelzes.elhalvanyul {  opacity: 0;  transform: scale(0.95);}.valasz-visszajelzes.flash {  background-color: #c8f7c5;  border-radius: 10px;  padding: 10px 16px;  display: inline-block;  animation: flash-effect 0.4s ease;  opacity: 1;}@keyframes flash-effect {  0%   { background-color: #c8f7c5; }  100% { background-color: transparent; }}.iframe-wrapper {  max-width: 1000px;  margin: 0 auto;  height: 700px;  border: 2px solid #ccc;  border-radius: 12px;  overflow: hidden;  box-shadow: 0 6px 12px rgba(0,0,0,0.1);}iframe {  width: 100%;  height: 100%;  border: none;}@media (max-width: 768px) {  .image-side {    max-width: 100%;    border-radius: 0;    box-shadow: none;    margin: 5px auto;    text-align: center;  }@media (max-width: 960px) {.menu-grid {   grid-template-columns: repeat(2, 1fr); }}@media (max-width: 600px) {  .menu-grid {    grid-template-columns: 1fr;  }  .menu-grid button {    width: 100%;    max-width: 300px;    margin: 0 auto;  }}  .image-side img {    width: 100%;    height: auto;    max-width: 100%;    border-radius: 6px;  }  .menu-grid {    flex-direction: column;     /* egymás alá rendezve */    align-items: center;    justify-content: center;    gap: 12px;    max-width: 100%;  }  .menu-grid button {    width: 90%;    max-width: 265px;    height: auto;               /* dinamikus magasság */    min-height: 80px;    font-size: 1rem;    padding: 12px 10px;    line-height: 1.3;    word-break: break-word;  }  .menu-grid button .emoji {    font-size: 1.6rem;    display: block;    margin-bottom: 6px;  }}