@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --orange:#FF7A1A;
  --red:#F0143C;
  --ink:#241005;
  --paper:#FFFCF8;
  --cream:#FFF3E8;
  --line:#F0DFCF;
  --grad: linear-gradient(180deg, var(--orange), var(--red));
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;}
#siteBg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
#app{position:relative;z-index:1;}
h1,h2,h3,.brand{font-family:'Baloo 2',sans-serif;}
a{color:inherit;}
button{font-family:'Inter',sans-serif;cursor:pointer;}

/* ---------- logo / menu / profile ---------- */
.logo-img{height:100px;display:block;}
.navright{position:relative;display:flex;align-items:center;gap:14px;}
.burger{width:44px;height:44px;border-radius:12px;border:1.5px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;}
.burger span{display:block;width:19px;height:3px;border-radius:3px;background:var(--grad);}
.menu-pop{position:absolute;top:54px;right:0;width:280px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 45px -18px rgba(36,16,5,.3);padding:16px;z-index:40;display:none;}
.menu-pop.open{display:block;}
.menu-profile{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid var(--line);}
.avatar{width:42px;height:42px;border-radius:50%;background:var(--grad);flex-shrink:0;}
.avatar.letter{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-family:'Baloo 2';font-size:17px;}
.menu-profile .who{flex:1;min-width:0;}
.menu-profile .who .name{font-weight:700;font-size:14.5px;}
.menu-profile .who .email{font-size:12px;color:#8a7360;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.regbtn-sm{background:var(--grad);color:#fff;border:none;padding:8px 14px;border-radius:999px;font-weight:700;font-size:13px;flex-shrink:0;}
.menu-section-label{font-size:11px;font-weight:700;color:#8a7360;text-transform:uppercase;letter-spacing:.03em;margin:4px 0 8px;}
.menu-formitem{display:block;padding:8px 8px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.menu-formitem:hover{background:var(--cream);}
.menu-empty{font-size:12.5px;color:#a08a76;padding:6px 8px;}
.menu-footer{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);}
.menu-footer button{background:none;border:none;text-align:left;padding:8px;border-radius:9px;font-size:13.5px;font-weight:600;color:#6b5847;}
.menu-footer button:hover{background:var(--cream);color:var(--red);}

/* modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(36,16,5,.35);display:flex;align-items:center;justify-content:center;z-index:60;padding:16px;}
.modal-card{background:#fff;border-radius:20px;padding:30px;max-width:400px;width:100%;}
.modal-card h3{margin:0 0 6px;font-family:'Baloo 2';font-size:22px;}
.modal-card p.sub{margin:0 0 20px;color:#6b5847;font-size:14px;}
.modal-card label.small{display:block;margin-bottom:5px;}
.modal-card input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:14px;margin-bottom:14px;}
.modal-actions{display:flex;gap:10px;margin-top:6px;}
.modal-actions button{flex:1;padding:11px;border-radius:999px;font-weight:700;font-size:14px;}
.modal-loginrow{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);text-align:center;font-size:13px;color:#6b5847;display:flex;flex-direction:column;align-items:center;gap:8px;}
.modal-loginrow button{background:transparent;border:1.5px solid var(--line);padding:9px 18px;border-radius:999px;font-weight:700;font-size:13.5px;color:var(--ink);}
.modal-loginrow button:hover{border-color:var(--orange);color:var(--red);}

/* sablonválasztó */
.tpl-modal{max-width:620px;}
.tpl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px;}
.tpl-card{text-align:left;border:1.5px solid var(--line);border-radius:14px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:3px;cursor:pointer;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;}
.tpl-card:hover{border-color:var(--orange);box-shadow:0 10px 22px -14px rgba(36,16,5,.28);transform:translateY(-2px);}
.tpl-card:active{transform:translateY(0);}
.tpl-icon{font-size:21px;line-height:1;margin-bottom:2px;}
.tpl-name{font-weight:700;font-size:14px;color:var(--ink);}
.tpl-desc{font-size:12px;color:#8a7360;line-height:1.4;}
@media(max-width:560px){.tpl-grid{grid-template-columns:1fr;}}

/* settings */
.settings-block{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:18px;max-width:640px;}
.settings-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);}
.settings-row:last-child{border-bottom:none;}
.settings-row .stitle{font-weight:700;font-size:14.5px;}
.settings-row .sdesc{font-size:12.5px;color:#8a7360;margin-top:2px;}
.switch{position:relative;width:44px;height:25px;flex-shrink:0;}
.switch input{opacity:0;width:0;height:0;}
.switch .slider{position:absolute;inset:0;background:var(--line);border-radius:999px;transition:.2s;cursor:pointer;}
.switch .slider:before{content:'';position:absolute;width:19px;height:19px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;}
.switch input:checked + .slider{background:var(--grad);}
.switch input:checked + .slider:before{transform:translateX(19px);}
.aszf-text{font-size:13.5px;line-height:1.7;color:#5a4636;max-width:680px;}
.aszf-text h4{color:var(--ink);margin:18px 0 6px;font-size:15px;}

/* ---------- layout shells ---------- */
#app{min-height:100vh;display:flex;flex-direction:column;}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 40px;border-bottom:1px solid var(--line);}
.brandmark{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;cursor:pointer;}
.brandmark .dot{width:9px;height:9px;border-radius:50%;background:var(--red);display:inline-block;margin-left:2px;}
.brandmark span.d{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.navlinks{display:flex;gap:24px;align-items:center;font-weight:600;font-size:14px;}
.navlinks .navbtn{padding:9px 18px;border-radius:999px;border:none;font-weight:700;}
.navbtn.primary{background:var(--grad);color:#fff;}
.navbtn.ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink);}

/* ---------- hero ---------- */
.hero{padding:120px 32px 90px;max-width:1080px;margin:0 auto;text-align:left;}
.hero h1{font-size:76px;line-height:1.02;margin:0 0 24px;font-weight:800;max-width:900px;}
.hero h1 .hl{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero p{font-size:20px;line-height:1.6;max-width:600px;color:#5a4636;margin:0 0 36px;}
.hero .ctarow{display:flex;gap:14px;}
.bigbtn{padding:17px 30px;border-radius:999px;border:none;font-weight:700;font-size:16.5px;}
.bigbtn.primary{background:var(--grad);color:#fff;box-shadow:0 10px 24px -8px rgba(240,20,60,.45);}
.bigbtn.ghost{background:#fff;border:1.5px solid var(--line);}

.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1080px;margin-left:auto;margin-right:auto;}
.feature{background:var(--paper);padding:46px 34px;}
.feature .num{font-family:'Baloo 2';font-weight:700;font-size:15px;color:var(--red);margin-bottom:12px;}
.feature h3{margin:0 0 10px;font-size:20px;}
.feature p{margin:0;color:#5a4636;font-size:15px;line-height:1.55;}

.howsec{max-width:1080px;margin:110px auto 0;padding:0 32px;}
.howsec h2{font-size:38px;margin:0 0 50px;max-width:640px;}
.howgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
.howstep{display:flex;flex-direction:column;gap:14px;}
.howstep .stepdot{width:46px;height:46px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Baloo 2';font-weight:700;font-size:19px;}
.howstep h4{margin:0;font-size:18px;}
.howstep p{margin:0;color:#5a4636;font-size:14.5px;line-height:1.55;}

.ctaband{max-width:1080px;margin:120px auto 0;padding:70px 60px;background:var(--grad);border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.ctaband h2{color:#fff;margin:0;font-size:34px;max-width:520px;}
.ctaband p{color:rgba(255,255,255,.85);margin:10px 0 0;font-size:15px;max-width:480px;}
.ctaband button{background:#fff;color:var(--red);border:none;padding:16px 30px;border-radius:999px;font-weight:700;font-size:16px;flex-shrink:0;}

.landfoot{text-align:center;color:#c4b39f;font-size:13px;padding:90px 20px 60px;}

/* ---------- app shell ---------- */
.appwrap{display:flex;flex:1;}
.sidebar{width:220px;border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column;gap:4px;}
.sidebar button{display:block;width:100%;text-align:left;padding:10px 14px;border-radius:10px;border:none;background:transparent;font-weight:600;font-size:14.5px;color:#6b5847;}
.sidebar button.active{background:var(--cream);color:var(--ink);}
.sidebar .newform{margin-top:14px;background:var(--grad);color:#fff;border-radius:10px;padding:11px 14px;font-weight:700;text-align:center;}
.main{flex:1;padding:32px 40px;overflow-y:auto;}

/* dashboard */
.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}
.dash-head h2{margin:0;font-size:26px;}
.formgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.formcard{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease;}
.formcard:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(36,16,5,.25);}
.formcard .bar{height:5px;border-radius:3px;background:var(--grad);}
.formcard h4{margin:4px 0 0;font-size:16.5px;}
.formcard .meta{font-size:12.5px;color:#8a7360;display:flex;justify-content:space-between;}
.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--cream);color:var(--red);width:fit-content;}
.badge.live{background:#E6F7EC;color:#1C8A45;}
.empty{border:2px dashed var(--line);border-radius:16px;padding:60px 20px;text-align:center;color:#8a7360;}
.empty h3{color:var(--ink);}

/* builder */
.builder{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start;}
.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;}
.panel + .panel{margin-top:18px;}
.field-row{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px;background:var(--paper);}
.field-row .frow-top{display:flex;gap:8px;align-items:center;margin-bottom:8px;}
.field-row input[type=text], .field-row select, .field-row textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit;background:#fff;}
.iconbtn{border:none;background:transparent;color:#a08a76;font-size:16px;padding:4px 7px;border-radius:6px;}
.iconbtn:hover{background:var(--cream);color:var(--red);}
.opts-list{display:flex;flex-direction:column;gap:6px;margin-top:8px;}
.opts-list input{flex:1;}
.opt-row{display:flex;gap:6px;}
label.small{font-size:11.5px;font-weight:700;color:#8a7360;text-transform:none;display:block;margin-bottom:4px;}
.addfield-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;}
.addfield-row button{border:1.5px dashed var(--line);background:#fff;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;color:#6b5847;}
.addfield-row button:hover{border-color:var(--orange);color:var(--red);}

.ai-box textarea{width:100%;min-height:90px;border:1px solid var(--line);border-radius:12px;padding:12px;font-family:inherit;font-size:14.5px;resize:vertical;}
.ai-genbtn{margin-top:10px;background:var(--grad);color:#fff;border:none;padding:11px 20px;border-radius:999px;font-weight:700;font-size:14.5px;}
.ai-genbtn:disabled{opacity:.6;}

.toprow{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;}
.toprow input.titlefield{font-family:'Baloo 2';font-size:24px;font-weight:700;border:none;background:transparent;outline:none;width:100%;}
.toprow .actions{display:flex;gap:8px;flex-shrink:0;}
.btn{padding:9px 16px;border-radius:999px;font-weight:700;font-size:13.5px;border:1.5px solid var(--line);background:#fff;}
.btn.pub{background:var(--grad);color:#fff;border:none;}

.previewform{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;position:sticky;top:20px;}
.pf-field{margin-bottom:16px;}
.pf-field > label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;}
.pf-field .req{color:var(--red);}
.pf-field input:not([type=radio]):not([type=checkbox]), .pf-field textarea, .pf-field select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:14px;}
.pf-field .radiogrp, .pf-field .checkgrp{display:flex;flex-direction:column;gap:8px;font-size:14px;}
.pf-field .radiogrp label, .pf-field .checkgrp label{display:flex;align-items:center;gap:9px;font-weight:400;margin-bottom:0;cursor:pointer;}
.pf-field .radiogrp input[type=radio], .pf-field .checkgrp input[type=checkbox]{width:17px;height:17px;flex-shrink:0;accent-color:var(--orange);margin:0;}

.linkbox{margin-top:14px;background:var(--cream);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13.5px;}
.linkbox code{font-weight:700;color:var(--red);word-break:break-all;}
.copybtn{border:none;background:var(--grad);color:#fff;padding:7px 14px;border-radius:999px;font-weight:700;font-size:12.5px;flex-shrink:0;}

.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 22px;border-radius:999px;font-weight:600;font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s ease, transform .25s ease;z-index:50;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(-6px);}

/* public view */
.publicwrap{min-height:100vh;background:var(--cream);display:flex;align-items:flex-start;justify-content:center;padding:60px 16px;}
.publiccard{max-width:560px;width:100%;background:#fff;border-radius:22px;padding:36px;box-shadow:0 20px 50px -20px rgba(36,16,5,.25);}
.publiccard h2{margin:0 0 8px;font-size:26px;}
.publiccard .desc{color:#6b5847;margin:0 0 26px;font-size:15px;}
.submitbtn{width:100%;background:var(--grad);color:#fff;border:none;padding:13px;border-radius:12px;font-weight:700;font-size:15px;margin-top:6px;}
.doneview{text-align:center;padding:40px 10px;}
.doneview .dot-big{width:64px;height:64px;border-radius:50%;background:var(--grad);margin:0 auto 18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:800;}

.resp-table{width:100%;border-collapse:collapse;font-size:13.5px;}
.resp-table th, .resp-table td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;white-space:nowrap;}
.resp-table th{color:#8a7360;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em;}
.resp-table .resp-del{color:#c4b39f;}
.resp-table .resp-del:hover{color:var(--red);background:#fff0f0;}
.pillcount{background:var(--cream);color:var(--red);font-weight:700;padding:2px 10px;border-radius:999px;font-size:12.5px;}

/* válaszok: statisztika + eszköztár */
.statsrow{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap;}
.statbox{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 20px;min-width:130px;flex:1 1 130px;}
.statnum{font-family:'Baloo 2';font-weight:700;font-size:26px;color:var(--ink);line-height:1.1;}
.statlabel{font-size:12px;color:#8a7360;margin-top:3px;}
.resp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap;}
.resp-toolbar #respSearch{flex:0 1 280px;min-width:160px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-family:inherit;font-size:13.5px;background:#fff;}

.hint{font-size:12.5px;color:#8a7360;margin-top:8px;line-height:1.5;}
::placeholder{color:#c4b39f;}

/* quiz + branching */
.quiz-toggle-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--cream);border-radius:12px;margin-bottom:18px;}
.quiz-toggle-row .qtitle{font-weight:700;font-size:14px;flex:1;}
.quiz-toggle-row .qdesc{font-size:12px;color:#8a7360;margin-top:2px;}
.pointinput{width:56px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font-size:13px;text-align:center;}
.correct-mark{display:flex;align-items:center;gap:6px;font-size:12px;color:#1C8A45;font-weight:700;flex-shrink:0;}
.opt-row{align-items:center;}
.branch-toggle{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);}
.branch-toggle input{margin:0;}
.branch-config{margin-top:10px;padding:12px;background:var(--cream);border-radius:10px;}
.branch-config .brow{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap;font-size:13px;}
.branch-config select, .branch-config input[type=number]{padding:7px 9px;border:1px solid var(--line);border-radius:8px;font-size:13px;background:#fff;}
.followup-box{margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;}
.followup-box label.small{margin-bottom:4px;}
.followup-box input[type=text]{margin-bottom:6px;}
.pf-followup{margin-left:18px;padding-left:14px;border-left:3px solid var(--line);margin-top:-6px;display:none;}
.pf-followup.visible{display:block;}
.score-pill{background:#E6F7EC;color:#1C8A45;font-weight:700;padding:2px 10px;border-radius:999px;font-size:12.5px;}

/* ===== beállítások panel, címkék, időzítő, eredmény-áttekintés ===== */
.setpanel{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);}
.setpanel .sl{font-size:13px;font-weight:600;color:#6b5847;margin-bottom:5px;}
.setpanel input,.setpanel select,.setpanel textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:14px;background:#fff;}
.setgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
@media(max-width:560px){.setgrid{grid-template-columns:1fr;}}
.sdesc2{font-size:12.5px;color:#8a7360;margin-top:6px;line-height:1.45;}
.themerow{display:flex;gap:10px;flex-wrap:wrap;}
.themeswatch{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--line);cursor:pointer;padding:0;}
.themeswatch.on{box-shadow:0 0 0 2.5px var(--orange);}
.aifile{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0;}
.aifilebtn{cursor:pointer;font-size:13px;font-weight:600;padding:7px 12px;border:1.5px dashed var(--line);border-radius:10px;color:#6b5847;background:#fff;}
.aifilestat{font-size:12.5px;color:#8a7360;}
.tagfilter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
.tagchip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:5px 14px;font-size:13px;cursor:pointer;font-family:inherit;}
.tagchip.on{background:var(--orange);border-color:var(--orange);color:#fff;}
.cardtags{display:flex;gap:6px;flex-wrap:wrap;}
.cardtags span{font-size:11.5px;background:#fff1e6;color:#b4550a;border-radius:999px;padding:2px 9px;}
.timerbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:2px solid var(--orange);text-align:center;padding:10px;font-size:15px;box-shadow:0 4px 14px -8px rgba(0,0,0,.25);}
.timerbar.low{background:#fff0f0;border-color:var(--red);color:var(--red);}
.reviewlist{text-align:left;margin-top:18px;display:flex;flex-direction:column;gap:8px;}
.reviewlist .rv{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14px;background:#fff;}
.reviewlist .rv.ok{border-color:#bfe5c8;background:#f4fbf6;}
.reviewlist .rv.bad{border-color:#f3c5c5;background:#fff6f6;}
.reviewlist .rq{font-weight:700;}.reviewlist .ra{color:#6b5847;}.reviewlist .rr{color:#1a7f37;font-weight:600;}


/* ==========================================================================
   MOBIL / TABLET OPTIMALIZÁLÁS
   ========================================================================== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
img{max-width:100%;}

/* ---------- tablet és kisebb ---------- */
@media (max-width:900px){
  .nav{padding:10px 18px;}
  /* a logó négyzet alakú képen belül csak egy vékony sáv látszik, ezért kivágjuk és nagyítjuk */
  .logo-img{height:170px;margin:-64px 0 -64px -14px;}
  .brandmark{overflow:hidden;}
  .menu-pop{width:min(300px,calc(100vw - 28px));max-height:calc(100vh - 90px);overflow-y:auto;}

  /* app: az oldalsáv vízszintes fülsávvá alakul */
  .appwrap{flex-direction:column;}
  .sidebar{width:100%;flex-direction:row;align-items:center;gap:8px;padding:10px 14px;border-right:none;border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .sidebar button{width:auto;white-space:nowrap;flex-shrink:0;padding:9px 16px;}
  .sidebar .newform{margin-top:0;margin-left:auto;white-space:nowrap;flex-shrink:0;padding:9px 16px;order:3;}
  .sidebar .sidetip{display:none;}
  .main{padding:20px 16px 40px;overflow-x:hidden;min-width:0;}

  /* szerkesztő */
  .builder{grid-template-columns:1fr;gap:20px;}
  .builder > div{min-width:0;}
  .previewform{position:static;}
  .toprow{flex-wrap:wrap;}
  .toprow input.titlefield{font-size:22px;min-width:0;flex:1 1 100%;}
  .toprow .actions{flex-wrap:wrap;width:100%;}
  .toprow .actions .btn{flex:1 1 auto;}

  /* kezdőoldal */
  .hero{padding:64px 22px 50px;}
  .hero h1{font-size:54px;}
  .feature-strip{margin-top:60px;}
  .howsec{margin-top:70px;padding:0 22px;}
  .howsec h2{font-size:32px;margin-bottom:34px;}
  .ctaband{margin:80px 20px 0;padding:46px 34px;}
}

/* ---------- telefon ---------- */
@media (max-width:600px){
  .nav{padding:8px 14px;}
  .logo-img{height:140px;margin:-50px 0 -50px -12px;}
  .burger{width:42px;height:42px;}

  /* kezdőoldal */
  .hero{padding:40px 18px 36px;}
  .hero h1{font-size:40px;line-height:1.06;margin-bottom:18px;}
  .hero p{font-size:16.5px;margin-bottom:26px;}
  .hero .ctarow{flex-direction:column;gap:10px;}
  .bigbtn{width:100%;padding:15px 20px;font-size:16px;}
  .feature-strip{grid-template-columns:1fr;margin-top:40px;}
  .feature{padding:28px 20px;}
  .howsec{margin-top:56px;padding:0 18px;}
  .howsec h2{font-size:27px;margin-bottom:26px;}
  .howgrid{grid-template-columns:1fr;gap:26px;}
  .howstep{flex-direction:row;flex-wrap:wrap;align-items:flex-start;column-gap:14px;row-gap:4px;display:grid;grid-template-columns:46px 1fr;}
  .howstep .stepdot{grid-row:1 / span 2;}
  .ctaband{margin:56px 14px 0;padding:34px 22px;border-radius:22px;}
  .ctaband h2{font-size:25px;}
  .ctaband button{width:100%;}
  .landfoot{padding:56px 16px 40px;}

  /* app */
  .main{padding:16px 12px 36px;}
  .dash-head{flex-wrap:wrap;gap:10px;}
  .dash-head h2{font-size:22px;}
  .formgrid{grid-template-columns:1fr;}
  .empty{padding:36px 16px;}
  .panel{padding:16px 14px;}
  .settings-block{padding:16px 14px;}
  .settings-row{flex-wrap:wrap;gap:10px;}
  .previewform{padding:18px 14px;}

  /* kérdésszerkesztő sorok */
  .field-row{padding:12px 10px;}
  .field-row .frow-top{flex-wrap:wrap;}
  .field-row .frow-top .f-label{flex:1 1 100%;}
  .field-row .frow-top .f-type{flex:1 1 auto;width:auto;min-width:0;}
  .opt-row{flex-wrap:wrap;}
  .opt-row .opt-input{min-width:0;flex:1 1 60%;}
  .addfield-row button{padding:9px 12px;}
  .quiz-toggle-row{flex-wrap:wrap;}
  .branch-config .brow{align-items:stretch;}
  .branch-config select, .branch-config input[type=number]{max-width:100%;}
  .linkbox{flex-wrap:wrap;}

  /* kitöltő oldal */
  .publicwrap{padding:18px 10px 40px;}
  .publiccard{padding:22px 16px;border-radius:18px;}
  .publiccard h2{font-size:23px;}
  .pf-followup{margin-left:8px;padding-left:10px;}
  .doneview{padding:28px 4px;}
  .timerbar{font-size:14px;padding:9px 8px;}

  /* válaszok */
  #respWrap > div[style*="overflow-x"]{margin:0 -12px;padding:0 12px;-webkit-overflow-scrolling:touch;}
  .resp-table{font-size:13px;}
  #exportCsv, #exportXlsx, #releaseBtn{width:100%;margin-left:0 !important;margin-top:8px;}
  .statsrow{gap:8px;}
  .statbox{padding:12px 14px;min-width:0;}
  .statnum{font-size:21px;}
  .resp-toolbar #respSearch{flex:1 1 100%;}

  /* felugró ablakok, értesítés */
  .modal-card{padding:22px 18px;border-radius:18px;}
  .modal-actions{flex-wrap:wrap;}
  .toast{max-width:calc(100vw - 28px);text-align:center;bottom:16px;}

  /* iOS ne nagyítson rá a mezőkre fókuszáláskor (16 px alatt zoomol) */
  input[type=text],input[type=email],input[type=number],input[type=date],input[type=datetime-local],
  input:not([type]),select,textarea,
  .field-row input[type=text],.field-row select,.field-row textarea,
  .pf-field input,.pf-field textarea,.pf-field select,
  .setpanel input,.setpanel select,.setpanel textarea,
  .modal-card input,.ai-box textarea{font-size:16px;}

  /* nagyobb érintési felületek */
  .btn{padding:10px 16px;}
  .iconbtn{padding:8px 11px;font-size:17px;}
  .themeswatch{width:40px;height:40px;}
  .pf-field .radiogrp label, .pf-field .checkgrp label{padding:4px 0;}
}

/* ---------- nagyon keskeny telefonok ---------- */
@media (max-width:360px){
  .hero h1{font-size:34px;}
  .sidebar .newform{padding:9px 12px;}
}

/* érintőképernyőn ne maradjon "ragadós" hover */
@media (hover:none){
  .formcard:hover{transform:none;box-shadow:none;}
}


/* ==========================================================================
   APRÓ EFFEKTEK
   ========================================================================== */
html,body{overflow-x:hidden;}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes floaty{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-22px) scale(1.04);}}
@keyframes shimmer{to{background-position:200% center;}}
@keyframes popIn{0%{transform:scale(.4);opacity:0;}70%{transform:scale(1.12);opacity:1;}100%{transform:scale(1);opacity:1;}}
@keyframes ringPulse{0%{box-shadow:0 0 0 0 rgba(240,20,60,.38);}100%{box-shadow:0 0 0 22px rgba(240,20,60,0);}}
@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.97);}to{opacity:1;transform:none;}}
@keyframes menuIn{from{opacity:0;transform:translateY(-6px) scale(.98);}to{opacity:1;transform:none;}}
@keyframes sheen{0%{transform:translateX(-120%) skewX(-20deg);}60%,100%{transform:translateX(260%) skewX(-20deg);}}

/* kezdőoldal: belépő animáció + lebegő színfoltok */
.hero{position:relative;isolation:isolate;}
.hero::before,.hero::after{content:'';position:absolute;border-radius:50%;z-index:-1;pointer-events:none;filter:blur(8px);}
.hero::before{width:340px;height:340px;right:2%;top:50px;background:radial-gradient(circle at 35% 35%,rgba(255,122,26,.30),rgba(240,20,60,.12) 60%,transparent 72%);animation:floaty 9s ease-in-out infinite;}
.hero::after{width:200px;height:200px;right:26%;bottom:20px;background:radial-gradient(circle at 40% 40%,rgba(240,20,60,.18),rgba(255,122,26,.08) 60%,transparent 72%);animation:floaty 11s ease-in-out -4s infinite;}
.hero h1{animation:fadeUp .7s .05s both;}
.hero p{animation:fadeUp .7s .18s both;}
.hero .ctarow{animation:fadeUp .7s .3s both;}
.hero h1 .hl{background-image:linear-gradient(90deg,#FF7A1A,#F0143C,#FF7A1A);background-size:200% auto;animation:shimmer 5s linear infinite;}

/* gombok */
.bigbtn,.navbtn,.btn,.ai-genbtn,.submitbtn,.ctaband button,.regbtn-sm,.copybtn,.sidebar .newform{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background-color .18s ease,border-color .18s ease;}
.bigbtn:hover,.btn:hover,.ai-genbtn:hover:not(:disabled),.submitbtn:hover,.ctaband button:hover,.sidebar .newform:hover,.copybtn:hover{transform:translateY(-2px);filter:brightness(1.05);}
.bigbtn.primary:hover,.ctaband button:hover{box-shadow:0 14px 28px -10px rgba(240,20,60,.5);}
.bigbtn:active,.btn:active,.ai-genbtn:active,.submitbtn:active,.ctaband button:active,.sidebar .newform:active{transform:translateY(0) scale(.97);filter:none;}
.bigbtn.primary,.ai-genbtn,.btn.pub,.submitbtn{position:relative;overflow:hidden;}
.bigbtn.primary::after,.ai-genbtn::after,.btn.pub::after{content:'';position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-120%) skewX(-20deg);animation:sheen 4.5s ease-in-out 1.2s infinite;pointer-events:none;}
.burger{transition:transform .18s ease,border-color .18s ease;}
.burger:hover{border-color:var(--orange);transform:scale(1.05);}
.burger:active{transform:scale(.94);}

/* kártyák, lépések */
.feature{transition:background-color .25s ease,transform .25s ease;}
.feature:hover{background:var(--cream);transform:translateY(-4px);}
.howstep .stepdot{transition:transform .25s ease;}
.howstep:hover .stepdot{transform:scale(1.1) rotate(-6deg);animation:ringPulse 1s ease-out;}
.ctaband{transition:transform .3s ease,box-shadow .3s ease;}
.ctaband:hover{transform:translateY(-3px);box-shadow:0 24px 50px -24px rgba(240,20,60,.55);}

/* görgetésre megjelenés (a .reveal osztályt a JS adja hozzá) */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}

/* alkalmazás nézetek */
.main{animation:fadeIn .35s ease both;}
.formcard{animation:fadeUp .45s ease both;}
.formcard:nth-child(1){animation-delay:.02s;}.formcard:nth-child(2){animation-delay:.07s;}
.formcard:nth-child(3){animation-delay:.12s;}.formcard:nth-child(4){animation-delay:.17s;}
.formcard:nth-child(5){animation-delay:.22s;}.formcard:nth-child(6){animation-delay:.27s;}
.formcard:nth-child(n+7){animation-delay:.3s;}
.field-row{animation:fadeIn .25s ease both;}
.sidebar button{transition:background-color .18s ease,color .18s ease,transform .18s ease;}
.sidebar button:hover:not(.active){background:var(--cream);color:var(--ink);}
.addfield-row button{transition:border-color .18s ease,color .18s ease,transform .18s ease;}
.addfield-row button:hover{transform:translateY(-1px);}
.panel,.settings-block,.previewform{transition:box-shadow .25s ease;}
.panel:hover,.previewform:hover{box-shadow:0 14px 30px -22px rgba(36,16,5,.28);}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--orange) !important;box-shadow:0 0 0 3px rgba(255,122,26,.16);}
.menu-pop.open{animation:menuIn .18s ease both;}
.modal-backdrop{animation:fadeIn .2s ease both;}
.modal-card{animation:modalIn .25s ease both;}

/* kitöltő oldal */
.publiccard{animation:fadeUp .5s ease both;}
.doneview .dot-big{animation:popIn .55s ease both,ringPulse 1.4s ease-out .5s 2;}
.doneview h2,.doneview h3,.doneview p{animation:fadeUp .5s .25s ease both;}
.pf-field{transition:transform .15s ease;}

/* ha a felhasználó kevesebb mozgást kért, mindent kikapcsolunk */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;}
  .reveal{opacity:1 !important;transform:none !important;}
}

/* ===== v2.4: nyelvválasztó, publikus űrlapok oldal, sablon-modal görgetés ===== */
.navlink{background:none;border:none;font-family:inherit;font-size:14px;font-weight:600;color:#6b5847;padding:8px 10px;border-radius:10px;cursor:pointer;}
.navlink:hover{background:var(--cream);color:var(--red);}
.langsel{font-family:inherit;font-size:13px;font-weight:600;color:#6b5847;border:1.5px solid var(--line);border-radius:10px;background:#fff;padding:8px 8px;height:44px;cursor:pointer;}
#langFloat{position:fixed;right:14px;bottom:14px;z-index:60;}
#langFloat .langsel{height:38px;box-shadow:0 6px 18px -8px rgba(36,16,5,.35);}
.tpl-modal{max-height:90vh;overflow-y:auto;}
.gal-wrap{max-width:1080px;margin:0 auto;padding:40px 24px 80px;}
.gal-head h2{margin:0 0 6px;font-size:28px;}
.gal-head p{margin:0 0 16px;color:#8a7360;}
.gal-search{width:100%;max-width:420px;border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;font-family:inherit;font-size:14.5px;margin-bottom:22px;}
.gal-msg{grid-column:1/-1;border:2px dashed var(--line);border-radius:16px;padding:44px 16px;text-align:center;color:#8a7360;}
a.galcard{text-decoration:none;color:inherit;}
.galdesc{margin:0;font-size:13.5px;color:#6b5847;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
@media(max-width:560px){.navlink{display:none;}.gal-wrap{padding:24px 14px 60px;}.langsel{height:42px;}}

/* ===== v2.5: megosztás / beágyazás ===== */
.linkbox{flex-direction:column;align-items:stretch;gap:10px;}
.sh-row{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.sh-title{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8a7360;margin-top:6px;}
.sh-social{display:flex;flex-wrap:wrap;gap:6px;}
.sh-social a{font-size:13px;font-weight:600;color:#6b5847;text-decoration:none;border:1.5px solid var(--line);border-radius:999px;padding:6px 12px;background:#fff;}
.sh-social a:hover{border-color:var(--orange);color:var(--red);}
.sh-code{display:flex;flex-direction:column;gap:5px;align-items:flex-start;}
.sh-lbl{font-size:12.5px;color:#6b5847;font-weight:600;}
.sh-code textarea{width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff;resize:none;}
.embedded .publicwrap{min-height:0;padding:16px 10px;}
.embedded #langFloat{display:none;}

/* v1 felirat, extra beállítások, haladásjelző */
.verbadge{display:inline-block;padding:2px 10px;border-radius:999px;border:1px solid #ead9c6;background:#fff;color:#8a7360;font-weight:700;font-size:12px;}
.verside{margin-top:14px;text-align:center;font-size:12px;color:#b09c87;font-weight:700;}
.chkrow{display:flex;align-items:center;gap:10px;margin:10px 0 2px;font-size:14px;font-weight:600;cursor:pointer;}
.chkrow input{width:auto;margin:0;flex:none;}
.progbar{height:8px;border-radius:99px;background:#f3e6d8;overflow:hidden;margin:0 0 18px;}
.progfill{height:100%;width:0;background:var(--grad,linear-gradient(90deg,#FF7A1A,#F0143C));border-radius:99px;transition:width .25s ease;}