/* Ekannto Pay V11.11 Merchant Gateway - mobile first */
.ek111-gateway .ek111-hero{background:linear-gradient(120deg,#fff,#f6f9fc)}
.ek111-gateway .ek111-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin-top:16px}
.ek111-gateway .ek111-grid>.panel{min-width:0;margin:0;overflow-wrap:anywhere}
.ek111-gateway .ek111-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}
.ek111-summary>div{background:#f1f5fa;padding:14px;border:1px solid #dce4ee;border-radius:13px;display:flex;flex-direction:column;gap:4px}
.ek111-summary small{color:#536780;font-size:.78rem}.ek111-summary strong{font-size:1.5rem;color:#18304c}
.ek111-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e8eef8;color:#203c64;border-radius:50%;margin-right:6px;font-size:1rem}
.ek111-row{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.ek111-row>.btn{min-width:0;flex:1 1 138px;white-space:normal;text-align:center}
.ek111-account-line{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #edf0f5;font-size:.84rem;flex-wrap:wrap}
.ek111-account-line>span:nth-child(2){flex:1;min-width:110px}
.ek111-link{background:none;border:none;color:#1659b1;text-decoration:underline;font:inherit;cursor:pointer}
.ek111-steps{padding-left:24px;line-height:1.8;color:#364c68}.ek111-steps li{margin-bottom:6px}
.ek111-secret{border:1px solid #b7d8c6;background:#f1fff6;padding:13px;border-radius:13px;display:flex;flex-direction:column;gap:9px}
.ek111-secret code{display:block;word-break:break-all;padding:10px;background:#fff;border-radius:9px;font-size:.8rem}
.ek111-secret label{font-weight:700;font-size:.82rem}
.ek111-toggle{display:flex;gap:12px;font-weight:700;align-items:flex-start;padding:15px;background:#f4f7ff;border-radius:14px}
.ek111-toggle input{margin-top:5px;width:22px;height:22px;flex-shrink:0}
.ek111-test-state{background:#f1f5fa;border:1px solid #d5dfe9;padding:13px;border-radius:12px;color:#304762;line-height:1.6}
.ek111-example summary{cursor:pointer;font-weight:700;padding:13px 0}
.ek111-example .pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;overflow:auto;font-size:.73rem}
.ek111-gateway input,.ek111-gateway select{max-width:100%;box-sizing:border-box}
@media(max-width:780px){.ek111-gateway .ek111-grid{grid-template-columns:1fr}.ek111-gateway .ek111-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ek111-gateway .panel{padding:18px}.ek111-row>.btn{flex:1 1 120px}.ek111-gateway h2{font-size:1.23rem}}
@media(max-width:360px){.ek111-gateway .ek111-summary{grid-template-columns:1fr 1fr}.ek111-row>.btn{flex:1 1 100%}}