/* R20: South Africa's simple cards, shared by global, market and city pages. */
main .ra-package-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch}
main .ra-package-card{display:flex!important;flex-direction:column;min-width:0;background:#0d111a!important;border:1px solid #253044!important;border-radius:20px!important;padding:28px!important;box-shadow:none!important;color:#e2e8f0}
main .ra-package-card.ra-package-featured{border:2px solid #2d9fe8!important}
main .ra-package-card h3{font-size:24px!important;line-height:1.25!important;font-weight:700;margin:0 0 20px!important;overflow-wrap:anywhere}
main .ra-package-price{font-size:clamp(20px,2vw,28px)!important;line-height:1.35!important;font-weight:700;margin:0 0 20px!important;overflow-wrap:anywhere;min-height:2.7em;white-space:normal!important;max-width:100%}
main .ra-package-features{list-style:none;display:block!important;color:#afbed0;font-size:15px!important;line-height:1.7!important;padding:0!important;margin:0 0 24px!important;flex:1;min-height:96px}
main .ra-package-features li{display:block!important;border:0!important;text-decoration:none!important;margin:0 0 8px!important;padding:0 0 0 22px!important;position:relative;overflow-wrap:anywhere;opacity:1!important;color:#afbed0!important}
main .ra-package-features li:before{content:'✓';position:absolute;left:0;color:#38d4ad;font-weight:700}
main .ra-package-button{display:flex!important;justify-content:center;align-items:center;min-height:48px;width:100%;margin-top:auto!important;padding:12px 16px!important;border:1px solid #0969ad!important;border-radius:10px!important;background:#0969ad!important;color:white!important;font-size:15px!important;font-weight:700;text-align:center;text-decoration:none!important;white-space:normal;overflow-wrap:anywhere}
main .ra-package-button[aria-disabled=true]{background:#172334!important;border-color:#314359!important;color:#bdcad9!important;cursor:default}
@media(min-width:1280px){main .ra-package-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:20px!important}main .ra-package-card{padding:24px!important}}
@media(max-width:959px){main .ra-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:599px){main .ra-package-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}main .ra-package-card{padding:24px!important}main .ra-package-price{font-size:24px!important}}
/* Background decoration never blocks scrolling, clicks or page interaction. */
#site-header .ra32-country-panel{max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:767px){#site-header .ra32-country-panel{max-height:calc(100dvh - 160px);width:min(420px,calc(100vw - 24px))}}
/* R35: compact, aligned prices. Numeric value and billing cycle still come from WHMCS. */
main .ra-package-card {position:relative;}
main .ra-package-price {display:grid!important;grid-template-columns:minmax(0,1fr);gap:3px;font-size:24px!important;line-height:1.25!important;min-height:86px;overflow-wrap:normal!important;word-break:normal!important;}
main .ra-package-price .ra-price-currency {font-size:12px;font-weight:650;letter-spacing:.05em;color:#afbed0;line-height:1.3;}
main .ra-package-price .ra-price-amount {font-size:clamp(22px,1.6vw,28px);font-weight:750;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.5px;}
main .ra-package-price .ra-price-period {font-size:13px;font-weight:500;color:#afbed0;line-height:1.4;}
main .ra-package-price .ra-price-setup {font-size:12px;font-weight:500;color:#afbed0;line-height:1.5;}
main .ra-storage-label {gap:10px;align-items:flex-start;}
main .ra-storage-label > span:first-child {white-space:nowrap;word-break:normal;overflow-wrap:normal;flex-shrink:0;font-size:13px;}
main .ra-storage-value {font-size:13px!important;min-width:0;}
@media(min-width:600px){main .ra-package-card h3{min-height:2.5em;margin-bottom:12px!important;}main .ra-package-card .plan-for,main .ra-package-card .ra-package-for{min-height:3.4em;margin-bottom:12px!important;}main .ra-package-card:has(>.plan-badge){padding-top:52px!important;}main .ra-package-card>.plan-badge{position:absolute;top:12px;left:24px;right:24px;margin:0;}main .ra-package-card.ra-service-card{padding-top:52px!important;}}
@media(max-width:599px){main .ra-package-price .ra-price-amount{font-size:28px;}main .ra-package-price{min-height:82px;}}
.tbl-wrap {max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.ra-city-links a {max-width:100%;white-space:normal!important;overflow-wrap:anywhere;}