.ddr-wrap{--d:#0c1b33;--a:#1263e4;--m:#66758b;--l:#e8edf4;max-width:1200px;margin:20px auto 50px;font-family:inherit;color:var(--d)}
.ddr-wrap *, .ddr-wrap *:before,.ddr-wrap *:after{box-sizing:border-box}
.ddr-header{background:linear-gradient(115deg,#0c1b33,#173a73);color:white;border-radius:22px;padding:34px 35px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.ddr-kicker{display:block;font-size:10px;letter-spacing:2px;font-weight:750;color:#347ff3;margin-bottom:7px}
.ddr-header .ddr-kicker{color:#8cbcfb}.ddr-header h2{font-size:32px;color:white;margin:0 0 7px;line-height:1.2}.ddr-header p{color:#cbd9ec;margin:0}
.ddr-tier{background:#fff2;border:1px solid #ffffff50;border-radius:100px;padding:9px 15px;color:white;font-size:11px;letter-spacing:1px;font-weight:800;white-space:nowrap}
.ddr-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:17px 0}
.ddr-stats>div{border:1px solid var(--l);border-radius:16px;padding:22px;background:#fff}.ddr-stats span{display:block;color:var(--m);font-size:13px}.ddr-stats strong{font-size:28px;display:block;margin-top:5px;line-height:1.2;color:var(--d)}
.ddr-nav{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.ddr-nav a{font-size:13px;color:var(--d);text-decoration:none!important;padding:10px 16px;border-radius:40px;background:#eff4fa;font-weight:700}.ddr-nav a:hover{background:#deebfb;color:#175ed0}
.ddr-section{margin:20px 0 0;background:#fff;border:1px solid var(--l);border-radius:18px;padding:24px;min-width:0}
.ddr-section h3{font-size:23px;line-height:1.25;color:var(--d);margin:3px 0 10px}.ddr-section p{font-size:13px;color:var(--m);line-height:1.6}
.ddr-section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}.ddr-section-heading h3{margin:0}.ddr-search{max-width:260px!important;width:100%;border-radius:12px!important;border:1px solid #d6dfeb!important;padding:11px 13px!important}
.ddr-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.ddr-product{border:1px solid var(--l);border-radius:15px;overflow:hidden;min-width:0;background:#fff;display:flex;flex-direction:column}
.ddr-product-img{aspect-ratio:1.4;background:#f3f6fa;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ddr-product-img img{max-height:100%;max-width:100%;width:100%;height:100%;object-fit:contain}.ddr-product-body{padding:14px;display:flex;flex-direction:column;flex:1;gap:7px}
.ddr-product h4{font-size:15px;line-height:1.35;margin:0;color:var(--d);min-height:40px}.ddr-product strong{font-size:19px;color:#125bd0}.ddr-status{font-size:10px;background:#edf7f2;color:#137a4a;border-radius:6px;padding:5px 8px;align-self:flex-start;line-height:1.3}
.ddr-product-footer{margin-top:auto;padding-top:8px}.ddr-product-footer a{display:block;text-decoration:none!important;text-align:center;background:#125bd0;color:#fff!important;padding:11px 9px;font-size:12px;border-radius:9px;font-weight:700}
.ddr-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ddr-forms .ddr-section{margin-top:18px}.ddr-section form label{display:block;font-size:12px;color:var(--m);font-weight:700;margin:14px 0}
.ddr-section input:not([type=hidden]),.ddr-section select,.ddr-section textarea{width:100%;border:1px solid #d8e1ed;border-radius:9px;padding:11px;margin-top:6px;font:inherit;box-shadow:none}
.ddr-btn{display:inline-block;border:0!important;border-radius:10px;padding:12px 18px!important;font-size:13px;font-weight:750;background:#125bd0;color:#fff!important;text-decoration:none!important;cursor:pointer}
.ddr-order-scroll{overflow:auto}.ddr-table{width:100%;border-collapse:collapse;font-size:13px;min-width:480px}.ddr-table td,.ddr-table th{padding:11px 10px;text-align:left;border-bottom:1px solid var(--l)}.ddr-table th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--m)}
.ddr-gate{padding:40px;border:1px solid var(--l);border-radius:18px;text-align:center;max-width:640px;margin:20px auto;background:#fff}.ddr-note,.ddr-success,.ddr-error{padding:12px;border-radius:10px;margin:15px 0}.ddr-note{background:#eef4ff}.ddr-success{background:#eaf8f0;color:#13643b}.ddr-error{background:#fff0f0;color:#a30000}
.ddr-delivery{padding:20px 0}.ddr-secret{margin:10px 0;background:#f5f8fb;padding:12px;border-radius:10px}.ddr-secret summary{cursor:pointer;font-weight:700}.ddr-secret pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:13px;background:#fff;border:1px solid #dae2ec;border-radius:6px;font-size:13px}
@media(max-width:1050px){.ddr-products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.ddr-header{padding:23px;flex-direction:column}.ddr-header h2{font-size:26px}.ddr-stats{gap:8px}.ddr-stats>div{padding:13px}.ddr-stats strong{font-size:19px}.ddr-stats span{font-size:11px}.ddr-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ddr-product-body{padding:10px}.ddr-product h4{font-size:13px;min-height:35px}.ddr-product strong{font-size:16px}.ddr-section{padding:15px}.ddr-forms{grid-template-columns:1fr}.ddr-product-footer a{font-size:11px;padding:9px 4px}}

/* v0.2 enhancements: secure login, private notifications, warranty and QR */
.ddr-auth form{max-width:400px;margin:18px auto;text-align:left}
.ddr-auth label{display:block;text-align:left;color:#45536a;font-size:13px;font-weight:700}
.ddr-auth input[type=email]{display:block;width:100%;border:1px solid #d8e1ed;border-radius:10px;padding:13px;margin:9px 0 12px}
.ddr-auth .ddr-btn{width:100%}
.ddr-coverage{padding:15px;border:1px solid #e2eaf4;border-radius:12px;background:#f9fbff;margin:13px 0}
.ddr-coverage>p{margin:3px 0 9px;color:#0c1b33;font-weight:650}
.ddr-warranty-entry{padding:13px 0;border-top:1px solid #e4eaf3}
.ddr-warranty-entry h4{margin:3px 0 9px;font-size:16px;color:#183456}
.ddr-warranty-entry p{margin:5px 0;font-size:13px;line-height:1.6;color:#53617a}
.ddr-warranty-entry details{margin:10px 0;border:1px solid #e3e9f2;background:white;border-radius:10px;padding:11px}
.ddr-warranty-entry summary{cursor:pointer;font-weight:700;color:#1a4d91}
.ddr-warranty-entry textarea{width:100%;padding:11px;min-height:90px;box-sizing:border-box}
.ddr-warranty-box{margin:20px 0;padding:20px;border:1px solid #e1eaf7;border-radius:14px;background:#f9fbfe}
.ddr-warranty-box .ddr-warranty-entry{padding:12px;border-bottom:1px solid #e8ecf5}
.ddr-topup-method{border:1px solid #d9e8fa;border-radius:14px;padding:15px;background:#f6faff;margin:17px 0}
.ddr-topup-method h4{margin:3px 0 8px;color:#0d3b78}
.ddr-qr{padding:15px;border:1px solid #dde5f0;border-radius:14px;background:#fff;margin:15px 0}
.ddr-qr h4{color:#0d3b78;margin:4px 0 7px}.ddr-qr-image{max-width:210px;margin:15px auto;padding:12px;border-radius:12px;border:1px solid #edf0f5;text-align:center}
.ddr-qr-image img{width:100%;height:auto;display:block}
.ddr-btn-secondary{background:#eaf2ff!important;color:#104fbb!important}
@media(max-width:700px){.ddr-qr-image{max-width:180px}.ddr-coverage{padding:12px}.ddr-auth{padding:22px}}