@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

    :root {
      /* 5/12 ≈ 41.666667% */
      --right-width: 41.666667%;
      --right-bg: #F5F5F7; /* jobb panel háttérszín - állítható */
    }
    html {
  font-family: "Inter", sans-serif !important;
}
body {
        background-color: var(--right-bg);
  font-family: "Inter", sans-serif !important;
}
    /* Alap: a jobb panel rejtve (kisebb képernyőn) */
    .right-panel {
      display: none;
    }

    /* MD és felette: jobb panel FIX, mindig a viewport jobb alsó sarkához igazítva */
    @media (min-width: 992px) {
      .right-panel {
        display: block;               /* látható md+ */
        position: fixed;
        top: 0;
        right: 0;
        width: var(--right-width);    /* 5/12 a viewport szélességéből */
        height: 100vh;                /* a teljes viewport magassága */
        overflow: hidden;             /* semmi se lógjon ki */
        z-index: 10;
        /* ha akarod, ide tehetsz box-shadow-ot vagy border-left-et */
      }

      /* A PNG elemet az aside aljára-jobbra helyezzük */
      .right-panel .bg-png {
        position: absolute;
        right: 0;
        bottom: 0;
        /* legyen arányos és a lehető legnagyobb — de sose lógjon ki */
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
        display: block;
        pointer-events: none; /* ha átlátszó résszel van, ne fogjon kattintást */
      }

      /* Bal oldal - a tartalom sose kerül a fix jobb panel alá */
      .main-content {
        margin-right: var(--right-width);
      }
    }

    /* opcionális: jobb kinézet rövid szövegekhez */
    .main-inner {
      padding: 2rem;
      max-width: 900px;
      margin: 0 auto;
    }

.gradk {
        background: -webkit-gradient(linear,left top,right top,from(#330d69),color-stop(50%,#30c9cd),to(#1e2b5a));
    background: -webkit-linear-gradient(left,#330d69 0%,#30c9cd 50%,#1e2b5a 100%);
    background: linear-gradient(to right,#330d69,#30c9cd,#1e2b5a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-sizing: ;
  }

  .abril {
  font-family: "Abril Fatface", serif;
  font-weight: 400;
  font-style: normal;
}
.inter {
  font-family: "Inter", sans-serif;
}

.text-justify {
  text-align: justify !important;
}

.hr-gradient {
  border: 0;
  height: 2px;           /* vastagság */
  opacity: 1;            /* Bootstrap felülírás */
  background-image: linear-gradient(
    90deg,
    transparent,
    var(--bs-primary),
    transparent
  );
}

.fb-page,
.fb-page iframe[style],
.fb-page span {
  width: 100% !important;
  max-width: 100% !important;
}