.popup{position:fixed;inset:0;margin:auto;border:0;padding:0;border-radius:18px;background:var(--white);color:var(--ink);box-shadow:0 30px 80px rgba(17,17,16,.35);max-width:min(640px,92vw);max-height:88vh;display:none;flex-direction:column;overflow:hidden}.popup[open]{display:flex}.popup::-webkit-backdrop{background:rgba(17,17,16,.62)}.popup::backdrop{background:rgba(17,17,16,.62)}.popup__close{position:absolute;top:8px;right:8px;z-index:1;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--black);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.18)}.popup__close:focus-visible,.popup__close:hover{background:var(--yellow);outline:none}.popup__body{display:flex;flex-direction:column;overflow:auto;min-height:0}.popup__body>a{display:block;line-height:0}.popup__img{display:block;max-width:100%;height:auto}.popup[data-template=image] .popup__img{max-width:min(640px,92vw);max-height:88vh;object-fit:contain}.popup[data-template=imageSide]{width:min(640px,92vw)}.popup[data-template=imageSide] .popup__body{flex-direction:row}.popup[data-template=imageSide] .popup__img{width:256px;flex:0 0 256px;align-self:stretch;object-fit:cover}.popup[data-template=imageTop]{width:min(640px,92vw)}.popup[data-template=imageTop] .popup__img{width:100%;max-height:260px;object-fit:cover}.popup[data-template=text]{width:min(560px,92vw);border-top:6px solid var(--yellow)}.popup__text{padding:30px 30px 28px}.popup[data-template=imageSide] .popup__text,.popup[data-template=imageTop] .popup__text{padding-top:26px}.popup__text h2{margin:0 46px 10px 0;font-family:var(--font-display);font-size:26px;line-height:1.15;text-transform:none}.popup__text p{margin:0 0 20px;color:var(--muted);white-space:pre-line;line-height:1.6}@media (max-width:760px){.popup[data-template=imageSide] .popup__body{flex-direction:column}.popup[data-template=imageSide] .popup__img{width:100%;flex:none;max-height:220px}.popup__text{padding:22px 20px}.popup__text h2{font-size:22px}}@media (max-height:480px){.popup[data-template=imageSide] .popup__img,.popup[data-template=imageTop] .popup__img{max-height:140px}}.popup-preview{margin-bottom:24px;border:1px solid var(--theme-elevation-150,#ddd);border-radius:8px;overflow:hidden;--font-display:"Archivo",system-ui,sans-serif;--yellow:#ffc600;--black:#111110;--ink:#1c1c1a;--white:#ffffff;--muted:#6c6a62}.popup-preview__bar{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;background:var(--theme-elevation-50,#f7f7f7);border-bottom:1px solid var(--theme-elevation-150,#ddd)}.popup-preview__bar strong{margin-right:auto}.popup-preview__bar button{padding:5px 12px;border-radius:6px;border:1px solid var(--theme-elevation-300,#bbb);background:var(--theme-elevation-0,#fff);cursor:pointer;font:inherit}.popup-preview__bar button[aria-pressed=true]{background:#111110;color:#fff;border-color:#111110}.popup-preview__badge{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#e8e6df;color:#6c6a62}.popup-preview__badge--on{background:#ffc600;color:#111110}.popup-preview__stage{position:relative;min-height:460px;padding:40px 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(rgba(17,17,16,.62),rgba(17,17,16,.62)),linear-gradient(180deg,#fff 0 64px,#2b2b28 64px 100%);overflow:auto}.popup-preview__stage:before{content:"Kezdőlap   Termékek   Szolgáltatások   Rólunk   Kapcsolat";position:absolute;top:22px;left:24px;right:24px;white-space:pre;font:700 12px/1 system-ui,sans-serif;color:rgba(255,255,255,.55);letter-spacing:.02em}.popup-preview__stage--mobile{width:390px;max-width:100%;min-height:600px;margin:0 auto;padding:40px 12px;border-left:1px solid #444;border-right:1px solid #444}.popup-preview__stage--mobile:before{content:"≡";font-size:18px}.popup-preview__empty{color:#fff;font:14px/1.6 system-ui,sans-serif;text-align:center;max-width:420px}.popup--preview{position:relative;inset:auto;margin:0 auto;display:flex;max-width:min(640px,92%);max-height:none}.popup--preview[data-template=image] .popup__img{max-width:100%;max-height:460px}.popup--preview .popup__body{overflow:visible}.popup-preview__stage--mobile .popup[data-template=imageSide] .popup__body{flex-direction:column}.popup-preview__stage--mobile .popup[data-template=imageSide] .popup__img{width:100%;flex:none;max-height:220px}.popup-preview__stage--mobile .popup__text{padding:22px 20px}.popup-preview__stage--mobile .popup__text h2{font-size:22px}.popup .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:0;border-radius:999px;background:var(--yellow);color:var(--black);padding:13px 22px}.popup .btn:hover{background:var(--yellow-deep,#e8a900)}