html[data-visitor-enhanced] body{font-family:'Taif Cairo',Tahoma,sans-serif}
html[data-visitor-enhanced] #visitorShortcuts{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 18px}
html[data-visitor-enhanced] #visitorShortcuts button{border:1px solid #e2d9e8;background:white;color:#572177;border-radius:12px;padding:12px 20px;font:700 14px 'Taif Cairo';cursor:pointer}
html[data-visitor-enhanced] #visitorShortcuts button:hover{background:#f0e8f5;border-color:#b89434}
html[data-visitor-enhanced] #rates>.reqhead{padding:14px 22px!important;border-bottom:2px solid #bb921e!important}
html[data-visitor-enhanced] #rates>.reqhead>div:first-child{grid-template-columns:64px minmax(0,1fr) 140px!important;gap:14px!important;min-height:78px}
html[data-visitor-enhanced] #rates .bulletin-qr{width:64px!important;height:64px!important}
html[data-visitor-enhanced] #rates .bulletin-logo{max-height:65px!important;width:140px!important}
html[data-visitor-enhanced] #rates h2{font-size:21px!important;line-height:1.6!important;margin:0!important}
html[data-visitor-enhanced] #rates .rates-toolbar:empty{display:none!important}
html[data-visitor-enhanced] #rates .rates-table th{font-size:15px!important;padding:12px 8px!important}
html[data-visitor-enhanced] #rates .rates-table td{padding:12px 10px!important;height:auto!important}
html[data-visitor-enhanced] #rates .rate-price strong{font-size:25px!important}
html[data-visitor-enhanced] #rates .rate-currency strong{font-size:19px!important}
html[data-visitor-enhanced] #rates .rate-currency small{font-size:12px!important}
html[data-visitor-enhanced] #rates .rate-daily strong{font-size:16px!important}
html[data-visitor-enhanced] #visitorMeta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:11px 22px;background:#faf7ef;color:#644b20;font-size:12px}
html[data-visitor-enhanced] #visitorBranchHint{display:block;margin:5px 0 0;font-size:12px;color:#6c5878;font-weight:500}
html[data-visitor-enhanced] #publicRateBranch{font-size:16px!important;background:#fff!important;border:1px solid #b89434!important;min-height:48px!important;color:#572177!important}
html[data-visitor-enhanced] #visitorCalculator{scroll-margin-top:100px;border:1px solid #e3d9e9;border-top:3px solid #b89434;padding:24px;margin:22px 0;border-radius:18px;background:#fff}
html[data-visitor-enhanced] #visitorCalculator h2{font-size:22px;color:#572177;margin:0 0 4px}
html[data-visitor-enhanced] #visitorCalculator p{color:#77687d;font-size:13px}
html[data-visitor-enhanced] .visitor-calc-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px;margin:18px 0}
html[data-visitor-enhanced] .visitor-calc-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#572177;font-weight:700}
html[data-visitor-enhanced] .visitor-calc-grid input,html[data-visitor-enhanced] .visitor-calc-grid select{width:100%;min-height:48px;padding:10px;border:1px solid #d8cce1;border-radius:10px;background:#fff;font:15px 'Taif Cairo';color:#392445}
html[data-visitor-enhanced] #visitorCalcOutput{display:block;background:#f3edf8;border-radius:14px;padding:18px;color:#572177;font:700 27px 'Taif Cairo';min-height:75px}
html[data-visitor-enhanced] #visitorContactDialog{width:min(500px,90vw);border:1px solid #ded2e5;border-radius:20px;padding:25px;color:#572177;font-family:'Taif Cairo'}
html[data-visitor-enhanced] #visitorContactDialog::backdrop{background:#24102e66}
html[data-visitor-enhanced] #visitorContactDialog a{display:block;padding:14px;margin:9px 0;border-radius:10px;background:#f5f0f8;color:#572177;text-decoration:none}
html[data-visitor-enhanced] #visitorContactDialog button{border:0;border-radius:8px;padding:9px 20px;background:#572177;color:#fff;font-family:inherit;cursor:pointer}
html[data-visitor-enhanced] .branch-live-card>img{display:none!important}
html[data-visitor-enhanced] .branch-live-card{border:1px solid #e1d7e8!important;border-top:3px solid #b89434!important;box-shadow:0 5px 18px #47225706!important}
html[data-visitor-enhanced] .branch-live-body{padding:22px!important}
html[data-visitor-enhanced] .branch-live-body h3{font-size:20px!important;color:#572177!important;margin:0 0 14px!important}
html[data-visitor-enhanced] .branch-live-body .btn{background:#572177;border-color:#572177}
html[data-visitor-enhanced] .branch-live-body .btn.secondary{background:#f4edf8;color:#572177;border-color:#e0d5e8}
html[data-visitor-enhanced] .visitor-branch-symbol{width:42px;height:42px;padding:10px;border-radius:12px;background:#f4edf8;color:#572177;margin-bottom:12px;box-sizing:border-box}
html[data-visitor-enhanced] .visitor-branch-symbol svg{width:22px;height:22px}
html[data-visitor-enhanced] #visitorShortcuts button:focus-visible,html[data-visitor-enhanced] #visitorCalculator :focus-visible{outline:3px solid #b89434;outline-offset:3px}
@media(max-width:650px){html[data-visitor-enhanced] #visitorShortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}
html[data-visitor-enhanced] #visitorShortcuts button{padding:10px 3px;font-size:12px}
html[data-visitor-enhanced] #rates>.reqhead{padding:12px 10px!important}
html[data-visitor-enhanced] #rates>.reqhead>div:first-child{grid-template-columns:40px minmax(0,1fr)!important;gap:9px!important;min-height:50px}
html[data-visitor-enhanced] #rates .bulletin-qr{width:40px!important;height:40px!important}
html[data-visitor-enhanced] #rates .bulletin-logo{display:none!important}
html[data-visitor-enhanced] #rates h2{font-size:16px!important}
html[data-visitor-enhanced] #rates .rates-table th{font-size:11px!important;padding:10px 3px!important}
html[data-visitor-enhanced] #rates .rates-table td{padding:10px 3px!important}
html[data-visitor-enhanced] #rates .rate-price strong{font-size:19px!important}
html[data-visitor-enhanced] #rates .rate-currency strong{font-size:15px!important}
html[data-visitor-enhanced] #rates .rate-daily strong{font-size:11px!important}
html[data-visitor-enhanced] #visitorMeta{padding:10px;font-size:11px}
html[data-visitor-enhanced] #visitorCalculator{padding:17px}
html[data-visitor-enhanced] .visitor-calc-grid{grid-template-columns:1fr 1fr}
html[data-visitor-enhanced] .visitor-calc-grid label:last-child{grid-column:1/-1}
html[data-visitor-enhanced] #visitorCalcOutput{font-size:23px}
html[data-visitor-enhanced] body{padding-bottom:55px!important}

}
@media print{}
html[data-visitor-enhanced] #rates>.reqhead{min-height:0!important;height:auto!important;gap:0!important}
html[data-visitor-enhanced] #rates .rates-toolbar{display:none!important}
html[data-visitor-enhanced] #rates>.actions{margin:0!important;padding:0!important;min-height:0!important}
html[data-visitor-enhanced] #rates .rates-table td{padding-top:8px!important;padding-bottom:8px!important}
html[data-visitor-enhanced] #ratesStatus{margin:5px 20px!important}
html[data-visitor-enhanced] #rates .rates-scroll{padding-top:0!important}
html[data-visitor-enhanced] body:has(#rates.hidden) .taif-bulletin-actions{display:none!important}
@media(max-width:650px){html[data-visitor-enhanced] #rates .bulletin-qr{display:none!important}
html[data-visitor-enhanced] #rates h2{grid-column:1/-1!important;grid-row:1!important;font-size:15px!important}
html[data-visitor-enhanced] #rates .rates-table th{white-space:normal!important;overflow-wrap:normal!important;line-height:1.7!important;font-size:10px!important}
html[data-visitor-enhanced] #rates .rates-table th[data-rate-column=buy],html[data-visitor-enhanced] #rates .rates-table th[data-rate-column=sell]{padding-inline:6px!important}

}
html[data-visitor-enhanced] #visitorBranchHint{display:block;margin:0 0 8px;padding:0 8px;font-size:12px;font-weight:600;color:#6c5878;white-space:nowrap}
html[data-visitor-enhanced] #visitorMeta{display:block;text-align:center;padding:12px 8px;white-space:nowrap;font-weight:700;font-size:12px}
html[data-visitor-enhanced] #visitorUpdated{display:block;white-space:nowrap}
@media(max-width:650px){html[data-visitor-enhanced] #visitorBranchHint{font-size:11px;margin-bottom:7px}
html[data-visitor-enhanced] #visitorMeta{font-size:10px;padding:11px 3px;letter-spacing:-.2px}
}
@media(max-width:360px){html[data-visitor-enhanced] #visitorBranchHint{font-size:10px}
html[data-visitor-enhanced] #visitorMeta{font-size:9px}
}
html[data-visitor-enhanced] #visitorMeta{display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:nowrap;font-size:12px;white-space:nowrap}
html[data-visitor-enhanced] #rates #visitorMeta #ratesStatus{display:inline!important;flex:0 0 auto;margin:0!important;padding:0!important;min-height:0!important;background:none!important;border:0!important;font-size:inherit!important;line-height:1.7!important;color:inherit!important}
html[data-visitor-enhanced] #visitorMeta #ratesStatus:before,html[data-visitor-enhanced] #visitorMeta #ratesStatus:after{display:none!important}
html[data-visitor-enhanced] #visitorUpdated{display:inline;flex:0 0 auto;font-size:inherit}
@media(max-width:650px){html[data-visitor-enhanced] #visitorMeta{font-size:10px;padding:11px 3px;gap:2px}
}
@media(max-width:360px){html[data-visitor-enhanced] #visitorMeta{font-size:9px}
}


#visitorShortcuts[hidden],#visitorCalculator[hidden],#visitorMeta[hidden],#visitorBranchHint[hidden]{display:none!important}
html:not([data-visitor-enhanced]) .visitor-branch-symbol{display:none}
html[data-visitor-enhanced] #visitorMeta.visitor-status-error{white-space:normal;flex-wrap:wrap;color:#9b3544}
html[data-visitor-enhanced] #visitorMeta.visitor-status-error #ratesStatus{white-space:normal!important;flex:1 1 100%!important}
@media print{#visitorShortcuts,#visitorCalculator,#visitorContactDialog,#visitorBranchHint{display:none!important}}

/* Restore the Taif logo in every mobile branch bulletin. */
@media(max-width:650px){
 html[data-visitor-enhanced] #rates>.reqhead>div:first-child{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 html[data-visitor-enhanced] #rates .bulletin-logo{display:block!important;grid-column:1!important;grid-row:1!important;width:190px!important;max-width:80%!important;max-height:85px!important;justify-self:center;object-fit:contain}
 html[data-visitor-enhanced] #rates h2{grid-column:1!important;grid-row:2!important}
}

/* Keep branch-specific QR readable beside the restored mobile logo. */
html[data-visitor-enhanced] #rates .bulletin-qr{width:112px!important;height:112px!important}
html[data-visitor-enhanced] #rates>.reqhead>div:first-child{grid-template-columns:112px minmax(0,1fr) 140px!important}
@media(max-width:650px){
 html[data-visitor-enhanced] #rates>.reqhead>div:first-child{grid-template-columns:112px minmax(0,1fr)!important;gap:8px 12px!important}
 html[data-visitor-enhanced] #rates .bulletin-qr:not([hidden]){display:block!important;grid-column:1!important;grid-row:1!important}
 html[data-visitor-enhanced] #rates .bulletin-logo{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:190px!important;max-height:100px!important}
 html[data-visitor-enhanced] #rates h2{grid-column:1/-1!important;grid-row:2!important}
}

/* Balanced logo and QR proportions, with only the logo's white margins cropped. */
html[data-visitor-enhanced] #rates>.reqhead>div:first-child{grid-template-columns:112px minmax(0,1fr) 260px!important;column-gap:18px!important}
html[data-visitor-enhanced] #rates .bulletin-logo{width:260px!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:3.3;object-fit:cover;object-position:center}
@media(min-width:651px) and (max-width:900px){html[data-visitor-enhanced] #rates>.reqhead>div:first-child{grid-template-columns:112px minmax(0,1fr) 210px!important}}
@media(max-width:650px){
 html[data-visitor-enhanced] #rates>.reqhead>div:first-child{grid-template-columns:96px minmax(0,1fr)!important;gap:10px 14px!important;align-items:center!important}
 html[data-visitor-enhanced] #rates .bulletin-qr{width:96px!important;height:96px!important}
 html[data-visitor-enhanced] #rates .bulletin-logo{width:100%!important;max-width:260px!important;justify-self:stretch}
}