/* Shared installment modal presentation for detail, reservation, payment, and reservation detail pages. */
.ndp-taksit-modal{border-radius:16px;overflow:hidden;border:none}
#ndpTaksitModal .ndp-taksit-modal-header{background:linear-gradient(180deg,#fff 0%,#f5f8fc 100%);border-bottom:1px solid #e5ebf4;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}
#ndpTaksitModal .ndp-taksit-modal-header .btn-close{filter:none;opacity:.58;box-shadow:none}
#ndpTaksitModal .ndp-taksit-modal-header .btn-close:hover{opacity:1}
#ndpTaksitModal .ndp-taksit-modal-title-wrap{display:flex;align-items:center;gap:12px}
#ndpTaksitModal .ndp-taksit-modal-title-wrap>i{font-size:1.05rem;color:#315487;background:#eaf1fa;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
#ndpTaksitModal .ndp-taksit-modal-title{font-size:.95rem;font-weight:800;color:#1f396a}
#ndpTaksitModal .ndp-taksit-modal-sub{font-size:.72rem;color:#718096;margin-top:2px}
.ndp-taksit-modal-body{padding:0;background:#fff}
.ndp-taksit-tab-nav{display:flex;overflow-x:auto;gap:0;border-bottom:2px solid #e8edf8;background:#fff;position:sticky;top:0;z-index:5;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ndp-taksit-tab-nav::-webkit-scrollbar{display:none}
.ndp-taksit-tab-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 14px;border:none;background:transparent;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .15s;flex-shrink:0;min-width:80px}
.ndp-taksit-tab-btn img{height:26px;max-width:80px;object-fit:contain;display:block;filter:grayscale(.5) opacity(.7);transition:filter .15s}
.ndp-taksit-tab-btn span{font-size:.65rem;font-weight:700;color:#94a3b8;transition:color .15s;letter-spacing:.01em}
.ndp-taksit-tab-btn.active img{filter:none}
.ndp-taksit-tab-btn.active{border-color:#b8cae8;background:#eef3fa;box-shadow:none}
.ndp-taksit-tab-btn.active span{color:#1f396a}
.ndp-taksit-tab-btn:hover:not(.active){background:#f1f5f9}
.ndp-taksit-payment-choice{display:grid;gap:8px;padding:12px 16px 14px;background:#f8faff;border-bottom:1px solid #e8edf8}
.ndp-taksit-payment-title{display:flex;align-items:center;gap:7px;margin:0 0 2px;color:#334155;font-size:.76rem;font-weight:800}
.ndp-taksit-payment-title i{color:#315487}
.ndp-taksit-payment-option{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;margin:0;padding:9px 11px;border:1px solid #e1e8f1;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.ndp-taksit-payment-option:hover{border-color:#b9c9df;background:#fbfdff}
.ndp-taksit-payment-option:has(input:checked){border-color:#7895bd;background:#f2f6fc;box-shadow:0 0 0 2px rgba(49,84,135,.08)}
.ndp-taksit-payment-option>input[type=radio]{width:16px;height:16px;margin:2px 0 0;accent-color:#315487}
.ndp-taksit-payment-option>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.ndp-taksit-payment-option strong{color:#334155;font-size:.76rem;line-height:1.3}
.ndp-taksit-payment-option small{color:#718096;font-size:.68rem;line-height:1.35}
.ndp-taksit-payment-custom{grid-template-columns:18px minmax(0,1fr)}
.ndp-taksit-payment-custom-input{grid-column:2;display:flex;align-items:center;gap:7px;margin-top:5px}
.ndp-taksit-payment-custom-input input{width:min(100%,220px);height:34px;padding:6px 9px;border:1px solid #d7e0eb;border-radius:8px;background:#fff;color:#334155;font:inherit;font-size:.76rem}
.ndp-taksit-payment-custom-input input:focus{outline:0;border-color:#7895bd;box-shadow:0 0 0 3px rgba(49,84,135,.12)}
.ndp-taksit-payment-custom-input input:disabled{background:#f3f5f8;color:#94a3b8}
.ndp-taksit-payment-custom-input>span{color:#64748b;font-size:.75rem;font-weight:700}
.ndp-taksit-panels{background:#fff}
.ndp-taksit-panel{display:none}
.ndp-taksit-panel.active{display:block}
.ndp-taksit-table-wrap{overflow-x:auto}
.ndp-taksit-table{width:100%;border-collapse:collapse;font-size:.84rem}
.ndp-taksit-table thead tr{background:#f1f5f9}
.ndp-taksit-table th{padding:9px 16px;font-size:.68rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;white-space:nowrap}
.ndp-taksit-table td{padding:10px 16px;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}
.ndp-taksit-table tbody tr:last-child td{border-bottom:none}
.ndp-taksit-table tbody tr:hover td{background:#f8faff}
.ndp-taksit-table td strong{color:#1f396a;font-weight:700;font-size:.9rem}
.ndp-taksit-row-tek td{background:#f0fdf4}
.ndp-taksit-row-tek:hover td{background:#dcfce7!important}
.ndp-taksit-num{font-weight:600;color:#475569}
.ndp-taksit-note{display:flex;align-items:flex-start;gap:7px;font-size:.74rem;color:#64748b;padding:10px 16px;background:#f8faff;border-top:1px solid #e8edf8}
.ndp-taksit-note i{color:#1f396a;flex-shrink:0;margin-top:1px}
.ndp-taksit-modal-footer{padding:12px 16px;border-top:1px solid #e8edf8;background:#f8faff}
.ndp-taksit-devam-btn{width:100%;padding:12px 16px;border:1.5px solid #1f396a;border-radius:11px;background:#fff;color:#1f396a;font-size:.86rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,color .15s,box-shadow .15s}
.ndp-taksit-devam-btn:hover{background:#1f396a;color:#fff;box-shadow:0 2px 10px rgba(31,57,106,.18)}
.ndp-taksit-devam-btn i{font-size:.74rem}
.ndp-taksit-scroll-hint{bottom:62px!important}
@media(max-width:575px){.ndp-taksit-tab-btn{min-width:68px;padding:8px 10px}.ndp-taksit-tab-btn img{height:20px;max-width:64px}.ndp-taksit-table th,.ndp-taksit-table td{padding:8px 10px;font-size:.8rem}}