.coi-payment-carousel {overflow: visible; max-width: 100%; min-width: 0; margin: 28px 0;}
.coi-payment-carousel .carousel {display:flex; gap:16px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; transform:none !important; transition:none; padding:4px 0 14px; scrollbar-width:thin; scrollbar-color:#9b98de transparent;}
.coi-payment-carousel .carousel-item {flex:0 0 calc((100% - 48px)/4); max-width:none; min-width:0; height:144px; padding:20px; margin:0; border:1px solid #dddcef; border-radius:16px; background:#fff; scroll-snap-align:start; scroll-margin:4px; box-sizing:border-box;}
.coi-payment-carousel .carousel-item a {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.coi-payment-carousel .carousel-item br {display:none;}
.coi-payment-carousel .carousel-item img {display:block; width:auto; height:auto; max-width:100%; max-height:68px; margin:0; padding:0; object-fit:contain;}
.coi-payment-controls {display:flex; justify-content:flex-end; gap:10px; margin-top:8px;}
.coi-payment-controls[hidden] {display:none;}
.coi-payment-controls button {display:grid; place-items:center; width:46px; height:46px; border:1px solid #c8c5ed; border-radius:50%; background:#fff; color:#1b139a; font:700 26px/1 sans-serif; cursor:pointer;}
.coi-payment-controls button:disabled {opacity:.4; cursor:default;}
.coi-payment-controls button:hover:not(:disabled) {background:#eeecff;}
.coi-payment-carousel :focus-visible {outline:3px solid #ffcf40; outline-offset:3px;}
@media(max-width:767px) {.coi-payment-carousel .carousel-item {flex-basis:calc((100% - 16px)/2); height:122px; padding:16px;}}
@media(max-width:359px) {.coi-payment-carousel .carousel-item {flex-basis:100%;}}