.payment-main{width:min(1180px,calc(100% - 40px));margin:32px auto 60px}.payment-hero{min-height:210px;padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:12px;background:linear-gradient(125deg,#031a3d,#083473);color:#fff;overflow:hidden;position:relative}.payment-hero:after{content:"";position:absolute;width:290px;height:290px;inset-inline-start:5%;top:-190px;border:46px solid rgba(255,255,255,.035);border-radius:50%}.payment-hero>div{position:relative;z-index:1;max-width:760px}.payment-hero h1{margin:0 0 10px;font-size:clamp(30px,4vw,46px);font-weight:500}.payment-hero>div>p:last-child{max-width:690px;margin:0;color:#cad6e7;line-height:1.9}.payment-hero-icon{width:86px;height:86px;flex:0 0 86px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#e6b64b}.payment-hero-icon svg{width:42px;height:42px}.payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;margin-top:20px;align-items:stretch}.bank-card,.payment-help,.payment-contact{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 30px rgba(3,26,61,.05)}.bank-card{padding:32px 36px}.bank-card-heading{display:flex;align-items:center;gap:15px;padding-bottom:23px;border-bottom:1px solid var(--line)}.bank-card-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:10px;background:#f7f2e7;color:var(--gold)}.bank-card-icon svg{width:27px;height:27px}.bank-card-heading p{margin:0 0 4px;color:var(--gold);font-size:11px;font-weight:700}.bank-card-heading h2{margin:0;color:var(--deep);font-size:22px}.bank-details{display:grid;grid-template-columns:.85fr 1fr 1.3fr;gap:14px;margin-top:24px}.bank-detail{min-width:0;padding:20px;border:1px solid #e3e7ed;border-radius:9px;background:#fbfcfe}.bank-detail span{display:block;margin-bottom:9px;color:var(--muted);font-size:11px}.bank-detail b{display:block;color:var(--deep);font-family:Arial,sans-serif;font-size:clamp(16px,2vw,21px);letter-spacing:.7px;overflow-wrap:anywhere;user-select:all}.bank-detail-name b{font-family:Tajawal,Arial,sans-serif;letter-spacing:0}.bank-detail-iban{border-color:rgba(197,138,18,.35);background:#fdfaf3}.payment-notice{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px 15px;border-radius:7px;background:#f5f7fa;color:var(--muted)}.payment-notice svg{width:19px;height:19px;flex:0 0 19px;color:var(--gold)}.payment-notice p{margin:0;font-size:11px;line-height:1.8}.payment-help{padding:31px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(145deg,#fff,#fbf8f1)}.payment-help>span,.payment-contact-heading>span{color:var(--gold);font-size:11px;font-weight:700}.payment-help h2,.payment-contact-heading h2{margin:6px 0 8px;color:var(--deep);font-size:22px}.payment-help p,.payment-contact-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.payment-help a{display:inline-flex;margin-top:18px;padding:11px 17px;border-radius:6px;background:var(--deep);color:#fff;font-size:11px;font-weight:700;transition:background .2s}.payment-help a:hover{background:var(--gold)}.payment-contact{margin-top:20px;padding:31px 35px}.payment-contact-heading{padding-bottom:22px;border-bottom:1px solid var(--line)}.payment-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.payment-contact-item{min-width:0;padding:22px 0;display:flex;align-items:flex-start;gap:14px;border-bottom:1px solid var(--line)}.payment-contact-item:nth-last-child(-n+2){border-bottom:0}.contact-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:8px;background:#f7f2e7;color:var(--gold)}.contact-icon svg{width:22px;height:22px}.payment-contact-item>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.payment-contact-item small{color:var(--muted);font-size:10px}.payment-contact-item p,.payment-contact-item a{margin:0;color:var(--deep);font-size:13px;font-weight:700;line-height:1.7;overflow-wrap:anywhere}.payment-contact-item a:hover{color:var(--gold)}.payment-contact-item .unified-number-label{margin-top:5px;color:var(--muted);font-size:10px}
@media(max-width:900px){.payment-layout{grid-template-columns:1fr}.payment-help{min-height:190px}.bank-details{grid-template-columns:1fr}.payment-hero{padding:34px}}
@media(max-width:600px){.payment-main{width:calc(100% - 24px);margin:18px auto 38px}.payment-hero{min-height:180px;padding:25px 20px}.payment-hero-icon{display:none}.payment-hero h1{font-size:29px}.payment-hero>div>p:last-child{font-size:12px}.bank-card,.payment-help,.payment-contact{padding:23px 19px}.bank-card-heading{align-items:flex-start}.bank-card-heading h2{font-size:18px}.bank-detail{padding:17px 14px}.bank-detail b{font-size:16px}.payment-contact-grid{grid-template-columns:1fr}.payment-contact-item,.payment-contact-item:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.payment-contact-item:last-child{border-bottom:0}}
