/* Monthly promotion page; all rules stay inside its article. */
.kp-promosi{background:linear-gradient(180deg,#f4f8fc 0,#fff 760px);padding-bottom:76px}
.kp-promosi-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);align-items:center;gap:64px;padding:12px 0 58px}
.kp-promosi-period{display:inline-flex;padding:8px 15px;border:1px solid #cbdfee;background:#e8f2fc;color:#105a9d;font-size:13px;font-weight:750;border-radius:30px}
.kp-promosi h1{font-size:clamp(38px,4.7vw,62px);max-width:600px;margin:22px 0;line-height:1.05;letter-spacing:-.045em}
.kp-promosi-lead{font-size:18px;color:var(--kp-muted);max-width:560px}
.kp-promosi-highlight{display:flex;align-items:center;gap:10px;font-weight:700;color:#126442}
.kp-promosi-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:28px}
.kp-promosi .kp-promosi-wa{background:#138449;color:#fff;border-color:#138449}
.kp-promosi .kp-promosi-wa:hover{background:#106c3c;color:#fff}
.kp-promosi-secondary{font-size:14px;font-weight:700;padding:12px 0}
.kp-promosi-secondary span{margin-left:8px}
.kp-promosi .kp-promosi-fine{font-size:12px;color:var(--kp-muted);margin:18px 0 0;max-width:470px}
.kp-promosi-poster{margin:0;background:#fff;padding:12px;border:1px solid var(--kp-border);border-radius:20px;box-shadow:0 18px 48px #11263b12;max-width:430px;justify-self:end}
.kp-promosi-poster img{display:block;width:100%;height:auto;border-radius:12px}
.kp-promosi-poster figcaption{display:flex;justify-content:space-between;padding:10px 5px 0;font-size:12px;color:var(--kp-muted)}
.kp-promosi-no-poster{grid-template-columns:1fr}
.kp-promosi-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.kp-promosi-section-head h2{margin:12px 0 0;max-width:660px}
.kp-promosi-section-head>p{font-size:14px;color:var(--kp-muted);max-width:220px;margin:0}
.kp-promosi-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kp-promosi-model{border:1px solid var(--kp-border);border-radius:18px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.kp-promosi-car{padding:24px 26px 6px;background:linear-gradient(180deg,#f5f8fb,#fff);height:165px;display:flex;align-items:center;justify-content:center}
.kp-promosi-car img{width:100%;height:100%;object-fit:contain}
.kp-promosi-car>.kp-icon{width:70px;height:70px;color:#b6c8d8}
.kp-promosi-model-content{padding:16px 24px 24px;display:flex;flex-direction:column;flex:1}
.kp-promosi .kp-promosi-model h3{font-size:20px;margin-bottom:18px}
.kp-promosi-amount{display:flex;flex-direction:column;gap:3px}
.kp-promosi-amount>span{font-size:12px;color:var(--kp-muted)}
.kp-promosi-amount>strong{font-size:32px;letter-spacing:-.035em;color:#105a9d;line-height:1.3}
.kp-promosi-amount>.kp-promosi-ask{font-size:19px;min-height:42px;display:flex;align-items:center;letter-spacing:-.02em}
.kp-promosi .kp-promosi-model-cta{display:flex;align-items:center;justify-content:space-between;background:#edf5fc;color:#105a9d;border-radius:9px;padding:12px 14px;font-size:14px;font-weight:700;min-height:46px;margin-top:auto}
.kp-promosi-model-cta .kp-icon{width:18px;height:18px}
.kp-promosi-model-link{font-size:12px;text-align:center;display:block;padding:13px 8px 0}
.kp-promosi-terms{background:#f6f8fa;border:1px solid var(--kp-border);border-radius:12px;padding:20px 24px;margin-top:24px;font-size:13px;color:var(--kp-muted)}
.kp-promosi-terms strong{color:var(--kp-text);display:block;margin-bottom:6px}
.kp-promosi-terms p{margin:0;white-space:normal;overflow-wrap:anywhere}
.kp-promosi-test{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:72px}
.kp-promosi-test figure{margin:0;min-width:0}
.kp-promosi-test img{width:100%;height:auto;border-radius:16px;display:block}
.kp-promosi-test figcaption{font-size:11px;color:var(--kp-muted);margin-top:8px}
.kp-promosi-test h2{margin-top:12px}
.kp-promosi-test p{font-size:15px;color:var(--kp-muted)}
.kp-promosi-benefits{margin-top:68px}
.kp-promosi-benefits h2{margin-top:12px}
.kp-promosi-benefits ul{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.kp-promosi-benefits li{display:flex;align-items:center;gap:12px;border:1px solid var(--kp-border);padding:20px;border-radius:12px;font-size:15px}
.kp-promosi-benefits .kp-icon{color:#138449}
.kp-promosi p,.kp-promosi h1,.kp-promosi h2,.kp-promosi h3,.kp-promosi strong{overflow-wrap:anywhere}
.kp-promosi-offers{scroll-margin-top:30px}
@media(max-width:991px){.kp-promosi-hero{gap:28px}.kp-promosi-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kp-promosi-test{gap:26px}.kp-promosi-section-head{display:block}.kp-promosi-section-head>p{max-width:none;margin-top:14px}}
@media(max-width:767px){.kp-promosi-hero{grid-template-columns:1fr;padding-bottom:44px}.kp-promosi h1{max-width:470px}.kp-promosi-poster{justify-self:center;width:100%;max-width:400px;margin-top:10px}.kp-promosi-lead{font-size:16px}.kp-promosi-test{grid-template-columns:1fr;margin-top:48px}.kp-promosi-test>div{order:-1}.kp-promosi-benefits{margin-top:48px}.kp-promosi-benefits ul{grid-template-columns:1fr}}
@media(max-width:599px){.kp-promosi-model-grid{grid-template-columns:1fr;gap:16px}.kp-promosi-car{height:175px}.kp-promosi-model-content{padding:16px 22px 22px}.kp-promosi-actions{flex-direction:column;align-items:stretch;gap:8px}.kp-promosi-secondary{text-align:center}.kp-promosi-terms{padding:18px}.kp-promosi-benefits li{padding:16px}.kp-promosi-test .kp-tempahan-button{width:100%}}