/* VeraLux Lounge · Özel gün planlama + sözleşme uygulaması */
:root{
  /* kâğıt + mürekkep */
  --paper:#F8F5EF;--paper-2:#F1EBE1;--paper-3:#E7DDCD;
  --ink:#161311;--ink-2:#48403A;--ink-3:#7A7068;
  /* koyu zemin (üst bant, kapaklar) */
  --koyu:#0F0D0C;--koyu-2:#1A1614;--koyu-metin:#F8F5EF;
  /* bordo: vurgu + düğme */
  --bordo:#8E1B2E;--bordo-2:#6F1423;
  /* altın: koyu zeminde #D4AF63, açık zeminde italik vurgu #9A7431 */
  --altin:#D4AF63;--altin-koyu:#9A7431;--altin-soft:#E9D9B4;
  --line:rgba(22,19,17,.13);--line-soft:rgba(22,19,17,.07);
  --d:'Cormorant Garamond',Georgia,serif;--s:'Jost','Segoe UI',system-ui,sans-serif;
  --r:14px;--hata:#A33A2B;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--s);font-weight:300;font-size:16px;line-height:1.65;color:var(--ink-2);background:var(--paper);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,p,ul,ol,figure{margin:0}
[hidden]{display:none !important}
.gizli{display:none !important}

.d2,.d3{font-family:var(--d);font-weight:300;color:var(--ink);line-height:1.08;letter-spacing:-.01em}
.d2{font-size:clamp(2.1rem,6vw,3.4rem)}
.d3{font-size:clamp(1.6rem,4vw,2.3rem)}
.it{font-style:italic;color:var(--altin-koyu)}
.eyebrow{font-size:.68rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--altin-koyu);margin-bottom:.6rem}
.lead{font-size:1.05rem;color:var(--ink-2);max-width:62ch;margin:.8rem 0 1.6rem}
.kucuk{font-size:.82rem;color:var(--ink-3)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:1px solid var(--bordo);background:var(--bordo);color:var(--koyu-metin);
  padding:.95em 1.7em;border-radius:999px;font-size:.74rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;
  transition:background .2s,border-color .2s,color .2s;white-space:nowrap}
.btn:hover{background:var(--bordo-2);border-color:var(--bordo-2)}
.btn:disabled{opacity:.55;cursor:wait}
.btn-g{background:transparent;color:var(--ink);border-color:rgba(22,19,17,.28)}
.btn-g:hover{color:#fff;background:var(--koyu);border-color:var(--koyu)}
.btn-sm{padding:.72em 1.25em;font-size:.66rem}
.btn-l-koyu{padding:1.1em 2.2em;font-size:.8rem;width:100%;margin:1rem 0 .6rem}
.hata{background:#FBEAE6;color:var(--hata);border-radius:10px;padding:.8em 1em;margin:1rem 0;font-size:.92rem}

/* ---------- form alanları ---------- */
.alan{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;min-width:0}
.alan>span{font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.alan input,.alan select,.alan textarea,.alan-g{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:.78em .9em;font-size:1rem;font-weight:400;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}
.alan input:focus,.alan select:focus,.alan textarea:focus,.alan-g:focus{border-color:var(--bordo);box-shadow:0 0 0 3px rgba(142,27,46,.15)}
.alan small{font-size:.78rem;color:var(--ink-3)}
.alan-g{margin-top:.8rem}
.satir2,.satir3,.satir4{display:grid;gap:0 1rem;grid-template-columns:1fr}
@media (min-width:640px){.satir2{grid-template-columns:1fr 1fr}.satir3{grid-template-columns:repeat(3,1fr)}.satir4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.satir4{grid-template-columns:repeat(4,1fr)}}
.alan.kisi{max-width:260px}
.onay{display:flex;gap:.7rem;align-items:flex-start;margin:.8rem 0;font-size:.92rem;line-height:1.5;cursor:pointer}
.onay input{width:20px;height:20px;margin-top:.1rem;accent-color:var(--bordo);flex:none}
.onay a{color:var(--altin-koyu)}
.onay-satir{flex-direction:row;align-items:center;gap:.6rem;padding-top:1.4rem}
.onay-satir input{width:20px;height:20px;accent-color:var(--bordo)}
.hatali input,.hatali textarea,.hatali select{border-color:var(--hata) !important}
.hata-m{display:block;color:var(--hata) !important;font-size:.82rem;margin-top:.3rem;grid-column:1/-1}
.grup.hatali legend,.kartlar.hatali{color:var(--hata)}
.bal{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.grup{border:none;padding:0;margin:1.4rem 0}
.grup legend{font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.7rem;padding:0}

/* ---------- sihirbaz çerçevesi ---------- */
.sb-hdr{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--koyu);color:var(--koyu-metin);padding:.55rem 16px;padding-top:max(.55rem,env(safe-area-inset-top))}
.sb-logo img{height:44px;width:auto}
.sb-baslik{font-family:var(--d);font-size:1.25rem;font-style:italic;text-align:center;flex:1;color:var(--altin)}
.sb-tel{font-size:.78rem;color:var(--koyu-metin);text-decoration:none;opacity:.85;white-space:nowrap}
@media (max-width:520px){.sb-tel{display:none}.sb-baslik{text-align:right}}
.sb-ilerleme{background:var(--paper-2);border-bottom:1px solid var(--line-soft)}
.sb-cubuk{height:3px;background:var(--paper-3)}
.sb-cubuk i{display:block;height:100%;width:14%;background:var(--altin);transition:width .4s}
.sb-adimlar{list-style:none;display:flex;gap:1.4rem;padding:.6rem 16px;margin:0;overflow-x:auto;scrollbar-width:none;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);max-width:1100px;margin-inline:auto}
.sb-adimlar::-webkit-scrollbar{display:none}
.sb-adimlar li{white-space:nowrap}
.sb-adimlar li.on{color:var(--bordo);font-weight:500}
.sb-adimlar li.bitti{color:var(--altin-koyu)}
.sb-adimlar li.bitti::before{content:'✓ '}
@media (max-width:700px){.sb-adimlar li:not(.on){display:none}}
.sb-ana{max-width:1100px;margin:0 auto;padding:2rem 16px 8rem}
@media (min-width:760px){.sb-ana{padding:3rem 32px 8rem}}
.sb-alt{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.7rem;background:rgba(248,245,239,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:.7rem 16px;padding-bottom:max(.7rem,env(safe-area-inset-bottom))}
.sb-tahmin{text-align:center;line-height:1.2;min-width:0}
.sb-tahmin span{display:block;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.sb-tahmin b{font-family:var(--d);font-size:1.25rem;font-weight:500;color:var(--bordo)}
@media (max-width:420px){.sb-alt .btn{padding:.9em 1.1em}.sb-tahmin b{font-size:1.05rem}}

.cipler{display:flex;flex-wrap:wrap;gap:.5rem}
.cip{position:relative;border:1px solid var(--line);border-radius:999px;padding:.55em 1.1em;background:#fff;cursor:pointer;font-size:.92rem;transition:all .2s}
.cip input{position:absolute;opacity:0;pointer-events:none}
.cip:hover{border-color:var(--altin-koyu)}
.cip.secili{background:var(--bordo);border-color:var(--bordo);color:var(--koyu-metin)}
.cip:has(input:focus-visible){outline:2px solid var(--altin);outline-offset:2px}

/* seçim kartları */
.kartlar{display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:560px){.kartlar.k2,.kartlar.k3,.kartlar.k4{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.kartlar.k3{grid-template-columns:repeat(3,1fr)}.kartlar.k4{grid-template-columns:repeat(4,1fr)}}
.kart{position:relative;display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line-soft);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.kart input{position:absolute;opacity:0;pointer-events:none}
.kart:hover{box-shadow:0 10px 30px -18px rgba(22,19,17,.4);transform:translateY(-2px)}
.kart.secili{border-color:var(--bordo);box-shadow:0 0 0 3px rgba(142,27,46,.12)}
.kart:has(input:focus-visible){outline:2px solid var(--altin);outline-offset:2px}
.k-img{position:relative;aspect-ratio:4/3;background:var(--paper-3);overflow:hidden}
.k2 .k-img{aspect-ratio:3/2}
.k-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.kart:hover .k-img img{transform:scale(1.04)}
.k-img.bos{display:grid;place-items:center;color:var(--ink-3);aspect-ratio:4/3}
.k4 .k-img.bos{background:repeating-linear-gradient(45deg,var(--paper-2),var(--paper-2) 8px,var(--paper) 8px,var(--paper) 16px)}
.k-buyut{position:absolute;right:.6rem;bottom:.6rem;border:none;background:rgba(22,19,17,.72);color:#fff;font-size:.72rem;padding:.35em .8em;border-radius:999px;cursor:zoom-in}
.k-sema{background:var(--paper-2);padding:1.1rem 1.5rem;aspect-ratio:6/4;display:grid;place-items:center}
.sema{width:100%;max-width:220px;height:auto}
.sema .m{fill:#E9D9B4;stroke:#9A7431;stroke-width:.8}
.sema .s{fill:var(--altin-soft)}
.sema .yol{fill:#8E1B2E;opacity:.28}
.sema .dans{fill:none;stroke:var(--altin);stroke-dasharray:2 2;stroke-width:.8}
.kart:not(:has(.k-img)):not(:has(.k-sema)) .k-govde{padding-top:1.4rem}
.k-govde{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.k-govde h3{font-family:var(--d);font-weight:500;font-size:1.4rem;color:var(--ink);line-height:1.15;padding-right:1.8rem}
.k-govde p{font-size:.9rem;line-height:1.5;color:var(--ink-2)}
.k-liste{list-style:none;padding:0;margin:.3rem 0;font-size:.86rem}
.k-liste li{padding:.18rem 0 .18rem 1.1rem;position:relative}
.k-liste li::before{content:'';position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--altin-soft)}
.k-kap{font-size:.78rem;color:var(--altin-koyu);font-weight:500}
.fyt{margin-top:auto;padding-top:.4rem;font-weight:500;color:var(--bordo);font-size:.95rem}
.fyt.teklif{color:var(--ink-3);font-weight:400;font-size:.82rem;font-style:italic}
.k-tik{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);background:rgba(22,19,17,.25);box-shadow:0 1px 4px rgba(0,0,0,.2)}
.k-sema~.k-tik,.kart:not(:has(.k-img)) .k-tik{border-color:var(--line);background:#fff}
.kart.secili .k-tik{background:var(--bordo);border-color:var(--bordo)}
.kart.secili .k-tik::after{content:'';position:absolute;left:9px;top:5px;width:7px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* ekstralar */
.ekler{display:grid;gap:.6rem;grid-template-columns:1fr}
@media (min-width:700px){.ekler{grid-template-columns:1fr 1fr}}
.ek{display:flex;align-items:center;gap:.8rem;background:#fff;border:1.5px solid var(--line-soft);border-radius:12px;padding:.6rem .8rem;cursor:pointer;transition:border-color .2s}
.ek input[type=checkbox]{width:20px;height:20px;accent-color:var(--bordo);flex:none}
.ek img,.ek-ikon{width:54px;height:54px;border-radius:8px;object-fit:cover;flex:none;background:var(--paper-2)}
.ek-ikon{background:radial-gradient(circle at 50% 50%,var(--altin-soft) 0 30%,var(--paper-2) 31%)}
.ek-metin{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.35}
.ek-metin b{font-weight:500;color:var(--ink);font-size:.95rem}
.ek-metin small{font-size:.8rem;color:var(--ink-3)}
.ek-metin .fyt{padding-top:.15rem;font-size:.84rem}
.ek.secili{border-color:var(--bordo);background:#FCF7F7}
.ek-adet input{width:64px;border:1px solid var(--line);border-radius:8px;padding:.4em;text-align:center}

/* özet */
.ozet{display:grid;gap:1.2rem}
.oz-kapak{position:relative;border-radius:var(--r);overflow:hidden;min-height:240px;display:grid;align-items:end;color:#fff}
.oz-kapak img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.oz-kapak::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(15,13,12,.85),rgba(15,13,12,.1))}
.oz-kapak>div{position:relative;z-index:1;padding:1.4rem}
.oz-kapak .eyebrow{color:var(--altin)}
.oz-kapak h2{font-family:var(--d);font-weight:400;font-size:2rem;line-height:1.1}
.oz-liste{background:#fff;border-radius:var(--r);border:1px solid var(--line-soft)}
.oz-s{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--line-soft)}
.oz-s:last-child{border-bottom:none}
.oz-s>span{grid-column:1/-1;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.oz-s>div{color:var(--ink);font-size:.95rem;line-height:1.5}
.oz-s small{color:var(--ink-3)}
.oz-duz{align-self:start;border:none;background:none;color:var(--altin-koyu);font-size:.8rem;text-decoration:underline;cursor:pointer;padding:0}
@media (min-width:640px){.oz-s{grid-template-columns:170px 1fr auto}.oz-s>span{grid-column:auto;padding-top:.15rem}}
.oz-tutar{background:var(--paper-2);border-radius:var(--r);padding:1.1rem 1.2rem}
.oz-tutar b{color:var(--bordo);font-size:1.1rem}

/* ışık kutusu */
.lb-soz{position:fixed;inset:0;z-index:60;background:rgba(15,13,12,.94);display:grid;place-items:center;padding:16px}
.lb-soz img{max-width:100%;max-height:84vh;border-radius:8px;cursor:pointer}
.lb-kapat{position:absolute;top:10px;right:14px;background:none;border:none;color:#fff;font-size:2.4rem;cursor:pointer;line-height:1}
.lb-alt{color:#ddd;font-size:.8rem;margin-top:.6rem}

/* ---------- müşteri sözleşme sayfası ---------- */
.bs-ana{max-width:960px;margin:0 auto;padding:1.5rem 16px 4rem}
.bs-kapak{position:relative;border-radius:var(--r);overflow:hidden;min-height:220px;display:grid;align-items:end;background:var(--koyu) var(--kapak,none) center/cover;color:#fff;margin-bottom:1.2rem}
.bs-kapak::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(15,13,12,.9),rgba(15,13,12,.2))}
.bs-kapak>div{position:relative;z-index:1;padding:1.4rem 1.5rem}
.bs-kapak .eyebrow{color:var(--altin)}
.bs-kapak h1{color:var(--koyu-metin)}
.bs-durum{display:inline-block;margin-top:.6rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:.3em 1em;font-size:.8rem}
.bs-kutu{border-radius:var(--r);padding:1.2rem 1.3rem;margin:1rem 0;background:#fff;border:1px solid var(--line-soft)}
.bs-kutu h2{font-family:var(--d);font-weight:500;font-size:1.5rem;color:var(--ink);margin-bottom:.3rem}
.bs-kutu.basari{background:#F6EFDF;border-color:#E3D2AE}
.bs-kutu.dikkat{background:#FFF6E6;border-color:#f0dcb4}
.bs-kutu .btn{margin-top:.8rem}
.bs-dugmeler{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
.bs-akis{list-style:none;padding:0;margin:1rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;counter-reset:a}
.bs-akis li{font-size:.72rem;line-height:1.3;color:var(--ink-3);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.35rem;position:relative}
.bs-akis li span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);background:#fff;font-weight:500;position:relative;z-index:1}
.bs-akis li:not(:last-child)::after{content:'';position:absolute;top:15px;left:calc(50% + 15px);right:calc(-50% + 15px);height:1.5px;background:var(--line)}
.bs-akis li.bitti span{background:var(--altin-koyu);border-color:var(--altin-koyu);color:#fff}
.bs-akis li.bitti::after{background:var(--altin-koyu) !important}
.bs-akis li.simdi{color:var(--bordo);font-weight:500}
.bs-akis li.simdi span{border-color:var(--altin);color:var(--altin-koyu);box-shadow:0 0 0 4px rgba(212,175,99,.18)}
.bs-arac{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1rem 0}
.bs-bilgi{font-size:.85rem;color:var(--ink-3)}
.belge{position:relative;background:#fff;border-radius:var(--r);border:1px solid var(--line-soft);padding:1.4rem 1.1rem;box-shadow:0 20px 50px -35px rgba(22,19,17,.35);overflow:hidden}
@media (min-width:700px){.belge{padding:2.6rem 3rem}}
.belge.taslak::before{content:attr(data-filigran);position:absolute;top:220px;left:50%;transform:translateX(-50%) rotate(-28deg);font-family:var(--d);font-size:clamp(4rem,16vw,9rem);color:rgba(212,175,99,.09);letter-spacing:.1em;pointer-events:none;white-space:nowrap}
.belge .soz table{display:table}
@media (max-width:600px){
  .belge .soz .taraf td,.belge .soz .imzalar td{display:block;width:100%}
  .belge .soz .bilgi th,.belge .soz .bilgi td{display:block;width:100%}
  .belge .soz .bilgi th{border-bottom:none;padding-bottom:.1em}
  .belge .soz .kunye td{display:block;width:100%}
  .belge .soz .kalem{font-size:.85em}
}
.bs-imza{background:#fff;border-radius:var(--r);border:2px solid var(--bordo);padding:1.4rem 1.2rem;margin:1.6rem 0}
@media (min-width:700px){.bs-imza{padding:2rem 2.4rem}}
.bs-imza h2{margin-bottom:1rem}
.imza-tuval{position:relative;border:1.5px dashed var(--altin-koyu);border-radius:12px;background:#FDFBF7;touch-action:none}
.imza-tuval canvas{display:block;width:100%;height:200px;cursor:crosshair;touch-action:none}
.tuval-sil{position:absolute;top:.5rem;right:.5rem;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:.74rem;padding:.3em .9em;cursor:pointer}
.tuval-ipucu{position:absolute;left:0;right:0;bottom:.7rem;text-align:center;font-size:.8rem;color:var(--ink-3);pointer-events:none}
.imza-tuval.dolu .tuval-ipucu{display:none}
.bs-alt{text-align:center;font-size:.78rem;color:var(--ink-3);padding:2rem 16px}
.metin h2{font-family:var(--d);font-weight:500;font-size:1.4rem;color:var(--ink);margin:1.6rem 0 .4rem}
.metin p{margin-bottom:.7rem}

@media print{
  @page{size:A4;margin:16mm}
  body{background:#fff}
  .sb-hdr,.bs-kapak,.bs-kutu,.bs-akis,.bs-arac,.bs-imza,.bs-alt,.sb-alt{display:none !important}
  .bs-ana{padding:0;max-width:none}
  .belge{border:none;box-shadow:none;padding:0}
  .belge .soz h3{break-after:avoid}
  .belge .soz .imzalar{break-inside:avoid}
}

/* ---------- yönetim ---------- */
.yonetim{background:var(--paper-2)}
.yn-hdr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.4rem;background:var(--koyu);color:var(--koyu-metin);padding:.6rem 16px}
.yn-marka{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.yn-marka img{height:36px;width:auto}
.yn-marka span{font-family:var(--d);font-size:1.25rem;font-style:italic}
.yn-hdr nav{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem;font-size:.86rem}
.yn-hdr nav a{text-decoration:none;opacity:.78;padding:.2rem 0;border-bottom:1px solid transparent}
.yn-hdr nav a[aria-current],.yn-hdr nav a:hover{opacity:1;border-color:var(--altin);color:var(--altin)}
.yn-ana{max-width:1240px;margin:0 auto;padding:1.4rem 16px 5rem}
.yn-bas{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.yn-geri a{font-size:.85rem;color:var(--ink-3);text-decoration:none}
.yn-ara input{border:1px solid var(--line);border-radius:999px;padding:.6em 1.1em;min-width:240px;background:#fff}
.yn-sekme{display:flex;gap:.4rem;overflow-x:auto;margin:0 0 1rem;padding-bottom:.2rem}
.yn-sekme a{white-space:nowrap;text-decoration:none;font-size:.84rem;padding:.45em 1em;border-radius:999px;background:#fff;border:1px solid var(--line-soft)}
.yn-sekme a[aria-current]{background:var(--bordo);color:#fff;border-color:var(--bordo)}
.yn-sekme b{font-weight:500;opacity:.7;margin-left:.2em}
.yn-bildirim{padding:.8em 1.1em;border-radius:10px;margin-bottom:1rem;background:#F3EAD6;color:#5E4516}
.yn-bildirim.hata{background:#FBEAE6;color:var(--hata)}
.yn-bos{background:#fff;border-radius:var(--r);padding:2rem;text-align:center}
.yn-tablo-kap{overflow-x:auto;background:#fff;border-radius:var(--r);border:1px solid var(--line-soft)}
.yn-tablo{width:100%;border-collapse:collapse;font-size:.9rem;min-width:820px}
.yn-tablo th{text-align:left;font-weight:500;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:.8em 1em;border-bottom:1px solid var(--line)}
.yn-tablo td{padding:.75em 1em;border-bottom:1px solid var(--line-soft);vertical-align:top}
.yn-tablo tbody tr{cursor:pointer}
.yn-tablo tbody tr:hover{background:var(--paper)}
.yn-tablo a{font-weight:500;text-decoration:none;color:var(--bordo)}
.yn-tablo small{color:var(--ink-3)}
.r{text-align:right}
.rozet{display:inline-block;font-size:.72rem;font-weight:500;padding:.25em .8em;border-radius:999px;background:var(--paper-3);color:var(--ink-2);white-space:nowrap}
.rozet.sari{background:#FFF1D6;color:#7a5200}
.rozet.d-talep{background:#FFF1D6;color:#7a5200}
.rozet.d-imzada{background:#E3ECF7;color:#244a7a}
.rozet.d-imzalandi{background:#EFE3F5;color:#5b2d73}
.rozet.d-kesinlesti{background:#F4E1E4;color:#8E1B2E}
.rozet.d-iptal{background:#eee;color:#777}
.yn-izgara{display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}
@media (min-width:900px){.yn-izgara{grid-template-columns:1fr 1fr}}
.yn-kart{background:#fff;border-radius:var(--r);border:1px solid var(--line-soft);padding:1.2rem 1.3rem;margin-bottom:1rem;min-width:0}
.yn-kart h2{font-family:var(--d);font-weight:500;font-size:1.45rem;color:var(--ink);margin-bottom:.8rem}
.yn-kart-bas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem}
.yn-kart fieldset{border:none;padding:0;margin:0;min-width:0}
.yn-kart fieldset:disabled{opacity:.7}
.yn-dl{display:grid;grid-template-columns:120px 1fr;gap:.35rem .8rem;margin:0;font-size:.92rem}
.yn-dl dt{color:var(--ink-3);font-size:.8rem;padding-top:.1rem}
.yn-dl dd{margin:0;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.yn-link{width:100%;border:1px solid var(--line);border-radius:8px;padding:.4em .6em;font-size:.8rem;background:var(--paper)}
.yn-kon{width:100%;height:150px;object-fit:cover;border-radius:10px;margin-bottom:.8rem}
.yn-dugmeler{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.yn-dugmeler.yapiskan{position:sticky;bottom:0;background:rgba(241,235,225,.95);padding:.8rem 0;margin-top:.5rem}
.yn-kalem{width:100%;border-collapse:collapse;margin:.6rem 0;font-size:.9rem}
.yn-kalem th{text-align:left;font-weight:500;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:.4em;border-bottom:1px solid var(--line)}
.yn-kalem td{padding:.3em .4em;border-bottom:1px solid var(--line-soft)}
.yn-kalem input{width:100%;border:1px solid var(--line);border-radius:6px;padding:.45em .55em;background:#fff;min-width:60px}
.yn-kalem input.kisa{max-width:90px}
.yn-kalem input.eksik{border-color:#e0a84a;background:#FFF8EA}
.yn-kalem .sil{border:none;background:none;font-size:1.3rem;color:var(--ink-3);cursor:pointer}
.yn-kalem.dar{max-width:420px}
@media (max-width:760px){
  .yn-kalem thead{display:none}
  .yn-kalem tr{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;padding:.6rem 0;border-bottom:1px solid var(--line)}
  .yn-kalem td{border:none;padding:0}
  .yn-kalem td:first-child{grid-column:1/-1}
}
.yn-toplam{background:var(--paper-2);border-radius:10px;padding:.8rem 1rem;margin:1rem 0}
.yn-olay{list-style:none;padding:0;margin:0 0 1rem;font-size:.86rem;max-height:340px;overflow:auto}
.yn-olay li{padding:.5rem 0;border-bottom:1px solid var(--line-soft)}
.yn-olay small{color:var(--ink-3)}
.yn-imza{max-width:260px;border:1px solid var(--line-soft);border-radius:8px;margin-bottom:.6rem}
.kod{font-family:ui-monospace,Consolas,monospace;word-break:break-all}
.yn-tehlike{border-color:#f0d3cc}
.yn-giris{max-width:380px;margin:3rem auto;background:#fff;border-radius:var(--r);padding:2rem;border:1px solid var(--line-soft)}
.yn-giris h1{margin-bottom:1rem}
.yn-aciklama{max-width:80ch;margin-bottom:1rem;font-size:.92rem}
.yn-katalog{display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:900px){.yn-katalog{grid-template-columns:1fr 1fr}}
.yn-secenek{border:1px solid var(--line) !important;border-radius:12px;padding:1rem !important;display:grid;grid-template-columns:1fr 1fr;gap:0 .8rem;align-content:start}
.yn-secenek legend{font-family:var(--d);font-size:1.2rem;color:var(--ink);padding:0 .4rem}
.yn-secenek .alan{margin-bottom:.6rem}
.yn-secenek .alan:first-of-type,.yn-secenek .genis,.yn-secenek .onay{grid-column:1/-1}
.yn-secenek.yeni{border-style:dashed !important;background:var(--paper)}
.yn-secenek.pasif{opacity:.6}
.yn-onizle{width:100%;height:80px;object-fit:cover;border-radius:6px;margin-top:.3rem}
.yn-alt-baslik{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:1rem 0 .3rem}
details.yn-kart summary{cursor:pointer;list-style:none}
details.yn-kart summary::-webkit-details-marker{display:none}
details.yn-kart summary::after{content:' ▾';color:var(--ink-3)}
details.yn-kart .belge{margin-top:1rem}
.yn-sohbet{display:flex;flex-direction:column;gap:.5rem;max-height:520px;overflow:auto;padding-right:.3rem}
.ys{max-width:88%;padding:.6em .9em;border-radius:12px;font-size:.9rem;line-height:1.5}
.ys.bot{background:var(--paper-2);align-self:flex-start;border-bottom-left-radius:4px}
.ys.misafir{background:var(--koyu-2);color:var(--koyu-metin);align-self:flex-end;border-bottom-right-radius:4px}
