/* Ajándékkártya oldal (csak az /ajandekkartya/ oldal tölti be) */
.gift-hd .lead{margin-bottom:34px}
.gift-hd .wrap{grid-template-columns:minmax(0,1fr) minmax(0,500px)}
.pg-hd .gift-plate{position:relative;aspect-ratio:3/2.15}
.pg-hd .gift-plate .swipe{position:absolute;inset:16% 1% 4% 14%;transform:rotate(-2deg)}
.pg-hd .gift-plate .mat{position:absolute;left:3%;top:2%;width:88%;aspect-ratio:3/2;margin:0;--mat:clamp(8px,1vw,12px)}
@media(max-width:1000px){.gift-hd .wrap{grid-template-columns:1fr;gap:30px}.pg-hd .gift-plate{max-width:520px;width:calc(100% - 28px)}}

.ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6vw,90px);align-items:start}
.way h3{font-size:clamp(24px,2.4vw,30px);margin-bottom:22px}
.steps{list-style:none;margin:0 0 30px;padding:0;border-top:1.5px solid var(--rg);counter-reset:st}
.steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;padding:16px 0;border-bottom:1.5px solid var(--rg);counter-increment:st}
.steps li::before{content:counter(st);grid-row:span 2;font:italic 500 30px/1 'Bodoni Moda',Georgia,serif;color:var(--mut)}
.steps b{font:italic 500 clamp(21px,2vw,26px)/1.2 'Bodoni Moda',Georgia,serif}
.steps span{color:var(--ink2);font-size:17px}
.way .ed-r p{color:var(--ink2)}
@media(max-width:800px){.ways{grid-template-columns:1fr}}

.gift-order{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,620px);gap:clamp(36px,6vw,100px);align-items:start}
.gift-intro{position:sticky;top:110px}
.gift-intro p{color:var(--ink2)}
@media(max-width:900px){.gift-order{grid-template-columns:1fr}.gift-intro{position:static}}
.gift-form form{margin:0}
.gift-form fieldset{border:0;margin:0 0 22px;padding:0}
.gift-form legend,.gift-form label{display:block;font-weight:600;font-size:16px;margin:0 0 7px}
.gift-form h3{margin:34px 0 16px;padding-top:26px;border-top:1.5px solid var(--rg)}
.gf-opt{font-weight:400;color:var(--mut)}
.gf-row{margin:0 0 18px}
.gf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
@media(max-width:560px){.gf-grid{grid-template-columns:1fr}}
.gift-form input[type=text],.gift-form input[type=email],.gift-form input[type=tel],.gift-form input[type=number],.gift-form textarea{width:100%;min-height:52px;border-radius:14px;border:1.5px solid rgba(40,54,24,.45);background:#fff;padding:12px 16px;font:500 17px/1.4 'Figtree',system-ui,sans-serif;color:var(--ink)}
.gift-form textarea{resize:vertical;min-height:96px}
.gift-form input:focus,.gift-form textarea:focus{outline:3px solid var(--p);outline-offset:1px;border-color:var(--ink)}
.gift-form [aria-invalid=true]{border-color:#9B3B2E}
.gf-kind{display:flex;flex-wrap:wrap;gap:10px}
.gf-kind legend{flex:1 1 100%}
.gift-form .gf-pill{display:inline-flex;margin:0;cursor:pointer}
.gf-pill input{position:absolute;opacity:0;pointer-events:none}
.gf-pill span{padding:11px 22px;border-radius:999px;border:1.5px solid var(--rg);font:600 16px/1.2 'Figtree',system-ui,sans-serif;transition:background .2s,color .2s,border-color .2s}
.gf-pill:hover span{background:var(--p)}
.gf-pill input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.gf-pill input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}
.gift-form [data-kind][hidden]{display:none}
.gift-form .gf-check{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:16px;line-height:1.5;margin:24px 0 20px;cursor:pointer}
.gf-check input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--ink)}
.gf-check a{text-underline-offset:3px}
.gf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.gf-msg{margin:0 0 16px;font-size:17px}
.gf-msg:empty{display:none}
.gf-msg.err{color:#9B3B2E;font-weight:600}
.gf-done{padding:30px 32px;background:var(--ps);border-left:3px solid var(--rg);border-radius:0 14px 14px 0}
.gf-done h3{margin:0 0 10px;padding:0;border:0}
.gf-done p{margin:0 0 .6em;color:var(--ink2)}
.gift-form button[disabled]{opacity:.6;cursor:wait}