/* =====================================================================
   XENN — tampilan tabel harga (halaman /model.php)
   Berkas terpisah supaya style.css yang besar tidak perlu disentuh.
   ===================================================================== */
.price-lead{color:#aebbc9;font-size:16px;max-width:660px;line-height:1.7}
.price-table{width:100%;border-collapse:collapse;margin:38px 0 26px;font-size:13px}
.price-table th{font:500 10px "DM Mono";letter-spacing:.12em;text-transform:uppercase;color:#7f8fa3;
  text-align:left;padding:0 14px 13px;border-bottom:1px solid #1c2733}
.price-table td{padding:14px;border-bottom:1px solid #141d27;color:#c6d3de;vertical-align:top}
.price-table tbody tr:hover td{background:rgba(255,255,255,.02)}
.price-table .m{font-family:"DM Mono";font-size:12px;font-weight:600;color:#fff;white-space:nowrap}
.price-table .p{color:#7f8fa3;font-size:12px}
.price-table .n{text-align:right;font-family:"DM Mono";white-space:nowrap;color:#dce8f2}
.price-table .pk{color:#61e7ff;font-size:11px}
.price-note{color:#7f8fa3;font-size:12px;line-height:1.9;max-width:760px}
.price-note b{color:#aebbc9}
.price-cta{display:flex;gap:12px;margin-top:38px;flex-wrap:wrap}
@media(max-width:700px){
  .price-table{font-size:12px}
  .price-table th:nth-child(2),.price-table td:nth-child(2){display:none}
  .price-table td{padding:11px 8px}
  .price-cta .btn{width:100%}
}

/* --- penyesuaian halaman teknis (tabel 4 kolom) --- */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:760px){
  /* tabel teknis: muat di layar tanpa gulir. Kolom Provider disembunyikan oleh
     aturan lama di atas, jadi kolom yang tampak = 1 (model), 3, 4 (angka).
     Nama model dapat ruang terbesar; <wbr> pada tanda hubung dipasang oleh
     skrip pembangkit supaya putus barisnya rapi. */
  .price-table{min-width:0;width:100%;table-layout:fixed;font-size:11px}
  .price-table th{font-size:8px;letter-spacing:.02em;padding:0 4px 9px;white-space:normal}
  .price-table td{padding:9px 4px}
  .price-table th:nth-child(1), .price-table td:nth-child(1){width:46%}
  .price-table th:nth-child(3), .price-table td:nth-child(3){width:27%}
  .price-table th:nth-child(4), .price-table td:nth-child(4){width:27%}
  .price-table .m{white-space:normal}
  .price-table .n{font-size:11px;white-space:normal}
  .table-scroll{overflow-x:visible}
}