/* Scoped styles: won't affect other WooCommerce elements */
.cs-payment-note {box-sizing:border-box;max-width:100%;margin:12px 0 10px;border:1px solid #d5e6fa;border-radius:12px;overflow:hidden;background:#fff;font:400 13px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263649}
.cs-payment-note *, .cs-payment-note *::before, .cs-payment-note *::after {box-sizing:border-box}
.cs-payment-note__row {display:flex;align-items:center;gap:12px;padding:13px 14px}
.cs-payment-note__row--secure {background:#f0faf4;border-bottom:1px solid #d5e6fa}
.cs-payment-note__row--redirect {background:#f1f7ff}
.cs-payment-note__symbol {display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#d8f5e3;color:#07854d}
.cs-payment-note__symbol svg {width:23px;height:23px}
.cs-payment-note__illustration {flex:0 0 95px;width:95px;height:auto;display:block}
.cs-payment-note__copy {min-width:0;flex:1}
.cs-payment-note__headline {display:block;margin:0 0 2px!important;font-weight:700;font-size:13px;line-height:1.45}
.cs-payment-note__headline--secure {color:#087944}
.cs-payment-note__headline--redirect {color:#125bbd}
.cs-payment-note__description {display:block;color:#344154;font-size:12px;line-height:1.5}
@media(max-width:480px){.cs-payment-note{margin:10px 0;font-size:12px}.cs-payment-note__row{gap:9px;padding:11px 10px}.cs-payment-note__symbol{flex-basis:32px;width:32px;height:32px}.cs-payment-note__illustration{flex-basis:70px;width:70px}.cs-payment-note__headline{font-size:12px}.cs-payment-note__description{font-size:11.5px}}