.app {
  max-width: 1200px;     /* mindig ehhez igazodunk */
  margin: 0 auto;
  background: var(--bg, #fcf9f5);
}

/* A fixed topbar alá letoljuk a tartalmat */
.content{
  padding-top: var(--topbar-h);
}

/* szélesség-kezelés: középre igazított tartó */
.info-section{
  padding: 14px 12px 6px;
}

/* breakpointok: mobil-first */
@media (min-width:768px){
  .info-section{ padding: 20px 16px 8px; }
}
@media (min-width:1440px){
  .info-section{ padding: 28px 16px 10px; }
}

.container {
  max-width: var(--page-max);
  margin: 0 auto;
  padding: 0 12px; /* oldalpárna mobilon */
}