/* Branded, white-first SyokBox checkout. */
body.syokbox-checkout-open{background:#fff!important}
body.syokbox-checkout-open #app{min-height:100dvh;background:#fff}
.syokbox-checkout{width:min(100%,560px);margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 22px max(28px,env(safe-area-inset-bottom));color:#112557;background:#fff}
.checkout-brand{display:flex;justify-content:center;margin:2px 0 26px}
.checkout-brand img{display:block;width:min(76%,310px);height:auto;max-height:100px;object-fit:contain}
.checkout-intro{display:flex;align-items:center;gap:15px;margin:0 0 22px}
.checkout-intro-icon{width:40px;height:40px;flex:0 0 40px;color:#103bbe}
.checkout-intro h1{font-size:clamp(24px,7vw,35px);line-height:1.12;letter-spacing:-1.1px;margin:0;font-weight:790;color:#112557}
.checkout-intro p{margin:5px 0 0;color:#758199;font-size:clamp(13px,3.7vw,17px);line-height:1.35}
.checkout-product-card,.checkout-method,.checkout-totals{background:#fff;border:1px solid #e4e8f0;border-radius:15px;box-shadow:0 4px 15px rgba(17,37,87,.045)}
.checkout-product-card{display:flex;align-items:center;gap:12px;padding:16px 13px;margin:0 0 24px;min-width:0}
.checkout-product-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;color:#1744c1}
.checkout-product-icon svg{width:39px;height:39px}
.checkout-product-copy,.checkout-method-copy{min-width:0;display:grid;gap:3px}
.checkout-product-copy>strong{font-size:clamp(13px,3.7vw,17px);line-height:1.23;overflow-wrap:anywhere}
.checkout-product-copy>span{font-size:clamp(11px,3vw,14px);color:#778198;white-space:nowrap}
.checkout-product-copy>i{justify-self:start;margin-top:4px;padding:3px 7px;border:1px solid #ff6778;border-radius:5px;color:#ed5264;font-size:10px;font-style:normal;font-weight:760;letter-spacing:.55px}
.checkout-product-price{margin-left:auto;white-space:nowrap;font-size:clamp(15px,4.6vw,21px);letter-spacing:-.5px}
.checkout-section{margin:0 0 21px}
.checkout-section h2{font-size:clamp(20px,5.7vw,26px);letter-spacing:-.6px;line-height:1.15;margin:0 0 12px;color:#112557}
.checkout-method{width:100%;min-height:76px;display:flex;align-items:center;text-align:left;gap:12px;padding:12px 13px;margin:0 0 10px;color:#112557}
.checkout-method:focus-visible,.checkout-bank-picker:focus-within,.checkout-pay-button:focus-visible{outline:2px solid #365ff0;outline-offset:2px}
.checkout-method:disabled{opacity:.52;cursor:not-allowed}
.checkout-radio{width:21px;height:21px;flex:0 0 21px;border:1.6px solid #a3abbb;border-radius:50%}
.checkout-method.is-selected .checkout-radio{border-color:#244ccc;box-shadow:inset 0 0 0 5px #244ccc}
.checkout-method-copy strong{font-size:clamp(13px,3.7vw,17px)}
.checkout-method-copy small{font-size:clamp(11px,3vw,14px);color:#778198;white-space:nowrap}
.checkout-fpx-mark,.checkout-duitnow-mark{margin-left:auto;flex:0 0 auto}
.checkout-fpx-mark{display:flex;align-items:center;gap:4px;font-size:25px;font-weight:840;letter-spacing:-1.8px;color:#26356e}
.checkout-fpx-mark>span{width:12px;height:23px;display:block;background:linear-gradient(110deg,#0ab3df 0 47%,#1d4bb8 48% 100%);clip-path:polygon(48% 0,100% 50%,48% 100%,0 73%,43% 50%,0 27%)}
.checkout-duitnow-mark{display:grid;place-items:center;line-height:1}
.checkout-duitnow-mark>b{width:28px;height:28px;display:grid;place-items:center;border-radius:15px 15px 15px 4px;background:#df2b82;color:#fff;font-size:19px}
.checkout-duitnow-mark>i{font-size:9px;font-weight:700;font-style:normal;color:#182038}
.checkout-duitnow-mark>i>small{display:block;text-align:center;font-size:8px}
.checkout-method-note{font-size:12px;color:#7d8798;margin:5px 2px 0}
.checkout-bank-section[hidden]{display:none!important}
.checkout-bank-picker{min-height:65px;display:flex;align-items:center;gap:12px;border:1px solid #cbd3e1;border-radius:12px;padding:0 13px;background:#fff}
.checkout-bank-badge{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border-radius:50%;background:#f9d541;color:#17223b;font-size:17px;font-weight:780}
.checkout-bank-picker select{width:100%;min-width:0;border:0;outline:0;appearance:none;-webkit-appearance:none;background:#fff;color:#16244b;font-size:16px;font-weight:680;padding:12px 0}
.checkout-bank-chevron{width:11px;height:11px;flex:0 0 11px;margin:0 3px 5px 0;border-right:2px solid #143ba7;border-bottom:2px solid #143ba7;transform:rotate(45deg)}
.checkout-totals{padding:14px 16px;margin:0 0 18px}
.checkout-totals>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;color:#586477;font-size:15px}
.checkout-totals .checkout-grand-total{border-top:1px solid #e8ebf1;margin-top:9px;padding-top:13px;color:#112557;font-size:19px}
.checkout-grand-total strong:last-child{font-size:clamp(24px,7vw,34px);letter-spacing:-1px}
.checkout-pay-button{width:100%;height:60px;display:flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:13px;background:#173fbf;color:#fff;font-size:19px;font-weight:760}
.checkout-pay-button:disabled{opacity:.62;cursor:not-allowed}
.checkout-pay-button svg{width:22px;height:22px}
.checkout-security{display:flex;justify-content:center;align-items:center;gap:8px;margin:15px 0 26px;color:#677287;font-size:clamp(11px,3.1vw,14px);white-space:nowrap}
.checkout-security svg{width:21px;height:21px;color:#258f46}
.checkout-provider{text-align:center;margin:0 0 9px;color:#7c8699;font-size:14px}
.checkout-provider strong{color:#5d687b}
.checkout-return{display:block;margin:0 auto;padding:7px;border:0;background:#fff;color:#365ce3;font-size:14px;font-weight:600}
@media(max-width:360px){.syokbox-checkout{padding-left:15px;padding-right:15px}.checkout-product-card{gap:8px;padding:13px 10px}.checkout-product-icon{width:39px;flex-basis:39px}.checkout-product-icon svg{width:33px;height:33px}.checkout-product-price{font-size:15px}.checkout-method{gap:9px;padding-left:10px;padding-right:10px}.checkout-fpx-mark{font-size:21px}}