/* ÜCRETSİZ ÖRNEK GÖRSEL TALEBİ — modal panel (assets/talep.js) */
.talep-overlay[hidden],.talep-overlay [hidden]{display:none!important}
.talep-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease}
.talep-overlay.acik{opacity:1}
.talep-modal{position:relative;display:flex;flex-direction:column;width:100%;max-width:640px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);background:var(--bg2);border:1px solid var(--line);border-radius:var(--r2);box-shadow:0 30px 80px rgba(0,0,0,.6);transform:translateY(12px) scale(.98);transition:transform .2s ease}
.talep-overlay.acik .talep-modal{transform:none}
.talep-govde{overflow-y:auto;overscroll-behavior:contain;padding:clamp(22px,4vw,36px)}
.talep-kapat{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:rgba(20,20,20,.92);color:var(--ink);font:inherit;font-size:22px;line-height:1;cursor:pointer;transition:border-color .18s,background .18s}
.talep-kapat:hover{border-color:#3a3a3e;background:#1c1c1c}
.talep-overlay :focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.talep-head{padding-right:44px;margin-bottom:24px}
.talep-head h2{font-size:clamp(26px,4vw,34px);margin:10px 0}
.talep-head p{color:var(--muted2);font-size:15px}

.talep-hata{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:20px;padding:14px 16px;border:1px solid rgba(248,113,113,.45);background:rgba(248,113,113,.08);border-radius:var(--r);color:#fecaca;font-size:14px}
.talep-hata a{color:#fff;font-weight:600;white-space:nowrap}
.talep-hata a:hover{text-decoration:underline}

.talep-form fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}
.talep-form legend{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;margin-bottom:12px;color:var(--ink)}
.talep-form legend>span{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-size:12px;color:var(--accent)}
.talep-form legend i,.talep-alan i{color:var(--accent);font-style:normal}
.talep-form legend em{color:var(--muted);font-style:normal;font-weight:500}
.talep-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
.talep-alan{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted2)}
.talep-alan+.talep-alan{margin-top:14px}
.talep-grid .talep-alan+.talep-alan{margin-top:0}
.talep-form input:not([type=radio]):not([type=file]),.talep-form select,.talep-form textarea{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);font:inherit;font-size:15px;letter-spacing:normal;padding:12px 14px;transition:border-color .18s}
.talep-form textarea{resize:vertical;min-height:96px;line-height:1.5}
.talep-form select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a7a7a7' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.talep-form select option{background:#141414;color:#fff}
.talep-form input:hover,.talep-form select:hover,.talep-form textarea:hover{border-color:#3a3a3e}
.talep-form input:focus,.talep-form select:focus,.talep-form textarea:focus{outline:none;border-color:var(--accent)}
.talep-form [aria-invalid="true"]{border-color:#f87171!important}
.talep-form ::placeholder{color:#5b6068}
.talep-alan-hata{color:#f87171;font-size:12px}
.talep-alan-hata:empty{display:none}
.talep-kalan{align-self:flex-end;font-size:12px;color:var(--muted)}

/* Sürükle-bırak alanı */
.talep-drop{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:30px 18px;border:1.5px dashed #3a3a3e;border-radius:var(--r2);background:var(--surface);cursor:pointer;transition:border-color .18s,background .18s}
.talep-drop svg{width:42px;height:42px;color:var(--accent)}
.talep-drop strong{font-size:15px;font-weight:600;color:var(--ink)}
.talep-drop span{font-size:13px;color:var(--muted2);max-width:42ch}
.talep-drop:hover,.talep-drop.surukleniyor{border-color:var(--accent);background:#1a1916}
.talep-drop.hatali{border-color:#f87171}
.talep-drop.dolu{opacity:.5;cursor:not-allowed;border-color:#3a3a3e;background:var(--surface)}
.talep-dosya-bilgi{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;margin-top:10px;font-size:13px;color:var(--muted2)}
.talep-thumbs{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 0;padding:0}
.talep-thumbs:empty{display:none}
.talep-thumbs li{position:relative;aspect-ratio:1;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.talep-thumbs img{width:100%;height:100%;object-fit:cover}
.talep-thumb-bekle{position:absolute;inset:0;background:linear-gradient(90deg,#141414,#1f1f1f,#141414);background-size:200% 100%;animation:talepParilti 1s linear infinite}
.talep-sil{position:absolute;top:6px;right:6px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:0;background:rgba(0,0,0,.72);color:#fff;font:inherit;font-size:17px;line-height:1;cursor:pointer;transition:background .18s}
.talep-sil:hover{background:#dc2626}

/* İçerik türü kartları */
.talep-kartlar{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.talep-kart{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);cursor:pointer;transition:border-color .18s,background .18s}
.talep-kart:last-child{grid-column:1/-1}
.talep-kart input{position:absolute;opacity:0;pointer-events:none}
.talep-kart-ikon{grid-row:1/3;font-size:22px;line-height:1.25}
.talep-kart strong{font-size:14px;font-weight:600;color:var(--ink)}
.talep-kart small{font-size:12px;color:var(--muted2);line-height:1.4}
.talep-kart:hover{border-color:#3a3a3e}
.talep-kart:has(input:checked){border-color:var(--accent);background:#1a1916;box-shadow:inset 0 0 0 1px var(--accent)}
.talep-kart:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}

/* Stil tercihi */
.talep-stiller{display:flex;flex-wrap:wrap;gap:8px}
.talep-stil{position:relative}
.talep-stil input{position:absolute;opacity:0;pointer-events:none}
.talep-stil span{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:14px;color:var(--ink2);cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.talep-stil span b{font-weight:400}
.talep-stil:hover span{border-color:#3a3a3e}
.talep-stil input:checked+span{border-color:var(--accent);color:var(--ink);background:#1a1916}
.talep-stil input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}

/* Gönder butonu */
.talep-gonder{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--r);background:var(--accent);color:#000;font:inherit;font-size:16px;font-weight:700;letter-spacing:normal;cursor:pointer;transition:filter .18s,opacity .18s}
.talep-gonder:hover{filter:brightness(1.07)}
.talep-gonder:disabled{cursor:progress;opacity:.75;filter:none}
.talep-spinner{display:none;width:18px;height:18px;border-radius:50%;border:2px solid rgba(0,0,0,.25);border-top-color:#000;animation:talepDon .7s linear infinite}
.talep-gonder.yukleniyor .talep-spinner{display:inline-block}

/* Form → başarı ekranı geçişi */
.talep-form-gorunum{transition:opacity .2s ease}
.talep-form-gorunum.cikis{opacity:0}

/* Başarı ekranı */
.talep-basari{text-align:center;padding:28px 0 8px}
.talep-basari-ikon{width:92px;height:92px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;background:rgba(74,222,128,.1);animation:talepPop .6s ease both}
.talep-basari-ikon svg{width:56px;height:56px}
.talep-basari-ikon circle{fill:none;stroke:#4ade80;stroke-width:2;opacity:.4}
.talep-basari-ikon path{fill:none;stroke:#4ade80;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.talep-basari-baslik{color:#4ade80;font-size:clamp(26px,4.4vw,34px);font-weight:700;letter-spacing:-.02em;animation:talepYukari .4s ease .2s both}
.talep-basari-metin{margin:12px auto 0;max-width:36ch;color:var(--ink2);font-size:16px;animation:talepYukari .4s ease .4s both}
.talep-basari-kutu{margin:26px auto 0;max-width:420px;padding:16px 20px;border-radius:var(--r2);background:#166534;border:1px solid rgba(74,222,128,.35);color:#4ade80;font-size:16px;font-weight:600;box-shadow:0 0 30px rgba(74,222,128,.3);animation:talepYukari .4s ease .6s both}
.talep-no{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:6px 10px;border:0;border-radius:var(--r);background:none;color:var(--muted2);font:inherit;font-size:13px;cursor:pointer;animation:talepBelir .3s ease .8s both}
.talep-no:hover{background:var(--surface)}
.talep-no b{color:var(--ink);font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.talep-no-durum{padding:2px 8px;border-radius:999px;background:rgba(74,222,128,.1);color:#4ade80;font-size:11px}
.talep-tamam{display:flex;margin:22px auto 0;min-width:160px;justify-content:center;animation:talepBelir .3s ease 1s both}

@keyframes talepPop{0%{transform:scale(0)}60%{transform:scale(1.2)}100%{transform:scale(1)}}
@keyframes talepYukari{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes talepBelir{from{opacity:0}to{opacity:1}}
@keyframes talepDon{to{transform:rotate(360deg)}}
@keyframes talepParilti{to{background-position:-200% 0}}

@media(max-width:640px){
  .talep-overlay{padding:0}
  .talep-modal{max-width:none;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0}
  .talep-grid,.talep-kartlar{grid-template-columns:1fr}
  .talep-thumbs{gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .talep-basari *,.talep-thumb-bekle{animation:none!important}
}

/* Fotograflarin WhatsApp sohbetine eklenecegini anlatan not */
.talep-foto-not{margin:0;padding:14px 16px;border:1px dashed var(--line);border-radius:10px;font-size:14px;line-height:1.55;color:var(--ink2)}
.talep-wa-link{margin-top:14px}

/* Panel başlığındaki "sadece soru sor" bağlantısı ve gizlenebilir WhatsApp linki */
.talep-direkt{color:var(--accent);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.talep-wa-link[hidden]{display:none}