/* Novel Download Button — frontend. LIGHT design (demo-approved):
   white cards, indigo header, orange Download button, teal promo.
   Same features as the dark version — sirf look naya hai.
   Crush-proof + responsive: kisi bhi theme me, mobile + PC par sahi. */
.ndl-wrap{font-family:Inter,Arial,sans-serif;max-width:480px;width:100%;margin:22px auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px rgba(15,23,42,.10);border:1px solid #e2e8f0;box-sizing:border-box;display:block;clear:both;min-width:0;word-break:normal;overflow-wrap:normal}
.ndl-wrap *{box-sizing:border-box;word-break:normal;overflow-wrap:normal}
.ndl-ep{background:#4f46e5;padding:13px 20px;text-align:center}
.ndl-ep span{color:#fff;font-size:15px;font-weight:800;letter-spacing:.5px;white-space:nowrap}
.ndl-info{padding:18px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ndl-meta{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;text-align:center;min-width:0}
.ndl-meta span{display:block;font-size:10px;color:#64748b;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px;font-weight:600;white-space:nowrap}
.ndl-meta strong{color:#0f172a;font-size:16px;font-weight:700}
.ndl-btn-wrap{padding:0 20px 20px}
.ndl-btn{display:block;width:100%;padding:15px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;color:#fff;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:800;cursor:pointer;text-align:center;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px rgba(234,88,12,.30);white-space:nowrap}
.ndl-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(234,88,12,.40)}
.ndl-timer{display:none;padding:0 20px 20px}
.ndl-tbox{background:#fff7ed;border:1px solid #fdba74;border-radius:12px;padding:20px 16px;text-align:center}
.ndl-tbox p{color:#64748b;font-size:13px;margin:0 0 10px}
.ndl-count{font-size:44px;font-weight:800;color:#ea580c;font-family:monospace;display:block;line-height:1}
.ndl-barbg{background:rgba(15,23,42,.08);border-radius:100px;height:6px;margin-top:14px;overflow:hidden}
.ndl-bar{height:6px;background:linear-gradient(90deg,#ea580c,#4f46e5);border-radius:100px;width:100%;transition:width 1s linear}
.ndl-btn-wrap2{display:none;padding:0 20px 20px}
.ndl-btn2{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 15px rgba(79,70,229,.35)}
.ndl-timer2{display:none;padding:0 20px 20px}
.ndl-circle{position:relative;width:72px;height:72px;margin:0 auto}
.ndl-cbg{fill:none;stroke:rgba(15,23,42,.08);stroke-width:6}
.ndl-circle-prog{fill:none;stroke:#4f46e5;stroke-width:6;stroke-linecap:round;stroke-dasharray:188.4;stroke-dashoffset:188.4;transition:stroke-dashoffset 1s linear;transform:rotate(-90deg);transform-origin:36px 36px}
.ndl-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:800;color:#4f46e5;font-size:13px;font-family:monospace}
@media(max-width:420px){.ndl-meta strong{font-size:14px}.ndl-btn{font-size:15px;padding:13px}.ndl-count{font-size:36px}.ndl-info{gap:8px;padding:14px}}
/* Divider + App Promo card (light design: teal). */
.ndl-divider{display:flex;align-items:center;text-align:center;max-width:480px;width:100%;margin:24px auto 18px;color:#64748b;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px;clear:both;word-break:normal;overflow-wrap:normal}
.ndl-divider::before,.ndl-divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#cbd5e1,transparent)}
.ndl-divider span{padding:0 12px;white-space:nowrap}
.ndl-promo{width:100%;max-width:460px;margin:0 auto 22px;background:linear-gradient(160deg,#0f766e 0%,#0d9488 100%);border-radius:18px;padding:22px 18px 18px;box-shadow:0 14px 34px rgba(13,100,95,.30);border:1px solid rgba(253,230,138,.40);font-family:"Noto Naskh Arabic","Jameel Noori Nastaleeq",Tahoma,sans-serif;box-sizing:border-box;clear:both;word-break:normal;overflow-wrap:normal}
.ndl-promo-inner{border:1.5px dashed rgba(253,230,138,.55);border-radius:12px;padding:16px 12px 14px}
.ndl-promo *{word-break:normal;overflow-wrap:normal}
.ndl-promo-brand{text-align:center;font-weight:700;font-size:20px;letter-spacing:2px;color:#fde68a;margin-bottom:8px}
.ndl-promo-title{color:#fff;text-align:center;font-size:clamp(18px,5vw,23px);line-height:1.7;margin:6px 0 10px;font-weight:700}
.ndl-promo-stars{text-align:center;color:#fde68a;font-size:15px;letter-spacing:3px;margin-bottom:16px}
.ndl-promo-cta{display:block;text-align:center;width:100%;padding:16px 10px;background:#fff;color:#0d9488 !important;text-decoration:none;border-radius:12px;font-weight:800;font-size:18px;box-shadow:0 8px 20px rgba(0,0,0,.20);box-sizing:border-box}
/* Backlinks / Mazeed Novels — light cards (demo jaisa). */
.ndl-backlinks{font-family:Inter,Arial,sans-serif;max-width:480px;width:100%;margin:22px auto;background:#fff;border-radius:20px;padding:clamp(14px,4vw,20px);box-shadow:0 12px 32px rgba(15,23,42,.10);border:1px solid #e2e8f0;box-sizing:border-box;clear:both;min-width:0}
.ndl-backlinks *{box-sizing:border-box}
.ndl-bl-title{text-align:center;color:#4f46e5;font-size:clamp(14px,4.2vw,16px);font-weight:800;margin:0 0 14px;letter-spacing:.3px}
.ndl-bl-list{display:flex;flex-direction:column;gap:10px}
.ndl-bl-link{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:clamp(11px,3vw,15px) clamp(12px,4vw,15px);color:#0f172a !important;text-decoration:none;font-weight:700;font-size:clamp(13px,3.6vw,15px);line-height:1.45;transition:transform .2s,border-color .2s,background .2s}
.ndl-bl-link:hover{border-color:#4f46e5;transform:translateY(-1px);background:#eef2ff;color:#0f172a !important}
.ndl-bl-link span:first-child{min-width:0;overflow-wrap:anywhere}
.ndl-bl-arrow{color:#ea580c;font-size:clamp(15px,4.5vw,18px);flex-shrink:0}