/* V52 – Only online payment stage-one side note. No shared header or payment processing changes. */
body.os-metal-v2 .op .op-summary .op-summary-top .op-summary-eyebrow,
.op .op-summary .op-summary-top .op-summary-eyebrow {
  display:block; margin:0 0 14px; font-size:12px; font-weight:750;
  line-height:1.5; letter-spacing:1.5px; color:#d7bf94 !important;
}
body.os-metal-v2 .op .op-summary .op-summary-top .op-first-step-hint,
.op .op-summary .op-summary-top .op-first-step-hint {
  display:flex !important; align-items:flex-start !important; gap:12px !important;
  width:100%; margin:0 !important; padding:16px !important;
  box-sizing:border-box; border-radius:13px;
  background:#1a2a38 !important; border:1px solid rgba(202,161,92,.23) !important;
  color:#ffffff !important; text-align:left;
}
.op .op-summary .op-first-step-hint .op-first-step-icon {
  display:flex; flex:0 0 32px; width:32px; height:32px; align-items:center;
  justify-content:center; border-radius:9px; background:#263744; color:#ddbb80 !important;
  font-size:20px; line-height:1;
}
.op .op-summary .op-first-step-hint .op-first-step-copy {
  display:block !important; flex:1 1 0; min-width:0;
}
.op .op-summary .op-first-step-hint .op-first-step-copy strong {
  display:block !important; margin:0 0 7px !important; padding:0 !important;
  font-size:14px !important; font-weight:700; line-height:1.55 !important;
  color:#ffffff !important; -webkit-text-fill-color:#ffffff !important;
}
.op .op-summary .op-first-step-hint .op-first-step-copy p {
  display:block !important; margin:0 !important; padding:0 !important;
  font-size:12px !important; font-weight:400; line-height:1.7 !important;
  color:#c6d3dd !important; -webkit-text-fill-color:#c6d3dd !important;
  white-space:normal; overflow-wrap:break-word;
}
@media(max-width:480px){.op .op-summary .op-summary-top .op-first-step-hint{padding:12px !important;}}


/* V55: First-step right summary stays beneath desktop sticky navigation. */
@media(min-width:992px){
  html body .op .op-layout{align-items:start!important;}
  html body .op .op-layout > aside{position:sticky!important;top:94px!important;align-self:start!important;min-width:0;}
  html body .op .op-layout > aside .op-summary{position:static!important;}
}
@media(max-width:991px){html body .op .op-layout > aside{position:static!important;top:auto!important;}}

/* V124 - Minimal online payment summary (visual-only). */
.op .op-layout > aside.op-payment-sidebar{min-width:0;}
.op .op-summary--compact{border:1px solid #34495a!important;border-radius:20px!important;background:#111d2a!important;overflow:hidden;box-shadow:none!important;}
.op .op-summary--compact .op-summary-top{padding:22px 24px 16px!important;background:transparent!important;border:0!important;}
.op .op-summary--compact .op-summary-title{margin:0!important;font-size:21px!important;line-height:1.3!important;font-weight:750!important;color:#f7f9fa!important;letter-spacing:-.3px;}
.op .op-summary--compact .op-summary-subtitle{margin:5px 0 0!important;font-size:12px!important;color:#b4c4d0!important;}
.op .op-summary--compact .op-summary-body{padding:0 24px 22px!important;background:transparent!important;}
.op .op-summary--compact .op-summary-company-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0!important;padding:15px 0!important;border-bottom:1px solid #34495a!important;background:transparent!important;}
.op .op-summary--compact .op-summary-company-row>span{color:#acbfcc!important;font-size:13px!important;}
.op .op-summary--compact .op-summary-company-row>strong{color:#fff!important;text-align:right!important;font-size:13px!important;overflow-wrap:anywhere;max-width:65%;}
.op .op-summary--compact .op-total{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important;margin:0!important;padding:20px 0 14px!important;border:0!important;background:transparent!important;}
.op .op-summary--compact .op-total small{color:#acbfcc!important;font-size:12px!important;}
.op .op-summary--compact .op-total strong{color:#d7ab69!important;font-size:clamp(27px,3vw,38px)!important;line-height:1.2!important;font-weight:800!important;overflow-wrap:anywhere;}
.op .op-summary--compact .op-safe--compact{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:12px 0 0!important;color:#c6d3dd!important;font-size:12px!important;background:transparent!important;border:0!important;}
.op .op-summary--compact .op-safe--compact svg{flex:none;color:#d7ab69;}
@media(max-width:600px){.op .op-summary--compact .op-summary-top{padding:19px 18px 12px!important;}.op .op-summary--compact .op-summary-body{padding:0 18px 18px!important;}}


/* V125: Sidebar remains fully visible below the actual sticky navigation. */
@media (min-width:992px) {
  html body .op .op-layout > aside.op-payment-sidebar {
    position:sticky !important;
    top:var(--op-nav-bottom, 96px) !important;
    align-self:start !important;
    height:max-content !important;
    max-height:none !important;
    overflow:visible !important;
  }
  html body .op .op-layout > aside.op-payment-sidebar .op-summary {
    position:static !important;
    transform:none !important;
    overflow:visible !important;
    max-height:none !important;
  }
}
@media (max-width:991px){html body .op .op-layout > aside.op-payment-sidebar{position:static!important;top:auto!important;}}