/* ==============================
   Spicy Web – Responsive Table
   ============================== */
.sw-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 24px 0;
}
.sw-table th,
.sw-table td {
  border: 1px solid #e5e5e5;
  padding: 12px 20px;
  vertical-align: top;
  text-align: left;
}
.sw-table th {
  font-weight: 700;
  background: #f4f7f2;
}
.sw-table th:nth-child(1) { width: 40%; }

/* Mobile: stack rows into cards */
@media (max-width: 768px) {
  .sw-table,
  .sw-table tbody,
  .sw-table tr,
  .sw-table td {
    display: block;
    width: 100%;
  }
  .sw-table thead { display: none; }
  .sw-table tbody tr {
    border: 1px solid #eaeaea;
    border-radius: 12px;
    overflow: hidden;
    margin: 0 0 16px;
  }
  .sw-table td {
    border: 0;
    border-bottom: 1px solid #f1f1f1;
    padding: 12px 12px 12px 48%;
    position: relative;
    min-height: 44px;
  }
  .sw-table td:last-child { border-bottom: 0; }
  .sw-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 12px;
    top: 12px;
    width: 44%;
    font-weight: 600;
  }
  .sw-table td:first-child { font-weight: 700; }
}