/* Davetorya v3 — sipariş, çift paneli, albüm ve yönetim ekranları */
:root{
  --ink:#0f1a2e;--ink-2:#17243d;--ink-3:#22314f;--paper:#eef0ec;--paper-2:#e3e7e1;--card:#f8f9f6;--white:#fff;
  --nar:#c9372a;--nar-hi:#e2533f;--nar-deep:#9d2a20;--sage:#a9c2b0;--ok:#1f7a4d;--ok-bg:#e3f2ea;--err:#a8322a;--err-bg:#fbe9e7;--warn-bg:#fdf3dc;--warn:#7a5a12;
  --text:#121a2a;--muted:#4f5a6b;--line:rgba(15,26,46,.14);--line-2:rgba(15,26,46,.24);
  --serif:"Bodoni Moda",Didot,Georgia,serif;--sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);--r:16px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3,p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--nar-hi);outline-offset:2px;border-radius:6px}

/* Üst bar */
.p-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(16px,4vw,40px);background:rgba(238,240,236,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.p-bar.koyu{background:var(--ink);color:var(--paper);border-color:transparent}
.wm{display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.wm i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,var(--nar-hi),var(--nar) 55%,var(--nar-deep));color:#fff;font:italic 600 16px/1 var(--serif)}
.wm b{font:italic 500 23px/1 var(--serif)}
.p-bar nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.p-bar nav a{font-size:14px;font-weight:500;text-decoration:none;padding:8px 12px;border-radius:99px}
.p-bar nav a:hover{background:rgba(127,127,127,.12)}

.p-wrap{max-width:860px;margin:0 auto;padding:clamp(24px,5vw,48px) clamp(16px,4vw,32px) 80px}
.p-wrap.genis{max-width:1180px}
.p-baslik{font:400 clamp(34px,5vw,54px)/1.02 var(--serif);letter-spacing:-.03em}
.p-baslik em{color:var(--nar)}
.p-alt{color:var(--muted);margin-top:10px;max-width:40em}

/* Kart */
.kart{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,3vw,28px);margin-top:18px}
.kart h2{font:italic 400 26px/1.15 var(--serif);letter-spacing:-.01em;margin-bottom:6px}
.kart > p.not{color:var(--muted);font-size:14px;margin-bottom:16px}
.kart.koyu{background:var(--ink);color:var(--paper);border-color:transparent}
.kart.koyu .not,.kart.koyu small{color:#a9b3c6}

/* Form */
.alan{display:grid;gap:6px;margin-top:14px}
.alan > span,.alan > label{font-size:13px;font-weight:500;color:var(--muted)}
.alan small{font-size:12px;color:var(--muted)}
.girdi,.alan input[type=text],.alan input[type=email],.alan input[type=tel],.alan input[type=date],.alan input[type=time],.alan input[type=password],.alan select,.alan textarea{
  width:100%;padding:13px 14px;border:1px solid var(--line-2);border-radius:12px;background:var(--white);font-size:16px;transition:border-color .2s,box-shadow .2s}
.alan textarea{min-height:90px;resize:vertical}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(15,26,46,.08)}
.alan.hata input,.alan.hata textarea{border-color:var(--err)}
.iki{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.adres-girdi{display:flex;align-items:stretch;border:1px solid var(--line-2);border-radius:12px;background:var(--white);overflow:hidden}
.adres-girdi span{display:flex;align-items:center;padding:0 4px 0 14px;color:var(--muted);font-size:15px;white-space:nowrap}
.adres-girdi input{border:0!important;padding-left:0!important;box-shadow:none!important;flex:1;min-width:0}
.durum-satir{font-size:13px;margin-top:6px;min-height:20px}
.durum-satir.ok{color:var(--ok)}.durum-satir.no{color:var(--err)}
.durum-satir button{background:none;border:0;color:var(--nar);text-decoration:underline;cursor:pointer;padding:0}
.onay{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted);margin-top:16px;cursor:pointer}
.onay input{width:20px;height:20px;accent-color:var(--nar);flex:0 0 auto;margin-top:1px}

/* Butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:99px;border:1px solid transparent;background:var(--ink);color:var(--paper);font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;transition:background .25s,transform .25s var(--ease),opacity .2s;white-space:nowrap}
.btn:hover{background:var(--ink-3)}
.btn:active{transform:scale(.97)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn.nar{background:var(--nar);color:#fff}.btn.nar:hover{background:var(--nar-deep)}
.btn.cizgi{background:transparent;border-color:var(--line-2);color:var(--text)}.btn.cizgi:hover{border-color:var(--ink);background:rgba(15,26,46,.04)}
.btn.yesil{background:#25d366;color:#08331a}.btn.yesil:hover{background:#1fbf5b}
.btn.kucuk{padding:8px 14px;font-size:13px}
.btn.genis{width:100%}
.btn-sira{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}

/* Uyarılar */
.uyari{padding:14px 16px;border-radius:12px;font-size:14px;margin-top:16px}
.uyari.ok{background:var(--ok-bg);color:var(--ok)}
.uyari.hata{background:var(--err-bg);color:var(--err)}
.uyari.bilgi{background:var(--warn-bg);color:var(--warn)}

/* Seçim kartları (paket, etkinlik) */
.secim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}
.secim-kart{position:relative;display:block;cursor:pointer}
.secim-kart input{position:absolute;opacity:0;pointer-events:none}
.secim-kart .ic{display:grid;gap:6px;height:100%;padding:18px;border:1.5px solid var(--line-2);border-radius:14px;background:var(--white);transition:border-color .2s,box-shadow .2s,transform .3s var(--ease)}
.secim-kart:hover .ic{transform:translateY(-2px)}
.secim-kart input:checked + .ic{border-color:var(--nar);box-shadow:0 0 0 3px rgba(201,55,42,.14)}
.secim-kart input:focus-visible + .ic{outline:2px solid var(--nar-hi);outline-offset:2px}
.secim-kart b{font:italic 400 22px/1.1 var(--serif)}
.secim-kart .fiyat{font:400 34px/1 var(--serif);letter-spacing:-.03em}
.secim-kart .fiyat small{font:500 13px var(--sans);color:var(--muted)}
.secim-kart ul{margin:6px 0 0;padding-left:18px;color:var(--muted);font-size:14px}

/* Tema seçici */
.tema-duzen{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start;margin-top:16px}
.tema-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.tema-sec{position:relative;cursor:pointer}
.tema-sec input{position:absolute;opacity:0}
.tema-sec .tk{display:flex;align-items:flex-end;aspect-ratio:3/4;border-radius:12px;padding:10px;font:italic 400 16px/1.1 var(--serif);border:2px solid transparent;transition:transform .3s var(--ease),border-color .2s;box-shadow:0 10px 20px -14px rgba(0,0,0,.5)}
.tema-sec:hover .tk{transform:translateY(-3px)}
.tema-sec input:checked + .tk{border-color:var(--nar);box-shadow:0 0 0 3px rgba(201,55,42,.2)}
.tema-sec input:focus-visible + .tk{outline:2px solid var(--nar-hi);outline-offset:2px}
.tk.klasik-bordo{background:linear-gradient(160deg,#8e2236,#5b1222);color:#f4e6d6}
.tk.gece-isiltisi{background:radial-gradient(circle at 50% 120%,#2a3f73,#0d1530 65%);color:#e9d6a8}
.tk.zamansiz-beyaz{background:#fbfbf9;color:#111;border-color:var(--line)}
.tk.botanik-yesil{background:linear-gradient(180deg,#e8efe6,#bcd0bf);color:#24402f}
.tk.pudra-bahcesi{background:linear-gradient(160deg,#fbe7e3,#eec2bc);color:#7b3b42}
.tk.modern-siyah{background:#0a0a0a;color:#fff;font:700 15px/1 var(--sans);text-transform:uppercase;letter-spacing:-.02em}
.tk.minimal-monogram{background:#f5f4f0;color:#1b1b1b;border-color:var(--line)}
.tk.bohem-toprak{background:linear-gradient(160deg,#c46a43,#8a4126);color:#f6e7d6}
.tk.ege-esintisi{background:linear-gradient(160deg,#3b7aa5,#1b4a68);color:#f2efe6}
.tk.masal-bahcesi{background:linear-gradient(160deg,#f1e8d2,#cfc191);color:#3e3a26}
.tk.lavanta-ruyasi{background:linear-gradient(160deg,#ece6f6,#b9acd9);color:#3f3463}
.tk.mavi-romantizm{background:linear-gradient(160deg,#e9f0fa,#a9bfe2);color:#23385e}
.onizleme-cerceve{position:sticky;top:80px}
.telefon{width:300px;height:600px;border-radius:44px;background:#0b1222;padding:11px;box-shadow:0 0 0 2px #2b3754,0 40px 70px -30px rgba(15,26,46,.55)}
.telefon iframe{width:100%;height:100%;border:0;border-radius:34px;background:#fff}
.onizleme-not{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}

/* Etkinlik blokları */
.etk{border:1px solid var(--line-2);border-radius:14px;background:var(--white);margin-top:12px;overflow:hidden}
.etk > label{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;font:italic 400 21px/1 var(--serif)}
.etk > label input{width:20px;height:20px;accent-color:var(--nar)}
.etk .etk-detay{padding:0 16px 16px;display:none}
.etk.acik .etk-detay{display:block}
.etk.acik{border-color:var(--ink)}

/* Fotoğraf seçici */
.foto-sec{display:flex;align-items:center;gap:16px;margin-top:10px}
.foto-sec .on{width:96px;height:96px;border-radius:50%;background:var(--paper-2) center/cover no-repeat;border:1px dashed var(--line-2);display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center;flex:0 0 auto}
.foto-sec input{display:none}

/* Adım çubuğu */
.adimlar{display:flex;gap:6px;margin:22px 0 4px}
.adimlar span{flex:1;height:4px;border-radius:2px;background:var(--line);transition:background .4s}
.adimlar span.on{background:var(--nar)}
.adim-etiket{font-size:13px;color:var(--muted);font-weight:500}
.adim{display:none;animation:gir .5s var(--ease);padding-bottom:12px}
.adim.aktif{display:block}
@keyframes gir{from{opacity:0;transform:translateY(14px)}}
.alt-bar{position:sticky;bottom:0;z-index:15;display:flex;justify-content:space-between;gap:10px;padding:14px 0;margin-top:24px;background:linear-gradient(transparent,var(--paper) 30%)}

/* Özet listesi */
.ozet-liste{display:grid;gap:0;margin-top:10px}
.ozet-liste div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:15px}
.ozet-liste div span{color:var(--muted)}
.ozet-liste div b{font-weight:600;text-align:right}

/* Link kutuları */
.link-kutu{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:10px}
.link-kutu .lk-ic{flex:1;min-width:0}
.link-kutu small{display:block;font-size:12px;color:var(--muted)}
.link-kutu code{display:block;font:500 14px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iban-buyuk{font:600 clamp(16px,4vw,20px)/1.3 var(--sans);letter-spacing:.03em;word-break:break-word}

/* İstatistik */
.istat{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:18px}
.istat div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.istat b{display:block;font:400 38px/1 var(--serif);letter-spacing:-.03em}
.istat span{font-size:13px;color:var(--muted)}

/* Tablo */
.tablo-sar{overflow-x:auto;margin-top:12px;-webkit-overflow-scrolling:touch}
table.tablo{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.tablo th{text-align:left;font-weight:600;font-size:12px;color:var(--muted);padding:10px 8px;border-bottom:1px solid var(--line-2);white-space:nowrap}
.tablo td{padding:11px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.rozet{display:inline-block;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap}
.rozet.ok{background:var(--ok-bg);color:var(--ok)}.rozet.no{background:var(--err-bg);color:var(--err)}.rozet.bek{background:var(--warn-bg);color:var(--warn)}

/* Fotoğraf ızgarası */
.galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin-top:14px}
.galeri a,.galeri .g{position:relative;display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--paper-2)}
.galeri img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.galeri a:hover img{transform:scale(1.05)}
.galeri .g.yukleniyor::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.55)}
.galeri .g .bar{position:absolute;left:8px;right:8px;bottom:8px;height:4px;border-radius:2px;background:rgba(0,0,0,.15);overflow:hidden;z-index:1}
.galeri .g .bar i{display:block;height:100%;width:0;background:var(--nar);transition:width .2s}

/* QR */
.qr-kutu{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.qr-kutu #qr{background:#fff;padding:12px;border-radius:12px;border:1px solid var(--line)}
.qr-kutu #qr img,.qr-kutu #qr canvas{display:block;width:160px;height:160px}

.p-alt-bilgi{margin-top:40px;text-align:center;font-size:13px;color:var(--muted)}
.p-alt-bilgi a{color:var(--nar)}

@media (max-width:860px){
  .tema-duzen{grid-template-columns:1fr}
  .onizleme-cerceve{position:relative;top:0;display:flex;flex-direction:column;align-items:center}
  .telefon{width:260px;height:520px}
}
@media (max-width:560px){
  .iki{grid-template-columns:1fr}
  .p-bar nav a.gizle-m{display:none}
}