/* Save the Date és köszönőlap: közös stílus. A színeket a szerver adja (--hatter, --papir, --szoveg, --akcent). */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/cormorant-garamond-normal-sablon.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 700;font-display:swap;src:url(/fonts/cormorant-garamond-italic-sablon.woff2) format('woff2')}
@font-face{font-family:'Pinyon Script';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pinyon-script-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/jost-latin.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/jost-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+2113,U+A720-A7FF}
:root{--hatter:#e9e1d2;--papir:#fbf6ee;--szoveg:#2f2420;--akcent:#6b2333;--serif:'Cormorant Garamond',Georgia,serif;--script:'Pinyon Script',cursive;--sans:'Jost',system-ui,sans-serif;--ease:cubic-bezier(.16,.84,.24,1)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--hatter);color:var(--szoveg);-webkit-text-size-adjust:100%}
body{min-height:100svh;align-content:center;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--akcent) 22%,transparent) 1px,transparent 1.4px);background-size:22px 22px;display:grid;place-items:center;padding:24px 16px;font:400 1.05rem/1.55 var(--serif);background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--papir) 18%,transparent),transparent 60%),var(--hatter)}
.lap{position:relative;width:min(100%,460px);perspective:1400px}
.kartya{position:relative;background:var(--papir);color:var(--szoveg);border-radius:6px;padding:44px 30px 34px;text-align:center;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 50px 90px -40px rgba(0,0,0,.55);isolation:isolate}
.kartya::before{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--akcent) 45%,transparent);border-radius:3px;pointer-events:none}
.felso{margin:0;font:600 .72rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--akcent)}
.nevek{margin:18px 0 6px;font:400 clamp(2.6rem,11vw,3.6rem)/1.05 var(--script);color:var(--akcent)}
.es{display:block;font:italic 400 1.1rem/1.4 var(--serif);color:var(--szoveg);opacity:.7}
.datum{margin:18px 0 0;font:500 clamp(1.7rem,7vw,2.2rem)/1.1 var(--serif);letter-spacing:.06em}
.hely{margin:6px 0 0;font:italic 400 1.15rem/1.4 var(--serif);opacity:.85}
.vonal{width:56px;height:1px;margin:22px auto;background:currentColor;opacity:.3}
.uzenet{margin:0 auto;max-width:32ch;font:400 1.12rem/1.55 var(--serif)}
.vissza{display:flex;justify-content:center;gap:22px;margin:22px 0 0}
.vissza div{display:grid;gap:6px;min-width:58px}
.vissza b{font:400 2.2rem/1.1 var(--serif);color:var(--akcent);font-variant-numeric:lining-nums}
.vissza span{font:600 .66rem/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.gomb{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:24px;padding:0 22px;border:1px solid var(--akcent);border-radius:999px;background:var(--akcent);color:var(--papir);font:600 .9rem/1 var(--sans);text-decoration:none;cursor:pointer}
.gomb.halk{background:transparent;color:var(--akcent)}
.gombok{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}
.gombok .gomb{margin-top:0}
.lab{margin:20px 0 0;font:500 .82rem/1.5 var(--sans);opacity:.7}
.marka{margin:22px 0 0;text-align:center;font:500 .72rem/1 var(--sans);color:var(--marka,var(--szoveg));opacity:.6;text-decoration:none}
.marka a{color:inherit}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.pecset{width:78px;height:78px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--akcent) 75%,#fff),var(--akcent) 60%,color-mix(in srgb,var(--akcent) 70%,#000));color:var(--papir);font:400 1.9rem/1 var(--script);box-shadow:0 8px 16px -8px rgba(0,0,0,.5),inset 0 -3px 6px rgba(0,0,0,.25)}
.pecset[hidden]{display:none}
.disz{display:block;width:120px;height:18px;margin:20px auto;color:var(--akcent);opacity:.7}
[hidden]{display:none!important}