/* fa_termek.css — a termékszerkesztő (fa_termek.js) stílusa; mobil az alap, asztali gépen középre igazított 760 px */
/* betű és arányok a honlapéi (site.css + fa.css): Raleway a szöveg, Cinzel a cím; mezőcímke .82rem/600, tipp .85rem szürke, sorköz 1.7 */
.ft{--ft-g:var(--teal,#1F6B3A);--ft-g2:var(--teal-med,#2E8B57);--ft-gl:#E7F2EA;--ft-ink:var(--dark-2,#06230B);--ft-head:var(--green,#0E3517);--ft-mut:var(--gray-1,#777);
  --ft-line:rgba(0,0,0,.1);--ft-bg:#fff;--ft-bg2:var(--cream,#F7F4EF);--ft-red:#a02020;--ft-amb:var(--fa-amber,#D59511);--ft-r:14px;
  --ft-sans:var(--sans,'Raleway',system-ui,sans-serif);--ft-serif:var(--serif,'Cinzel',Georgia,serif);
  position:relative;max-width:760px;margin:0 auto;color:var(--ft-ink);background:var(--ft-bg);font-family:var(--ft-sans);font-size:.95rem;line-height:1.7;
  -webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
.ft h2,.ft h3{font-family:var(--ft-serif);font-weight:500;color:var(--ft-head);letter-spacing:0}
.ft *{box-sizing:border-box}
.ft button{font:inherit;color:inherit;cursor:pointer}
.ft input,.ft select{font-family:var(--ft-sans);font-size:16px;color:var(--ft-ink)}   /* 16 px: iOS nem nagyít a mezőre */
.ft [hidden]{display:none!important}

/* állapotsor — a munkaerő-portál .fm-stepper-ével pixelre azonos (Application/60_munka/tpl/fa_munka.css, claude/sweet-wozniak-ivaebn)
   zöld #1F6B3A, szöveg #1D2A1F, halvány #5C6B5E, halványzöld kör #E8F1E9, inaktív vonal rgba(14,53,23,.14) */
.ft-lvl{font-size:12px;line-height:20.4px;margin:4.8px 0;padding:0 16px;text-transform:uppercase;letter-spacing:.72px;color:#5C6B5E}
.ft-stepper{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 16px;margin:6.4px 0 16px}
.ft-stepper li{min-width:0}
.ft .ft-stepper button{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;border-top:4px solid rgba(14,53,23,.14);border-radius:0;
  padding:7.48px 0 0;margin:0;cursor:pointer;text-align:left;font-family:Raleway,system-ui,sans-serif;font-size:13.6px;line-height:23.12px;font-weight:400;color:#5C6B5E}
.ft-stepper b{flex:none;display:inline-grid;place-items:center;width:21.76px;height:21.76px;border-radius:50%;background:#E8F1E9;color:#1F6B3A;font-size:12.8px;font-weight:700;line-height:1;padding:0;font-variant-numeric:lining-nums tabular-nums}   /* G 2026-10-04: a szám a kör közepén (a Raleway alapból „régies” számai és az örökölt sormagasság lejjebb tolták) */
.ft-stepper span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ft .ft-stepper .on button{border-top-color:#1F6B3A;color:#1D2A1F;font-weight:700}
.ft-stepper .on b{background:#1F6B3A;color:#fff}
.ft .ft-stepper .done button{border-top-color:#1F6B3A}
.ft-stepper .done b{background:#1F6B3A;color:#fff}
/* G (2026-10-04): „az egyes szakaszok alatt középen legyen a szám, és az adott oldal címsora legyen maga a kérdés — ahogyan a mobil verzióban” — minden szélességen */
.ft-stepper span{display:none}.ft .ft-stepper button{justify-content:center}
.ft-body{padding:0 16px 24px;min-height:50vh}
.ft-head h2{font-size:clamp(1.35rem,4.5vw,1.6rem);margin:0 0 .35em;line-height:1.2}
.ft-head .ft-err{margin:-6px 0 14px}
.ft-head p{margin:0 0 16px;color:var(--ft-mut);font-size:.92rem;line-height:1.6}
.ft-sec{margin:22px 0 0}
.ft-sec h3{font-size:1.2rem;line-height:1.2;margin:0 0 .7em;display:flex;align-items:center;gap:8px}
.ft-muted{color:var(--ft-mut);margin:6px 0;font-size:.85rem;line-height:1.55}.ft-small{font-size:.8rem}
.ft-empty{background:var(--ft-bg2);border-radius:var(--ft-r);padding:18px;text-align:center;color:var(--ft-mut)}
.ft-empty .ft-btn{margin-top:8px}
.ft-ico{font-size:1.25rem;line-height:1;flex:none}
.ft-badge{background:var(--ft-g);color:#fff;border-radius:99px;font-size:.75rem;padding:1px 8px;font-weight:700}
.ft-warn{background:#fff4d6;border-radius:10px;padding:8px 12px;font-size:.9rem;margin:0 0 8px}
.ft-err{color:var(--ft-red);font-weight:600;margin:10px 0 0}

/* kereső */
.ft-search{position:relative;display:flex;align-items:center}
.ft-search input{width:100%;height:52px;border:1.5px solid var(--ft-line);border-radius:10px;padding:0 44px 0 42px;background:var(--ft-bg2);-webkit-appearance:none;appearance:none}
.ft-search input:focus{outline:none;background:#fff;border-color:var(--ft-g2);box-shadow:0 0 0 4px rgba(46,139,87,.15)}
.ft-search input::-webkit-search-cancel-button{display:none}
.ft-search-i{position:absolute;left:14px;display:flex;color:var(--ft-mut);pointer-events:none}.ft-search-i svg{width:20px;height:20px}
.ft-search-x{position:absolute;right:6px;display:grid;place-items:center;width:40px;height:40px;border:0;background:none;color:var(--ft-mut)}.ft-search-x svg{width:18px;height:18px}
.ft-results{display:flex;flex-direction:column;gap:6px;margin:8px 0 0}
.ft-res{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px;border:1px solid var(--ft-line);border-radius:12px;background:var(--ft-bg);text-align:left}
.ft-res:active{background:var(--ft-gl)}
.ft-res-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.ft-res-t b{font-weight:600}.ft-res-t small{color:var(--ft-mut);font-size:.8rem}
.ft .ft-plus{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ft-g);color:#fff;font-weight:700;flex:none}
.ft-res.on .ft-plus{background:var(--ft-gl);color:var(--ft-g)}

/* chipek */
.ft-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ft-pop{margin:14px 0 0}
.ft-lab{font-size:.82rem;font-weight:600;color:var(--ft-ink);width:100%}
.ft-chip{min-height:44px;padding:8px 14px;border:1.5px solid var(--ft-line);border-radius:99px;background:var(--ft-bg);font-size:.9rem;font-weight:500;line-height:1.2}
.ft-chip.ft-sm{min-height:40px;padding:6px 12px;font-size:.85rem}
.ft .ft-chip.on,.ft .ft-chip[aria-pressed=true]{background:var(--ft-g);border-color:var(--ft-g);color:#fff}
.ft-chip[aria-pressed=true]::before{content:"✓ "}
.ft .ft-chip-more{border-style:dashed;color:var(--ft-g);font-weight:600}
.ft-months .ft-chip{min-width:56px;justify-content:center}

/* forrás-kártyák */
.ft-cards{display:flex;flex-direction:column;gap:10px;margin:18px 0 0}
.ft-card{border:1px solid var(--ft-line);border-radius:var(--ft-r);padding:10px 12px 8px;background:var(--ft-bg);transition:box-shadow .3s}
.ft-card.hl{box-shadow:0 0 0 3px rgba(46,139,87,.35)}
.ft-card-h{display:flex;align-items:center;gap:10px}.ft-card-h b{flex:1;font-size:1rem;font-weight:600}
.ft-rows{display:flex;flex-direction:column;gap:6px;margin:8px 0 2px}
.ft-row{display:flex;align-items:center;gap:8px;min-height:48px;border-top:1px solid var(--ft-bg2);padding-top:6px}
.ft-row-l{flex:1;min-width:0}
.ft-num{display:flex;align-items:center;gap:6px;flex:none}
.ft-num input{width:92px;height:44px;border:1.5px solid var(--ft-line);background:var(--ft-bg2);border-radius:10px;padding:0 10px;text-align:right}
.ft-num span{color:var(--ft-mut);font-size:.85rem;min-width:2.2em}
/* bezárás / törlés: a FarmAtlas menü bezárás-gombja (fa.css .fa-menu-x) */
.ft .ft-x{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--cream-2,#EEECE6);background:#fff;border-radius:50%;color:var(--ft-head);flex:none}
.ft-x svg{width:22px;height:22px}.ft-row .ft-x,.ft-card-h .ft-x{width:38px;height:38px}.ft-row .ft-x svg,.ft-card-h .ft-x svg{width:18px;height:18px}
.ft .ft-x:active{background:var(--ft-bg2)}
.ft .ft-link{border:0;background:none;color:var(--ft-g);font-weight:600;padding:10px 0;min-height:44px}

/* csoport-csempék */
.ft-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ft-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:76px;padding:12px 36px 10px 12px;border:1.5px solid var(--ft-line);border-radius:var(--ft-r);background:var(--ft-bg);text-align:left}
.ft-tile b{font-size:.92rem;font-weight:600;line-height:1.3}.ft-tile small{color:var(--ft-mut);font-size:.76rem;line-height:1.35}
.ft-tile-c{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;border:2px solid var(--ft-line);display:grid;place-items:center;font-size:.8rem;color:transparent}
.ft-tile[aria-pressed=true]{border-color:var(--ft-g);background:var(--ft-gl)}
.ft-tile[aria-pressed=true] .ft-tile-c{background:var(--ft-g);border-color:var(--ft-g);color:#fff}
.ft-tile.bad{border-color:var(--ft-amb);background:#fff9ea}
.ft-closed{margin:26px 0 0;border:1px dashed var(--ft-line);border-radius:var(--ft-r);padding:4px 14px}
.ft-closed summary{min-height:44px;display:flex;align-items:center;font-weight:600;font-size:.9rem;cursor:pointer}
.ft-closed ul{margin:0;padding:0 0 0 1.1em}.ft-closed li{margin:6px 0;font-size:.85rem;line-height:1.55}

/* termékek */
.ft-grp{border-top:1px solid var(--ft-line);padding-top:16px}
.ft-items{display:flex;flex-direction:column;gap:8px}
.ft-item{display:flex;align-items:center;gap:10px;width:100%;min-height:60px;padding:10px 12px;border:1px solid var(--ft-line);border-radius:12px;background:var(--ft-bg);text-align:left}
.ft-item:active{background:var(--ft-gl)}
.ft-item.off{opacity:.65}
.ft-item-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.4}.ft-item-t b{font-weight:600}
.ft-item-t i{font-weight:400;color:var(--ft-mut)}
.ft-item-t small{color:var(--ft-mut);font-size:.8rem}
.ft-item-t em{font-style:normal;background:var(--ft-bg2);border-radius:6px;padding:0 6px;margin-left:4px}
.ft-item-p{font-weight:600;white-space:nowrap;font-size:.9rem;color:var(--ft-head)}
.ft-chev{color:var(--ft-mut);font-size:1.3rem}
.ft .ft-add{width:100%;min-height:50px;margin:8px 0 0;border:1.5px dashed var(--ft-g2);border-radius:10px;background:none;color:var(--ft-g);font-weight:600;font-size:.92rem}

/* alsó sáv */
.ft-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--ft-line);backdrop-filter:blur(6px)}
.ft-bar-info{flex:1;text-align:center;color:var(--ft-mut);font-size:.8rem}
.ft-btn{min-height:48px;padding:0 24px;border-radius:10px;border:0;font-weight:600;font-size:.95rem;transition:background .2s,transform .2s}
.ft .ft-main{background:var(--ft-g);color:#fff;box-shadow:0 8px 24px -10px rgba(14,53,23,.6)}.ft .ft-main:active{background:#16502b}
.ft .ft-ghost{background:transparent;color:#0E3517;border:1.5px solid rgba(14,53,23,.3)}
.ft .ft-danger{background:#fbe9e7;color:var(--ft-red)}

/* alsó lap */
html.ft-lock,html.ft-lock body{overflow:hidden}
.ft-sheet{position:fixed;inset:0;z-index:1000}
.ft-sheet-bg{position:absolute;inset:0;background:rgba(10,30,15,.45);opacity:0;transition:opacity .2s}
.ft-sheet-p{position:absolute;left:0;right:0;bottom:0;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;background:var(--ft-bg);border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .22s ease-out;box-shadow:0 -8px 30px rgba(0,0,0,.18)}
.ft-sheet.in .ft-sheet-bg{opacity:1}.ft-sheet.in .ft-sheet-p{transform:none}
.ft-sheet-h{position:relative;display:flex;align-items:center;gap:8px;padding:18px 8px 8px 18px;border-bottom:1px solid var(--ft-line)}
.ft-sheet-h h3{flex:1;margin:0;font-size:1.15rem;line-height:1.25}
.ft-grip{position:absolute;top:7px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--ft-line)}
.ft-sheet-b{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 16px}
.ft-sheet-b:empty{display:none}
.ft-sheet-f{display:flex;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--ft-line)}
.ft-sheet-f .ft-btn{flex:1}
.ft-list{display:flex;flex-direction:column;gap:2px;margin:8px 0 0}
.ft-li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:8px 12px;border:0;border-radius:10px;background:none;text-align:left}
.ft-li:active{background:var(--ft-bg2)}
.ft-li.on{background:var(--ft-gl);font-weight:600}
.ft-tick{color:var(--ft-g);font-weight:700;min-width:1.5em;text-align:right}
/* a böngésző csoportfeje: másik szint — Cinzel, nagybetű, elválasztó vonal, görgetéskor fent marad */
.ft-li-h{position:sticky;top:-14px;z-index:1;display:flex;align-items:center;gap:8px;margin:22px 0 4px;padding:12px 4px 8px;background:#fff;border-bottom:1.5px solid var(--cream-2,#EEECE6);font-family:var(--ft-serif);font-weight:500;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ft-head)}
.ft-list>.ft-li-h:first-child{margin-top:4px}.ft-li-i{margin-right:.55em}
.ft-seg{display:grid;grid-template-columns:1fr 1fr;background:var(--ft-bg2);border-radius:10px;padding:4px}
.ft-seg button{min-height:42px;border:0;border-radius:7px;background:none;font-weight:600;color:var(--ft-mut)}
.ft-seg button.on{background:var(--ft-bg);color:var(--ft-ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}

/* tétel-űrlap */
.ft-form{display:flex;flex-direction:column;gap:16px}
.ft-f{display:flex;flex-direction:column;gap:6px}
.ft-flab{font-weight:600;font-size:.82rem;color:var(--ft-ink)}.ft-flab small{font-weight:400;color:var(--ft-mut)}
.ft-f>input{height:48px;border:1.5px solid var(--ft-line);border-radius:10px;padding:0 .9em;background:var(--ft-bg2)}
.ft-price{display:flex;align-items:center;gap:8px}
.ft-price input,.ft-price select{height:48px;border:1.5px solid var(--ft-line);border-radius:10px;padding:0 .9em;background:var(--ft-bg2)}
.ft-pr{flex:1;min-width:0;text-align:right}.ft-qn{width:76px;text-align:right}.ft-cu{width:104px}.ft-qu{flex:1;min-width:0}
.ft-per{color:var(--ft-mut)}
.ft-f input:focus,.ft-f select:focus,.ft-num input:focus{outline:none;background:#fff;border-color:var(--ft-g2);box-shadow:0 0 0 3px rgba(46,139,87,.15)}
.ft-sw{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}
.ft-sw input{position:absolute;opacity:0;width:1px;height:1px}
.ft-sw-t{position:relative;width:50px;height:30px;border-radius:15px;background:#c9d1c6;flex:none;transition:background .15s}
.ft-sw-t::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.ft-sw input:checked+.ft-sw-t{background:var(--ft-g2)}.ft-sw input:checked+.ft-sw-t::after{transform:translateX(20px)}
.ft-sw input:focus-visible+.ft-sw-t{box-shadow:0 0 0 3px rgba(46,139,87,.3)}
.ft-sw-lock{cursor:default;opacity:.85}.ft-va-note{margin:-10px 0 0}
.ft-tevg{margin:12px 0 0}.ft-tevg h4{margin:0 0 6px;font-family:var(--ft-sans);font-size:.82rem;font-weight:600;color:var(--ft-ink)}
.ft-more{border-top:1px solid var(--ft-line);padding-top:6px}
.ft-more summary{min-height:44px;display:flex;align-items:center;font-weight:600;font-size:.9rem;color:var(--ft-g);cursor:pointer}
.ft-more-b{display:flex;flex-direction:column;gap:16px;padding:4px 0 6px}

.ft-toast{border-radius:10px!important;position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:1100;max-width:calc(100% - 32px);background:#1d2a20;color:#fff;padding:10px 16px;border-radius:12px;font-size:.92rem;box-shadow:0 6px 20px rgba(0,0,0,.25)}

@media (min-width:640px){
  .ft-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ft-sheet-p{left:50%;right:auto;bottom:auto;top:50%;width:560px;max-height:84vh;border-radius:20px;transform:translate(-50%,-46%);opacity:0;transition:transform .2s,opacity .2s}
  .ft-sheet.in .ft-sheet-p{transform:translate(-50%,-50%);opacity:1}
  .ft-grip{display:none}
  .ft-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
}
@media (hover:hover){.ft-res:hover,.ft-item:hover,.ft-li:hover{background:var(--ft-bg2)}.ft-chip:hover{border-color:var(--ft-g2)}}
@media (prefers-reduced-motion:reduce){.ft-sheet-p,.ft-sheet-bg,.ft-card{transition:none}}
@media (hover:hover){.ft .ft-main:hover{background:var(--ft-g2);transform:translateY(-2px)}.ft .ft-ghost:hover{background:#0E3517;color:#fff;border-color:#0E3517}.ft .ft-add:hover{background:var(--ft-gl)}}
.ft input,.ft-item-p,.ft-num,.ft-badge,.ft-bar-info{font-variant-numeric:lining-nums tabular-nums}
/* rajzolt jelek (+, ✓, ×, nagyító): vonalrajz, lekerekített végek — mint a FarmAtlas menü bezárás-jele */
.ft svg{stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ft-pi{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--ft-g2);color:var(--ft-g);background:#fff;flex:none}
.ft-pi svg{width:18px;height:18px}.ft-pi b{font-size:.85rem;font-weight:700}
.ft-pi.on{background:var(--ft-g);border-color:var(--ft-g);color:#fff}
.ft .ft-link,.ft .ft-add{display:inline-flex;align-items:center;justify-content:center;gap:6px}.ft .ft-link{justify-content:flex-start}
.ft-link svg,.ft-add svg{width:18px;height:18px}
.ft-seg+.ft-search{margin-top:12px}
.ft-f.ft-bad{border-left:3px solid var(--ft-red);padding-left:10px;margin-left:-13px}
.ft-f.ft-bad .ft-flab{color:var(--ft-red)}.ft-f.ft-bad input,.ft-f.ft-bad select{border-color:var(--ft-red)}
.ft-ferr{margin:4px 0 0;font-size:.85rem}
.ft-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* adatlap-mód (A gazdaságom): 6 lépés, űrlapmezők, ismételhető sorok */
.ft-req{color:var(--ft-red);font-style:normal}
.ft-f textarea,.ft-sel{width:100%;border:1.5px solid var(--ft-line);border-radius:10px;padding:.7em .9em;background:var(--ft-bg2);font-family:var(--ft-sans);font-size:16px;color:var(--ft-ink);line-height:1.5}
.ft-sel{height:48px;padding:0 .9em}
.ft-f textarea:focus,.ft-sel:focus{outline:none;background:#fff;border-color:var(--ft-g2);box-shadow:0 0 0 3px rgba(46,139,87,.15)}
.ft-f small.ft-muted{margin:-2px 0 2px}
.ft-sec.ft-form{display:flex;flex-direction:column;gap:16px}
.ft-price>.ft-f{flex:1;min-width:0}
.ft-geo{align-self:flex-start}
.ft-total{font-weight:600;margin:4px 0 0}
.ft-sorok{display:flex;flex-direction:column;gap:10px}
.ft-sor{position:relative;padding:12px 52px 12px 12px}.ft-sor-b{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.ft-sor-x{position:absolute;top:10px;right:8px}
.ft-chip[disabled]{opacity:1;cursor:default}
.ft-stepper.ft-stepper-6{grid-template-columns:repeat(6,minmax(0,1fr))}   /* „A gazdaságom”: hat kérdés egy sorban */
/* két mező egymás mellett (mobilon egymás alatt; az irsz + település és a koordináták mobilon is egymás mellett) */
.ft-ket{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:600px){.ft-ket{grid-template-columns:1fr 1fr}}
.ft-ket.ft-ket-irsz{grid-template-columns:minmax(96px,1fr) 2.6fr}.ft-ket.ft-ket-mindig{grid-template-columns:1fr 1fr}
.ft-ket>*{min-width:0}.ft-oszl{display:flex;flex-direction:column;gap:6px}
.ft-map{height:280px;border-radius:14px;overflow:hidden;border:1px solid var(--cream-2,#EEECE6);background:var(--ft-bg2);z-index:0}
.ft-so{display:flex;flex-direction:column;gap:8px}
.ft-so-r{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px}
.ft-so-r span{font-size:.85rem;color:var(--ft-ink)}
.ft-so-r input{height:44px;border:1.5px solid var(--ft-line);border-radius:10px;padding:0 .9em;background:var(--ft-bg2);font-family:var(--ft-sans);font-size:16px;min-width:0}
.ft-so-r input:focus{outline:none;background:#fff;border-color:var(--ft-g2)}
/* a címsorok előtt nagyobb tér, elválasztó vonallal — mint a gazdaság-szerkesztő .form-h3-ja */
.ft-sec.ft-form{margin-top:30px}
.ft-sec.ft-form>h3{border-top:1px solid var(--cream-2,#EEECE6);padding-top:24px;margin:0 0 2px}
.ft-pin{background:#1F6B3A;border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 6px rgba(0,0,0,.35)}
/* lenyíló rész jele: kerek gomb a bezáró ×-szel azonos stílusban, nyitva megfordul (G: „legyen egy jelzés … hogy le tud nyílni”) */
.ft details>summary{list-style:none;justify-content:space-between;gap:12px}
.ft details>summary::-webkit-details-marker{display:none}
.ft-nyil{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:1px solid var(--cream-2,#EEECE6);border-radius:50%;background:#fff;color:var(--ft-head);transition:transform .2s}
.ft-nyil svg{width:20px;height:20px}
.ft details[open]>summary .ft-nyil{transform:rotate(180deg)}
/* G: a kiválasztott források (pl. szarvasmarha) kártyájának kerete élénkebb */
/* G: a 3. (források) és az 5. oldal (termékek) kiemelt kártyái a 4. oldal kijelölt csempéit követik: zöld keret, halványzöld alap */
.ft-cards .ft-card,.ft .ft-item{border:1.5px solid var(--ft-g);background:var(--ft-gl);border-radius:var(--ft-r)}
.ft-cards .ft-row{border-top-color:rgba(31,107,58,.15)}
.ft .ft-item:active,.ft .ft-item:hover{background:#dcebdf}
/* G: a legördülők (pl. gazdaság típusa) ne legyenek áttetszők — fehér alap, erősebb keret és szöveg */
.ft-sel{background-color:#fff;border-color:rgba(14,53,23,.28);color:var(--ft-head)}
.ft-sel option,.ft-sel optgroup{background:#fff;color:#1D2A1F}
.ft-sel optgroup{font-weight:700;font-style:normal}
/* saját választómező (a böngésző áttetsző legördülője helyett) */
.ft .ft-sel-gomb{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:48px;text-align:left;cursor:pointer;padding:0 8px 0 .9em}
.ft-sel-gomb>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ft-sel-gomb .ft-ures{color:var(--ft-mut)}
.ft-sel-nyil{display:inline-flex;color:var(--ft-head)}.ft-sel-nyil svg{width:20px;height:20px}
.ft-sel-gomb:focus-visible{outline:none;border-color:var(--ft-g2);box-shadow:0 0 0 3px rgba(46,139,87,.15)}
.ft-li-h.ft-li-h-kis{font-size:.85rem}
.ft-li .ft-tick svg{width:20px;height:20px}
/* telefon: országhívószám + szám egy sorban */
.ft-tel{display:flex;gap:8px}.ft .ft-tel .ft-tel-elo{width:96px;flex:none;padding:0 6px 0 .8em}
.ft-tel input{flex:1;min-width:0;height:48px;border:1.5px solid var(--ft-line);border-radius:10px;padding:0 .9em;background:var(--ft-bg2);font-family:var(--ft-sans);font-size:16px;color:var(--ft-ink)}
.ft-tel input:focus{outline:none;background:#fff;border-color:var(--ft-g2)}
.ft-f.ft-bad .ft-tel input,.ft-f.ft-bad .ft-sel-gomb{border-color:var(--ft-red)}
.ft-badge{font-family:var(--ft-sans);letter-spacing:0}
/* „A gazdaságom” a honlap szerkesztőoldalán (G 2026-10-04): az űrlap teljes szélességében, mint a korábbi mezős űrlap; a beküldés-blokk a 6. lapon */
.fa-uj-szerk.ft{max-width:none}
.ft #fpBekuld{margin-top:24px;padding-top:16px;border-top:1px solid var(--ft-line)}
.ft #fpBekuld .chk{margin:0 0 10px}
/* helykijelölő: Térkép / Műhold kapcsoló (a térkép jobb felső sarkában) */
.ft-map{position:relative}
.ft .ft-map-kap{position:absolute;top:10px;right:10px;z-index:2;display:flex;background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.25);overflow:hidden}
.ft .ft-map-kap button{border:0;background:#fff;padding:6px 12px;font-size:.85rem;font-weight:600;color:var(--ft-head);min-height:34px}
.ft .ft-map-kap button[aria-pressed=true]{background:var(--ft-g);color:#fff}
/* takarmány (2026-10-04): célválasztó a kettős hasznú növény kártyáján, Takarmány szekció a 3. lapon */
.ft .ft-cel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:2px 0 6px}
.ft .ft-cel .ft-flab{font-size:.82rem;color:var(--ft-mut)}
.ft .ft-cel .ft-chips{margin:0}
/* 3. lap (G 2026-10-04): az „Élelmiszer célú”, a „Takarmány célú” és a „Feldolgozás, saját készítés” blokk jól elkülönül */
.ft .ft-blokk-h{font-size:1.2rem;line-height:1.2;margin:26px 0 .5em;display:flex;align-items:center;gap:8px}
.ft .ft-sec.ft-blokk{margin-top:40px;padding-top:26px;border-top:1px solid var(--cream-2,#EEECE6)}
.ft .ft-takarmany .ft-tevg+.ft-tevg{margin-top:10px}
/* beküldött adatlap: csak olvasható (a lapozás megy, a mezők nem szerkeszthetők) */
.ft.ft-locked .ft-body{opacity:.85}
.ft.ft-locked .ft-body :is(input,select,textarea,button){cursor:default}
.ft-ossz{min-height:40px}.ft-ossz .ft-row-l{font-weight:600}.ft-ossz b{margin-right:46px;white-space:nowrap}   /* G 2026-10-05: az összlétszám a fajták alatt */
/* G 2026-10-05: lezárt (beküldött, csak olvasható) szerkesztő — a beviteli mezők kerete és háttere eltűnik (szövegként olvasható),
   a képfeltöltés gombja és a képek piros ×-e nem látszik; a hozzáadó / törlő / kereső elemek sem (változtatni úgysem lehet) */
.ft.ft-locked :is(.ft-f input, .ft-f textarea, .ft-f select, .ft-sel, .ft-tel input, .ft-so-r input, .ft-num input){border-color:transparent!important;background:transparent!important;box-shadow:none!important;padding-left:0!important;resize:none}
.ft.ft-locked .ft-sel-gomb .ft-sel-nyil{display:none}
.ft.ft-locked :is(.fa-img-add, .fa-img-grid .fa-x, .fa-img-jav, .ft-add, .ft-x, .ft-fa-add, .ft-search, .ft-chip-more, .ft-geo){display:none!important}
.ft.ft-locked .ft-body{opacity:1}
.ft.ft-locked :is(.ft-f input, .ft-f textarea, .ft-tel input, .ft-so-r input, .ft-num input)::placeholder{color:transparent}   /* üres mezőben ne látszódjon a minta (pl. https://) */
.ft.ft-locked .ft-f textarea{field-sizing:content;height:auto;max-height:none;overflow:visible}   /* a bemutatkozás teljes hosszában */
.ft-jav{margin:8px 0 14px;padding:10px 12px;border:1px dashed #cfd6cf;border-radius:10px;background:#fbfaf7}.ft-jav summary{cursor:pointer;font-weight:600;color:#1F6B3A}.ft-jav textarea{width:100%;box-sizing:border-box;margin-top:6px}   /* honlap-szál 2026-10-06: „Nem találod a listában?” */
.ft-jav .fa-szaml{display:block;text-align:right;font-size:.75rem;color:#6b6b66}

/* honlap-szál 10-08 (Kritikai szál 2/2): hiánylista a beküldés fölött + hibaösszegzés a lap tetején */
.ft-hiany{border:1px solid #e8c9a6;background:#fff8ee;border-radius:var(--ft-r);padding:12px 16px;margin:18px 0 6px}
.ft-hiany p{margin:0 0 6px;color:var(--ft-ink)}
.ft-hiany ul,.ft-tophiba ul{margin:0;padding-left:1.2em}
.ft-hiany li{margin:3px 0}
.ft-hiany-l{background:none;border:0;padding:0;font:inherit;color:var(--ft-red);text-decoration:underline;cursor:pointer;text-align:left}
.ft-tophiba{border-left:3px solid var(--ft-red);background:#fdf1f0;border-radius:8px;padding:8px 12px;margin:0 0 14px;font-weight:600}
.ft-tophiba p{margin:0}.ft-tophiba ul{font-weight:500;margin-top:4px}