{{-- Ürün quick-view ortak stilleri (drawer içine AJAX ile yüklenir) --}}
<style>
    .pqv-edit-row { display:flex; justify-content:flex-end; margin-bottom:1.25rem; }
    .pqv-edit-btn { display:inline-flex; align-items:center; gap:.5rem; font-size:.8rem; font-weight:700; color:#2563eb; background:#eff6ff; border:1px solid #bfdbfe; padding:.5rem .9rem; border-radius:10px; text-decoration:none; transition:.15s; }
    .pqv-edit-btn:hover { background:#dbeafe; color:#1d4ed8; }
    .pqv-edit-ext { font-size:.65rem; opacity:.7; }

    .pqv-section { background:#fff; border:1px solid #f1f5f9; border-radius:16px; padding:1.5rem; margin-bottom:1.25rem; box-shadow:0 1px 3px rgba(15,23,42,.03); }
    .pqv-section.pqv-default { border-color:#bbf7d0; background:#f0fdf4; }
    .pqv-sec-title { font-size:.95rem; font-weight:800; color:#0f172a; margin-bottom:1rem; display:flex; align-items:center; gap:.6rem; }
    .pqv-sec-title i { color:#2563eb; }
    .pqv-sec-title.text-success i { color:#16a34a; }
    .pqv-sec-title.text-danger i { color:#dc2626; }

    .pqv-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.25rem; }
    .pqv-item { display:flex; flex-direction:column; gap:.3rem; }
    .pqv-item.full { grid-column:1 / -1; }
    .pqv-label { font-size:.72rem; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:.03em; }
    .pqv-val { font-size:.92rem; font-weight:600; color:#1e293b; }
    .pqv-val.w-100 { display:block; }
    .pqv-val.w-100.editing { padding:0; }

    /* Header'da tur adını büyük/geniş input ile düzenleme */
    /* Başlık artık ortak quick-view.editable-title bileşeniyle çiziliyor
       (.qv-etitle); ürün kartlarına özel başlık stili kalmadı. */

    .pqv-prose { font-size:.9rem; color:#475569; line-height:1.7; }
    .pqv-prose :is(p,ul,ol) { margin-bottom:.5rem; }

    .pqv-badge { display:inline-flex; align-items:center; gap:5px; padding:4px 11px; border-radius:8px; font-size:.74rem; font-weight:700; }
    .pqv-b-green  { background:#dcfce7; color:#166534; }
    .pqv-b-amber  { background:#fef3c7; color:#92400e; }
    .pqv-b-red    { background:#fee2e2; color:#991b1b; }
    .pqv-b-slate  { background:#f1f5f9; color:#475569; }
    .pqv-b-indigo { background:#eef2ff; color:#4338ca; }
    .pqv-b-blue   { background:#dbeafe; color:#1e40af; }
    .pqv-b-orange { background:#ffedd5; color:#9a3412; }

    .pqv-flag { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:10px; font-size:.78rem; font-weight:700; }
    .pqv-flag.on  { background:#dcfce7; color:#166534; }
    .pqv-flag.off { background:#f1f5f9; color:#94a3b8; }

    .pqv-price-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:1rem; }
    .pqv-price { text-align:center; background:#f8fafc; border:1px solid #f1f5f9; border-radius:12px; padding:1rem; }
    .pqv-price-lbl { display:block; font-size:.74rem; color:#64748b; font-weight:600; margin-bottom:.35rem; }
    .pqv-price-val { font-size:1.15rem; font-weight:800; color:#16a34a; }

    .pqv-itinerary { border-left:3px solid #2563eb; padding:.25rem 0 .75rem 1.25rem; margin-bottom:1.25rem; }
    .pqv-itinerary-day { font-size:.72rem; font-weight:800; color:#2563eb; text-transform:uppercase; letter-spacing:.04em; }
    .pqv-itinerary-title { font-size:1rem; font-weight:700; color:#0f172a; margin-top:.15rem; }
    .pqv-itinerary-loc { font-size:.8rem; color:#64748b; margin-top:.2rem; }

    /* ── Tur programı: modern timeline kartları ── */
    .pqv-itin-form { display:grid; grid-template-columns:130px 1fr; gap:.85rem 1rem; }
    .pqv-itin-form .full { grid-column:1 / -1; }
    .pqv-itin-form .pqv-inp { padding:.6rem .8rem; font-size:.88rem; }
    .pqv-itin-form textarea.pqv-inp { min-height:92px; }

    .pqv-itin-list { position:relative; }
    .pqv-itin-card { position:relative; display:flex; gap:1rem; background:#fff; border:1px solid #eef2f7; border-radius:16px; padding:1rem 1.15rem; margin-bottom:.9rem; box-shadow:0 1px 3px rgba(15,23,42,.04); transition:.18s; }
    .pqv-itin-card:hover { border-color:#dbeafe; box-shadow:0 8px 22px -8px rgba(37,99,235,.22); transform:translateY(-1px); }
    .pqv-itin-card:not(:last-child)::after { content:''; position:absolute; left:calc(1.15rem + 22px); top:72px; bottom:-14px; width:2px; background:#dbeafe; z-index:0; }
    .pqv-itin-num { position:relative; z-index:1; flex-shrink:0; width:46px; height:46px; border-radius:13px; background:linear-gradient(135deg,#2563eb,#1e40af); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 6px 14px -4px rgba(37,99,235,.5); }
    .pqv-itin-num small { font-size:.5rem; font-weight:800; opacity:.85; letter-spacing:.06em; line-height:1; }
    .pqv-itin-num b { font-size:1.15rem; line-height:1.1; }
    .pqv-itin-body { flex:1; min-width:0; }
    .pqv-itin-h { display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; }
    .pqv-itin-t { font-size:1.04rem; font-weight:750; color:#0f172a; letter-spacing:-.01em; }
    .pqv-itin-loc { display:inline-flex; align-items:center; gap:.35rem; font-size:.76rem; font-weight:600; color:#475569; background:#f1f5f9; padding:.18rem .6rem; border-radius:999px; margin-top:.4rem; }
    .pqv-itin-loc i { color:#ef4444; font-size:.7rem; }

    .pqv-table { width:100%; border-collapse:collapse; }
    .pqv-table thead th { text-align:left; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:#64748b; padding:10px 14px; background:#f8fafc; border-bottom:1px solid #e2e8f0; }
    .pqv-table tbody td { padding:11px 14px; font-size:.88rem; color:#334155; border-bottom:1px solid #f1f5f9; }
    .pqv-table tbody tr:last-child td { border-bottom:none; }

    .pqv-img-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:1rem; }
    .pqv-img { position:relative; aspect-ratio:4/3; border-radius:12px; overflow:hidden; background:#f1f5f9; border:1px solid #e2e8f0; }
    .pqv-img img { width:100%; height:100%; object-fit:cover; }
    .pqv-img-badges { position:absolute; top:6px; left:6px; display:flex; gap:4px; flex-wrap:wrap; }
    .pqv-img-acts { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:6px; background:rgba(15,23,42,.55); opacity:0; transition:.18s; }
    .pqv-img:hover .pqv-img-acts { opacity:1; }
    .pqv-img-acts .pqv-iconbtn { background:#fff; }

    .inline-editable { cursor:pointer; border-radius:6px; padding:1px 4px; margin:-1px -4px; transition:background .15s, box-shadow .15s; }
    .inline-editable:hover { background:#eff6ff; box-shadow:inset 0 0 0 1px #bfdbfe; }
    .inline-editable:hover::after { content:'\f044'; font-family:'Font Awesome 6 Free'; font-weight:900; font-size:.62rem; color:#3b82f6; margin-left:6px; opacity:.7; }
    .inline-editable.editing { background:transparent; box-shadow:none; }
    .inline-editable.editing::after { content:none; }
    .inline-editable .form-control, .inline-editable .form-select { min-width:120px; font-size:.85rem; }

    /* CRUD form & butonlar */
    .pqv-form { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:.75rem; }
    .pqv-form .full { grid-column:1 / -1; }
    .pqv-fld { display:flex; flex-direction:column; gap:.3rem; }
    .pqv-fld > label { font-size:.7rem; font-weight:700; color:#64748b; text-transform:uppercase; letter-spacing:.03em; }
    .pqv-inp { width:100%; border:1.5px solid #e2e8f0; background:#f8fafc; border-radius:9px; padding:.5rem .7rem; font-size:.85rem; color:#0f172a; transition:.15s; }
    .pqv-inp:focus { outline:none; border-color:#2563eb; background:#fff; box-shadow:0 0 0 3px rgba(37,99,235,.1); }
    textarea.pqv-inp { min-height:70px; resize:vertical; }
    .pqv-btn { display:inline-flex; align-items:center; gap:.5rem; border:none; border-radius:10px; padding:.55rem 1rem; font-size:.82rem; font-weight:700; cursor:pointer; transition:.15s; }
    .pqv-btn-primary { background:linear-gradient(135deg,#2563eb,#1e40af); color:#fff; }
    .pqv-btn-primary:hover { transform:translateY(-1px); box-shadow:0 4px 12px rgba(37,99,235,.3); }
    .pqv-btn-soft { background:#f1f5f9; color:#475569; }
    .pqv-btn-soft:hover { background:#e2e8f0; }
    .pqv-iconbtn { width:30px; height:30px; display:inline-grid; place-items:center; border-radius:8px; border:1px solid #e2e8f0; background:#fff; color:#64748b; cursor:pointer; font-size:.78rem; transition:.15s; }
    .pqv-iconbtn:hover { border-color:#2563eb; color:#2563eb; background:#eff6ff; }
    .pqv-iconbtn.danger:hover { border-color:#ef4444; color:#ef4444; background:#fee2e2; }
    .pqv-iconbtn.warn:hover { border-color:#f59e0b; color:#f59e0b; background:#fef3c7; }
    .pqv-iconbtn.success:hover { border-color:#22c55e; color:#16a34a; background:#dcfce7; }
    /* Çapraz link (kart → kart geçişi) butonu: indigo vurgu, düzenleme mavisinden ayrışır */
    .pqv-iconbtn.jump { color:#818cf8; border-color:#e0e7ff; }
    .pqv-iconbtn.jump:hover { border-color:#6366f1; color:#4f46e5; background:#eef2ff; }
    /* Küçük "kartını aç" zıplama linki — inline-edit alanlarının yanına konur */
    .pqv-jump-link { display:inline-flex; align-items:center; gap:5px; border:none; background:#eef2ff; color:#4f46e5;
        border-radius:999px; padding:2px 9px; font-size:.72rem; font-weight:700; cursor:pointer; transition:.15s; }
    .pqv-jump-link:hover { background:#e0e7ff; color:#4338ca; }
    .pqv-jump-link i { font-size:.62rem; }
    .pqv-rowacts { display:inline-flex; gap:5px; }
    .pqv-addbar { display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-bottom:1rem; }
    .pqv-collapse { display:none; }
    .pqv-collapse.open { display:block; }
    .pqv-mp-card { display:flex; align-items:center; gap:.6rem; padding:.7rem .9rem; border:1.5px solid #e2e8f0; border-radius:12px; cursor:pointer; transition:.15s; }
    .pqv-mp-card:hover { border-color:#bfdbfe; background:#f8fafc; }
    .pqv-mp-card input { width:18px; height:18px; accent-color:#2563eb; cursor:pointer; }

    .pqv-empty { text-align:center; padding:3rem 1rem; color:#94a3b8; }
    .pqv-empty i { font-size:2.2rem; color:#cbd5e1; margin-bottom:.75rem; display:block; }
    .pqv-empty p { font-size:.9rem; margin:0; }
</style>
