body.prototype-ui { color: #1d1d1f; font-family: Inter,Arial,sans-serif; line-height: normal; }
body.prototype-ui .nav { flex-wrap: nowrap; }
body.prototype-ui #brandLogo { width: 44px; height: 42px; object-fit: contain; }
body.prototype-ui #footerLogo { width: 44px; height: 42px; object-fit: contain; }
body.prototype-ui .brand-logo-mark { height: 80px; }
body.prototype-ui .brand-logo-mark img { width: 88px; height: 80px; object-fit: contain; }
body.prototype-ui .navtools form { margin: 0; }
body.prototype-ui .navtools .login { border: 0; background: transparent; padding: 0; white-space: nowrap; }
body.prototype-ui .prototype-logout { border: 0; background: transparent; font-size: 26px; font-weight: 600; padding: 0; color: #b42318; margin: 13px 0; }
body.prototype-ui h1,body.prototype-ui h2,body.prototype-ui h3 { letter-spacing: 0; }
body.prototype-ui main > .location-strip { margin: 0; }
body.prototype-ui .sp-page .sp-container { max-width: 1140px; }
body.prototype-ui .form-control,body.prototype-ui .form-select { border-radius: 8px; min-height: 44px; }
body.prototype-ui #iclear-chat-widget { font-family: Inter,Arial,sans-serif; }
body.prototype-ui #iclear-chat-widget .icw-launcher { width: 48px; height: 48px; border-radius: 50%; padding: 0; justify-content: center; }
body.prototype-ui #iclear-chat-widget .icw-launcher-label { display: none; }
body.prototype-ui #iclear-chat-widget .icw-launcher-icon { font-size: 0; }
body.prototype-ui #iclear-chat-widget .icw-launcher-icon::before { font-size: 20px; }
body.prototype-ui .sp-page { background: #fff; }
body.prototype-ui .prototype-topbar { padding-top: 54px; }
body.prototype-ui.retail-auth main { padding-top: 0; }
body.prototype-ui.retail-account main { padding-top: 0; }
body.prototype-ui.prototype-guest main { padding-top: 0; }
body.prototype-ui :is(h1,h2,h3,h4,h5,h6,input,select,button) { font-family: Inter,Arial,sans-serif; letter-spacing: 0 !important; }
body.prototype-ui #main main { padding-top: 0; }
body.prototype-ui .sp-hero { background: #f5f6f7; color: #1d1d1f; padding: 40px 0 0; }
body.prototype-ui .sp-hero::before,body.prototype-ui .sp-hero-media::before { display: none; }
body.prototype-ui .sp-hero-grid { grid-template-columns: 1fr; text-align: center; gap: 28px; }
body.prototype-ui .sp-hero h1 { color: #01475c; font-size: 48px; font-weight: 600; max-width: 850px; margin: 0 auto 16px; }
body.prototype-ui .sp-hero-badge { color: #01475c; background: transparent; border: 0; padding: 0; border-radius: 0; font-size: 11px; }
body.prototype-ui .sp-hero-desc { color: #73777b; max-width: 650px; font-size: 16px; margin: 0 auto 24px; }
body.prototype-ui .sp-hero-cta,body.prototype-ui .sp-hero-trust { justify-content: center; }
body.prototype-ui .sp-hero-trust { margin-top: 24px; padding-top: 20px; border-color: #dde3e5; }
body.prototype-ui .sp-trust-item { color: #435c62; }
body.prototype-ui .sp-trust-item i { color: #01475c; }
body.prototype-ui .sp-hero-media { order: 0; }
body.prototype-ui .sp-hero-media img { width: 520px; max-width: 100%; margin: 0 auto; border-radius: 0; filter: none; transform: none; }
body.prototype-ui .sp-btn-primary,body.prototype-ui .sp-btn-outline { min-height: 43px; height: auto; padding: 12px 21px; border-radius: 24px; font-size: 13px; font-weight: 500; box-shadow: none; }
body.prototype-ui .sp-btn-primary { background: #01475c; color: white !important; border: 1px solid #01475c; }
body.prototype-ui .sp-btn-outline { color: #01475c !important; border: 1px solid #01475c; }
body.prototype-ui :is(.sp-checker-card,.sp-price-card,.sp-benefit-card,.sp-step-card,.sp-toko-card,.trade-card,.toko-card,.step-card) { border-radius: 8px; box-shadow: none; }
body.prototype-ui .cat-container { max-width: 1140px; }
body.prototype-ui .cat-hero { border: 0; border-radius: 0; justify-content: center; text-align: center; }
body.prototype-ui .cat-hero-title { font-family: Inter,Arial,sans-serif; font-size: 48px; letter-spacing: 0; }
body.prototype-ui .cat-hero-eyebrow { font-family: Inter,Arial,sans-serif; letter-spacing: 0; }
body.prototype-ui .lokasi-wrapper { max-width: 1140px; margin: 0 auto; padding: 40px 24px; }
body.prototype-ui .pickup-section,body.prototype-ui .tradein-section,body.prototype-ui .antrian-section { background: #fff; }
body.prototype-ui .detail-container { max-width: 1140px; border: 0; border-radius: 0; box-shadow: none; }
@media(max-width:833px){
  body.prototype-ui #iclear-chat-widget .icw-launcher { width: 44px; height: 44px; right: 16px; bottom: 17px; }
  body.prototype-ui .sp-hero h1,body.prototype-ui .cat-hero-title { font-size: 32px; }
  body.prototype-ui .sp-hero { padding-top: 32px; }
  body.prototype-ui .sp-hero-cta :is(.sp-btn-primary,.sp-btn-outline) { width: auto; min-width: 0; }
  body.prototype-ui .sp-hero-media img { width: 100%; }
  body.prototype-ui .lokasi-wrapper { padding: 24px 16px; }
}
@media(max-width:833px){body.prototype-ui .form-control,body.prototype-ui .form-select{font-size:16px}}