.shopping-table th:nth-child(4) {
  width: 145px;
}

.shopping-check-cell {
  vertical-align: middle;
}

.shopping-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #41665b;
  font-size: .88rem;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}

.shopping-check input {
  width: 21px;
  height: 21px;
  padding: 0;
  border: 1px solid #9db7aa;
  border-radius: 6px;
  accent-color: #35681f;
  cursor: pointer;
}

.shopping-table tr.is-purchased td {
  background: #edf6e8;
}

.shopping-table tr.is-purchased [data-field="name"] {
  color: #658078;
  text-decoration: line-through;
}

@media (max-width: 760px) {
  .shopping-table td:nth-child(4) {
    grid-column: 1 / -1;
    margin-top: 2px;
  }

  .shopping-table td:nth-child(4)::before {
    content: "Status";
  }

  .shopping-check {
    width: 100%;
    min-height: 44px;
    padding: 9px 11px;
    border: 1px solid #d3e1d8;
    border-radius: 11px;
    background: #fff;
  }

  .shopping-table tr.is-purchased {
    border-color: #a8c99a;
    background: #edf6e8;
  }
}

@media print {
  .shopping-check input {
    appearance: auto;
  }
}