/* Lavie davetiye sitesi: 5 tasarımın ortak iskeleti ve temaları */
.inv{--bg:#fff;--bg2:#f4f4f4;--fg:#222;--soft:#666;--acc:#999;--line2:rgba(0,0,0,.15);--fn:serif;--fd:serif;--ft:serif;
  background:var(--bg);color:var(--fg);font-family:var(--ft);min-height:100%;text-align:center}
.inv *{box-sizing:border-box}
.inv section{padding:12cqw 9cqw;position:relative;overflow:hidden}
.inv section+section{border-top:1px solid var(--line2)}
.inv .hero{min-height:178cqw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3cqw;padding-block:16cqw}
.inv .eyebrow{font-family:var(--fd);letter-spacing:.34em;text-transform:uppercase;font-size:3.4cqw;color:var(--soft)}
.inv .names{font-family:var(--fn);font-size:14cqw;line-height:1.05;color:var(--fg);margin:2cqw 0;font-weight:400;position:relative;z-index:1}
.inv .names .amp{display:block;font-size:.5em;color:var(--acc);margin:1cqw 0}
.inv .hdate{font-family:var(--fd);font-size:4.6cqw;letter-spacing:.14em;text-transform:uppercase}
.inv .fam{font-style:italic;font-size:3.8cqw;color:var(--soft)}
.inv .scroll{margin-top:8cqw;font-size:3cqw;letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}
.inv h3{font-family:var(--fd);font-weight:400;font-size:6.4cqw;margin:0 0 5cqw;letter-spacing:.06em;color:var(--fg)}
.inv p{font-size:4.2cqw;line-height:1.6;margin:0;color:var(--fg)}
.inv .note p{font-style:italic;font-size:4.6cqw}
.inv .cd{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4cqw}
.inv .cd div{border:1px solid var(--line2);padding:3.4cqw 0;background:var(--bg2)}
.inv .cd b{display:block;font-family:var(--fd);font-weight:400;font-size:8cqw;font-variant-numeric:tabular-nums;color:var(--acc);line-height:1.1}
.inv .cd small{font-size:2.8cqw;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}
.inv ol{list-style:none;margin:0;padding:0;display:grid;gap:4cqw;text-align:left}
.inv ol li{display:grid;grid-template-columns:20cqw 1fr;gap:4cqw;align-items:baseline;font-size:4.2cqw}
.inv ol li b{font-family:var(--fd);font-weight:400;color:var(--acc);font-variant-numeric:tabular-nums;font-size:5cqw}
.inv .venue{font-family:var(--fd);font-size:5.4cqw;margin-bottom:2cqw}
.inv .addr{color:var(--soft);font-size:3.8cqw;margin-bottom:5cqw}
.inv .ibtn{display:inline-block;font-family:var(--ft);font-size:3.6cqw;letter-spacing:.14em;text-transform:uppercase;padding:3.2cqw 6cqw;border:1px solid var(--acc);color:var(--acc);text-decoration:none;background:transparent;cursor:pointer}
.inv .ibtn.solid{background:var(--acc);color:var(--bg)}
.inv .ibtn[disabled]{opacity:.6;cursor:wait}
.inv form{display:grid;gap:3cqw;text-align:left}
.inv input,.inv select{font:inherit;font-size:4cqw;padding:3cqw;border:1px solid var(--line2);background:var(--bg2);color:var(--fg);width:100%;border-radius:0}
.inv .rsvp-ok{font-size:3.8cqw;color:var(--soft);margin-top:2cqw;text-align:center}
.inv footer{padding:10cqw 9cqw 14cqw;font-family:var(--fn);font-size:9cqw;color:var(--acc)}
.inv footer small{display:block;font-family:var(--ft);font-size:2.8cqw;letter-spacing:.24em;text-transform:uppercase;color:var(--soft);margin-top:3cqw}
.inv footer a{color:inherit}
.inv .deco{position:absolute;pointer-events:none;color:var(--acc)}

/* 1 · Zeytin Dalı */
.t-zeytin{--bg:#f1f1e8;--bg2:#e7e8db;--fg:#34402a;--soft:#6f775f;--acc:#6b7a4f;--line2:rgba(52,64,42,.18);--fn:"Pinyon Script",cursive;--fd:"Cormorant Garamond",serif;--ft:"Cormorant Garamond",serif}
.t-zeytin .leaf{width:56cqw;opacity:.85}
.t-zeytin .leaf.a{top:-4cqw;left:-10cqw}
.t-zeytin .leaf.b{bottom:-4cqw;right:-10cqw;transform:rotate(180deg)}
/* 2 · Gece Mavisi */
.t-gece{--bg:#141a2e;--bg2:#1b2340;--fg:#efe2c4;--soft:#a99c80;--acc:#d1ad6b;--line2:rgba(209,173,107,.25);--fn:"Italiana",serif;--fd:"Italiana",serif;--ft:"Cormorant Garamond",serif}
.t-gece .hero{background:radial-gradient(circle at 50% 35%,#24305a,#141a2e 70%)}
.t-gece .frame{inset:5cqw;border:1px solid var(--acc);opacity:.6}
.t-gece .frame::after{content:"";position:absolute;inset:2cqw;border:1px solid var(--acc);opacity:.6}
.t-gece .star{width:1.2cqw;height:1.2cqw;background:var(--acc);border-radius:50%}
/* 3 · Gül Kurusu */
.t-gul{--bg:#f3e6e3;--bg2:#ead6d2;--fg:#5a3a3d;--soft:#8c6a6c;--acc:#a8676b;--line2:rgba(90,58,61,.16);--fn:"Great Vibes",cursive;--fd:"Cormorant Garamond",serif;--ft:"Cormorant Garamond",serif}
.t-gul .arch{left:11cqw;right:11cqw;top:10cqw;bottom:10cqw;border:1px solid var(--acc);border-radius:50cqw 50cqw 0 0;opacity:.45}
.t-gul .hero{background:linear-gradient(#f3e6e3,#e9d1cd)}
/* 4 · Siyah Beyaz */
.t-mono{--bg:#fbfbfa;--bg2:#f0f0ee;--fg:#141414;--soft:#6b6b6b;--acc:#141414;--line2:rgba(0,0,0,.14);--fn:"Bodoni Moda",serif;--fd:"Bodoni Moda",serif;--ft:"Jost",sans-serif}
.t-mono .names{font-style:italic;font-size:15cqw}
.t-mono .hero{background:#141414}
.t-mono .hero .names,.t-mono .hero .hdate,.t-mono .hero .names .amp{color:#fbfbfa}
.t-mono .hero .eyebrow,.t-mono .hero .fam,.t-mono .hero .scroll{color:#b8b8b8}
.t-mono .hbar{left:9cqw;right:9cqw;height:1px;background:#fbfbfa;opacity:.5}
/* 5 · Ege */
.t-ege{--bg:#fbfaf6;--bg2:#eef2f8;--fg:#1d3263;--soft:#5d6f96;--acc:#2a4c9a;--line2:rgba(42,76,154,.18);--fn:"Marcellus",serif;--fd:"Marcellus",serif;--ft:"Cormorant Garamond",serif}
.t-ege .names{font-size:12cqw;letter-spacing:.04em}
.t-ege .tile{left:0;right:0;height:14cqw;background-size:14cqw 14cqw;opacity:.9}
.t-ege .tile.top{top:0}
.t-ege .tile.bot{bottom:0;transform:scaleY(-1)}

/* Hatıra defteri */
.inv textarea{font:inherit;font-size:4cqw;padding:3cqw;border:1px solid var(--line2);background:var(--bg2);color:var(--fg);width:100%;border-radius:0;resize:vertical}
.inv .mesajlar{display:grid;gap:3cqw;margin-top:6cqw;text-align:left}
.inv .mk{margin:0;padding:4cqw 5cqw;background:var(--bg2);border-left:2px solid var(--acc)}
.inv .mk blockquote{margin:0 0 2cqw;font-style:italic;font-size:4.2cqw;line-height:1.55;color:var(--fg)}
.inv .mk figcaption{font-size:3.2cqw;letter-spacing:.08em;color:var(--soft)}

/* Yazı stili seçimi (isimler) */
.inv[class*=" y-"] .names{font-style:normal}
.inv.y-el{--fn:"Great Vibes",cursive}
.inv.y-zarif{--fn:"Pinyon Script",cursive}
.inv.y-klasik{--fn:"Cormorant Garamond",serif}
.inv.y-modern{--fn:"Italiana",serif}
.inv.y-bodoni{--fn:"Bodoni Moda",serif}
.inv.y-bodoni .names{font-style:italic}
.inv.y-sade{--fn:"Marcellus",serif}
.inv.y-el .names,.inv.y-zarif .names{font-size:15cqw}
.inv.y-sade .names,.inv.y-modern .names{font-size:12.5cqw}

/* Katılım notu */
.inv .knot{font-style:italic;font-size:4.4cqw;color:var(--acc);margin:-1cqw 0 5cqw;line-height:1.5}
