/* Maju Mapan V9 · Marketplace visual system */
:root{--ink:#182538;--muted:#758196;--blue:#0878db;--orange:#f26a38;--line:#e7ebf1;--bg:#f5f7fb;--shadow:0 10px 32px rgba(20,42,70,.055)}
body{background:var(--bg);color:var(--ink);font-size:14px}a:hover{color:var(--blue)}.wrap{max-width:1180px;padding:28px 24px}.topline{background:#0f2842;color:#d8e6f6;padding:9px max(24px,calc((100vw - 1132px)/2));display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.02em}.topline span:first-child{font-weight:800;color:#fff;letter-spacing:.11em}.nav{border-bottom:1px solid #e6ebf1;box-shadow:none}.nav .wrap{padding-top:13px;padding-bottom:13px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.8px;line-height:1}.brand:before{display:none}.brand-mark{width:45px;height:45px;object-fit:contain;border-radius:10px}.brand-accent{color:var(--orange)}.brand small{display:block;font-size:9px;letter-spacing:2.4px;color:#8590a1;margin-top:6px}.navlinks a{font-weight:700;color:#526176}.navlinks a:hover{color:var(--blue)}.btn{background:var(--blue);border-radius:9px;padding:11px 17px;box-shadow:none}.btn:hover{background:#0569c3;color:white}.btn.green{background:#13a477}.btn.green:hover{background:#098662}.btn.alt{border-color:#dce4ee;color:#263b53}.btn.alt:hover{color:#0878db;background:#f5f9ff}.hero{background:linear-gradient(116deg,#102a48 5%,#15456d 69%,#1e6c97 100%);border-radius:17px;padding:62px 55px;box-shadow:var(--shadow)}.hero:after{width:360px;height:360px;border:65px solid #ffffff0b;right:-80px;top:-145px}.hero h1{font-size:42px;max-width:580px;letter-spacing:-1.7px}.hero p{max-width:560px}.eyebrow{color:#ffb58d}.hero-cta{display:inline-flex;margin-top:25px;background:#fff;color:#173c5b;border-radius:9px;padding:12px 19px;font-weight:800;gap:18px}.hero-cta:hover{color:#e65e30}.benefits{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:18px 24px}.benefits strong{color:#16a47a}.sectionhead h2{font-size:25px}.card,.panel,.payleft{border-radius:13px;border:1px solid var(--line);box-shadow:var(--shadow)}.card:hover{box-shadow:0 16px 40px #183e6618;transform:translateY(-2px)}.card{transition:box-shadow .2s,transform .2s}.photo{background:#f1f4f9}.price{color:#102e4a}.field{border-radius:9px;border-color:#dbe3ee;padding:12px 13px}.field:focus{outline:2px solid #b7dfff;outline-offset:0;border-color:#2b8ddc}.panel{padding:26px}.panel h2,.panel h3{letter-spacing:-.5px}.line{border-color:#edf0f5}.line span{color:#65758a}.save-link-banner{background:#eef6ff;border:1px solid #cfe4fa;border-radius:12px;display:flex;align-items:center;gap:17px;padding:17px 20px;color:#274561;box-shadow:var(--shadow)}.save-link-banner strong{font-size:15px;color:#14395b}.save-link-banner p{margin:5px 0 0;font-size:12px;line-height:1.6;color:#58708a}.notice-icon{font-size:23px;flex-shrink:0}.notice-content{flex:1}.save-link-banner .btn{white-space:nowrap}.order-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:5px 0 22px}.order-heading h1{font-size:29px;letter-spacing:-1px;margin:5px 0}.order-heading p{margin:0;color:#7b889a}.section-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--blue)}.order-badge{display:inline-block;background:#eaf4ff;color:#1261a0;padding:10px 15px;border-radius:30px;font-size:12px;font-weight:800;white-space:nowrap}.order-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.4fr);gap:20px;align-items:start}.payleft{background:white;color:var(--ink);text-align:left;padding:26px}.payleft p:first-child{font-size:12px;color:#6c7e91}.payleft h2:first-of-type{font-size:17px;line-height:1.4;overflow-wrap:anywhere}.payleft h2:nth-of-type(2){font-size:34px;letter-spacing:-1px;color:#123755;margin:12px 0}.payleft .qr{max-width:275px;display:block;margin:16px auto;border:1px solid #e7edf4;padding:13px;border-radius:12px}.order-details{padding:26px}.order-details h2{font-size:19px;margin-top:0}.eta-customer{background:#f6f9ff;border:1px solid #dce9fb;color:#173c62;border-radius:13px;padding:22px;text-align:center;margin:22px 0}.eta-label{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#68809b;margin-bottom:8px}.eta-customer>strong{font-size:14px}.eta-customer .delivery-countdown{font-size:39px!important;letter-spacing:2px;font-weight:800!important;color:#075fae;font-variant-numeric:tabular-nums}.eta-customer small{color:#7789a1;font-size:11px;max-width:370px;margin:7px auto 0}.order-progress{display:flex;justify-content:space-between;position:relative;margin:25px 0 14px;gap:12px}.order-progress:before{content:'';position:absolute;height:2px;background:#e1e8f1;top:16px;left:14%;right:14%}.progress-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;flex:1;color:#9aa6b5}.progress-step span{height:34px;width:34px;display:grid;place-items:center;border-radius:50%;border:2px solid #e2e9f1;background:white;font-size:12px;font-weight:800}.progress-step.done span{border-color:#1289d7;background:#1289d7;color:#fff}.progress-step small{font-size:11px;font-weight:700;text-align:center}.progress-step.done{color:#155b90}.delivered-panel{background:#edfff5!important;border:1px solid #b7ecd1!important;box-shadow:none;margin:16px 0}.delivered-panel h3{color:#087a51}.delivered-panel .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}.market-chat{margin-top:25px;border-top:1px solid #edf0f5;padding-top:19px}.market-chat h3{font-size:18px;display:flex;justify-content:space-between;align-items:center;gap:8px}.chat-online{font-size:10px;color:#129c70;font-weight:700}.market-chat #v2messages{background:#f7f9fc!important;border:1px solid #e7edf4!important;border-radius:13px!important;min-height:230px!important;max-height:460px!important;padding:17px!important}.message-bubble{max-width:85%;width:fit-content;padding:11px 14px;border-radius:13px;margin:11px 0;background:#fff;border:1px solid #e8edf3;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap;box-shadow:0 2px 5px #1234}.message-bubble.from-admin{background:#e7f3ff;border-color:#cfe5fc;border-bottom-left-radius:3px}.message-bubble.from-customer{margin-left:auto;background:#fff;border-bottom-right-radius:3px}.message-bubble strong{display:block;color:#164d7c;margin-bottom:4px}.message-bubble small{display:block;color:#8290a1;font-size:10px;margin-top:7px}.market-chat #v2form{margin-top:13px}.market-chat #v2form .btn{float:right}.market-chat #v2form:after{content:'';display:block;clear:both}.footer{background:#102840!important;color:#d8e6f4!important;padding:27px 20px!important;margin-top:50px}.tablewrap{border:1px solid #e7edf3;border-radius:10px}.tablewrap th{background:#f7f9fc;font-size:11px;color:#607188;text-transform:uppercase;letter-spacing:.05em}.tablewrap td{background:#fff}details summary{cursor:pointer;font-weight:700}@media(max-width:820px){.order-layout{grid-template-columns:1fr}.hero{padding:42px 28px}.hero h1{font-size:32px}.topline span:nth-child(2){display:none}.save-link-banner{flex-wrap:wrap}.save-link-banner .btn{margin-left:40px}.wrap{padding:20px 16px}.nav .wrap{gap:10px}.brand{font-size:17px}.brand-mark{width:35px;height:35px}.order-heading h1{font-size:24px}.eta-customer .delivery-countdown{font-size:34px!important}}@media(max-width:500px){.topline{padding:9px 16px}.navlinks{display:none}.hero h1{font-size:29px}.hero{padding:35px 23px}.order-heading{align-items:flex-start;flex-direction:column}.payleft,.panel{padding:19px}.save-link-banner{padding:15px}.save-link-banner .btn{margin-left:0;width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo{height:145px}.eta-customer .delivery-countdown{font-size:30px!important;letter-spacing:0}.chat-online{display:none}.message-bubble{max-width:95%}}