/* davetadresi · panel ve üyelik sayfaları */
:root{
  --ink:#0E1626; --ink-2:#16213A; --ink-3:#0A101C;
  --paper:#F6F4EF; --paper-2:#EDEAE3; --white:#FFFFFF;
  --txt:#1B2233; --txt-soft:#5B6273;
  --champ:#C9AE78; --champ-lt:#E8DCBF; --champ-dk:#8C723F;
  --wax:#9E2430; --wax-2:#B3303B;
  --ok:#2F6B45; --warn:#8A5A12;
  --mist:#AEB6C6;
  --line-d:rgba(232,220,191,.16); --line-l:rgba(27,34,51,.14);
  --f-d:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --f-b:"Jost","Futura","Avenir Next","Segoe UI",sans-serif;
  --f-m:"Courier Prime","Courier New",monospace;
  --f-s:"Pinyon Script","Snell Roundhand",cursive;
--lattice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cdefs%3E%3Cpolygon id='s' points='0,-1 .29,-.71 .71,-.71 .71,-.29 1,0 .71,.29 .71,.71 .29,.71 0,1 -.29,.71 -.71,.71 -.71,.29 -1,0 -.71,-.29 -.71,-.71 -.29,-.71'/%3E%3C/defs%3E%3Cg fill='none' stroke='%23E2C07C' stroke-opacity='.11'%3E%3Cg stroke-width='.064'%3E%3Cuse href='%23s' transform='translate(44 44) scale(15.6)'/%3E%3Cuse href='%23s' transform='scale(15.6)'/%3E%3Cuse href='%23s' transform='translate(88 0) scale(15.6)'/%3E%3Cuse href='%23s' transform='translate(0 88) scale(15.6)'/%3E%3Cuse href='%23s' transform='translate(88 88) scale(15.6)'/%3E%3C/g%3E%3Ccircle cx='44' cy='44' r='4'/%3E%3Cpath d='M11 11L33 33M55 33L77 11M33 55L11 77M55 55L77 77M44 28.4V4M44 59.6V84M28.4 44H4M59.6 44H84M15.6 0H40M48 0H72.4M15.6 88H40M48 88H72.4M0 15.6V40M0 48V72.4M88 15.6V40M88 48V72.4M44 -4L48 0L44 4L40 0ZM44 84L48 88L44 92L40 88ZM-4 44L0 40L4 44L0 48ZM84 44L88 40L92 44L88 48Z'/%3E%3C/g%3E%3C/svg%3E");
  --noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-9 -9 18 18'%3E%3Cpolygon points='0,-1 .29,-.71 .71,-.71 .71,-.29 1,0 .71,.29 .71,.71 .29,.71 0,1 -.29,.71 -.71,.71 -.71,.29 -1,0 -.71,-.29 -.71,-.71 -.29,-.71' transform='scale(7.6)' fill='%23FBF5EC' stroke='%23A8823F' stroke-width='.11'/%3E%3Ccircle r='1.7' fill='%23A8823F'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--paper);color:var(--txt);font-family:var(--f-b);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
:where(p,h1,h2,h3,ul,ol,figure){margin:0}
:where(ul,ol){padding:0;list-style:none}
a{color:var(--wax)}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ic{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:14px;color:var(--champ-dk)}
.eyebrow::before{content:"";width:7px;height:7px;background:currentColor;transform:rotate(45deg)}
.h1{font-family:var(--f-d);font-weight:400;font-size:clamp(34px,4.6vw,56px);line-height:1.05;letter-spacing:-.015em;text-wrap:balance;margin-top:10px}
.h2{font-family:var(--f-d);font-weight:400;font-size:clamp(30px,3.6vw,44px);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
.h1 em,.h2 em{color:var(--wax)}
.sub{color:var(--txt-soft);max-width:56ch}
.hint{font-size:14px;color:var(--txt-soft)}
.hint.center{text-align:center}
.opt{font-weight:400;letter-spacing:0;text-transform:none;font-size:13px;color:var(--txt-soft)}
.back{display:inline-block;margin-top:22px;font-size:14.5px;color:var(--txt-soft);text-decoration:none}
.back:hover{color:var(--txt)}

/* Düğmeler */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 22px;font-family:var(--f-b);font-weight:500;font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;line-height:1.2;text-decoration:none;text-align:center;border:1px solid transparent;border-radius:2px;background:none;color:inherit;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible{outline:2px solid var(--wax);outline-offset:3px}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.btn-sm{min-height:40px;padding:8px 14px;font-size:11.5px;letter-spacing:.13em}
.btn-wide{width:100%}
.btn-seal{background:var(--wax);color:#FBF6EE;box-shadow:inset 0 0 0 3px var(--wax),inset 0 0 0 4px rgba(232,220,191,.5)}
.btn-seal:hover{background:var(--wax-2);box-shadow:inset 0 0 0 3px var(--wax-2),inset 0 0 0 4px rgba(232,220,191,.8)}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-ink:hover{background:var(--ink-2)}
.btn-quiet{color:var(--txt);border-color:var(--line-l);background:var(--white)}
.btn-quiet:hover{border-color:var(--txt)}
.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;color:var(--txt-soft);background:transparent;border:1px solid transparent;border-radius:2px;cursor:pointer}
.icon-btn:hover{color:var(--txt);border-color:var(--line-l);background:var(--white)}
.icon-btn:focus-visible{outline:2px solid var(--wax);outline-offset:1px}

/* Üst menü */
.ahdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--ink);color:var(--paper);border-bottom:1px solid var(--line-d)}
.ahdr-in{display:flex;align-items:center;gap:20px;min-height:66px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--paper)}
.brand svg{width:32px;height:32px}
.brand-word{font-family:var(--f-d);font-size:23px;line-height:1}
.brand-word em{color:var(--champ)}
.hnav{display:flex;align-items:center;gap:18px;margin-left:auto}
.hn-link{display:inline-flex;align-items:center;gap:8px;padding:6px 0;font:inherit;font-size:14.5px;color:rgba(246,244,239,.8);text-decoration:none;background:none;border:0;cursor:pointer}
.hn-link:hover{color:var(--paper)}
.hn-link:focus-visible{outline:2px solid var(--champ);outline-offset:4px}
.hn-user{font-family:var(--f-m);font-size:13.5px;color:var(--champ);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn-out{margin:0}
@media (max-width:620px){.hn-user,.hn-link span{display:none}}

/* Bildirimler */
.flash{margin:18px 0 0;padding:14px 18px;font-size:15.5px;border:1px solid;border-radius:2px}
.flash a{font-weight:500}
.flash-error{color:#7A1422;background:#FBEDEE;border-color:rgba(158,36,48,.3)}
.flash-ok{color:#1F4E30;background:#EDF5EF;border-color:rgba(47,107,69,.3)}
.flash-warn{color:#5E3F0B;background:#FBF4E6;border-color:rgba(138,90,18,.3)}
.flash-info{color:var(--txt);background:var(--white);border-color:var(--line-l)}
.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:90;transform:translateX(-50%);display:flex;align-items:center;gap:14px;max-width:calc(100% - 32px);width:max-content;padding:11px 12px 11px 18px;font-size:15.5px;color:var(--paper);background:var(--ink);border:1px solid rgba(232,220,191,.35);box-shadow:0 18px 40px -12px rgba(0,0,0,.5);animation:toast .3s ease both}
.toast button{font:inherit;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--champ-lt);background:transparent;border:1px solid rgba(232,220,191,.45);padding:7px 11px;cursor:pointer}
@keyframes toast{from{opacity:0;transform:translate(-50%,10px)}}

/* Formlar */
.form{display:flex;flex-direction:column;gap:20px;margin-top:26px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.lbl{font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-soft)}
.inp{width:100%;min-width:0;padding:9px 0;font:inherit;font-size:18px;color:var(--txt);background:transparent;border:0;border-bottom:1px solid var(--line-l);border-radius:0;outline:none;color-scheme:light;transition:border-color .2s,box-shadow .2s}
.inp:focus{border-color:var(--txt);box-shadow:0 1px 0 var(--txt)}
.inp::placeholder{color:rgba(91,98,115,.55)}
select.inp{appearance:none;background:linear-gradient(45deg,transparent 50%,var(--txt-soft) 50%) right 6px center/6px 6px no-repeat,linear-gradient(-45deg,transparent 50%,var(--txt-soft) 50%) right 0 center/6px 6px no-repeat;padding-right:22px;cursor:pointer}
.area{min-height:90px;padding:10px 12px;font-size:16.5px;line-height:1.5;border:1px solid var(--line-l);background:var(--white);resize:vertical}
.area:focus{box-shadow:none}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.grid2 .span2{grid-column:1/-1}
@media (max-width:560px){.grid2{grid-template-columns:1fr}}
.check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:16px}
.check input{width:18px;height:18px;margin:3px 0 0;accent-color:var(--wax);flex:none}
.fine{font-size:13px;color:var(--txt-soft)}

/* Üyelik */
.auth main{min-height:calc(100vh - 67px)}
.auth-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:calc(100vh - 67px)}
.auth-card{align-self:center;width:100%;max-width:480px;margin-inline:auto;padding:clamp(32px,6vw,64px) clamp(16px,4vw,40px)}
.auth-alt{margin-top:24px;font-size:15px;color:var(--txt-soft)}
.auth-side{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:48px 32px;background:radial-gradient(60% 60% at 50% 40%,rgba(62,92,150,.35),transparent 70%),var(--lattice) center/88px 88px,var(--ink);color:var(--paper);text-align:center}
.auth-env{position:relative;width:min(420px,90%);aspect-ratio:3/2;container-type:inline-size;transform:rotate(-5deg);animation:bob 7s ease-in-out infinite}
@keyframes bob{50%{transform:rotate(-5deg) translateY(-10px)}}
.auth-env-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw;padding-top:10cqw;border-radius:4px;background:radial-gradient(120% 90% at 25% 0%,rgba(255,255,255,.85),transparent 60%),var(--noise),linear-gradient(160deg,#F9F5EC,#E5DBC9);box-shadow:0 44px 70px -30px rgba(0,0,0,.85)}
.ae-say{font-size:2.6cqw;letter-spacing:.38em;text-transform:uppercase;color:var(--champ-dk)}
.ae-name{font-family:var(--f-d);font-style:italic;font-size:6.6cqw;color:var(--txt)}
.ae-addr{padding-top:1.6cqw;border-top:1px dashed rgba(27,34,51,.28);font-family:var(--f-m);font-size:3.2cqw;color:var(--txt-soft)}
.auth-seal{position:absolute;right:8%;top:-8%;width:18%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}
.auth-quote{font-family:var(--f-d);font-size:clamp(28px,3vw,40px);line-height:1.1;max-width:14ch}
.auth-quote em{color:var(--champ)}
.auth-plan{max-width:36ch;font-size:15px;color:var(--mist)}
.auth-plan b{color:var(--champ-lt);font-weight:500}
@media (max-width:860px){.auth-grid{grid-template-columns:1fr}.auth-side{display:none}}

/* Sayfa başlığı ve alt menü */
.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;padding-block:18px 8px}
.panel main{padding-bottom:90px}
.subnav{display:flex;gap:4px;margin-top:18px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line-l)}
.subnav a{flex:none;padding:12px 16px;font-size:15px;color:var(--txt-soft);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.subnav a:hover{color:var(--txt)}
.subnav a[aria-current="page"]{color:var(--txt);border-bottom-color:var(--wax)}
.summary{display:flex;gap:18px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-soft)}
.summary b{margin-right:6px;font-family:var(--f-d);font-size:26px;font-weight:400;letter-spacing:0;color:var(--wax);font-variant-numeric:lining-nums tabular-nums}
.panel-card{padding:clamp(20px,3vw,32px);background:var(--white);border:1px solid var(--line-l)}
.ed-h{font-family:var(--f-d);font-weight:400;font-size:26px;line-height:1.2;margin-bottom:16px}
.ed-h .opt{font-family:var(--f-b);margin-left:6px}
.ed-h-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.empty-line{padding:22px 0;color:var(--txt-soft);text-align:center}

/* Şablon renkleri (küçük görseller) */
[data-t]{--tnm:var(--f-s)}
[data-t="selcuklu"]{--g:radial-gradient(90% 60% at 50% 0%,rgba(156,33,55,.6),transparent 70%),var(--lattice) center/44px 44px,linear-gradient(180deg,#4C0E1D,#2B0711);--tp:#FBF5EC;--ti:#3A1C1F;--tm:#7A5B58;--ta:#9A7432;--tr:rgba(138,102,41,.42);--tnb:linear-gradient(100deg,#6A4B19,#A9823E 22%,#D9BE80 40%,#9A7432 58%,#76561F)}
[data-t="gece"]{--g:radial-gradient(80% 50% at 50% 0%,rgba(90,120,180,.35),transparent 70%),radial-gradient(1.3px 1.3px at 14% 16%,#fff,transparent),radial-gradient(1px 1px at 78% 10%,#fff,transparent),radial-gradient(1.5px 1.5px at 64% 30%,rgba(255,255,255,.8),transparent),linear-gradient(180deg,#1A2D52,#0A1326);--tp:#15223F;--ti:#EDE4CC;--tm:#A9B4CB;--ta:#D8BD7E;--tr:rgba(216,189,126,.38);--tnb:linear-gradient(100deg,#B8914A,#F3E2B0 26%,#CFAE68 46%,#FFF1C8 64%,#C49F58)}
[data-t="lale"]{--g:radial-gradient(circle,rgba(255,255,255,.42) 1px,transparent 1.6px) 0 0/18px 18px,linear-gradient(180deg,#C5CEB8,#A3AF93);--tp:#FFFDF8;--ti:#2F3A2C;--tm:#6D7566;--ta:#B85C66;--tr:rgba(94,122,85,.35);--tnb:linear-gradient(#A94E5A,#A94E5A)}
[data-t="alyazma"]{--g:radial-gradient(circle,rgba(227,192,122,.28) 1.2px,transparent 1.8px) 0 0/16px 16px,linear-gradient(180deg,#7A1222,#46070F);--tp:#8E1628;--ti:#F7E8CB;--tm:#EBCDB0;--ta:#E3C07A;--tr:rgba(227,192,122,.45);--tnb:linear-gradient(100deg,#C9A45F,#F6E6B8 30%,#D9B76A 55%,#FFF1C8 75%,#C9A45F)}
[data-t="beyaz"]{--g:linear-gradient(180deg,#EEEBE5,#D9D4CB);--tp:#FFFFFF;--ti:#141414;--tm:#6B6B6B;--ta:#141414;--tr:rgba(20,20,20,.2);--tnm:var(--f-d);--tnb:linear-gradient(#141414,#141414)}
[data-t="zeytin"]{--g:radial-gradient(90% 60% at 50% 0%,rgba(170,185,120,.35),transparent 70%),linear-gradient(180deg,#67724B,#3F482D);--tp:#F6F1E4;--ti:#2E3322;--tm:#6A6E58;--ta:#6B7A45;--tr:rgba(107,122,69,.42);--tnb:linear-gradient(#4F5A2E,#4F5A2E)}
.names-fx{background-image:var(--tnb);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:.12em .3em;margin:-.12em -.3em}
.names-fx i{font-family:var(--f-d);font-style:italic;font-size:.46em;padding-inline:.25em;-webkit-text-fill-color:var(--ta);color:var(--ta);vertical-align:.3em}
[data-t="beyaz"] .names-fx{font-style:italic}

/* Davetiyelerim */
.verify-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:14px 18px;background:#FBF4E6;border:1px solid rgba(138,90,18,.3);color:#5E3F0B}
.draft-found{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:16px 20px;background:var(--white);border:1px dashed var(--wax)}
.df-acts{display:flex;gap:8px}
.invs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:22px;margin-top:26px}
.inv{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:18px;background:var(--white);border:1px solid var(--line-l);transition:box-shadow .3s,transform .3s}
.inv:hover{box-shadow:0 26px 50px -34px rgba(14,22,38,.5);transform:translateY(-2px)}
.thumb{position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:2px;background:var(--g)}
.mini{position:absolute;left:50%;top:10%;width:72%;aspect-ratio:3/4.3;container-type:inline-size;background:var(--tp);color:var(--ti);transform:translateX(-50%) rotate(-2deg);box-shadow:0 14px 24px -10px rgba(0,0,0,.55)}
.mini-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:3cqw;padding:12cqw 8cqw;text-align:center}
.mini-in::before{content:"";position:absolute;inset:4cqw;border:1px solid var(--tr)}
.m-motif{width:66%;height:auto;color:var(--ta)}
.m-names{font-family:var(--tnm);font-size:14cqw;line-height:1.15}
.m-date{font-size:5cqw;letter-spacing:.2em;font-variant-numeric:lining-nums}
.inv-body{display:flex;flex-direction:column;gap:8px;min-width:0}
.inv-top{display:flex;align-items:center;gap:10px}
.inv-tpl{font-family:var(--f-m);font-size:13px;color:var(--champ-dk)}
.inv-title{font-family:var(--f-d);font-weight:400;font-size:30px;line-height:1.1}
.inv-url{font-family:var(--f-m);font-size:14.5px;color:var(--txt-soft);overflow-wrap:anywhere}
.inv-meta{font-size:14.5px;color:var(--txt-soft)}
.inv-stats{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;color:var(--txt-soft)}
.inv-stats b{color:var(--txt);font-weight:500}
.inv-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;border-radius:99px}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill-draft{color:var(--warn);background:#FBF1DF}
.pill-live{color:var(--ok);background:#E6F2EA}
.pill-off{color:#6B6F7A;background:#EDEEF1}
.empty{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:40px;padding:clamp(40px,7vw,80px) 20px;text-align:center;background:var(--white);border:1px solid var(--line-l)}
.empty-seal{width:84px;height:84px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.25))}
@media (max-width:560px){.inv{grid-template-columns:1fr}.thumb{max-width:220px}}

/* Düzenleyici */
.ed-bar{position:sticky;top:calc(66px + env(safe-area-inset-top,0px));z-index:30;background:rgba(246,244,239,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-l)}
.ed-bar-in{display:flex;align-items:center;gap:16px;min-height:60px}
.ed-bar .back{margin:0}
.save-state{margin-left:auto;font-family:var(--f-m);font-size:13.5px;color:var(--txt-soft)}
.save-state.saving{color:var(--warn)}
.save-state.err{color:var(--wax)}
.ed-bar-acts{display:flex;gap:8px}
.editor{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(28px,4vw,56px);align-items:start;padding-block:28px 90px}
.ed-form{display:flex;flex-direction:column;gap:18px;min-width:0}
.ed-sec{padding:clamp(20px,3vw,30px);background:var(--white);border:1px solid var(--line-l);display:flex;flex-direction:column;gap:16px;scroll-margin-top:150px}
.ed-sec .ed-h{margin-bottom:0}
.swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sw{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 12px 8px 8px;line-height:1.2;background:var(--paper);border:1px solid var(--line-l);cursor:pointer;transition:border-color .2s,background-color .2s}
.sw:hover{border-color:var(--txt)}
.sw b{display:block;font-weight:500;font-size:15.5px}
.sw small{font-family:var(--f-m);font-size:12.5px;color:var(--txt-soft)}
.sw-chip{position:relative;flex:none;width:38px;height:40px;overflow:hidden;border-radius:2px;background:var(--g)}
.sw-chip::after{content:"";position:absolute;left:24%;right:24%;top:22%;bottom:-12%;background:var(--tp);box-shadow:0 2px 4px rgba(0,0,0,.3)}
input:checked+.sw{background:var(--white);border-color:var(--txt);box-shadow:inset 0 0 0 1px var(--txt)}
input:focus-visible+.sw{outline:2px solid var(--wax);outline-offset:2px}
@media (max-width:620px){.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}
.events{display:flex;flex-direction:column;gap:14px}
.ev{position:relative;margin:0;padding:18px 18px 20px;border:1px solid var(--line-l);background:var(--paper);min-width:0}
.ev-legend{display:flex;align-items:baseline;gap:10px;padding:0 6px;font-family:var(--f-d);font-size:20px}
.ev-no{font-family:var(--f-m);font-size:13px;color:var(--wax)}
.ev-tools{position:absolute;top:8px;right:8px;display:flex;gap:2px}
.ev .grid2{margin-top:8px}
.music-box{display:flex;flex-direction:column;gap:14px}
.music-now{font-size:15.5px}
.music-now b{font-weight:500}
.music-box audio{width:100%;height:40px}
.music-acts{display:flex;flex-wrap:wrap;gap:8px}
.file-btn{cursor:pointer}
.file-btn:focus-within{outline:2px solid var(--wax);outline-offset:3px}
.slug-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.slug-pre{font-family:var(--f-m);font-size:16px;color:var(--txt-soft)}
.slug-inp{flex:1;min-width:160px;font-family:var(--f-m);font-size:17px}
.slug-state{min-height:1.4em;font-family:var(--f-m);font-size:13.5px;color:var(--txt-soft)}
.slug-state.ok{color:var(--ok)}
.slug-state.bad{color:var(--wax)}
.ed-preview{position:sticky;top:150px;display:flex;flex-direction:column;align-items:center;gap:14px}
.pv-phone{position:relative;width:340px;max-width:100%;padding:12px;border-radius:46px;background:#0A0E17;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 0 0 2px #232A38,0 40px 70px -30px rgba(14,22,38,.7)}
.pv-phone::before{content:"";position:absolute;top:20px;left:50%;z-index:3;width:92px;height:22px;transform:translateX(-50%);background:#0A0E17;border-radius:99px}
.pv-screen{position:relative;overflow:hidden;border-radius:36px;aspect-ratio:390/780;background:#000}
.pv-screen iframe{position:absolute;left:0;top:0;width:390px;height:780px;border:0;transform-origin:0 0;transform:scale(var(--pvs,.81))}
.pv-acts{display:flex;gap:8px}
@media (max-width:1020px){
  .editor{grid-template-columns:1fr}
  .ed-preview{position:relative;top:auto;order:-1}
}
@media (max-width:620px){.ed-bar-acts .btn-quiet{display:none}.save-state{font-size:12px}}

/* Davetliler */
.g-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;margin-top:22px;align-items:start}
.g-add{display:flex;flex-direction:column;gap:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:inherit;font-size:14.5px;color:var(--wax);background:var(--paper);border:1px dashed var(--line-l);border-radius:99px;padding:5px 13px;cursor:pointer}
.chip:hover{border-color:var(--wax)}
.chip:focus-visible{outline:2px solid var(--wax);outline-offset:2px}
.bulk{margin-top:22px;padding-top:16px;border-top:1px solid var(--line-l)}
.bulk summary{cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--wax)}
.bulk .field{margin:12px 0}
.g-msg{margin-top:22px;padding-top:18px;border-top:1px solid var(--line-l);display:flex;flex-direction:column;gap:8px}
.g-list{margin-top:6px;border-top:1px solid var(--line-l)}
.g-item{display:grid;grid-template-columns:minmax(0,1fr);gap:10px 14px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line-l)}
.g-name{font-weight:500;font-size:17px}
.g-link{display:block;margin-top:2px;overflow:hidden;font-family:var(--f-m);font-size:12.5px;color:var(--txt-soft);white-space:nowrap;text-overflow:ellipsis}
.g-acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px}
.g-item.is-sent .g-name{color:var(--txt-soft)}
.sent{position:relative;display:inline-flex}
.sent input{position:absolute;opacity:0;width:1px;height:1px}
.sent label{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--txt-soft);background:var(--white);border:1px solid var(--line-l);cursor:pointer}
.sent label::before{content:"";width:8px;height:8px;border:1px solid currentColor;transform:rotate(45deg)}
.sent input:checked+label{color:var(--white);background:var(--ok);border-color:var(--ok)}
.sent input:checked+label::before{background:var(--champ-lt);border-color:var(--champ-lt)}
.sent input:focus-visible+label{outline:2px solid var(--wax);outline-offset:2px}
@media (max-width:900px){.g-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.g-item{grid-template-columns:minmax(0,1fr)}.g-acts{justify-content:flex-start}}

/* Yanıtlar */
.stat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-block:22px}
.stat{display:flex;flex-direction:column;gap:2px;padding:16px 18px;background:var(--white);border:1px solid var(--line-l)}
.stat b{font-family:var(--f-d);font-weight:400;font-size:38px;line-height:1;color:var(--wax);font-variant-numeric:lining-nums tabular-nums}
.stat span{font-size:13.5px;color:var(--txt-soft)}
.table-wrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl th{padding:10px 12px;text-align:left;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-soft);border-bottom:1px solid var(--line-l);white-space:nowrap}
.tbl td{padding:12px;border-bottom:1px solid var(--line-l);vertical-align:top}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.tbl .strong{font-weight:500}
.tbl .muted{color:var(--txt-soft);white-space:nowrap}
.tbl .note{max-width:28ch;color:var(--txt-soft)}
.tbl form{margin:0}

/* Yayınla */
.checkout{display:flex;flex-direction:column;gap:22px;margin-top:22px}
.checks{display:flex;flex-direction:column;gap:10px}
.checks li{display:flex;align-items:center;gap:10px;font-size:16px}
.checks li.ok .ic{color:var(--ok)}
.checks li.no .ic{color:var(--wax)}
.checks li.no span{color:var(--txt-soft)}
.addr-line{margin-top:14px;font-family:var(--f-m);font-size:15px}
.checkout .slug-row{margin-top:16px}
.plan-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plan-pick{position:relative;display:flex;cursor:pointer}
.pp-in{flex:1;display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--white);border:1px solid var(--line-l);transition:border-color .2s,box-shadow .2s,transform .2s}
.plan-pick:hover .pp-in{border-color:var(--txt)}
.plan-pick input:checked+.pp-in{border-color:var(--wax);box-shadow:inset 0 0 0 1px var(--wax),0 24px 40px -30px rgba(158,36,48,.6);transform:translateY(-3px)}
.plan-pick input:focus-visible+.pp-in{outline:2px solid var(--wax);outline-offset:3px}
.pp-top{display:flex;align-items:center;justify-content:space-between}
.pp-name{font-family:var(--f-d);font-style:italic;font-size:30px;line-height:1}
.pp-badge{font-family:var(--f-m);font-size:12.5px;color:var(--wax)}
.pp-price{font-family:var(--f-d);font-size:46px;line-height:1;font-variant-numeric:lining-nums}
.pp-price small{margin-left:6px;font-family:var(--f-b);font-size:14px;color:var(--txt-soft)}
.pp-tag{font-size:15px;color:var(--txt-soft)}
.pp-list{display:flex;flex-direction:column;gap:7px;padding-top:12px;border-top:1px solid var(--line-l);font-size:14.5px}
.pp-list span{display:flex;gap:10px;align-items:baseline}
.pp-list span::before{content:"";flex:none;width:6px;height:6px;background:var(--champ-dk);transform:rotate(45deg) translateY(-2px)}
.pp-warn{padding:10px 12px;font-size:13.5px;color:var(--warn);background:#FBF4E6}
.pay-box{display:flex;flex-direction:column;gap:14px;max-width:560px;width:100%;margin-inline:auto}
.demo-note{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;font-size:14.5px;color:var(--warn);background:#FBF4E6}
.demo-note .ic{margin-top:3px}
.done-box{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:22px;padding:clamp(32px,5vw,56px) 20px;text-align:center;color:var(--paper);background:radial-gradient(60% 80% at 50% 30%,rgba(62,92,150,.35),transparent 70%),var(--lattice) center/88px 88px,var(--ink)}
.done-box .h2 em{color:var(--champ)}
.done-box .sub{color:var(--mist)}
.done-seal{width:90px;height:90px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.5));animation:pop 1s cubic-bezier(.2,.8,.2,1.3) both}
@keyframes pop{from{transform:scale(.3) rotate(-30deg);opacity:0}}
.done-url{font-family:var(--f-m);font-size:clamp(17px,2.2vw,22px)}
.done-url a{color:var(--champ-lt)}
.done-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}
.done-box .btn-quiet{background:transparent;color:var(--champ-lt);border-color:rgba(232,220,191,.4)}
@media (max-width:900px){.plan-picks{grid-template-columns:1fr}}

/* Hesabım ve silme */
.wrap.narrow{max-width:760px}
.acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.acc-mail{font-family:var(--f-m);font-size:16px;padding:8px 0}
.danger-card{display:flex;flex-direction:column;gap:14px;margin-top:22px;border-color:rgba(158,36,48,.35)}
.del-list{display:flex;flex-direction:column;gap:6px;padding-left:18px!important;list-style:disc!important;color:var(--txt-soft)}
.btn-danger{background:#7A1422;color:#FFF}
.btn-danger:hover{background:#9E2430}
.hn-user{text-decoration:none}
.hn-user:hover{color:var(--champ-lt)}
@media (max-width:760px){.acc-grid{grid-template-columns:1fr}}

/* Yönetim */
.adm-search{display:flex;gap:10px;align-items:center;min-width:min(100%,380px)}
.adm-search .inp{font-size:16px}
.sys-row{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:18px;font-size:14.5px}
.sys-row li{display:flex;gap:10px;align-items:baseline}
.sys-row span{font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-soft)}
.sys-row b{font-weight:500}
.sys-row .ok{color:var(--ok)}
.sys-row .warn{color:var(--warn)}
.stat small{font-size:12.5px;color:var(--txt-soft)}
.adm-sec{margin-top:22px}
.adm-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.plan-bars{display:flex;flex-direction:column;gap:10px}
.plan-bars li{display:grid;grid-template-columns:90px 1fr 40px;gap:14px;align-items:center}
.pb-name{font-family:var(--f-d);font-style:italic;font-size:20px}
.pb-track{height:10px;background:var(--paper-2);border-radius:99px;overflow:hidden}
.pb-track i{display:block;height:100%;background:linear-gradient(90deg,var(--wax),var(--champ));border-radius:99px}
.plan-bars b{font-variant-numeric:tabular-nums;text-align:right;font-weight:500}
@media (max-width:1020px){.adm-grid{grid-template-columns:1fr}}

/* Yasal metinler */
.legal{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(28px,5vw,64px);padding-block:36px 90px}
.lg-nav{position:sticky;top:90px;align-self:start;display:flex;flex-direction:column;border-left:1px solid var(--line-l)}
.lg-nav a{padding:10px 16px;font-size:15px;color:var(--txt-soft);text-decoration:none;border-left:2px solid transparent;margin-left:-1px}
.lg-nav a:hover{color:var(--txt)}
.lg-nav a[aria-current="page"]{color:var(--txt);border-left-color:var(--wax)}
.lg-doc{max-width:72ch;padding:clamp(24px,4vw,48px);background:var(--white);border:1px solid var(--line-l)}
.lg-doc .h1{font-size:clamp(30px,3.8vw,44px)}
.lg-date{margin:10px 0 26px!important;font-family:var(--f-m);font-size:13.5px;color:var(--txt-soft)}
.lg-doc h2{margin:34px 0 12px;font-family:var(--f-d);font-weight:400;font-size:26px;line-height:1.2}
.lg-doc h3{margin:24px 0 8px;font-size:15px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--wax)}
.lg-doc p{margin:0 0 12px;color:#2B3243}
.lg-doc ul{margin:0 0 12px;padding-left:20px!important;list-style:disc!important;display:flex;flex-direction:column;gap:6px;color:#2B3243}
.lg-id{display:grid;gap:0;margin:0 0 12px;border-top:1px solid var(--line-l)}
.lg-id div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--line-l)}
.lg-id dt{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-soft)}
.lg-id dd{margin:0}
.consent{font-size:14.5px;line-height:1.5;color:var(--txt-soft)}
@media (max-width:860px){.legal{grid-template-columns:1fr}.lg-nav{position:relative;top:auto;flex-direction:row;flex-wrap:wrap;border-left:0;border-bottom:1px solid var(--line-l)}.lg-nav a{border-left:0;border-bottom:2px solid transparent;margin:0 0 -1px}.lg-nav a[aria-current="page"]{border-bottom-color:var(--wax)}}

/* Mesaj sayfası */
.message-page{display:grid;place-items:center;min-height:100vh;padding:24px 16px;background:radial-gradient(60% 60% at 50% 30%,rgba(62,92,150,.35),transparent 70%),var(--ink);color:var(--paper)}
.msg{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:560px;text-align:center}
.msg .h1 em{color:var(--champ)}
.msg .sub{color:var(--mist)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Havale / EFT siparişi */
.order-box{position:relative;display:flex;flex-direction:column;gap:18px;max-width:680px;margin:22px auto 0;padding:clamp(26px,4vw,42px);color:var(--paper);background:radial-gradient(70% 60% at 85% 0%,rgba(158,36,48,.32),transparent 70%),radial-gradient(60% 70% at 0% 100%,rgba(62,92,150,.3),transparent 70%),var(--lattice) center/88px 88px,var(--ink);border:1px solid var(--line-d);box-shadow:0 30px 60px -30px rgba(14,22,38,.6);overflow:hidden;animation:ob-in .8s cubic-bezier(.2,.8,.2,1) both}
.order-box::before{content:"";position:absolute;inset:10px;border:1px solid rgba(201,174,120,.28);pointer-events:none}
@keyframes ob-in{from{opacity:0;transform:translateY(24px) scale(.98)}}
.ob-head{display:flex;align-items:center;gap:18px}
.ob-seal{flex:none;width:64px;height:64px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5));animation:pop 1s cubic-bezier(.2,.8,.2,1.3) .15s both}
.order-box .eyebrow{color:var(--champ)}
.order-box .h2 em{color:var(--champ)}
.order-box .sub{color:var(--mist);font-size:16px}
.order-box .sub b{color:var(--champ-lt);font-weight:500}
.bank{display:flex;flex-direction:column;margin:0;border-top:1px solid var(--line-d)}
.bank-row{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line-d)}
.bank-row dt{font-family:var(--f-m);font-size:13px;color:var(--mist)}
.bank-row dd{margin:0;font-size:16.5px;color:var(--paper);overflow-wrap:anywhere}
.bank-iban dd,.bank-ref dd{font-family:var(--f-m);font-size:clamp(15px,2.2vw,18px);letter-spacing:.04em;color:var(--champ-lt)}
.bank-ref dd{color:#FFD9A0;font-weight:700}
.copy-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;font:inherit;font-size:13px;color:var(--champ-lt);background:rgba(232,220,191,.06);border:1px solid rgba(232,220,191,.3);border-radius:2px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.copy-btn:hover{background:rgba(232,220,191,.14)}
.copy-btn.is-done{color:#BFE6C9;border-color:rgba(191,230,201,.5)}
.copy-btn .ic{width:15px;height:15px}
.ob-state{display:flex;gap:10px;align-items:flex-start;margin:0}
.ob-state .ic{margin-top:4px}
.order-box .hint{color:var(--mist)}
.ob-cancel{text-align:center}
.link-btn{padding:4px;font:inherit;font-size:14px;color:var(--txt-soft);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.link-btn:hover{color:var(--wax)}
.order-box .link-btn{color:var(--mist)}
.order-box .link-btn:hover{color:var(--champ-lt)}
.pill-wait{color:#2C4A80;background:#E7EDF8}
.pill-stop{color:#7A1422;background:#FBEDEE}
@media (max-width:560px){.bank-row{grid-template-columns:1fr auto}.bank-row dt{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.order-box,.ob-seal{animation:none}}

/* Yönetim işlemleri */
.adm-orders{border-color:rgba(62,92,150,.4);box-shadow:0 0 0 3px rgba(62,92,150,.08)}
.adm-acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.adm-activate{display:flex;gap:6px;align-items:center}
.inp-sm{padding:6px 8px;font-size:13.5px;width:auto}
.adm-danger{color:#7A1422}
.mono{font-family:var(--f-m)}
.sys-row form{display:inline}
.adm-log{display:flex;flex-direction:column;gap:6px;font-size:14.5px}
.adm-log li{padding:6px 0;border-bottom:1px solid var(--line-l)}
.g-open{display:inline-flex;align-items:center;gap:5px;margin-left:10px;padding:2px 9px;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;vertical-align:2px;color:var(--ok);background:#E6F2EA;border-radius:99px}
.g-open::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 rgba(47,107,69,.5);animation:g-ping 2.4s ease-out infinite}
@keyframes g-ping{70%,100%{box-shadow:0 0 0 7px rgba(47,107,69,0)}}
@media (prefers-reduced-motion:reduce){.g-open::before{animation:none}}
.g-tools{display:flex;flex-wrap:wrap;gap:8px}

/* Düzenleyici: ek bilgiler */
.x-sec{border:1px solid var(--line-l);background:var(--white);margin-top:10px}
.x-sec>summary{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;font-weight:500;list-style:none}
.x-sec>summary::-webkit-details-marker{display:none}
.x-sec>summary::after{content:"+";margin-left:auto;font-size:20px;line-height:1;color:var(--champ-dk);transition:transform .25s}
.x-sec[open]>summary::after{transform:rotate(45deg)}
.x-sec>summary .opt{font-weight:400}
.x-sec>:not(summary){margin:0 16px 14px}
.x-sec .grid2{margin-top:4px}
.mono-inp{font-family:var(--f-m);letter-spacing:.04em}
.hint.ok{color:var(--ok)}
.hint.err{color:#7A1422}

/* Düzenleyici: şarkı listesi */
.songs{display:flex;flex-direction:column;gap:8px}
.song-row{display:flex;gap:8px;align-items:stretch}
.song{flex:1;min-width:0;cursor:pointer}
.song-in{display:flex;align-items:center;gap:14px;height:100%;padding:12px 14px;background:var(--white);border:1px solid var(--line-l);transition:border-color .2s,background .2s,box-shadow .2s}
.song:hover .song-in{border-color:var(--champ)}
.song input:checked+.song-in{border-color:var(--wax);background:#FBF3F1;box-shadow:inset 3px 0 0 var(--wax)}
.song input:focus-visible+.song-in{outline:2px solid var(--wax);outline-offset:2px}
.song-t{display:flex;flex-direction:column;min-width:0}
.song-t b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.song-t small{font-size:13.5px;color:var(--txt-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.song-none .ic{color:var(--txt-soft)}
.eq{display:inline-flex;align-items:flex-end;gap:2px;width:18px;height:16px;flex:none}
.eq i{flex:1;height:30%;background:var(--champ-dk);border-radius:1px}
.song input:checked+.song-in .eq i{background:var(--wax)}
.song-row.is-playing .eq i{animation:eq-b .9s ease-in-out infinite alternate}
.song-row.is-playing .eq i:nth-child(2){animation-delay:-.3s}
.song-row.is-playing .eq i:nth-child(3){animation-delay:-.6s}
.song-row.is-playing .eq i:nth-child(4){animation-delay:-.15s}
@keyframes eq-b{from{height:20%}to{height:100%}}
.song-play{display:grid;place-items:center;flex:none;width:48px;padding:0;color:var(--ink);background:var(--white);border:1px solid var(--line-l);cursor:pointer;transition:background .2s,color .2s}
.song-play:hover{border-color:var(--champ)}
.song-play .ic-pause{display:none}
.song-row.is-playing .song-play{color:var(--paper);background:var(--ink);border-color:var(--ink)}
.song-row.is-playing .song-play .ic-play{display:none}
.song-row.is-playing .song-play .ic-pause{display:block}
@media (prefers-reduced-motion:reduce){.song-row.is-playing .eq i{animation:none;height:70%}}

/* Yönetim: müzik listesi */
.adm-head-acts{display:flex;gap:8px}
.music-help{display:flex;flex-direction:column;gap:8px;font-size:15px}
.music-tbl td{vertical-align:middle}
.music-tbl .inp-sm{width:100%;min-width:180px;display:block}
.music-tbl .muted-inp{margin-top:6px;color:var(--txt-soft)}
.music-tbl .sort-inp{width:70px;min-width:0}
.music-tbl audio{width:220px;height:36px}
.file-name{display:block;margin-top:6px;font-size:12px}
.music-tbl tr.is-missing{opacity:.55}
.acc-delete{margin-top:22px}

/* Davetliler: genel bağlantı ve QR */
.share-card{display:flex;gap:22px;align-items:center;margin-top:22px}
.qr-frame{position:relative;flex:none;display:block;padding:10px;background:#FFF;border:1px solid var(--line-l);box-shadow:0 14px 30px -18px rgba(14,22,38,.45);transition:transform .3s cubic-bezier(.2,.8,.2,1.3)}
.qr-frame:hover{transform:scale(1.04) rotate(-1deg)}
.qr-frame::before,.qr-frame::after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--wax)}
.qr-frame::before{top:-5px;left:-5px;border-right:0;border-bottom:0}
.qr-frame::after{bottom:-5px;right:-5px;border-left:0;border-top:0}
.qr-frame img{display:block;width:150px;height:150px}
.share-info{display:flex;flex-direction:column;gap:8px;min-width:0}
.share-url{font-family:var(--f-m);font-size:15px;overflow-wrap:anywhere;color:var(--ink)}
.share-acts{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:620px){.share-card{flex-direction:column;align-items:flex-start}}

/* İletişim formu ve yönetim: gelen mesajlar */
.msg-list{display:flex;flex-direction:column;gap:18px;margin-top:22px}
.msg-card{margin:0;animation:ob-in .5s cubic-bezier(.2,.8,.2,1) both}
.msg-card:target{box-shadow:0 0 0 2px var(--wax)}
.msg-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:center}
.msg-body{margin-top:14px;white-space:pre-line;overflow-wrap:anywhere;font-size:16px;line-height:1.6}
.msg-reply{margin-top:16px;padding:12px 16px;border-left:3px solid var(--wax);background:rgba(158,36,48,.04)}
.msg-reply .msg-body{margin-top:6px}
.msg-form{margin-top:18px;gap:12px}
.msg-close{margin-top:6px}
@media (prefers-reduced-motion:reduce){.msg-card{animation:none}}