.dr-depth-group .option-row,
.dr-tap-position-group .option-row {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dr-tap-position-group .option-row:has(.option-button:only-child) {
  grid-template-columns: minmax(0, 1fr);
}

.option-button.is-depth-unavailable,
.option-button.is-depth-unavailable:hover,
.option-button.is-depth-unavailable:focus {
  background: #eeeae2 !important;
  border-color: #d4cec3 !important;
  color: #8c877f !important;
  cursor: not-allowed !important;
  opacity: 0.58;
  transform: none !important;
}

.option-button.is-depth-unavailable::after {
  content: "500mm depth only";
  display: block;
  margin-top: 4px;
  color: currentColor;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.25;
  text-transform: uppercase;
}

.technical-spec-list > div:nth-child(5) {
  border-top: 1px solid rgba(244, 239, 228, 0.18);
  border-left: 0;
  padding-left: 0;
}

@media (max-width: 580px) {
  .dr-depth-group .option-row,
  .dr-tap-position-group .option-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}