/* Catalog component on the five regional landing pages. Scoped to avoid changing SEO page styles. */
#region-paket {background:#f6f7fb}
#region-paket .rpc-lead {max-width:750px;margin:0 auto;color:#596273}
#region-paket .rpc-status{font-size:.92rem;color:#596273;margin:16px 0}
#region-paket .rpc-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:18px 0 24px}
#region-paket .rpc-filter{appearance:none;border:1px solid #d9dee9;background:white;color:#253044;border-radius:24px;padding:9px 14px;font:inherit;font-size:.86rem;font-weight:750;cursor:pointer}
#region-paket .rpc-filter[aria-pressed="true"]{background:#172033;color:#fff;border-color:#172033}
#region-paket .rpc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
#region-paket .rpc-card{background:#fff;border:1px solid #e4e8ee;border-radius:22px;padding:22px;box-shadow:0 13px 32px rgba(15,23,42,.05);display:flex;flex-direction:column;gap:8px}
#region-paket .rpc-category{font-size:.74rem;font-weight:850;color:#dc0014;text-transform:uppercase;letter-spacing:.06em}
#region-paket .rpc-card h3{font-size:1.22rem;line-height:1.3;margin:0;color:#172033}
#region-paket .rpc-speed{font-size:.95rem;font-weight:800;color:#3f4858}
#region-paket .rpc-price{font-size:1.65rem;font-weight:900;color:#111827;letter-spacing:-.035em}
#region-paket .rpc-price small{font-size:.75rem;color:#596273;font-weight:550;letter-spacing:0}
#region-paket .rpc-benefits{color:#5b6475;font-size:.9rem;padding-left:18px;margin:6px 0 14px;flex:1}
#region-paket .rpc-benefits li{margin:4px 0}
#region-paket .rpc-extra{color:#596273;font-size:.82rem;margin:0 0 6px}
#region-paket .rpc-button{font:inherit;font-weight:800;font-size:.9rem;color:#fff;background:#dc0014;border:1px solid #dc0014;border-radius:30px;padding:11px 15px;cursor:pointer;margin-top:auto}
#region-paket .rpc-button:hover{background:#a90010}
#region-paket .rpc-empty{padding:25px;text-align:center;border:1px dashed #cdd4e1;border-radius:16px;color:#596273;background:white}
#region-paket .rpc-disclaimer{margin:18px auto 0;font-size:.85rem;color:#596273;text-align:center;max-width:900px}
.rpc-modal[hidden]{display:none!important}
.rpc-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px}
.rpc-modal-backdrop{position:absolute;inset:0;background:rgba(8,13,24,.68)}
.rpc-modal-dialog{position:relative;width:min(600px,100%);max-height:92vh;overflow:auto;border-radius:24px;padding:27px;background:#fff;color:#172033;box-shadow:0 28px 75px rgba(0,0,0,.25)}
.rpc-modal-dialog h2{font-size:1.5rem;margin:4px 32px 18px 0;line-height:1.25}
.rpc-modal-tag{font-size:.8rem;color:#d60011;font-weight:800}
.rpc-modal-close{position:absolute;top:10px;right:12px;appearance:none;border:0;background:transparent;color:#333;font-size:2rem;cursor:pointer}
.rpc-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 18px}
.rpc-detail-list div{background:#f5f6f9;border-radius:13px;padding:12px}
.rpc-detail-list dt{font-size:.78rem;color:#596273}
.rpc-detail-list dd{margin:3px 0 0;font-weight:800;overflow-wrap:anywhere}
.rpc-modal-benefits{padding-left:20px;color:#596273}
.rpc-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.rpc-modal-actions button{font:inherit;font-weight:800;border-radius:999px;cursor:pointer;padding:11px 16px}
.rpc-modal-actions .rpc-primary{background:#dc0014;border:1px solid #dc0014;color:white;flex:1}
.rpc-modal-actions .rpc-secondary{background:#fff;border:1px solid #cdd4e1;color:#172033}
.rpc-modal-note{font-size:.8rem;color:#677081;margin-top:15px}
@media(max-width:900px){#region-paket .rpc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){#region-paket .rpc-grid,.rpc-detail-list{grid-template-columns:1fr}.rpc-modal-dialog{padding:22px}#region-paket .rpc-filters{justify-content:flex-start}}

/* Deskripsi adalah satu-satunya isi modal paket (harga dan biaya tetap di katalog). */
.rpc-modal-description{background:#f5f6f9;border-left:3px solid #dc0014;border-radius:14px;padding:16px 18px;margin:8px 0 4px;overflow-wrap:anywhere}
.rpc-modal-description h3{margin:0 0 8px;font-size:1rem;line-height:1.4;color:#172033}
.rpc-modal-description p{margin:0;color:#445066;font-size:.95rem;line-height:1.75;white-space:pre-line}