/* tarvix.hu — GYORSŰRLAP, közbülső űrlap-sáv, kilépési ajánlat (2026-09-30, Ki: mate — kérte: Máté: „legyünk agresszívebbek minden lapon”).
   Minden oldal tölti (base.html), ezért önálló: nem támaszkodik az aloldal.css-re (a főoldal azt nem tölti). Csak .gy-* és .gy alatti szabály,
   hogy a meglévő .mezo/.opcio/.urlap stílusokat ne írja felül máshol. Világos alap + sötét változat (.gy--sotet, a záró sávban). */
.gy{display:block;width:100%;margin-top:22px;text-align:left}
.gy .gy-sor{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media(min-width:720px){.gy .gy-sor{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gy .mezo{display:flex;flex-direction:column;gap:6px;min-width:0}
.gy .mezo label{display:block;font-family:var(--f-body);font-weight:400;font-size:14px;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--w-ink)}
.gy .mezo label small{font-size:12.5px;font-weight:300;color:var(--w-body);margin-left:4px}
.gy .mezo input{width:100%;min-width:0;height:auto;font-family:var(--f-body);font-weight:300;font-size:16px;line-height:1.4;color:var(--w-ink);background:#fff;border:1px solid rgba(6,6,6,.2);border-radius:var(--r-tile);padding:12px 14px;appearance:none;-webkit-appearance:none;transition:border-color .2s ease,box-shadow .2s ease}
.gy .mezo input::placeholder{color:rgba(6,6,6,.38)}
.gy .mezo input:focus{outline:none;border-color:var(--ac-deep);box-shadow:0 0 0 1px var(--ac-deep),0 0 24px -6px var(--ac-glow)}
.gy .mezo .hiba{display:none;margin:0;font-size:12.5px;color:var(--hiba)}
.gy .mezo.rossz .hiba{display:block}
.gy .mezo.rossz input{border-color:var(--hiba);box-shadow:0 0 0 1px var(--hiba)}
.gy .opcio.gy-pipa{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;min-height:0;max-width:none;margin:14px 0 0;padding:10px 12px;font-size:13px;line-height:1.45;color:var(--w-body);background:rgba(255,255,255,.55);border:1px solid rgba(6,6,6,.14);border-radius:var(--r-tile);cursor:pointer}
.gy .opcio input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.gy .opcio-jel{width:18px;height:18px;margin-top:1px;border:1px solid rgba(6,6,6,.3);border-radius:var(--r-tile);background:#fff;display:grid;place-items:center}
.gy .opcio-jel .st{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2;opacity:0}
.gy .opcio:has(input:checked) .opcio-jel{background:var(--w-ink);border-color:var(--w-ink)}
.gy .opcio:has(input:checked) .st{opacity:1}
.gy .opcio:has(input:focus-visible){box-shadow:0 0 0 2px var(--ac-deep)}
.gy .gy-gomb{margin-top:16px;height:auto;min-height:40px;white-space:normal;text-align:left}
.gy .gy-gomb::before{height:auto;min-height:36px;align-self:stretch}
@media(max-width:560px){.gy .gy-gomb{width:100%}}
.gy .gy-jogi{margin-top:12px;font-size:12px;line-height:1.55;color:var(--w-body);max-width:none}
.gy .gy-jogi a,.gy .urlap-hiba a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.gy .urlap-hiba{display:none;margin-top:12px;font-size:13.5px;color:var(--hiba)}
.gy.hibas .urlap-hiba{display:block}
.gy .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}
.gy .gy-kesz[hidden]{display:none}
.gy .gy-kesz h2{margin-top:10px;font-family:var(--f-display);font-weight:300;font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.15;letter-spacing:-.02em;color:var(--w-ink)}
.gy .gy-kesz p{margin-top:10px;color:var(--w-body)}
.gy-alt{margin-top:14px;font-size:13.5px;color:var(--w-body)}
.gy-alt a{color:var(--w-ink);text-decoration:underline;text-underline-offset:3px}
/* sötét változat: a záró sáv üveglapján */
.gy--sotet .mezo label,.gy--sotet .gy-kesz h2{color:#fff}
.gy--sotet .mezo label small,.gy--sotet .gy-jogi,.gy--sotet .gy-kesz p{color:var(--txt-65)}
.gy--sotet .mezo input{color:#fff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.24)}
.gy--sotet .mezo input::placeholder{color:rgba(255,255,255,.4)}
.gy--sotet .mezo input:focus{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac),0 0 24px -6px var(--ac-glow)}
.gy--sotet .mezo .hiba,.gy--sotet .urlap-hiba{color:#ffb4a8}
.gy--sotet .mezo.rossz input{border-color:#ffb4a8;box-shadow:0 0 0 1px #ffb4a8}
.gy--sotet .opcio.gy-pipa{color:var(--txt-70);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18)}
.gy--sotet .opcio-jel{background:transparent;border-color:rgba(255,255,255,.45)}
.gy--sotet .opcio:has(input:checked) .opcio-jel{background:var(--ac);border-color:var(--ac)}
.gy--sotet .opcio-jel .st{stroke:var(--ac-ink)}
.closing .gy-alt{color:var(--txt-65)}
.closing .gy-alt a{color:#fff}
.closing .gy .btn{margin-top:16px}
/* közbülső sáv */
.gy-band{padding-block:clamp(56px,6vw,96px)}
.gy-doboz{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:start;padding:clamp(24px,3.4vw,48px)}
@media(min-width:1080px){.gy-doboz{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.gy-doboz .gy{margin-top:0}}
.gy-szoveg h2{margin-top:14px;font-family:var(--f-display);font-weight:300;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.1;letter-spacing:-.03em;color:var(--w-ink);text-wrap:balance}
.gy-szoveg p{margin-top:14px;color:var(--w-body);max-width:52ch;text-wrap:pretty}
.gy-szoveg .gy-alt{margin-top:18px}
/* a blogcikk közepén (a próza stílusai ne írják felül) */
.prose .gy-cikk{margin:clamp(32px,4vw,48px) 0;padding:clamp(22px,3vw,36px)}
.prose .gy-cikk h2{margin:10px 0 0}
.prose .gy-cikk .gy p{margin:0}
.prose .gy-cikk .gy .gy-jogi{margin-top:12px}
.prose .gy-cikk .gy .mezo label{margin:0}
.prose .gy-cikk .gy .gy-pipa{margin-top:14px}
/* kilépési ajánlat (űrlapot még el sem kezdett látogatónak) */
.gy-kilep{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:16px;background:rgba(6,6,6,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto}
.gy-kilep-in{position:relative;width:min(640px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:clamp(24px,3.2vw,40px);background:#fff;border-radius:var(--r-card);box-shadow:0 40px 90px -40px rgba(0,0,0,.6);animation:gyBe .45s var(--ease-out) both}
.gy-kilep-in h2{padding-right:40px;margin-top:12px;font-family:var(--f-display);font-weight:300;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.12;letter-spacing:-.03em;color:var(--w-ink);text-wrap:balance}
.gy-kilep-in>p{margin-top:12px;color:var(--w-body);text-wrap:pretty}
.gy-kilep .gy-x{position:absolute;right:12px;top:12px;width:40px;height:40px;display:grid;place-items:center;font-family:var(--f-mono);font-size:22px;line-height:1;color:var(--w-ink);background:#f2f2f2;border-radius:var(--r-tile)}
.gy-kilep .gy-x:hover,.gy-kilep .gy-x:focus-visible{background:var(--w-ink);color:#fff;outline:none}
.gy-kilep .gy .gy-sor{grid-template-columns:minmax(0,1fr)}
@media(min-width:620px){.gy-kilep .gy .gy-sor{grid-template-columns:repeat(2,minmax(0,1fr))}.gy-kilep .gy .gy-sor .mezo:last-child{grid-column:1/-1}}
@keyframes gyBe{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.gy-kilep-in{animation:none}}
@media print{.gy-band,.gy-kilep{display:none!important}}