/* Klon-specifikus kiegeszitesek: csak az kerul ide, amit a Wix JS-e futas kozben
   adott (animaciok), es a klon.js altal rajzolt elemek. */

/* felugro menu (klon.js 1.): a Wix jobbrol csusztatja be az ablakot, a fatyol
   attunik; zaraskor visszafele */
/* a lap a helyen marad (a <html> overflow:hidden-je a <body> sajat gorgetese miatt a lap tetejere
   ugratna, a Wixen nem mozdul): a gorgetest az ablak a sajatjaban tartja */
/* az ablak elhelyezese: a Wix ezt a felugro komponens kulon CSS-ebol adja, ami
   nincs a mentett sablonban (az eles oldalon merve, asztalin es mobilon azonos):
   a gyoker a kepernyohoz rogzitett reteg, a fatyol is rogzitett, a tartalom racsban */
#POPUPS_ROOT.mp-felugro { position: fixed; inset: 0; z-index: 100000; overflow: auto scroll; overscroll-behavior: contain; }
.mp-felugro #popups-wrapper { position: relative; }
.mp-felugro #d3iz6 { position: relative; display: grid; grid-template-rows: 0 auto; grid-template-columns: 100%; min-height: 100vh; }
.mp-felugro #d3iz6 > :nth-child(2) { position: relative; z-index: 50; display: grid; grid-template-columns: 100%; }
.mp-felugro #bgLayers_d3iz6 { position: fixed; inset: 0; }
.mp-felugro .wixui-lightbox { animation: mp-be-jobbrol .6s cubic-bezier(.25, .46, .45, .94) both; }
.mp-felugro [id="bgLayers_d3iz6"] { animation: mp-attunes .6s ease both; }
.mp-felugro.mp-felugro-zar .wixui-lightbox { animation: mp-ki-jobbra .4s ease-in both; }
.mp-felugro.mp-felugro-zar [id="bgLayers_d3iz6"] { animation: mp-attunes .4s ease reverse both; }
@keyframes mp-be-jobbrol { from { transform: translateX(100%); } to { transform: none; } }
@keyframes mp-ki-jobbra { from { transform: none; } to { transform: translateX(100%); } }
@keyframes mp-attunes { from { opacity: 0; } to { opacity: 1; } }

/* blog: "A link masolva" jelzes es a sajat kedveles (klon.js 7.) */
.mp-masolva {
  position: fixed; left: 50%; bottom: 32px; transform: translateX(-50%); z-index: 2147483000;
  padding: 10px 18px; border-radius: 4px; background: #333; color: #fff; font: 14px/1.4 Arial, sans-serif;
}
.mp-kedvelt svg, .mp-kedvelt path { fill: currentColor; }

/* Pro Gallery teljes kepernyos nezete (klon.js 12.). Az eles oldalon merve (2026-10-10):
   feher hatter, a kep a 74 px-es felso es also, 90 px-es oldalso savon belul kitoltve, a
   gombok szine rgb(69,70,89); X jobb felul, bal felul a bongeszo teljes kepernyoje, a nyilak
   50x50-esek a szeleken. Mobilon (320 px-es Wix-elrendezes) a kep 60 px-nel kezdodik, teljes
   szelessegben, bal felul vissza-nyil, lapozas ujjal. */
html.mp-pg-nyitva { overflow: hidden; }
.mp-pg-teljes { position: fixed; inset: 0; z-index: 100005; background: #fff; opacity: 0; transition: opacity .8s; outline: none; }
.mp-pg-teljes.mp-pg-lathato { opacity: 1; }
.mp-pg-sav {
  position: absolute; inset: 0; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory;
  scrollbar-width: none; overscroll-behavior: contain;
}
.mp-pg-sav::-webkit-scrollbar { display: none; }
.mp-pg-belso { display: flex; height: 100%; }
.mp-pg-dia { flex: 0 0 100%; height: 100%; box-sizing: border-box; padding: 74px 90px; scroll-snap-align: start; scroll-snap-stop: always; }
.mp-pg-dia img { display: block; width: 100%; height: 100%; object-fit: contain; }
.mp-pg-teljes button {
  position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center;
  margin: 0; padding: 0; border: 0; background: none; color: rgb(69, 70, 89); cursor: pointer;
}
.mp-pg-zar { top: 30px; right: 30px; width: 38px; height: 44px; }
.mp-pg-nagyit { top: 26px; left: 35px; width: 38px; height: 44px; }
.mp-pg-nyil { top: calc(50% - 25px); width: 50px; height: 50px; opacity: .9; align-items: flex-start !important; padding-top: 10px !important; box-sizing: border-box; }
.mp-pg-nyil:hover { opacity: 1; }
.mp-pg-nyil svg { filter: drop-shadow(0 1px .15px #b2b2b2); }
.mp-pg-elozo { left: 20px; }
.mp-pg-elozo svg { transform: scaleX(-1); }
.mp-pg-kov { right: 20px; }
.mp-pg-mobil .mp-pg-dia { padding: 60px 0 0; }
.mp-pg-mobil .mp-pg-dia img { object-position: 50% 0; }
.mp-pg-mobil .mp-pg-nyil { display: none !important; }
.mp-pg-mobil .mp-pg-zar { top: 0; left: 0; right: auto; width: 60px; height: 60px; }
/* blogkepek nezegetoje (klon.js 14., Wix Ricos): fekete ikonok, 60x63-as gombok 10 px-re a
   tetejetol, a kep a 70 px-es felso es 20 px-es also savon belul, legfeljebb eredeti meretben;
   23x39-es nyilak a kepsav kozepen. Mobilon: X jobb felul (30x33), a kep 40 px-tol. */
.mp-pg-blog { z-index: 100001; }
.mp-pg-blog button { color: #000; }
.mp-pg-blog .mp-pg-zar svg, .mp-pg-blog .mp-pg-nagyit svg { stroke-width: 1; }
.mp-pg-blog .mp-pg-dia { padding: 70px 0 20px; display: flex; align-items: center; justify-content: center; }
.mp-pg-blog .mp-pg-dia img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
.mp-pg-blog .mp-pg-zar { top: 10px; right: 17px; width: 60px; height: 63px; }
.mp-pg-blog .mp-pg-nagyit { top: 10px; left: 22px; width: 60px; height: 63px; }
.mp-pg-blog .mp-pg-nyil { top: calc(70px + (100% - 90px) / 2 - 19.5px); width: 23px; height: 39px; padding: 0 !important; opacity: 1; }
.mp-pg-blog .mp-pg-nyil svg { filter: none; }
.mp-pg-blog.mp-pg-mobil .mp-pg-dia { padding: 40px 0 20px; }
.mp-pg-blog.mp-pg-mobil .mp-pg-dia img { object-position: 50% 50%; }
.mp-pg-blog.mp-pg-mobil .mp-pg-zar { top: 5px; right: 20px; left: auto; width: 30px; height: 33px; }
.mp-pg-blog.mp-pg-mobil .mp-pg-zar svg { width: 20px; height: 20px; }

/* blog: kinyilo hozzaszolas-doboz (klon.js 15.), az eles oldalon mert meretekkel: ket 362 px-es
   mezo 16 px kozzel, a keret kinyitva sotetebb, gombok jobbra (Megse / Kozzetetel) */
.mp-hsz-sor { display: flex; flex-wrap: wrap; gap: 16px; margin: 0 0 16px; }
.mp-hsz-mezo {
  flex: 1 1 200px; min-width: 0; box-sizing: border-box; height: 42px; margin: 0; padding: 0 12px;
  border: 1px solid rgba(69, 70, 89, .3); border-radius: 0; background: transparent;
  color: rgb(69, 70, 89); font: 16px helvetica-w01-light, sans-serif; outline: none;
}
.mp-hsz-mezo:focus { border-color: rgb(69, 70, 89); }
.mp-hsz-nyitva .rgMm4j { border-color: rgb(69, 70, 89); }
.mp-hsz-szoveg {
  display: block; width: 100%; min-height: 116px; box-sizing: border-box; margin: 0; padding: 14px 16px 18px;
  border: 0; background: transparent; resize: none; color: rgb(69, 70, 89);
  font: 16px/1.5 helvetica-w01-light, sans-serif; outline: none;
}
.mp-hsz-szoveg::placeholder { color: rgb(69, 70, 89); opacity: 1; }
.mp-hsz-gombok { display: flex; justify-content: flex-end; gap: 12px; margin-top: 16px; }
.mp-hsz-gombok button { height: 32px; margin: 0; padding: 0 16px; border: 0; border-radius: 0; font: 14px helvetica-w01-light, sans-serif; cursor: pointer; }
.mp-hsz-megse { background: none; color: rgb(171, 99, 84); }
.mp-hsz-kuld { background: rgb(171, 99, 84); color: #fff; }
.mp-hsz-kuld:disabled { opacity: .6; cursor: default; }
.mp-hsz-mezo[aria-invalid="true"], .mp-hsz-szoveg[aria-invalid="true"] { outline: 1px solid #e21c21; outline-offset: -1px; }
.mp-hsz-uzenet { margin-top: 16px; color: rgb(69, 70, 89); font: 16px helvetica-w01-light, sans-serif; }

/* /kontroll uj Wix-urlap (klon.js 16.): naptar, legordulo, csatolt fajlok - az eles oldalon mert
   meretekkel es szinekkel (hatter rgb(239,217,206), szoveg rgb(98,76,64)) */
.mp-naptar {
  position: absolute; z-index: 30; top: calc(100% + 8px); left: 1px; width: 301px; box-sizing: border-box;
  padding: 18px 21px 20px; border: 1px solid #fff; background: rgb(239, 217, 206);
  box-shadow: 0 1px 6px rgba(0, 0, 0, .18); color: rgb(98, 76, 64); font: 14px helvetica-w01-light, sans-serif;
}
.mp-naptar button, .mp-naptar select { margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.mp-naptar-fej { display: flex; align-items: center; justify-content: space-between; height: 30px; margin-bottom: 15px; }
.mp-naptar-kozep { display: flex; gap: 16px; }
.mp-naptar-val { position: relative; display: inline-flex; align-items: center; gap: 7px; font-size: 16px; cursor: pointer; }
.mp-naptar-val select { position: absolute; inset: 0; width: 100%; opacity: 0; }
.mp-naptar-lep { width: 37px; height: 30px; font-size: 20px !important; line-height: 1; }
.mp-naptar-het, .mp-naptar-napok { display: grid; grid-template-columns: repeat(7, 37px); }
.mp-naptar-het span { height: 24px; line-height: 24px; text-align: center; color: rgb(179, 156, 143); }
.mp-naptar-het { margin-bottom: 9px; }
.mp-nap { width: 36px; height: 36px; margin: 0 auto !important; border-radius: 50%; text-align: center; }
.mp-nap:hover { background: rgba(98, 76, 64, .06) !important; }
.mp-nap-mas { color: rgb(177, 178, 196) !important; }
.mp-nap-ma, .mp-nap-val { background: rgb(176, 152, 140) !important; color: #fff !important; }
.mp-legordulo {
  position: absolute; z-index: 30; top: 100%; left: 0; right: 0; box-sizing: border-box; padding: 12px 0;
  border: 1px solid rgb(182, 160, 149); background: rgb(239, 217, 206); box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
}
.mp-legordulo-elem { height: 33px; padding: 0 24px; line-height: 33px; color: rgb(98, 76, 64); font: 14px/33px helvetica-w01-light, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
.mp-legordulo-elem:hover, .mp-legordulo-elem[aria-selected="true"] { background: rgba(98, 76, 64, .06); }
.mp-fajlok { margin-top: 12px; color: rgb(98, 76, 64); font: 14px helvetica-w01-light, sans-serif; }
.mp-naptar-mobil { position: fixed; top: 50%; left: 50%; width: calc(100% - 20px); max-width: 300px; transform: translate(-50%, -50%); padding-bottom: 8px; }
.mp-naptar-mobil .mp-naptar-het, .mp-naptar-mobil .mp-naptar-napok { grid-template-columns: repeat(7, 1fr); }
.mp-naptar-bezar { display: block; margin: 6px 0 0 auto !important; padding: 4px 0 !important; color: rgb(179, 156, 143) !important; }