@media (max-width: 767px) {
  .product-table-trays .table td:first-child,
  .product-table-trays .table th:first-child {
    padding: 10px 10px 0;
    width: 100%;
  }
  .product-table-trays .table tbody tr {
    border-bottom: none;
    background: var(--colour-accent);
  }
  .product-table-trays .table tbody tr:nth-child(even) {
    background: var(--colour-accent);
  }
  .product-table-trays .table tbody td {
    border-bottom: none;
    vertical-align: top;
    padding: 10px 10px 0;
  }
  .product-table-trays .table--has-hover tbody tr {
    transition: none;
    border: none;
  }
  .product-table-trays .table--has-hover tbody tr:hover,
  .product-table-trays .table--has-hover tbody tr.active {
    border: none;
  }
  .product-table-trays .table--has-hover tbody tr:hover td,
  .product-table-trays .table--has-hover tbody tr.active td {
    background: none;
    color: var(--colour-text);
    border-top: none;
    border-bottom: none;
  }
  .product-table-trays .table--has-hover tbody tr:hover td:first-child,
  .product-table-trays .table--has-hover tbody tr.active td:first-child {
    border-left: none;
  }
  .product-table-trays .table--has-hover tbody tr:hover:not(:first-child) td,
  .product-table-trays .table--has-hover tbody tr.active:not(:first-child) td {
    border-top: none;
  }
  .product-table-trays .table--has-hover tbody tr:hover .button:not(:hover),
  .product-table-trays .table--has-hover tbody tr.active .button:not(:hover) {
    color: var(--colour-one);
    border-color: var(--colour-one);
  }
  .product-table-trays .table--has-hover tbody tr:hover .button:not(:hover) .la,
  .product-table-trays .table--has-hover tbody tr:hover .button:not(:hover) .las,
  .product-table-trays .table--has-hover tbody tr.active .button:not(:hover) .la,
  .product-table-trays .table--has-hover tbody tr.active .button:not(:hover) .las {
    color: inherit;
  }
  .product-table-trays .table--has-hover tbody tr:hover .button--1--alt:not(:hover),
  .product-table-trays .table--has-hover tbody tr.active .button--1--alt:not(:hover) {
    color: var(--colour-neutral);
    background: var(--colour-one);
  }
  .product-table-trays .table--has-hover tbody tr:hover .button--1--alt:not(:hover) .la,
  .product-table-trays .table--has-hover tbody tr:hover .button--1--alt:not(:hover) .las,
  .product-table-trays .table--has-hover tbody tr.active .button--1--alt:not(:hover) .la,
  .product-table-trays .table--has-hover tbody tr.active .button--1--alt:not(:hover) .las {
    color: inherit;
  }
  .product-table-trays__inner__table {
    display: block;
    width: 100%;
  }
  .product-table-trays__inner__table thead {
    display: none;
  }
  .product-table-trays__inner__table tbody {
    display: block;
  }
  .product-table-trays__inner__table tr {
    padding: 10px 10px 20px;
    background: var(--colour-accent);
    display: flow-root;
  }
  .product-table-trays__inner__table tr + tr {
    margin-top: var(--spacing);
  }
  .product-table-trays__inner__table td {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 10px 10px 0;
  }
  .product-table-trays__inner__table .cell--add-modal {
    display: none;
  }
  .product-table-trays__inner__table .cell--add-to-spec {
    clear: left;
  }
  .product-table-trays .button {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .product-table-trays .product-table-trays__inner__table__label {
    font-weight: var(--font-weight-bold);
  }
  .product-table-trays td.cell--add-to-spec {
    width: 100%;
  }
  .product-table-trays td.cell--add-to-spec .add-to-spec {
    font-size: 1.4rem;
    text-align: center;
  }
  .product-table-trays td.cell--add-to-spec .add-to-spec__button {
    padding: 15px 20px;
    line-height: 1.1;
    color: var(--colour-neutral);
  }
  .product-table-trays td.cell--add-to-spec .add-to-spec__button--plus, .product-table-trays td.cell--add-to-spec .add-to-spec__button--minus, .product-table-trays td.cell--add-to-spec .add-to-spec__button--loading {
    display: none !important;
  }
  .product-table-trays td.cell--add-to-spec .add-to-spec__button--mob--plus {
    display: block;
    background: var(--colour-one);
  }
  .product-table-trays td.cell--add-to-spec .add-to-spec__button--mob--minus {
    display: none;
    background: var(--colour-two);
  }
  .product-table-trays td.cell--add-to-spec .add-to-spec__button--mob--loading {
    display: none;
    background: var(--colour-one);
  }
  .product-table-trays td.cell--add-to-spec--added .add-to-spec__button--mob--plus, .product-table-trays td.cell--add-to-spec--added .add-to-spec__button--mob--loading {
    display: none;
  }
  .product-table-trays td.cell--add-to-spec--added .add-to-spec__button--mob--minus {
    display: block;
  }
  .product-table-trays td.cell--add-to-spec--loading .add-to-spec__button--mob--plus, .product-table-trays td.cell--add-to-spec--loading .add-to-spec__button--mob--minus {
    display: none;
  }
  .product-table-trays td.cell--add-to-spec--loading .add-to-spec__button--mob--loading {
    display: block;
  }
}
@media (min-width: 768px) {
  .product-table-trays .cell--add-to-spec {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .product-table-trays .cell--add-to-spec {
    min-width: 110px;
    max-width: 110px;
    width: 110px;
  }
}
@media (min-width: 768px) {
  .product-table-trays th.cell--add-to-spec {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media (min-width: 768px) {
  .product-table-trays td.cell--add-to-spec {
    text-align: center;
    padding-right: 10px !important;
    cursor: pointer;
  }
  .product-table-trays td.cell--add-to-spec:hover:not(.cell--add-to-spec--loading) {
    background: var(--colour-one);
  }
  .product-table-trays td.cell--add-to-spec .add-to-spec {
    font-size: 2.2rem;
  }
  .product-table-trays td.cell--add-to-spec .add-to-spec__button--mob--plus, .product-table-trays td.cell--add-to-spec .add-to-spec__button--mob--minus, .product-table-trays td.cell--add-to-spec .add-to-spec__button--mob--loading {
    display: none !important;
  }
  .product-table-trays td.cell--add-to-spec .add-to-spec__button--plus {
    display: inline-block;
  }
  .product-table-trays td.cell--add-to-spec .add-to-spec__button--minus {
    display: none;
  }
  .product-table-trays td.cell--add-to-spec .add-to-spec__button--loading {
    display: none;
  }
  .product-table-trays td.cell--add-to-spec--added {
    background: var(--colour-two);
  }
  .product-table-trays td.cell--add-to-spec--added .add-to-spec__button--plus {
    display: none;
  }
  .product-table-trays td.cell--add-to-spec--added .add-to-spec__button--minus {
    display: inline-block;
  }
  .product-table-trays td.cell--add-to-spec--added .add-to-spec__button--loading {
    display: none;
  }
  .product-table-trays td.cell--add-to-spec--loading {
    cursor: inherit;
  }
  .product-table-trays td.cell--add-to-spec--loading .add-to-spec__button--plus {
    display: none;
  }
  .product-table-trays td.cell--add-to-spec--loading .add-to-spec__button--minus {
    display: none;
  }
  .product-table-trays td.cell--add-to-spec--loading .add-to-spec__button--loading {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .product-table-trays__inner__table__label {
    display: none;
  }
  .product-table-trays__inner__table td {
    vertical-align: middle;
    padding: 10px;
  }
  .product-table-trays__inner__table tr:hover .text-link {
    color: var(--table-hover-color);
  }
}