/* ===== ALT LAYOUT  ===== */
.custom-content-alt {
  margin-top: 45px;      /* új: felső távolság a logótól */
  margin-bottom: 100px;

  max-width: 900px;      /* konténer szélesség korlát */
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* felső rész: 2 hasábos szöveg */
.custom-text-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* két egyenlő oszlop */
  gap: 30px;
  margin-bottom: 30px;
}

.text-col {
  line-height: 1.4;
  text-align: justify;
  hyphens: auto;
}

/* kéthasábos layout - galéria a szöveg alatt */
.custom-content-alt .custom-gallery {
  width: 100%;
  max-width: 650px;
  overflow: visible;
  margin: 0 auto;
}

/* Bal oldali alcím a szöveges oszlophoz + felül külön blokkban */
.column-text h4,
.subtitle-block h4 { 
  font-size: 22px;
  margin-top: 60px;
  margin-bottom: 12px;                   
  text-align: left;                       
  line-height: 1.3;
}

/* ===== DTP / nagyobb képernyők: növelt hasábköz és középre helyezett galéria ===== */
@media (min-width: 901px) {
  .custom-text-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 30px !important; /* hasábköz DTP nézetben */
    row-gap: 40px !important;    /* függőleges hasábköz */
  }

  .custom-text-grid .text-col {
    margin-bottom: 0 !important; 
  }

  /* Galéria mindig középen */
  .custom-content-alt .custom-gallery {
    grid-column: 1 / -1 !important; /* mindkét oszlop */
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ===== 2 hasábos layout 900px alatt, >680px ===== */
@media (max-width: 900px) and (min-width: 681px) {
  .custom-text-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; 
    row-gap: 30px !important;      
    column-gap: 30px !important;   
  }

  .custom-text-grid .text-col {
    margin-bottom: 0 !important;
  }

  /* Galéria 900–681px között: középen */
  .custom-content-alt .custom-gallery {
    grid-column: 1 / -1 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    column-gap: 30px !important;   
  }
}

/* ===== 1 hasábos layout <680px ===== */
@media (max-width: 680px) {
  .custom-text-grid {
    display: grid !important;
    grid-template-columns: 1fr !important; 
    row-gap: 20px !important; 
    column-gap: 0 !important;
  }

  .custom-content-alt .custom-gallery {
    grid-column: 1 / -1 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
html {
  scroll-behavior: smooth;
}

.custom-content-alt h4 {
  scroll-margin-top: 120px; /* a menusávtól való távolság */
}