﻿.bling-table{--c1:#0f172a;--c2:#eef2ff;--c3:#f8fafc;--accent:#0a1f44;--ok:#16a34a}
  .bling-table{font-family:inherit;margin:1.5rem 0}
  .bling-table .bt-caption{font-weight:700;margin-bottom:.75rem;font-size:1.125rem;color:var(--c1)}

  .bling-table table{width:100%;border-collapse:separate;border-spacing:0;background:var(--c3);border-radius:12px;overflow:hidden}
  .bling-table thead th{background:var(--c2);text-align:left;font-weight:700;padding:14px 16px;border-bottom:1px solid #e5e7eb}
  .bling-table tbody td{padding:14px 16px;border-bottom:1px solid #e5e7eb;vertical-align:top}
  .bling-table tbody tr:last-child td{border-bottom:none}


  .bling-table .tag{
    display:inline-block;
    font-weight:700;
    color:#fff;
    background:var(--accent); 
    padding:0px 10px;
    border-radius:5px;        
    font-size:.85rem;
    letter-spacing:0.5px;
  }

  .bling-table .price{font-weight:700}
  .bling-table .save{color:var(--ok);font-weight:700;white-space:nowrap}
  .bling-table .muted{opacity:.75}
  .bling-table .small{font-size:.92rem}

  @media (max-width: 767px){
    .bling-table table, .bling-table thead, .bling-table tbody, .bling-table th, .bling-table td, .bling-table tr{display:block}
    .bling-table thead{display:none}
    .bling-table tbody tr{background:#fff;margin:0 0 12px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
    .bling-table tbody td{border:none;border-bottom:1px solid #e5e7eb;padding:10px 14px}
    .bling-table tbody td:last-child{border-bottom:none}
    .bling-table .row-head{background:var(--c2);font-weight:700}
    .bling-table .label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin-bottom:4px}
  }