.usf-wrap{--usf-primary:#0B527C;--usf-accent:#C9A227;box-sizing:border-box;width:calc(100% - 32px);max-width:860px;margin:24px auto;font-family:Montserrat,Poppins,Arial,sans-serif;color:#14213d;background:#fff;border:1px solid #e6ebf0;border-radius:24px;box-shadow:0 20px 60px rgba(15,38,58,.1);overflow:hidden}.usf-wrap *{box-sizing:border-box}.usf-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.usf-progress{padding:28px 36px 20px;background:#f8fafc;border-bottom:1px solid #e9edf2}.usf-progress-bar{height:7px;background:#e1e7ec;border-radius:10px;overflow:hidden}.usf-progress-bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--usf-primary),var(--usf-accent));border-radius:10px;transition:width .35s}.usf-progress-label{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:12px;color:#64748b}.usf-progress-label b{flex:none;color:var(--usf-primary)}.usf-form-step{display:none;padding:36px;min-width:0}.usf-form-step.is-active{display:block;animation:usfIn .35s ease}.usf-step-head{display:flex;align-items:flex-start;gap:15px;margin-bottom:28px}.usf-step-head>span{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:13px;background:var(--usf-primary);color:#fff;font-weight:800}.usf-step-head>div,.usf-field,.usf-heading{min-width:0}.usf-step-head h3{overflow-wrap:anywhere;font-size:24px;line-height:1.25;margin:0 0 5px}.usf-step-head p{overflow-wrap:anywhere;margin:0;color:#64748b;line-height:1.55}.usf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.usf-field.is-full,.usf-heading.is-full{grid-column:1/-1}.usf-field>label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.usf-field>label em{color:#dc2626;margin-left:3px}.usf-field input:not([type=radio]):not([type=checkbox]):not([type=file]),.usf-field select,.usf-field textarea{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;min-height:50px;border:1px solid #d8e0e7;border-radius:11px;padding:12px 14px;font:inherit;font-size:16px;color:#14213d;background:#fff;outline:0;transition:.2s}.usf-field textarea{resize:vertical}.usf-field input:focus,.usf-field select:focus,.usf-field textarea:focus{border-color:var(--usf-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--usf-primary) 12%,transparent)}.usf-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.usf-options label{position:relative;min-width:0}.usf-options input{position:absolute;opacity:0}.usf-options span{display:block;overflow-wrap:anywhere;padding:13px;border:1px solid #d8e0e7;border-radius:10px;cursor:pointer;font-size:13px}.usf-options input:checked+span{border-color:var(--usf-primary);background:color-mix(in srgb,var(--usf-primary) 7%,white);color:var(--usf-primary);font-weight:700}.usf-upload{position:relative;width:100%;min-width:0;border:1.5px dashed #b9c5d0;border-radius:12px;min-height:105px;padding:16px;display:grid;place-items:center;text-align:center;background:#fafcfd;overflow:hidden}.usf-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;max-width:100%}.usf-upload span{min-width:0;max-width:100%}.usf-upload span b,.usf-upload span small{display:block;overflow-wrap:anywhere}.usf-upload span b{color:var(--usf-primary);font-size:14px}.usf-upload span small{color:#8492a6;margin-top:5px;font-size:11px}.usf-signature{width:100%;min-width:0;border:1px solid #d8e0e7;border-radius:12px;overflow:hidden;background:#fff}.usf-signature canvas{display:block;width:100%;max-width:100%;height:180px;touch-action:none}.usf-signature button{border:0;background:#f1f5f9;color:#64748b;padding:10px 12px;cursor:pointer;width:100%;font-size:12px}.usf-heading h4{overflow-wrap:anywhere;font-size:18px;margin:8px 0 5px}.usf-heading p{overflow-wrap:anywhere;color:#64748b;margin:0}.usf-error{display:none;color:#dc2626;margin-top:6px}.usf-field.has-error .usf-error{display:block}.usf-field.has-error input,.usf-field.has-error select,.usf-field.has-error textarea{border-color:#dc2626}.usf-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid #edf0f3}.usf-actions>span{flex:1}.usf-btn{min-height:46px;border:0;border-radius:11px;background:var(--usf-primary);color:#fff;padding:14px 22px;font:inherit;font-size:13px;font-weight:700;line-height:1.25;cursor:pointer;transition:.2s;white-space:normal}.usf-btn:hover{transform:translateY(-1px);filter:brightness(.94)}.usf-prev{background:#edf2f5;color:#334155}.usf-submit{background:linear-gradient(135deg,var(--usf-primary),color-mix(in srgb,var(--usf-primary) 75%,#000));min-width:160px}.usf-submit.is-loading span{opacity:.4}.usf-submit.is-loading i{display:inline-block;width:13px;height:13px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:usfSpin .7s linear infinite;margin-left:8px}.usf-result{padding:55px 36px;text-align:center}.usf-success-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#15803d;font-size:32px;margin:0 auto 18px}.usf-result h3{overflow-wrap:anywhere;font-size:25px;margin:0 0 10px}.usf-result p{overflow-wrap:anywhere;color:#64748b;max-width:560px;margin:0 auto 20px;line-height:1.65}.usf-reference{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;overflow-wrap:anywhere;background:#f1f5f9;border-radius:9px;padding:10px 14px;font-size:12px}.usf-wa{display:block;width:max-content;max-width:100%;margin:18px auto 0;background:#25D366;color:#fff!important;text-align:center;text-decoration:none!important;border-radius:10px;padding:13px 19px;font-weight:700;font-size:13px;overflow-wrap:anywhere}@keyframes usfIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}@keyframes usfSpin{to{transform:rotate(360deg)}}@media(max-width:900px){.usf-wrap{width:calc(100% - 32px);margin:16px auto;border-radius:20px}.usf-progress{padding:24px 28px 18px}.usf-form-step{padding:30px 28px}.usf-grid{gap:18px}.usf-step-head{margin-bottom:24px}.usf-step-head h3{font-size:22px}.usf-result{padding:48px 28px}}@media(max-width:700px){.usf-wrap{width:calc(100% - 24px);margin:12px auto;border-radius:16px}.usf-progress,.usf-form-step{padding:22px 20px}.usf-grid{grid-template-columns:minmax(0,1fr);gap:16px}.usf-field.is-full,.usf-heading.is-full{grid-column:auto}.usf-options{grid-template-columns:minmax(0,1fr)}.usf-step-head{gap:12px;margin-bottom:22px}.usf-step-head>span{flex-basis:42px;width:42px;height:42px;border-radius:11px}.usf-step-head h3{font-size:20px}.usf-actions{gap:10px}.usf-btn{padding:13px 16px}.usf-submit{min-width:145px}.usf-result{padding:42px 20px}}@media(max-width:420px){.usf-wrap{width:calc(100% - 16px);margin:8px auto;border-radius:14px}.usf-progress{padding:18px 16px 16px}.usf-form-step{padding:22px 16px}.usf-progress-label{font-size:11px}.usf-step-head>span{flex-basis:38px;width:38px;height:38px;font-size:13px}.usf-step-head h3{font-size:18px}.usf-step-head p{font-size:13px}.usf-actions{align-items:stretch}.usf-actions>span{display:none}.usf-btn{flex:1;min-width:0;padding:12px 10px}.usf-submit{min-width:0}.usf-result{padding:36px 16px}.usf-result h3{font-size:22px}.usf-wa{width:100%}}@media(prefers-reduced-motion:reduce){.usf-form-step.is-active{animation:none}.usf-progress-bar i,.usf-btn{transition:none}}

/* Medan Upload Imej + Tajuk & Detail (v1.8.0) */
.usf-imgupload{align-content:start;place-items:stretch;text-align:center}
.usf-imgupload>span{display:block;position:relative;z-index:1;pointer-events:none}
.usf-imgpreview{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;position:relative;z-index:1;pointer-events:none}
.usf-imgpreview:empty{display:none;margin:0}
.usf-imgpreview img{width:78px;height:78px;object-fit:cover;border-radius:9px;border:1px solid #d8e0e7;background:#fff}
.usf-content{min-width:0;border:1px solid #e6ebf0;border-radius:14px;overflow:hidden;background:#fafcfd}
.usf-content-media img{display:block;width:100%;height:auto;max-width:100%}
.usf-content-body{padding:18px}
.usf-content-body h4{overflow-wrap:anywhere;font-size:18px;margin:0 0 8px;color:var(--usf-primary)}
.usf-content-text{overflow-wrap:anywhere;color:#64748b;line-height:1.65;font-size:14px}
.usf-content-text p{margin:0 0 10px}
.usf-content-text p:last-child{margin:0}
.usf-content-text img{max-width:100%;height:auto;border-radius:10px}
.usf-content-text a{color:var(--usf-primary)}
.usf-content-link{display:inline-block;margin-top:14px;background:var(--usf-primary);color:#fff!important;text-decoration:none!important;border-radius:10px;padding:11px 18px;font-size:13px;font-weight:700;overflow-wrap:anywhere}
.usf-content.is-full{grid-column:1/-1}
@media(max-width:700px){.usf-content.is-full{grid-column:auto}.usf-content-body{padding:16px}.usf-imgpreview img{width:66px;height:66px}}

/* Jadual Pakej + Panel Maklumat (v1.11.0) */
.usf-products{width:100%;min-width:0;border:1px solid #d8e0e7;border-radius:12px;overflow:hidden;background:#fff}
.usf-products-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.usf-products table{width:100%;border-collapse:collapse;font-size:14px}
.usf-products th,.usf-products td{padding:12px 14px;text-align:left;border-bottom:1px solid #eef2f6;vertical-align:middle}
.usf-products th.num,.usf-products td.num{text-align:right}
.usf-products thead th{background:#f8fafc;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.usf-products tbody td b{font-weight:700;overflow-wrap:anywhere}
.usf-products tbody tr.is-picked{background:color-mix(in srgb,var(--usf-primary) 5%,white)}
.usf-products td.usf-p-line{font-weight:700;white-space:nowrap}
.usf-products input[type=number]{width:92px;min-width:92px;min-height:44px;padding:9px 10px!important;text-align:center;border:1px solid #d8e0e7;border-radius:9px;font:inherit;font-size:16px;background:#fff}
.usf-products input[type=number]:focus{border-color:var(--usf-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--usf-primary) 12%,transparent);outline:0}
.usf-products tfoot th,.usf-products tfoot td{background:var(--usf-primary);color:#fff;border-bottom:0;font-size:14px;font-weight:800}
.usf-products tfoot th{text-transform:uppercase;letter-spacing:.4px;font-size:12px}
.usf-products tfoot .usf-p-total{white-space:nowrap;font-size:17px}
.usf-field.has-error .usf-products{border-color:#dc2626}

.usf-infopanel{min-width:0;border:1px solid #e6ebf0;border-radius:14px;padding:20px;background:#fafcfd}
.usf-infopanel.is-full{grid-column:1/-1}
.usf-infopanel>h4{overflow-wrap:anywhere;margin:0 0 14px;font-size:16px;color:var(--usf-primary);text-transform:uppercase;letter-spacing:.4px}
.usf-infopanel-body{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.usf-infopanel-media{flex:0 0 auto}
.usf-infopanel-media img{display:block;width:150px;max-width:100%;height:auto;border-radius:10px;border:1px solid #e6ebf0;background:#fff}
.usf-infopanel-rows{flex:1 1 260px;min-width:0;margin:0;display:grid;gap:1px;background:#e6ebf0;border:1px solid #e6ebf0;border-radius:10px;overflow:hidden}
.usf-infopanel-rows>div{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;justify-content:space-between;padding:11px 14px;background:#fff}
.usf-infopanel-rows dt{margin:0;color:#64748b;font-size:12px;font-weight:600}
.usf-infopanel-rows dd{margin:0;display:flex;gap:8px;align-items:center;font-size:14px;font-weight:700;overflow-wrap:anywhere;color:#14213d}
.usf-copy{border:1px solid #d8e0e7;background:#fff;color:#64748b;border-radius:7px;padding:4px 9px;font:inherit;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}
.usf-copy:hover{border-color:var(--usf-primary);color:var(--usf-primary)}
.usf-infopanel-note{margin-top:14px;color:#64748b;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.usf-infopanel-note p{margin:0 0 8px}
.usf-infopanel-note p:last-child{margin:0}
.usf-infopanel-link{display:inline-block;margin-top:14px;background:#25D366;color:#fff!important;text-decoration:none!important;border-radius:10px;padding:11px 18px;font-size:13px;font-weight:700;overflow-wrap:anywhere}

@media(max-width:700px){
  .usf-infopanel.is-full{grid-column:auto}
  .usf-infopanel{padding:16px}
  .usf-products thead{display:none}
  .usf-products tbody tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 14px;border-bottom:1px solid #eef2f6}
  .usf-products tbody td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:3px 0;border:0;text-align:left!important}
  .usf-products tbody td:first-child{grid-column:1/-1;padding-bottom:6px}
  .usf-products tbody td:not(:first-child):before{content:attr(data-th);color:#64748b;font-size:12px;font-weight:600}
  .usf-products tbody td.num{grid-column:1/-1}
  .usf-products tfoot tr{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;background:var(--usf-primary)}
  .usf-products tfoot th,.usf-products tfoot td{padding:0;background:transparent}
}

/* Paparan checkout CHIP dalam borang (v1.13.0) */
.usf-chip{min-width:0;border:1px solid #e6ebf0;border-radius:16px;background:#fff;overflow:hidden}
.usf-chip.is-full{grid-column:1/-1}
.usf-chip-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.usf-chip-left{padding:26px 28px;min-width:0}
.usf-chip-right{padding:26px 28px;min-width:0;border-left:1px solid #eef2f6;background:#fcfcfe;display:flex;flex-direction:column}

.usf-chip-brand{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}
.usf-chip-logo{flex:0 0 46px;width:46px;height:46px;object-fit:contain;border-radius:11px;border:1px solid #eef2f6;background:#f8fafc}
.usf-chip-logo.is-fallback{display:grid;place-items:center;font-size:20px;color:#94a3b8}
.usf-chip-brand>div{min-width:0}
.usf-chip-brand b{display:block;font-size:14px;line-height:1.4;color:#14213d;overflow-wrap:anywhere}
.usf-chip-phone{display:block;margin-top:3px;color:#64748b;font-size:12.5px}

.usf-chip-linkname{display:block;color:#64748b;font-size:13px}
.usf-chip-total{display:block;margin-top:2px;font-size:38px;line-height:1.1;font-weight:800;letter-spacing:-.5px;color:#0f172a}
.usf-chip-items{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:18px}
.usf-chip-items li{display:flex;gap:13px;align-items:flex-start}
.usf-chip-items img,.usf-chip-thumb{flex:0 0 54px;width:54px;height:54px;object-fit:cover;border-radius:8px;border:1px solid #eef2f6;background:#f1f5f9}
.usf-chip-item-main{flex:1;min-width:0}
.usf-chip-item-main b{display:block;font-size:14px;color:#0f172a;overflow-wrap:anywhere}
.usf-chip-item-note{display:block;color:#94a3b8;font-size:13px;overflow-wrap:anywhere}
.usf-chip-qty{display:block;margin-top:5px;color:#64748b;font-size:13px}
.usf-chip-item-price{flex:none;font-size:14px;font-weight:600;color:#0f172a;white-space:nowrap}

.usf-chip-heading{display:block;margin-bottom:10px;font-size:14px;font-weight:700;color:#0f172a}
.usf-chip-methods{display:grid;gap:8px}
.usf-chip-methods span{
  display:block;padding:11px 14px;border:1px solid #e6ebf0;border-radius:10px;
  background:#fff;color:#475569;font-size:13px;font-weight:600;
}
.usf-chip-note{margin-top:16px;color:#64748b;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.usf-chip-note p{margin:0 0 8px}
.usf-chip-note p:last-child{margin:0}
.usf-chip-pay{
  display:block;margin-top:auto;padding-top:0;
  background:#6E00FF;color:#fff!important;text-decoration:none!important;
  border-radius:11px;padding:16px 20px;text-align:center;
  font-size:15px;font-weight:700;overflow-wrap:anywhere;
  box-shadow:0 10px 24px rgba(110,0,255,.22);transition:.18s;
}
.usf-chip-pay:hover{filter:brightness(1.08);transform:translateY(-1px)}
.usf-chip-right>.usf-chip-pay{margin-top:22px}
.usf-chip-missing{margin-top:22px;padding:13px;border-radius:10px;background:#fef3f2;color:#912018;font-size:13px;text-align:center;font-weight:600}
.usf-chip-terms{margin:12px 0 0;color:#94a3b8;font-size:11.5px;line-height:1.55;text-align:center}
.usf-chip-brandmark{margin-top:14px;text-align:center;color:#cbd5e1;font-size:11px;letter-spacing:.3px}
.usf-chip-brandmark b{color:#6E00FF}
.usf-pay-cta{display:block;max-width:340px;margin:22px auto 0}

@media(max-width:760px){
  .usf-chip.is-full{grid-column:auto}
  .usf-chip-inner{grid-template-columns:minmax(0,1fr)}
  .usf-chip-left{padding:22px 20px}
  .usf-chip-right{padding:22px 20px;border-left:0;border-top:1px solid #eef2f6}
  .usf-chip-total{font-size:32px}
}