.kqd-checkout-page{background:#f6f7fb;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#23374d}
.kqd-checkout-wrap{max-width:720px;width:calc(100% - 24px);margin:0 auto;padding-bottom:40px}
.kqd-checkout-nav{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;position:sticky;top:0;z-index:99;box-shadow:0 1px 8px rgba(0,0,0,.06)}
.kqd-back-btn{width:36px;height:36px;border-radius:10px;border:0;background:#f3f6fb;color:#23374d;font-size:22px;font-weight:900;cursor:pointer}
.kqd-checkout-title{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kqd-checkout-card{background:#fff;border:1px solid #e7e7ef;border-radius:12px;padding:14px;margin:14px 0}
.kqd-campaign-head{display:flex;gap:14px;align-items:flex-start}
.kqd-campaign-thumb{width:92px;height:62px;border-radius:10px;object-fit:cover;border:1px solid #eef0f6}
.kqd-campaign-meta h1{margin:2px 0 0;font-size:20px;line-height:1.2}
.kqd-muted{color:#8a94a6;font-size:14px}
.kqd-section-title{font-size:18px;font-weight:900;margin:4px 0 12px}
.kqd-nominal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:520px){.kqd-nominal-grid{grid-template-columns:repeat(3,1fr)}}
.kqd-nominal-btn{position:relative;border:1px solid #eef0f6;background:#fff;border-radius:14px;padding:16px 12px;font-weight:900;font-size:18px;cursor:pointer;min-height:78px;box-shadow:0 1px 8px rgba(0,0,0,.04)}
.kqd-nominal-btn small{display:block;font-size:13px;color:#8a94a6;font-weight:800;margin-top:4px}
.kqd-nominal-btn.active{border:2px solid #01acbe;background:#f2fbfc}
.kqd-nominal-btn.active:after{content:"✓";position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:999px;background:#01acbe;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}
.kqd-custom-nominal{margin-top:14px}
.kqd-custom-row{display:flex;align-items:center;border:1px solid #d6dde8;border-radius:10px;background:#fff;overflow:hidden}
.kqd-custom-rp{padding:14px 14px;font-weight:900;color:#607086;background:#f3f6fb}
.kqd-custom-input{flex:1;border:0;padding:14px;font-size:18px;outline:none}
.kqd-pay-row{margin-top:16px}
.kqd-pay-box{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #d6dde8;border-radius:12px;background:#f2f9ff}
.kqd-pay-left{width:60px;height:46px;border-radius:12px;background:#fff;border:1px solid #d6dde8;display:flex;align-items:center;justify-content:center}
.kqd-pay-iconimg{font-weight:900;color:#01acbe}
.kqd-pay-iconimg img{width:40px;height:24px;object-fit:contain}
.kqd-pay-mid{flex:1}
.kqd-pay-label{font-weight:900}
.kqd-pay-selected{font-size:14px;color:#23374d;font-weight:900;margin-top:2px}
.kqd-pay-pick{border:1px solid #d6dde8;background:#fff;border-radius:10px;padding:10px 12px;font-weight:900;cursor:pointer}
.kqd-seg{display:flex;border:1px solid #d6dde8;border-radius:10px;overflow:hidden;margin-top:16px;background:#fff}
.kqd-seg button{flex:1;border:0;background:#fff;padding:12px 10px;font-weight:900;cursor:pointer}
.kqd-seg button.is-active{background:#01acbe;color:#fff}
.kqd-field{margin-top:12px}
.kqd-field input,.kqd-field textarea{width:100%;border:1px solid #d6dde8;border-radius:10px;padding:14px;font-size:16px;outline:none;background:#fff}
.kqd-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.kqd-switch-label{font-weight:900;color:#23374d}
.kqd-switch{position:relative;width:54px;height:30px;display:inline-block}
.kqd-switch input{opacity:0;width:0;height:0}
.kqd-slider{position:absolute;cursor:pointer;inset:0;background:#d1d5db;border-radius:999px;transition:.2s}
.kqd-slider:before{content:"";position:absolute;height:24px;width:24px;left:3px;top:3px;background:#fff;border-radius:999px;transition:.2s}
.kqd-switch input:checked + .kqd-slider{background:#01acbe}
.kqd-switch input:checked + .kqd-slider:before{transform:translateX(24px)}
.kqd-submit-big{margin-top:18px;width:100%;height:54px;border-radius:12px;border:0;background:#01acbe;color:#fff;font-weight:900;font-size:18px;cursor:pointer}

/* Modal */
.kqd-modal{position:fixed;inset:0;display:none;z-index:999999}
.kqd-modal.is-open{display:block}
.kqd-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.kqd-modal-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px, calc(100% - 24px));max-height:80vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.25)}
.kqd-modal-head{display:flex;align-items:center;justify-content:center;position:relative;padding:18px;background:#01acbe;color:#fff;font-weight:900}
.kqd-modal-title{font-size:20px}
.kqd-modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:10px;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:18px;cursor:pointer}
.kqd-modal-body{max-height:calc(80vh - 64px);overflow:auto}
.kqd-modal-section{padding:12px 16px;background:#f3f6fb;font-weight:900;color:#23374d;border-top:1px solid #eef0f6}
.kqd-modal-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border:0;background:#fff;border-top:1px solid #eef0f6;cursor:pointer;text-align:left}
.kqd-mi-logo{width:52px;display:flex;align-items:center;justify-content:center}
.kqd-mi-logo img{width:44px;height:22px;object-fit:contain}
.kqd-mi-text{font-weight:900;color:#23374d}


/* Guard against theme styles affecting checkout layout */
.kqd-checkout-page .kqd-checkout-card,.kqd-checkout-page .kqd-checkout-card *{box-sizing:border-box}
.kqd-checkout-page .kqd-checkout-card{float:none;clear:both}
.kqd-checkout-page form#kqd_checkout_form{float:none;clear:both}


/* === v1.6.6 Checkout hard isolation (prevent theme CSS breaking layout) === */
.kqd-checkout-page{background:#f6f7fb !important;margin:0 !important;}
.kqd-checkout-page .kqd-checkout-wrap{max-width:520px !important;width:calc(100% - 24px) !important;margin:0 auto !important;padding-bottom:40px !important;}
.kqd-checkout-page .kqd-checkout-card{max-width:520px !important;margin:14px auto !important;float:none !important;clear:both !important;display:block !important;}
.kqd-checkout-page .kqd-checkout-card *{box-sizing:border-box !important;}
.kqd-checkout-page .kqd-checkout-card form,
.kqd-checkout-page form#kqd_checkout_form{display:block !important;width:100% !important;max-width:100% !important;margin:0 !important;float:none !important;clear:both !important;}
.kqd-checkout-page .kqd-checkout-card input,
.kqd-checkout-page .kqd-checkout-card textarea,
.kqd-checkout-page .kqd-checkout-card select{width:100% !important;max-width:100% !important;float:none !important;}
.kqd-checkout-page .kqd-checkout-card button{float:none !important;}
.kqd-checkout-page .kqd-campaign-head{display:flex !important;align-items:flex-start !important;}
.kqd-checkout-page .kqd-nominal-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:12px !important;}
@media(min-width:520px){.kqd-checkout-page .kqd-nominal-grid{grid-template-columns:repeat(3,1fr) !important;}}
.kqd-checkout-page .kqd-pay-box{display:flex !important;align-items:center !important;}
.kqd-checkout-page .kqd-seg{display:flex !important;}
.kqd-checkout-page .kqd-seg button{flex:1 1 0% !important;}


/* === v1.6.7 Color & readability fixes (override theme) === */
.kqd-checkout-page .kqd-checkout-card{color:#23374d !important;}
.kqd-checkout-page .kqd-checkout-card h1,
.kqd-checkout-page .kqd-checkout-card h2,
.kqd-checkout-page .kqd-checkout-card h3{color:#0f172a !important;}

.kqd-checkout-page .kqd-nominal-grid .kqd-nominal-btn{
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid #e2e8f0 !important;
}
.kqd-checkout-page .kqd-nominal-grid .kqd-nominal-btn .kqd-nominal-amt{
  color:#0f172a !important;
}
.kqd-checkout-page .kqd-nominal-grid .kqd-nominal-btn .kqd-nominal-sub{
  color:#64748b !important;
}
.kqd-checkout-page .kqd-nominal-grid .kqd-nominal-btn.is-active{
  background:#e6f7fb !important;
  border-color:#01acbe !important;
  color:#0b4b55 !important;
}
.kqd-checkout-page .kqd-nominal-grid .kqd-nominal-btn.is-active .kqd-nominal-amt{
  color:#0b4b55 !important;
}
.kqd-checkout-page .kqd-nominal-grid .kqd-nominal-btn .kqd-checkmark{
  background:#01acbe !important;
  color:#ffffff !important;
}

.kqd-checkout-page .kqd-pay-box{
  background:#f2fbfd !important;
  border-color:#cdeaf0 !important;
  color:#0f172a !important;
}
.kqd-checkout-page .kqd-pay-box .kqd-pay-title{color:#0f172a !important;}
.kqd-checkout-page .kqd-pay-box .kqd-pay-sub{color:#334155 !important;}
.kqd-checkout-page .kqd-pay-box .kqd-pay-choose{color:#0b4b55 !important;}

.kqd-checkout-page .kqd-seg{background:#ffffff !important;border:1px solid #e2e8f0 !important;}
.kqd-checkout-page .kqd-seg button{
  color:#334155 !important;
  background:transparent !important;
  border:0 !important;
}
.kqd-checkout-page .kqd-seg button.is-active{
  background:#01acbe !important;
  color:#ffffff !important;
}

.kqd-checkout-page input::placeholder,
.kqd-checkout-page textarea::placeholder{color:#94a3b8 !important; opacity:1 !important;}

.kqd-checkout-page label{color:#0f172a !important;}
.kqd-checkout-page .kqd-anon-row{color:#0f172a !important;}
.kqd-checkout-page .kqd-submit{
  background:#01acbe !important;
  border-color:#01acbe !important;
  color:#ffffff !important;
}
.kqd-checkout-page .kqd-submit:hover{filter:brightness(0.96);}


/* === v1.6.8 Payment pick button styling === */
.kqd-checkout-page .kqd-pay-pick{
  background:#01acbe !important;
  border:1px solid #01acbe !important;
  color:#ffffff !important;
  font-weight:800 !important;
  border-radius:10px !important;
  padding:10px 14px !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 10px 18px rgba(1,172,190,.18) !important;
}
.kqd-checkout-page .kqd-pay-pick:hover{filter:brightness(0.96);}
.kqd-checkout-page .kqd-pay-pick:active{transform:scale(.98);}