.topbar nav .nav-payment{color:#0b6f62;background:#eaf7c7;border-radius:999px;padding:7px 11px;white-space:nowrap}
.topbar nav .nav-payment:hover{color:#063f46;background:#dff1a8}
.payment-hub{max-width:1280px;margin:80px auto;padding:clamp(26px,5vw,64px);display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(34px,6vw,82px);align-items:center;background:linear-gradient(135deg,#f0fafb 0%,#f8fce9 100%);border:1px solid #d3e6e4;border-radius:34px;position:relative;overflow:hidden;box-shadow:0 24px 70px rgba(6,63,70,.11)}
.payment-hub:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:74px solid rgba(39,191,208,.1);left:-190px;bottom:-240px}
.payment-copy,.payment-card{position:relative;z-index:1}
.payment-kicker{display:inline-flex;padding:8px 12px;border-radius:99px;background:#063f46;color:#cde94f;font:800 11px Montserrat,sans-serif;letter-spacing:.14em}
.payment-copy h2{max-width:700px;margin:22px 0 18px;color:#063f46;font:800 clamp(2.25rem,4.5vw,4.25rem) Montserrat,sans-serif;line-height:1.01;letter-spacing:-.05em}
.payment-copy>p{max-width:680px;color:#4f6c70;font-size:1.05rem;line-height:1.75}
.payment-verification{margin-top:28px;display:grid;gap:5px;padding:18px 20px;border-left:5px solid #f3ba16;background:#fff;border-radius:4px 16px 16px 4px;box-shadow:0 10px 30px rgba(6,63,70,.07)}
.payment-verification b{color:#063f46}.payment-verification span{color:#5b7478;font-size:.9rem;line-height:1.6}.payment-verification a{color:#078595;font-weight:800}
.payment-card{padding:30px;background:#063f46;color:#fff;border-radius:26px;box-shadow:18px 18px 0 #27bfd0}
.payment-card-head{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.14)}
.payment-lock{width:50px;height:50px;display:grid;place-items:center;flex:none;border-radius:16px;background:#cde94f;color:#164539;font-size:1.45rem;font-weight:900}
.payment-card-head div{display:grid;gap:3px}.payment-card-head small{color:#87dce2;font:800 .67rem Montserrat,sans-serif;letter-spacing:.15em}.payment-card-head strong{font:800 1.22rem Montserrat,sans-serif}
.payment-steps{list-style:none;margin:24px 0;padding:0;display:grid;gap:13px}
.payment-steps li{display:flex;align-items:center;gap:12px;color:#e2f1f2;font-size:.93rem;font-weight:700}
.payment-steps b{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:9px;background:rgba(255,255,255,.1);color:#cde94f;font:800 .78rem Montserrat,sans-serif}
.payment-methods{display:grid;gap:10px}.payment-button,.bank-payment-button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:16px 18px;border:0;border-radius:14px;font:900 .93rem Manrope,sans-serif;text-align:left;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.18);transition:transform .2s ease,filter .2s ease}.payment-button{background:#f3ba16;color:#123c49}.bank-payment-button{background:#fff;color:#063f46}.payment-button span,.bank-payment-button span{display:grid;gap:2px}.payment-button small,.bank-payment-button small{font:800 .58rem Montserrat,sans-serif;letter-spacing:.13em;opacity:.68}.payment-button:hover,.bank-payment-button:hover{transform:translateY(-2px);filter:brightness(1.04)}.payment-button b,.bank-payment-button b{font-size:1.25rem}
.payment-note{margin:15px 3px 0;color:#b9d7da;font-size:.76rem;line-height:1.55}
.tracking-payment{margin-top:18px;padding:19px;border-radius:16px;background:linear-gradient(135deg,#063f46,#08717b);color:#fff}
.tracking-payment small{font:800 .65rem Montserrat,sans-serif;letter-spacing:.14em;color:#cde94f}.tracking-payment h3{margin:8px 0 6px;color:#fff;font:800 1.05rem Montserrat,sans-serif}.tracking-payment p{margin:0 0 14px;color:#d9edef;font-size:.85rem;line-height:1.55}.tracking-payment a{display:flex;justify-content:center;padding:12px 14px;border-radius:11px;background:#f3ba16;color:#123c49;font-size:.84rem;font-weight:900}.tracking-payment>span{display:block;margin-top:10px;color:#a9d4d8;font-size:.7rem;text-align:center}
.bank-transfer-details{margin-top:12px;border:1px solid #b9d8d2;border-radius:16px;background:#fff;padding:17px;color:#173f45;box-shadow:0 12px 35px rgba(1,36,42,.12)}.bank-transfer-heading{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid #deeaec}.bank-transfer-heading>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#cde94f;color:#063f46;font:900 20px Montserrat,sans-serif}.bank-transfer-heading small{display:block;color:#14818d!important;font:800 .58rem Montserrat,sans-serif!important;letter-spacing:.12em}.bank-transfer-heading h4{margin:4px 0 0!important;color:#063f46!important;font:800 1rem Montserrat,sans-serif!important}.bank-detail-list{display:grid;margin-top:8px}.bank-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e4edef;padding:10px 0}.bank-detail-row:last-child{border-bottom:0}.bank-detail-row div{display:grid;gap:2px}.bank-detail-row small{color:#6f8589!important;font:700 .67rem Manrope,sans-serif!important;letter-spacing:0!important}.bank-detail-row strong{color:#063f46;font:800 .94rem Manrope,sans-serif}.bank-detail-row button{border:1px solid #b9d3d7;border-radius:8px;background:#edf7f8;padding:7px 10px;color:#087985;font:800 .7rem Manrope,sans-serif;cursor:pointer}.bank-transfer-instruction{margin:12px 0!important;border-radius:10px;background:#edf7f2;padding:11px!important;color:#3e6554!important;font-size:.78rem!important;line-height:1.55!important}.bank-transfer-notice{display:flex!important;justify-content:center!important;border-radius:10px!important;background:#079447!important;padding:12px!important;color:#fff!important;font-size:.8rem!important;font-weight:900!important;text-align:center}.bank-transfer-safety{display:block;margin-top:10px;color:#6f8083!important;font:600 .68rem/1.5 Manrope,sans-serif!important;letter-spacing:0!important;text-align:center}.tracking-payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tracking-payment-methods a,.tracking-payment-methods button{display:flex;align-items:center;justify-content:center;min-height:45px;border:0;border-radius:10px;padding:10px 12px;font:900 .76rem Manrope,sans-serif;text-align:center;cursor:pointer}.tracking-payment-methods .tracking-flutterwave-button{background:#f3ba16;color:#123c49}.tracking-bank-button{background:#fff;color:#063f46}.order-payment-ready .tracking-payment-methods a{margin:0}.order-payment-ready .bank-transfer-details{border-color:#c5ddd0}.assistant-options .assistant-bank{grid-column:1/-1;border:1px solid #b8d6de;background:#edf7f8;color:#075f6a;border-radius:11px;padding:11px;font:800 12px Manrope;text-align:center}
.automatic-payment-form{display:grid;gap:11px;margin-top:12px;padding:15px;border:1px solid rgba(140,214,220,.45);border-radius:13px;background:rgba(255,255,255,.1)}.automatic-payment-form[hidden]{display:none}.automatic-payment-form label{display:grid;gap:7px}.automatic-payment-form label span{color:#dff2f3;font-size:.74rem;font-weight:800}.automatic-payment-form input{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.45);border-radius:10px;background:#fff;padding:10px 12px;color:#173f45;font:700 .88rem Manrope,sans-serif;outline:none}.automatic-payment-form input:focus{border-color:#cde94f;box-shadow:0 0 0 4px rgba(205,233,79,.18)}.automatic-payment-form button{min-height:44px;border:0;border-radius:10px;background:#cde94f;color:#123f49;font:900 .78rem Manrope,sans-serif;cursor:pointer}.automatic-payment-form button:disabled{cursor:wait;opacity:.7}.automatic-payment-note{min-height:0;margin:0!important;color:#fff1b7!important;font-size:.72rem!important;line-height:1.5!important}.order-payment-ready .automatic-payment-form{border-color:#c2dcd7;background:#eef8f6}.order-payment-ready .automatic-payment-form label span{color:#355e62}.order-payment-ready .automatic-payment-note{color:#a13c28!important}.payment-verified-card{display:flex!important;align-items:flex-start;gap:13px;background:linear-gradient(135deg,#eaf9ef,#f6fce7)!important;border:1px solid #b8ddc3!important;color:#174d32!important}.payment-verified-card .payment-verified-icon{display:grid;width:42px;height:42px;place-items:center;flex:none;border-radius:13px;background:#079447;color:#fff;font:900 1.2rem Montserrat,sans-serif}.payment-verified-card h3,.payment-verified-card h4{margin:1px 0 5px!important;color:#075e33!important;font:800 1rem Montserrat,sans-serif!important}.payment-verified-card p{margin:0!important;color:#4a6f5d!important;font-size:.78rem!important;line-height:1.55!important}
@media(max-width:1180px) and (min-width:901px){.topbar nav .nav-payment{padding:6px 8px}}
@media(max-width:960px){.payment-hub{margin:55px 18px;grid-template-columns:1fr}.payment-copy h2{max-width:760px}.payment-card{max-width:640px}}
@media(max-width:560px){.payment-hub{margin:55px 10px;padding:25px 18px;border-radius:24px}.payment-copy h2{font-size:2.35rem}.payment-copy>p{font-size:.98rem}.payment-card{padding:22px;border-radius:20px;box-shadow:8px 8px 0 #27bfd0}.payment-button,.bank-payment-button{padding:15px 14px;font-size:.88rem}.payment-note{font-size:.73rem}.tracking-payment-methods{grid-template-columns:1fr}.bank-detail-row{align-items:flex-end}.bank-detail-row strong{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.payment-button{transition:none}}