.price-table-wrap {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Edge gradients: shown only when scrollable */
.price-table-wrap.is-scrollable::before,
.price-table-wrap.is-scrollable::after{
  content:"";
  position:absolute; top:0; bottom:0; width:24px; pointer-events:none;
}
.price-table-wrap.is-scrollable::before{
  left:0; background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
  opacity:.9;
}
.price-table-wrap.is-scrollable::after{
  right:0; background:linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
  opacity:.9;
}
.price-table-wrap.at-start::before{ opacity:0; }
.price-table-wrap.at-end::after{ opacity:0; }

/* Small visible hint */
.price-table-wrap .scroll-hint{
  position: sticky; bottom: 4px; left: auto; right: 8px;
  display: inline-block;
  background: rgba(0,0,0,.7);
  color: #fff; font-size: 12px; line-height: 1; border-radius: 999px;
  padding: 6px 10px; z-index: 1;
}
@media (min-width: 641px){ .price-table-wrap .scroll-hint{ display:none; } }

.price-table{
  width:100%;
  border-collapse: collapse;
  min-width: 620px;
}
.price-table th,
.price-table td{
  text-align:left;
  padding:10px 12px;
  border-bottom:1px solid #eee7de;
  white-space:nowrap;
}
.price-table thead th{
  font-weight:600;
  color:var(--text);
  background: #faf6f0;
}
.price-table tbody tr:hover td{
  background:#faf8f5;
}