#dl-installment { width:min(820px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); padding:24px; border:0; border-radius:12px; color:#333; overflow:auto; box-shadow:0 20px 70px #0003; }
#dl-installment::backdrop { background:#0009; }
#dl-installment .dl-installment-logo { display:block; width:200px; max-width:calc(100% - 40px); height:auto; max-height:80px; object-fit:contain; object-position:left center; margin:0 0 12px; }
#dl-installment h2 { font-size:22px; margin:0 32px 18px 0; }
#dl-installment h3 { font-size:18px; margin:0 0 12px; }
#dl-installment .dl-installment-close { position:absolute; top:10px; right:12px; border:0; background:#f5f6f7; border-radius:50%; width:32px; height:32px; font-size:24px; cursor:pointer; }
#dl-installment .dl-installment-product { padding:12px; background:#f5f6f7; border-radius:6px; display:grid; gap:6px; font-size:14px; }
#dl-installment .dl-installment-controls { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:18px 0; font-size:14px; }
#dl-installment label { display:block; font-weight:500; }
#dl-installment output { float:right; color:var(--primary-color); font-weight:700; }
#dl-installment input[type=range] { width:100%; margin-top:12px; accent-color:var(--primary-color); }
#dl-installment .dl-installment-table-wrap { overflow-x:auto; }
#dl-installment table { width:100%; border-collapse:collapse; font-size:13px; white-space:nowrap; }
#dl-installment th,#dl-installment td { padding:10px 8px; border:1px solid #dedede; text-align:right; }
#dl-installment th { background:#f5f6f7; }
#dl-installment th:first-child,#dl-installment td:first-child { text-align:left; }
#dl-installment tr:has(input:checked) { background:#fff2f1; }
#dl-installment .dl-installment-note { font-size:12px; line-height:1.5; color:#666; margin:12px 0; }
#dl-installment .dl-installment-form { border-top:1px solid #dedede; padding-top:16px; }
#dl-installment .dl-installment-form label { margin-bottom:10px; font-size:14px; }
#dl-installment .dl-installment-form input { display:block; width:100%; min-height:42px; padding:8px 10px; border:1px solid #dedede; border-radius:5px; margin-top:4px; }
#dl-installment .dl-installment-submit { width:100%; min-height:46px; padding:10px; border:0; border-radius:6px; background:var(--cta-color,#f5222d); color:#fff; font-weight:600; cursor:pointer; }
#dl-installment [hidden] { display:none!important; }
@media(max-width:600px) { #dl-installment { padding:18px 14px; } #dl-installment h2 { font-size:19px; } #dl-installment .dl-installment-controls { grid-template-columns:1fr; gap:10px; } }

#dl-installment select { display:block; width:100%; min-height:42px; margin-top:8px; padding:8px; border:1px solid #dedede; border-radius:5px; background:#fff; }
#dl-installment .dl-finance-tabs { display:flex; gap:8px; margin-bottom:16px; }
#dl-installment .dl-finance-tabs button { flex:1; padding:10px; border:1px solid #dedede; border-radius:6px; background:#fff; cursor:pointer; }
#dl-installment .dl-finance-tabs [aria-selected=true] { border-color:var(--primary-color); color:var(--primary-color); background:#fff2f1; font-weight:600; }
#dl-installment-success { width:min(420px,calc(100vw - 32px)); padding:28px; border:0; border-radius:12px; text-align:center; color:#333; }
#dl-installment-success::backdrop { background:#0009; }
#dl-installment-success h2 { font-size:22px; margin:16px 0 10px; }
#dl-installment-success p { line-height:1.5; font-size:14px; }
#dl-installment-success button { border:0; border-radius:6px; padding:10px 28px; background:var(--primary-color,#f5222d); color:#fff; }
#dl-installment-success .dl-success-check { width:72px; height:72px; margin:auto; border-radius:50%; background:#eaf8ef; color:#23a455; font-size:48px; line-height:72px; }
#dl-installment-success[open] .dl-success-check { animation:dl-success-bounce .55s ease both; }
@keyframes dl-success-bounce { 0% {transform:scale(.3);opacity:0} 65% {transform:scale(1.15);opacity:1} 85% {transform:scale(.95)} 100% {transform:scale(1)} }
@media(prefers-reduced-motion:reduce) { #dl-installment-success[open] .dl-success-check { animation:none; } }