/* =========================================================
   OLD.CSS – 800 × 600 PC NÉZET
   Csak 800 px alatti LANDSCAPE szélességnél él.
   ========================================================= */

@media screen and (orientation: landscape) and (max-width: 800px) {

  /* ---------------------------------------------------------
     1. ALAP MÉRETEK – picit kisebb betű
     --------------------------------------------------------- */

  :root {
    /* ha máshol más az alap, itt külön is finomíthatod */
    --old-font-size: 15px;
  }

  body {
    font-size: var(--old-font-size);
    line-height: 1.5;
  }

  main {
    font-size: 1.1rem;
  }

  /* ---------------------------------------------------------
     2. SZEKCIÓK – kisebb oldalsó margók, fehér dobozok
     --------------------------------------------------------- */

  #home,
  #galeria,
  #etlap,
  #korlatlan,
  #panzio,
  #kapcsolat {
    padding-left: 10vw;
    padding-right: 10vw;
    padding-top: 0.3rem;
    padding-bottom: 0.5rem;
  }

  .white-box {
    padding: 0.8rem;
    border-radius: 1.2vw;
    box-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.12);
    margin: 0 auto;
  }

  /* ---------------------------------------------------------
     3. GALÉRIA – thumbs jó, big ne lógjon rá
     --------------------------------------------------------- */

  #galeria h2 {
    font-size: 1.3rem;
    margin-bottom: 0.6rem;
  }

  .gallery {
    display: grid;
    grid-template-columns: 60% 1fr;   /* bal: thumbs, jobb: big */
    column-gap: 1.5rem;
    align-items: flex-start;
  }

  #galeria .thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  /* KIS KÉPEK – ezek neked már jók, így hagyjuk */
  #galeria .thumbs img {
    width: 8vw !important;
    height: auto !important;
    display: block;
    border-width: 1px;
  }

  /* BIG doboz – saját oszlopban, semmi átlógás */
  #galeria .big {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;            /* ha bármi kilógna, levágjuk */
  }

  /* BIG KÉP – SZÉLESSÉG KONTROLL, MAGASSÁG AUTO
     NINCS több vw, az oszlop szélességéhez igazodik. */
  #galeria .big img {
    width: 100% !important;      /* oszlopszélességhez igazodik */
    max-width: 100% !important;
    height: auto !important;     /* képarány megmarad */
    display: block;
    margin: 0 auto;
  }

  /* ---------------------------------------------------------
     4. PANZIÓ – képek ne legyenek óriásiak
     --------------------------------------------------------- */

  .panzio-gallery img {
    width: 22vw !important;
    height: auto !important;
    display: block;
  }

  /* ---------------------------------------------------------
     5. KAPCSOLAT – nagyobb kép visszafogva
     --------------------------------------------------------- */

  .kapcsolat-image img,
  #kapcsolat .big img {
    width: 40vw !important;
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
  }

  /* ---------------------------------------------------------
     6. SZÖVEGEK – kicsit visszavett méret
     --------------------------------------------------------- */

  #home h2,
  #galeria h2,
  #etlap h2,
  #korlatlan h2,
  #panzio h2,
  #kapcsolat h2 {
    font-size: 1.3rem;
  }

  #home p,
  #galeria p,
  #etlap p,
  #korlatlan p,
  #panzio p,
  #kapcsolat p {
    font-size: 0.95rem;
  }

}